/*! jQuery UI - v1.11.4 - 2015-09-15
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
	font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 0 8px;
}
/* 年・月プルダウン選択 */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 35%;
	border-radius: var(--app-widget-header-rod);-webkit-border-radius: var(--app-widget-header-rod);-moz-border-radius: var(--app-widget-header-rod); /* 角丸 */
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
/* カレンダー日選択（日曜）指定 */
.ui-datepicker th.ui-datepicker-week-end:first-child {
	color: var(--app-state-sun-txt); /* テキスト色 */
}
/* カレンダー日選択（土曜）指定 */
.ui-datepicker th.ui-datepicker-week-end:last-child {
	color: var(--app-state-sat-txt); /* 背景色 */
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
/* 今日・閉じるボタン指定 */
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
	font-size: 1.4rem;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
	right: 0.5em;
	left: auto;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0.4em 2.1em 0.4em 1em;
	display: block;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
/* カレンダー親枠 */
.ui-widget-content {
	border: var(--app-widget-brd); /* ボーダー指定 */
	color: var(--app-widget-txt);/* 背景色 */
	background: var(--app-widget-bg); /* テキスト色 */
}
.ui-widget-content a {
	color: #4b4b4b;
}
/* カレンダー年月選択枠 */
.ui-widget-header {
	border: var(--app-widget-header-brd); /* ボーダー指定 */
	background: var(--app-widget-header-bg); /* 背景色 */
	color: var(--app-widget-header-txt); /* テキスト色 */
	font-weight: bold;
}
.ui-widget-header a {
	color: #4b4b4b;
}

/* Interaction states
----------------------------------*/

/* カレンダー日選択基本 */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: var(--app-state-brd); /* ボーダー指定 */
	background: var(--app-state-bg); /* 背景色 */
	font-weight: bold;
	color: var(--app-state-txt); /* テキスト色 */
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #0085ba;
	text-decoration: none;
}
/* カレンダー日選択（日曜）指定 */
.ui-datepicker-week-end:first-child a.ui-state-default {
	border: var(--app-state-sun-brd); /* ボーダー指定 */
	background: var(--app-state-sun-bg); /* 背景色 */
	color: var(--app-state-sun-txt); /* テキスト色 */
}
.ui-datepicker-week-end:first-child a.ui-state-default:hover {
	background: var(--app-state-sun-ah-bg); /* 背景色（マウスオン） */
}
/* カレンダー日選択（土曜）指定 */
.ui-datepicker-week-end:last-child a.ui-state-default {
	border: var(--app-state-sat-brd); /* ボーダー指定 */
	background: var(--app-state-sat-bg); /* 背景色 */
	color: var(--app-state-sat-txt); /* テキスト色 */
}
.ui-datepicker-week-end:last-child a.ui-state-default:hover {
	background: var(--app-state-sat-ah-bg); /* 背景色（マウスオン） */
}
/* カレンダー日選択マウスオン */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: var(--app-state-hover-brd); /* ボーダー指定 */
	background: var(--app-state-hover-bg); /* 背景色 */
	font-weight: bold;
	color: var(--app-state-hover-txt); /* テキスト色 */
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #0085ba;
	text-decoration: none;
}
/* カレンダー日選択選択された日 */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: var(--app-state-active-brd); /* ボーダー指定 */
	background: var(--app-state-active-bg); /* 背景色 */
	font-weight: bold;
	color: var(--app-state-active-txt); /* テキスト色 */
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #0085ba;
	text-decoration: none;
}
/* 土日対応 */
.ui-datepicker-week-end:first-child a.ui-state-active,
.ui-datepicker-week-end:last-child a.ui-state-active {
	border: var(--app-state-active-brd); /* ボーダー指定 */
	background: var(--app-state-active-bg); /* 背景色 */
	color: var(--app-state-active-txt); /* テキスト色 */
}
.ui-datepicker {z-index: 1000 !important;}

/* Interaction Cues
----------------------------------*/

/* カレンダー日選択（今日）指定 */
.ui-datepicker-week-end:first-child a.ui-state-highlight.ui-state-default,
.ui-datepicker-week-end:last-child a.ui-state-highlight.ui-state-default,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: var(--app-state-highlight-brd); /* ボーダー指定 */
	background: var(--app-state-highlight-bg); /* 背景色 */
	color: var(--app-state-highlight-txt); /* テキスト色 */
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: var(--app-state-highlight-txt); /* テキスト色 */
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../../../core_sys/common/images/jquery-ui/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../../../core_sys/common/images/jquery-ui/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("../../../core_sys/common/images/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("../../../core_sys/common/images/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("../../../core_sys/common/images/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("../../../core_sys/common/images/jquery-ui/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../../../core_sys/common/images/jquery-ui/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #666666 url("../../../core_sys/common/images/jquery-ui/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
	opacity: .5;
	filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000 url("../../../core_sys/common/images/jquery-ui/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
	opacity: .2;
	filter: Alpha(Opacity=20); /* support: IE8 */
	border-radius: 5px;
}
/***************************************************
information
	filename : sys_common.css;
***************************************************/

/******* BASE *******/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure,address{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:top;}
img.lp {border:1px solid var(--app-main-brd);}
h2,h3,h4,h5,h6{font-size:100%;text-align:left;}
fieldset {border:none;}
section, nav, article, aside, hgroup, header, footer, figure, figcaption, details, fieldset {display: block;}

html {margin: 0;padding: 0;box-sizing: border-box;font-size: var(--font-html); /* 基本フォント */}
*, *:before, *:after {box-sizing: inherit;}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	word-wrap: break-word;
	overflow-wrap: break-word;
	color: var(--body-txt); /* 基本テキスト */
	font-size: var(--font-body); /* bodyフォント */
	background: var(--body-bg); /* body背景色 */
	font-family: var(--font-face); /* bodyフォントフェイス */
}
body.popup {
	background: var(--body-popup-bg); /* body-popup-背景色 */
}
/****** SYS ******/
.sp_only {display: none;}
.pc_only {display: block;}
.nowrap {white-space: nowrap;}
.fadebox {opacity: 0;}

/* ========== COMMON PARTS ========== */
.LayoutL {float:left;}
.LayoutR {float:right;}
.clear_fix {
	min-height: 1em;
	_height: 1px;
	_overflow: visible;
}
/****** AFTER ******/
.clear_fix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}
/****** LINK ******/
.mouseOver:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
.link_box {position:relative;width:100%;padding:0;margin:0px auto;}
.link_box a {position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-99999px;}
.link_box a:hover {background-color: var(--linkbox-bg);filter: alpha(opacity=30);-moz-opacity:0.30;opacity:0.30;}

/******* TEXT SIZE *******/
.fs60 {font-size: 60px;}
.fs55 {font-size: 55px;}
.fs50 {font-size: 50px;}
.fs45 {font-size: 45px;}
.fs40 {font-size: 40px;}
.fs35 {font-size: 35px;}
.fs30 {font-size: 30px;}
.fs29 {font-size: 29px;}
.fs28 {font-size: 28px;}
.fs27 {font-size: 27px;}
.fs26 {font-size: 26px;}
.fs25 {font-size: 25px;}
.fs24 {font-size: 24px;}
.fs23 {font-size: 23px;}
.fs22 {font-size: 22px;}
.fs21 {font-size: 21px;}
.fs20 {font-size: 20px;}
.fs19 {font-size: 19px;}
.fs18 {font-size: 18px;}
.fs17 {font-size: 17px;}
.fs16 {font-size: 16px;}
.fs15 {font-size: 15px;}
.fs14 {font-size: 14px;}
.fs13 {font-size: 13px;}
.fs12 {font-size: 12px;}
.fs11 {font-size: 11px;}
.fs10 {font-size: 10px;}
.lh10 {line-height: 1em;}
.lh11 {line-height: 1.1em;}
.lh12 {line-height: 1.2em;}
.lh13 {line-height: 1.3em;}
.lh14 {line-height: 1.4em;}
.lh15 {line-height: 1.5em;}
.lh16 {line-height: 1.6em;}
.lh17 {line-height: 1.7em;}
.lh18 {line-height: 1.8em;}
.lh19 {line-height: 1.9em;}
.lh20 {line-height: 2em;}
.bold {font-weight: bold;}

/******* LAYOUT *******/
.lft {text-align: left;}
.cnt {text-align: center;}
.rgt {text-align: right;}
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

/******* CONTROL *******/
.ofa {overflow: auto;}
.ofh {overflow: hidden;}
.prv {position:relative;}
.pab {position:absolute;}
.mgt2 {margin-top: 2px;}
.mgt3 {margin-top: 3px;}
.mgt4 {margin-top: 4px;}
.mgt5 {margin-top: 5px;}
.mgt6 {margin-top: 6px;}
.mgt7 {margin-top: 7px;}
.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt25 {margin-top: 25px;}
.mgt30 {margin-top: 30px;}
.mgt35 {margin-top: 35px;}
.mgt40 {margin-top: 40px;}
.mgt45 {margin-top: 45px;}
.mgt50 {margin-top: 50px;}
.mgt55 {margin-top: 55px;}
.mgt60 {margin-top: 60px;}
.mgb5 {margin-bottom: 5px;}
.mgb10 {margin-bottom: 10px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgb25 {margin-bottom: 25px;}
.mgb30 {margin-bottom: 30px;}
.mgb35 {margin-bottom: 35px;}
.mgb40 {margin-bottom: 40px;}
.mgb45 {margin-bottom: 45px;}
.mgb50 {margin-bottom: 50px;}
.mgb55 {margin-bottom: 55px;}
.mgb60 {margin-bottom: 60px;}
.mgb100 {margin-bottom: 100px;}
.mgb150 {margin-bottom: 150px;}
.mgl5 {margin-left: 5px;}
.mgl10 {margin-left: 10px;}
.mgl15 {margin-left: 15px;}
.mgl20 {margin-left: 20px;}
.mgl25 {margin-left: 25px;}
.mgl30 {margin-left: 30px;}
.mgl-5 {margin-left: -5px;}
.mgl-10 {margin-left: -10px;}
.mgl-15 {margin-left: -15px;}
.mgl-20 {margin-left: -20px;}
.mglra {margin-left:auto;margin-right:auto;}
.pdg10 {padding:10px;}
.pdt2 {padding-top:2px;}
.pdt3 {padding-top:3px;}
.pdt4 {padding-top:4px;}
.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdb10 {padding-bottom:10px;}
.pdg20 {padding:20px;}
.pdt20 {padding-top:20px;}
.pdb20 {padding-bottom:20px;}
.pdtb10 {padding-top:10px;padding-bottom:10px;}
.pdtb20 {padding-top:20px;padding-bottom:20px;}
.pdlr5 {padding-left:5px;padding-right:5px;}
.pdlr10 {padding-left:10px;padding-right:10px;}
.pdlr20 {padding-left:20px;padding-right:20px;}

/******* LAYOUT SIZE *******/
.hlf60 {width:60%;}
.hlf70 {width:70%;}
.hlf80 {width:80%;}
.hlf90 {width:90%;}
.boxW400 {width:400px;}
.boxW420 {width:420px;}
.boxW450 {width:450px;}
.boxW500 {width:500px;}
.boxW550 {width:550px;}
.boxW600 {width:600px;}
.boxW650 {width:650px;}
.boxW700 {width:700px;}
.boxW750 {width:750px;}
.boxW800 {width:800px;}
.boxW850 {width:850px;}

/******* TABLE SIZE *******/
.size10,
th.size10,
td.size10 {width:10px;}
.size20,
th.size20,
td.size20 {width:20px;}
.size30,
th.size30,
td.size30 {width:30px;}
.size40,
th.size40,
td.size40 {width:40px;}
.size50,
th.size50,
td.size50 {width:50px;}
.size60,
th.size60,
td.size60 {width:60px;}
.size70,
th.size70,
td.size70 {width:70px;}
.size80,
th.size80,
td.size80 {width:80px;}
.size90,
th.size90,
td.size90 {width:90px;}
.size100,
th.size100,
td.size100 {width:100px;}
.size110,
th.size110,
td.size110 {width:110px;}
.size120,
th.size120,
td.size120 {width:120px;}
.size130,
th.size130,
td.size130 {width:130px;}
.size140,
th.size140,
td.size140 {width:140px;}
.size150,
th.size150,
td.size150 {width:150px;}
.size160,
th.size160,
td.size160 {width:160px;}
.size170,
th.size170,
td.size170 {width:170px;}
.size180,
th.size180,
td.size180 {width:180px;}
.size190,
th.size190,
td.size190 {width:190px;}
.size200,
th.size200,
td.size200 {width:200px;}
th.size210,
td.size210 {width:210px;}
th.size220,
td.size220 {width:220px;}
th.size230,
td.size230 {width:230px;}
th.size240,
td.size240 {width:240px;}
.size250,
th.size250,
td.size250 {width:250px;}
th.size260,
td.size260 {width:260px;}
th.size270,
td.size270 {width:270px;}
th.size280,
td.size280 {width:280px;}
th.size290,
td.size290 {width:290px;}
.size300,
th.size300,
td.size300 {width:300px;}
.size350,
th.size350,
td.size350 {width:350px;}
.size400,
th.size400,
td.size400 {width:400px;}
.size450,
th.size450,
td.size450 {width:450px;}
.size500,
th.size500,
td.size500 {width:500px;}
.size50pc,
th.size50pc,
td.size50pc {width:50%;}

/**** LIST STYLE ****/
.list-disk-ul {margin-left: 2.0rem;}
.list-disk-ol {margin-left: 2.0rem;}
.list-disk-ul li {list-style: disc;margin-top: 0.5rem;}
.list-disk-ol li {list-style: decimal;margin-top: 0.5rem;}

/**** LAYOUT BOX ****/
.tpl-contents-block {}
.tpl-contents-block-inn h2,
.tpl-contents-block-inn h3 {}
.tpl-contents-block-inn .txt {}
.tpl-contents-block-inn .cap {}
.tpl-contents-block [class*="tpl-flexcolumn"] .column figure.image{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.liimgY .tpl-contents-block [class*="tpl-flexcolumn"] .column figure.image{padding-top: 60%;}
.liimgT .tpl-contents-block [class*="tpl-flexcolumn"] .column figure.image{padding-top: 90%;}
.tpl-contents-block [class*="tpl-flexcolumn"] .column figure.image a,
.ListType4 .tpl-contents-block [class*="tpl-flexcolumn"] .column figure.image{display: flex;justify-content: center;align-items: center;}
.tpl-contents-block [class*="tpl-flexcolumn"] .column figure.image a{height: 100%;}
.tpl-contents-block [class*="tpl-flexcolumn"] .column figure.image img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.tpl-contents-block-type01 .tpl-contents-block-inn {display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.tpl-contents-block.tpl-contents-block-type01 section {padding-bottom: 1.5rem;margin-bottom: 0;position: relative;}

/* 各カラム */
.tpl-contents-block .tpl-contents-block-inn{display:flex;width: 100%;gap: 1em 1em;}
.tpl-contents-block [class^="tpl-flexcolumn"] .column {float: none;margin:0;}
.tpl-contents-block [class^="tpl-flexcolumn"] .column:not([class^="column col"]){
  /* padding-right: 2em; */
  flex-shrink:0;
}
/*.ListType1 .tpl-contents-block .tpl-flexcolumn1 .column:not([class^="column col"]),
.tpl-contents-block .tpl-flexcolumn2 .column:not([class^="column col"]):nth-child(2n),
.tpl-contents-block .tpl-flexcolumn3 .column:not([class^="column col"]):nth-child(3n),
.tpl-contents-block .tpl-flexcolumn4 .column:not([class^="column col"]):nth-child(4n),
.tpl-contents-block .tpl-flexcolumn5 .column:not([class^="column col"]):nth-child(5n),
.tpl-contents-block .tpl-flexcolumn6 .column:not([class^="column col"]):nth-child(6n),
.tpl-contents-block .tpl-flexcoluamn7 .column:not([class^="column col"]):nth-child(7n),
.tpl-contents-block .tpl-flexcolumn8 .column:not([class^="column col"]):nth-child(8n),
.tpl-contents-block .tpl-flexcolumn9 .column:not([class^="column col"]):nth-child(9n),
.tpl-contents-block .tpl-flexcolumn10 .column:not([class^="column col"]):nth-child(10n){margin-right:0;}
*/
.tpl-contents-block .tpl-flexcolumn1  .column:not([class^="column col"]){width: 100%;}
.pcview .ListType2 .tpl-contents-block .tpl-flexcolumn0  .column:not([class^="column col"]),
.pcview .ListType2 .tpl-contents-block .tpl-flexcolumn1  .column:not([class^="column col"]),
.pcview .ListType4 .tpl-contents-block .tpl-flexcolumn0  .column:not([class^="column col"]),
.pcview .ListType4 .tpl-contents-block .tpl-flexcolumn1  .column:not([class^="column col"]),
.tpl-contents-block .tpl-flexcolumn2  .column:not([class^="column col"]){width: calc((100% - 1em) / 2 );}
.tpl-contents-block .tpl-flexcolumn3  .column:not([class^="column col"]){width: calc((100% - 2em) / 3 );}
.tpl-contents-block .tpl-flexcolumn4  .column:not([class^="column col"]){width: calc((100% - 3em) / 4 );}
.tpl-contents-block .tpl-flexcolumn5  .column:not([class^="column col"]){width: calc((100% - 4em) / 5 );}
.tpl-contents-block .tpl-flexcolumn6  .column:not([class^="column col"]){width: calc((100% - 5em) / 6 );}
.tpl-contents-block .tpl-flexcolumn7  .column:not([class^="column col"]){width: calc((100% - 6em) / 7 );}
.tpl-contents-block .tpl-flexcolumn8  .column:not([class^="column col"]){width: calc((100% - 7em) / 8 );}
.tpl-contents-block .tpl-flexcolumn9  .column:not([class^="column col"]){width: calc((100% - 8em) / 9 );}
.tpl-contents-block .tpl-flexcolumn10 .column:not([class^="column col"]){width: calc((100% - 9em) / 10);}

/* スライダー指定 */
.sldYblockArea .tpl-contents-block [class^="tpl-flexcolumn"] .column {float: left;margin-left:0.5rem;margin-right:0.5rem;}
.ListBox.ListType2.sldYblockArea .clmDetail,
.ListBox.ListType4.sldYblockArea .clmDetail {margin: 0 0.5rem;border-bottom: none;}
.ListBox.ListType3.sldYblockArea dl.clmDetail,
.ListBox.ListType5.sldYblockArea .clmDetail {margin: 0 1.0rem;padding-bottom: 1.0rem;border-bottom: none;}
.sldTblock .slick-arrow{
	width: initial!important;
	height: initial!important;
	z-index:2!important;
	transform: rotate(90deg);
	top: initial;
	left: initial!important;
	right: 0!important;
}
.sldTblock .slick-arrow:before{ font-size: 50px; }
.sldTblock .slick-prev{ top: 0; }
.sldTblock .slick-next{ bottom: 0; }
.sldTblock .slick-dots{width: 50px;right: 0;bottom: initial;top: 50%;transform: translateY(-50%);}

/**** hr ****/
.tpl-contents-block hr {margin: 4.0rem auto;height: 0.1rem;border: 0;}
.sideClnD .tpl-contents-block hr {margin: 0.5rem auto 1.0rem auto;}
.tpl-contents-block hr.dot {background: var(--app-li-hr-brd);}/* ドットボーダー指定 */

/****** figure ******/
figure {position: relative;overflow: hidden;}

figcaption.mouseAnimeType01,
figcaption.mouseAnimeType02,
figcaption.mouseAnimeType03,
figcaption.mouseAnimeType04,
figcaption.mouseAnimeType05,
figcaption.mouseAnimeType06,
figcaption.mouseAnimeType07,
figcaption.mouseAnimeType08 {
	z-index: 2;
	width: 100%;
	height: 100%;
	background: var(--app-li-figcaption-bg); /* 背景色*/
	-webkit-transition: .3s;
	transition: .3s;
}
figcaption.mouseAnimeType01 {position: absolute;top: 0;left: 0;opacity: 0;}
figure:hover figcaption.mouseAnimeType01 {opacity: 1;}
figcaption.mouseAnimeType02 {position: absolute;top: -100%;left: 0;opacity: 1;overflow: hidden;}
figure:hover figcaption.mouseAnimeType02 {top: 0;left: 0;}
figcaption.mouseAnimeType03 {position: absolute;top: 0;left: -100%;opacity: 1;}
figure:hover figcaption.mouseAnimeType03 {top: 0;left: 0;}
figcaption.mouseAnimeType04 {position: absolute;top: 0;left: 0;-webkit-transform: rotate(90deg) scale(0);transform: rotate(90deg) scale(0);opacity: 0;}
figure:hover figcaption.mouseAnimeType04 {-webkit-transform: rotate(360deg) scale(1);transform: rotate(360deg) scale(1);opacity: 1;}
figcaption.mouseAnimeType05 {position: absolute;top: 0;left: 0;-webkit-transform: rotate(90deg) scale(3);transform: rotate(90deg) scale(3);opacity: 0;}
figure:hover figcaption.mouseAnimeType05 {-webkit-transform: rotate(360deg) scale(1);transform: rotate(360deg) scale(1);opacity: 1;}
figcaption.mouseAnimeType06 {position: absolute;top: 0;left: 0;-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);-webkit-transition: .5s;transition: .5s;opacity: 0;}
figure:hover figcaption.mouseAnimeType06 {-webkit-transform: rotateX(0);transform: rotateX(0);opacity: 1;}
figcaption.mouseAnimeType07 {position: absolute;top: 0;left: 0;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition: .5s;transition: .5s;opacity: 0;}
figure:hover figcaption.mouseAnimeType07 {-webkit-transform: rotateY(0);transform: rotateY(0);opacity: 1;}
figcaption.mouseAnimeType08 {position: absolute;bottom: -60px;left: 0;height: 6.0rem;}
figure:hover figcaption.mouseAnimeType08 {bottom: 0;}
figcaption p.nextRead {
	margin: 1.0rem;
	padding: 0.5rem;
	color: var(--app-li-figcaption-txt); /* テキスト色*/
	text-align:right;
	font-size: 1.4rem;
	border-bottom: var(--app-li-figcaption-brd); /* ボーダー指定*/
}
figcaption.mouseAnimeType08 p.nextRead {
	margin: 1.5rem 1.0rem;
	padding: 0.5rem;
	color: var(--app-li-figcaption-txt); /* テキスト色*/
	text-align:right;
	font-size: 1.4rem;
}
figcaption p.figureCap {
	padding: 2.0rem;
	color: var(--app-li-figcaption-txt); /* テキスト色*/
	text-align:left;
	font-size: var(--font-figureCap);
	line-height: 1.8;
}
/* preタグ */
pre {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow: auto;
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.hlf60,
	.hlf70,
	.hlf80,
	.hlf90 {width:none;}
	.boxW400,
	.boxW420,
	.boxW450,
	.boxW500,
	.boxW550,
	.boxW600,
	.boxW650,
	.boxW700,
	.boxW750,
	.boxW800,
	.boxW850 {width:100%;}
	.sp_only {display: block;}
	.pc_only {display: none;}

	.LayoutL {float: none;}
	.LayoutR {float: none;}

	.spBtM .LayoutL {float:left;}
	.spBtM .LayoutR {float:right;}

	/**** hr ****/
	.tpl-contents-block hr {margin: 1.0rem auto;}
}
/***************************************************
information
	filename : form_common.css;
***************************************************/
/******* BASE *******/
/* input */
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;margin:2px;padding:0px;}
input.txt,textarea.txt {
	margin: var(--form-mg); /* マージン */
	padding: var(--form-pd); /* パディング */
	vertical-align: middle;
	border-radius: var(--form-rod);-webkit-border-radius: var(--form-rod);-moz-border-radius: var(--form-rod); /* 角丸 */
	color: var(--form-txt); /* テキスト色 */
	background-color: var(--form-fc); /* 背景色 */
	border: var(--form-brd); /* ボーダー指定 */
	font-size: var(--font-form-input); /* フォントサイズ */
	font-weight: normal;
}
input.txt:focus,textarea.txt:focus {background-color: var(--form-fc-cr);} /* focus背景色 */
input.ime {ime-mode: disabled;}
input.txc {text-align: center;}
input.txr {text-align: right;}
input.txt::-webkit-input-placeholder,
textarea.txt::-webkit-input-placeholder {color: var(--form-txt-dis);} /* disableテキスト色 */
input.txt:-ms-input-placeholder,
textarea.txt:-ms-input-placeholder {color: var(--form-txt-dis);} /* disableテキスト色 */
input.txt::-moz-placeholder,
textarea.txt::-moz-placeholder {color: var(--form-txt-dis);} /* disableテキスト色 */

/******* LINK button Rounded *******/
input[type="submit"], input[type="reset"], input[type="button"], button{cursor: pointer;}

input[type="submit"]:disabled,
input[type="reset"]:disabled,
input[type="button"]:disabled,
input:hover[type="submit"]:disabled,
input:hover[type="reset"]:disabled,
input:hover[type="button"]:disabled{
background:var(--form-fc-dis); /* disable背景色 */
cursor:not-allowed;
}
input[type="text"][disabled]{
background:var(--form-fc-dis); /* disable背景色 */
color:var(--form-txt-dis); /* disableテキスト色 */
cursor:not-allowed;
}
/* パスワード目玉マーク */
.password_wrapper {position: relative;}
.password_toggle {
	position: absolute;
	top: 50%;
	right: 4%;
	width: 25px;
	height: 25px;
	cursor: pointer;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
#eye.fa-eye {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="rgba(150,150,150,1" d="M1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12ZM12.0003 17C14.7617 17 17.0003 14.7614 17.0003 12C17.0003 9.23858 14.7617 7 12.0003 7C9.23884 7 7.00026 9.23858 7.00026 12C7.00026 14.7614 9.23884 17 12.0003 17ZM12.0003 15C10.3434 15 9.00026 13.6569 9.00026 12C9.00026 10.3431 10.3434 9 12.0003 9C13.6571 9 15.0003 10.3431 15.0003 12C15.0003 13.6569 13.6571 15 12.0003 15Z" /></svg>'); 0.5em center no-repeat transparent;}
#eye.fa-eye-slash {background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="rgba(150,150,150,1" d="M4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457ZM14.7577 16.1718L13.2937 14.7078C12.902 14.8952 12.4634 15.0002 12.0003 15.0002C10.3434 15.0002 9.00026 13.657 9.00026 12.0002C9.00026 11.537 9.10522 11.0984 9.29263 10.7067L7.82866 9.24277C7.30514 10.0332 7.00026 10.9811 7.00026 12.0002C7.00026 14.7616 9.23884 17.0002 12.0003 17.0002C13.0193 17.0002 13.9672 16.6953 14.7577 16.1718ZM7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925L16.947 12.7327C16.9821 12.4936 17.0003 12.249 17.0003 12.0002C17.0003 9.23873 14.7617 7.00016 12.0003 7.00016C11.7514 7.00016 11.5068 7.01833 11.2677 7.05343L7.97446 3.76015Z" /></svg>'); 0.5em center no-repeat transparent;}

/* select */
select.selectMenu  {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: none;
	border: var(--form-brd); /* ボーダー指定 */
	border-radius: var(--SelectBt-rod);-webkit-border-radius: var(--SelectBt-rod);-moz-border-radius: var(--SelectBt-rod); /* 角丸 */
	margin: 0;
	padding: var(--form-pd);
	background:var(--form-fc) url(../../../core_sys/common/images/sys/arw_select_down.png) no-repeat;
	background-size: 30px 29px;
	background-position: right center;
	font-size: var(--font-form-input); /* フォントサイズ */
	color: var(--form-txt); /* テキスト色 */
	vertical-align: middle;
	cursor: pointer;
	}
select.selectMenu:hover {background:var(--form-fc-cr) url(../../../core_sys/common/images/sys/arw_select_downO.png) no-repeat;background-position: right center;}
select.selectMenu  {-webkit-appearance: none;-moz-appearance: none;text-indent: 0;text-overflow: '';}
select.selectMenu::-ms-expand {display: none;}
select.selectMenu[disabled]{
	border: var(--form-brd-dis); /* disableボーダー指定 */
	background:var(--form-fc-dis); /* disable背景色 */
	color:var(--form-txt-dis); /* disableテキスト色 */
	cursor:not-allowed;
}
/* checkbox radio */
label.radio {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	top: 2px;
	border: var(--form-brd); /* ボーダー指定 */
	border-radius : 100%;
	overflow: hidden;
	cursor: pointer;
}
label.radio:before {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	border-radius: 100%;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	background-color : var(--form-rd-ch); /* ラジオボタン・チェックボックス背景色 */
}
label.radio input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	margin: 0px;
	position: absolute;
	z-index: 2;
	top: -2px;
	left: -23px;
	width: 20px;
	height: 20px;
	display: block;
	box-shadow : var(--form-rd-bbg); /* ラジオボタン背景影色 */
}
label.radio input[type="radio"]:checked {box-shadow : none;}
label.radio input[type="radio"]:focus {
	box-shadow : var(--form-rd-bbg); /* ラジオボタン背景影色 */
	opacity: 0.2;
}
label.radio_text {
	cursor: pointer;
	position: relative;
	padding-top : 0;
	margin-right : 2.0rem;
	overflow: hidden;
	padding-left : 2.5rem;
	display: inline-block;
}
label.radio_text:before {
	position: absolute;
	width: 15px;
	height: 15px;
	border: var(--form-brd); /* ボーダー指定 */
	border-radius : 50%;
	left: 0px;
	top: 4px;
	content: '';
	z-index: 3;
}
label.radio_text:after {
	content: '';
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	left: 3px;
	top: 7px;
	background-color : var(--form-rd-ch); /* ラジオボタン・チェックボックス背景色 */
	z-index: 1;
}
label.radio_text input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	left: -23px;
	top: 1px;
	margin: 0px;
	box-shadow : var(--form-rd-bbg); /* ラジオボタン背景影色 */
}
label.radio_text input[type="radio"]:checked {box-shadow : none;}
label.radio_text input[type="radio"]:focus {
	opacity: 0.2;
	box-shadow : var(--form-rd-bbg); /* ラジオボタン背景影色 */
}
label.radio_text_dis {
	cursor: pointer;
	position: relative;
	padding-top : 3px;
	padding-left : 5px;
	margin-right : 20px;
	overflow: hidden;
	padding-left : 25px;
	display: inline-block;
	color: var(--form-txt-dis); /* disableテキスト色 */
	cursor:not-allowed;
}
label.radio_text_dis:before {
	position: absolute;
	width: 15px;
	height: 15px;
	border: var(--form-brd-dis); /* disableボーダー指定 */
	border-radius : 50%;
	left: 0px;
	top: 4px;
	content: '';
	z-index: 3;
}
label.radio_text_dis:after {
	content: '';
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	left: 3px;
	top: 7px;
	background-color : var(--form-rd-dis); /* ラジオボタン・チェックボックスdisable背景色 */
	z-index: 1;
}
label.radio_text_dis input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
	z-index: 2;
	width: 20px;
	height: 20px;
	left: -23px;
	top: 1px;
	margin: 0px;
	box-shadow : var(--form-rd-bbg); /* ラジオボタン背景影色 */
}
label.radio_text_dis input[type="radio"]:checked {box-shadow : none;}
label.radio_text_dis input[type="radio"]:focus {
	opacity: 0.2;
	box-shadow : var(--form-rd-bbg); /* ラジオボタン背景影色 */
}

label.checkbox {
	cursor: pointer;
	width: 20px;
	height: 20px;
	top: 2px;
	border: var(--form-brd); /* ボーダー指定 */
	border-radius: var(--form-rod);-webkit-border-radius: var(--form-rod);-moz-border-radius: var(--form-rod); /* 角丸 */
	background : var(--form-fc); /* 背景色 */
	overflow: hidden;
	position: relative;
	display: inline-block;
	box-sizing : border-box;
}
label.checkbox input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 20px;
	width: 20px;
	height: 20px;
	left: -40px;
	box-shadow : var(--form-ch-bbg); /* チェックボックス背景影色 */
	z-index: 2;
}
label.checkbox input[type="checkbox"]:checked {box-shadow : none;}
label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : var(--form-ch-bbg); /* チェックボックス背景影色 */
	opacity: 0.1;
}
label.checkbox input[type="checkbox"]:focus {
	box-shadow : var(--form-ch-bbg); /* チェックボックス背景影色 */
}
label.checkbox:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 6px;
	display: block;
	margin-top: -8px;
	width: 8px;
	height: 12px;
	border-right: var(--form-brd-rd); /* チェックボックスアイコンボーダー指定 */
	border-bottom: var(--form-brd-rd); /* チェックボックスアイコンボーダー指定 */
	transform: rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 1;
}
label.checkbox_text {
	cursor: pointer;
	position: relative;
	padding-bottom : 0.4rem;
	margin-right : 1.5rem;
	overflow: hidden;
	position: relative;
	padding-left : 3.0rem;
	display: inline-block;
	box-sizing: border-box;
	line-height: 1.2;
}
label.checkbox_text:before {
	content: '';
	position : absolute;
	width: 20px;
	height: 20px;
	left: 0px;
	top: 0;
	border: var(--form-brd); /* ボーダー指定 */
	border-radius: var(--form-rod);-webkit-border-radius: var(--form-rod);-moz-border-radius: var(--form-rod); /* 角丸 */
	z-index: 3;
}
label.checkbox_text:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 6px;
	display: block;
	margin-top: -8px;
	width: 8px;
	height: 12px;
	border-right: var(--form-brd-rd); /* チェックボックスアイコンボーダー指定 */
	border-bottom: var(--form-brd-rd); /* チェックボックスアイコンボーダー指定 */
	transform: rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 1;
}
label.checkbox_text input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
	left: -40px;
	width: 20px;
	height: 20px;
	display: block;
	box-shadow : var(--form-ch-bbg); /* チェックボックス背景影色 */
	z-index: 2;
	margin: 0px;
	padding: 0px;
}
label.checkbox_text input[type="checkbox"]:checked {box-shadow : none;}
label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : var(--form-ch-bbg); /* チェックボックス背景影色 */
	opacity: 0.1;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : var(--form-ch-bbg); /* チェックボックス背景影色 */
}

label.checkbox_text_dis {
	cursor: pointer;
	position: relative;
	padding-left : 20px;
	padding-bottom : 2px;
	margin-right : 15px;
	overflow: hidden;
	position: relative;
	padding-left : 25px;
	display: inline-block;
	box-sizing: border-box;
	color: var(--form-rd-dis); /* ラジオボタン・チェックボックスdisable背景色 */
	cursor:not-allowed;
	line-height: 1.2;
}
label.checkbox_text_dis:before {
	content: '';
	position : absolute;
	width: 18px;
	height: 18px;
	left: 0px;
	top: 0;
	border: var(--form-brd-dis); /* disableボーダー指定 */
	border-radius: var(--form-rod);-webkit-border-radius: var(--form-rod);-moz-border-radius: var(--form-rod); /* 角丸 */
	z-index: 3;
}
label.checkbox_text_dis:after {
	content: '';
	position: absolute;
	top: 10px;
	left: 6px;
	display: block;
	margin-top: -8px;
	width: 8px;
	height: 12px;
	border-right: var(--form-brd-dis-rd); /* チェックボックスアイコンdisableボーダー指定 */
	border-bottom: var(--form-brd-dis-rd); /* チェックボックスアイコンdisableボーダー指定 */
	transform: rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 1;
}
label.checkbox_text_dis input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: absolute;
	left: -40px;
	width: 20px;
	height: 20px;
	display: block;
	box-shadow : var(--form-ch-bbg); /* チェックボックス背景影色 */
	z-index: 2;
	margin: 0px;
	padding: 0px;
}
label.checkbox_text_dis input[type="checkbox"]:checked {box-shadow : none;}
label.checkbox_text_dis input[type="checkbox"]:checked:focus {
	box-shadow : var(--form-ch-bbg); /* チェックボックス背景影色 */
	opacity: 0.1;
}
label.checkbox_text_dis input[type="checkbox"]:focus {
	box-shadow : var(--form-ch-bbg); /* チェックボックス背景影色 */
}
label.checkbox_text_pd {cursor: pointer;}

/**** FORM SIZE ****/
input.size60 {width:60px;}
input.size80 {width:80px;}
input.size100 {width:100px;}
input.size120 {width:120px;}
input.size140 {width:140px;}
input.size160 {width:160px;}
input.size180 {width:180px;}
input.size200 {width:200px;}
input.size220 {width:220px;}
input.size240 {width:240px;}
input.size250 {width:250px;}
input.size300 {width:300px;}
input.size350 {width:350px;}
input.size400 {width:400px;}
input.size450 {width:450px;}
input.size500 {width:500px;}
input.size550 {width:550px;}
input.size600 {width:600px;}
input.size650 {width:650px;}
input.size100p {width:98%;}
input.PayCRDNO {width:80px;}
input.PayCRDNAME {width:150px;}
input.zipsizeS {width:80px;}
input.zipsizeW {width:100px;}
input.password {width:300px;}

select.size60 {width:60px;}
select.size80 {width:80px;}
select.size100 {width:100px;}
select.size120 {width:120px;}
select.size140 {width:140px;}
select.size150 {width:150px;}
select.size160 {width:160px;}
select.size180 {width:180px;}
select.size200 {width:200px;}
select.size250 {width:250px;}
select.size300 {width:300px;}
select.size350 {width:350px;}
select.size400 {width:400px;}
select.size450 {width:450px;}
select.size500 {width:500px;}
select.size550 {width:550px;}
select.size600 {width:600px;}
select.size650 {width:650px;}
select.size100p {width:100%;}

textarea.size60 {width:60px;}
textarea.size80 {width:80px;}
textarea.size100 {width:100px;}
textarea.size120 {width:120px;}
textarea.size140 {width:140px;}
textarea.size160 {width:160px;}
textarea.size180 {width:180px;}
textarea.size200 {width:200px;}
textarea.size250 {width:250px;}
textarea.size300 {width:300px;}
textarea.size350 {width:350px;}
textarea.size400 {width:400px;}
textarea.size450 {width:450px;}
textarea.size500 {width:500px;}
textarea.size550 {width:550px;}
textarea.size600 {width:600px;}
textarea.size650 {width:650px;}
textarea.size100p {width:98%;}

@media screen and (max-width: 700px) {
	input.size200,
	input.size250,
	input.size300,
	input.size350,
	input.size400,
	input.size450,
	input.size500,
	input.size550,
	input.size600,
	input.size650,
	input.size100p,
	select.size150,
	select.size160,
	select.size180,
	select.size200,
	select.size250,
	select.size300,
	select.size350,
	select.size400,
	select.size450,
	select.size500,
	select.size550,
	select.size600,
	select.size650,
	textarea.size250,
	textarea.size300,
	textarea.size350,
	textarea.size400,
	textarea.size450,
	textarea.size500,
	textarea.size550,
	textarea.size600,
	textarea.size650 {width:98%;}
	input.zipsizeS {width:70px;}
	input.zipsizeW {width:90px;}
	input.password {width:95%;}
}
@media screen and (max-width: 480px) {
	.popupSearchBox input.size200,
	.popupSearchBox input.size250,
	.popupSearchBox input.size300,
	.popupSearchBox input.size350,
	.popupSearchBox input.size400,
	.popupSearchBox input.size450,
	.popupSearchBox input.size500,
	.popupSearchBox input.size550,
	.popupSearchBox input.size600,
	.popupSearchBox input.size650,
	.popupSearchBox input.size100p,
	.popupSearchBox select.size150,
	.popupSearchBox select.size160,
	.popupSearchBox select.size180,
	.popupSearchBox select.size200,
	.popupSearchBox select.size250,
	.popupSearchBox select.size300,
	.popupSearchBox select.size350,
	.popupSearchBox select.size400,
	.popupSearchBox select.size450,
	.popupSearchBox select.size500,
	.popupSearchBox select.size550,
	.popupSearchBox select.size600,
	.popupSearchBox select.size650,
	.popupSearchBox textarea.size250,
	.popupSearchBox textarea.size300,
	.popupSearchBox textarea.size350,
	.popupSearchBox textarea.size400,
	.popupSearchBox textarea.size450,
	.popupSearchBox textarea.size500,
	.popupSearchBox textarea.size550,
	.popupSearchBox textarea.size600,
	.popupSearchBox textarea.size650 {width:90%;}
	.passForm input.password {width:170px;}
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background: var(--colorbox-bg); opacity: var(--colorbox-opacity); filter: alpha(opacity = var(--colorbox-filter));}
#colorbox{outline:0;}
    #cboxContent{margin-top:var(--colorbox-Content-mg);margin-bottom:var(--colorbox-Content-mg);padding: var(--colorbox-Content-pd); overflow:visible; background: var(--colorbox-Content-bg);}
        .cboxIframe{background: var(--colorbox-cboxIframe-bg);}
        #cboxError{padding:50px; border: var(--colorboxError-brd);}
        #cboxLoadedContent{background: var(--colorbox-Loaded-bg); padding: 0;border-radius: var(--colorbox-rod);box-shadow: var(--colorbox-sd);-webkit-box-shadow: var(--colorbox-sd);}
        #cboxLoadingGraphic{background: var(--colorbox-LoadedGraphic-bg) no-repeat center center;}
        #cboxLoadingOverlay{background: var(--colorbox-LoadedOverlay-bg);}
        #cboxTitle{position:absolute; top:-22px; left:0; color: var(--colorbox-Title-txt);}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background: var(--colorbox-controls-bg) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/*レスポンシブ対応*/
#colorbox,#colorbox * {
    max-width: 100%;
}
@charset "utf-8";
/***************************************************
information
  filename : basic_parts.css;
***************************************************/

/*======== app_basic_dez.css ========*/
/******************************************* 基本設定 *******************************************/

/* ** basic start ** */
/****************** 基本レイアウト ******************/
/* ベースレイアウト */
#wrapper,
#header,
#headerSub,
#contents,
#main,
#footerSub,
#footer,
#spheader,
#spfooter {margin: 0 auto;padding: 0;}
#spheader,
#spfooter {display: none;}

#wrapper {background: var(--wrap-bg);}
#header {z-index: 1000;background: var(--app-header-cr);color: var(--app-header-txt);}
#headerSub {background: var(--app-header-sub-cr);color: var(--app-header-sub-txt);}
#contents {background: var(--app-contents-cr);color: var(--app-contents-txt);}
#footerSub {background: var(--app-footer-sub-cr);color: var(--app-footer-sub-txt);}
#footer {background: var(--app-footer-cr);color: var(--app-footer-txt);}
#spheader {background: var(--app-spheader-cr);color: var(--app-spheader-txt);}
#spfooter {background: var(--app-spfooter-cr);color: var(--app-spfooter-txt);}

@media screen and (max-width: 600px) {
	body.sp_prev {width: 417px;}
	#wrapper {overflow: hidden;}
	.pcDisp {display: none;}/*** レスポンス時表示隠し共通 ***/
}
@media screen and (max-width: 896px) {
	#spheader,
	#spfooter {display: block;}
}
/****************** フォント指定 ******************/
.breakall {word-wrap: break-word;}

/****************** レイアウト（body要素） ******************/
.top,
.con_list,
.con_det,
.sem_list,
.sem_det,
.prd_list,
.prd_det,
.mytop_det,
.mysv_det,
.mysem_det,
.myprd_det,
.myprf_det,
.mypost_det,
.mycnt_det,
.mybnf_det,
.myafl_det,
.ordsv_det,
.ordsem_det,
.ordprd_det,
.brd_det,
.login_det,
.reg_det,
.rmd_det,
.popup {margin-left: auto;margin-right: auto;}
body.sp_prev {width: 417px;margin: 0 auto;}

/****************** 幅指定 ******************/

/* ベースレイアウト */
#header,
#headerSub,
#footerSub,
#footer {width: 100%;}
.popup .mainOCln {width: 90%;}

.NBLink {width: 100%;}/* 記事横移動ナビ */
#SNSboxArea {width: 100%;}/* SNSシェア設置 */
.commentBox {width: 100%;}/* コメント・掲示板要素 */
.contactBox {width: 100%;}/* お問会わせ枠 */

/* ** basic end ** */

/* ** link start ** */
/* 基本リンク */
a:link {text-decoration: none;color: var(--app-link-txt);}
a:visited {text-decoration: none;color: var(--app-visited-txt);}
a:hover {text-decoration: underline;color: var(--app-hover-txt);}
a:active {text-decoration: underline;color: var(--app-active-txt);}
/* ** link end ** */

/* ** colorbox_basic start ** */
/* ポップアップ */
#closeBtn{
	display: block;
	width:30px;
	height:30px;
	cursor: pointer;
	position: fixed;
	top:4px;
	right:10px;
}
#closeBtn::before,#closeBtn::after{
	content:"";
	display:block;
	width: 30px;
	height:4px;
	border-radius: 2px;
	background: var(--closeBtn-bg);
	position: absolute;
	top:0;right:0;bottom:0;left:0;
	margin: auto;
}
#closeBtn::before{transform:rotate(45deg);}
#closeBtn::after{transform:rotate(-45deg);}
/* ** colorbox_basic end ** */

/* ** loading_parts start ** */
/****************** ローディング ******************/
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.pace-inactive {display: none;}
.pace .pace-progress {
	background: var(--app-loading-bg);
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px;
}
.pace .pace-progress-inner {
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px var(--app-loading-bg), 0 0 5px var(--app-loading-bg);
	opacity: 1.0;
	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-moz-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	-o-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
	display: block;
	position: fixed;
	z-index: 2000;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	border: solid 3px transparent;
	border-top-color: var(--app-loading-bg);
	border-left-color: var(--app-loading-bg);
	border-radius: 50%;
	-webkit-animation: pace-spinner 400ms linear infinite;
	-moz-animation: pace-spinner 400ms linear infinite;
	-ms-animation: pace-spinner 400ms linear infinite;
	-o-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
	0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
	0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
	0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
	0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
	100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
	0% { transform: rotate(0deg); transform: rotate(0deg); }
	100% { transform: rotate(360deg); transform: rotate(360deg); }
}
/* ** loading_parts end ** */

/* ** system basic start ** */
/******** 編集不可ファイル *********/

/* 管理画面プレビュー用(基本デザイン) */
.SiteColorArea {width: 100%;margin: 2.0rem auto;padding: 0;}
.cororBoxPre {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 1px solid #999;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2);
	font-weight: bold;
}
.cororBoxPreSpTxt {
	padding: 1.0rem 0;
	font-size: 1.4rem;
}
/* アイコン処理 */
.crBoxInn {
	position: relative;
	width: 100%;
	border-radius: 5px;
}
.LayoutIco {
	position: absolute;
	top: -13px;
	padding: 0.2em 1.0em;
	color: #fff;
	border-radius: 5px;
	font-size: 1.2rem;
	border: 1px solid #fff;
}
.body-bg {margin: 0 auto;padding: 28px 10px;}/* Body */
.wrap-bg {border: 1px dashed #999;}/* Wrap */
.app-spheader-cr {border: 1px dashed #9f0a50;}/* Spheader */
.app-header-cr {border: 1px dashed #00a98f;}/* Header */
.app-header-sub-cr {border: 1px dashed #ff7200;}/* HeaderSub */
.app-contents-cr {border: 1px dashed #00a0e2;}/* Contents */
.app-footer-sub-cr {border: 1px dashed #ff7200;}/* FooterSub */
.app-footer-cr {border: 1px dashed #00a98f;}/* Footer */
.app-spfooter-cr {border: 1px dashed #9f0a50;}/* Spfooter */

.body-bg {background: var(--body-bg);}/* Body */
.wrap-bg {background: var(--wrap-bg);}/* Wrap */
.app-header-cr {background: var(--app-header-cr);color: var(--app-header-txt);}/* Header */
.app-header-sub-cr {background: var(--app-header-sub-cr);color: var(--app-header-sub-txt);}/* HeaderSub */
.app-contents-cr {background: var(--app-contents-cr);color: var(--app-contents-txt);}/* Contents */
.app-footer-sub-cr {background: var(--app-footer-sub-cr);color: var(--app-footer-sub-txt);}/* FooterSub */
.app-footer-cr {background: var(--app-footer-cr);color: var(--app-footer-txt);}/* Footer */
.app-spheader-cr {background: var(--app-spheader-cr);color: var(--app-spheader-txt);}/* Spheader */
.app-spfooter-cr {background: var(--app-spfooter-cr);color: var(--app-spfooter-txt);}/* Spfooter */

.cororBoxPre .body-bg {}/* Body */
.cororBoxPre .wrap-bg {margin: 2.0rem auto;padding: 0.5rem;}/* Wrap */
.cororBoxPre .app-header-cr {margin: 0 auto;padding: 0.5rem;}/* Header */
.cororBoxPre .app-header-sub-cr {margin: 2.0rem auto;padding: 0.5rem;}/* HeaderSub */
.cororBoxPre .app-contents-cr {margin: 2.0rem auto;padding: 5.0rem 0.5rem;}/* Contents */
.cororBoxPre .app-footer-sub-cr {margin: 2.0rem auto;padding: 0.5rem;}/* FooterSub */
.cororBoxPre .app-footer-cr {margin: 2.0rem auto 0.5rem auto;padding: 0.5rem;}/* Footer */
.cororBoxPre .app-spheader-cr {margin: 0 auto;padding: 0.5rem;}/* Spheader */
.cororBoxPre .app-spfooter-cr {margin: 0 auto;padding: 0.5rem;}/* Spfooter */

.bodyIco {background: #333;left: 0;}
.wrapIco {background: #333;left: 5px;}
.headerIco {background: #00a98f;left: 5px;}
.headersubIco {background: #ff7200;left: 5px;}
.contentsIco {background: #00a0e2;left: 5px;}
.footersubIco {background: #ff7200;left: 5px;}
.footerIco {background: #00a98f;left: 5px;}
.spheaderIco {background: #9f0a50;left: 5px;}
.spfooterIco {background: #9f0a50;left: 5px;}

/* 管理画面プレビュー用(レイアウト) */
.sampleLayout .sampleLayoutArea {padding: 0.2rem;border: 2px dotted #e90000;background: #ffefef;}/* 外枠 */
.sampleLayout .ptLayoutInn {padding: 2.0rem;border: 2px dotted #45820a;background: #fff;}/* 内枠 */
.sampleLayoutFlex .FlexblckArea {padding: 1.0rem;border: 2px dotted #142da8;background: #effcff;}/* Flex要素 */
.sampleLayout .sampleLayoutTxt {width: 50%;margin-left: auto;margin-right: auto;padding: 1.0rem;border: 2px solid #45820a;background: #76b836;text-align: center;color: #fff;font-weight: bold;border-radius: 0.5rem;}/* テキスト要素 */
.sampleLayout .sampleLayoutBox {width: 100%;margin-left: auto;margin-right: auto;padding: 1.0rem;border: 2px solid #45820a;background: #76b836;text-align: center;color: #fff;font-weight: bold;border-radius: 0.5rem;}/* パーツ要素 */
.sampleLayoutArt .articleArea,
.sampleLayoutArt .examArea {padding: 0.2rem;border: 2px dotted #e90000;background: #ffefef;}/* articleArea枠 */
.sampleLayoutArt .articleBox,
.sampleLayoutArt .examBox {padding: 2.0rem;border: 2px dotted #45820a;background: #fff;}/* articleBox枠 */

/* 管理画面プレビュー用(aタグ) */
.LinkSysBox {width: 100%;margin: 2.0rem auto;padding: 0;}
.LinkSysBox h2 {width: 100%;margin: 2.0rem auto;padding: 0.5rem;border-bottom: 1px dotted #666;}
.LinkSysBox .LinkSysBoxSampleImg {width: 280px;margin: 0;}
.LinkSysBox .LinkSysBoxSampleImg img {width: 100%;}
.LinkSysBox .LinkSysBoxSampleCap {width: 100%;text-align: center;padding: 0.5rem 0;font-size: 1.4rem;font-weight: bold;}
a.a_link {color: var(--app-link-txt);}
a.a_visited {color: var(--app-visited-txt);}
a.a_hover {color: var(--app-hover-txt);}
a.a_active {color: var(--app-active-txt);}

/* 管理画面プレビュー用(アドレスタグ) */
.adminPre address {padding: 3.0rem 2.0rem;}

/* 管理画面プレビュー用 課題・ワーク基本幅(エディタ用) */
.examArea {
	width: 800px;
	margin: 0 auto;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.examArea {width: 100%;}
}
/******** パーツ幅指定 *********/

/**** フロート要素 ****/
.ClmblckArea.ClmLR .mainClnD,
.ClmblckArea.ClmLR .mainClnS,
.ClmblckArea.ClmLR .mainClnDK,
.ClmblckArea.ClmLR .mainClnSK {float: left;background: var(--app-mainCln-cr);}/* メイン左 */
.ClmblckArea.ClmLR .sideClnD,
.ClmblckArea.ClmLR .sideClnS,
.ClmblckArea.ClmLR .sideClnDK,
.ClmblckArea.ClmLR .sideClnSK {float: right;background: var(--app-sideCln-cr);}
.ClmblckArea.ClmRL .mainClnD,
.ClmblckArea.ClmRL .mainClnS,
.ClmblckArea.ClmRL .mainClnDK,
.ClmblckArea.ClmRL .mainClnSK {float: right;background: var(--app-mainCln-cr);}/* メイン右 */
.ClmblckArea.ClmRL .sideClnD,
.ClmblckArea.ClmRL .sideClnS,
.ClmblckArea.ClmRL .sideClnDK,
.ClmblckArea.ClmRL .sideClnSK {float: left;background: var(--app-sideCln-cr);}
.ClmblckArea .hlfCln.hlfL {float: left;}
.ClmblckArea .hlfCln.hlfR {float: right;}

/* ===================================================================================
for SP max-width: 896px
=================================================================================== */
@media screen and (max-width: 896px) {
	.ClmblckArea.ClmLR .mainClnD,
	.ClmblckArea.ClmLR .mainClnS {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea.ClmLR .sideClnD,
	.ClmblckArea.ClmLR .sideClnS {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea.ClmRL .mainClnD,
	.ClmblckArea.ClmRL .mainClnS {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea.ClmRL .sideClnD,
	.ClmblckArea.ClmRL .sideClnS {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea .hlfCln.hlfL {float: none;margin-left: auto;margin-right: auto;}
	.ClmblckArea .hlfCln.hlfR {float: none;margin-left: auto;margin-right: auto;}
}
/* ** system basic end ** */

/* ** layout_basic start ** */
/**** 基本横幅 ****/
.ptWdN {margin-left: auto;margin-right: auto;} /* サイズ指定無し */
.ptWdW {width: var(--app-ptWdW-width);margin-left: auto;margin-right: auto;} /* 基本幅 */
.ptWdM {width: var(--app-ptWdM-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(広) */
.ptWdC {width: var(--app-ptWdC-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅 */
.ptWdS {width: var(--app-ptWdS-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(狭) */
.ptWdFW {width: var(--app-ptWdFW-width);margin-left: auto;margin-right: auto;} /* フォーム基本幅(広) */
.ptWdFS {width: var(--app-ptWdFS-width);margin-left: auto;margin-right: auto;} /* フォーム基本幅(狭) */

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
.ClmblckArea.ptWdW {width: 95%;}
}
/* プレビュー横幅 */
.sp_prev .ptWdW,
.sp_prev .ptWdM,
.sp_prev .ptWdC,
.sp_prev .ptWdS,
.sp_prev .ptWdFW,
.sp_prev .ptWdFS {width: 100%;margin-left: auto;margin-right: auto;}

/**** 基本インライン横幅 ****/
.ptWdIN .ptLayoutInn,
.ptWdIN .gnavi ul,
.ptWdIN .catenavY ul {margin-left: auto;margin-right: auto;} /* サイズ指定無し */
.ptWdIW .ptLayoutInn,
.ptWdIW .gnavi ul,
.ptWdIW .catenavY ul {width: var(--app-ptWdIW-width-pct);margin-left: auto;margin-right: auto;} /* 基本幅% */
.ptWdIM .ptLayoutInn,
.ptWdIM .gnavi ul,
.ptWdIM .catenavY ul {width: var(--app-ptWdIM-width-pct);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(広)% */
.ptWdIC .ptLayoutInn,
.ptWdIC .gnavi ul,
.ptWdIC .catenavY ul {width: var(--app-ptWdIC-width-pct);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅% */
.ptWdIS .ptLayoutInn,
.ptWdIS .gnavi ul,
.ptWdIS .catenavY ul {width: var(--app-ptWdIS-width-pct);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(狭)% */
.ptWdIWK .ptLayoutInn,
.ptWdIWK .gnavi ul,
.ptWdIWK .catenavSl ul,
.ptWdIWK .catenavY ul {width: var(--app-ptWdW-width);margin-left: auto;margin-right: auto;} /* 基本幅 */
.ptWdIMK .ptLayoutInn,
.ptWdIMK .gnavi ul,
.ptWdIMK .catenavSl ul,
.ptWdIMK .catenavY ul {width: var(--app-ptWdM-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(広) */
.ptWdICK .ptLayoutInn,
.ptWdICK .gnavi ul,
.ptWdICK .catenavSl ul,
.ptWdICK .catenavY ul {width: var(--app-ptWdC-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅 */
.ptWdISK .ptLayoutInn,
.ptWdISK .gnavi ul,
.ptWdISK .catenavSl ul,
.ptWdISK .catenavY ul {width: var(--app-ptWdS-width);margin-left: auto;margin-right: auto;} /* コンテンツ基本幅(狭) */
.ptWdIN .catenavSl ul {padding-left: 1.0rem;padding-right: 1.0rem;}
.ptWdIW .catenavSl ul {width: var(--app-ptWdW-width);} /* 基本幅 */
.ptWdIM .catenavSl ul {width: var(--app-ptWdM-width);} /* コンテンツ基本幅(広) */
.ptWdIC .catenavSl ul {width: var(--app-ptWdC-width);} /* コンテンツ基本幅 */
.ptWdIS .catenavSl ul {width: var(--app-ptWdS-width);} /* コンテンツ基本幅(狭) */
.mainClnD .ptWdIW .catenavSl ul,
.mainClnD .ptWdIM .catenavSl ul,
.mainClnD .ptWdIC .catenavSl ul,
.mainClnD .ptWdIS .catenavSl ul {width: 100%;}
.mainClnDK .ptWdIW .catenavSl ul,
.mainClnDK .ptWdIM .catenavSl ul,
.mainClnDK .ptWdIC .catenavSl ul,
.mainClnDK .ptWdIS .catenavSl ul {width: 100%;}
.mainClnS .ptWdIW .catenavSl ul,
.mainClnS .ptWdIM .catenavSl ul,
.mainClnS .ptWdIC .catenavSl ul,
.mainClnS .ptWdIS .catenavSl ul {width: 100%;}
.mainClnSK .ptWdIW .catenavSl ul,
.mainClnSK .ptWdIM .catenavSl ul,
.mainClnSK .ptWdIC .catenavSl ul,
.mainClnSK .ptWdIS .catenavSl ul {width: 100%;}

/* プレビュー横幅 */
.sp_prev .ptWdIW .ptLayoutInn,
.sp_prev .ptWdIW .gnavi ul,
.sp_prev .ptWdIW .catenavY ul,
.sp_prev .ptWdIM .ptLayoutInn,
.sp_prev .ptWdIM .gnavi ul,
.sp_prev .ptWdIM .catenavY ul,
.sp_prev .ptWdIC .ptLayoutInn,
.sp_prev .ptWdIC .gnavi ul,
.sp_prev .ptWdIC .catenavY ul,
.sp_prev .ptWdIS .ptLayoutInn,
.sp_prev .ptWdIS .gnavi ul,
.sp_prev .ptWdIS .catenavY ul,
.sp_prev .ptWdIWK .ptLayoutInn,
.sp_prev .ptWdIWK .gnavi ul,
.sp_prev .ptWdIWK .catenavSl ul,
.sp_prev .ptWdIWK .catenavY ul,
.sp_prev .ptWdIMK .ptLayoutInn,
.sp_prev .ptWdIMK .gnavi ul,
.sp_prev .ptWdIMK .catenavSl ul,
.sp_prev .ptWdIMK .catenavY ul,
.sp_prev .ptWdICK .ptLayoutInn,
.sp_prev .ptWdICK .gnavi ul,
.sp_prev .ptWdICK .catenavSl ul,
.sp_prev .ptWdICK .catenavY ul,
.sp_prev .ptWdISK .ptLayoutInn,
.sp_prev .ptWdISK .gnavi ul,
.sp_prev .ptWdISK .catenavSl ul,
.sp_prev .ptWdISK .catenavY ul {width: 100%;margin-left: auto;margin-right: auto;}

 /*** フォーム関係専用幅 ***/
.ptWdFW.ptWdIWK .ptLayoutInn,
.ptWdFW.ptWdICK .ptLayoutInn,
.ptWdFW.ptWdIMK .ptLayoutInn,
.ptWdFW.ptWdISK .ptLayoutInn,
.ptWdFS.ptWdIWK .ptLayoutInn,
.ptWdFS.ptWdICK .ptLayoutInn,
.ptWdFS.ptWdIMK .ptLayoutInn,
.ptWdFS.ptWdISK .ptLayoutInn {width: 100%;}

/**** 2カラム横幅固定サイズ（基本） ****/
.mainClnDK {width: var(--app-mainClnDK-width);} /* 2カラムメイン幅 */
.sideClnDK {width: var(--app-sideClnDK-width);} /* 2カラムサイド幅 */

/**** 2カラム横幅パーセンテージサイズ（基本） ****/
.ptWdN .mainClnD,
.ptWdW .mainClnD,
.ptWdM .mainClnD,
.ptWdC .mainClnD,
.ptWdS .mainClnD,
.ptWdWK .mainClnD,
.ptWdMK .mainClnD,
.ptWdCK .mainClnD,
.ptWdIN .mainClnD .ptLayoutInn,
.ptWdIW .mainClnD .ptLayoutInn,
.ptWdIC .mainClnD .ptLayoutInn,
.ptWdIM .mainClnD .ptLayoutInn,
.ptWdIS .mainClnD .ptLayoutInn,
.ptWdIWK .mainClnD .ptLayoutInn,
.ptWdICK .mainClnD .ptLayoutInn,
.ptWdIMK .mainClnD .ptLayoutInn {width: var(--app-mainClnD-width-pct);} /* 2カラムメイン幅% */
.ptWdN .sideClnD,
.ptWdW .sideClnD,
.ptWdM .sideClnD,
.ptWdC .sideClnD,
.ptWdS .sideClnD,
.ptWdWK .sideClnD,
.ptWdMK .sideClnD,
.ptWdCK .sideClnD,
.ptWdSK .sideClnD,
.ptWdIN .sideClnD .ptLayoutInn,
.ptWdIW .sideClnD .ptLayoutInn,
.ptWdIM .sideClnD .ptLayoutInn,
.ptWdIC .sideClnD .ptLayoutInn,
.ptWdIS .sideClnD .ptLayoutInn,
.ptWdIWK .sideClnD .ptLayoutInn,
.ptWdICK .sideClnD .ptLayoutInn,
.ptWdIMK .sideClnD .ptLayoutInn,
.ptWdISK .sideClnD .ptLayoutInn {width: var(--app-sideClnD-width-pct);} /* 2カラムサイド幅 */

/**** 2カラム横幅固定サイズ（コンテンツ幅広） ****/
.mainClnSK {width: var(--app-mainClnSK-width);} /* 2カラムメイン幅(広) */
.sideClnSK {width: var(--app-sideClnSK-width);} /* 2カラムサイド幅(狭) */

/**** 2カラム横幅パーセンテージサイズ（コンテンツ幅広） ****/
.ptWdN .mainClnS,
.ptWdW .mainClnS,
.ptWdM .mainClnS,
.ptWdC .mainClnS,
.ptWdS .mainClnS,
.ptWdWK .mainClnS,
.ptWdCK .mainClnS,
.ptWdMK .mainClnS,
.ptWdSK .mainClnS,
.ptWdIN .mainClnS .ptLayoutInn,
.ptWdIW .mainClnS .ptLayoutInn,
.ptWdIM .mainClnS .ptLayoutInn,
.ptWdIC .mainClnS .ptLayoutInn,
.ptWdIS .mainClnS .ptLayoutInn,
.ptWdIWK .mainClnS .ptLayoutInn,
.ptWdICK .mainClnS .ptLayoutInn,
.ptWdIMK .mainClnS .ptLayoutInn,
.ptWdISK .mainClnS .ptLayoutInn {width: var(--app-mainClnS-width-pct);} /* 2カラムメイン幅(広)% */
.ptWdN .sideClnS,
.ptWdW .sideClnS,
.ptWdC .sideClnS,
.ptWdM .sideClnS,
.ptWdS .sideClnS,
.ptWdWK .sideClnS,
.ptWdCK .sideClnS,
.ptWdMK .sideClnS,
.ptWdSK .sideClnS,
.ptWdIN .sideClnS .ptLayoutInn,
.ptWdIW .sideClnS .ptLayoutInn,
.ptWdIC .sideClnS .ptLayoutInn,
.ptWdIM .sideClnS .ptLayoutInn,
.ptWdIS .sideClnS .ptLayoutInn,
.ptWdIWK .sideClnS .ptLayoutInn,
.ptWdICK .sideClnS .ptLayoutInn,
.ptWdIMK .sideClnS .ptLayoutInn,
.ptWdISK .sideClnS .ptLayoutInn {width: var(--app-sideClnS-width-pct);} /* 2カラムサイド幅(狭)% */

/**** 2カラム(セパレート) ****/
.hlfCln {width: 49%;}/* 2カラム(等幅) */

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	/* 2カラム(セパレート) */
	.hlfCln {width: 100%;}/* 2カラム(等幅) */
}
/* ** layout_basic end ** */

/* ** flex_basic start ** */
/* Flex配置(主に親レイアウト用) */
.FlexblckArea .ptLayoutInn {display: flex;align-items: center;}
.FlexblckArea.gapSet .ptLayoutInn {gap: 1.0rem;}
.FlexblckArea.wrapSet .ptLayoutInn {flex-wrap: wrap;}
.FlexblckArea .ptLayoutInn.FlexL,
.FlexblckArea .ptLayoutInn.FlexLS,
.FlexblckArea .ptLayoutInn.FlexLE {justify-content: flex-start;}/*Flex左寄せ */
.FlexblckArea .ptLayoutInn.FlexR {justify-content: flex-end;}/*Flex右寄せ */
.FlexblckArea .ptLayoutInn.FlexC {justify-content: center;}/*Flex中央寄せ */
.FlexblckArea .ptLayoutInn.FlexA {justify-content: space-around;}/*Flex左右均等余白あり */
.FlexblckArea .ptLayoutInn.FlexB {justify-content: space-between;}/*Flex左右均等余白無し */
.FlexblckArea .ptLayoutInn.FlexLS .FlexItem:first-child {margin-right: auto;}/*Flex最初だけ左 */
.FlexblckArea .ptLayoutInn.FlexLE .FlexItem:last-child {margin-left: auto;}/*Flex最後だけ右 */
.FlexblckArea .ptLayoutInn.FlexCLR {justify-content: center;align-items: center;position: relative;}/*Flex中央寄せ 左右寄せ */
.FlexblckArea .ptLayoutInn.FlexCLR .FlexItemL {position: absolute;left: 0;}/*Flex中央寄せ 左寄せ */
.FlexblckArea .ptLayoutInn.FlexCLR .FlexItemR {position: absolute;right: 0;}/*Flex中央寄せ 右寄せ */

/* Flex配置(フッター箇所の個別レイアウト設定) */
#footer .FlexblckArea .ptLayoutInn,
#footer .FlexblckInnArea {align-items: flex-start;}

/* Flex配置(主に子要素用) */
.FlexblckInnArea {display: flex;align-items: center;}
.FlexblckInnArea.gapSet {gap: 1.0rem;}
.FlexblckInnArea.wrapSet .ptLayoutInn {flex-wrap: wrap;}
.FlexblckInnArea.FlexL,
.FlexblckInnArea.FlexLS,
.FlexblckInnArea.FlexLE {justify-content: flex-start;}/*Flex左寄せ */
.FlexblckInnArea.FlexR {justify-content: flex-end;}/*Flex右寄せ */
.FlexblckInnArea.FlexC {justify-content: center;}/*Flex中央寄せ */
.FlexblckInnArea.FlexA {justify-content: space-around;}/*Flex左右均等余白あり */
.FlexblckInnArea.FlexB {justify-content: space-between;}/*Flex左右均等余白無し */
.FlexblckInnArea.FlexLS .FlexItemInn:first-child {margin-right: auto;}/*Flex最初だけ左 */
.FlexblckInnArea.FlexLE .FlexItemInn:last-child {margin-left: auto;}/*Flex最後だけ右 */
.FlexblckInnArea.FlexCLR {justify-content: center;align-items: center;position: relative;}/*Flex中央寄せ 左右寄せ */
.FlexblckInnArea.FlexCLR .FlexItemInnL {position: absolute;left: 0;}/*Flex中央寄せ 左寄せ */
.FlexblckInnArea.FlexCLR .FlexItemInnR {position: absolute;right: 0;}/*Flex中央寄せ 右寄せ */

.hlfCln .ptWdN,
.hlfCln .ptWdW,
.hlfCln .ptWdM,
.hlfCln .ptWdC,
.hlfCln .ptWdS,
.mainClnD .ptWdN,
.sideClnD .ptWdN,
.mainClnS .ptWdN,
.sideClnS .ptWdN,
.mainClnD .ptWdW,
.sideClnD .ptWdW,
.mainClnS .ptWdW,
.sideClnS .ptWdW,
.mainClnD .ptWdM,
.sideClnD .ptWdM,
.mainClnS .ptWdM,
.sideClnS .ptWdM,
.mainClnD .ptWdC,
.sideClnD .ptWdC,
.mainClnS .ptWdC,
.sideClnS .ptWdC,
.mainClnD .ptWdS,
.sideClnD .ptWdS,
.mainClnS .ptWdS,
.sideClnS .ptWdS,
.mainClnDK .ptWdN,
.sideClnDK .ptWdN,
.mainClnSK .ptWdN,
.sideClnSK .ptWdN,
.mainClnDK .ptWdW,
.sideClnDK .ptWdW,
.mainClnSK .ptWdW,
.sideClnSK .ptWdW,
.mainClnDK .ptWdM,
.sideClnDK .ptWdM,
.mainClnSK .ptWdM,
.sideClnSK .ptWdM,
.mainClnDK .ptWdC,
.sideClnDK .ptWdC,
.mainClnSK .ptWdC,
.sideClnSK .ptWdC,
.mainClnDK .ptWdS,
.sideClnDK .ptWdS,
.mainClnSK .ptWdS,
.sideClnSK .ptWdS {width: 100%;}

.FlexblckArea .ptWdN,
.FlexblckArea .ptWdW,
.FlexblckArea .ptWdM,
.FlexblckArea .ptWdC,
.FlexblckArea .ptWdS {width: auto;margin-left: 0;margin-right: 0;}

.hlfCln .ptWdIN .ptLayoutInn,
.hlfCln .ptWdIW .ptLayoutInn,
.hlfCln .ptWdIM .ptLayoutInn,
.hlfCln .ptWdIC .ptLayoutInn,
.hlfCln .ptWdIS .ptLayoutInn,
.mainClnD .ptWdIN .ptLayoutInn,
.sideClnD .ptWdIN .ptLayoutInn,
.mainClnS .ptWdIN .ptLayoutInn,
.sideClnS .ptWdIN .ptLayoutInn,
.mainClnD .ptWdIW .ptLayoutInn,
.sideClnD .ptWdIW .ptLayoutInn,
.mainClnS .ptWdIW .ptLayoutInn,
.sideClnS .ptWdIW .ptLayoutInn,
.mainClnD .ptWdIM .ptLayoutInn,
.sideClnD .ptWdIM .ptLayoutInn,
.mainClnS .ptWdIM .ptLayoutInn,
.sideClnS .ptWdIM .ptLayoutInn,
.mainClnD .ptWdIC .ptLayoutInn,
.sideClnD .ptWdIC .ptLayoutInn,
.mainClnS .ptWdIC .ptLayoutInn,
.sideClnS .ptWdIC .ptLayoutInn,
.mainClnD .ptWdIS .ptLayoutInn,
.sideClnD .ptWdIS .ptLayoutInn,
.mainClnS .ptWdIS .ptLayoutInn,
.sideClnS .ptWdIS .ptLayoutInn,
.mainClnDK .ptWdIN .ptLayoutInn,
.sideClnDK .ptWdIN .ptLayoutInn,
.mainClnSK .ptWdIN .ptLayoutInn,
.sideClnSK .ptWdIN .ptLayoutInn,
.mainClnDK .ptWdIW .ptLayoutInn,
.sideClnDK .ptWdIW .ptLayoutInn,
.mainClnSK .ptWdIW .ptLayoutInn,
.sideClnSK .ptWdIW .ptLayoutInn,
.mainClnDK .ptWdIM .ptLayoutInn,
.sideClnDK .ptWdIM .ptLayoutInn,
.mainClnSK .ptWdIM .ptLayoutInn,
.sideClnSK .ptWdIM .ptLayoutInn,
.mainClnDK .ptWdIC .ptLayoutInn,
.sideClnDK .ptWdIC .ptLayoutInn,
.mainClnSK .ptWdIC .ptLayoutInn,
.sideClnSK .ptWdIC .ptLayoutInn,
.mainClnDK .ptWdIS .ptLayoutInn,
.sideClnDK .ptWdIS .ptLayoutInn,
.mainClnSK .ptWdIS .ptLayoutInn,
.sideClnSK .ptWdIS .ptLayoutInn {width: 100%;}

.FlexblckArea .ptWdIN .ptLayoutInn,
.FlexblckArea .ptWdIW .ptLayoutInn,
.FlexblckArea .ptWdIM .ptLayoutInn,
.FlexblckArea .ptWdIC .ptLayoutInn,
.FlexblckArea .ptWdIS {width: auto;margin-left: 0;margin-right: 0;}

/* ===================================================================================
for ipad max-width: 600px-1600px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1600px) {
	.FlexblckArea .ptWdIN .ptLayoutInn,
	.FlexblckArea .ptWdIW .ptLayoutInn,
	.FlexblckArea .ptWdIC .ptLayoutInn,
	.FlexblckArea .ptWdIM .ptLayoutInn,
	.FlexblckArea .ptWdIS .ptLayoutInn {width: 100%;padding-left: 0.2em;padding-right: 0.2em;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.FlexblckArea .ptWdN,
	.FlexblckArea .ptWdW,
	.FlexblckArea .ptWdC,
	.FlexblckArea .ptWdM,
	.FlexblckArea .ptWdS {padding-left: 0.2em;padding-right: 0.2em;}
	.FlexblckArea .ptWdIN .ptLayoutInn,
	.FlexblckArea .ptWdIW .ptLayoutInn,
	.FlexblckArea .ptWdIC .ptLayoutInn,
	.FlexblckArea .ptWdIM .ptLayoutInn,
	.FlexblckArea .ptWdIS {padding-left: 0.2em;padding-right: 0.2em;}
}
/* ** flex_basic end ** */

/* ** mg_basic start ** */
/****************** レイアウト枠マージン指定 ******************/

/**** 基本上下 ****/
.ptMgN {margin-top: 0;margin-bottom: 0;padding: 0;} /* 上下指定無し */
.ptMgW {margin-top: var(--app-ptMgW-mg);margin-bottom: var(--app-ptMgW-mg);} /* 上下指定大 */
.ptMgWT {margin-top: var(--app-ptMgW-mg);margin-bottom: 0;} /* 上指定大 */
.ptMgWU {margin-top: 0;margin-bottom: var(--app-ptMgW-mg);} /* 下指定大 */
.ptMgM {margin-top: var(--app-ptMgM-mg);margin-bottom: var(--app-ptMgM-mg);} /* 上下指定中 */
.ptMgMT {margin-top: var(--app-ptMgM-mg);margin-bottom: 0;} /* 上指定中 */
.ptMgMU {margin-top: 0;margin-bottom: var(--app-ptMgM-mg);} /* 下指定中 */
.ptMgS {margin-top: var(--app-ptMgS-mg);margin-bottom: var(--app-ptMgS-mg);} /* 上下指定小 */
.ptMgST {margin-top: var(--app-ptMgS-mg);margin-bottom: 0;} /* 上指定小 */
.ptMgSU {margin-top: 0;margin-bottom: var(--app-ptMgS-mg);} /* 下指定小 */
body.sp_prev .ptMgWT {margin-top: 1.0em;margin-bottom: 0;} /* 上指定 */
/* ** mg_basic end ** */

/* ** pd_basic start ** */
/****************** レイアウト枠パディング指定 ******************/

/**** 基本上下 ****/
.ptPdN {padding-top: 0;padding-bottom: 0;padding: 0;} /* 上下指定無し */
.ptPdW {padding-top: var(--app-ptPdW-pd);padding-bottom: var(--app-ptPdW-pd);} /* 上下指定大 */
.ptPdWT {padding-top: var(--app-ptPdW-pd);padding-bottom: 0;} /* 上指定大 */
.ptPdWU {padding-top: 0;padding-bottom: var(--app-ptPdW-pd);} /* 下指定大 */
.ptPdM {padding-top: var(--app-ptPdM-pd);padding-bottom: var(--app-ptPdM-pd);} /* 上下指定中 */
.ptPdMT {padding-top: var(--app-ptPdM-pd);padding-bottom: 0;} /* 上指定中 */
.ptPdMU {padding-top: 0;padding-bottom: var(--app-ptPdM-pd);} /* 下指定中 */
.ptPdS {padding-top: var(--app-ptPdS-pd);padding-bottom: var(--app-ptPdS-pd);} /* 上下指定小 */
.ptPdST {padding-top: var(--app-ptPdS-pd);padding-bottom: 0;} /* 上指定小 */
.ptPdSU {padding-top: 0;padding-bottom: var(--app-ptPdS-pd);} /* 下指定小 */
body.sp_prev .ptPdWT {padding-top: 1.0em;padding-bottom: 0;} /* 上指定 */
/* ** pd_basic end ** */

/* ** scroll_bar start ** */
/****************** スクロールバー指定 ******************/
.scrollBar{
	overflow-x: auto;
	width: 100%;
	height: auto;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}
.scrollBar::-webkit-scrollbar{height: 0.2rem;}
.scrollBar::-webkit-scrollbar-track{background-color: inhelit;}
.scrollBar::-webkit-scrollbar-thumb{background-color: var(--app-scrollBar-cr);border-radius: 0.2rem;}
.scrollBar li {white-space:nowrap;}
/* ** scroll_bar end ** */

/* ** header_design01_bg start ** */

/****************** ヘッダー個別デザイン01 headDez01 ******************/

/* ヘッダー2段構成 */
#header.headDez01 p.logo,
#header.headDez01 p.sub_logo {padding: 1.5rem 0 0 0;max-width: 250px;}
.headDez01 .header_innU .header_innSub {width: 100%;}
#header.headDez01 .gnavi {background: none;}
#header.headDez01 .scroll-fix p.logo,
#header.headDez01 .scroll-fix p.sub_logo {padding: 0.8rem 0;height: 60px;}
#header.headDez01 .gnavis {margin-top: 0.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez01 .gnavi ul {padding: 0.8rem 1.0rem;}
	#header.headDez01 .snavi,
	#header.headDez01 .gnavis {display: none;}
}

/****************** SPヘッダー個別デザイン spheadDez01 ******************/
#spheaderMenu.spheadDez01 p.logo,
#spheaderMenu.spheadDez01 p.sub_logo {padding: 1.5rem 0 0 0.8rem;max-width: 180px;}
#spheaderMenu.spheadDez01 .scroll-nml,
#spheaderMenu.spheadDez01 .scroll-fix .scrollfixMenu,
#spheaderMenu.spheadDez01 .scroll-Fixed .scrFixed {padding-bottom: 2.5rem;}
#spheaderMenu.spheadDez01.bgheader .scroll-fix {padding-bottom: 0;}

/* ** header_design01_bg end ** */

/* ** header_design02_bg start ** */
/****************** ヘッダー個別デザイン headDez02 ******************/
/* ヘッダーロゴ・メニューのみ */
#header.headDez02 p.logo,
#header.headDez02 p.sub_logo {padding: 0.8rem 0;max-width: 270px;}

#header.headDez02 .scroll-fix {padding-bottom: 1.5rem;}
#header.headDez02 .scroll-fix p.logo,
#header.headDez02 .scroll-fix p.sub_logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez02 .scroll-fix .gnavis {margin-top: 0;}
#header.headDez02 .drawer_main {display: none;}

#header.headDez02 .scroll-Fixed {padding-bottom: 6.0rem;}
#header.headDez02 .scroll-Fixed .ptLayoutInn {padding-top: 0.2rem;padding-bottom: 0.2rem;}
#header.headDez02 .scroll-Fixed p.logo,
#header.headDez02 .scroll-Fixed p.sub_logo {padding: 0.8rem 0;max-height: 60px;}

/* ===================================================================================
for ipad max-width: 600px-1500px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1500px) {
	#header.headDez02 p.logo,
	#header.headDez02 p.sub_logo,
	#header.headDez02 .scroll-fix p.logo,
	#header.headDez02 .scroll-fix p.sub_logo,
	#header.headDez02 .scroll-Fixed p.logo,
	#header.headDez02 .scroll-Fixed p.sub_logo {padding: 1.3rem 1.0rem;}
	#header.headDez02 .scroll-fix p.logo,
	#header.headDez02 .scroll-fix p.sub_logo,
	#header.headDez02 .scroll-Fixed p.logo,
	#header.headDez02 .scroll-Fixed p.sub_logo {max-width: 200px;}
	#header.headDez02 .gnavis {display: none;}
	#header.headDez02 .drawer_main {display: block;margin-left: 6.0rem;}
	#header.headDez02 .drawer_main .gnavis {display: block;}
}
@media screen and (min-width:600px) and ( max-width:900px) {
	#header.headDez02 .scroll-Fixed {padding-bottom: 0;}
}
/****************** SPヘッダー個別デザイン spheadDez02 ******************/
#spheaderMenu.spheadDez02 p.logo,
#spheaderMenu.spheadDez02 p.sub_logo {padding: 1.5rem 0 0 0;max-width: 180px;}
#spheaderMenu.spheadDez02 .scroll-nml,
#spheaderMenu.spheadDez02 .scroll-fix .scrollfixMenu,
#spheaderMenu.spheadDez02 .scroll-Fixed .scrFixed {padding-bottom: 2.5rem;}
#spheaderMenu.spheadDez02 .scroll-Fixed {padding-bottom: 5.5rem;}
#spheaderMenu.spheadDez02.bgheader .scroll-Fixed {padding-bottom: 0;}
/* ** header_design02_bg end ** */

/* ** header_design03_bg start ** */
/****************** ヘッダー個別デザイン headDez03 ******************/
#header.headDez03 p.logo,
#header.headDez03 p.sub_logo {padding: 2.8rem 0;max-width: 270px;}
#header.headDez03 .scroll-fix p.logo,
#header.headDez03 .scroll-Fixed p.logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez03 .mnaviDez {margin-top: 0.8rem;margin-bottom: 1.5rem;}
#header.headDez03 .gnavis {margin-top: 0.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez03 .gnavis {display: none;}
}
/****************** SPヘッダー個別デザイン spheadDez03 ******************/
#spheaderMenu.spheadDez03 p.logo,
#spheaderMenu.spheadDez03 p.sub_logo {padding: 1.5rem 0 0 0;max-width: 180px;}
#spheaderMenu.spheadDez03 .scroll-nml,
#spheaderMenu.spheadDez03 .scroll-fix .scrollfixMenu,
#spheaderMenu.spheadDez03 .scroll-Fixed .scrFixed {padding-bottom: 2.5rem;}
#spheaderMenu.spheadDez03 .scroll-Fixed {padding-bottom: 6.5rem;}
#spheaderMenu.spheadDez03.bgheader .scroll-Fixed {padding-bottom: 0;}
/* ** header_design03_bg end ** */

/* ** header_design04_bg start ** */
/****************** ヘッダー個別デザイン headDez04 ******************/
#header.headDez04 p.logo,
#header.headDez04 p.sub_logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez04 .scroll-nml p.logo {padding: 0.8rem 0;max-width: 270px;}
#header.headDez04 .scroll-fix p.logo,
#header.headDez04 .scroll-Fixed p.logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez04 .scroll-nml {padding-bottom: 1.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez04 p.logo,
	#header.headDez04 p.sub_logo {padding: 1.8rem 0;max-height: 60px;}
	#header.headDez04 .scroll-fix p.logo,
	#header.headDez04 .scroll-Fixed p.logo {padding: 1.8rem 0;max-height: 60px;}
	#header.headDez04 .gnavis {display: none;}
}
/* ** header_design04_bg end ** */

/* ** header_design05_bg start ** */
/****************** ヘッダー個別デザイン headDez05 ******************/
#header.headDez05 p.logo,
#header.headDez05 p.sub_logo {padding: 0.8rem;max-height: 60px;}
#header.headDez05 .scroll-nml p.logo {padding: 0.8rem 0;max-width: 270px;}
#header.headDez05 .scroll-fix p.logo,
#header.headDez05 .scroll-Fixed p.logo {padding: 0.8rem;max-height: 60px;}
#header.headDez05 .scroll-nml {padding-bottom: 1.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez05 p.logo,
	#header.headDez05 p.sub_logo {padding: 1.8rem 0;max-height: 60px;}
	#header.headDez05 .scroll-fix p.logo,
	#header.headDez05 .scroll-Fixed p.logo {padding: 1.8rem 0;max-height: 60px;}
	#header.headDez05 .gnavis {display: none;}
}
/* ** header_design05_bg end ** */

/* ** header_design06_bg start ** */
/****************** ヘッダー個別デザイン06 headDez06 ******************/

/* ヘッダー3段構成 */
#header.headDez06 p.logo,
#header.headDez06 p.sub_logo {padding: 1.5rem 0 0 0;max-width: 270px;}
.headDez06 .header_innU .header_innSub {width: 100%;}
#header.headDez06 .gnavi {background: none;}
#header.headDez06 .scroll-fix p.logo,
#header.headDez06 .scroll-fix p.sub_logo {padding: 0.8rem 0;max-height: 60px;}
#header.headDez06 .gnavis {margin-top: 0.5rem;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez06 .gnavi ul {padding: 0.8rem 1.0rem;}
	#header.headDez06 .scroll-fix .snavi,
	#header.headDez06 .scroll-fix .gnavis {display: none;}
}
/* ** header_design06_bg end ** */

/* ** footer start ** */
/****************** フッター共通デザイン ******************/
@media screen and (max-width: 1100px) {
	#footer .FlexblckArea .ptLayoutInn {display: block;padding: 0.5rem 1.5rem;}
}
/* ** footer start ** */

/* ** footer_design01 start ** */
/****************** フッター個別デザイン footDez01 ******************/
/* フッターナビ・コピーライトのみ配置 */
#footer.footDez01 .fnavi {padding: 3.5rem 0;}

/****************** フッター個別デザイン spfootDez01 ******************/
#spfooter.spfootDez01 .fnavi {padding: 3.5rem 2.0rem;}

/* ** footer_design01 end ** */

/* ** footer_design02 start ** */
/****************** フッター個別デザイン footDez02 ******************/
/* ロゴ・フッターナビ・コピーライトのみ配置 */
#footer.footDez02 p.logo,
#footer.footDez02 p.sub_logo {padding: 2.5rem 0;text-align: left;}
#footer.footDez02 p.logo img,
#footer.footDez02 p.sub_logo img {max-width: 240px;}
#footer.footDez02 .fnavi {padding: 2.0rem 1.0rem;}
#footer.footDez02 .corpName {width: 400px;}
@media screen and (max-width: 1100px) {
	#footer.footDez02 p.logo,
	#footer.footDez02 p.sub_logo {padding: 1.5rem 0;text-align: center;}
	#footer.footDez02 .corpName {width: 100%;margin: 0 auto;text-align: center;}
}
/****************** フッター個別デザイン spfootDez02 ******************/
#spfooter.spfootDez02 .FlexblckArea .ptLayoutInn {display: block;}
#spfooter.spfootDez02 .FlexblckInnArea.FlexC {justify-content: flex-start;}/*Flex中央寄せを左寄せ強制 */
#spfooter.spfootDez02 p.logo,
#spfooter.spfootDez02 p.sub_logo {width: 100%;margin: 0 auto;padding: 2.5rem 1.0rem;text-align: center;}
#spfooter.spfootDez02 .fnavi {padding: 0 1.0rem 2.0rem 1.0rem;}
#spfooter.spfootDez02 .corpName {width: 85%;margin: 0 auto;padding-bottom: 2.0rem;}
/* ** footer_design02 end ** */

/* ** footer_design03 start ** */
/****************** フッター個別デザイン footDez03 ******************/
/* ロゴ・フッターナビ・コピーライトのみ配置 */
#footer.footDez03 p.logo,
#footer.footDez03 p.sub_logo {padding: 2.5rem 0;text-align: left;}
#footer.footDez03 p.logo img,
#footer.footDez03 p.sub_logo img {max-width: 240px;}
#footer.footDez03 .fnavi {padding: 2.0rem 1.0rem;}
#footer.footDez03 .corpName {width: 400px;}

/****************** フッター個別デザイン spfootDez03 ******************/
#spfooter.spfootDez03 .FlexblckArea .ptLayoutInn {display: block;}
#spfooter.spfootDez03 .FlexblckInnArea.FlexC {justify-content: flex-start;}/*Flex中央寄せを左寄せ強制 */
#spfooter.spfootDez03 p.logo,
#spfooter.spfootDez03 p.sub_logo {width: 100%;margin: 0 auto;padding: 2.5rem 1.0rem;text-align: center;}
#spfooter.spfootDez03 .fnavi {padding: 0 1.0rem 2.0rem 1.0rem;}
#spfooter.spfootDez03 .corpName {width: 85%;margin: 0 auto;padding-bottom: 2.0rem;}
/* ** footer_design03 end ** */

/* ** footer_design04 start ** */

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	#spfooter.spfootDez04 {position: fixed;bottom: 0px;left: 0px;z-index: 1000;}/* フッター固定 */
	#spfooter.spfootDez04 {width: 100%;height: 80px;padding-top: 10px;}
	#spfooter.spfootDez04 {background: var(--app-spfooter-cr);}
}
/* ** footer_design04 end ** */
@charset "utf-8";
/***************************************************
information
  filename : heading_parts.css;
***************************************************/

/*======== app_heading_dez.css ========*/
/****************** 見出し要素（システムテンプレート） ******************/

/* ** heading_basic start ** */
.headline{width: 95%;margin: 0 auto;}
/* ** heading_basic end ** */

/****** 01 罫線見出し ******/
/* ** heading0101 start ** */
/*** 0101: 下実線 ***/
.heading0101{
	margin: var(--heading01-mg); /* マージン */
	padding: var(--heading01-pd); /* パディング */
	text-align: left;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--heading01-size) solid var(--heading01-brd);
}
/* ** heading0101 end ** */

/* ** heading0102 start ** */
/*** 0102: 下点線 ***/
.heading0102{
	margin: var(--heading01-mg); /* マージン */
	padding: var(--heading01-pd); /* パディング */
	text-align: left;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--heading01-size) dotted var(--heading01-brd);
}
/* ** heading0102 end ** */

/* ** heading0103 start ** */
/*** 0103: 下破線 ***/
.heading0103{
	margin: var(--heading01-mg); /* マージン */
	padding: var(--heading01-pd); /* パディング */
	text-align: left;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--heading01-size) dashed var(--heading01-brd);
}
/* ** heading0103 end ** */

/* ** heading0104 start ** */
/*** 0104: 下二重線 ***/
.heading0104{
	margin: var(--heading01-mg); /* マージン */
	padding: var(--heading01-pd); /* パディング */
	text-align: left;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--heading01-size) double var(--heading01-brd);
}
/* ** heading0104 end ** */

/* ** heading0105 start ** */
/*** 0105: 上下線・文字中央 ***/
.heading0105{
	margin: var(--heading01-mg); /* マージン */
	padding: var(--heading01-pd); /* パディング */
	text-align: center;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
	border-top: var(--heading01-size) solid var(--heading01-brd);
	border-bottom: var(--heading01-size) solid var(--heading01-brd);
}
/* ** heading0105 end ** */

/* ** heading0106 start ** */
/*** 0106: 左線 ***/
.heading0106{
	margin: var(--heading01-mg); /* マージン */
	padding: var(--heading01-pd-l); /* パディング */
	text-align: left;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
	border-left: var(--heading01-size-l) solid var(--heading01-brd-l);
}
/* ** heading0106 end ** */

/* ** heading0107 start ** */
/*** 0107: 左・下線 ***/
.heading0107{
	margin: var(--heading01-mg); /* マージン */
	padding: var(--heading01-pd); /* パディング */
	text-align: left;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--heading01-size) solid var(--heading01-brd);
}
.heading0107 span {
	padding-left: 1.5rem;
	border-left: var(--heading01-size-l) solid var(--heading01-brd-l);
}
/* ** heading0107 end ** */

/* ** heading0108 start ** */
/*** 0108: 囲み線 ***/
.heading0108{
	margin: var(--heading01-mg); /* マージン */
	padding: var(--heading01-pd); /* パディング */
	text-align: center;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading01-rod);-webkit-border-radius: var(--heading01-rod);-moz-border-radius: var(--heading01-rod);
	border: var(--heading01-size) solid var(--heading01-brd);
}
/* ** heading0108 end ** */

/* ** heading0109 start ** */
/*** 0109: 囲み二重線 ***/
.heading0109{
	position: relative;
	margin: var(--heading01-mg); /* マージン */
	padding: 2.0rem 0.5rem; /* パディング */
	text-align: center;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading01-rod);-webkit-border-radius: var(--heading01-rod);-moz-border-radius: var(--heading01-rod);
	border: var(--heading01-size) solid var(--heading01-brd);
}
.heading0109:before {
	position: absolute;
	top: 4px;
	left: 4px;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	content: '';
	border-radius: var(--heading01-rod);-webkit-border-radius: var(--heading01-rod);-moz-border-radius: var(--heading01-rod);
	border: 0.1rem solid var(--heading01-brd);
}
/* ** heading0109 end ** */

/* ** heading0110 start ** */
/*** 0110: 両サイド線 ***/
.heading0110{
	position: relative;
	margin: var(--heading01-mg); /* マージン */
	padding: var(--heading01-pd); /* パディング */
	text-align: center;
	line-height: var(--heading01-lh); /* 行間 */
	color: var(--heading01-txt); /* テキスト色 */
	font-size: var(--font-heading01); /* フォントサイズ */
	font-weight: bold;
}
.heading0110:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: var(--heading01-size);
	content: '';
	background: var(--heading01-brd);
}
.heading0110 span {
	position: relative;
	padding: 0 1.5rem;
	background: var(--app-contents-cr);
}
/* ** heading0110 end ** */

/****** 02 背景付き見出し ******/

/* ** heading0201 start ** */
/*** 0201: 下線・背景付き ***/
.heading0201 {
	margin: var(--heading02-mg); /* マージン */
	padding: var(--heading02-pd); /* パディング */
	text-align: left;
	line-height: var(--heading02-lh); /* 行間 */
	color: var(--heading02-txt); /* テキスト色 */
	font-size: var(--font-heading02); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading02-rod);-webkit-border-radius: var(--heading02-rod);-moz-border-radius: var(--heading02-rod);
	border-bottom: var(--heading02-size) solid var(--heading02-brd);
	background: var(--heading02-bg);
}
/* ** heading0201 end ** */

/* ** heading0202 start ** */
/*** 0202: 左線・背景付き ***/
.heading0202 {
	margin: var(--heading02-mg); /* マージン */
	padding: var(--heading02-pd); /* パディング */
	text-align: left;
	line-height: var(--heading02-lh); /* 行間 */
	color: var(--heading02-txt); /* テキスト色 */
	font-size: var(--font-heading02); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading02-rod);-webkit-border-radius: var(--heading02-rod);-moz-border-radius: var(--heading02-rod);
	border-left: var(--heading02-size-l) solid var(--heading02-brd-l);
	background: var(--heading02-bg);
}
/* ** heading0202 end ** */

/* ** heading0203 start ** */
/*** 0203: 左・下線・背景付き ***/
.heading0203 {
	margin: var(--heading02-mg); /* マージン */
	padding: var(--heading02-pd); /* パディング */
	text-align: left;
	line-height: var(--heading02-lh); /* 行間 */
	color: var(--heading02-txt); /* テキスト色 */
	font-size: var(--font-heading02); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading02-rod);-webkit-border-radius: var(--heading02-rod);-moz-border-radius: var(--heading02-rod);
	border-bottom: var(--heading02-size) solid var(--heading02-brd);
	background: var(--heading02-bg);
}
.heading0203 span {
	padding-left: var(--heading02-pd-l); /* パディング */
	border-left: var(--heading02-size-l) solid var(--heading02-brd-l);
}
/* ** heading0203 end ** */

/* ** heading0204 start ** */
/*** 0204: 上下線・文字中央・背景付き ***/
.heading0204 {
	margin: var(--heading02-mg); /* マージン */
	padding: var(--heading02-pd); /* パディング */
	text-align: center;
	line-height: var(--heading02-lh); /* 行間 */
	color: var(--heading02-txt); /* テキスト色 */
	font-size: var(--font-heading02); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading02-rod);-webkit-border-radius: var(--heading02-rod);-moz-border-radius: var(--heading02-rod);
	border-top: var(--heading02-size) solid var(--heading02-brd);
	border-bottom: var(--heading02-size) solid var(--heading02-brd);
	background: var(--heading02-bg);
}
/* ** heading0204 end ** */

/* ** heading0205 start ** */
/*** 0205: 囲み線・背景付き ***/
.heading0205 {
	margin: var(--heading02-mg); /* マージン */
	padding: var(--heading02-pd); /* パディング */
	text-align: center;
	line-height: var(--heading02-lh); /* 行間 */
	color: var(--heading0205-txt); /* テキスト色 */
	font-size: var(--font-heading02); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading02-rod);-webkit-border-radius: var(--heading02-rod);-moz-border-radius: var(--heading02-rod);
	background: var(--heading0205-bg);
	border: var(--heading02-size) solid var(--heading0205-brd);
}
/* ** heading0205 end ** */

/* ** heading0206 start ** */
/*** 0206: 背景・影を入れたデザイン ***/
.heading0206 {
	margin: var(--heading02-mg); /* マージン */
	padding: var(--heading02-pd); /* パディング */
	text-align: left;
	line-height: var(--heading02-lh); /* 行間 */
	color: var(--heading0206-txt); /* テキスト色 */
	font-size: var(--font-heading0206); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading02-rod);-webkit-border-radius: var(--heading02-rod);-moz-border-radius: var(--heading02-rod);
	background: var(--heading0206-bg);
	box-shadow: var(--heading0206-sd);
	-webkit-box-shadow: var(--heading0206-sd);
}
/* ** heading0206 end ** */

/* ** heading0207 start ** */
/*** 0207: 下線にアクセントを入れたデザイン ***/
.heading0207 {
	position: relative;
	margin: var(--heading02-mg); /* マージン */
	padding: var(--heading0207-pd); /* パディング */
	text-align: left;
	line-height: var(--heading02-lh); /* 行間 */
	color: var(--heading0207-txt); /* テキスト色 */
	font-size: var(--font-heading0207); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--heading0207-size) solid var(--heading0207-brd-yu);
}
.heading0207:before {
	position: absolute;
	bottom: var(--heading0207-size-b);/* アクセントボーダー差色位置 */
	left: 0;
	width: var(--heading0207-size-w);/* 0207: アクセントボーダー差色横幅 */
	height: var(--heading0207-size);/* ボーダーサイズ */
	content: '';
	background: var(--heading0207-brd-y);/* アクセントボーダー差色 */
}
/* ** heading0207 end ** */

/****** 03 グラデーションを使った見出し ******/

/* ** heading0301 start ** */
/*** 0301: 背景グラデーション ***/
.heading0301 {
	margin: var(--heading03-mg); /* マージン */
	padding: var(--heading03-pd); /* パディング */
	text-align: left;
	line-height: var(--heading03-lh); /* 行間 */
	color: var(--heading03-txt); /* テキスト色 */
	font-size: var(--font-heading03); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading03-rod);-webkit-border-radius: var(--heading03-rod);-moz-border-radius: var(--heading03-rod);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--heading0301-bg-2sbg)), to(var(--heading0301-bg-2ebg)));
	background-image: -webkit-linear-gradient(left, var(--heading0301-bg-2sbg) 0%, var(--heading0301-bg-2ebg) 100%);
	background-image: linear-gradient(to right, var(--heading0301-bg-2sbg) 0%, var(--heading0301-bg-2ebg) 100%);
}
/* ** heading0301 end ** */

/* ** heading0302 start ** */
/*** 0302: 下線グラデーション ***/
.heading0302 {
	position: relative;
	margin: var(--heading03-mg); /* マージン */
	padding: var(--heading0302-pd); /* パディング */
	text-align: left;
	line-height: var(--heading03-lh); /* 行間 */
	color: var(--heading0302-txt); /* テキスト色 */
	font-size: var(--font-heading03); /* フォントサイズ */
	font-weight: bold;
}
.heading0302:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: var(--heading0302-size);
	content: '';
	border-radius: var(--heading0302-rod);-webkit-border-radius: var(--heading0302-rod);-moz-border-radius: var(--heading0302-rod);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--heading0302-bg-2sbg)), to(var(--heading0302-bg-2ebg)));
	background-image: -webkit-linear-gradient(left, var(--heading0302-bg-2sbg) 0%, var(--heading0302-bg-2ebg) 100%);
	background-image: linear-gradient(to right, var(--heading0302-bg-2sbg) 0%, var(--heading0302-bg-2ebg) 100%);
}
/* ** heading0302 end ** */

/* ** heading0303 start ** */
/*** 0303: 上下線グラデーション ***/
.heading0303 {
	position: relative;
	margin: var(--heading03-mg); /* マージン */
	padding: var(--heading03-pd); /* パディング */
	text-align: center;
	line-height: var(--heading03-lh); /* 行間 */
	color: var(--heading0303-txt); /* テキスト色 */
	font-size: var(--font-heading03); /* フォントサイズ */
	font-weight: bold;
}
.heading0303:before,
.heading0303:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: var(--heading0303-size);
	content: '';
	border-radius: var(--heading03-rod);-webkit-border-radius: var(--heading03-rod);-moz-border-radius: var(--heading03-rod);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--heading0303-bg-2sbg)), to(var(--heading0303-bg-2ebg)));
	background-image: -webkit-linear-gradient(left, var(--heading0303-bg-2sbg) 0%, var(--heading0303-bg-2ebg) 100%);
	background-image: linear-gradient(to right, var(--heading0303-bg-2sbg) 0%, var(--heading0303-bg-2ebg) 100%);
}
.heading0303:before {top: 0;}
.heading0303:after {bottom: 0;}

/* ** heading0303 end ** */

/* ** heading0304 start ** */
/*** 0304: 囲い線グラデーション ***/
.heading0304 {
	position: relative;
	margin: var(--heading03-mg); /* マージン */
	padding: var(--heading0304-size); /* ボーダーサイズ */
	text-align: left;
	line-height: var(--heading03-lh); /* 行間 */
	color: var(--heading0304-txt); /* テキスト色 */
	font-size: var(--font-heading03); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading03-rod);-webkit-border-radius: var(--heading03-rod);-moz-border-radius: var(--heading03-rod);
	background-image: -webkit-linear-gradient(315deg, var(--heading0304-bg-4sbg) 0%, var(--heading0304-bg-4cbg) 29%, var(--heading0304-bg-4tbg) 67%, var(--heading0304-bg-4ebg) 100%);
	background-image: linear-gradient(-225deg, var(--heading0304-bg-4sbg) 0%, var(--heading0304-bg-4cbg) 29%, var(--heading0304-bg-4tbg) 67%, var(--heading0304-bg-4ebg) 100%);
}
.heading0304 span {
	display: block;
	padding: var(--heading03-pd); /* パディング */
	border-radius: var(--heading03-rod);
	background: rgba(255, 255, 255, .1);
}
/* ** heading0304 end ** */

/****** 04 タグ風見出し ******/

/* ** heading0401 start ** */
/*** 0401: タグ風見出し左角 ***/
.heading0401 {
	position: relative;
	display: inline-block;
	margin: var(--heading04-mg); /* マージン */
	padding: var(--heading04-pd); /* パディング */
	text-align: left;
	line-height: var(--heading04-lh); /* 行間 */
	color: var(--heading04-txt); /* テキスト色 */
	font-size: var(--font-heading04); /* フォントサイズ */
	font-weight: bold;
	width: 95%;
	height: 70px;
	margin-left: 30px;
	background: var(--heading04-bg);
	border-radius: var(--heading0401-rod);-webkit-border-radius: var(--heading0401-rod);-moz-border-radius: var(--heading0401-rod);
}
.heading0401:before {
	position: absolute;
	top: 0;
	left: -30px;
	content: '';
	border-width: 35px 30px 35px 0;
	border-style: solid;
	border-color: transparent var(--heading04-bg) transparent transparent;
	align-items: center;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0401 {width: 90%;height: 50px;margin-left: 2.5rem;}
	.heading0401:before {left: -20px;border-width: 2.5rem 2.0rem 2.5rem 0;}
}
/* ** heading0401 end ** */

/* ** heading0402 start ** */
/*** 0402: タグ風見出し右角 ***/
.heading0402 {
	position: relative;
	display: inline-block;
	margin: var(--heading04-mg); /* マージン */
	padding: var(--heading04-pd); /* パディング */
	text-align: left;
	line-height: var(--heading04-lh); /* 行間 */
	color: var(--heading04-txt); /* テキスト色 */
	font-size: var(--font-heading04); /* フォントサイズ */
	font-weight: bold;
	width: 95%;
	height: 70px;
	margin-left: 0;
	background: var(--heading04-bg);
	border-radius: var(--heading0402-rod);-webkit-border-radius: var(--heading0402-rod);-moz-border-radius: var(--heading0402-rod);
}
.heading0402:before {
	position: absolute;
	top: 0;
	right: -30px;
	content: '';
	border-width: 35px 0 35px 30px;
	border-style: solid;
	border-color: transparent transparent transparent var(--heading04-bg);
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0402 {width: 90%;height: 50px;margin-left: 1.0rem;}
	.heading0402:before {right: -20px;content: '';border-width: 2.5rem 0 2.5rem 2.0rem;}
}
/* ** heading0402 end ** */

/****** 05 リボン風見出し ******/

/* ** heading0501 start ** */
/*** 0501: 左右折り返しのリボンデザイン ***/

/* 共通(背景) */
.heading_wrap {
	display: block;
	position: relative;
	margin: var(--heading_wrap-mg); /* マージン */
}
.heading_wrap_inn {
	background: var(--heading_wrap-bg); /* 背景色 */
	border-radius: var(--heading_wrap-rod); /* 角丸 */
	border: var(--heading_wrap-brd); /* ボーダー指定 */
	box-shadow: var(--heading_wrap-sd);-webkit-box-shadow: var(--heading_wrap-sd); /* 影付き背景 サイズ・影色 */
}
/* 0501: 左右折り返しのリボンデザイン背景 */
.heading0501 {
	position: relative;
	margin: var(--heading05-mg); /* マージン */
	padding: var(--heading0501-pd); /* パディング */
	text-align: center;
	line-height: var(--heading05-lh); /* 行間 */
	color: var(--heading05-txt); /* テキスト色 */
	font-size: var(--font-heading05); /* フォントサイズ */
	font-weight: bold;
	width: 93%;
}
.wrap0501 .heading_wrap_inn {
	margin: var(--heading0501-wrap-mg);/* マージン */
	padding: var(--heading0501-wrap-pd);/* パディング */
	width: calc(93% - 46px);
}
.heading0501:before,
.heading0501:after {
	position: absolute;
	z-index: 0;
	bottom: 10px;
	display: block;
	content: '';
	border: 1em solid var(--heading05-bg-u); /* 背景下色 */
}
.heading0501:before {
	left: -20px;
	border-left-width: 15px;
	border-left-color: transparent;
}
.heading0501:after {
	right: -20px;
	border-right-width: 15px;
	border-right-color: transparent;
}
.heading0501 span {
	position: relative;
	z-index: 1;
	display: block;
	padding: var(--heading0501-pd-i);/* パディング（テキスト） */
	color: var(--heading0501-txt); /* テキスト色 */
	background: var(--heading05-bg); /* 背景色 */
}
.heading0501 span:before,
.heading0501 span:after {
	position: absolute;
	bottom: -10px;
	display: block;
	width: 10px;
	height: 10px;
	content: '';
	border-style: solid;
	border-color: var(--heading05-bg-s) transparent transparent transparent; /* 背景影色 */
}
.heading0501 span:before {left: 0;border-width: 10px 0 0 10px;}
.heading0501 span:after {right: 0;border-width: 10px 10px 0 0;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0501:before {left: -10px;}
	.heading0501:after {right: -10px;}
}
/* ** heading0501 end ** */

/* ** heading0502 start ** */
/*** 0502: 左右山形のリボンデザイン ***/
.heading0502 {
	position: relative;
	display: inline-block;
	margin: var(--heading05-mg); /* マージン */
	padding: var(--heading05-pd); /* パディング */
	text-align: center;
	line-height: var(--heading05-lh); /* 行間 */
	color: var(--heading05-txt); /* テキスト色 */
	font-size: var(--font-heading05); /* フォントサイズ */
	font-weight: bold;
	width: 100%;
	height: 60px;/*リボンの高さ*/
	background: var(--heading05-bg); /* 背景色 */
	box-sizing: border-box;
}
.heading0502:before,
.heading0502:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}
/*左端の山形*/
.heading0502:before {
	top: 0;
	left: 0;
	border-width: 30px 0px 30px 15px;
	border-color: transparent transparent transparent var(--app-contents-cr);
	border-style: solid;
}
/*右端の山形*/
.heading0502:after {
	top: 0;
	right: 0;
	border-width: 30px 15px 30px 0px;
	border-color: transparent var(--app-contents-cr) transparent transparent;
	border-style: solid;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0502 {height: 50px;}
	.heading0502:before {border-width: 25px 0px 25px 15px;}
	.heading0502:after {border-width: 25px 15px 25px 0px;}
}
/* ** heading0502 end ** */

/* ** heading0503 start ** */
/*** 0503: 左右山形のリボンステッチ付きデザイン ***/
.heading0503 {
	position: relative;
	display: inline-block;
	margin: var(--heading05-mg); /* マージン */
	padding: var(--heading0503-pd); /* パディング */
	text-align: center;
	line-height: var(--heading05-lh); /* 行間 */
	color: var(--heading05-txt); /* テキスト色 */
	font-size: var(--font-heading05); /* フォントサイズ */
	font-weight: bold;
	width: 100%;
	height: 70px;
	background: var(--heading05-bg); /* 背景色 */
	box-sizing: border-box;
}
.heading0503 span {
	width: 100%;
	display: block;
	border-top: dashed var(--heading05-size-tu) var(--heading05-brd-tu);/*上の破線*/
	border-bottom: dashed var(--heading05-size-tu) var(--heading05-brd-tu);/*下の破線*/
	line-height: 58px;
}
.heading0503:before,
.heading0503:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}
/*左端の山形*/
.heading0503:before {
	top: 0;
	left: 0;
	border-width: 35px 0px 35px 15px;
	border-color: transparent transparent transparent var(--app-contents-cr);
	border-style: solid;
}
/*右端の山形*/
.heading0503:after {
	top: 0;
	right: 0;
	border-width: 35px 15px 35px 0px;
	border-color: transparent var(--app-contents-cr) transparent transparent;
	border-style: solid;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0503 {height: 50px;}
	.heading0503 span {line-height: 38px;}
	.heading0503:before {border-width: 25px 0px 25px 15px;}
	.heading0503:after {border-width: 25px 15px 25px 0px;}
}
/* ** heading0503 end ** */

/* ** heading0504 start ** */
/*** 0504: 右側のみ山形のリボンデザイン ***/
.heading0504 {
	position: relative;
	display: inline-block;
	margin: var(--heading05-mg); /* マージン */
	padding: var(--heading0504-pd); /* パディング */
	text-align: left;
	line-height: var(--heading05-lh); /* 行間 */
	color: var(--heading05-txt); /* テキスト色 */
	font-size: var(--font-heading05); /* フォントサイズ */
	font-weight: bold;
	width: 100%;
	height: 60px;/*リボンの高さ*/
	background: var(--heading05-bg); /* 背景色 */
	box-sizing: border-box;
}
.heading0504:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}
/*右端の山形*/
.heading0504:after {
	top: 0;
	right: 0;
	border-width: 30px 15px 30px 0px;
	border-color: transparent var(--app-contents-cr) transparent transparent;
	border-style: solid;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0504 {height: 50px;/*リボンの高さ*/}
	.heading0504:after {border-width: 25px 15px 25px 0px;}
}
/* ** heading0504 end ** */

/* ** heading0505 start ** */
/*** 0505: 右側のみ山形のリボンステッチ付きデザイン ***/
.heading0505 {
	position: relative;
	display: inline-block;
	margin: var(--heading05-mg); /* マージン */
	padding: var(--heading0505-pd); /* パディング */
	text-align: center;
	line-height: var(--heading05-lh); /* 行間 */
	color: var(--heading05-txt); /* テキスト色 */
	font-size: var(--font-heading05); /* フォントサイズ */
	font-weight: bold;
	width: 100%;
	height: 70px;
	background: var(--heading05-bg); /* 背景色 */
	box-sizing: border-box;
}
.heading0505 span {
	width: 100%;
	display: block;
	border-top: dashed var(--heading05-size-tu) var(--heading05-brd-tu);/*上の破線*/
	border-bottom: dashed var(--heading05-size-tu) var(--heading05-brd-tu);/*下の破線*/
	line-height: 58px;
}
.heading0505:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}
/*右端の山形*/
.heading0505:after {
	top: 0;
	right: 0;
	border-width: 35px 15px 35px 0px;
	border-color: transparent var(--app-contents-cr) transparent transparent;
	border-style: solid;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0505 {height: 50px;}
	.heading0505 span {line-height: 38px;}
	.heading0505:after {border-width: 25px 15px 25px 0px;}
}
/* ** heading0505 end ** */

/* ** heading0506 start ** */
/*** 0506: 折り目付きリボンデザイン ***/
.heading0506 {
	position: relative;
	margin: var(--heading05-mg); /* マージン */
	padding: var(--heading0506-pd); /* パディング */
	text-align: left;
	line-height: var(--heading05-lh); /* 行間 */
	color: var(--heading05-txt); /* テキスト色 */
	font-size: var(--font-heading05); /* フォントサイズ */
	font-weight: bold;
	background: var(--heading05-bg);
}
.wrap0506 .heading_wrap_inn {
	margin: var(--heading0506-wrap-mg); /* マージン */
	padding: var(--heading0506-wrap-pd);/* パディング */
	width: calc(100% - 2.0rem);
}
.heading0506:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px var(--heading05-bg-s);/*折り返し部分*/
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0508 span {line-height: 45px;}
}
/* ** heading0506 end ** */

/* ** heading0507 start ** */
/*** 0507: ボックスに折り込んだリボンデザイン ***/
.heading0507 {
	position: relative;
	display: inline-block;
	margin: var(--heading0507-mg); /* マージン */
	padding: var(--heading0507-pd); /* パディング */
	text-align: center;
	line-height: var(--heading05-lh); /* 行間 */
	color: var(--heading05-txt); /* テキスト色 */
	font-size: var(--font-heading05); /* フォントサイズ */
	font-weight: bold;
	width: calc(100% + 40px);
	background: var(--heading05-bg);
	border-bottom: solid 1px var(--heading05-bg-u); /* 背景下色 */
	box-shadow: var(--heading0507-sd); /* 影付き背景 サイズ・影色 */
	-webkit-box-shadow: var(--heading0507-sd); /* 影付き背景 サイズ・影色 */
	box-sizing: border-box;
}
.heading_wrap.wrap0507 {width: 93%;}
.wrap0507 .heading_wrap_inn {
	margin: var(--heading0507-wrap-mg); /* マージン */
	padding: var(--heading0507-wrap-pd);/* パディング */
	width: 100%;
}
.heading0507:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px var(--heading05-bg-s); /* 背景影色 */
}
.heading0507:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-left: solid 20px var(--heading05-bg-s); /* 背景影色 */
}
/* ** heading0507 end ** */

/* ** heading0508 start ** */
/*** 0508: ボックスに折り込んだリボンステッチ付きデザイン ***/
.heading0508 {
	position: relative;
	display: inline-block;
	margin: var(--heading0508-mg); /* マージン */
	padding: var(--heading0508-pd); /* パディング */
	text-align: center;
	line-height: var(--heading05-lh); /* 行間 */
	color: var(--heading05-txt); /* テキスト色 */
	font-size: var(--font-heading05); /* フォントサイズ */
	font-weight: bold;
	width: calc(100% + 40px);
	background: var(--heading05-bg);
	border-bottom: solid 1px var(--heading05-bg-u);
	box-shadow: var(--heading0508-sd);
	-webkit-box-shadow: var(--heading0508-sd);
	box-sizing: border-box;
}
.heading_wrap.wrap0508 {width: 93%;}
.wrap0508 .heading_wrap_inn {
	margin: var(--heading0508-wrap-mg);
	padding: var(--heading0508-wrap-pd);
	width: 100%;
}
.heading0508:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px var(--heading05-bg-s);
}
.heading0508:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-left: solid 20px var(--heading05-bg-s);
}
.heading0508 span {
	width: 100%;
	display: block;
	border-top: dashed var(--heading05-size-tu) var(--heading05-brd-tu);/*上の破線*/
	border-bottom: dashed var(--heading05-size-tu) var(--heading05-brd-tu);/*下の破線*/
	line-height: 6.5rem;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0508 span {line-height: 4.5rem;}
}
/* ** heading0508 end ** */

/* ** heading0509 start ** */
/*** 0509: 縦リボンデザイン ***/
.heading0509 {
	position: relative;
	display: block;
	margin: var(--heading0509-mg); /* マージン */
	padding: var(--heading0509-pd); /* パディング */
	text-align: left;
	line-height: var(--heading05-lh); /* 行間 */
	color: var(--heading0509-txt); /* リボンタイトルテキスト色 */
	font-size: var(--font-heading0509); /* リボンタイトルフォントサイズ */
	font-weight: bold;
	background: var(--heading0509-bg); /* リボンタイトル背景色 */
	border-radius: var(--heading0509-rod);-webkit-border-radius: var(--heading0509-rod);-moz-border-radius: var(--heading0509-rod);
	box-sizing: border-box;
}
/* リボンアイコン */
.heading0509 span.ribbon {
	display: inline-block;
	position: absolute;
	top: -6px;
	left: 10px;
	margin: 0;
	z-index: 2;
	text-align: center;
	color: var(--heading0509-txt-ribbon); /* リボンテキスト色 */
	background: var(--heading0509-bg-ribbon); /* リボン背景色 */
	border-radius: 2px 0 0 0;
}
.heading0509 span.ribbon:before {
	position: absolute;
	content: '';
	top: 0;
	right: -5px;
	border: none;
	border-bottom: solid 6px var(--heading0509-bg-s); /* 背景影色 */
	border-right: solid 5px transparent;
}
.heading0509 span.ribbon:after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 10px solid var(--heading0509-bg-ribbon);
}
.heading0509 span.headingTi {padding-left: 8.0rem;}
.heading0509 span.ribbon {
	padding: 10px 0 7px;
	width: 6.0rem;
	font-size: var(--font-heading0509-ribbon); /* リボンアイコンフォントサイズ */
	font-weight: bold;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0509 span.ribbon:after {
		border-left: 25px solid transparent;
		border-right: 25px solid transparent;
	}
	.heading0509 span.ribbon {width: 5.0rem;}
}
/* ** heading0509 end ** */

/****** 06 吹き出し風の見出し ******/

/* ** heading0601 start ** */
/*** 0601: 吹き出し風の見出し ***/
.heading0601 {
	position: relative;
	margin: var(--heading06-mg); /* マージン */
	padding: var(--heading06-pd); /* パディング */
	text-align: left;
	line-height: var(--heading06-lh); /* 行間 */
	color: var(--heading06-txt); /* テキスト色 */
	font-size: var(--font-heading06); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading06-rod);-webkit-border-radius: var(--heading06-rod);-moz-border-radius: var(--heading06-rod);
	background: var(--heading06-bg);
}
.heading0601:after {
	position: absolute;
	bottom: -15px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 20px 12px 0 12px;
	border-style: solid;
	border-color: var(--heading06-bg) transparent transparent transparent;
}
/* ** heading0601 end ** */

/* ** heading0602 start ** */
/*** 0602: 吹き出し風の見出しボーダー付き ***/
.heading0602 {
	position: relative;
	margin: var(--heading06-mg); /* マージン */
	padding: var(--heading06-pd); /* パディング */
	text-align: left;
	line-height: var(--heading06-lh); /* 行間 */
	color: var(--heading06-txt); /* テキスト色 */
	font-size: var(--font-heading06); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading06-rod);-webkit-border-radius: var(--heading06-rod);-moz-border-radius: var(--heading06-rod);
	border: var(--heading06-size) solid var(--heading06-brd);
	background: var(--heading06-bg);
}
.heading0602:before {
	position: absolute;
	bottom: -20px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 20px 12px 0 12px;
	border-style: solid;
	border-color: var(--heading06-brd) transparent transparent transparent;
}
.heading0602:after {
	position: absolute;
	bottom: -15px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 20px 12px 0 12px;
	border-style: solid;
	border-color: var(--heading06-bg) transparent transparent transparent;
}
/* ** heading0602 end ** */

/* ** heading0603 start ** */
/*** 0603: 吹き出し風の見出し中央揃え ***/
.heading0603 {
	position: relative;
	margin: var(--heading06-mg); /* マージン */
	padding: var(--heading06-pd); /* パディング */
	text-align: center;
	line-height: var(--heading06-lh); /* 行間 */
	color: var(--heading06-txt); /* テキスト色 */
	font-size: var(--font-heading06); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading06-rod);-webkit-border-radius: var(--heading06-rod);-moz-border-radius: var(--heading06-rod);
	background: var(--heading06-bg); /* 背景色 */
}
.heading0603:after {
	position: absolute;
	bottom: -15px;
	left: 47%;
	width: 0;
	height: 0;
	content: '';
	border-width: 20px 12px 0 12px;
	border-style: solid;
	border-color: var(--heading06-bg) transparent transparent transparent; /* 背景色 */
}
/* ** heading0603 end ** */

/****** 07 特殊見出し ******/

/* ** heading0701 start ** */
/*** 0701: シンボルあり囲い見出し ***/
.heading0701 {
	position: relative;
	overflow: hidden;
	margin: var(--heading07-mg); /* マージン */
	padding: var(--heading07-pd); /* パディング */
	text-align: left;
	line-height: var(--heading07-lh); /* 行間 */
	color: var(--heading07-txt); /* テキスト色 */
	font-size: var(--font-heading07); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading07-rod);-webkit-border-radius: var(--heading07-rod);-moz-border-radius: var(--heading07-rod);
	border: var(--heading07-size) solid var(--heading07-brd);
	background: var(--heading07-bg); /* 背景色 */
}
.heading0701:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 200px;
	height: 300%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background: var(--heading07-bg-symbol); /* シンボルアイコン背景色 */
}
.heading0701 span {
	font-size: var(--font-heading07-symbol); /* シンボルアイコンフォントサイズ */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	padding-top: 15px;
	padding-left: 25px;
	color: var(--heading07-txt-symbol); /* シンボルアイコンテキスト色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.heading0701:before {left: -40px;width: 100px;}
	.heading0701 span {padding-left: 10px;}
}
/* ** heading0701 end ** */

/* ** heading0702 start ** */
/*** 0702: シンボルあり罫線見出し ***/
.heading0702 {
	position: relative;
	overflow: hidden;
	margin: var(--heading07-mg); /* マージン */
	padding: var(--heading07-pd); /* パディング */
	text-align: left;
	line-height: var(--heading07-lh); /* 行間 */
	color: var(--heading07-txt); /* テキスト色 */
	font-size: var(--font-heading07); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading07-rod);-webkit-border-radius: var(--heading07-rod);-moz-border-radius: var(--heading07-rod);
	border-top: var(--heading07-size) solid var(--heading07-brd);
	background: var(--heading0702-bg); /* 背景色 */
}
.heading0702:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 200px;
	height: 300%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background: var(--heading07-bg-symbol);
}
.heading0702 span {
	font-size: var(--font-heading07-symbol);
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	padding-top: 15px;
	padding-left: 25px;
	color: var(--heading07-txt-symbol);
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.heading0702:before {left: -40px;width: 100px;}
	.heading0702 span {padding-left: 10px;}
}
/* ** heading0702 end ** */

/* ** heading0703 start ** */
/*** 0703: サブコピー(content使用)見出し ***/
.heading0703 {
	position: relative;
	margin: var(--heading0703-mg); /* マージン */
	padding: var(--heading0703-pd); /* パディング */
	text-align: left;
	line-height: var(--heading07-lh); /* 行間 */
	color: var(--heading07-txt); /* テキスト色 */
	font-size: var(--font-heading07); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading07-rod);-webkit-border-radius: var(--heading07-rod);-moz-border-radius: var(--heading07-rod);
	border: var(--heading07-size) solid var(--heading07-brd);
	background: var(--heading0703-bg); /* 背景色 */
}
.heading0703:before {
	font-size: var(--font-heading0703-symbol);
	position: absolute;
	top: -24px;
	left: -2px;
	height: 24px;
	padding: 0.5rem 1rem;
	content: var(--heading0703-content);
	color: var(--heading0703-txt-symbol);
	background: var(--heading0703-bg-symbol);
	border-radius: var(--heading0703-rod-symbol);-webkit-border-radius: var(--heading0703-rod-symbol);-moz-border-radius: var(--heading0703-rod-symbol);
}
/* ** heading0703 end ** */

/****************** システム利用タイトル ******************/

/****** 所属カテゴリ表示ユニット ******/

/* ** heading0801 start ** */
/*** 0801: 所属カテゴリ表示ユニット ***/
.mainTi {
	margin: var(--app-mainTi-mg); /* マージン */
	padding: var(--app-mainTi-pd); /* パディング */
	text-align: center;
	line-height: 1.0;
	color: var(--app-mainTi-txt); /* テキスト色 */
	font-weight: bold;
	background: var(--app-mainTi-bg); /* 背景色 */
	border-top: var(--app-mainTi-brd); /* ボーダー指定 */
	border-bottom: var(--app-mainTi-brd); /* ボーダー指定 */
}
.mainTi h1.mainTiInn,
.mainTi p.mainTiInn {font-size: var(--font-mainTi);	font-weight: bold;} /* フォントサイズ */

/* ** heading0801 end ** */

/****** 主にログインや会員登録等で使用するシステム見出し ******/

/* ** heading0802 start ** */
/*** 0802: 主にログインや会員登録等で使用するシステム見出し ***/
.systemMainTitle {
	margin: var(--app-systemMainTitle-mg); /* マージン */
	padding: var(--app-systemMainTitle-pd); /* パディング */
	color: var(--app-systemMainTitle-txt); /* テキスト色 */
	text-align: center;
	font-weight: bold;
	font-size: var(--font-systemMainTitle); /* フォントサイズ */
	font-weight: bold;
	background: var(--app-systemMainTitle-bg); /* 背景色 */
	border-top: var(--app-systemMainTitle-brd); /* ボーダー指定 */
	border-bottom: var(--app-systemMainTitle-brd); /* ボーダー指定 */
}
/* ** heading0802 end ** */

/*** 主に入力フォームで使用するサブ見出し ***/

/* ** heading0803 start ** */
/*** 0803: 主に入力フォームで使用するサブ見出し ***/

/* 大見出し */
.systemFotmTitle {
	margin: var(--app-systemFotmTitle-mg); /* マージン */
	padding: var(--app-systemFotmTitle-pd); /* パディング */
	color: var(--app-systemFotmTitle-txt); /* テキスト色 */
	text-align: left;
	font-weight: bold;
	font-size: var(--font-systemFotmTitle); /* フォントサイズ */
	font-weight: bold;
	background: var(--app-systemFotmTitle-bg); /* 背景色 */
	border-radius: var(--app-systemFotmTitle-rod);-webkit-border-radius: var(--app-systemFotmTitle-rod);-moz-border-radius: var(--app-systemFotmTitle-rod); /* 角丸 */
	border-top: var(--app-systemFotmTitle-brd); /* ボーダー指定 */
	border-bottom: var(--app-systemFotmTitle-brd); /* ボーダー指定 */
}
/* 中見出し */
.systemFotmTitleSub {
	margin: var(--app-systemFotmTitleSub-mg); /* マージン */
	padding: var(--app-systemFotmTitleSub-pd); /* パディング */
	color: var(--app-systemFotmTitleSub-txt); /* テキスト色 */
	text-align: left;
	font-weight: bold;
	font-size: var(--font-systemFotmTitleSub); /* フォントサイズ */
	font-weight: bold;
	background: var(--app-systemFotmTitleSub-bg); /* 背景色 */
	border-radius: var(--app-systemFotmTitleSub-rod);-webkit-border-radius: var(--app-systemFotmTitleSub-rod);-moz-border-radius: var(--app-systemFotmTitleSub-rod); /* 角丸 */
	border-top: var(--app-systemFotmTitleSub-brd); /* ボーダー指定 */
	border-bottom: var(--app-systemFotmTitleSub-brd); /* ボーダー指定 */
}
/* ** heading0803 end ** */

/* ** heading0804 start ** */
/*** 0804: 編集ボタン付きタイトル ***/
.editHeading {
	width: 100%;
	margin: var(--app-editHeading-mg); /* マージン */
	padding: var(--app-editHeading-pd); /* パディング */
	display: flex;
	justify-content: flex-start;
	gap: 0 0.2rem;
	background: var(--app-editHeading-bg); /* 背景色 */
	border-radius: var(--app-editHeading-rod);-webkit-border-radius: var(--app-editHeading-rod);-moz-border-radius: var(--app-editHeading-rod); /* 角丸 */
	border: var(--app-editHeading-brd); /* ボーダー指定 */
	align-items: center;
}
.editHeading .FlexItem:first-child {margin-right: auto;}
.editHeading h2.editHeadingTi,
.editHeading h3.editHeadingTi,
.editHeading h4.editHeadingTi {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1.5rem;
	font-size: var(--font-editHeading); /* フォントサイズ */
}
.editHeading .editBt {width: var(--app-editHeading-size);} /* ボタンサイズ */
.editHeading .editBt a:link.slide_btn,
.editHeading .editBt .slide_btn {
	color: var(--slideBtn-txt); /* テキスト色 */
	background: var(--slideBtn-bg); /* 背景色 */
}
/* ** heading0804 end ** */

/****** 09 コンテンツタイトル（装飾タイトル） ******/

/* ** heading0901 start ** */
/*** 0901: サブ見出し付きタイトル（大サイズ） ***/
.heading0901_Sup,
.heading0901_Ti,
.heading0901_SubTi {
	line-height: 1.2;
	text-align: center;
	color: var(--app-heading0901-txt); /* テキスト色 */
	font-weight: bold;
}
.heading0901_Sup span,
.heading0901_Ti span {
	color: var(--app-heading0901-sup-txt); /* テキスト色 */
}
/* メインキャプション */
.heading0901_Sup {
	margin: 0 auto;
	padding: 3.0rem 0 1.0rem 0;
	font-size: clamp(2.0rem, 3.0vw, 4.0rem);
}
/* メインタイトル */
.heading0901_Ti {
	margin: 0 auto;
	padding: 0 0 2.0rem 0;
	font-size: clamp(4.5rem, 10.0vw, 10.0rem);
}
/* サブタイトル */
.heading0901_SubTi {
	margin: 1.5rem auto 5.0rem auto;
	padding: 0;
	font-size: clamp(2.0rem, 3.0vw, 4.0rem);
}
.heading0901_SubTi span {
	font-size: clamp(1.6rem, 2.0vw, 3.0rem);
}
@media screen and (max-width: 600px) {
	.heading0901_Ti {padding: 0 0 0.5rem 0;}
	.heading0901_SubTi {margin: 1.0rem auto 3.0rem auto;}
}
/* ** heading0901 end ** */

/* ** heading0902 start ** */
/*** 0902: サブ見出し付きタイトル（中サイズ） ***/
.heading0902_Sup,
.heading0902_Ti,
.heading0902_SubTi {
	line-height: 1.2;
	text-align: center;
	color: var(--app-heading0902-txt); /* テキスト色 */
	font-weight: bold;
}
.heading0902_Sup span,
.heading0902_Ti span {
	color: var(--app-heading0902-sup-txt); /* テキスト色 */
}
/* メインキャプション */
.heading0902_Sup {
	margin: 0 auto;
	padding: 3.0rem 0 1.0rem 0;
	font-size: clamp(2.0rem, 2.0vw, 3.0rem);
}
/* メインタイトル */
.heading0902_Ti {
	margin: 0 auto;
	padding: 0 0 2.0rem 0;
	font-size: clamp(4.0rem, 4.0vw, 6.0rem);
}
/* サブタイトル */
.heading0902_SubTi {
	margin: 1.5rem auto 5.0rem auto;
	padding: 0;
	font-size: clamp(2.0rem, 3.0vw, 4.0rem);
}
.heading0902_SubTi span {
	font-size: clamp(1.6rem, 2.0vw, 3.0rem);
}
@media screen and (max-width: 600px) {
	.heading0902_Ti {padding: 0 0 0.5rem 0;}
	.heading0902_SubTi {margin: 1.0rem auto 3.0rem auto;}
}
/* ** heading0902 end ** */
@charset "utf-8";
/***************************************************
information
  filename : button_parts.css;
***************************************************/

/*======== button_parts.css ========*/
/************************************ ボタン要素 ************************************/

/* ** buttonBasic start ** */
/****************** 共通設定  ******************/
.BtM {}
.BtM button,
.BtM a,
.BtM span {
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod);
	position: relative;
	text-align: center;
	text-decoration:none;
	display:block;
	font-weight:bold;
}
.BtM button.next::after,
.BtM a.next::after,
.BtM span.next::after {
	position: absolute;
	top: 50%;
	right: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
}
.BtM button.back::after,
.BtM a.back::after,
.BtM span.back::after {
	position: absolute;
	top: 50%;
	left: .2em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	transform: rotate(180deg);
}
.BtM span.next::after,
.BtM span.back::after {filter: alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}

.BtM button:hover,
.BtM a:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
.BtM span {filter: alpha(opacity=35);-moz-opacity:0.35;opacity:0.35;text-decoration:none;}

 /* ポップアップで一つしかボタンを配置しない時の親枠 */
.BtM.popupSglBt {width: var(--popupSglBt-size);margin-left: auto;margin-right: auto;}

/* グラデボタン矢印（デフォルト） */
.BtM button.whBT.next::after,
.BtM a.whBT.next::after,
.BtM span.whBTN.next::after {border-left-color:  var(--bt-w-txt);}
.BtM button.whBT.back::after,
.BtM a.whBT.back::after,
.BtM span.whBTN.back::after {border-right-color: var(--bt-w-txt);}

/****** ボタン共通指定 ******/
span.blBTN,
span.grBTN,
span.orBTN,
span.rdBTN,
span.bkBTN {filter: alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;}

/*** Flex対応 ***/
/* 横並びボタン */
.flexBtM {display: flex;justify-content: space-between;}
.flexBtM p {width: 100%;padding-right: 0.4rem;}
.flexBtM p:last-child {padding-left: 0.4rem;padding-right: 0;}

/****************** カラー指定  ******************/
/* グラデボタン白 */
a.whBT,
button.whBT,
span.whBTN {
	background: var(--bt-w);/* 背景色 */
	border: var(--bt-w-brd);/* ボーダー指定 */
	color: var(--bt-w-txt);/* テキスト色 */
	box-shadow: var(--bt-w-sd);/* 背景影色 */
}
/* グラデボタン青 */
a.blBT,
button.blBT,
span.blBTN {
	background: var(--bt-bl);/* 背景色 */
	border: var(--bt-bl-brd);/* ボーダー指定 */
	color: var(--bt-bl-txt);/* テキスト色 */
	box-shadow: var(--bt-bl-sd);/* 背景影色 */
}
/* グラデボタン緑 */
a.grBT,
button.grBT,
span.grBTN {
	background: var(--bt-gr);/* 背景色 */
	border: var(--bt-gr-brd);/* ボーダー指定 */
	color: var(--bt-gr-txt);/* テキスト色 */
	box-shadow: var(--bt-gr-sd);/* 背景影色 */
}
/* グラデボタン橙 */
a.orBT,
button.orBT,
span.orBTN {
	background: var(--bt-or);/* 背景色 */
	border: var(--bt-or-brd);/* ボーダー指定 */
	color: var(--bt-or-txt);/* テキスト色 */
	box-shadow: var(--bt-or-sd);/* 背景影色 */
}
/* グラデボタン赤 */
a.rdBT,
button.rdBT,
span.rdBTN {
	background: var(--bt-rd);/* 背景色 */
	border: var(--bt-rd-brd);/* ボーダー指定 */
	color: var(--bt-rd-txt);/* テキスト色 */
	box-shadow: var(--bt-rd-sd);/* 背景影色 */
}
/* グラデボタン黒 */
a.bkBT,
button.bkBT,
span.bkBTN {
	background: var(--bt-bk);/* 背景色 */
	border: var(--bt-bk-brd);/* ボーダー指定 */
	color: var(--bt-bk-txt);/* テキスト色 */
	box-shadow: var(--bt-bk-sd);/* 背景影色 */
}
a.whBT:hover,
button.whBT:hover,
a.blBT:hover,
button.blBT:hover,
a.grBT:hover,
button.grBT:hover,
a.orBT:hover,
button.orBT:hover,
a.rdBT:hover,
button.rdBT:hover,
a.bkBT:hover,
button.bkBT:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** buttonBasic end ** */

/* ** button0101 start ** */
/*** 0101: 前後ボタン共通・次へ進むボタン ***/

/* 前後ボタン共通指定 */
.sbmBNBt,
.sbmNxBt,
.sbmCpBt,
.closePuBt,
.canPuBt {
	margin: 1.2rem auto;
	padding: 2.0rem 1.0rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.8vw, 1.6rem);
	box-shadow: none;
}
/* 前に戻るボタン */
.sbmBNBt {
	color: var(--sbmBNBt-txt); /* テキスト色 */
	background: var(--sbmBNBt-bg); /* 背景色 */
	border: var(--sbmBNBt-brd); /* ボーダー指定 */
}
.BtM button.sbmBNBt.next::after,
.BtM a.sbmBNBt.next::after,
.BtM span.sbmBNBt.next::after,
.BtM button.sbmBNBt.back::after,
.BtM a.sbmBNBt.back::after,
.BtM span.sbmBNBt.back::after {border-left-color: var(--sbmBNBt-txt);}

/* 次へ進むボタン */
.sbmNxBt {
	color: var(--sbmNxBt-txt); /* テキスト色 */
	background: var(--sbmNxBt-bg); /* 背景色 */
	border: var(--sbmNxBt-brd); /* ボーダー指定 */
}
.BtM button.sbmNxBt.next::after,
.BtM a.sbmNxBt.next::after,
.BtM span.sbmNxBt.next::after,
.BtM button.sbmNxBt.back::after,
.BtM a.sbmNxBt.back::after,
.BtM span.sbmNxBt.back::after {border-left-color: var(--sbmNxBt-txt);}
/* ** button0101 end ** */

/* ** button0102 start ** */
/* 登録・購入完了ボタン */
.sbmCpBt {
	color: var(--sbmCpBt-txt); /* テキスト色 */
	background: var(--sbmCpBt-bg); /* 背景色 */
	border: var(--sbmCpBt-brd); /* ボーダー指定 */
}
/* ** button0102 end ** */

/* ** button0103 start ** */
/* ウインドウを閉じるボタン */
.closePuBt {
	color: var(--closePuBt-txt); /* テキスト色 */
	background: var(--closePuBt-bg); /* 背景色 */
	border: var(--closePuBt-brd); /* ボーダー指定 */
}
/* ** button0103 end ** */

/* ** button0104 start ** */
/* 削除・キャンセル等ボタン */
.canPuBt {
	color: var(--canPuBt-txt); /* テキスト色 */
	background: var(--canPuBt-bg); /* 背景色 */
	border: var(--canPuBt-brd); /* ボーダー指定 */
}
/* ** button0104 end ** */

/* ** button0105 start ** */
/* 前後ボタン共通ボタン（小サイズ） */
/*** Flex対応 ***/
.flexSBtM {width:100%;display: flex;justify-content: flex-start;}
.flexSBtM p {width: 25%;}
.flexSBtM p:last-child {margin-left: auto;}/*Flex最後だけ右 */
@media screen and (max-width: 600px) {
	:root {
	  .flexSBtM p {width: 45%;}
	}
}
.sbmSBNBt {
	margin: 1.0rem auto;
	padding: 1.0rem;
	width: 100%;
	font-size: 1.4rem;
	color: var(--sbmSBNBt-txt); /* テキスト色 */
	background: var(--sbmSBNBt-bg); /* 背景色 */
	border: var(--sbmSBNBt-brd); /* ボーダー指定 */
	box-shadow: var(--sbmSBNBt-sd); /* 背景影色 */
}
.BtM button.sbmSBNBt.next::after,
.BtM a.sbmSBNBt.next::after,
.BtM span.sbmSBNBt.next::after,
.BtM button.sbmSBNBt.back::after,
.BtM a.sbmSBNBt.back::after,
.BtM span.sbmSBNBt.back::after {border-left-color: var(--sbmSBNBt-txt);}
/* ** button0105 end ** */

/* ** button0106 start ** */
/* ネクストバックボタン */
.NBLink {margin: 0 auto;padding: 0;}
.NBBack {float: left;width: var(--NBLinkBt-pwidth);}
.NBNext {float: right;width: var(--NBLinkBt-pwidth);}
.NBLinkBt {
	margin: 1.2rem auto;
	padding: 2.0rem 1.0rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.8vw, 1.6rem);
	box-shadow: none;
	color: var(--NBLinkBt-txt); /* テキスト色 */
	background: var(--NBLinkBt-bg); /* 背景色 */
	border: var(--NBLinkBt-brd); /* ボーダー指定 */
}
.BtM button.NBLinkBt.next::after,
.BtM a.NBLinkBt.next::after,
.BtM span.NBLinkBt.next::after,
.BtM button.NBLinkBt.back::after,
.BtM a.NBLinkBt.back::after,
.BtM back.NBLinkBt.next::after {border-left-color:  var(--NBLinkBt-txt);}
/* ** button0106 end ** */

/* ** button0107 start ** */
/* 詳細から一覧へ戻るボタン(基本) */
.DetListBkBt {width: var(--ListBkBt-size);margin: 1.5rem auto;}
.ListBkBt {
	margin: 0 auto;
	padding: 2.0rem 1.0rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.8vw, 1.6rem);
	box-shadow: none;
	color: var(--ListBkBt-txt); /* テキスト色 */
	background: var(--ListBkBt-bg); /* 背景色 */
	border: var(--ListBkBt-brd); /* ボーダー指定 */
	box-shadow: var(--ListBkBt-sd); /* 背景影色 */
}
a.ListBkBt:link,
a.ListBkBt:visited,
a.ListBkBt:active {color: var(--ListBkBt-txt);}
.BtM button.ListBkBt.next::after,
.BtM a.ListBkBt.next::after,
.BtM span.ListBkBt.next::after,
.BtM button.ListBkBt.back::after,
.BtM a.ListBkBt.back::after,
.BtM back.ListBkBt.next::after {border-left-color: var(--ListBkBt-txt);}
/* ** button0107 end ** */

/* ** button0201 start ** */
/*** 0201: ファイルアップロード・削除ボタン・参照ボタン ***/
/* ファイルアップロード・削除ボタン */
.fileUpBT a,
.fileDelBT a,
.fileUpBox label {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 1.0rem 1.5rem;
	width: var(--fileUpBT-size);
	font-size: 1.4rem;
	font-weight: bold;
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);
}
.fileUpBT a {
	color: var(--fileUpBT-txt); /* テキスト色 */
	border: var(--fileUpBT-brd); /* ボーダー指定 */
	box-shadow: var(--fileUpBT-sd); /* 背景影色 */
	background: var(--fileUpBT-bg); /* 背景色 */
}
.fileDelBT a {
	color: var(--fileDelBT-txt); /* テキスト色 */
	border: var(--fileDelBT-brd); /* ボーダー指定 */
	box-shadow: var(--fileDelBT-sd); /* 背景影色 */
	background: var(--fileDelBT-bg); /* 背景色 */
}
.fileUpBT a:hover,
.fileDelBT a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}
/* ** button0201 end ** */

/* ** button0202 start ** */
/* ファイル参照ボタン */
.fileUpBox label {
	color: var(--fileUpBT-txt); /* テキスト色 */
	background: var(--fileUpBT-bg); /* 背景色 */
	border: var(--fileUpBT-brd); /* ボーダー指定 */
	box-shadow: var(--fileUpBT-sd); /* 背景影色 */
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);
    cursor: pointer;
}
/* ファイルアップロードの参照ボタン・ファイル選択エリア */
.fileUpBox {
	margin: 0.5rem auto;
	padding: 0.8rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod);
	border: var(--app-BgBox-brd); /* ボーダー指定 */
	background: var(--app-BgBox-bg); /* 背景色 */
}
.fileUpBox dl {
	display: flex;
	margin: 0 auto;
	padding: 1.0rem 0;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--fileUpBox-txt); /* テキスト色 */
	align-items: center;
}
.fileUpBox .InputForm dt {width:25%;padding: 0.5rem;}
.fileUpBox .InputForm dd {width:75%;padding: 0;display: flex;align-items: center;}
.fileUpBox input[type="file"] {display: none;}
.fileUpBox figure img {width: 100%;}
.fileUpBox .fileName {padding: 0 0 0 1.5rem;}

/* ファイルアップロード後表示 */
.FileUpImg {margin: 0 auto;padding: 0px;}
.FileUpImg img {width:200px;border-radius: 2px;} /* 幅指定 */
.FileUpName {
	margin: 0 auto;
	padding: 0.5rem 0 1.5rem 0;
	font-size: 1.4rem;
	text-align: left;
}
.FileUpName a {color: var(--font-fileUpBox);}
.FileUpImg a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}
@media screen and (max-width: 480px) {
	.fileUpBox dl {display: block;}
	.fileUpBox .InputForm dt,
	.fileUpBox .InputForm dd {width:100%;}
}
/* ** button0202 end ** */

/* ** button0301 start ** */
/*** 0301: 住所検索ボタン・検索・検索条件クリア・各種データ呼び出しボタン ***/
.callBox,
.passwordBox,
.zipdBox {display: flex;align-items: center;}

@media screen and (max-width: 480px) {
	.popupSearchBox .zipdBox {display: block;}
	.popupSearchBox .zipdBox .SearchBT {margin: 0.8rem 0;}
}
.SearchBT a,
.SearchBT span {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: 0 0.8rem;
	padding: 0.8em 1.5rem;
	font-size: clamp(1.2rem, 1.0vw, 1.4rem);
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod); /* 角丸 */
	box-shadow: var(--SearchBT-sd); /* 背景影色 */
}
/* 検索ボタン共通（基本） */
.SearchBT a {
	text-decoration: none;
	font-weight: bold;
	background: var(--SearchBT-bg); /* 背景色 */
	color: var(--SearchBT-txt); /* テキスト色 */
	border: var(--SearchBT-brd); /* ボーダー指定 */
}
/* 検索ボタン共通（ボタン押下禁止） */
.SearchBT span {
	text-decoration: none;
	font-weight: bold;
	background: var(--SearchBTNo-bg); /* 背景色 */
	color: var(--SearchBTNo-txt); /* テキスト色 */
	border: var(--SearchBTNo-brd); /* ボーダー指定 */
}
/* 検索ボタン共通（検索クリア） */
.SearchBT a.clear_btn {
	color: var(--clearBtn-txt); /* テキスト色 */
	background: var(--clearBtn-bg); /* 背景色 */
	border: var(--clearBtn-brd); /* ボーダー指定 */
}
.SearchBT a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}
/* ** button0301 end ** */

/* ** button0401 start ** */
/*** 0401: ページトップボタン ***/
.pagetop {display: none;position: fixed;bottom: 30px;right: 10px;}
.spFootNavi .pagetop {display: none;position: fixed;bottom: 110px;right: 10px;}
.pagetop a {
	display: block;
	padding: 2.0rem 1.0rem;
	text-align: center;
	text-decoration: none;
	border-radius: var(--pagetop-rod);-webkit-border-radius: var(--pagetop-rod);-moz-border-radius: var(--pagetop-rod); /* 角丸 */
	z-index: 9990;
	color: var(--app-pagetop-txt); /* テキスト色 */
	background-color: var(--app-pagetop-cr); /* 背景色 */
}
.pagetop a {font-size: 1.2rem;font-weight: bold;}
.pagetop a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* デザインタイプ01 */
.pagetop_dezpt01 .pagetop {bottom: 0;right: 0;text-indent: -9999px;}
.pagetop_dezpt01 .spFootNavi .pagetop {bottom: 0;right: 0;text-indent: -9999px;}
.pagetop_dezpt01 .pagetop a {
	position: relative;
	width: 65px;
	height: 65px;
	transition: opacity .6s ease;
	border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0; /* 角丸 */
}
.pagetop_dezpt01 .pagetop a::before {
	position: absolute;
	top: 7px;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	margin: auto;
	content: '';
	transform: rotate(-45deg);
	border-top: 1px solid var(--app-pagetop-txt);
	border-right: 1px solid var(--app-pagetop-txt);
}
@media screen and (max-width:767px) {
	.pagetop_dezpt01 .pagetop a {width: 45px;height: 45px;}
	.pagetop_dezpt01 .pagetop a::before {top: 5px;width: 10px;height: 10px;}
}
/* デザインタイプ02 */
.pagetop_dezpt02 .pagetop {bottom: 10px;right: 10px;text-indent: -9999px;}
.pagetop_dezpt02 .spFootNavi .pagetop {bottom: 0;right: 0;text-indent: -9999px;}
.pagetop_dezpt02 .pagetop a {
	position: relative;
	width: 65px;
	height: 65px;
	transition: opacity .6s ease;
	border-radius: 100%;
}
.pagetop_dezpt02 .pagetop a::before {
	position: absolute;
	top: 7px;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	margin: auto;
	content: '';
	transform: rotate(-45deg);
	border-top: 2px solid var(--app-pagetop-txt);
	border-right: 2px solid var(--app-pagetop-txt);
}
@media screen and (max-width:767px) {
	.pagetop_dezpt02 .pagetop a {width: 45px;height: 45px;}
	.pagetop_dezpt02 .pagetop a::before {top: 5px;width: 10px;height: 10px;}
}
/* ** button0401 end ** */

/* ** button0501 start ** */
/*** 0501: コメントに関するボタン ***/
/* 登録ボタン共通 */
.commentRegBt,
.commentMemBt {
	margin: 0;
	padding: 1.0rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
}
.commentEditBt,
.commentDelBt,
.commentResBt,
.commentRepBt {
	margin: 0;
	padding: 0.8rem 0.2rem;
	width: 100%;
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
}
@media screen and (max-width: 600px) {
	.commentEditBt,.commentDelBt,.commentResBt,.commentRepBt {padding: 1.2rem 0.2rem;}
}
/* コメント登録ボタン */
.commentRegBt {
	color: var(--commentRegBt-txt); /* テキスト色 */
	background: var(--commentRegBt-bg); /* 背景色 */
	border: var(--commentRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentRegBt-sd); /* 背景影色 */
}
/* ** button0501 end ** */

/* ** button0502 start ** */
/* コメント時会員登録促進ボタン */
.commentMemBt {
	color: var(--commentMemBt-txt); /* テキスト色 */
	background: var(--commentMemBt-bg); /* 背景色 */
	border: var(--commentMemBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentMemBt-sd); /* 背景影色 */
}
/* ** button0502 end ** */

/* ** button0503 start ** */
/* コメント編集ボタン */
.commentEditBt {
	color: var(--commentEditBt-txt); /* テキスト色 */
	background: var(--commentEditBt-bg); /* 背景色 */
	border: var(--commentEditBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentEditBt-sd); /* 背景影色 */
}
/* ** button0503 end ** */

/* ** button0504 start ** */
/* コメント削除ボタン */
.commentDelBt {
	color: var(--commentDelBt-txt); /* テキスト色 */
	background: var(--commentDelBt-bg); /* 背景色 */
	border: var(--commentDelBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentDelBt-sd); /* 背景影色 */
}
/* ** button0504 end ** */

/* ** button0505 start ** */
/* コメント返信ボタン */
.commentResBt {
	color: var(--commentResBt-txt); /* テキスト色 */
	background: var(--commentResBt-bg); /* 背景色 */
	border: var(--commentResBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentResBt-sd); /* 背景影色 */
}
/* ** button0505 end ** */

/* ** button0506 start ** */
/* コメント通報ボタン */
.commentRepBt {
	color: var(--commentRepBt-txt); /* テキスト色 */
	background: var(--commentRepBt-bg); /* 背景色 */
	border: var(--commentRepBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentRepBt-sd); /* 背景影色 */
}
/* ** button0506 end ** */

/* ** button0601 start ** */
/*** 0601: 地図や詳細画面等へ外部リンクへ遷移する為のリンクボタン ***/
a.LinkShtBt {
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);
	margin: 0 2.0rem;
	padding: 0.2rem 1.0rem;
	width: 100%; /* ボタンサイズ */
	font-size: var(--font-LinkShtBt);/* フォントサイズ */
	color: var(--LinkShtBt-txt); /* テキスト色 */
	background: var(--LinkShtBt-bg); /* 背景色 */
	border: var(--LinkShtBt-brd); /* ボーダー指定 */
	box-shadow: var(--LinkShtBt-sd); /* 背景影色 */
}
a.LinkShtBt:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
/* ** button0601 end ** */

/* ** button0602 start ** */
/*** 0602: コンテンツ詳細等への遷移ボタン ***/

/* 大きいサイズボタン */
.conDetBtW {
	margin: 2.0rem auto;
	padding: 1.2rem;
	width: 80%;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	color: var(--conDetBt-txt); /* テキスト色 */
	background: var(--conDetBt-bg); /* 背景色 */
	border: var(--conDetBt-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBt-sd); /* 背景影色 */
}
a.conDetBtW:link,
a.conDetBtW:visited,
a.conDetBtW:active {color: var(--conDetBt-txt);}

.BtM button.conDetBtW.next::after,
.BtM a.conDetBtW.next::after,
.BtM span.conDetBtW.next::after,
.BtM button.conDetBtW.back::after,
.BtM a.conDetBtW.back::after,
.BtM back.conDetBtW.next::after {border-left-color:  var(--conDetBt-txt);}

/* 中サイズボタン */
.conDetBtM {
	margin: 2.0rem auto;
	padding: 1.2rem;
	width: 60%;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	color: var(--conDetBt-txt); /* テキスト色 */
	background: var(--conDetBt-bg); /* 背景色 */
	border: var(--conDetBt-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBt-sd); /* 背景影色 */
}
a.conDetBtM:link,
a.conDetBtM:visited,
a.conDetBtM:active {color: var(--conDetBt-txt);}

.BtM button.conDetBtM.next::after,
.BtM a.conDetBtM.next::after,
.BtM span.conDetBtM.next::after,
.BtM button.conDetBtM.back::after,
.BtM a.conDetBtM.back::after,
.BtM back.conDetBtM.next::after {border-left-color:  var(--conDetBt-txt);}

/* 小サイズボタン */
.conDetBtS {
	margin: 2.0rem auto;
	padding: 1.2rem;
	width: var(--conDetBtS-size); /* ボタンサイズ */
	font-size: clamp(1.6rem, 1.6vw, 1.4rem);
	color: var(--conDetBt-txt); /* テキスト色 */
	background: var(--conDetBt-bg); /* 背景色 */
	border: var(--conDetBt-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBt-sd); /* 背景影色 */
}
a.conDetBtS:link,
a.conDetBtS:visited,
a.conDetBtS:active {color: var(--conDetBt-txt);}

.BtM button.conDetBtS.next::after,
.BtM a.conDetBtS.next::after,
.BtM span.conDetBtS.next::after,
.BtM button.conDetBtS.back::after,
.BtM a.conDetBtS.back::after,
.BtM back.conDetBtS.next::after {border-left-color:  var(--conDetBt-txt);}

@media screen and (max-width: 600px) {
	.conDetBtW,
	.conDetBtM,
	.conDetBtS {width: 100%;}
}
/* ** button0602 end ** */

/* ** button0701 start ** */
/*** 0701: オープンクローズボタン ***/

/* オープンクローズエリア(主に検索・検索結果の開閉) */
.searchOpCl {
	margin: 1.0em auto 0 auto;
	padding: 0.8rem 1.0rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	color: var(--searchOpCl-txt); /* テキスト色 */
	background: var(--searchOpCl-bg); /* 背景色 */
	border: var(--searchOpCl-brd); /* ボーダー指定 */
	box-shadow: var(--searchOpCl-sd); /* 背景影色 */
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
}
.searchOpCl .OpClTi {width: 100%;}
.searchOpCl .OpClBt {width: 10%;}

@media screen and (max-width: 600px) {
	.searchOpCl .OpClBt {width: 20%;}
}
/* オープンクローズボタンボタン */
.searchOpCl .slide_btn {
	margin: 0;
	padding: 0.8rem 1.0rem;
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod); /* 角丸 */
	width: 100%;
	font-size: clamp(1.0rem, 1.0vw, 1.2rem);
	color: var(--slideBtn-txt); /* テキスト色 */
	background: var(--slideBtn-bg); /* 背景色 */
	border: var(--slideBtn-brd); /* ボーダー指定 */
	box-shadow: var(--slideBtn-sd); /* 背景影色 */
}
/* ** button0701 end ** */

/* ** button0702 start ** */
/* オープンクローズエリア(主にラジオ・チェックボックスの開閉) */
.htibrd {
	width: 100%;
	margin: 0.5rem auto;
	padding: 0.3em 0.3em 0.8em 0.5em;
	color: var(--htibrd-txt); /* テキスト色 */
	background: var(--htibrd-bg); /* 背景色 */
	border-bottom: var(--htibrd-brd); /* ボーダー指定 */
}
.htibrd .htibrdTi {font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

/* オープンクローズボタンボタン(タイトル横) */
.htibrd a:link.slide_btn,
.htibrd .slide_btn {
	margin: 0;
	padding: 0.8rem 1.0rem;
	border-radius: var(--htibrd-slideBtn-rod);-webkit-border-radius: var(--htibrd-slideBtn-rod);-moz-border-radius: var(--htibrd-slideBtn-rod); /* 角丸 */
	font-size: 1.0rem;
	color: var(--htibrd-slideBtn-txt); /* テキスト色 */
	background: var(--htibrd-slideBtn-bg); /* 背景色 */
	border: var(--htibrd-slideBtn-brd); /* ボーダー指定 */
	box-shadow: var(--htibrd-slideBtn-sd); /* 背景影色 */
}
.htibrd a:link.slide_btn:hover,
.htibrd .slide_btn:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}
/* ** button0702 end ** */

/* ** button0703 start ** */
/****** アコーディオンメニュー ******/
/* ツリー要素 */
.TreeBox {width: 100%;margin: 1.0rem 0;}
.TreeBox a {text-decoration:none;}
.TreeBox a.crt {font-weight:bold;}
.TreeBox ul {}
.TreeBox ul.innerLine {}
.TreeBox li {padding: 1.0rem 0 0 0;list-style:none;}
.TreeBox li.TreeLinkNo {}
.TreeBox li.TreeCh {padding-top: 0.5rem;}
.TreeBox li.TreeCh label {padding-left: 3.0rem;}
.TreeBox li.TreeFir {}
.TreeBox li.TreePd {padding-left: 2.5rem;}
.TreeBox li.TreePdEnd {padding-left: 2.5rem;}
.TreeBox .TreeLine {}
.TreeBox .TreePdt {padding-top: 0.5rem;}
.TreeBox img.TreeSp {width: 0.2rem;height:26px;}
.TreeBox .TreeTiBoxFir,
.TreeBox .child {
	border-radius: var(--app-TreeBox-rod);-webkit-border-radius: var(--app-TreeBox-rod);-moz-border-radius: var(--app-TreeBox-rod); /* 角丸 */
	border: var(--app-TreeBox-brd);
}
.TreeBox .TreeTiBoxFir {padding: 1.0rem;}
.TreeBox .child {display: none;margin: 1.0rem 0;padding: 1.0rem 0;}

/* オープンクローズボタンボタン(ツリー) */
.TreeBox a.menu {
	float: right;
	display: block;
	position: relative;
}
.TreeBox a.menu:hover {}
.TreeBox .menu:after {
	position: absolute;
	top: 0.8rem;
	right: 1.0rem;
	margin-top: -0.8rem;
	content: '▼';
	font-size: 1.2rem;
	font-weight: bold;
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
	padding: 0.2rem 1.0rem;
	border-radius: var(--htibrd-slideBtn-rod);-webkit-border-radius: var(--htibrd-slideBtn-rod);-moz-border-radius: var(--htibrd-slideBtn-rod); /* 角丸 */
	cursor: pointer;
	color: var(--htibrd-slideBtn-txt); /* テキスト色 */
	background: var(--htibrd-slideBtn-bg); /* 背景色 */
}
.TreeBox .menu.active:after {
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
@media screen and (max-width: 600px) {
	.htibrd .LayoutL {float: left;}
	.htibrd .LayoutR {float: right;}
}
/* ** button0703 end ** */

/* ** button0801 start ** */
/*** 0801: タブメニュー ***/
.tab-munu {display: flex;flex-wrap: wrap;max-width: 100%;gap: 0 0.1rem;align-items: center;}
.tab-munu > label {
	flex: 1 1;
	order: -1;
	min-width: 70px;
	margin: 1.0rem auto;
	padding: 1.0rem 0.5rem 1.0rem;
	font-size:clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.tab-munu > label:hover {opacity: .8;}
.tab-munu input {display: none;}
.tab-munu > div {display: none;width: 100%;}
.tab-munu label:has(:checked) {opacity: 1;}
.tab-munu label:has(:checked) + div {display: block;}
.tab-munu-inn {}

/* デザインパターン(ボタン形式) */
.tab_dezpt01 .tab-munu > label {
	border-radius: var(--tab-munu-tp01-rod); /* 角丸 */
	background-color: var(--tab-munu-tp01-bg);
	color: var(--tab-munu-tp01-txt);
}
.tab_dezpt01 .tab-munu label:has(:checked) {
	background-color: var(--tab-munu-tp01-crt-bg);
	color: var(--tab-munu-tp01-crt-txt);
}
.tab_dezpt01 .tab-munu > div {padding: 1.0rem 1.0rem 1.0rem;}
.tab_dezpt01 .tab-munu-inn {}

/* デザインパターン(枠線形式) */
.tab_dezpt02 .tab-munu > label {
	border-radius: var(--tab-munu-tp02-rod); /* 角丸 */
	border-color: var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd);
	border-style: solid;
	border-width: 1px 1px 1px;
	background-color: var(--tab-munu-tp02-bg);
	color: var(--tab-munu-tp02-txt);
}
.tab_dezpt02 .tab-munu label:has(:checked) {
	border-color: var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd) var(--tab-munu-tp02-bg);
	border-style: solid;
	border-width: 1px 1px 1px;
	background-color: var(--tab-munu-tp02-bg);
	color: var(--tab-munu-tp02-txt);
}
.tab_dezpt02 .tab-munu > div {padding: 2.0rem 3.0rem 2.0rem;background-color: var(--tab-munu-tp02-bg);}
.tab_dezpt02 .tab-munu-inn {
	border-radius: var(--tab-munu-inn-tp02-rod); /* 角丸 */
	border-color: var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd) var(--tab-munu-tp02-brd);
	border-style: solid;
	border-width: 0 1px 1px;
	background-color: var(--tab-munu-tp02-bg);
}
@media screen and (max-width: 600px) {
	.tab-guide > label {font-size: 1.6rem;}
	.tab-guide > div {padding: 1.0rem 0.5rem;}
}
/* ** button0801 end ** */

/* ** button0802 start ** */
/*** 0802: ラジオボタンタブボタン ***/
.selectBt {
	margin: 2.0rem auto;
	padding: 0;
}
.selectBt ul {display: flex;}
.selectBt li {width: 100%;margin: 0;padding: 0;list-style: none;}
label.tab_item {
	display: block;
	margin: 0 0.2rem;
	padding: 1.5rem 0.5rem;
	text-align: center;
	cursor: pointer;
	color: var(--app-selectBt-a-txt); /* テキスト色（aタグ） */
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight:bold;
	background: var(--app-selectBt-a-cr); /* 背景色（aタグ） */
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);/* 角丸 */
	border: var(--app-selectBt-brd);/* ボーダー指定 */
}
label.tab_item:hover,
.selectBt input[type="radio"]:checked + label.tab_item {
	color: var(--app-selectBt-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-selectBt-ah-cr); /* 背景色（aタグフォーカス） */
}
.selectBt input[type="radio"] {display: none;}
/* ** button0802 end ** */

/* ** button0803 start ** */
/*** 0803: 階層対応タブ風ボタン ***/

.DetSubBtArea {margin: 1.0rem auto;}
.DetSubBtArea ul {display: flex;justify-content: flex-end;list-style: none;gap: 0 0.4rem;}
.DetSubBtArea li {width: 100%;margin: 0;text-align: center;}
.DetSubBtArea a,
.DetSubBtArea span {
	width: 100%;
	text-align: center;
	display: block;
	padding: 1.0rem 0.5rem;
	color: var(--app-DetSubBt2-txt);
	background: var(--app-DetSubBt2-cr);
	border-radius: var(--app-DetSubBt-rod);-webkit-border-radius: var(--app-DetSubBt-rod);-moz-border-radius: var(--app-DetSubBt-rod);
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
}
@media screen and (max-width: 375px) {
	.DetSubBtArea a,
	.DetSubBtArea span {font-size: 1.3rem;}
}
.DetSubBtArea a.crt {background: var(--app-DetSubBt2-cr-crt);}
.DetSubBtArea a:hover {opacity: 0.6; filter: alpha(opacity = 60);text-decoration: none;}
.DetSubBtArea span {opacity: 0.3; filter: alpha(opacity = 30);}

/* サブボタン（第2階層） */
.DetSubBtAreaSec {margin: 2.0rem auto 1.0rem auto;}
.DetSubBtAreaSec ul {
	display: flex;
	justify-content: flex-end;
	list-style: none;
}
.DetSubBtAreaSec li {
	width: 100%;
	margin: 0 0.2rem;
	text-align: center;
}
.DetSubBtAreaSec a,
.DetSubBtAreaSec span {
	width: 100%;
	text-align: center;
	display: block;
	padding: 1.0rem 0.5rem;
	color: var(--app-DetSubBt3-txt);
	background: var(--app-DetSubBt3-cr);
	border-radius: 0.5rem;-webkit-border-radius: 0.5rem;-moz-border-radius: 0.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
}
.DetSubBtAreaSec a.crt {background: var(--app-DetSubBt3-cr-crt);}
.DetSubBtAreaSec a:hover {opacity: 0.6; filter: alpha(opacity = 60);text-decoration: none;}
.DetSubBtAreaSec span {opacity: 0.3; filter: alpha(opacity = 30);}

/* ** button0803 end ** */

/* ** button0901 start ** */
/*** 0901: ラジオボタン選択トグルボタン ***/
/* 基本設定 */
.radio-toggle {display: flex;}
.radio-toggle label {width: 100%;position: relative;margin: 0.5rem 0.2rem;}
.radio-toggle [type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0.5rem;
	outline: none;
	cursor: pointer;
}
.radio-toggle.wOnly {
	width: 100px;
	margin-left: auto;
	margin-right: auto;
}
/* appearance: none; for IE11 */
_:-ms-lang(x)::-ms-backdrop, .radio-toggle [type=radio] {visibility: hidden;}
.radio-toggle .toggle-button {z-index: 1;}
.radio-toggle :disabled + .toggle-button {cursor: not-allowed;opacity: .6;}
.toggle-button {
	display: block;
	padding: 0.7rem 2.0rem;
	border-radius: var(--app-toggle-rod);-webkit-border-radius: var(--app-toggle-rod);-moz-border-radius: var(--app-toggle-rod); /* 角丸 */
	text-align: center;
	font-weight: bold;
}
.toggle-button.wFixed {
	width: 100%;
}
.toggle-button:hover {opacity: .8;}
.toggle-button:disabled,
.radio-toggle span.unapproved_noset {cursor: not-allowed;opacity: .6;color: var(--app-toggle-txt);} /* テキスト色 */

/* ボタン装飾設定 */
.toggle-button {
	color: #fff;
	background-color: var(--app-toggle-btdef-bg); /* 背景色（デフォルト） */
}
.toggle-button {font-size: clamp(1.4rem, 1.4vw, 1.6rem);}
.radio-toggle :checked + .toggle-button.unapproved {background-color: var(--app-toggle-btunap-bg);}/* 背景色（未承認・済み） */
.radio-toggle :checked + .toggle-button.approved {background-color: var(--app-toggle-btappr-bg);}/* 背景色（承認） */

/* ** button0901 end ** */

/* ** button0902 start ** */
/*** 0902: チェックボックスボタン ***/
/*** チェックボックス選択型 ***/
.checkboxBgBt input[type=checkbox] {display: none;}

/* CHECK OFF */
.checkboxBgBt input[type="checkbox"] + span {
	font-weight:bold;
	color: var(--app-checkboxBgBt-no-txt); /* テキスト色 */
	background: var(--app-checkboxBgBt-no-cr); /* 背景色 */
}
/* CHECK ON */
.checkboxBgBt input[type="checkbox"]:checked + span {
	font-weight:bold;
	color: var(--app-checkboxBgBt-on-txt); /* テキスト色 */
	background: var(--app-checkboxBgBt-on-cr); /* 背景色 */
}
/* CHECK NO */
.checkboxBgBt input[type="checkbox"]:disabled + span {
	font-weight:bold;
	cursor:not-allowed;
	color: var(--app-checkboxBgBt-dis-txt); /* テキスト色 */
	background: var(--app-checkboxBgBt-dis-cr); /* 背景色 */
}
.checkboxBgBt input[type="checkbox"]:checked:disabled + span {
	font-weight:bold;
	cursor:not-allowed;
	color: var(--app-checkboxBgBt-dis-txt); /* テキスト色 */
	background: var(--app-checkboxBgBt-dis-cr); /* 背景色 */
}
/* lableのスタイル */
.checkboxBgBt .Bglabel {
	font-weight:bold;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	display: block;
	height: var(--app-checkboxBgBt-size); /* ボタンサイズ */
	line-height: var(--app-checkboxBgBt-size); /* ボタンサイズ */
	cursor: pointer;
	background-repeat: no-repeat;
	border-radius: var(--app-checkboxBgBt-rod);-webkit-border-radius: var(--app-checkboxBgBt-rod);-moz-border-radius: var(--app-checkboxBgBt-rod);/* 角丸 */
	text-align: center;
}
/* チェックボックス全てをチェック */
.checkboxAllArea {
	display: flex;
	justify-content: flex-end;
}
.checkboxAll {
	font-weight:bold;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
}
/* ** button0902 end ** */

/* ** button0903 start ** */
/*** 0903: ラジオ切り替えボタン ***/
.checkRadio {
	width: 100%;
	margin: 0 auto;
	padding: 0.5rem 0;
	display: flex;
}
/* ボタン制御 */
.checkRadio input {display: none;}
.checkRadio label{
	display: block;
	cursor: pointer;
	width: 100px;
	margin: 0;
	padding: 1.0rem 1.5rem;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-right: var(--app-checkRadiolabel-brd); /* ボーダー指定 */
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	font-weight: bold;
}
.checkRadio label{
	color: var(--app-checkRadiolabel-txt); /* テキスト色（通常） */
	background: var(--app-checkRadiolabel-cr); /* 背景色（通常） */
}
.checkRadio label:first-of-type{
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);/* 角丸 */
}
.checkRadio label:last-of-type{
	border-radius: var(--BtM-sub-rod);-webkit-border-radius: var(--BtM-sub-rod);-moz-border-radius: var(--BtM-sub-rod);/* 角丸 */
	border-right: none; /* ボーダー指定 */
}
.checkRadio input[type="radio"]:checked + .switch-no {
	color: var(--app-checkRadiolabel-no-txt); /* テキスト色（NO） */
	background: var(--app-checkRadiolabel-no-cr); /* 背景色（NO） */
}
.checkRadio input[type="radio"]:checked + .switch-on {
	color: var(--app-checkRadiolabel-on-txt); /* テキスト色（ON） */
	background: var(--app-checkRadiolabel-on-cr); /* 背景色（ON） */
}
.checkRadio input[type="radio"]:checked + .switch-off {
	color: var(--app-checkRadiolabel-off-txt); /* テキスト色（NO） */
	background: var(--app-checkRadiolabel-off-cr); /* 背景色（NO） */
}
.checkRadio input[type="radio"]:checked + .switch-neit {
	color: var(--app-checkRadiolabel-neit-txt); /* テキスト色（どちらでもない） */
	background: var(--app-checkRadiolabel-neit-cr); /* 背景色（どちらでもない） */
}
/* ** button0903 end ** */

/* ** button1001 start ** */
/*** 1001: システム利用各種編集ボタン ***/
/* 編集ボタン基本 */
.editBt a,
.editBt button,
.editBt span {
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod);
	display:block;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0.8rem 0.8rem;
	width: 100%;
	font-size: clamp(1.2rem, 1.0vw, 1.4rem);
}
.editBt a.crt,
.editBt a:hover {text-decoration: none;}
.editBt a,
.editBt button,
.editBt span {
	background: var(--editBt-bg); /* 背景色 */
	border: var(--editBt-brd);/* ボーダー指定 */
	color: var(--editBt-txt);/* テキスト色 */
	box-shadow: var(--editBt-sd);/* 背景影色 */
}
.editBt a:hover,
.editBt button:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
.editBt span {filter: alpha(opacity=35);-moz-opacity:0.35;opacity:0.35;text-decoration:none;}

/* ** button1001 end ** */

/* ** button1002 start ** */
/*** 1002: 検索抽出・遷移ボタン（小） ***/
.extractBtArea {margin: 1.5rem auto;display: flex;justify-content: flex-end;gap: 0 0.4rem;}/* 抽出・遷移ボタンエリア */
.extractBtArea ul {display: flex;justify-content: flex-end;list-style: none;gap: 0.4rem 0.4rem;flex-wrap: wrap;}/* 抽出・遷移ボタン設定 */
.extractBtArea li {margin: 0;text-align: center;}
.extractBtArea li {width: 100px;} /* 基本横幅サイズ */
.extractBtArea .extsizeM li {width: 150px;} /* 横幅Mサイズ */
.extractBtArea .extsizeW li {width: 300px;} /* 横幅ワイドサイズ */
.extractBtArea a,
.extractBtArea span {
	width: 100%;
	text-align: center;
	display: block;
	padding: 0.8rem 0.5rem;
	color: var(--app-extractBtArea-txt); /* テキスト色 */
	background: var(--app-extractBtArea-cr); /* 背景色 */
	border-radius: var(--app-extractBtArea-rod);-webkit-border-radius: var(--app-extractBtArea-rod);-moz-border-radius: var(--app-extractBtArea-rod); /* 角丸 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
.extractBtArea span {opacity: 0.3;}

.extractBtArea a.crt {background: var(--app-extractBtArea-cr-crt);} /* カレント背景色 */
.extractBtArea a:hover {opacity: 0.6; filter: alpha(opacity = 60);text-decoration: none;}
.extractBtArea .includeEnd a {color: var(--app-extractBtArea-txt);background: var(--app-includeEnd-cr-crt);}/* 抽出ボタン条件カレント */
.extractBtArea ul.scrollBar {}

@media screen and (max-width: 600px) {
	.extractBtArea {display: block;padding: 0.2rem 1.0rem;}
	.extractBtArea ul {padding: 0.2rem 0;}
	.extractBtArea li,
	.extractBtArea li.extsizeM,
	.extractBtArea li.extsizeW {width: auto;}
	.extractBtArea a {padding: 0.5rem 1.0rem;}
	.extractBtArea ul.scrollBar {padding: 0 0 1.0rem 0;justify-content: start;flex-wrap: nowrap;}
}
/* ** button1002 end ** */

/* ** button1101 start ** */
/*** 1101: 新規登録・戻る・編集誘導ボタン ***/

/* Type01 ～画面中央に配置するパターン～ */
/* 共通設定 */
.btdezpt01 .inductionBtArea {
	width: auto;
	margin: 2.0rem auto;
	text-align: center;
}
.btdezpt01 .inductionBtArea .BtM button,
.btdezpt01 .inductionBtArea .BtM a,
.btdezpt01 .inductionBtArea .BtM span {border-radius: 10.5rem;}
.btdezpt01 .inductionBtInn {width: 400px;margin: 0 auto;}

@media screen and (max-width: 600px) {
	.btdezpt01 .inductionBtInn {width: 90%;}
}
/* 新規登録・戻る・編集誘導ボタン */
.btdezpt01 .NewOrdBt,
.btdezpt01 .BackListBt,
.btdezpt01 .EditDetBt {
	margin: 1.0rem auto;
	padding: 1.2rem 0;
	width: 100%;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	color: #000;
	box-shadow: inhelit;
}
.btdezpt01 .NewOrdBt {background: #e0e930;border: 2px solid #ced727;}/* 新規登録誘導ボタン */
.btdezpt01 .BackListBt {background: #89c3e1;border: 2px solid #174c69;}/* 一覧に戻る誘導ボタン */
.btdezpt01 .EditDetBt {background: #f6efda;border: 2px solid #a2852c;}/* 各種編集誘導ボタン */

/* 編集状態可変ボタン */
.btdezpt01 .EditOnBt,
.btdezpt01 .EditOffBt {
	margin: 1.0rem auto;
	padding: 1.2rem 0;
	width: 100%;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	color: #000;
	box-shadow: inhelit;
}
.btdezpt01 .EditOnBt {background: #e5e9cb;border: 1px solid #bcc38f;}/* 各種処理をオンにするボタン */
.btdezpt01 .EditOffBt {background: #a5c7d2;border: 1px solid #6c9eae;}/* 各種処理をオフにするボタン */

/* 小さいサイズで単独で処理設定する為のボタン */
.btdezpt01 .BtM .NewOrdAllBt {
	width: 80%;
	margin: 0.5rem auto;
	padding: 0.6rem 0;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: normal;
	color: #000;
	box-shadow: inhelit;
}
.btdezpt01 .NewOrdAllBt {background: #fff;border: 1px solid #b1b1b1;}/* 一括処理等のボタン */

@media screen and (max-width: 600px) {
	.btdezpt01 .BtM .NewOrdAllBt {width: 90%;}
}
/* Type02 ～一列で横に配置するパターン～ */
/* 共通設定 */
.btdezpt02 .inductionBtArea {
	width: auto;
	margin: 0 auto;
}
.btdezpt02 .inductionBtArea .BtM button,
.btdezpt02 .inductionBtArea .BtM a,
.btdezpt02 .inductionBtArea .BtM span {border-radius: 0.3rem;}
.btdezpt02 .inductionBtInn {
	width: 100%;
	margin: 0 auto;
	display: flex;
}

/* ** button1101 end ** */
@charset "utf-8";
/***************************************************
information
  filename : alert_parts.css;
***************************************************/

/*======== app_sysart_dez.css ========*/
/****************** アラート系共通（注意書きボックス） ******************/

/* ** alert_basic start ** */
/*** 共通設定 ***/

/*** 注意文のマージン設定 ***/
.CautMg {margin: var(--CautBox-mg);} /* マージン */

/* ** alert_basic end ** */

/*** 全体共通注意書きエリア ***/

/* ** alert0101 start ** */
/*** 0101: 背景黄色注意書き部分 ***/
.Art {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--Art-txt); /* テキスト色 */
	background: var(--Art-bg); /* 背景色 */
	border: var(--Art-brd); /* ボーダー指定 */
	box-shadow: var(--Art-bbg);-webkit-box-shadow: var(--Art-bbg); /* 背景影色 */
}
/* ** alert0101 end ** */

/* ** alert0102 start ** */
/*** 0102: 背景あり注意書き部分（基本グレー） ***/
.CautTxt {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxt-txt); /* テキスト色 */
	background: var(--CautTxt-bg); /* 背景色 */
	border: var(--CautTxt-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxt-bbg);-webkit-box-shadow: var(--CautTxt-bbg); /* 背景影色 */
}
/* ** alert0102 end ** */

/* ** alert0103 start ** */
/*** 0103: 背景あり注意書き部分（基本白） ***/
.CautTxtW {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxtW-txt); /* テキスト色 */
	background: var(--CautTxtW-bg); /* 背景色 */
	border: var(--CautTxtW-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtW-bbg);-webkit-box-shadow: var(--CautTxtW-bbg); /* 背景影色 */
}
/* ** alert0103 end ** */

/* ** alert0104 start ** */
/*** 0104: 背景あり注意書き部分（基本赤） ***/
.CautTxtR {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxtR-txt); /* テキスト色 */
	background: var(--CautTxtR-bg); /* 背景色 */
	border: var(--CautTxtR-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtR-bbg);-webkit-box-shadow: var(--CautTxtR-bbg); /* 背景影色 */
}
/* ** alert0104 end ** */

/* ** alert0105 start ** */
/*** 0105: 背景あり注意書き部分（基本青） ***/
.CautTxtB {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxtB-txt); /* テキスト色 */
	background: var(--CautTxtB-bg); /* 背景色 */
	border: var(--CautTxtB-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtB-bbg);-webkit-box-shadow: var(--CautTxtB-bbg); /* 背景影色 */
}
/* ** alert0105 end ** */

/* ** alert0106 start ** */
/*** 0106: 背景あり注意書き部分（基本緑） ***/
.CautTxtG {
	padding: var(--CautBox-pd); /* パディング */
	font-size: var(--font-CautBox); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautBox-rod);-webkit-border-radius: var(--CautBox-rod);-moz-border-radius: var(--CautBox-rod); /* 角丸 */
	color: var(--CautTxtG-txt); /* テキスト色 */
	background: var(--CautTxtG-bg); /* 背景色 */
	border: var(--CautTxtG-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtG-bbg);-webkit-box-shadow: var(--CautTxtG-bbg); /* 背景影色 */
}
/* ** alert0106 end ** */

/*** フォーム内個別注意書きエリア ***/

/* ** alert0201 start ** */
/*** 0201: 入力フォーム注意書き部分 ***/
p.CautTxtS {
	padding: var(--CautFM-pd); /* パディング */
	font-size: var(--font-CautFM); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautFM-rod);-webkit-border-radius: var(--CautFM-rod);-moz-border-radius: var(--CautFM-rod); /* 角丸 */
	color: var(--CautTxtS-txt); /* テキスト色 */
	background: var(--CautTxtS-bg); /* 背景色 */
	border: var(--CautTxtS-brd); /* ボーダー指定 */
	box-shadow: var(--CautTxtS-bbg);-webkit-box-shadow: var(--CautTxtS-bbg); /* 背景影色 */
}
/* ** alert0201 end ** */

/* ** alert0202 start ** */
/*** 0202: 入力フォーム個別エラー ***/
.err,
.errBox {
	margin: 5px 0;
	padding: var(--CautFM-pd); /* パディング */
	font-size: var(--font-CautFM); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautFM-rod);-webkit-border-radius: var(--CautFM-rod);-moz-border-radius: var(--CautFM-rod); /* 角丸 */
	color: var(--err-txt); /* テキスト色 */
	background: var(--err-bg); /* 背景色 */
	border: var(--err-brd); /* ボーダー指定 */
	box-shadow: var(--err-bbg);-webkit-box-shadow: var(--err-bbg); /* 背景影色 */
}
/* ** alert0202 end ** */

/*** 申し込み画面での注意書きエリア ***/

/* ** alert_basic03 start ** */
/*** 共通設定 ***/
/* 基本枠 */
.ord_artBox {
	margin: var(--CautOrd-mg); /* マージン */
	padding: var(--CautOrd-pd); /* パディング */
	font-size: var(--font-ord-art); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautOrd-rod);-webkit-border-radius: var(--CautOrd-rod);-moz-border-radius: var(--CautOrd-rod); /* 角丸 */
}
@media screen and (max-width: 600px) {
	.ord_artBox {width: 90%;}
}
/* ** alert_basic03 end ** */

/* ** alert0301 start ** */
/*** 0301: 空き・在庫余裕あり ***/
.ord_empty {
	color: var(--empty-txt); /* テキスト色 */
	background: var(--empty-bg); /* 背景色 */
	border: var(--empty-brd); /* ボーダー指定 */
	box-shadow: var(--empty-bbg);-webkit-box-shadow: var(--empty-bbg); /* 背景影色 */
}
/* ** alert0301 end ** */

/* ** alert0302 start ** */
/*** 0302: 残席・在庫僅か ***/
.ord_little {
	color: var(--little-txt); /* テキスト色 */
	background: var(--little-bg);  /* 背景色 */
	border: var(--little-brd); /* ボーダー指定 */
	box-shadow: var(--little-bbg);-webkit-box-shadow: var(--little-bbg); /* 背景影色 */
}
/* ** alert0302 end ** */

/* ** alert0303 start ** */
/*** 0303: 残席・在庫ありません ***/
.ord_can {
	color: var(--can-txt); /* テキスト色 */
	background: var(--can-bg); /* 背景色 */
	border: var(--can-brd); /* ボーダー指定 */
	box-shadow: var(--can-bbg);-webkit-box-shadow: var(--can-bbg); /* 背景影色 */
}
/* ** alert0303 end ** */

/* ** alert0304 start ** */
/*** 0304: 受付・購入売り切れ ***/
.ord_sout {
	color: var(--sout-txt); /* テキスト色 */
	background: var(--sout-bg); /* 背景色 */
	border: var(--sout-brd); /* ボーダー指定 */
	box-shadow: var(--sout-bbg);-webkit-box-shadow: var(--sout-bbg); /* 背景影色 */
}
/* ** alert0304 end ** */

/* ** alert0305 start ** */
/*** 0305: 受付・購入終了 ***/
.ord_ordthk {
	color: var(--ordthk-txt); /* テキスト色 */
	background: var(--ordthk-bg); /* 背景色 */
	border: var(--ordthk-brd); /* ボーダー指定 */
	box-shadow: var(--ordthk-bbg);-webkit-box-shadow: var(--ordthk-bbg); /* 背景影色 */
}
/* ** alert0305 end ** */

/* ** alert0306 start ** */
/*** 0306: 受付・購入できない ***/
.ord_ordno {
	color: var(--ordno-txt); /* テキスト色 */
	background: var(--ordno-bg); /* 背景色 */
	border: var(--ordno-brd); /* ボーダー指定 */
	box-shadow: var(--ordno-bbg);-webkit-box-shadow: var(--ordno-bbg); /* 背景影色 */
}
/* ** alert0306 end ** */

/* ** alert0307 start ** */
/*** 0307: 既に申込み・購入されている ***/
.ord_done {
	color: var(--done-txt); /* テキスト色 */
	background: var(--done-bg); /* 背景色 */
	border: var(--done-brd); /* ボーダー指定 */
	box-shadow: var(--done-bbg);-webkit-box-shadow: var(--done-bbg); /* 背景影色 */
}
/* ** alert0307 end ** */

/* ** alert0308 start ** */
/*** 0308: 他の時間帯で既に申し込みされている ***/
.ord_otdone {
	color: var(--otdone-txt); /* テキスト色 */
	background: var(--otdone-bg); /* 背景色 */
	border: var(--otdone-brd); /* ボーダー指定 */
	box-shadow: var(--otdone-bbg);-webkit-box-shadow: var(--otdone-bbg); /* 背景影色 */
}
/* ** alert0308 end ** */

/* ** alert0309 start ** */
/*** 0309: 会員登録訴求枠 ***/
.ord_art_reg {
	margin: var(--CautOrd-mg); /* マージン */
	padding: var(--CautOrd-pd); /* パディング */
	font-size: var(--font-ord-art);/* フォントサイズ */
	font-weight: bold;
	border-radius: var(--CautOrd-rod);-webkit-border-radius: var(--CautOrd-rod);-moz-border-radius: var(--CautOrd-rod); /* 角丸 */
	color: var(--ordartreg-txt); /* テキスト色 */
	background: var(--ordartreg-bg); /* 背景色 */
	border: var(--ordartreg-brd); /* ボーダー指定 */
	box-shadow: var(--ordartreg-bbg);-webkit-box-shadow: var(--ordartreg-bbg); /* 背景影色 */
}
/* ** alert0309 end ** */
@charset "utf-8";
/***************************************************
information
  filename : box_parts.css;
***************************************************/

/*======== app_box_dez.css ========*/
/******************************************* ボックスパーツ設定 *******************************************/

/****************** 入力フォーム基本指定 ******************/

/* ** input_basic start ** */
/****************** フォーム共通指定 ******************/

/*** 入力フォーム基本 ***/

/* 入力フォーム項目基本指定 */
.InputForm dl {
	margin: 0 auto;
	padding: 1.0rem 0;
	display: flex;
	font-weight:bold;
	align-items: center;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	border-bottom: var(--app-InputForm-brd);
}
.InputForm dl:last-child {
	border-bottom: none;
}
.InputForm dt {padding: 1.0rem 0 1.0rem 0.8rem;display: flex;align-items: center;}
.InputForm dd {padding: 1.0rem 0;}
.InputForm dd ul.chpd {padding-top: 1.0rem;}
.InputForm dd li {list-style: none;}

/*** 項目幅指定 ***/
.InputForm dt {width: 35%;}
.InputForm dd {width: 65%;}

/*** 見出し指定 ***/
.InputForm dt {color: #9e9e9e;font-size: clamp(1.4rem, 1.4vw, 1.4rem);}

/* 入力フォーム見出し項目縦並び（主にログイン等ボーダー無し） */
.InputFormT dl {margin: 0 auto;padding: 0 0 1.0rem 0;font-weight:bold;font-size: var(--font-form-dt);
}.InputFormT dt {padding: 0.8rem;}
.InputFormT dd {padding: 0;}

@media screen and (max-width: 600px) {
	.InputForm dl {display: block;}
	.InputForm dt {width: 100%;padding-bottom: 1.0rem;}
	.InputForm dd {width: 100%;}
	.InputForm dd p.chpd {padding-left: 1.0rem;}
	.InputForm dl.spchkDl {display: flex;}
	.InputForm dl.spchkDl dt {width: 40%;padding: 1.0rem 0 0.5rem 0.8rem;}
	.InputForm dl.spchkDl dd {width: 60%;}
	.InputForm dl.spchkDl dd p.chpd {padding-left: 0;}
}
/* ** input_basic end ** */

/* ** com_box start ** */
/*** 基本ボックス ***/
/* 枠ボックス */
.comBox {
	margin-left: auto;
	margin-right: auto;
	padding: 1.5rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-BgBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-sd);-webkit-box-shadow: var(--app-BgBox-sd); /* 外枠背景影色 */
}
.comBoxInn {
	margin-left: auto;
	margin-right: auto;
	padding: 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-BgBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-sd);-webkit-box-shadow: var(--app-BgBoxInn-sd); /* 内枠背景影色 */
}
.comBoxMgtb {margin-top: 1.0rem;margin-bottom: 1.0rem;}

/* ** com_box end ** */

/* ** colorbox_basic start ** */
/********* インラインポップ設定 *********/

/* ポップアップ */
.popupArea,
.popupAreaInn {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}
.popupArea {position: relative;}
.popupAreaInn {padding: 1.0rem 2.0rem 15.0rem 2.0rem;}
.popup_Box {
	margin: 0 auto;
	padding: 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-BgBox-bg); /* 外枠背景色 */
}
@media screen and (max-width: 600px) {
	.popup #contents {margin: 0 auto;}
	.popupAreaInn {padding: 1.0rem 1.0rem 15.0rem 1.0rem;}
	.popup_Box {
		padding: 1.0rem;
	}
}
/* ポップアップタイトル */
.popupTi {
	margin: var(--app-popupTi-mg); /* マージン */
	padding: var(--app-popupTi-pd); /* パディング */
	text-align: center;
	line-height: 1.0;
	color: var(--app-popupTi-txt); /* テキスト色 */
	font-weight: bold;
	background: var(--app-popupTi-bg); /* 背景色 */
	border-top: var(--app-popupTi-brd); /* ボーダー指定 */
	border-bottom: var(--app-popupTi-brd); /* ボーダー指定 */
}
.popupTi h1.popupTiInn,
.popupTi p.popupTiInn {font-size: var(--font-popupTi);font-weight: bold;} /* フォントサイズ */

/* ポップアップボタンエリア */
.popupBtArea {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 1.0rem 2.0rem;
	border-top: var(--app-popupTi-brd); /* ボーダー指定 */
	background: var(--app-popupTi-bg); /* 背景色 */
	z-index: 4;
}
/* ** colorbox_basic end ** */

/* ** comment_box start ** */
/*** コメント・掲示板・レビュー投稿ボックス ***/
/* 枠ボックス */
.commentBox {
	width: var(--InputBaseBox-size); /* 登録画面画面サイズ */
	margin: 0 auto; /* マージン */
	padding: 0.5rem 1.8rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBox-brd); /* ボーダー指定 */
	background: var(--app-BgBox-bg); /* 背景色 */
	box-shadow: var(--app-BgBox-sd); /* 背景影色 */
}
/* タイトルエリア */
.commentBox p.commentTtitle {
	margin: 0 auto;
	padding: 1.5rem 1.0rem;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	font-weight: bold;
	border-bottom: 1px dotted #cdcdcd;
	background: inherit;
}
/* 投稿用制御ボタン位置指定 */
.commentBT {
	float: right;
	width: 30%;
	margin 0;
	padding: 0 2.0rem 2.0rem 2.0rem;
}
/* 投稿フォーム */
.commentInput,
.commentForm {margin: 0;padding: 0.5rem 0;}

@media screen and (max-width: 600px) {
	.commentBT {width: 100%;padding: 0 0.5rem 2.0rem 0.5rem;}
	.commentInput {margin: 1.0rem auto;padding: 0.5rem 0;}
}
/*** コメント・掲示板・レビュー投稿コメント表示ボックス ***/

/* 枠ボックス */
.commentList {
	margin: 0 auto;
	padding: 1.0rem 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd);
	box-shadow: var(--app-BgBoxInn-sd);
}
/* コメントリスト背景指定（コメント無し） */
.commentZero {
	margin: 0 auto;
	background: var(--app-commentZero-bg);/* 背景色 */
}
/* コメントリスト背景指定（親スレッド） */
.commentFst {
	margin: 1.0rem auto 0 auto;
	background: var(--app-commentFst-bg);/* 背景色 */
}
/* コメントリスト背景指定（レスコメント） */
.commentSec {
	margin: 1.0rem 0 0 3.0rem;
	background: var(--app-commentSec-bg);/* 背景色 */
}
/* 投稿者写真表示 */
.commentPh {
	float: left;
	overflow: hidden;
	width: 50px;
	height: 50px;
	position: relative;
	border-radius: 50%;
}
.commentPh img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
/* 投稿者情報表示エリア */
.commentTxtArea {width: 100%;}
.commentNameArea {
	padding: 0.5rem;
	border-bottom: var(--app-BgBox-Kbrd); /* ボーダー指定 */
}
.commentNameInn {float: right;text-align: right;}
@media screen and (max-width: 600px) {
	.commentNameInn {width: 75%;}
}
/* 投稿者ニックネーム */
.commentName {
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	font-weight: normal;
}
/* 投稿者ID */
.commentName span.commentNameS {
	padding: 0 0 0 0.5rem;
	font-size: clamp(1.2rem, 1.0vw, 1.2rem);
	font-weight: normal;
}
/* 投稿ID・投稿時間 */
.commentTime {
	font-size: clamp(1.0rem, 1.0vw, 1.2rem);
	font-weight: bold;
}
/* 投稿返信元ID表示 */
.commentTxtRes {
	padding: 1.0rem 0.5rem 0 0.5rem;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	line-height: 1.8;
	font-weight: bold;
}
/* 投稿テキスト */
.commentTxt {
	padding: 1.5rem;
	font-size: clamp(1.6rem, 1.4vw, 1.6rem);
	line-height: 1.8;
}
@media screen and (max-width: 600px) {
	.commentTxt {padding: 1.5rem 0.5rem;}
}
/* 共感ボタン表示エリア */
.commentResArea {
	padding: 1.0rem 0 0.5rem 0; /* パディング */
	border-top: var(--app-BgBox-Kbrd); /* ボーダー指定 */
}
.commentResL {float: left;display: flex;align-items: center;}
.commentResR {float: right;display: flex;align-items: center;}
.commentResBT {margin: 0 0.2rem;}

/* ** comment_box end ** */

/* ** order_box start ** */
/******* サービス・セミナーの単品購入用の共通明細エリア *******/

/* 枠ボックス(主に明細処理で使用) */
.SCartBox {
	width: var(--InputBaseBox-size); /* 登録画面画面サイズ */
	margin: 0 auto 2.0rem auto; /* マージン */
	padding: 1.5rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-BgBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-sd);-webkit-box-shadow: var(--app-BgBox-sd); /* 外枠背景影色 */
}
.SCartBoxInn {
	padding: 1.5rem;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-BgBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-sd);-webkit-box-shadow: var(--app-BgBoxInn-sd); /* 内枠背景影色 */
}
.popup_Box .SCartBox {
	width: 100%;
	margin: 0 auto 2.0rem auto; /* マージン */
	padding: 1.5rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-BgBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-sd);-webkit-box-shadow: var(--app-BgBoxInn-sd); /* 内枠背景影色 */
}
@media screen and (max-width: 600px) {
	.SCartBox {width: 95%;margin: 0 auto;padding: 1.0rem;}
	.SCartBoxInn {padding: 1.0rem;}
}
/* ** order_box end ** */

/* ** credit_box start ** */
/*** クレジットカード情報 ***/
.cardBland,
.cardSec,
.cardAgt {margin: 0 auto;padding: 0;}
.cardImg {margin: 2.0rem auto;padding: 0;display: flex;}
.cardBland ul {padding: 0 2.0rem;}
.cardBland li,
.cardSec p {padding: 0.5rem;list-style: none;}
.cardAgtLogo {padding: 2.0rem 1.0rem;}
.cardAgtName {
	padding: 0 1.0rem;
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
	font-weight: bold;
}
.cardAjx {margin: 2.0rem auto;padding: 0;text-align: center;}

@media screen and (max-width: 600px) {
	:root {
	.cardImg {flex-wrap: wrap;}
	.cardSec .cardImg {display: block;}
	}
}
div.payjs-outer {
    margin: 2px;
    border: 1px solid #cdcdcd;
    width: 100%;
}
/* ** credit_box end ** */

/* ** contributor_box start ** */
/*** 記事投稿者ボックス ***/
/* 枠ボックス */
.authorBox {
	margin: 0 auto;
	padding: 1.0rem;
	color: var(--app-BgBox-txt); /* テキスト色 */
	border-radius: var(--app-BgBox-rod);-webkit-border-radius: var(--app-BgBox-rod);-moz-border-radius: var(--app-BgBox-rod); /* 角丸 */
	border: var(--app-BgBoxInn-brd); /*ボーダー指定 */
	background: var(--app-BgBoxInn-bg); /* 背景色 */
	box-shadow: var(--app-BgBoxInn-sd);-webkit-box-shadow: var(--app-BgBoxInn-sd);/* 背景影色 */
}
.authorBox .authorPhoto {float:left;width:20%;}
.authorBox .authorPhoto img {width:85%;border-radius: var(--app-authorBox-img-rod);} /* 写真角丸 */
.authorBox .authorDetail {float:right;width:80%;}

/* 記事投稿者エリアタイトル */
.authorBox .authorDetail p.authorDetTi {
	padding: 0 0 0.5rem 0;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	font-weight: bold;
	border-bottom: var(--app-BgBox-Kbrd);
}
.authorBox .authorDetail p.authorDetName {
	padding: 1.0rem 0 0.5rem 0;
	font-size: clamp(1.4rem, 1.6vw, 2.0rem);
	font-weight: bold;
	line-height: 1.2em;
}
.authorBox .authorDetail p.authorDetCorp {
	padding: 0;
	font-size: clamp(1.2rem, 1.2vw, 1.6rem);
}
.authorBox .authorDetail p.authorDetProf {
	padding-top: 1.0rem;
	font-size: clamp(1.2rem, 1.2vw, 1.6rem);
	line-height: 1.4em;
}
@media screen and (max-width: 600px) {
	.authorBox {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}
/* ** contributor_box end ** */

/* ** message_box start ** */
/*** メッセージボックス ***/
/* 枠ボックス */
.messageListBox {margin: 1.0rem auto;}
.messageList {
	height: 30vw;
	margin: 0 auto;
	padding: 1.0rem 1.5rem;
	border-radius: var(--messageList-rod);-webkit-border-radius: var(--messageList-rod);-moz-border-radius: var(--messageList-rod); /* 角丸 */
	border: var(--app-messageList-brd);
	overflow-y: scroll;
}
.messageList::-webkit-scrollbar{width: 0.2rem;}
@media screen and (max-width: 480px) {
	.messageList {
		height: 100vw;
		padding: 1.0rem 0;
		border: none;
	}
}
/* メッセージ箇所 */
.messageListInn {
	margin: 0 auto;
	padding: 1.5rem 0.5rem;
	border-bottom: var(--app-messageListInn-brd); /* ボーダー指定 */
}
.messageListInn.myself {
	background: var(--app-messageListInn-myself-bg); /* 背景色 */ 
}
.messageListInn.partner {
	background: var(--app-messageListInn-partner-bg); /* 背景色 */ 
}
.messageListInnChd {
	display: flex;
	justify-content: flex-start;
	align-items: top;
}
.messageItemPh {width: 30%;}
.messageListInnChdTxt {
	position: relative;
	width: 90%;
	margin-left: 1.5rem;
}
@media screen and (max-width: 480px) {
	.messageItemPh {width: 15%;}
	.messageListInnChdTxt {width: 78%;}
}
.messageItemDataName {font-size: 1.4rem;font-weight: bold;color: var(--app-messageListInn-txt);}
.messageItemDataTime {padding: 0.5rem 0;font-size: 1.2rem;}
.messageItemDataTxt {padding: 0.5rem 0;}
.messageItemDataTxt pre {
	font-size: clamp(1.5rem, 1.5vw, 1.5rem);
	letter-spacing: 0.1em;
	overflow: auto;
}
/* メッセージ引用箇所 */
.messageIteminlineMes {margin: 2.0rem 0 2.0rem 2.0rem;padding: 1.0rem 0 1.0rem 2.0rem;font-size: clamp(1.4rem, 1.5vw, 1.5rem);border-left: var(--app-messageIteminlineMes-brd);}

@media screen and (max-width: 480px) {
	.messageIteminlineMes {margin: 2.0rem 0 2.0rem 1.0rem;}
}
/* メッセージ引用外部連携箇所 */
.messageItemOutData {
	margin: 3.0rem auto;
	padding: 1.5rem;
	border-radius: var(--messageItemOutData-rod);-webkit-border-radius: var(--messageItemOutData-rod);-moz-border-radius: var(--messageItemOutData-rod); /* 角丸 */
	border: var(--app-messageItemOutData-brd);
	background: var(--app-messageItemOutData-bg); /* 背景色 */ 
}
.messageItemOutData dl {
	font-size: clamp(1.4rem, 1.4vw, 1.5rem);
	padding: 0.8rem 0.5rem;
	display: flex;
	justify-content: flex-start;
	align-items: top;
	border-bottom: var(--app-messageListInn-brd); /* ボーダー指定 */
}
.messageItemOutData dt {width: 20%;}
.messageItemOutData dd {width: 80%;}
.messageItemOutData a {text-decoration: underline;}
.messageItemOutData a:hover {opacity: 0.5;}

@media screen and (max-width: 480px) {
	.messageItemOutData {margin: 2.0rem auto;}
	.messageItemOutData dt {width: 40%;}
	.messageItemOutData dd {width: 60%;}
}
/* メッセージ操作ボタン等 */
.messageEditBtBox {
	position: absolute;
	bottom: -2.0rem;
	right: -1.5rem;
	display: flex;
	justify-content: flex-start;
	gap: 0 0.2rem;
	opacity: 0;
	padding: 1.0rem;
	border-radius: var(--messageEditBtBox-rod);-webkit-border-radius: var(--messageEditBtBox-rod);-moz-border-radius: var(--messageEditBtBox-rod); /* 角丸 */
	border: var(--app-messageEditBtBox-brd);
	background: var(--app-messageEditBtBox-bg); /* 背景色 */ 
}
.messageListInnChd:hover .messageEditBtBox {opacity: 1;}
.messageListInnChd .messageEditBtBox:hover {opacity: 1;}
.messageEditBtBox button {
	padding: 0.2rem 1.0rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	white-space:nowrap;
}
/* 編集ボタン */
.messageEditBt {
    color: var(--messageEditBt-txt);
    background: var(--messageEditBt-bg);
    border: var(--messageEditBt-brd);
}
/* 削除ボタン */
.messageDelBt {
    color: var(--messageDelBt-txt);
    background: var(--messageDelBt-bg);
    border: var(--messageDelBt-brd);
}
/* 引用ボタン */
.messageQutBt {
    color: var(--messageQutBt-txt);
    background: var(--messageQutBt-bg);
    border: var(--messageQutBt-brd);
}
/* アクションボタン */
.messageActBt {
    color: var(--messageActBt-txt);
    background: var(--messageActBt-bg);
    border: var(--messageActBt-brd);
}
/* 未読・既読ボタン */
.messageKidokuBt {
    color: var(--messageKidokuBt-txt);
    background: var(--messageKidokuBt-bg);
    border: var(--messageKidokuBt-brd);
}
.messageMidokuBt {
    color: var(--messageMidokuBt-txt);
    background: var(--messageMidokuBt-bg);
    border: var(--messageMidokuBt-brd);
}
/* メッセージ入力ボックス */
.messageInput {
	margin: 1.0rem auto;
	padding: 1.0rem;
	border-radius: var(--messageList-rod);-webkit-border-radius: var(--messageInput-rod);-moz-border-radius: var(--messageInput-rod); /* 角丸 */
	border: var(--app-messageInput-brd);
}
.messageBT {
	padding: 1.0rem 1.5rem 1.0rem 0.5rem;
	display: flex;
	justify-content: space-between;
	gap: 0 0.5rem;
	align-items: center;
}
.messageBTInn {
	display: flex;
	justify-content: flex-start;
	gap: 0 0.5rem;
}
/* 送信ボタン */
.messageSendBt {
	padding: 0.5rem 1.5rem;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
    color: var(--messageSendBt-txt);
    background: var(--messageSendBt-bg);
    border: var(--messageSendBt-brd);
}
/* 編集取消ボタン */
.messageCanBt {
	padding: 0.2rem 1.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
    color: var(--messageCanBt-txt);
    background: var(--messageCanBt-bg);
    border: var(--messageCanBt-brd);
}
/* その他操作ボタン */
.messageOutBt {
	padding: 0.2rem 1.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
    color: var(--messageOutBt-txt);
    background: var(--messageOutBt-bg);
    border: var(--messageOutBt-brd);
}
/*** メッセージアプリ風 ***/
.mesApp .messageList {background: var(--mesApp-bg);}
.mesApp .messageListInn {border-bottom: none;}
.mesApp .messageListInn.myself,
.mesApp .messageListInn.partner {background: none; }
.mesApp .myself .messageItemPh,
.mesApp .myself .messageItemDataName {display: none;}
.mesApp .messageList .messageListInnChdTxt {width: 100%;}
.mesApp .messageList .myself .messageItemDataTime {padding: 0.5rem 1.5rem 0 0;text-align: right;}
.messageEditBtBox {border: none;background: none;}

/*フキダシ共通*/
.mesApp .messageList .messageItemDataTxt {
	position: relative;
	display: inline-block;
	max-width: 60%;
	margin: 0.8rem 0 0;
	padding: 1.0rem 1.6rem;
	border-radius: 1.9rem;
	overflow-wrap: break-word;
	clear: both;
	box-sizing: content-box;
	color: var(--mesApp-txt);
}
/*フキダシ左*/
.mesApp .messageList .partner .messageItemDataTxt {
	float: left;
	margin-left: 0.5rem;
	background: var(--mesAppPartner-bg);
}
/*フキダシ右*/
.mesApp .messageList .myself .messageItemDataTxt {
	float: right;
	margin-right: 12px;
	background: var(--mesAppMyself-bg);
}
/*しっぽ共通*/
.mesApp .messageList .messageItemDataTxt::after {
	position: absolute;
	content: "";
	width: 24px;
	height: 36px;
	top: -21px;
}
/*しっぽ左*/
.mesApp .messageList .partner .messageItemDataTxt:after {
	left: -10px;
	border-radius: 18px 0 6px 18px/18px 0 1px 18px;
	box-shadow: -3px -15px 0 -5px var(--mesAppPartner-bg) inset;
}
/*しっぽ右*/
.mesApp .messageList .myself .messageItemDataTxt::after {
	right: -10px;
	border-radius: 0 18px 18px 6px/0 18px 18px 1px;
	box-shadow: inset 3px -15px 0 -5px var(--mesAppMyself-bg);
}
/*フキダシが続いてしっぽがないとき*/
.mesApp .messageList .myself .messageItemDataTxt + .messageItemDataTxt::after,
.mesApp .messageList .right + .right::after {content: none;}

/* ** message_box end ** */
@charset "utf-8";
/***************************************************
information
  filename : dezpt_parts.css;
***************************************************/

/*************************** パーツ共通設定 ***************************/
/* ** dezpt_basic start ** */

/* ロゴ設定 */
#header p.logo,
#header p.sub_logo {
	padding: 1.0rem 0;
	max-width: 400px;
}
#header p.logo img,
#spheader p.logo img,
#spfooter p.logo img,
#header p.sub_logo img,
#spheader p.sub_logo img,
#spfooter p.sub_logo img {display: block;width:100%;height: 100%;object-fit: contain;}
#header li {list-style: none;}

/* コピーライト */
.copy {
	padding: 1.0rem 0;
	text-align: center;
	color: var(--app-copy-txt); /* テキスト色 */
	font-size: var(--font-copy);/* フォントサイズ */
	font-weight:bold;
	line-height: 1.0;
	background: var(--app-copy-cr); /* 背景色 */
}
.copy span {
	font-family: "Times New Roman", "Times";
	font-size: var(--font-copy-ico);/* フォントサイズ */
	line-height: 1.0;
}
/* ** dezpt_basic end ** */

/*************************** 会員遷移ボタンパーツ ***************************/

/* ** dezpt_mvavi_basic start ** */

/*** ログイン者情報配置（ドロワーメニュー内配置） ***/
.FlexblckArea .drawer .ptLayoutInn {display: block;width: 100%;}
.drawer .mnaviDez {display: block;margin: 0 auto;padding: 0.5em;}

/*** デザインパターン全てのボタン配置共通 ***/
.mnaviDez .ptLayoutInn {display: flex;align-items: center;}
.mnaviArea {width: max-content;margin: 0 auto;padding: 0;font-size:0;}
.drawer .mnaviArea {width: 100%;}
.mnaviArea nav {display: inline-block;vertical-align: middle;}
.mnaviArea .LoginNavi {margin: 0;padding: 0;}
.mnaviArea a {
	display: block;
	text-align: center;
	border-radius: var(--app-mnaviArea-rod);-webkit-border-radius: var(--app-mnaviArea-rod);-moz-border-radius: var(--app-mnaviArea-rod); /* 角丸 */
	font-size: var(--font-mnaviArea); /* フォントサイズ */
	font-weight: bold;
	color: var(--app-mnaviArea-txt);/* テキスト色 */
	background: var(--app-mnaviArea-bg);/* 背景色 */
	border: var(--app-mnaviArea-brd);/* ボーダー指定 */
	box-shadow: var(--app-mnaviArea-bbg);-webkit-box-shadow: var(--app-mnaviArea-bbg); /* 背景影色 */
}
.mnaviArea li a:hover {text-decoration: none;}

/*** デザインパターン全てのボタン装飾共通 ***/
.mnaviArea span.mnaviUTxt {
	padding-top: 0;
	color: var(--app-mnaviArea-txt); /* テキスト色 */
}
/* ボタンアイコン装飾 */
.mnaviArea .NaviIcoSvg {width:35px;height:35px;fill: var(--app-mnaviArea-txt);} /* テキスト色 */

.mnaviArea .loginbtn a {color: #000;background: #fff;}/* ログインボタン装飾 */
.mnaviArea .logoutbtn a {color: #000;background: #fff;}/* ログアウトボタン装飾 */
.mnaviArea .newregbtn a {color: #000;background: #fff;}/* 新規会員登録ボタン装飾 */
.mnaviArea .mypagebtn a {color: #000;background: #fff;}/* マイページボタン装飾 */
.mnaviArea .sembtn a {color: #000;background: #fff;}/* セミナーボタン装飾 */
.mnaviArea .cartbtn a {color: #000;background: #fff;}/* カートボタン装飾 */
.mnaviArea .contactbtn a {color: #000;background: #fff;}/* お問合せボタン装飾 */

/* ** dezpt_mvavi_basic end ** */

/* ** dezpt_mvavi01 start ** */
/*** mvavi01: 会員遷移ボタンデザインパターン01(標準アイコン・テキスト配置タイプ) ***/

/* ボタン制御 */
.mnavitype01 {margin: 0.5rem 0;}
.mnavitype01 .mnaviArea .LoginNavi,
.mnavitype01 .mnaviArea .LinkNavi {margin: 0;padding: 0;}
.mnavitype01 .mnaviArea nav {display: inline-block;vertical-align: middle;}
.mnavitype01 .mnaviArea .LoginNavi li,
.mnavitype01 .mnaviArea .LinkNavi li {
	display: inline-block;
	vertical-align: middle;
}
.mnavitype01 .mnaviArea .LoginNavi a,
.mnavitype01 .mnaviArea .LinkNavi a {
	width: 100px;
	height: 75px;
	margin: 0.2rem;
	padding: 0.5rem 0;
}
.mnavitype01 .LoginNavi span,
.mnavitype01 .LinkNavi span {display: block;}

/* カートに入っている数量 */
.mnavitype01 .mnaviArea span.PrdCntDisp {
	bottom: 50px;
	left: 75px;
}
/* 会員情報表示制御 */
.mnavitype01 .memInfoBox {padding: 0.5rem 1.0rem 0 0;}
.mnavitype01 .member_info {margin: 0;}

/* ドロワーメニュー内での表示制御 */
.drawer .mnavitype01 .mnaviArea .LoginNavi ul,
.drawer .mnavitype01 .mnaviArea .LinkNavi ul {
	display: flex;
	justify-content: space-between;
}
.drawer .mnavitype01 .mnaviArea .LoginNavi,
.drawer .mnavitype01 .mnaviArea .LinkNavi {width: 100%;}
.drawer .mnavitype01 .mnaviArea nav {display: block;}
.drawer .mnavitype01 .mnaviArea .LoginNavi li,
.drawer .mnavitype01 .mnaviArea .LinkNavi li {width: 100%;display: block;margin: 0.2rem;}
.drawer .mnavitype01 .mnaviArea .LoginNavi a,
.drawer .mnavitype01 .mnaviArea .LinkNavi a {width: 100%;}
.drawer .mnavitype01 .memInfoBox {padding: 0.5rem 0;}

@media screen and (max-width: 480px) {
	.mnavitype01 .mnaviArea .LoginNavi ul {margin-bottom: 0.5rem;gap: 0 0.4rem;}
}
/* ** dezpt_mvavi01 end ** */

/* ** dezpt_mvavi02 start ** */
/*** mvavi02: 会員遷移ボタンデザインパターン01(標準アイコン・テキスト配置タイプ) ***/

/* ボタン制御 */
.mnavitype02 {margin: 0.5rem 0;}
.mnavitype02 .mnaviArea .LoginNavi li {margin: 0;padding: 0;}
.mnavitype02 .mnaviArea .LinkNavi {margin: 0;padding: 0;}
.mnavitype02 .mnaviArea .LinkNavi li {display: inline-block;vertical-align: middle;}
.mnavitype02 .LinkNavi span {display: block;}
.mnavitype02 {margin: 1.0rem 0;}
.mnavitype02 .mnaviArea a {
	margin: 0 0.2rem;
	padding: 0.5rem;
}
.mnavitype02 .mnaviArea .LoginNavi a {
	width: 140px;
	margin: 0.2rem;
	padding: 0.7rem 0.5rem;
}
.mnavitype02 .mnaviArea .LoginNavi a .NaviIcoSvg {width:0;height:0;}
.mnavitype02 .mnaviArea .LinkNavi a {
	width: 100px;
	height: 75px;
}
/* カートに入っている数量 */
.mnavitype02 .mnaviArea span.PrdCntDisp {
	bottom: 50px;
	left: 75px;
}
/* 会員情報表示制御 */
.mnavitype02 .memInfoBox {padding: 1.0rem 1.0rem 0 0;}
.mnavitype02 .member_info {margin: 0;}

/* ドロワーメニュー内での表示制御 */
.drawer .mnavitype02 .mnaviArea .LoginNavi ul,
.drawer .mnavitype02 .mnaviArea .LinkNavi ul {
	display: flex;
	justify-content: space-between;
}
.drawer .mnavitype02 .mnaviArea .LoginNavi,
.drawer .mnavitype02 .mnaviArea .LinkNavi {width: 100%;}
.drawer .mnavitype02 .mnaviArea .LoginNavi li,
.drawer .mnavitype02 .mnaviArea .LinkNavi li {width: 100%;display: block;margin: 0.2rem;}
.drawer .mnavitype02 .mnaviArea .LoginNavi a,
.drawer .mnavitype02 .mnaviArea .LinkNavi a {width: 100%;}
.drawer .mnavitype02 .memInfoBox {padding: 0.5rem 0;}

@media screen and (max-width: 480px) {
	.mnavitype02 .mnaviArea .LoginNavi ul {margin-bottom: 0.5rem;gap: 0 0.4rem;}
}
/* ** dezpt_mvavi02 end ** */

/* ** dezpt_mvavi03 start ** */
/*** mvavi03: 会員遷移ボタンデザインパターン03(アイコン無しテキストのみボタン) ***/

/* ボタン制御 */
.mnavitype03 {margin: 0.5rem 0;}
.mnavitype03 .mnaviArea .LoginNavi,
.mnavitype03 .mnaviArea .LinkNavi {margin: 0;padding: 0;}
.mnavitype03 .mnaviArea nav {display: inline-block;vertical-align: middle;}
.mnavitype03 .mnaviArea .LoginNavi li,
.mnavitype03 .mnaviArea .LinkNavi li {
	display: inline-block;
	vertical-align: middle;
}
.mnavitype03 .mnaviArea .LoginNavi a,
.mnavitype03 .mnaviArea .LinkNavi a {
	width: 90px;
	margin: 0.2rem;
	padding: 0.5rem 0;
}
.mnavitype03 .mnaviArea .NaviIcoSvg {display: none;}

/* カートに入っている数量 */
.mnavitype03 .mnaviArea span.PrdCntDisp {
	bottom: 10px;
	left: 65px;
}
/* 会員情報表示制御 */
.mnavitype03 .memInfoBox {padding: 0.5rem 1.0rem 0 0;}
.mnavitype03 .member_info {margin: 0;}

/* ドロワーメニュー内での表示制御 */
.drawer .mnavitype03 .mnaviArea .LoginNavi ul,
.drawer .mnavitype03 .mnaviArea .LinkNavi ul {
	display: flex;
	justify-content: space-between;
}
.drawer .mnavitype03 .mnaviArea .LoginNavi,
.drawer .mnavitype03 .mnaviArea .LinkNavi {width: 100%;}
.drawer .mnavitype03 .mnaviArea nav {display: block;}
.drawer .mnavitype03 .mnaviArea .LoginNavi li,
.drawer .mnavitype03 .mnaviArea .LinkNavi li {width: 100%;display: block;margin: 0.2rem;}
.drawer .mnavitype03 .mnaviArea .LoginNavi a,
.drawer .mnavitype03 .mnaviArea .LinkNavi a {width: 100%;}
.drawer .mnavitype03 .memInfoBox {padding: 0.5rem 0;}

@media screen and (max-width: 480px) {
	.mnavitype03 .mnaviArea .LoginNavi ul {margin-bottom: 0.5rem;gap: 0 0.4rem;}
}
/* ** dezpt_mvavi03 end ** */

/* ** dezpt_mvavi04 start ** */
/*** mvavi04: 会員遷移ボタンデザインパターン04(アイコンのみボタン小サイズ) ***/

/* ボタン制御 */
.mnavitype04 {margin: 0.5rem 0;}
.mnavitype04 .mnaviArea .LoginNavi,
.mnavitype04 .mnaviArea .LinkNavi {margin: 0;padding: 0;}
.mnavitype04 .mnaviArea nav {display: inline-block;vertical-align: middle;}
.mnavitype04 .mnaviArea .LoginNavi li,
.mnavitype04 .mnaviArea .LinkNavi li {
	display: inline-block;
	vertical-align: middle;
}
.mnavitype04 .mnaviArea .LoginNavi a,
.mnavitype04 .mnaviArea .LinkNavi a {
	width: 50px;
	height: 35px;
	margin: 0 0.2rem;
	padding: 0.5rem;
}
.mnavitype04 span.mnaviUTxt {display: none;}
.mnavitype04 .mnaviArea .NaviIcoSvg {
	width:26px;
	height:26px;
	fill: var(--app-mnaviArea-txt); /* テキスト色 */
}
/* カートに入っている数量 */
.mnavitype04 .mnaviArea span.PrdCntDisp {
	bottom: 10px;
	left: 25px;
}
/* 会員情報表示制御 */
.mnavitype04 .memInfoBox {padding: 0.3rem 1.0rem 0 0;}

/* ドロワーメニュー内での表示制御 */
.drawer .mnavitype04 .mnaviArea {width: max-content;margin: 1.0rem auto;}
.drawer .mnavitype04 .mnaviArea .LoginNavi a,
.drawer .mnavitype04 .mnaviArea .LinkNavi a {
	width: 50px;
	height: 50px;
	margin: 0 0.2rem;
	padding: 0.5rem;
}
/* ボタンアイコンサイズ */
.drawer .mnavitype04 .mnaviArea .NaviIcoSvg {width:40px;height:40px;}

/* ** dezpt_mvavi04 end ** */

/* ** dezpt_mvavi_tooltip start ** */

/* カーソル重ねる要素 */
.tooltip {
	position: relative; /* ツールチップの位置の基準に */
	cursor: pointer; /* カーソルを当てたときにポインターに */
}
/* ツールチップのテキスト */
span.tooltip-text {
	opacity: 0; /* 初期非表示 */
	visibility: hidden; /* 初期非表示 */
	position: absolute; /* 絶対配置 */
	left: 50%; /* 親に対して中央配置 */
	transform: translateX(-50%); /* 親に対して中央配置 */
	bottom: -30px; /* 親要素下からの位置 */
	display: inline-block;
	padding: 0.5rem 1.0rem; /* パディング */
	white-space: nowrap; /* テキストを折り返さない */
	font-size: 1.2rem; /* フォントサイズ */
	line-height: 1.3; /* 行間 */
	color: #fff; /* テキスト色 */
	background: #171717; /* 背景色 */
	border-radius: var(--app-tooltip-rod);-webkit-border-radius: var(--app-tooltip-rod);-moz-border-radius: var(--app-tooltip-rod); /* 角丸 */
	transition: 0.3s ease-in; /* アニメーション */
	z-index: 999;
}
/* ホバー時にツールチップの非表示を解除 */
.tooltip:hover span.tooltip-text {opacity: 1;visibility: visible;}

/* ** dezpt_mvavi_tooltip end ** */

/*************************** ログイン者表示パーツ ***************************/

/* ** dezpt_member_info start ** */

/****************** ログイン者表示要素 ******************/

/* サムネイル写真指定 */
.member_info .member_info_thumbnail,
.member_info_pd .member_info_thumbnail {display: inline-block;overflow: hidden;position: relative;border-radius: 50%;}
.member_info .member_info_thumbnail img,
.member_info_pd .member_info_thumbnail img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;}
.member_info .member_info_thumbnail,
.member_info_pd .member_info_thumbnail {width: 35px;height: 35px;}

/* ログイン者氏名指定 (写真付き) */
.member_info_txt,
.member_info_pd_txt {margin-left: 1.0rem;line-height: 1.0;}
.member_info_txt {width: 80%;}
.member_info_txt .LoginName,
.member_info_pd_txt .LoginName {padding-bottom: 0.2rem;}

/* ログイン者会員番号 */
.member_info_txt .LoginMemNo,
.member_info_pd_txt .LoginMemNo,
.member_info_name_txt .LoginMemNo {
	font-weight: bold;
	font-size: clamp(1.0rem, 1.0vw, 1.0rem);
	line-height: 1.2;
}
/* ログイン者氏名指定 (写真無) */
.member_info_name_txt {line-height: 1.0;}
.member_info_name_txt p {display: inline-block;}
.member_info_name_txt .LoginName {padding-right: 1.0rem;}

/* ログイン者氏名指定*/
.member_info_txt .LoginName,
.member_info_pd_txt .LoginName,
.member_info_name_txt .LoginName {
	font-weight: bold;
	font-size: clamp(1.2rem, 1.0vw, 1.5rem);
	line-height: 1.2;
}
/*** ログイン者情報表示枠 ***/

/* ログイン情報（写真付き） */
.memInfoBox {display: block;width: var(--memInfo-size);}
.member_info {
	display: flex;
	padding: 0.8rem;
	border-radius: var(--memInfo-rod);-webkit-border-radius: var(--memInfo-rod);-moz-border-radius: var(--memInfo-rod); /* 角丸 */
	color: var(--memInfo-txt);  /* テキスト色 */
	border: var(--memInfo-brd); /* ボーダー指定 */
	background: var(--memInfo-bg); /* 背景色 */
}
/* ログイン情報(氏名のみ) */
.member_info_name {
	display: flex;
	padding: 0.5rem 1.0rem;
	border-radius: var(--memInfo-rod);-webkit-border-radius: var(--memInfo-rod);-moz-border-radius: var(--memInfo-rod); /* 角丸 */
	color: var(--memInfo-txt);  /* テキスト色 */
	border: var(--memInfo-brd); /* ボーダー指定 */
	background: var(--memInfo-bg); /* 背景色 */
}
/* ログイン情報(プルダウン型) */
.member_info_pd {
	display: flex;
	padding: 0;
	border-radius: var(--memInfo-rod);-webkit-border-radius: var(--memInfo-rod);-moz-border-radius: var(--memInfo-rod); /* 角丸 */
	color: var(--memInfo-txt);  /* テキスト色 */
	border: var(--memInfo-brd); /* ボーダー指定 */
	background: var(--memInfo-bg); /* 背景色 */
}
/* プルダウン処理 */
.member_info_pd ul {list-style: none;}
.member_info_pd li {
	width: 100%;
	display: block;
	padding: 0.5rem 1.0rem;
	cursor: pointer;
}
.member_info_pd li:hover {
	background: var(--memInfo-bg); /* 背景色 */
}
/* テキストエリア */
.member_info_pd_txt {
	width: 75%;
	display: inline-block;
	margin-top: 0.2rem;
	margin-left: 0;
	padding: 0;
	line-height: 1.0;
	vertical-align: top;
}
/* プルダウンメニュー */
.member_info_pd_menu {
	width: calc(var(--memInfo-size) - 1.0rem);/* 枠サイズ */
	display: none;
	position: absolute;
	margin-left: -1.0rem;
	margin-top: 0.6rem;
	padding: 0;
	z-index: 10;
	background: var(--memberinfopd-bg); /* 背景色 */
	border-left: var(--memberinfopd-brd); /* ボーダー指定 */
	border-right: var(--memberinfopd-brd); /* ボーダー指定 */
}
.member_info_pd_menu li {
	border-bottom: var(--memberinfopd-brd); /* ボーダー指定 */
}
.member_info_pd_menu li a{
    padding: 1.0rem 0.5rem;
    margin: 0;
    display: block;
    color:  var(--memberinfopd-txt); /* テキスト色 */
    font-size: var(--font-memberinfopd); /* フォントサイズ */
    font-weight: bold;
}
.member_info_pd_menu li a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

@media screen and (max-width: 480px) {
	.member_info_pd_txt {width: 75%;}
}
/****** 通知アイコン ******/

/*** 通知基本設定 ***/
.fmcicon {display: inline-flex;align-items: center;position: relative;}
.fmcicon svg {
	width: 20px;
	height: 20px;
	fill: var(--fmcicon-bg); /* 通知アイコン 基本 背景色 */
}
/* 通知アイコン上×アイコン指定（基本表示無し） */
.fmcicon .ban {display: none;}

/* 通知詳細テキスト表示枠 */
.fmcicon:hover #fmctxt {
	position: absolute;
	right: calc(100% + 0.8rem);
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	display: block;
	padding: 0.4rem 1.0rem;
	border-radius: var(--fmcicon-rod);-webkit-border-radius: var(--fmcicon-rod);-moz-border-radius: var(--fmcicon-rod); /* 角丸 */
	background: var(--denied-bg); /* 通知アイコン 通知無効状態 背景色 */
	color: var(--fmcicon-txt); /* テキスト色 */
	font-size: var(--font-fmctxt);/*通知アイコン フォントサイズ*/
}
#fmctxt {display:none;}
#fmctxt::before{
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-left: var(--denied-brd);  /* 通知アイコン 通知無効状態 ボーダー指定 */
}
/*** 通知有効 granted ***/
.granted svg {
	fill: var(--granted-bg); /* 通知アイコン 通知有効 背景色 */
}
.granted #fmctxt::before{
	border-left: var(--granted-brd); /* 通知アイコン 通知有効 ボーダー指定 */
}
.fmcicon.granted:hover #fmctxt {background: var(--granted-bg);} /* 通知アイコン 通知有効 背景色 */

/*** 通知ブロック denied ***/
/*** 通知無効 default ***/
/*** 通知利用きないブラウザ disallow ***/
/*** 通知利用きない disable ***/

.fmcicon.denied .ban,
.fmcicon.default .ban,
.fmcicon.disallow .ban,
.fmcicon.disable .ban {
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	left:-0;
	right:0;
	margin: auto;
	fill: var(--denied-bg); /* 通知アイコン 通知無効状態 背景色 */
}
.member_info .fmcicon.denied .ban,
.member_info .fmcicon.default .ban,
.member_info .fmcicon.disallow .ban,
.member_info .fmcicon.disable .ban {top: 4px;}

/* プルダウンメニュー時のアイコン位置調整 */
.member_info_pd .fmcicon,
.member_info_pd .fmcicon.denied,
.member_info_pd .fmcicon.default,
.member_info_pd .fmcicon.granted,
.member_info_pd .fmcicon.disallow,
.member_info_pd .fmcicon.disable {right: 0;top: -5px;}

/* プッシュ通知ボタン */
ul.pwa_pushBt {list-style: none;padding: 0.5rem;}
ul.pwa_pushBt li a {
    margin: 0;
    padding: var(--pushBt-pd);  /* パディング */
    display: block;
	border-radius: var(--pushBt-rod);-webkit-border-radius: var(--pushBt-rod);-moz-border-radius: var(--pushBt-rod); /* 角丸 */
	color: var(--pushBt-txt);  /* テキスト色 */
	border: var(--pushBt-brd); /* ボーダー指定 */
	background: var(--pushBt-bg); /* 背景色 */
	font-size: var(--font-pushBt);/* フォントサイズ */
	font-weight: bold;
	text-align: center;
}
ul.pwa_pushBt li a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** dezpt_member_info end ** */

/*************************** 入力ステップパーツ ***************************/

/* ** dezpt_step start ** */
/*** ステップ基本デザイン ***/
/* 枠ボックス */
.step_flow {
	margin: 0 auto;
	padding: 0;
	background: var(--step-bsc-bg); /* 外枠背景色 */
}
.step_flow ul {
	margin: 0 auto;
	padding: 0;
	display: -ms-flexbox;
	display: flex;
	gap: 0 0.2rem;
	list-style: none;
}
/* 項目要素 */
.step_flow li {
	width: 100%;
	padding: 1.0rem 0;
	text-align: center;
	color: var(--step-bsc-txt); /* テキスト色 */
	background: var(--step-bscInn-bg); /* 内枠背景色 */
}
.step_flow li.crt {
	color: var(--step-bsc-lifc-txt); /* テキスト色（カレント） */
	background: var(--step-bsc-lifc-bg); /* 背景色（カレント） */
}
/* ステップ項目テキスト要素 */
.step_flow p.flow_ti,
.step_flow p.flow_com {font-weight: bold;}
.step_flow p.flow_ti {font-size: clamp(1.4rem, 1.4vw, 1.8rem);}
.step_flow p.flow_com {font-size: clamp(1.0rem, 1.0vw, 1.0rem);}

/* デザインパターン(ボタン形式) */
.step_dezpt01 .step_flow ul {padding: 0.5rem 0;}
.step_dezpt01 .step_flow li {
	border-radius: var(--step-bsc-li-rod);-webkit-border-radius: var(--step-bsc-li-rod);-moz-border-radius: var(--step-bsc-li-rod); /* 角丸 */
	border: var(--step-bsc-brd);  /* ボーダー指定 */
}
/* デザインパターン(ドット形式) */
.step_dezpt02 .step_flow {background: none;}
.step_dezpt02 .step_flow ul {position: relative;margin: 0 auto;padding: 0;display: flex;justify-content: space-between;gap: 0 0;}
.step_dezpt02 .step_flow li {
	position: relative;
	list-style-type: none;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	color: var(--step-bg-nml);
	font-weight: bold;
	counter-increment: steps;
}
.step_dezpt02 .step_flow li:before {
	display: block;
	position: relative;
	z-index: 1;
	width: 26px;
	height: 26px;
	margin: 7px auto 20px auto;
	content: '';
	line-height: 26px;
	font-size: 1.2rem;
	text-align: center;
	border-radius: 50%;
	background-color: var(--step-bg-nml);
	content: counter(steps);
}
.step_dezpt02 .step_flow li:after {
	position: absolute;
	z-index: 0;
	top: 2.8rem;
	left: -50%;
	width: 100%;
	height: 3px;
	content: '';
	background-color: var(--step-bg-nml);
}
.step_dezpt02 .step_flow li:first-child:after {content: none;}
.step_dezpt02 .step_flow li.crt,
.step_dezpt02 .step_flow li.complete{color: var(--step-bg-crt);background: none;}
.step_dezpt02 .step_flow li.crt:before,
.step_dezpt02 .step_flow li.complete:before {background-color: var(--step-bg-crt);color: #fff;}
.step_dezpt02 .step_flow li.crt:after,
.step_dezpt02 .step_flow li.complete:after {background-color: var(--step-bg-crt);}

@media screen and (max-width: 700px) {
	.step_flow p.flow_com {display: none;}
}
/* デザインパターン(矢印形式) */
.step_dezpt03 .step_flow ul {margin: 0 auto;padding: 0;display: flex;justify-content: space-between;gap: 0 0;}
.step_dezpt03 .step_flow li {width: 100%;}
.step_dezpt03 .step_flow ul .item {
	position: relative;
	width: 100%;
	text-align: center;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 1.5rem 0;
	line-height: 1.5;
	background: var(--step-bsc-bg);
	color: var(--step-bsc-txt);
}
.step_dezpt03 .step_flow ul .item:not(:last-child)::before,
.step_dezpt03 .step_flow ul .item:not(:last-child)::after {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 100%;
	content: '';
	border: 3.7rem solid transparent;
	border-left: 20px solid var(--step-bsc-bg);
	margin: auto;
}
.step_dezpt03 .step_flow ul .item:not(:last-child)::before {margin-left: 1px;border-left-color: #FFF;}

@media screen and (min-width:980px) and ( max-width:1100px) {
	.step_dezpt03 .step_flow ul .item {padding: 1.0rem 0;}
	.step_dezpt03 .step_flow ul .item:not(:last-child)::before,
	.step_dezpt03 .step_flow ul .item:not(:last-child)::after {border-width: 3.0rem;border-left-width: 1.2rem;}
}
@media screen and (max-width: 700px) {
	.step_dezpt03 .step_flow ul .item {padding: 2.0rem 0;}
	.step_dezpt03 .step_flow ul .item:not(:last-child)::before,
	.step_dezpt03 .step_flow ul .item:not(:last-child)::after {border-width: 3.0rem;border-left-width: 1.0rem;}
	.step_dezpt03 .step_flow p.flow_ti {padding-left: 1.3rem;}
}
.step_dezpt03 .step_flow ul .item.crt {
	z-index: 1;
	background: var(--step-bsc-lifc-bg);
	color: var(--step-bsc-lifc-txt);
}
.step_dezpt03 .step_flow ul .item.crt:not(:last-child)::after {border-left-color: var(--step-bsc-lifc-bg);}
.step_dezpt03 .step_flow ul .item.crt:not(:last-child)::before {border-left: none;}

/* ** dezpt_step end ** */

/*************************** SNSシェアパーツ ***************************/

/* ** dezpt_sns01 start ** */
/*** SNSシェア要素 ***/

/* SNSシェア配置枠 */
#SNSboxArea {margin: 0 auto;padding: 0;}
.shareList {
	width: 100%;
	list-style:none;
	display: flex;
    justify-content: flex-end;
	flex-wrap:wrap;
	margin:0 auto;
	padding: 0 0 4.0rem 0;
}
/* SNSシェアアイコン */
.shareList__item {
    flex-grow: 1;
	height:20px;
	line-height:40px;
	min-width:30px;
	text-align:center;
}
.shareList__link {
	display:block;
	text-decoration: none;
	margin: 0 0.2rem;
	border-radius: var(--SNS-rod);-webkit-border-radius: var(--SNS-rod);-moz-border-radius: var(--SNS-rod); /* 角丸 */
}
a.shareList__link:link,
a.shareList__link:visited,
a.shareList__link:active {
	color: var(--SNSshare-txt); /* テキスト色 */
}
.shareList__link::before{
	display:block;
	transition: ease-in-out .2s;
}
.shareList__link:hover::before{
	transform: scale(1.2);
	background: var(--SNSshare-bg); /* 背景色 */
	box-shadow: var(--app-BgBox-bbg);-webkit-box-shadow: var(--app-BgBox-bbg); /* 背景影色 */
}
/* アイコンカラー指定 */
/* twitter */
.shareList__link.icon-twitter{background:var(--twitter-bg);}
.shareList__link.icon-twitter:hover::before{color:var(--twitter-bg);}
/* facebook */
.shareList__link.icon-facebook{background:var(--facebook-bg);}
.shareList__link.icon-facebook:hover::before{color:var(--facebook-bg);}
/* google-plus */
.shareList__link.icon-google-plus{background:var(--google-bg);}
.shareList__link.icon-google-plus:hover::before{color:var(--google-bg);}
/* hatebu */
.shareList__link.icon-hatebu{background:var(--hatebu-bg);}
.shareList__link.icon-hatebu:hover::before{color:var(--hatebu-bg);}
/* pocket */
.shareList__link.icon-pocket{background:var(--pocket-bg);}
.shareList__link.icon-pocket:hover::before{color:var(--pocket-bg);}
/* rss */
.shareList__link.icon-rss{background:var(--rss-bg);}
.shareList__link.icon-rss:hover::before{color:var(--rss-bg);}
/* feedly */
.shareList__link.icon-feedly{background:var(--feedly-bg);}
.shareList__link.icon-feedly:hover::before{color:var(--feedly-bg);}
/* pinterest */
.shareList__link.icon-pinterest{background:var(--pinterest-bg);}
.shareList__link.icon-pinterest:hover::before{color:var(--pinterest-bg);}
/* linkedin */
.shareList__link.icon-linkedin{background:var(--linkedin-bg);}
.shareList__link.icon-linkedin:hover::before{color:var(--linkedin-bg);}
/* line */
.shareList__link.icon-line{background:var(--line-bg);}
.shareList__link.icon-line:hover::before{color:var(--line-bg);}

@media screen and (max-width: 600px) {
	#SNSboxArea {padding: 0 2.0rem;}
}
/* ** dezpt_sns01 end ** */

/* ** dezpt_sns02 start ** */
/*** SNSリンク設置 ***/
/* 基本設定 */
.snsblckArea {
	margin: 0 auto;
	padding: 1.0rem 0;
	background: #171717;
	text-align: center;
}
ul.snsblckAreaInn {display: flex;justify-content: center;align-items: center;}
ul.snsblckAreaInn li {list-style: none;}
.snsblckAreaInn a {
	color: #fff;
	width: 55px;
	height: 55px;
	font-size: 2.5rem;
	margin: 0 0.5rem;
	padding: 1.7rem 1.0rem 1.0rem 1.0rem;
	display: block;
	border-radius: 50%;
	background: #999;
}
.snsblckAreaInn a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** dezpt_sns02 end ** */

/*************************** タグ検索要素 ***************************/

/* ** dezpt_tag_search start ** */
/*** タグ検索要素 ***/

/* タグ検索基本枠ボックス */
.tagSearch {
	margin: 0 auto;
	padding: 1.0rem 0;
	color: var(--tagSearch-txt); /* テキスト色 */
	background: var(--tagSearch-bg); /* 背景色 */
	border-radius: var(--tagSearch-rod);-webkit-border-radius: var(--tagSearch-rod);-moz-border-radius: var(--tagSearch-rod); /* 角丸 */
	border: var(--tagSearch-brd); /* ボーダー指定 */
}
.sideClnD .tagSearch,
.sideClnS .tagSearch {padding-left: 0;padding-right: 0;}

/* タグ検索タイトル */
.tagSearchTi {
	margin: 0 auto;
	padding: 1.0rem;
	text-align: left;
	color: var(--tagSearchTi-txt); /* テキスト色 */
	background: var(--tagSearchTi-bg); /* 背景色 */
	border-radius: var(--tagSearch-rod);-webkit-border-radius: var(--tagSearch-rod);-moz-border-radius: var(--tagSearch-rod); /* 角丸 */
	border: var(--tagSearchTi-brd); /* ボーダー指定 */
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	line-height: 1.2em;
}
/* タグ検索内枠 */
.tagSearchInn {
	position: relative;
	margin: 0 auto;
	padding: 1.0rem 0;
	background: var(--tagSearch-bg); /* 背景色 */
}
.tagSearch ul {list-style: none;}

/* タグ検索もっと見るボタン */
.grad-btn {
	z-index: 3;
	position: absolute;
	right: 0;
	bottom: -40px; /* ボタン位置 */
	left: 0;
	width: 200px; /* ボタンサイズ */
	margin: auto;
	padding: 1.0rem 0;
	text-align: center;
	cursor: pointer;
	transition: .2s ease;
	color: var(--tagSearchBt-txt); /* テキスト色 */
	background: var(--tagSearchBt-bg); /* 背景色 */
	border-radius: var(--tagSearchBt-rod);-webkit-border-radius: var(--tagSearchBt-rod);-moz-border-radius: var(--tagSearchBt-rod); /* 角丸 */
	border: var(--tagSearchBt-brd); /* ボーダー指定 */
	font-size: clamp(1.4rem, 1.0vw, 1.4rem);
}
.grad-btn::before{content:attr(data-open);}
.tagSearch ul.tagLink {
	position: relative;
	overflow: hidden;
	height: 100px;
}
.tagSearch ul.tagLink::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px; /* ボタン位置に合わせた高さ指定 */
	content: "";
	background: -webkit-linear-gradient(top, transparent 0%, var(--tagSearch-bg) 100%); /* 背景色 */
	background: ; var(--tagSearchGd-bg); /* 背景色グラデーション */
}
.grad-trigger {display: none;}
.grad-trigger:checked ~ .grad-btn::before {content: attr(data-close)}
.grad-trigger:checked ~ .tagLink {height: auto;}
.grad-trigger:checked ~ .tagLink::before {display: none;}

/* タグアイコン共通設定 */
.tagSearch .tagLink li,
.detTagLink li {list-style: none;float: left;margin-bottom: 4px;margin-right: 4px;}
.ListBox .column .tagLink a,
.ListBox .ListTSgle .tagLink a,
.tagSearch .tagLink a,
.detTagLink a {
	margin: 0 0.2rem;
	padding: 0.8rem 1.0rem;
	display: flex;
	align-items: center;
	min-height: 1.5rem;
	font-weight: bold;
    color: var(--TagLink-txt); /* テキスト色 */
    background: var(--TagLink-bg); /* 背景色 */
	border-radius: var(--tagLink-rod);-webkit-border-radius: var(--tagLink-rod);-moz-border-radius: var(--tagLink-rod); /* 角丸 */
    border: 1px solid var(--TagLink-brd); /* ボーダー指定 */
}
.ListBox .column .tagLink a:hover,
.ListBox .ListTSgle .tagLink a:hover,
.tagSearch .tagLink a:hover,
.detTagLink a:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
.detTagLink {display:block;margin: 0 auto;}
.detTagLink li {margin: 0 auto;padding: 1.0rem 0;}
.tagSearch .tagLink a,
.detTagLink a,
.detTagLink {
	font-size: clamp(1.2rem, 1.0vw, 1.2rem);/* フォントサイズ */
}
/* ** dezpt_tag_search end ** */

/*************************** 詳細ページアイコンパーツ ***************************/

/* ** dezpt_contents_parts start ** */
/*** コンテンツ詳細でのカテゴリアイコン表記 ***/

/* カテゴリアイコン共通設定 */
ul.DetcateName {margin: 0 auto;padding: 1.0rem 0;list-style: none;}
ul.DetcateName li {float: left;padding: 0 0.5rem 0 0;}
ul.DetcateName span.DetcateIco {
	margin: 0;
	padding: 0.5rem 1.0rem;
	border-radius: var(--DetcateName-rod);-webkit-border-radius: var(--DetcateName-rod);-moz-border-radius: var(--DetcateName-rod); /* 角丸 */
}
ul.DetcateName span.DetcateIco {
	color:  var(--DetcateName-txt); /* テキスト色 */
	font-size: clamp(1.2rem, 1.0vw, 1.2rem); /* フォントサイズ */
	font-weight: bold;
}
/*** コンテンツ詳細での閲覧数・コメント・いいね数・日付表示 ***/

/* 共通設定 */
.rank_date_c_area {margin: 0 auto;padding: 1.5rem 0;}

/* 詳細画面ビュー数等アイコン */
.rank_date_c_area p.view,
.rank_date_c_area p.like,
.rank_date_c_area p.comment {float: left;padding: 0.1rem 1.0rem 0 3.5rem;}
.rank_date_c_area p.view,
.rank_date_c_area p.like,
.rank_date_c_area p.comment {
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	font-weight: bold;
}
/* 詳細登録日時表示 */
.rank_date_c_area p.date {
	font-size: clamp(1.2rem, 1.0vw, 1.2rem);
	font-weight: bold;
}
/*** いいね・お気に入りボタン設置個別指定 ***/

/* 共通設定 */
.siteShareBox,
.siteFavoriteBox {margin: 0 auto;padding: 1.0rem 0;}
.siteShareInn,
.siteFavoriteInn {margin: 0;padding: 0;}

/* いいね・お気に入りボタン設置個別指定 */
.siteShare,
.BrdSiteAcs,
.BrdSiteShare,
.BrdSiteRes,
.BrdSiteRep,
.siteShareNo {float: left;margin: 0 0.2rem;}
.siteShare a,
.siteShare span,
.siteFavorite a,
.siteFavorite span,
.BrdSiteShare span,
.BrdSiteRes span,
.BrdSiteAcs span,
.BrdSiteRep span {
	display: block;
	padding: 0.5rem 2.0rem 0.5rem 4.0rem;
	border-radius: var(--siteShareFavorite-rod);-webkit-border-radius: var(--siteShareFavorite-rod);-moz-border-radius: var(--siteShareFavorite-rod); /* 角丸 */
	font-weight: bold;
}
.siteShare a,
.siteShare span,
.siteFavorite a,
.siteFavorite span,
.BrdSiteShare span,
.BrdSiteRes span,
.BrdSiteAcs span,
.BrdSiteRep span,
.siteShareNo {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}
.siteShareNo {
	padding: 0.5rem 2.0rem;
	border-radius: var(--siteShareFavorite-rod);-webkit-border-radius: var(--siteShareFavorite-rod);-moz-border-radius: var(--siteShareFavorite-rod); /* 角丸 */
	font-weight: bold;
}
/* いいねボタン装飾 */
.siteShare a {
	background: url(../../../core_sys/common/images/sys/share_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.siteShare span {
	background: url(../../../core_sys/common/images/sys/share_ico_n.png) 6px center no-repeat var(--siteShareFavorite-dis-bg); /* 背景色（disable時） */
	color: var(--siteShareFavorite-dis-txt); /* テキスト色（disable時） */
	border: var(--siteShareFavorite-dis-brd); /* ボーダー指定（disable時） */
}
.siteShare a.crt,
.siteShare a:hover {
	background: url(../../../core_sys/common/images/sys/share_ico_w.png) 6px center no-repeat var(--siteShareFavorite-fc-bg);/* 背景色（カレント） */
	color: var(--siteShareFavorite-fc-txt); /* テキスト色（カレント） */
	border: var(--siteShareFavorite-fc-brd);  /* ボーダー指定（カレント） */
	text-decoration: none;
}
.BrdSiteShare span {
	background: url(../../../core_sys/common/images/sys/share_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.BrdSiteRes span {
	background: url(../../../core_sys/common/images/sys/res_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.BrdSiteAcs span {
	background: url(../../../core_sys/common/images/sys/acs_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.BrdSiteRep span {
	background: url(../../../core_sys/common/images/sys/rep_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.siteShareNo {
	color: var(--siteShareFavorite-txt);/* 背景色 */
	border: var(--siteShareFavorite-brd); /* テキスト色 */
	background: var(--var(--siteShareFavorite-bg));/* ボーダー指定 */
}
/* お気に入りボタン装飾 */
.siteFavorite a {
	background: url(../../../core_sys/common/images/sys/favorite_ico.png) 6px center no-repeat var(--siteShareFavorite-bg);/* 背景色 */
	color: var(--siteShareFavorite-txt);/* テキスト色 */
	border: var(--siteShareFavorite-brd); /* ボーダー指定 */
}
.siteFavorite span {
	background: url(../../../core_sys/common/images/sys/favorite_ico_n.png) 6px center no-repeat var(--siteShareFavorite-dis-bg); /* 背景色（disable時） */
	color: var(--siteShareFavorite-dis-txt); /* テキスト色（disable時） */
	border: var(--siteShareFavorite-dis-brd); /* ボーダー指定（disable時） */
}
.siteFavorite a.crt,
.siteFavorite a:hover {
	background: url(../../../core_sys/common/images/sys/favorite_ico_w.png) 6px center no-repeat var(--siteShareFavorite-fc-bg);/* 背景色（カレント） */
	color: var(--siteShareFavorite-fc-txt); /* テキスト色（カレント） */
	border: var(--siteShareFavorite-fc-brd);  /* ボーダー指定（カレント） */
	text-decoration: none;
}
@media screen and (max-width: 480px) {
	.siteShare,
	.BrdSiteAcs,
	.BrdSiteShare,
	.BrdSiteRes,
	.BrdSiteRep,
	.siteShareNo {margin: 0 0.1rem;}
	.siteShare a,
	.siteShare span,
	.siteFavorite a,
	.siteFavorite span,
	.BrdSiteShare span,
	.BrdSiteRes span,
	.BrdSiteAcs span,
	.BrdSiteRep span {padding: 0.5rem 1.0rem 0.5rem 3.0rem;}
	.siteShareNo {padding: 0.5rem 1.0rem;}
}
/* ** dezpt_contents_parts end ** */

/*************************** キーワード検索パーツ ***************************/

/* ** dezpt_search01 start ** */
/*** キーワード検索 ***/
/* 共通設定 */
.search_container {
	width: 100%;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	display: block;
	margin: 0 auto;
	padding: 0.5rem 1.0rem;
	border-radius: var(--contsearch-rod);-webkit-border-radius: var(--contsearch-rod);-moz-border-radius: var(--contsearch-rod); /* 角丸 */
	background: var(--contsearch-bg); /* 背景色 */
	border: var(--contsearch-brd); /* ボーダー指定 */
	box-shadow: var(--contsearch-sd); /* 背景影色 */
	font-weight: bold;
}
.search_container {font-size: clamp(1.4rem, 1.2vw, 1.6rem);}
.search_container input[type="text"]{border: none;width: 100%;height: 2.0em;}
.search_container input[type="text"]:focus {outline: 0;}
.search_container input[type="button"],
.search_container input[type="submit"]{
	cursor: pointer;
	border: none;
	position: absolute;
	width: 4.5em;
	height: 3.2em;
	right:-5px;
	top: -5px;
	outline : none;
	-webkit-appearance: none;
	border-radius: 0;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	background: var(--contsearch-bt-bg); /* 背景色 */
	color: var(--contsearch-txt); /* テキスト色 */
}
/* ** dezpt_search01 end ** */

/* ** dezpt_search02 start ** */
/*** キーワード検索(ボタン分離) ***/
.search_container_sepl {display: flex;justify-content: flex-end;align-items: center;}
.seplTxt {
	margin: 0 0.5rem;
	padding: 1.2rem;
	border-radius: var(--contsearch-sepl-rod);-webkit-border-radius: var(--contsearch-sepl-rod);-moz-border-radius: var(--contsearch-sepl-rod); /* 角丸 */
	background: var(--contsearch-sepl-bg); /* 背景色 */
	border: var(--contsearch-sepl-brd); /* ボーダー指定 */
	box-shadow: var(--contsearch-sepl-sd); /* 背景影色 */
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	font-weight: normal;
}
.seplTxt.TxtArea {width: 100%;} /* フリーテキスト */
.seplTxt.DayArea {width: 30%;} /* 日付入力 */

@media screen and (max-width: 600px) {
	.seplTxt.DayArea {width: 100%;}
}
.seplBt {
	padding: 1.0rem 1.5rem;
	border-radius: var(--contsearch-sepl-rod);-webkit-border-radius: var(--contsearch-sepl-rod);-moz-border-radius: var(--contsearch-sepl-rod); /* 角丸 */
	background: var(--contsearch-sepl-bt-bg); /* 背景色 */
	color: var(--contsearch-sepl-txt); /* テキスト色 */
	font-weight:bold;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
	border: none;
	-webkit-appearance:none;
}
.seplBt:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}

/* ** dezpt_search02 end ** */

/* ** dezpt_search03 start ** */

/*** 絞り込み検索(ポップアップ) ***/
.search_container_sepl a.seplBt {margin: 0.2rem 0;padding: 1.0rem 1.8rem;white-space:nowrap;}/* 詳細検索ボタン */
.seplBt.BtDet {background: #e7f036;color: #000;}
.popupSearch {width: 800px;margin: 0 auto;padding: 0;}
.popupSearchInn {width: 90%;margin: 0.5rem auto;padding: 0;}
.popupSearchBox {width: 100%;margin: 0 auto;padding: 2.0rem 0;}
.popupSearchBox .InputForm dt {width: 20%;padding-top: 2.0rem;}
.popupSearchBox .InputForm dd {width: 75%;}
.popupSearch .flexBtM {width: 100%;}
.popupSearch .flexBtM button {width: 90%;}

@media screen and (max-width: 600px) {
	.search_container_sepl a.seplBt {padding: 1.0rem 1.5rem;}/* 詳細検索ボタン */
	.popupSearch {width: 100%;}
	.popupSearchInn {width: 95%;}
	.popupSearchBox {width: 100%;padding: 0.5rem 0;}
	.popupSearchBox .InputForm dt {width: 100%;padding-top: 0;}
	.popupSearchBox .InputForm dd {width: 100%;}
	.popupSearch .flexBtM button {width: 80%;}
}
/* ** dezpt_search03 end ** */

/* ** dezpt_search04 start ** */

/*** 検索結果件数表示 ***/
.ListCntDetail {margin: 0 auto 2.0rem auto;}
.ListCntDetail p {
	padding: 0.5rem 0 0 0;
	text-align: center;
	font-size: clamp(1.3rem, 1.2vw, 1.4rem);
	font-weight: bold;
}
.ListCntDetail span.ListCntRgt {font-size: clamp(3.0rem, 2.5vw, 3.6rem);}
.ListCntDetail span.ListCntPsb {font-size: clamp(1.6rem, 1.6vw, 1.8rem);color: #d06c5f;padding: 0 0.2rem;}

/* ** dezpt_search04 end ** */

/*************************** システムアイコンパーツ ***************************/

/* ** dezpt_system_ico01 start ** */
/*** システム利用アイコン共通要素 ***/
/* 共通設定 */
span.IcoBox {
	border-radius: var(--IcoBox-rod);-webkit-border-radius: var(--IcoBox-rod);-moz-border-radius: var(--IcoBox-rod); /* 角丸 */
}
/* 親要素に対して幅継承（主に各種ステータス表示で利用） */
span.NrIcBg {
	margin: 0 0.2rem;
	padding: 0.5rem;
	text-align:center;
	font-size: 1.2rem;
	font-weight:bold;
	display:block;
}
/* 幅固定（主に各種ステータス表示で利用） */
span.MdIcBg {
	width: 12.0rem;
	margin: 0 0.2rem;
	padding: 0.5rem 0.3rem;
	text-align:center;
	font-size: 1.2rem;
	font-weight:bold;
	display:block;
}
@media screen and (max-width: 480px) {
	span.MdIcBg {width: 8.0rem;}
}
/* 幅固定小サイズ（主にnewマークや必須アイコン表示で利用） */
span.NewIcBg {
	border-radius: var(--IcoBox-rod);-webkit-border-radius: var(--IcoBox-rod);-moz-border-radius: var(--IcoBox-rod); /* 角丸 */
	width: 4.0rem;
	margin: 0 0.5rem;
	padding: 0.2rem 0.3rem;
	text-align:center;
	font-size: 1.0rem;
	font-weight:bold;
	display:inline-block;
}
/******* アイコンカラー *******/

span.BgBrk {color: var(--BgBrk-txt);background: var(--BgBrk-bg);}/* ブラック */
span.BgGry {color: var(--BgGry-txt);background: var(--BgGry-bg);}/* グレー */
span.BgOyl {color: var(--BgOyl-txt);background: var(--BgOyl-bg);}/* オレンジ */
span.BgBrn {color: var(--BgBrn-txt);background: var(--BgBrn-bg);}/* ブラウン */
span.BgYel {color: var(--BgYel-txt);background: var(--BgYel-bg);}/* イエロー */
span.BgBlu {color: var(--BgBlu-txt);background: var(--BgBlu-bg);}/* ブルー */
span.BgBls {color: var(--BgBls-txt);background: var(--BgBls-bg);}/* ブルー（鮮やか） */
span.BgBlk {color: var(--BgBlk-txt);background: var(--BgBlk-bg);}/* ブルー（彩度落ち） */
span.BgRed {color: var(--BgRed-txt);background: var(--BgRed-bg);}/* レッド */
span.BgPnc {color: var(--BgPnc-txt);background: var(--BgPnc-bg);}/* ピンク */
span.BgKrd {color: var(--BgKrd-txt);background: var(--BgKrd-bg);}/* レッド（鮮やか） */
span.BgEng {color: var(--BgEng-txt);background: var(--BgEng-bg);}/* レッド（彩度落ち） */
span.BgGrn {color: var(--BgGrn-txt);background: var(--BgGrn-bg);}/* グリーン */
span.BgKgr {color: var(--BgKgr-txt);background: var(--BgKgr-bg);}/* グリーン（彩度落ち） */

/* ** dezpt_system_ico01 end ** */

/* ** dezpt_system_ico02 start ** */
/* 矢印アイコン設定 */
.triangleT,
.triangleL,
.triangleR,
.triangleB {width: 0;height: 0;margin: 1.0rem auto;padding: 0;}
.triangleL {
	border-left: var(--Ico-triangle-size) solid var(--Ico-triangle-cr);
	border-top: var(--Ico-triangle-size) solid transparent;
	border-bottom: var(--Ico-triangle-size) solid transparent;
}
.triangleR {
	border-top: var(--Ico-triangle-size) solid transparent;
	border-right: var(--Ico-triangle-size) solid var(--Ico-triangle-cr);
	border-bottom: var(--Ico-triangle-size) solid transparent;
}
.triangleB {
	border-left: var(--Ico-triangle-size) solid transparent;
	border-right: var(--Ico-triangle-size) solid transparent;
	border-top: var(--Ico-triangle-size) solid var(--Ico-triangle-cr);
}
.triangleT {
	border-left: var(--Ico-triangle-size) solid transparent;
	border-right: var(--Ico-triangle-size) solid transparent;
	border-bottom: var(--Ico-triangle-size) solid var(--Ico-triangle-cr);
}
/* ** dezpt_system_ico02 end ** */

/* ** dezpt_system_ico03 start ** */
/* 友達アイコン表示 */
.friendIco {padding: 0 0.5rem;font-size: clamp(1.2rem, 1.4vw, 1.4rem);line-height: 1.0rem;}
.friendIco.friendOn {color: var(--Ico-friendOn-cr);} /* 友達追加済 */
.friendIco.friendOff {color: var(--Ico-friendOff-cr);} /* 友達未追加 */
.friendFrex {display: flex;}
.friendOnBg {background: var(--Ico-friendOn-cr);color: #fff;} /* 友達追加済 */
.friendOffBg {background: var(--Ico-friendOff-cr);color: #fff;} /* 友達未追加 */
/* ** dezpt_system_ico03 end ** */

/*************************** 画像スライドパーツ ***************************/

/* ** dezpt_slide_basic start ** */
/*** 画像スライド表示（基本パターン） ***/

/* 共通設定 */
.sldBox {position: relative;margin: 0;}
.sldSinpleBg {position: absolute;z-index: 1;right: -100vw;left: -100vw;margin: 0 auto;}

/****** 画像余白パターン ******/
/* sldMg01（メイン箇所余白あり・variableWidth: true要変更） */
.sldMg01 .slick-center{margin-right: 1.0rem;margin-left: 1.0rem;}

/* ネクストバックボタン設定 */
.slick-prev,
.slick-next {z-index: 50;}
.slick-prev {left: 20px;}
.slick-next {right: 60px;}
.slick-prev::before,
.slick-next::before {font-size: clamp(3.0rem, 3.0vw, 6.0rem);color: #000;}

@media screen and (max-width: 480px) {
	.slick-prev {left: 10px;}
	.slick-next {right: 20px;}
}
/* ネクストバックデザインパターン01 */
.sldAw01 .slick-arrow {display: block;position: absolute;top: 0;bottom: 0;margin: auto;padding: 0;width: 20px;height: 38px;color: transparent;z-index: 1;transition: opacity 0.5s;z-index: 1;}
.sldAw01 .slick-arrow:hover {opacity: 0.7;}

/* 共通設定 */
.sldAw01 .slick-next::before,
.sldAw01 .slick-next::after,
.sldAw01 .slick-prev::before,
.sldAw01 .slick-prev::after {position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;}
.sldAw01 .slick-next::after,
.sldAw01 .slick-prev::after {width: 26px;height: 26px;border-top: 1px solid #fff;border-right: 1px solid #fff;}

/* next */
.sldAw01 .slick-next {right: 26px;}
.sldAw01 .slick-next::after {right: 0.4rem;transform: rotate(45deg);}

/* prev */
.sldAw01 .slick-prev {left: 26px;}
.sldAw01 .slick-prev::after {left: 0.4rem;transform: rotate(-135deg);}

@media screen and (max-width: 767px) {
	.sldAw01 .slick-next::after,
	.sldAw01 .slick-prev::after {width: 1.0rem;height: 1.0rem;}
	.sldAw01 .slick-next {right: 0.8rem;}
	.sldAw01 .slick-prev {left: 0.8rem;}
	.sldAw01 .slick-next::after {right: 0.2rem;}
}
/* ネクストバックデザインパターン02 */
.sldAw02 .slick-arrow {display: block;position: absolute;top: 0;bottom: 0;margin: auto;padding: 0;width: 40px;height: 55px;color: transparent;z-index: 1;transition: opacity 0.5s;z-index: 1;background: #000;opacity: 0.8;border-radius: 0.3rem;}
.sldAw02 .slick-arrow:hover {opacity: 0.5;}

/* 共通設定 */
.sldAw02 .slick-next::before,
.sldAw02 .slick-next::after,
.sldAw02 .slick-prev::before,
.sldAw02 .slick-prev::after {position: absolute;top: 0;bottom: 0;margin: auto;content: "";vertical-align: middle;}
.sldAw02 .slick-next::after,
.sldAw02 .slick-prev::after {width: 20px;height: 20px;border-top: 2px solid #fff;border-right: 2px solid #fff;}

/* next */
.sldAw02 .slick-next {right: 20px;}
.sldAw02 .slick-next::after {right: 1.5rem;transform: rotate(45deg);}

/* prev */
.sldAw02 .slick-prev {left: 20px;}
.sldAw02 .slick-prev::after {left: 1.5rem;transform: rotate(-135deg);}

@media screen and (max-width: 767px) {
.sldAw02 .slick-arrow {width: 2.5rem;height: 5.0rem;}
	.sldAw02 .slick-next::after,
	.sldAw02 .slick-prev::after {width: 1.0rem;height: 1.0rem;}
	.sldAw02 .slick-next {right: 0;}
	.sldAw02 .slick-prev {left: 0;}
	.sldAw02 .slick-next::after {right: 1.0rem;}
	.sldAw02 .slick-prev::after {left: 1.0rem;}
}
/* ドットボタン設定 */
.slick-dots {padding: 0.5rem 0 0.8rem 0;bottom: 0;}
.slick-dotted.slick-slider {margin-bottom: 0;}

/* 画像サイズ指定 */
.sldSinple {width: 100%;}
.sldSinple img {width: 100%;height: auto;}

/*** 見えていない画像の色調指定 ***/
/* 透過 */
.sldAdp01 .slick-slide:not(.slick-center) {
	-webkit-filter: opacity(40%);
	-moz-filter: opacity(40%);
	-o-filter: opacity(40%);
	-ms-filter: opacity(40%);
	filter: opacity(40%);
	transition: 0.2s linear;
}
/* ぼかし */
.sldAdp02 .slick-slide:not(.slick-center) {
	-webkit-filter: blur(5px);
	-moz-filter:blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	transition: 0.2s linear;
}
/* モノクロ */
.sldAdp03 .slick-slide:not(.slick-center) {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: 0.2s linear;
}
/* 小さくする */
.sldAdp04 .slick-slide:not(.slick-center) {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
/*** 画像スライド表示（サムネイル画像表示） ***/
.sldSinpleThum img {width: 100%;height: auto;cursor: pointer;cursor: hand;}
.sldSinpleThum .thum-img {opacity: 0.3;}
.sldSinpleThum .slick-current {opacity: 1;}

/* ** dezpt_slide_basic end ** */

/* ** dezpt_slide01 start ** */
/*** 画像スライド表示（コンテンツ登録画像表示）(コンテンツタイトル表示あり) ***/

/* 共通設定 */
.slideDf_area,
.slideDfN_area {margin: 0 auto;padding: 0;}
.slideDf_box,
.slideDfN_box {width: 100%;margin: 0 auto;}
.slideDfN_box .slick-slide img {width: 100%;height: auto;}

/* タイトルエリア設定 */
.slideDfInn {padding: 0 2.0rem;}
.slideDfInn h2 {
	margin: 1.0rem auto;
	padding: 1.0rem;
	font-size: clamp(2.5rem, 2.0vw, 3.0rem);
	line-height: 1.2em;
	overflow: hidden;
}
@media screen and (max-width: 480px) {
	.slideDfInn {padding: 0 1.0rem;}
	.slideDfInn h2 {margin: 0.5rem auto;padding: 1.0rem 0;}
}
/* スライドコンテンツ時間表示 */
.slideDfInn p.cap {
	width: 100%
	margin: 1.0rem auto;
	padding: 1.0rem;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2em;
	text-align: right;
	border-top: 1px solid #cdcdcd;
}
.slideDfInn p.ph {
	width: calc(100% + 40px);
	height: 0;
	margin: 0 -20px;
	padding-top:56.75%;
	overflow: hidden;
	background-size:cover;
	position: relative;
}
.slideDfInn p.ph::before{
	content:"";
	position:absolute;
	top:-5%;
	left:-5%;
	width:110%;
	height:110%;
	background: inherit;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}
.slideDfInn p.ph img {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	max-width: 100%;
	max-height: 100%;
}
/* sldDt00（ドット表示背景無し下配置） */
.sldDt00 .slick-dots {}
.sldDt00 .slick-dots li button:before {opacity: 1;color: var(--SldDot-li);}
.sldDt00 .slick-dots li.slick-active button:before {opacity: 1;color: var(--SldDot-lia);}

/* sldDt01（ドット表示背景色付き下配置） */
.sldDt01 .slick-dots {bottom: -39px;background: var(--SldDot-bg);opacity: 1;}
.sldDt01 .slick-dotted.slick-slider {margin-bottom: 39px;}
.sldDt01 .slick-dots li button:before {opacity: 1;color: var(--SldDot-li);}
.sldDt01 .slick-dots li.slick-active button:before {opacity: 1;color: var(--SldDot-lia);}
.sldDt01 .slideDf_area .slick-dots {bottom: -65px;background: var(--SldDot-bg);opacity: 1;}
.sldDt01 .slideDf_area .slick-dotted.slick-slider {margin-bottom: 65px;}

/* sldDt02（ドット表示背景色付き透過配置） */
.sldDt02 .slick-dots {background: var(--SldDot-bg);opacity: 0.65;}
.sldDt02 .slick-dots li button:before {opacity: 1;color: var(--SldDot-li);}
.sldDt02 .slick-dots li.slick-active button:before {opacity: 1;color: var(--SldDot-lia);}

/* ** dezpt_slide01 end ** */

/* ** dezpt_slide02 start ** */

/*** 電光掲示板風テキストスライド ***/
.sldSinpleTxt {
	margin: 0 auto;
	padding: 1.2rem 2.0rem;
	font-size: clamp(2.5rem, 2.0vw, 3.0rem);
	line-height: 1.2em;
	overflow: hidden;
	white-space:nowrap;
}
.sldSinpleTxt div {
	display : inline-block;  /* 必須 */
	padding-left: 100%;    /* 右端から文字をスタートさせるため */
	white-space : nowrap; /* 改行が起こらないように対策 */
	line-height : 1em;         /* 行間（高さ）を1文字分にする */
	animation : scroll 30s linear infinite; /* 下のアニメーションを30秒かけて行い、それをくりかえす */
}
.sldSinpleTxt p {display : inline-block;padding-left: 30.0rem;}
.sldSinpleTxt p:first-child {padding-left: 0;}

/* アニメーション（右から左に移動） */
@keyframes scroll{
	0% { 
		transform: translateX(0)
	}
	100% {
		transform: translateX(-100%)
	}
}
/* ** dezpt_slide02 end ** */

/*************************** カレンダーパーツ ***************************/

/* ** dezpt_calendar01 start ** */
/*** カレンダー表示要素  ***/

/* カレンダー月選択表示設定 */
.calendarHead {padding: 0px;text-align:center;position: relative;}
.calendarMD {
	padding-top: 1.5rem 0 0 0;
	font-weight: bold;
	line-height: 1.2;
}
.calendarMD .calendarYear {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}
.calendarMD .calendarMnt {font-size: clamp(2.5rem, 3.0vw, 4.0rem);}
.calendarMD .calendarYearD {padding: 1.0rem 0 0 0;font-size: clamp(2.0rem, 2.0vw, 3.0rem);}

/* カレンダー年月リンク */
.calendarLink {position: absolute;right:0.5rem;top: 1.0rem;}
.calendarLink ul {display: flex;}
.calendarLink li  {padding: 0px 0.2rem;list-style:none;}
.calendarLink a:link  {
	padding: 1.0rem;
	display:block;
	text-decoration: none;
	text-align: center;
	border: var(--app-calendarLink-brd); /* ボーダー指定 */
	border-radius: var(--app-calendarLink-rod);-webkit-border-radius: var(--app-calendarLink-rod);-moz-border-radius: var(--app-calendarLink-rod); /* 角丸 */
	background: var(--app-calendarLink-cr); /* 背景色 */
	color: var(--app-calendarLink-txt); /* テキスト色 */
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	font-weight: bold;
}
.calendarLink a:hover {background: var(--app-calendarLink-cr-ah);} /* 背景色 マウスオン */

@media screen and (max-width: 600px) {
	.calendarLink {position: static;margin: 1.0rem auto 0 auto;}
	.calendarLink ul {justify-content: center;}
}
/* 通常カレンダー本体表示設定 */
.calendarTable {margin: 0 auto;padding: 0;}
.calendarTable table {
	width:100%;
	border-collapse: separate;
	border-spacing : 0.3rem;
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
}
@media screen and (max-width: 896px) {
	.calendarTable table.ScrTable {
		display: block;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		table-layout: fixed;
	}
}
.calendarTable th {
	width:14.28%;
	padding: 0.5rem; /* パディング(TH) */
	border-bottom: var(--app-calendarTable-th-brd); /* ボーダー指定(TH) */
	background: var(--app-calendarTable-th-cr); /* 背景色(TH) */
	text-align:center;
}
.calendarTable th.sun {color: var(--app-calendarTable-sun-txt);} /* テキスト色(日曜日) */
.calendarTable th.sut {color: var(--app-calendarTable-sut-txt);} /* テキスト色(土曜日) */
.calendarTable th.day {color: var(--app-calendarTable-day-txt);} /* テキスト色(平日) */

.calendarTable td {
	padding: 0.5rem;
	vertical-align:top;
	border-bottom: var(--app-calendarTable-td-brd); /* ボーダー指定(TD) */
	background: var(--app-calendarTable-td-cr); /* 背景色(TD) */
}
.calendarTable.CldBrdNo td {border-top: none;}
.calendarTable td.hld {background: var(--app-calendarTable-hld-bg);} /* 背景色(当日) */
.calendarTable td.cln {background: var(--app-calendarTable-cln-bg);} /* 背景色(前の月・次の月) */
.calendarTable td.sun {background: var(--app-calendarTable-sun-bg);} /* 背景色(日曜日) */
.calendarTable td.sut {background: var(--app-calendarTable-sut-bg);} /* 背景色(土曜日) */
.calendarTable td.art {background: var(--app-calendarTable-art-bg);} /* 背景色(注意喚起用) */

p.calNum {
	padding: 0.3rem 0.3rem 0.5rem 0;
	font-weight:bold;
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
}
p.calNum span {display:block;width: 2.5rem;height: 2.5rem;text-align:center;padding-top: 0.2rem;}

span.theday {
	-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;
	color: var(--app-calendarTable-theday-txt); /* テキスト色(当日・アイコン) */
	background-color: var(--app-calendarTable-theday-bg); /* 背景色(当日・アイコン) */
}
span.theday a {color: var(--app-calendarTable-theday-txt); /* テキスト色(当日・アイコン) */}
span.sunNo {color: var(--app-calendarTable-sun-no-txt);} /* テキスト色(日曜日・前翌月) */
span.sunOn {color: var(--app-calendarTable-sun-txt);} /* テキスト色(日曜日) */
span.sutNo {color: var(--app-calendarTable-sut-no-txt);} /* テキスト色(土曜日・前翌月) */
span.sutOn {color: var(--app-calendarTable-sut-txt);} /* テキスト色(土曜日) */
span.dayNo {color: var(--app-calendarTable-day-no-txt);} /* テキスト色(平日・前翌月) */
span.dayON {color: var(--app-calendarTable-day-txt);} /* テキスト色(平日) */

/* 月選択カレンダー本体表示設定 */
.calendarBtLink {margin: 1.0rem auto;padding: 0;}
.calendarBtLinkInn {width: 24%;margin: 0.5rem 0.2rem;display: inline-block;}
.calendarBtLinkInn a {
	padding: 2.0rem 1.0rem 1.0rem 1.0rem;
	display:block;
	text-decoration: none;
	border: var(--app-calendarBtLinkInn-brd); /* ボーダー指定 */
	text-align: center;
	border-radius: var(--app-calendarBtLinkInn-rod);-webkit-border-radius: var(--app-calendarBtLinkInn-rod);-moz-border-radius: var(--app-calendarBtLinkInn-rod); /* 角丸 */
	background: var(--app-calendarBtLinkInn-cr); /* 背景色 */
}
.calendarBtLinkInn a:hover {
	background: var(--app-calendarBtLinkInn-cr-ah); /* 背景色 マウスオン */
}
/* 月表示 */
.calendarBtLinkMnt {
	font-size: clamp(2.0rem, 1.8vw, 2.5rem); /* フォントサイズ*/
	color: var(--app-calendarBtLinkMnt-txt); /* テキスト色 */
}
/* 設定状態表示 */
.calendarBtLinkTxt {
	margin: 1.0rem auto 0 auto;
	padding: 1.0rem 0.2rem;
	font-size: clamp(1.2rem, 1.2vw, 1.4rem);
	color: var(--app-calendarBtLinkTxt-txt); /* テキスト色 */
	border-radius: var(--app-calendarBtLinkTxt-rod);-webkit-border-radius: var(--app-calendarBtLinkTxt-rod);-moz-border-radius: var(--app-calendarBtLinkTxt-rod); /* 角丸 */
	text-align: center;
}
.calendarBtLinkTxt.MSet {
	border: var(--app-calendarBtLinkTxt-mset-brd); /* ボーダー指定 */
	background: var(--app-calendarBtLinkTxt-mset-cr); /* 背景色 */
}
.calendarBtLinkTxt.Set {
	border: var(--app-calendarBtLinkTxt-set-brd); /* ボーダー指定 */
	background: var(--app-calendarBtLinkTxt-set-cr); /* 背景色 */
}
/*** 年や日付などのみ表示時の設定 ***/
.dayLayoutBox {margin: 0 auto 1.0rem auto;text-align: center;}
.dayLayoutYear {font-size: clamp(1.6rem, 1.6vw, 1.8rem);font-weight: bold;}
.dayLayoutDay {font-size: clamp(2.5rem, 2.5vw, 3.0rem);font-weight: bold;}
.dayLayoutTxt {font-size: clamp(1.6rem, 1.6vw, 1.8rem);font-weight: bold;}

/*** カレンダー内でのテキスト設定 ***/

.calendarInnDay,
.calendarInnTxt,
.calendarInnIco {text-align: left;}
.calendarInnDay {padding: 0 0 0.5rem 0;font-size: clamp(1.2rem, 1.2vw, 1.2rem);line-height: 1.0;}
.calendarInnTxt {padding: 0 0 0.5rem 0;font-size: clamp(1.4rem, 1.4vw, 1.4rem);line-height: 1.4;font-weight: bold;}
.calendarInnIco {padding: 0.2rem 0 1.0rem 0;font-size: clamp(1.2rem, 1.2vw, 1.2rem);line-height: 1.0;}

/* ** dezpt_calendar01 end ** */

/* ** dezpt_calendar02 start ** */
/*** jqueryポップアップカレンダー  ***/

/* ** dezpt_calendar02 end ** */

/*************************** テーブルパーツ ***************************/

/* ** dezpt_table start ** */
/*** テーブル要素 ***/
/* 共通設定 */
.TableBox table {
	width:100%;
	margin: var(--TableBox-mg); /* マージン */
	padding: var(--TableBox-pd); /* パディング */
	text-align: center;
}
.TableBox table {
	font-size: var(--font-TableBox);/* フォントサイズ */
	font-weight: bold;
}
.TableBox th {
	padding: var(--TableBox-th-pd); /* パディング */
	background: var(--TableBox-th-bg);/* 背景色 */
	border: var(--TableBox-brd); /* ボーダー指定 */
	color:  var(--TableBox-txt); /* テキスト色 */
}
.TableBox td {
	padding: var(--TableBox-td-pd); /* パディング */
	background: var(--TableBox-td-bg);/* 背景色 */
	border: var(--TableBox-brd); /* ボーダー指定 */
	color:  var(--TableBox-txt); /* テキスト色 */
}
.TableBox table.ScrTableSet {
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	table-layout: fixed;
}
@media screen and (max-width: 600px) {
	.TableBox table.ScrTable {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		table-layout: fixed;
	}
}
/* ** dezpt_table end ** */

/*************************** デザイン装飾パーツ ***************************/

/********* デザイン装飾パーツ（タイトル・テキスト・画像・動画・地図基本設置） *********/

/* ** dezpt_Basicblck start ** */
/* 基本設定 */
.basicblckArea {margin: 0 auto;padding: 0;}/* 記事・画像等配置の基本設定 */
.basicblckImgArea {margin: 0 auto;padding: 0;}/* 画像関連 */
.basicblckSideArea {margin: 0 auto;padding: 0;}/* 要素横並び関連 */

/* サイドカラム時設定 */
.ClmblckArea .basicblckArea {padding: 0 3.0rem;}/* 記事・画像等配置の基本設定 */
.ClmblckArea .basicblckImgArea {padding: 0 3.0rem;}/* 画像関連 */
.ClmblckArea .basicblckSideArea {padding: 0 3.0rem;}/* 要素横並び関連 */

@media screen and (max-width: 600px) {
	.basicblckArea,
	.basicblckImgArea,
	.basicblckSideArea {width: 90%;}
}
.bsblckImg {width: 100%;margin: 0 auto;padding: 0;text-align: center;font-size: 0;}
.bsblckImg .bsImg img {width: 100%;}

/* ** dezpt_Basicblck end ** */

/* ** dezpt_Basicblck01 start ** */

/*** サイト内基本テキスト装飾（メイン・キャプション） ***/
/* 基本設定 */
p.mainTxt,
p.mainCap {text-align: left;}
p.cnt.mainTxt,
p.cnt.mainCap {text-align: center;}

/* メインテキスト設定 */
.articleBox p.mainTxt,
p.mainTxt {
	margin-left: auto;
	margin-right: auto;
	font-size: clamp(1.6rem, 1.8vw, 1.8rem);
	line-height: 1.8;
}
/* メインキャプション設定 */
p.mainCap {
	margin-left: auto;
	margin-right: auto;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	line-height: 1.4;
	border-radius: var(--app-capBox-rod);
}
/* ** dezpt_Basicblck01 end ** */

/* ** dezpt_Basicblck02 start ** */
/****************** 画像配置(拡大画像対応) ******************/
/* 画像下キャプション設定 */
.bsblckImg .bsCap {
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
	padding: 1.0rem 0 2.0rem 0;
}
/* 1画像表示 */
.bsblckImg .sgImg {padding-left: 0;padding-right: 0;}

/* 2画像表示 */
.bsblckImg .scImg {display: inline-block;width: calc(100% / 2);padding-left: 0;padding-right: 0;}
.bsblckImg .scImg:first-child {padding-right: 1.0rem;}
.bsblckImg .scImg:last-child {padding-left: 1.0rem;}

/* 3画像表示 */
.bsblckImg .thImg {display: inline-block;width: calc(100% / 3);padding-left: 0.5rem;padding-right: 0.5rem;}
.bsblckImg .thImg:first-child {padding-left: 0;padding-right: 1.0rem;}
.bsblckImg .thImg:last-child {padding-left: 1.0rem;padding-right: 0;}

/* ** dezpt_Basicblck02 end ** */

/* ** dezpt_Basicblck03 start ** */
/****************** ビデオ埋め込み共通 ******************/
/* 基本設定 */
.innvideo{position:relative;width:100%;padding-top:56.25%;}
.innvideo iframe{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height: 100%;}
.videoMax{margin: 0 auto;max-width:100%;}

/* ** dezpt_Basicblck03 end ** */

/* ** dezpt_Basicblck04 start ** */
/****************** レスポンシブ対応地図設置 ******************/
/* 基本設定 */
.mapArea {padding: 0;}
.google_map{position:relative;width:100%;height:0;margin: 0 auto;padding-top: 50%;}
.google_map iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
@media screen and (max-width: 600px) {
	.google_map{padding-top: 80%;}
}
.AccessDet {margin: 0 auto;padding: 2.0rem;text-align: center;}
.AccessAdd {margin: 0 auto;padding: 0;font-size: clamp(1.8rem, 2.4vw, 2.4rem);font-weight: bold;}
.AccessSt {margin: 0 auto;padding: 0.5rem 0;font-size: clamp(1.4rem, 1.6vw, 1.6rem);}

/* ** dezpt_Basicblck04 start ** */

/********* デザインレイアウトパーツ（画像を利用した各種特殊レイアウト） *********/

/* ** dezpt_tblck start ** */
/****************** 左右二分割画像背景 ******************/
/* 基本設定 */
.tblckArea {width: 100%;margin: 0 auto;}
.tblckBox {width: 50%;margin: 0;padding: 1.0rem 0 2.0rem 0;}
.lyot01 {float: left;}
.lyot02 {float: right;}
.lyot01 {background: url(../../../core_sys/common/images/dez_tmp/tblck_img01_no.jpg) center top no-repeat;}
.lyot02 {background: url(../../../core_sys/common/images/dez_tmp/tblck_img02_no.jpg) center top no-repeat;}
.tblckInn {}
.lyot01 .tblckInn {width: 100%;float: right;padding: 5.0rem 3.0rem 3.0rem 0;}
.lyot02 .tblckInn {width: 100%;float: left;padding: 5.0rem 0 3.0rem 3.0rem;}
.lyot01 .BtM .conDetBtM {width: 60%;float: right;}
.lyot02 .BtM .conDetBtM {width: 60%;float: left;}

/* タイトル */
.tblckTi {
	width: 100%;
	color: #fff;
	padding-bottom: 2.0rem;
	font-size: clamp(2.5rem, 2.5vw, 3.5rem);
	line-height: 1.4em;
	border-bottom: 1px dotted #fff;
}
/* テキスト */
.tblckTxt {
	color: #fff;
	padding: 2.0rem 0;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	font-weight: bold;
	line-height: 1.8em;
}
.lyot01 .tblckTi,
.lyot01 .tblckTxt {text-align: right;}
.lyot02 .tblckTi,
.lyot02 .tblckTxt {text-align: left;}

/* サイドカラム時設定 */
.ClmblckArea .tblckTi {font-size: 3.0rem;line-height: 1.2em;}
.ClmblckArea .tblckTxt {font-size: 1.6rem;line-height: 1.6em;}
.ClmblckArea .lyot01 .tblckInn {width: 100%;float: right;padding: 5.0rem 3.0rem 0 3.0rem;}
.ClmblckArea .lyot02 .tblckInn {width: 100%;float: left;padding: 5.0rem 3.0rem 0 3.0rem;}

@media screen and (max-width: 900px) {
	.tblckBox {width: 100%;margin: 0;padding: 1.0rem 0 2.0rem 0;}
	.lyot01,
	.lyot02 {float: none;}
	.lyot01 .tblckTi,
	.lyot01 .tblckTxt {text-align: left;}
	.lyot02 .tblckTi,
	.lyot02 .tblckTxt {text-align: left;}
	.lyot01 .tblckInn,
	.lyot02 .tblckInn {width: 100%;float: none;padding: 3.0rem 2.5rem;}
	.lyot01 .BtM .conDetBtM,
	.lyot02 .BtM .conDetBtM {width: 90%;margin: 2.0rem auto 0 auto;float: none;}
	.lyot01,
	.lyot02 {background-size: auto 100%;}
}
/* ** dezpt_tblck end ** */

/* ** dezpt_lrblck start ** */
/****************** 写真左 テキスト右・写真右 テキスト左 ******************/
/* 基本設定 */
.lrblckArea {width: 100%;height: 400px;position: relative;}
.lrblckArea:before {top: 0;width: 50%;height: 100%;content: '';position: absolute;}
.lrblckArea.lyotL:before {right: 50%;}
.lrblckArea.lyotR:before {left: 50%;}
.lrblckBox {top: 0;width: 50%;height: 100%;content: '';position: absolute;}
.lyotL .lrblckBox {left: 50%;}
.lyotR .lrblckBox {right: 50%;}
.lrblckInn {width: 600px;padding: 6.0rem 4.0rem;}
.lyotR .lrblckInn {float: right;}
.lrblckTi {
	color: #000;
	font-size: clamp(3.0rem, 2.0vw, 4.0rem);
	line-height: 1.0em;
}
.lrblckTxt {
	padding: 2.0rem 0;
	color: #000;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	line-height: 1.8em;
}
.lrblckArea.lrblckImg01,
.lrblckArea.lrblckImg02 {background: #f1f1f1;}
.lrblckArea.lrblckImg01:before {background: url(../../../core_sys/common/images/dez_tmp/lrblck_img01_no.jpg) center center no-repeat;}
.lrblckArea.lrblckImg02:before {background: url(../../../core_sys/common/images/dez_tmp/lrblck_img02_no.jpg) center center no-repeat;}

@media screen and (min-width:600px) and ( max-width:1100px) {
	.lrblckInn {width: 100%;padding: 6.0rem 3.0rem;}
	.lrblckInn .BtM .conDetBtM {width: 80%;}
}
@media screen and (max-width: 600px) {
	.lrblckArea {height: auto;}
	.lrblckArea:before {width: 100%;position: static;}
	.lrblckBox {width: 100%;position: static;padding-top: 260px;display: block;}
	.lyotL .lrblckBox {left: 100%;}
	.lyotR .lrblckBox {left: 100%;}
	.lrblckInn {width: 100%;padding: 2.0rem;}
	.lyotR .lrblckInn {float: none;}
	.lrblckArea.lrblckImg01 {background: url(../../../core_sys/common/images/dez_tmp/lrblck_img01_no.jpg) center top no-repeat;background-size:contain;}
	.lrblckArea.lrblckImg02 {background: url(../../../core_sys/common/images/dez_tmp/lrblck_img02_no.jpg) center top no-repeat;background-size:contain;}
}
@media screen and (min-width:480px) and ( max-width:600px) {
	.lrblckBox {width: 100%;position: static;padding-top: 320px;display: block;}
}
/* ** dezpt_lrblck end ** */

/* ** dezpt_phblck start ** */
/****************** 写真上 テキスト下・写真下 テキスト上・写真上 テキスト下 3分割 ******************/
/* 基本設定 */
.phblckArea {padding: 0;font-size:0;}
.phblckBox {width: 33.33%;margin: 0;padding: 0;display: inline-block;vertical-align: top;}
.phblckImg {width: 100%;height: 345px;overflow: hidden;}
.phblckTxt {
	width: 100%;
	height: 345px;
	padding: 2.0rem 3.0rem;
	background: #f1f1f1;
	overflow: hidden;
}
.phblckImg img {width: 100%;}
.phblckTi {
	color: #000;
	font-size: clamp(2.5rem, 2.5vw, 3.0rem);
	text-align: center;
}
.phblckTxtInn {
	padding: 1.0rem 0;
	color: #000;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	font-weight: bold;
	line-height: 1.4em;
}
.phlyot01 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img01_no.jpg) center center no-repeat;background-size: 100% auto;}
.phlyot02 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img02_no.jpg) center center no-repeat;background-size: 100% auto;}
.phlyot03 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img03_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblckBox .BtM .conDetBtS {width: 60%;}

@media screen and (min-width:700px) and ( max-width:1100px) {
	.phblckTxtInn {line-height: 1.6em;}
	.phlyot01 .phblckImg {background-size: auto 100%;}
	.phlyot02 .phblckImg {background-size: auto 100%;}
	.phlyot03 .phblckImg {background-size: auto 100%;}
	.phblckBox .BtM .conDetBtS {width: 80%;}
}
@media screen and (max-width: 700px) {
	.phblckArea {width: 100%;}
	.phblckBox {width: 100%;display: block;}
	.phblckImg {height: 320px;}
	.phblckTxt {padding: 20px;height: auto;}
	.phblckBox {display: flex;}
	.phlyot01,
	.phlyot03 {flex-direction: column}
	.phlyot02 {flex-direction: column-reverse}
	.phlyot01 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img01_no.jpg) center center no-repeat;background-size: 100% auto;}
	.phlyot02 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img02_no.jpg) center center no-repeat;background-size: 100% auto;}
	.phlyot03 .phblckImg {background: url(../../../core_sys/common/images/dez_tmp/phblck_img03_no.jpg) center center no-repeat;background-size: 100% auto;}
	.phblckBox .BtM .conDetBtS {width: 80%;}
}
/* ** dezpt_phblck end ** */

/* ** dezpt_phblck4 start ** */
/****************** 写真上 テキスト下 4分割 ******************/
/* 基本設定 */
.phblck4Area {padding: 0;font-size:0;}
.phblck4Area .BtM {width: 500px;margin: 0 auto;}
.phblck4Box {margin: 0 auto;padding: 0;}
.phblck4Box .phblck4Img {margin: 0;padding: 0;display: inline-block;vertical-align: top;}

.phblck4Img {width: 25%;height: 250px;}
.phblck4Img01 {background: url(../../../core_sys/common/images/dez_tmp/phblck4_img01_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblck4Img02 {background: url(../../../core_sys/common/images/dez_tmp/phblck4_img02_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblck4Img03 {background: url(../../../core_sys/common/images/dez_tmp/phblck4_img03_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblck4Img04 {background: url(../../../core_sys/common/images/dez_tmp/phblck4_img04_no.jpg) center center no-repeat;background-size: 100% auto;}
.phblck4Txt {width: 100%;padding: 3.0rem 2.0rem;background: #f1f1f1;}
.phblck4Ti {
	color: #000;
	font-size: clamp(3.0rem, 3.0vw, 4.0rem);
	line-height: 1.2em;
	text-align: center;
}
.phblck4TxtInn {
	padding: 3.0rem 0;
	color: #000;
	font-size: clamp(1.6rem, 1.6vw, 1.8rem);
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}
@media screen and (min-width:600px) and ( max-width:1100px) {
	.phblck4Img {width: 25%;height: 150px;}
}
@media screen and (max-width: 600px) {
	.phblck4Area {width: 100%;}
	.phblck4Area .BtM {width: 90%;margin: 0 auto;}
	.phblck4Box .phblck4Img {width: 50%;height: 160px;}
	.phblck4Txt {padding: 2.0rem 2.0rem 1.0rem 2.0rem;}
	.phblck4Ti,
	.phblck4TxtInn {text-align: left;}
}
/* ** dezpt_phblck4 end ** */

/* ** dezpt_pointblck start ** */
/****************** ポイントパーツ基本設定 ******************/

/*** 基本ボックス指定 ***/
.dispBox {width: 100%;margin: 0 auto;padding: 4.0rem 0;text-align: center;}
.dispBoxInn {margin: 0 auto;padding: 0;border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod);}

/*** カラー等個別設定 ***/
/* 基本パターン */
.dispBox.pointDz01 {background: #4c4c4c;}
.dispBox.pointDz01 .dispBoxInn {background: #fff;box-shadow: 0 0 3px #000;}
.dispBox.pointDz01 .heading0110{color: #fff;}
.dispBox.pointDz01 .heading0110:before {background: #fff;}
.dispBox.pointDz01 .heading0110 span {background: #4c4c4c;}
.dispBox.pointDz01 .dispBoxLabel {color: #fff;background: #000;}
.dispBox.pointDz01 .dispBoxTi span,
.dispBox.pointDz01 .dispBoxTiSub span {color: #c20707;}

/*** テキスト指定 ***/
/* ポイントアイコン共通 */
.dispBoxSup,
.dispBoxSup_uaw {
	margin: 0 auto 2.0rem auto;
	padding: 1.0rem 0;
	text-align: center;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
	line-height: 1.0em;
	width: 250px;
	color: #fff;
	background: #1c1c1c;
	border-radius: 0.2rem;
}
.dispBoxSup {width: 250px;}/* ポイントアイコン */
.dispBoxSup_uaw {position: relative;width: 400px;}/* ポイントアイコン（吹き出し風） */
.dispBoxSup_uaw:after {position: absolute;bottom: -15px;left: 47%;width: 0;height: 0;content: '';border-width: 20px 12px 0 12px;border-style: solid;border-color: #1c1c1c transparent transparent transparent;}

.dispBoxTxtArea {width: 85%;margin: 0 auto;padding: 4.0rem 0;text-align: center;}
.dispBoxTi {margin: 0;padding: 1.5rem 0 0.5rem 0;font-size: clamp(3.0rem, 2.5vw, 4.5rem);line-height: 1.2em;text-align: center;}/* 文中タイトル */
.dispBoxTiSub {margin: 0;padding: 1.0rem 0 0 0;font-size: clamp(2.0rem, 2.0vw, 3.0rem);font-weight: bold;line-height: 1.2em;}/* 文中サブタイトル */
.dispBoxTxt {margin: 0;padding: 3.0rem 0;font-size: clamp(1.6rem, 1.6vw, 2.0rem);text-align: left;}/* 文中テキスト */
.dispBoxImg {margin: 0 auto;padding: 1.0rem 0;}
.dispBoxImg img {width: 100%;}/* 画像指定 */
.dispBoxBt {width: 100%;margin: 0;padding: 2.0rem 0;}
.dispBoxBtDet {width: 60%;margin: 0 auto;padding: 2.0rem 1.0rem;font-size: clamp(1.6rem, 1.6vw, 2.0rem);}/* 個別ボタン指定 */

@media screen and (max-width: 790px) {
	.dispBoxSup,
	.dispBoxSup_uaw {width: 80%;}
	.dispBoxTiSub {text-align: left;}
	.dispBoxBtDet {width: 100%;}
}
/****************** ポイントパーツ個別設定 ******************/

/* 個別ボックス指定 */
.dispBox.pointPt0101 .dispBoxInn {width: 90%;}
.dispBox.pointPt0101 .dispBoxInn {
	background: url(../../../core_sys/common/images/dez_tmp/point0101_pc.jpg) right center no-repeat #fff;
	background-size: 80% auto;
}
.dispBox.pointPt0101 .dispBoxTxtArea {width: 60%;margin: 0 0;padding: 4.0rem 5.0rem;text-align: left;}
.dispBox.pointPt0101 .dispBoxSup,
.dispBox.pointPt0101 .dispBoxSup_uaw {margin: 0 0 2.0rem 0;}
.dispBox.pointPt0101 .dispBoxTi {text-align: left;}/* 文中タイトル */
.dispBox.pointPt0101 .dispBoxBtDet {width: 100%;margin: 0;}/* 個別ボタン指定 */

@media screen and (max-width: 790px) {
	.dispBox.pointPt0101 .dispBoxTxtArea {width: 100%;margin: 0 auto 2.0rem auto;padding: 25.0rem 2.5rem 4.0rem 2.5rem;}
	.dispBox.pointPt0101 .dispBoxInn {
		background: url(../../../core_sys/common/images/dez_tmp/point0101_sp.jpg) right top no-repeat #fff;
		background-size: 100% auto;
	}
	.dispBox.pointPt0101 .dispBoxSup,
	.dispBox.pointPt0101 .dispBoxSup_uaw {margin: 0 auto 2.0rem auto;}
}
/*** 個別設定 pointPt0102 ****/

.dispBox.pointPt0102 .dispBoxInn {width: 860px;}

@media screen and (max-width: 790px) {
	.dispBox.pointPt0102 .dispBoxInn {width: 90%;}
}
/*** 個別設定 pointPt0103 ****/

.dispBox.pointPt0103 .dispBoxInn {width: 1200px;}
.dispBox.pointPt0103 .dispBoxTxtL {width: 50%;padding: 0;}
.dispBox.pointPt0103 .dispBoxTxtAreaInn {
	background: url(../../../core_sys/common/images/dez_tmp/point0103_pc.jpg) right 3.0rem no-repeat #fff;
	background-size: auto;
}
@media screen and (max-width: 790px) {
	.dispBox.pointPt0103 .dispBoxInn {width: 90%;}
	.dispBox.pointPt0103 .dispBoxTxtL {width: 100%;padding-top: clamp(38.0rem, 100vw, 60.0rem);}
	.dispBox.pointPt0103 .dispBoxTxtAreaInn {
		background: url(../../../core_sys/common/images/dez_tmp/point0103_sp.jpg) center 3.0rem no-repeat #fff;
		background-size: 100% auto;
	}
}
/****************** ポイントパーツ基本設定(2列以上) ******************/
/* 横並びボックス */
.FlexSgBox {width: 90%;margin: 0 auto;padding: 0;display: flex;gap: 2.0rem;justify-content: space-between;}
.FlexSgBoxInn {
	width: 100%;
	margin: 0 auto 2.0rem auto;
	padding: 0 0 3.0rem 0;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod);
}
.FlexSgBox .dispBoxBtDet {width: 90%;}

@media screen and (max-width: 800px) {
	.FlexSgBox {width: 90%;display: block;}
	.FlexSgBoxInn {width: 100%;}
}
/* ** dezpt_pointblck end ** */

/* ** dezpt_titleblck start ** */
/****************** 下矢印付きタイトル ******************/
/* 基本設定 */
.TiTxtArwArea {
	padding: 2.0rem 0 3.0rem 0;
	text-align: center;
	position: relative;
	background-color: var(--app-TiTxtArw-bg);
}
.SvgImg .IcoSvg {padding-top: 3px;width: 70px;height: 70px;fill: var(--app-TiTxtArw-bg);}

.TiTxtArwArea .ptLayoutInn {padding: 0 2.0rem;}
.TiTxtArwArea h2.TiTxtArwTi {
	text-align: center;
	padding: 2.0rem 0;
	color: var(--app-TiTxtArw-txt);
	font-size: clamp(2.8rem, 4.0vw, 4.0rem);
}
.TiTxtArwArea p.TiTxtArwTxt {
	padding: 0.5rem 0 4.0rem 0;
	color: #fff;
	font-size: clamp(1.5rem, 1.6vw, 1.8rem);
	font-weight: bold;
	line-height: 1.6em;
}
.SvgImg {
	position: absolute;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	bottom: -75px;
}
.SvgImg .SvgImgWaku {
	width: 73px;
	height: 73px;
	border-radius: 50%;
	background: var(--app-TiTxtArw-txt);
}
@media screen and (max-width: 800px) {
	.TiTxtArwArea p.TiTxtArwTxt {text-align: left;}
}
/* ** dezpt_titleblck end ** */

/* ** dezpt_ctablck start ** */
/****************** CTAパーツ個別設定 ******************/
.ctablckArea {
	width: 100%;
	height: 420px;
	margin: 0 auto;
	padding: 0;
	background: url(../../../core_sys/common/images/dez_tmp/cta_bg.jpg) center top no-repeat; /* 背景色 */
}
.ctablckTi {
	margin: 0 auto;
	padding: 6.0rem 0 0 0;
	text-align: center;
	line-height: 1.2;
	color: #fff; /* テキスト色 */
	font-size: clamp(2.8rem, 4.0vw, 4.0rem);
	font-weight: bold;
}
/* CTAボタンサイズ */
.CtaSetBox {
	width: 1024px;
	margin: 0 auto;
	padding: 3.0rem 0 0 0;
	display: flex;
	gap: 2.0rem;
	justify-content: space-between;
}
.CtaSetBox .DetLinkBt {width: 100%;}
.CtaSetBox .BtM a {border-radius: 10.5rem;}
.CtaSetBox .DetLinkBt a {
	width: 100%;
	margin: 2.0rem auto;
	padding: 3.0rem 0;
	font-size: clamp(2.0rem, 2.5vw, 2.8rem);
	font-weight: bold;
	color: #fff; /* テキスト色 */
	border: inhelit; /* ボーダー指定 */
	box-shadow: inhelit; /* 背景影色 */
}
.CtaSetBox .DetLinkBt.CtaBtA a {background: #1169d6;}
.CtaSetBox .DetLinkBt.CtaBtB a {background: #ff9000;}

@media screen and (max-width: 1024px) {
	.CtaSetBox {width: 85%;}
}
@media screen and (max-width: 700px) {
	.ctablckArea {height: 380px;background-size:auto 100%;}
	.ctablckTi {padding: 3.0rem 0 0 0;}
	.CtaSetBox {width: 85%;padding: 1.0rem 0 0 0;display: block;}
	.CtaSetBox .DetLinkBt {width: 100%;}
	.CtaSetBox .DetLinkBt a {width: 100%;margin: 1.5rem auto;padding: 2.0rem 0;}
}
/****************** CTAパーツ個別設定(連絡先付き) ******************/
.ctaTelblckBox {
	width: 860px;
	margin: 3.0rem auto;
	padding: 0;
	text-align: center;
 	border-radius: 0.3rem 0.3rem 0 0;
 	-webkit-border-radius: 0.3rem 0.3rem 0 0;
	-moz-border-radius: 0.3rem 0.3rem 0 0;
	border: 1px solid #333;
	background: #f7f7f7;
}
.ctaTelblckTi {
	margin: 0 auto;
	padding: 1.0rem 2.0rem;
	text-align: left;
	color: #fff;
	font-size: clamp(1.6rem, 2.0vw, 2.2rem);
	background: #000;
 	border-radius: 0.3rem 0.3rem 0 0;
 	-webkit-border-radius: 0.3rem 0.3rem 0 0;
	-moz-border-radius: 0.3rem 0.3rem 0 0;
}
.CtaTelSetArea {
	width: 100%;
	margin: 0 auto;
	padding: 2.0rem 3.0rem;
	display: flex;
	gap: 2.0rem 4.0rem;
	justify-content: space-between;
}
.CtaTelSetArea .BtM a {border-radius: 0.5rem;}
.CtaTelSetArea .DetLinkBt a {
	width: 100%;
	margin: 2.0rem auto;
	padding: 2.0rem;
	font-size: clamp(1.6rem, 2.0vw, 2.0rem);
	font-weight: bold;
	color: #fff;
	border: inhelit;
	box-shadow: inhelit;
}
.CtaTelSetArea .DetLinkBt.CtaBtA a {background: #1169d6;}
.CtaTelSetArea .DetLinkBt.CtaBtB a {background: #ff9000;}

.CtaTelSetArea .DetLinkBt {width: 80%;}
.CtaTelSetBox {width: 100%;}
.CtaTelSetBox p.CtaTelTxt {
	margin: 0 auto;
	padding: 0.5rem;
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	text-align: left;
}
/* 電話・FAX番号 */
.CtaTelSetBox .TelArea {float: left;}
.CtaTelSetBox .telIco,
.CtaTelSetBox .faxIco {font-size: clamp(3.0rem, 3.0vw, 3.5rem);font-weight: bold;}

@media screen and (max-width: 850px) {
	.ctaTelblckBox {width: 80%;}
	.CtaTelSetArea {padding: 0.5rem 4.0rem 3.0rem 4.0rem;display: block;gap: 0;}
	.CtaTelSetArea .DetLinkBt {width: 100%;}
	.CtaTelSetArea .DetLinkBt a {padding: 1.5rem;}
}
/****************** CTAパーツ(小)個別設定 ******************/

.ctaSblckArea {width: 100%;margin: 0 auto;padding: 0;}

/* CTAボタンサイズ */
.CtaSSetBox {
	width: 100%;
	margin: 0 auto;
	padding: 2.0rem 0;
	display: flex;
	gap: 1.0rem;
	justify-content: space-between;
}
.CtaSSetBox .DetLinkBt {width: 100%;}
.CtaSSetBox .BtM a {border-radius: 10.5rem;}
.CtaSSetBox .DetLinkBt a {
	width: 200px;
	margin: 1.0rem auto;
	padding: 2.0rem 0;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	border: inhelit;
	box-shadow: inhelit;
}
.CtaSSetBox .DetLinkBt.CtaBtA a {background: #1169d6;}
.CtaSSetBox .DetLinkBt.CtaBtB a {background: #ff9000;}

@media screen and (max-width: 900px) {
	.CtaSSetBox {display: block;}
	.CtaSSetBox .DetLinkBt a {width: 90%;}
}
/* ** dezpt_ctablck end ** */

/* ** dezpt_icoblck start ** */
/****************** アイコン説明設置 ******************/
/* 基本設定 */
.bsblckIco {width: 100%;margin: 0 auto;padding: 0;}
.bsblckIco ul {list-style: none;display: flex;flex-direction: row;justify-content: space-between;}
.bsblckIco li {width: 100%;padding: 0 1.0rem;}
.blckIcoDet {
	display: block;
	padding: 1.5rem 0.5rem;
	text-align: center;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #000;
	background: #fff;
	border: 4px solid #000;
}
.blckIcoDet .IcoSvg {width: 80px;height: 80px;fill: #000;}
.blckIcoDet p.blckTi {
	padding-top: 0;
	font-size: clamp(1.6rem, 1.6vw, 2.0rem);
	font-weight: bold;
}
.blckIcoDet p.blckCap {
	padding-top: 0;
	font-size: clamp(1.2rem, 1.0vw, 1.4rem);
	font-weight: bold;
}
a.blckIcoDet:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

@media screen and (max-width: 800px) {
	.bsblckIco ul {display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
    .bsblckIco ul>* {flex: 1 1 50.0%;}
    .bsblckIco li {padding: 0 2px 4px 2px;}
	.blckIcoDet .IcoSvg {width: 50px;height: 50px;}
}
/* ** dezpt_icoblck end ** */

/* ** dezpt_corpblck start ** */
/****************** 住所設置 ******************/

/* 基本設定 */
address {padding: 0;font-style:normal;font-weight:normal;color: #fff;background: inhelit;}
address a {color: #fff;}
address p.logo {margin: 0 auto 2.0rem auto;}
address p.logo img {max-width: 100%;}

/* ボタン設定 */
address p.contactBt a {
	display: block;
	margin: 2.0rem 0;
	padding: 1.0rem;
	text-align: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
address p.contactBt a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;}

/* フォント等個別指定 */
address p.logo {max-width: 200px;}
address p.name {font-size: clamp(1.6rem, 2.0vw, 2.0rem);padding: 0.5rem 0;} /* 名前 */
address p.add {font-size: clamp(1.2rem, 1.4vw, 1.4rem);padding: 0.5rem 0;line-height: 1.4em;} /* 住所 */
address p.tel {font-size: clamp(1.4rem, 1.6vw, 1.6rem);} /* 電話番号 */
address p.mail {font-size: clamp(1.2rem, 1.4vw, 1.4rem);}/* メールアドレス */
address p.cap {font-size: clamp(1.4rem, 1.6vw, 1.6rem);}/* サブキャプション */
address p.txt {font-size: clamp(1.2rem, 1.4vw, 1.4rem);padding: 0.5rem 0;}/* 概要 */
address p.contactBt a {
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	background: #000;
}
/****************** アイコンパーツ ******************/
/* 電話・FAX番号 */
.telIco,
.faxIco {padding-left: 3.0rem;font-size: 2.5rem;font-weight: bold;}
.telIco {padding-right: 1.0rem;}
.telIco {background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="24px" height="24px"><path fill="%23var(--app-basic-txt)" d="M20.07,4.93C21.88,6.74 23,9.24 23,12C23,14.76 21.88,17.26 20.07,19.07L18.66,17.66C20.11,16.22 21,14.22 21,12C21,9.79 20.11,7.78 18.66,6.34L20.07,4.93M17.24,7.76C18.33,8.85 19,10.35 19,12C19,13.65 18.33,15.15 17.24,16.24L15.83,14.83C16.55,14.11 17,13.11 17,12C17,10.89 16.55,9.89 15.83,9.17L17.24,7.76M13,10A2,2 0 0,1 15,12A2,2 0 0,1 13,14A2,2 0 0,1 11,12A2,2 0 0,1 13,10M11.5,1A2.5,2.5 0 0,1 14,3.5V8H12V4H3V19H12V16H14V20.5A2.5,2.5 0 0,1 11.5,23H3.5A2.5,2.5 0 0,1 1,20.5V3.5A2.5,2.5 0 0,1 3.5,1H11.5Z" /></svg>') no-repeat left center;}
.faxIco {background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" width="24px" height="24px"><path fill="%23var(--app-basic-txt)" d="M11,6H16V8H11V6M8,9V3H19V9A3,3 0 0,1 22,12V18H19V21H8V18H7V9H8M10,5V9H17V5H10M10,15V19H17V15H10M19,11A1,1 0 0,0 18,12A1,1 0 0,0 19,13A1,1 0 0,0 20,12A1,1 0 0,0 19,11M4,9H5A1,1 0 0,1 6,10V17A1,1 0 0,1 5,18H4A2,2 0 0,1 2,16V11A2,2 0 0,1 4,9Z" /></svg>') no-repeat left center;}

/* CTAボタン */
.ctaBt a {display: block;text-decoration: none;text-align: center;border-radius: 0.3rem;}
.ctaBt a {margin: 0.3rem 0.5rem;padding: 0.5rem 3.0rem;font-size: 1.4rem;font-weight: bold;}
.ctaBt .ctaBtPt01 a {background: #ff7200;color: #fff;}
+
/**** CTAレイアウト ****/
.ctaArea {margin: 1.0rem 0;}
.TelArea,
.ctaBt {float: right;}
.TelArea p {display: inline-block;vertical-align: middle;}
.ctaBt p {display: inline-block;vertical-align: middle;}

/****************** 規約やポリシー等のパーツ ******************/
/* タイトル指定 */
.policy h2 {
	font-size: clamp(2.0rem, 2.0vw, 2.4rem);
	padding-top: 2.0rem;
}
/* ** dezpt_corpblck end ** */

/* ** dezpt_keyblck start ** */
/****************** キービジュアルデザインサンプル ******************/
/* キービジュアル要素 */
.bgheader .scroll-nml {
	height: 1000px;
	background: url(../../../core_sys/common/images/dez_tmp/main_bg_no.jpg) center top no-repeat #eee;
}
/* デフォルトサンプル */
.KeyArea {width: 980px;margin: 0 auto;padding-top: 260px;}
.MainCopy,
.MainSub {text-align: center;color: #fff;text-shadow: 0 0 1.0rem #333;line-height: 1.2;}
.MainCopy {padding: 0;font-size: clamp(4.6rem, 5.5vw, 7.0rem);font-weight: bold;}
.MainSub {font-size: clamp(1.8rem, 2.0vw, 2.0rem);padding-top: 2.0rem;font-weight: bold;}

@media screen and (min-width:600px) and ( max-width:1100px) {
	.KeyArea {width: 95%;padding: 200px 2.0rem 100px 2.0rem;}
}
@media screen and (max-width: 600px) {
	.bgheader .scroll-nml {
		height: 700px;
		url(../../../core_sys/common/images/dez_tmp/main_bg_sp_no.jpg) center top no-repeat #eee;
	}
	.KeyArea {width: 100%;padding: 300px 2.0rem 0 2.0rem;}
}
/* キービジュアル要素2 */
.mainblckArea {height: 700px;background: linear-gradient(70deg, #033a4a, #510f52);}
.mainblckKeyArea {width: 980px;margin: 0 auto;padding-top: 160px;}
.mainblckBtArea {width: 980px;margin: 0 auto;padding-top: 60px;}

@media screen and (min-width:600px) and ( max-width:1100px) {
	.mainblckKeyArea {width: 95%;padding: 150px 2.0rem 30px 2.0rem;}
}
@media screen and (max-width: 600px) {
	.mainblckArea {height: 500px;}
	.mainblckKeyArea {width: 100%;padding: 150px 2.0rem 0 2.0rem;}
	.mainblckBtArea {width: 90%;margin: 0 auto;padding-top: 60px;}
}
/* ** dezpt_keyblck end ** */

/* ** dezpt_orcode start ** */
/* QRコード表示 */
.qrCode {width: 40%;margin: 2.5rem auto;padding: 0;text-align: center;}
.qrCode img {width: 100%;}
.qrCodeTxt {margin: 1.5rem auto;padding: 0;text-align: center;font-size: 1.4rem;font-weight: bold;}

@media screen and (max-width: 600px) {
	.qrCode {width: 60%;}
}
/* ** dezpt_orcode end ** */
@charset "utf-8";
/***************************************************
information
  filename : list_parts.css;
***************************************************/

/*======== app_listpt_dez.css ========*/
/******************************************* リスト *******************************************/

/* ** list_basic start ** */
/*** 01: リスト要素共通設定 ***/

/********* リスト一覧(カテゴリ画像表示) *********/
.cateVisualArea {}
.cateVisual {width: 100%;margin: 0 auto;padding: 0;text-align: center;}
.cateVisual img {width: clamp(100%, 1vw, 100%);margin: 0px auto;}

/********* リスト一覧(共通) *********/
.ListBox .column {width: 100%;padding: 0;}
.clmDetail {margin-top: 1.5%;margin-bottom: 3%;padding: 0 1.5% 1.5% 1.5%;}/* 要素毎の仕切り処理基本 */
@media screen and (max-width: 1100px) {.ListBox {padding: 0 2.0rem;}}
.ListTSgle {}
.tpl-1st-block {}
.tpl-1st-block dl {}
.tpl-1st-block dl.clmDetail {}
.ListTSgle .tpl-1st-block {padding: 0;}

/********* リスト一覧(高さ設定) *********/
/* タイトル */
.ellipsis .ListBox.ListType1 .column .ListMainTitle {position: relative;text-align: left;text-overflow: ellipsis;margin:auto;}
.ellipsis .ListBox.ListType1 .column .ListMainTitle::before,
.ellipsis .ListBox.ListType1 .column .ListMainTitle::after {content: '...';line-height: 1;position: absolute;right: 0;top: 2em;-ms-wrap-flow: start;}
.ellipsis .ListBox.ListType1 .column .ListMainTitle::after {background: currentColor;color: white;top: auto;}
.ellipsis .ListBox .column p.txt,
.ellipsis .ListBox .column .person .prof {overflow: hidden;position: relative;text-overflow: ellipsis;width:100%;margin:auto;text-align: left;}
.ellipsis .ListBox .column p.txt::before,
.ellipsis .ListBox .column p.txt::after,
.ellipsis .ListBox .column .person .prof::before,
.ellipsis .ListBox .column .person .prof::after {content: '...';line-height: 1;position: absolute;right: 0;top: 3em;-ms-wrap-flow: start;}
.ellipsis .ListBox .column p.txt::after,
.ellipsis .ListBox .column .person .prof::after {background: currentColor;color: white;top: auto;}

/* オーバーフロー時の文字隠し処理（デフォルトは2行で…表記） */
@supports (-webkit-line-clamp: 2) {
	.ellipsis.elps2 .ListBox.ListType1 .column .ListMainTitle,
	.ellipsis.elps2 .ListBox .column p.txt,
	.ellipsis.elps2 .ListBox .column .person .prof {margin-bottom: 2%;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
	.ellipsis.elps2 .ListBox.ListType1 .column .ListMainTitle::before,
	.ellipsis.elps2 .ListBox.ListType1 .column .ListMainTitle::after,
	.ellipsis.elps2 .ListBox .column p.txt::before,
	.ellipsis.elps2 .ListBox .column p.txt::after,
	.ellipsis.elps2 .ListBox .column .person .prof::before,
	.ellipsis.elps2 .ListBox .column .person .prof::after {content: normal;}
}
@supports (-webkit-line-clamp: 3) {
	.ellipsis.elps3 .ListBox.ListType1 .column .ListMainTitle,
	.ellipsis.elps3 .ListBox .column p.txt,
	.ellipsis.elps3 .ListBox .column .person .prof {-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;}
	.ellipsis.elps3 .ListBox.ListType1 .column .ListMainTitle::before,
	.ellipsis.elps3 .ListBox.ListType1 .column .ListMainTitle::after,
	.ellipsis.elps3 .ListBox .column p.txt::before,
	.ellipsis.elps3 .ListBox .column p.txt::after,
	.ellipsis.elps3 .ListBox .column .person .prof::before,
	.ellipsis.elps3 .ListBox .column .person .prof::after {content: normal;}
}
/********* リストタイトル *********/

/* リストメインタイトル */
.ListBox .column .ListMainTitle {display: block;width: 100%;margin-bottom: 2%;padding: 0;font-weight: normal;line-height: 1.2;overflow: hidden;}
.ListBox .column .ListMainTitle a,
.ListTSgle dd.title_area .ListMainTitle a {text-decoration: none;}
.ListBox .column .ListMainTitle,
.ListBox .column .ListMainTitle a,
.ListTSgle dd.title_area .ListMainTitle a {color: var(--app-ListMainTitle-txt);/* テキスト色 */}
.ListBox .column .ListMainTitle a:hover {text-decoration: underline;}
.ListTSgle dd.title_area {padding: 1.0rem 0;}
.ListTSgle dd.title_area .ListMainTitle a {font-size: clamp(2.5rem, 2.6vw, 3.0rem);line-height: 1.2;}
.ListTSgle dd.title_area .ListMainTitle a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;}

/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */
.ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: clamp(2.5rem, 2.6vw, 4.0rem);}
.ListType1 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ListType1 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ListType1 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.8rem, 1.4vw, 2.5rem);}
.ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.2vw, 2.0rem);}

.mainClnS .ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: clamp(2.2rem, 2.0vw, 3.5rem);}
.mainClnS .ListType1 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 1.8vw, 2.5rem);}
.mainClnS .ListType1 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.6vw, 2.0rem);}
.mainClnS .ListType1 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.4vw, 2.0rem);}
.mainClnS .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.0vw, 1.8rem);}

.mainClnD .ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: clamp(2.2rem, 2.0vw, 3.2rem);}
.mainClnD .ListType1 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 1.8vw, 2.2rem);}
.mainClnD .ListType1 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.6vw, 2.0rem);}
.mainClnD .ListType1 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.4vw, 2.0rem);}
.mainClnD .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.0vw, 1.8rem);}

.sideClnS .ListType1 .tpl-flexcolumn1 .column .ListMainTitle,
.sideClnS .ListType1 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnS .ListType1 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnS .ListType1 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnS .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.2vw, 1.8rem);}

.sideClnD .ListType1 .tpl-flexcolumn1 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.4vw, 1.8rem);}

.hlfCln .ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: clamp(2.0rem, 1.8vw, 2.5rem);}
.hlfCln .ListType1 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.8rem, 1.6vw, 2.0rem);}
.hlfCln .ListType1 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.6vw, 2.0rem);}
.hlfCln .ListType1 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.4vw, 2.0rem);}
.hlfCln .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.0vw, 1.8rem);}

/****** リスト画像(可変対応)写真(左)テキスト(右)全体リンク・要素縦並び ******/

.ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.5rem);}
.ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.5rem);}
.ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}

.ptWdM .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ptWdC .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdS .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}

.ptWdM .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ptWdC .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdS .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}

.ptWdM .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(2.0rem, 2.0vw, 3.0rem);}
.ptWdC .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdS .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}

.ptWdM .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdC .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}
.ptWdS .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.8rem, 1.8vw, 2.6rem);}

.mainClnS .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.mainClnS .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.6rem, 1.8vw, 2.4rem);}
.mainClnS .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.mainClnS .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.6rem, 1.8vw, 2.4rem);}
.mainClnS .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.mainClnS .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.2rem);}
.mainClnS .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.mainClnS .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.2rem);}

.mainClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.2rem);}
.mainClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.2rem);}
.mainClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.0rem);}
.mainClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.4vw, 2.0rem);}

.sideClnS .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnS .ListType4 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnS .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnS .ListType4 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnS .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnS .ListType4 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnS .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.sideClnS .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.2vw, 1.6rem);}

.sideClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.4rem, 1.2vw, 1.8rem);}

.hlfCln .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn2 .column .ListMainTitle,
.hlfCln .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn3 .column .ListMainTitle,
.hlfCln .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn4 .column .ListMainTitle,
.hlfCln .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {font-size: clamp(1.6rem, 1.6vw, 2.0rem);}

/********* リスト画像 *********/
.ListBox figure.image {
	margin-bottom: 1.5rem;
	border-radius: var(--LiFigure-rod);
	-webkit-border-radius: var(--LiFigure-rod);
	-moz-border-radius: var(--LiFigure-rod); /* 角丸 */
	border: var(--app-li-figure-brd); /* ボーダー指定 */
	background: var(--app-li-figure-bg); /* 背景色 */
}
/********* リストディスクリプション *********/
.ListBox .column .distxt {
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	font-weight: normal;
	font-size: clamp(1.4rem, 1.6vw, 1.8rem);
	line-height: 1.6;
	color: var(--app-distxt-txt); /* テキスト色 */
}
.ListTSgle dd.title_area p.txt {
	padding: 1.0rem 0;
	color: var(--app-distxt-txt); /* テキスト色 */
	font-size: clamp(1.4rem, 1.6vw, 1.8rem);
	line-height: 1.4;
}
.mainClnS .ListBox .column .distxt,
.mainClnD .ListBox .column .distxt,
.sideClnS .ListBox .column .distxt,
.sideClnD .ListBox .column .distxt,
.hlfCln .ListBox .column .distxt {font-size: clamp(1.2rem, 1.0vw, 1.4rem);}

.ListBox.ListType1 .tpl-flexcolumn1 .distxt {font-size: clamp(1.4rem, 1.2vw, 2.2rem);}
.ListBox.ListType1 .tpl-flexcolumn2 .distxt {font-size: clamp(1.4rem, 1.2vw, 2.0rem);}
.ListBox.ListType1 .tpl-flexcolumn3 .distxt {font-size: clamp(1.4rem, 1.0vw, 2.0rem);}
.ListBox.ListType1 .tpl-flexcolumn4 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.6rem);}
.ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}

.mainClnS .ListBox.ListType1 .tpl-flexcolumn1 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.6rem);}
.mainClnS .ListBox.ListType1 .tpl-flexcolumn2 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnS .ListBox.ListType1 .tpl-flexcolumn3 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnS .ListBox.ListType1 .tpl-flexcolumn4 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnS .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}

.mainClnD .ListBox.ListType1 .tpl-flexcolumn1 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.6rem);}
.mainClnD .ListBox.ListType1 .tpl-flexcolumn2 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnD .ListBox.ListType1 .tpl-flexcolumn3 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnD .ListBox.ListType1 .tpl-flexcolumn4 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.mainClnD .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}

.sideClnS .ListBox.ListType1 .tpl-flexcolumn1 .distxt,
.sideClnS .ListBox.ListType1 .tpl-flexcolumn2 .distxt,
.sideClnS .ListBox.ListType1 .tpl-flexcolumn3 .distxt,
.sideClnS .ListBox.ListType1 .tpl-flexcolumn4 .distxt,
.sideClnS .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.2rem, 1.0vw, 1.4rem);}

.sideClnD .ListBox.ListType1 .tpl-flexcolumn1 .distxt,
.sideClnD .ListBox.ListType1 .tpl-flexcolumn2 .distxt,
.sideClnD .ListBox.ListType1 .tpl-flexcolumn3 .distxt,
.sideClnD .ListBox.ListType1 .tpl-flexcolumn4 .distxt,
.sideClnD .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.3rem, 1.0vw, 1.4rem);}

.hlfCln .ListBox.ListType1 .tpl-flexcolumn1 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.6rem);}
.hlfCln .ListBox.ListType1 .tpl-flexcolumn2 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.hlfCln .ListBox.ListType1 .tpl-flexcolumn3 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.hlfCln .ListBox.ListType1 .tpl-flexcolumn4 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}
.hlfCln .ListBox.ListType1 .tpl-flexcolumn5 .distxt {font-size: clamp(1.4rem, 1.0vw, 1.4rem);}

/********* リスト記事投稿者 *********/

/* 基本設定 */
.ListBox .column .person {padding: 1.0rem 0;}
.ListBox .column .person .person_ph  {padding: 0;display: flex;}
.ListBox .column .person .person_ph figure {
	overflow: hidden;
	position: relative;
	border-radius: 10%;
	width: 6.0rem;
	height: 5.0rem;
	background: var(--app-person-ph-bg);/* 背景色 */
}
.ptWdS .ListBox.ListType1 .tpl-flexcolumn3 .column .person .person_ph figure {width: 5.0rem;height: 4.0rem;}
.ptWdS .ListBox.ListType1 .tpl-flexcolumn4 .column .person .person_ph figure,
.ptWdS .ListBox.ListType1 .tpl-flexcolumn5 .column .person .person_ph figure {width: 4.0rem;height: 3.0rem;}
.ListBox .column .person .person_ph figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.ListBox .column .person .person_ph .name_area {width:100%;padding: 0 1.0rem;line-height: 1.2;}
.ListBox .column .person .person_ph .name {font-size: 1.6rem;}/* 投稿者氏名 */
.ListBox .column .person .person_ph .work {font-size: 1.4rem;padding-top: 0.5rem;}/* 投稿者組織名 */
.ListBox .column .person .prof {padding: 0.5rem 0;font-size: 1.4rem;}/* 投稿者プロフィール */
.ListTSgle dd.person_area {padding: 0;}

/********* リストビュー数等アイコン *********/
.ListBox .rank_date_area {
	margin: 0 auto;
	padding: 0.5rem 0;
	border-top: var(--app-li-rankdatearea-brd); /* ボーダー指定 */
}
.ListBox .column p.view,
.ListBox .column p.like,
.ListBox .column p.comment,
.ListTSgle p.view,
.ListTSgle p.like,
.ListTSgle p.comment {
	float: left;
	margin: 0.5rem 0;
	padding: 0.1rem 1.0rem 0 3.0rem;
	font-weight: bold;
	font-size: clamp(1.4rem, 1.0vw, 1.6rem);
}
.ListBox .column p.ico {float: right;padding: 0;}
.ListBox .column p.like,
.ListTSgle p.like,
.rank_date_c_area p.like {background: url(../../../core_sys/common/images/sys/share_ico.png) 6px center / contain no-repeat;}
.ListBox .column p.comment,
.ListTSgle p.comment,
.rank_date_c_area p.comment {background: url(../../../core_sys/common/images/sys/res_ico.png) 6px center / contain no-repeat;}
.ListBox .column p.view,
.ListTSgle p.view,
.rank_date_c_area p.view {background: url(../../../core_sys/common/images/sys/acs_ico.png) 6px center / contain no-repeat;}

/********* リスト公開日 *********/
.ListBox .column p.cap {
	float: right;
	padding: 0.5rem 0;
	color: var(--app-ListDate-txt); /* テキスト色*/
	font-size: clamp(1.2rem, 1.0vw, 1.4rem);
	font-weight: bold;
}
.ListTSgle .timeArea {padding: 0;display: flex;}
.ListTSgle p.time {padding: 0.5rem 1.0rem 0.5rem 0;font-size: 1.4rem;font-weight: bold;}
.ListTSgle p.ico {padding: 0 0 1.0rem 0;}/* NEWマーク */
.ListType5 .ListTSgle .timeArea {padding-top: 1.2rem;}
.ListType5 .ListTSgle p.time {
	padding: 0.5rem 0.8rem;
	font-size: clamp(1.4rem, 1.2vw, 1.6rem);
}
/********* タグ・カテゴリアイコン *********/
/* リストタグ */
.ListBox .column .tagLink,
.ListBox .ListTSgle .tagLink {padding: 0.5rem 0;}
.ListBox .column .tagLink li,
.ListBox .ListTSgle .tagLink li {list-style: none;float: left;margin-bottom: 1.0rem;margin-right: 0.4rem;}
.ListBox .column .tagLink a,
.ListBox .ListTSgle .tagLink a {
	margin: 0;
	padding: 0.5rem 1.5rem;
	border-radius: var(--app-li-LiIco-rod);
	-webkit-border-radius: var(--app-li-LiIco-rod);
	-moz-border-radius: var(--app-li-LiIco-rod); /* 角丸 */
	display: flex;
	align-items: center;
	min-height: 1.7rem;
}
/* リストカテゴリアイコン */
.ListBox.ListType1 .column ul.cateName,
.ListBox.ListType3 .column ul.cateName {padding: 0.5rem 0;}
.ListBox.ListType2 .column ul.cateName,
.ListBox.ListType4 .column ul.cateName {padding: 0 0 0.5rem 0;}
.ListBox .column ul.cateName,
.ListBox.ListType3 ul.cateName {list-style: none;}
.ListBox .column ul.cateName li,
.ListBox.ListType3 ul.cateName li {float: left;padding: 0 0.5rem 0.5rem 0;}
.ListBox .column ul.cateName span.cateIco,
.ListBox.ListType3 ul.cateName span.cateIco {
	margin: 0;
	padding: 0.5rem 1.0rem;
	border-radius: var(--app-li-LiIco-rod);
	-webkit-border-radius: var(--app-li-LiIco-rod);
	-moz-border-radius: var(--app-li-LiIco-rod); /* 角丸 */
}
/* 横並び一行リストカテゴリアイコン */
.ListBox.ListType5 .column ul.cateName {padding: 1.0rem 0 0 0;}
.ListBox.ListType5 ul.cateName {list-style: none;}
.ListBox.ListType5 ul.cateName li {padding: 0.5rem 0;}
.ListBox.ListType5 ul.cateName span.cateIco {
	display: block;
	margin: 0;
	padding: 3.0rem 0.5rem;
	border-radius: var(--app-li-LiIco5-rod);
	-webkit-border-radius: var(--app-li-LiIco5-rod);
	-moz-border-radius: var(--app-li-LiIco5-rod); /* 角丸 */
	text-align: center;
}
.cateIco {color: var(--app-cateIco-txt);} /* テキスト色 */
.ListTSgle dd.cate_area {padding: 0.2rem 0 0 0;}

/********* リストランキング *********/
.ListBox .column .rankIco {
	position: absolute;
	top: 2px;
	left: 2px;
	padding: 0.2rem 0.8rem;
	border-radius: var(--app-li-rankIco-rod);
	-webkit-border-radius: var(--app-li-rankIco-rod);
	-moz-border-radius: var(--app-li-rankIco-rod); /* 角丸 */
	color: var(--app-li-rankIco-txt); /* テキスト色 */
	background: var(--app-li-rankIco-bg); /* 背景色 */
}
/* リストタグ・リストカテゴリアイコン・リストランキング */
.ListBox .column .tagLink a,
.ListBox .ListTSgle .tagLink a,
.ListBox .column ul.cateName span.cateIco,
.ListBox .ListTSgle ul.cateName span.cateIco,
.ListBox .column .rankIco {font-size: 1.4rem;font-weight: bold;}
.ListBox.ListType5 .ListTSgle ul.cateName span.cateIco {font-size: 1.6rem;font-weight: bold;}

/*** 横並び一行リスト個別設定 ***/
.ListType5 .clmDetail {display: flex;}
.ListType5 .clmDetailCate {}
.ListType5 .clmDetailLi {width: 100%;margin-left: 3.0rem;}

/*** 一覧詳細ボタン ***/
.ListLinkBt {
	margin: var(--ListLinkBt-mg); /* マージン */
	padding: var(--ListLinkBt-pd); /* パディング */
	width: var(--ListLinkBt-size); /* ボタンサイズ */
	font-size: clamp(1.4rem, 1.6vw, 1.6rem);/* フォントサイズ */
	color: var(--ListLinkBt-txt); /* テキスト色 */
	background: var(--ListLinkBt-bg); /* 背景色 */
	border: var(--ListLinkBt-brd); /* ボーダー指定 */
	box-shadow: var(--ListLinkBt-sd); /* 背景影色 */
	border-radius: var(--ListLinkBt-rod);-webkit-border-radius: var(--ListLinkBt-rod);-moz-border-radius: var(--ListLinkBt-rod);
}
a.ListLinkBt:link,
a.ListLinkBt:visited,
a.ListLinkBt:active {
	color: var(--ListLinkBt-txt); /* テキスト色 */
}
.BtM button.ListLinkBt.next::after,
.BtM a.ListLinkBt.next::after,
.BtM span.ListLinkBt.next::after,
.BtM button.ListLinkBt.back::after,
.BtM a.ListLinkBt.back::after,
.BtM back.ListLinkBt.next::after {border-left-color:  var(--ListLinkBt-txt);}

/* ** list_basic end ** */

/* ** list_dez start ** */
/****************** リスト個別指定（デザインパターン） ******************/

/*** 0101: 写真(上)テキスト(下)・要素横並びのデザインパターン01:リスト個別背景色を付ける ***/

/* リスト個別背景色を付ける */
.ListBox.ListType1.liwbg01 .column {
	padding: 1.0rem 1.5rem;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-clm-brd); /* 枠要素 ボーダー指定 */
	background: var(--app-li-clm-bg); /* 背景色 */
	box-shadow: var(--app-li-clm-bbg);-webkit-box-shadow: var(--app-li-clm-bbg);/* 背景影色 */
}
@media screen and (max-width: 600px) {
	.ListBox.ListType1.liwbg01 .column {padding: 1.0rem;}
}
/*** 0102: 写真(上)テキスト(下)・要素横並びのデザインパターン02:リスト個別背景色、且つ写真を枠いっぱいに広げる ***/

/* リスト個別背景色、且つ写真を枠いっぱいに広げる */
.ListBox.ListType1.liwbg02 .column {
	padding: 0;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-clm-brd); /* 枠要素 ボーダー指定 */
	background: var(--app-li-clm-bg); /* 背景色 */
	box-shadow: var(--app-li-clm-bbg);-webkit-box-shadow: var(--app-li-clm-bbg);/* 背景影色 */
}
.ListBox.ListType1.liwbg02 .clmDetail,
.ListBox.ListType1.liwbg02 .rank_date_area_inn,
.ListBox.ListType1.liwbg02 .tagLink,
.ListBox.ListType1.liwbg02 .ListSubhDet,
.ListBox.ListType1.liwbg02 .BtM {margin-left: 2.0rem;margin-right: 2.0rem;}

/*** 0201: 写真(左)テキスト(右)全体リンク・要素縦並びのデザインパターン01:リスト個別背景色を付ける ***/

/* リスト個別背景色を付ける */
.ListBox.ListType2.liwbg01 .clmDetail,
.ListBox.ListType4.liwbg01 .clmDetail {
	padding: 2.0rem;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-clm-brd); /* 枠要素 ボーダー指定 */
	background: var(--app-li-clm-bg); /* 背景色 */
	box-shadow: var(--app-li-clm-bbg);-webkit-box-shadow: var(--app-li-clm-bbg);/* 背景影色 */
}
@media screen and (max-width: 600px) {
	.ListBox.ListType2.liwbg01 .clmDetail,
	.ListBox.ListType4.liwbg01 .clmDetail {padding: 1.0rem 0.5rem;}
}
/*** 0202: 写真(左)テキスト(右)全体リンク・要素縦並びのデザインパターン02:リスト個別背景色無し・罫線での仕切り ***/

/* リスト個別背景色無し・罫線での仕切り */
.ListBox.ListType2.liwbg02 .clmDetail,
.ListBox.ListType4.liwbg02 .clmDetail {
	padding: 2.0rem;
	border-bottom: var(--app-li-clmD-brd); /* 仕切り要素 ボーダー指定 */
}
@media screen and (max-width: 600px) {
	.ListBox.ListType2.liwbg02 .clmDetail,
	.ListBox.ListType4.liwbg02 .clmDetail {padding: 2.0rem 0.5rem;}
}
/*** 0301: 写真無しテキストリンクのデザインパターン01:リスト個別背景色を付ける ***/

/* リスト個別背景色を付ける */
.ListBox.ListType3.liwbg01 dl.clmDetail,
.ListBox.ListType5.liwbg01 .clmDetail {
	margin-bottom: 1.5%;
	padding: 1.0rem 2.0rem;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-clm-brd); /* 枠要素 ボーダー指定 */
	background: var(--app-li-clm-bg); /* 背景色 */
	box-shadow: var(--app-li-clm-bbg);-webkit-box-shadow: var(--app-li-clm-bbg);/* 背景影色 */
}
/*** 0301: 写真無しテキストリンクのデザインパターン02:リスト個別背景色無し・罫線での仕切り ***/

/* リスト個別背景色無し・罫線での仕切り */
.ListBox.ListType3.liwbg02 dl.clmDetail,
.ListBox.ListType5.liwbg02 .clmDetail {
	margin-bottom: 1.5%;
	padding: 2.0rem;
	border-bottom: var(--app-li-clmD-brd); /* 仕切り要素 ボーダー指定 */
}
/* ** list_dez end ** */

/* ** list_element start ** */
/********* リスト詳細項目(商品・セミナーで利用) *********/

/*** 01: 商品・セミナー詳細項目リスト01:アイコン無しタイプ ***/

/* 概要枠(販売価格等表示エリア) */
.ListSubhDet {margin: 1.0rem auto;padding: 0;}
.ListSubhDet dl {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	padding: 0.5rem 0;
	font-size: var(--font-ListSubhDet); /* 見出しフォントサイズ */
	font-weight: bold;
	border-bottom: var(--app-li-SubhDet-brd); /* ボーダー指定 */
	align-items: flex-end;
}
.semIcoCrt .ListSubhDet dl,
.prdIcoCrt .ListSubhDet dl {align-items: center;}
.ListSubhDet dl span.kinagakuTxt {
	font-size: var(--font-kinagakuTxt); /* 価格フォントサイズ */
	font-weight: bold;
	padding: 0 0.5rem;
}
.ListSubhDet dt {width: 25%;max-width: 100px;padding: 0.2rem 0;}
.ListSubhDet dd {width: 75%;padding: 0.2rem 0 0.2rem 1.0rem;}
.ListSubhDet .sem_kinagaku dd,
.ListSubhDet .prd_kinagaku dd {padding-top: 1.0rem;}
.semIcoCrt span.SemIco,
.prdIcoCrt span.PrdIco {font-size: var(--font-SemPrdIco);}/* 見出しアイコン表示用 フォントサイズ */

@media screen and (max-width: 600px) {
	.ListSubhDet dl {display: block;}
	.ListSubhDet dt {width: 100%;max-width: 100px;padding: 0.2rem 0;}
	.ListSubhDet dd {width: 100%;padding: 0.2rem 0 0 0;}
}
/* 概要表示パターン（基本）タイプ1・2・4は概要は縦のみパターン */
.ListSubhDetTpF .SubhDetTi {padding: 0.2rem 0;font-size: var(--font-ListSubhDet);font-weight: bold;}
.ListSubhDetTpF .SubhDetTxt {padding: 0.2rem 0 0.2rem 2.0rem;font-size: var(--font-ListSubhDet);font-weight: bold;}
.SubhDetTxt span.kinagakuTxt {font-size: var(--font-kinagakuTxt);font-weight: bold;padding: 0 0.5rem;}

/* アイコン基本設定 */
.semIcoCrt span.SemIco,
.prdIcoCrt span.PrdIco {
	width: 100%;
	display: block;
	white-space: nowrap;
	padding: 0.5rem;
	text-align:center;
	border-radius: var(--IcoBox-rod);-webkit-border-radius: var(--IcoBox-rod);-moz-border-radius: var(--IcoBox-rod); /* 角丸 */
}
.semIcoCrt .sem_kinagaku span.SemIco {color: var(--sem-kinagaku-txt);background: var(--sem-kinagaku-bg);}/* 価格 */
.semIcoCrt .sem_kaisaibi span.SemIco {color: var(--sem-kaisaibi-txt);background: var(--sem-kaisaibi-bg);}/* 開催日 */
.semIcoCrt .sem_kaisaibasyo span.SemIco {color: var(--sem-kaisaibasyo-txt);background: var(--sem-kaisaibasyo-bg);}/* 開催場所 */
.semIcoCrt .sem_kigen span.SemIco {color: var(--sem-kigen-txt);background: var(--sem-kigen-bg);}/* 開催期間 */
.semIcoCrt .sem_aki span.SemIco {color: var(--sem-aki-txt);background: var(--sem-aki-bg);}/* 空き状況 */
.prdIcoCrt .prd_kinagaku span.PrdIco {color: var(--prd-kinagaku-txt);background: var(--prd-kinagaku-bg);}/* 価格 */
.prdIcoCrt .prd_hanbaibi span.PrdIco {color: var(--prd-hanbaibi-txt);background: var(--prd-hanbaibi-bg);}/* 販売日 */
.prdIcoCrt .prd_hanbaiMth span.PrdIco {color: var(--prd-hanbaiMth-txt);background: var(--prd-hanbaiMth-bg);}/* 販売方法 */
.prdIcoCrt .prd_aki span.PrdIco {color: var(--prd-aki-txt);background: var(--prd-aki-bg);}/* 空き状況 */

/*** 02: 商品・セミナー詳細項目リスト01:アイコン無しタイプ（写真無しテキストリンク） ***/
.semDetPtFN .ListSubhDetTpF,
.prdDetPtFN .ListSubhDetTpF {margin: 0 auto;padding: 0;}
.semDetPtFN .ListSubhDetTpF section,
.prdDetPtFN .ListSubhDetTpF section {
	display: flex;
	padding: 0.5rem 0;
	align-items: flex-end;
	border-bottom: var(--app-li-SubhDet-brd); /* ボーダー指定 */
}
.semDetPtFN .ListSubhDetTpF .SubhDetTi,
.prdDetPtFN .ListSubhDetTpF .SubhDetTi {width: 25%;max-width: 100px;}

/*** 03: 商品・セミナー詳細項目リスト01:アイコン無しタイプ（写真無しテキストリンク） ***/

/* 概要表示パターン（横並び）写真無しテキストリンク対応 */
.semDetPtF .ListSubhDetTpF,
.prdDetPtF .ListSubhDetTpF {
	display: flex;
	justify-content: space-between;
	margin: 1.0rem auto;
	padding: 0;
}
.semDetPtF .ListSubhDetTpF section,
.prdDetPtF .ListSubhDetTpF section {width: 100%;margin-right: 1%;}
.semDetPtF .ListSubhDetTpF section:last-child,
.prdDetPtF .ListSubhDetTpF section:last-child {margin-right: 0;}
.semDetPtF .ListSubhDetTpF .SubhDetTi,
.prdDetPtF .ListSubhDetTpF .SubhDetTi {text-align: center;}
.semIcoCrtN.semDetPtF .ListSubhDetTpF .SubhDetTi,
.prdIcoCrtN.semDetPtF .ListSubhDetTpF .SubhDetTi {
	padding: 1.0rem 0;
	border-radius: var(--LiIcoCrt-rod);-webkit-border-radius: var(--LiIcoCrt-rod);-moz-border-radius: var(--LiIcoCrt-rod); /* 角丸 */
	border: var(--app-li-SubhDet3-brd); /* ボーダー指定 写真無しテキストリンクのみ*/
	background: var(--app-li-SubhDet3-bg); /* 背景色 写真無しテキストリンクのみ*/
}
.semDetPtF .ListSubhDetTpF .SubhDetTxt,
.prdDetPtF .ListSubhDetTpF .SubhDetTxt {
	margin: 0.5rem 0;
	padding: 1.3rem 0;
	text-align: center;
	border-radius: var(--LiBg-rod);-webkit-border-radius: var(--LiBg-rod);-moz-border-radius: var(--LiBg-rod); /* 角丸 */
	border: var(--app-li-SubhDet3-brd); /* ボーダー指定 写真無しテキストリンクのみ*/
}
.semDetPtF .ListSubhDetTpF .sem_kinagaku .SubhDetTxt,
.prdDetPtF .ListSubhDetTpF .prd_kinagaku .SubhDetTxt {padding: 0.5rem 0;}

/* ** list_element end ** */

/* ** flex_list start ** */
/*** Flexリスト（3要素の横並びリスト） ***/

.FlexListArea {margin: 1.5rem auto;padding: 0;}
.FlexListInn {
	margin: 0 auto;
	padding: 1.5rem 0.5rem;
	display: flex;
	justify-content: flex-start;
	border-top: var(--app-FlexListInn-brd); /* ボーダー指定 */
	font-weight: bold;
	background: var(--app-FlexListInn-bg); /* 背景色 */ 
}
@media screen and (max-width: 480px) {
	.FlexListSpBkl .FlexListInn,
	.FlexListSpBkl .FlexDataInn {display: block;}
	.FlexListSpBkl .FlexItemAct {padding-top: 1.5rem;display: flex;justify-content: flex-start;align-items: center;gap: 1.0rem;}
	.FlexListSpBkl .ActItem {padding-top: 1.5rem;display: flex;justify-content: flex-start;align-items: center;gap: 1.0rem;}
	.FlexListSpBkl .ActItem .mgt5 {margin-top: 0;}
}
.FlexListInn:last-child {border-bottom: var(--app-FlexListInn-brd)} /* ボーダー指定 */
.FlexListInn .FlexItem:last-child {margin-left: auto;}

/* 状態による背景色 */
.FlexListInn.endState {background: var(--app-FlexListInn-endState-bg);} /* 処理終了等の背景色 */
.FlexListInn.artState {background: var(--app-FlexListInn-artState-bg);} /* アラート喚起等の背景色 */
.FlexListInn.trlState {background: var(--app-FlexListInn-trlState-bg);} /* 合計等の背景色 */

/* 親枠（要素がリストから抽出して一件のみ表示する場合に使用） */
.FlexDataArea {margin: 0 auto;padding: 0;}

/* リスト一件抽出個別枠 */
.FlexDataInn {
	margin: 0 auto;
	padding: 0.5rem;
	display: flex;
	justify-content: flex-start;
	font-weight: bold;
	background: var(--app-FlexDataInn-bg); /* 背景色 */ 
}
.FlexDataInn .FlexItem:last-child {margin-left: auto;}

/* リスト2列表示での写真処理 */
.FlexListInnChd {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.FlexListInnChdPrf {margin-left: 1.5rem;}

/* サイズ要素 */
.FlexItemData {margin-left: 1.0rem;}
.FlexItemData p {margin-bottom: 0.2rem;}
.DataItemW .FlexItemData {width: 80%;margin-left: 0;}
.DataItemW .FlexItemAct {width: 20%;}
.DataItemN .FlexItemData {width: 60%;}
.DataItemN .FlexItemAct {width: 20%;}
.DataItemM .FlexItemData {width: 70%;margin-left: 0;}
.DataItemM .FlexItemAct {width: 30%;}
.DataItemS .FlexItemData {width: 40%;}
.DataItemS .FlexItemAct {width: 50%;}
.DataItemAS .FlexItemData {width: 60%;}
.DataItemAS .FlexItemAct {width: 20%;}
.DataItemAW .FlexItemAct {width: 100%;}

@media screen and (max-width: 480px) {
	/* サイズ要素 */
	.DataItemW .FlexItemData {width: 75%;}
	.DataItemW .FlexItemAct {width: 25%;}
	.DataItemN .FlexItemData {width: 50%;}
	.DataItemN .FlexItemAct {width: 30%;}
	.DataItemM .FlexItemData {width: 70%;}
	.DataItemM .FlexItemAct {width: 30%;}
	.DataItemS .FlexItemData {width: 45%;}
	.DataItemS .FlexItemAct {width: 40%;}
	.DataItemAS .FlexItemData {width: 60%;}
	.DataItemAS .FlexItemAct {width: 15%;}
	.FlexItemAct p.StarIco img {width: 100%;}

	.FlexListSpBkl .DataItemW .FlexItemData,
	.FlexListSpBkl .DataItemW .FlexItemAct,
	.FlexListSpBkl .DataItemN .FlexItemData,
	.FlexListSpBkl .DataItemN .FlexItemAct,
	.FlexListSpBkl .DataItemM .FlexItemData,
	.FlexListSpBkl .DataItemM .FlexItemAct,
	.FlexListSpBkl .DataItemS .FlexItemData,
	.FlexListSpBkl .DataItemS .FlexItemAct,
	.FlexListSpBkl .DataItemAS .FlexItemData,
	.FlexListSpBkl .DataItemAS .FlexItemAct {width: 100%;}
}
/*** 個別要素(写真) ***/
.FlexItemPh {}

/* 丸型写真 */
.PhCircle {overflow: hidden;width: var(--app-PhCircle-size);height: var(--app-PhCircle-size);position: relative;border-radius: 50%;}
.PhCircle img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;}
/* 四角写真 */
.PhSquare {overflow: hidden;width: var(--app-PhSquare-size);height: var(--app-PhSquare-size);position: relative;border-radius: 0.3rem;}
.PhSquare img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: auto;}

/*** 個別要素(データ要素) ***/
.FlexItemDataTime {font-size: clamp(1.0rem, 1.0vw, 1.2rem);}/* 日時等 */
.FlexItemDataName {font-size: clamp(1.6rem, 1.6vw, 1.8rem);}/* 名前 */
.FlexItemDataCorp {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}/* 会社名等 */
.FlexItemDataAdd {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}/* 住所 */
.FlexItemDataTxt {font-size: clamp(1.2rem, 1.2vw, 1.4rem);}/* その他テキスト */
.FlexItemDataTxt span {font-size: clamp(1.6rem, 1.6vw, 2.0rem);}/* その他テキスト要素で文字強弱がある場合 */
.FlexItemDataMemo {font-size: clamp(1.2rem, 1.2vw, 1.2rem);}/* その他メモ */
.DataItemS .FlexItemDataName {font-size: clamp(1.6rem, 1.6vw, 1.8rem);}/* 名前(幅狭) */

/* 文字数が多い場合の・・処理指定 */
.DataELP {max-width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*** 操作要素(アイコンや操作要素) ***/
.FlexItemAct .ActItem:first-child {margin-bottom: 1.0rem;}
.FlexItemAct p.icoRt {float: right;}
.FlexItemDataIco {display: flex;}
.FlexItemDataIco span {font-size: 1.2rem;}

@media screen and (max-width: 480px) {
	.FlexListSpBkl .FlexItemAct p.icoRt {float: none;}
}
/* 各種ボタン設置 */
.CopyBtArea .editBt,
.DeleteBtArea .editBt {margin-top: 0.5rem;}
.CopyBtArea .editBt a,
.DeleteBtArea .editBt a {width: 100px;padding: 0.5rem 0.5rem;font-size: 1.4rem;}
.StsBtArea {margin-top: 0.5rem;display: flex;justify-content: flex-end;gap: 0 0.5rem;}
.StsBtArea .editBt a,
.StsBtArea .editBt span {width: 100px;padding: 0.5rem;font-size: 1.4rem;}
@media screen and (max-width: 480px) {
	.CopyBtArea .editBt a,
	.DeleteBtArea .editBt a {width: 80px;font-size: 1.2rem;}
	.StsBtArea {display: block;}
	.StsBtArea .editBt {margin-top: 0;margin-bottom: 0.5rem;}
	.StsBtArea .editBt a,
	.StsBtArea .editBt span {width: 80px;padding: 0.3rem 0.5rem;font-size: 1.2rem;}
}
/*** 各種要素デザインパターン ***/
/* 評価アイコン */
.FlexItemAct p.StarIco {text-align: right;}
.FlexItemAct p.StarIco img {width: 120px;}

@media screen and (max-width: 480px) {
	.FlexListSpBkl .FlexItemAct p.StarIco {text-align: center;}
	.FlexListSpBkl .FlexItemAct p.StarIco img {width: 100px;}
}
/*** テキスト要素インラインボックス ***/
.FlexItemDataBox {
	margin: 1.0rem auto;
	padding: 1.0rem;
	color: var(--app-FlexItemDataBox-txt); /* テキスト色 */
	border-radius: var(--FlexItemDataBox-rod);-webkit-border-radius: var(--FlexItemDataBox-rod);-moz-border-radius: var(--FlexItemDataBox-rod); /* 角丸 */
	border: var(--app-FlexItemDataBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-FlexItemDataBox-bg); /* 外枠背景色 */
}
.FlexItemDataBox dl {display: flex;white-space: nowrap;font-size: 1.2rem;}
.FlexItemDataBox dt,
.FlexItemDataBox dd {padding: 0.2rem 0.5rem;}
.FlexItemDataBox dt {width: 15%;}
.FlexItemDataBox dd {width: 84%;}

@media screen and (max-width: 480px) {
	.FlexItemDataBox dt {width: 25%;}
	.FlexItemDataBox dd {width: 75%;}
	.FlexItemAct p.StarIco img {width: 100%;}
}
/* ** flex_list end ** */

/* ** qa_list start ** */
/*** FAQリスト ***/
.qaBoxList {width: 100%;margin: 0 auto;padding: 0;}
.ClmblckArea .qaBoxList {width: 100%;}
.qaBoxListInn {margin: 2.0rem auto;}

/* QAタイトル指定 */
.qaTiArea {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap: 1.5rem;
	font-weight: bold;
	border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	background: #f0f0f0;
	margin: 1.0rem auto;
	padding: 1.5rem 2.0rem;
	font-size: clamp(2.0rem, 1.4vw, 3.0rem);
}
.qaTiArea .FlexItem:last-child {margin-left: auto;}
.qaTiArea .qaTi {padding-top: 0.2rem;line-height: 1.2;}

/* QA折り畳みボタン指定 */
.qaTiArea .slide_btn {
	width: 8.0rem;
	margin: 0;
	padding: 0.5rem;
	font-size: clamp(1.2rem, 1.0vw, 1.4rem);
	color: var(--app-qaTiArea-slide_btn-txt);/* テキスト色 */
	background: var(--app-qaTiArea-slide_btn-bg); /* 背景色 */
	border: none;
	box-shadow: none;
}
@media screen and (max-width: 480px) {
	.qaTiArea .slide_btn {width: 6.0rem;padding: 0.5rem 0.2rem;}
}
/* QAアイコン指定 */
.qaTiArea .qaTiIco,
.qaAnsArea .qaAnsIco {
	line-height: 1.0;
	font-weight: bold;
	font-size: clamp(2.6rem, 1.6vw, 3.0rem);
}
.qaTiArea .qaTiIco {padding: 0;color: var(--app-qaTiIco-txt);}
.qaAnsArea .qaAnsIco {padding-top: 0.3rem;color: var(--app-qaAnsIco-txt);}

/* QAアンサー指定 */
.qaAnsArea {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	gap: 1.5rem;
	margin: 1.0rem auto;
	padding: 1.5rem 2.0rem;
	background: var(--app-qaAnsArea-bg); /* 背景色 */
}
/* QAコンテンツ画像指定 */
.qaAnsVisualArea {width: 100%;padding: 0;}
.qaAnsVisual {text-align: center;padding: 2.0rem 0;}
.qaAnsVisual img {width: 80%;padding: 0;}
.qaAnsArea .qaAns {width: 100%;padding: 0;}

/* ** qa_list end ** */

@charset "utf-8";
/***************************************************
information
  filename : myp_parts.css;
***************************************************/

/*======== app_myp_dez.css ========*/
/****************** マイページ要素 ******************/

/* ** myp_navi start ** */
/*** 01: マイページナビ ***/

/*** マイページナビ ***/
.mypagenav {margin: 0 auto;padding: 0;}
.mypagenav ul {margin: 0 auto;padding: 0;}

.mypagenav ul.children {display: block;}

.mypagenav li {margin: 0 auto;padding: 0;list-style: none;}
.mypagenav a {
	text-decoration: none;
	display: block;
	color: var(--app-mypagenav-txt); /* テキスト色 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
.mypagenav a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* デザインパターン01 アイコン付き下線 */
.mypTp01.mypagenav a {
	margin: 0;
	padding: 1.4rem 0.5rem 1.4rem 4.5rem;
	border-bottom: var(--app-mypagenav-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-bg); /* 背景色 */
}
.mypTp01.mypagenav .mypagenavSec a {
	margin: 0;
	padding: 0.8rem 0.5rem 0.8rem 4.5rem;
	border-bottom: var(--app-mypagenav-sec-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-sec-bg); /* 背景色 */
}
.mypTp01.mypagenav .widget li {border-top: none;}
.mypTp01.mypagenav .widget li:last-child {border-bottom: none;}
.mypTp01.mypagenav .widget li.mypagenavSec {padding-left: 0;}

/* デザインパターン02 アイコン付き囲み線 */
.mypTp02.mypagenav a {
	margin: 0.4em 0;
	padding: 0.8em 0.5em 0.8em 2.8em;
	border: var(--app-mypagenav-brd); /* ボーダー指定 */
	border-radius: var(--app-mypagenav-rod);-webkit-border-radius: var(--app-mypagenav-rod);-moz-border-radius: var(--app-mypagenav-rod);/* 角丸 */
	background: var(--app-mypagenav-bg); /* 背景色 */
	box-shadow: var(--app-mypagenav-sd);/* 背景影色 */
}
.mypTp02.mypagenav .mypagenavSec a {
	margin: 0.4em 0;
	padding: 0.8rem 0.5rem 0.8rem 4.5rem;
	border: var(--app-mypagenav-sec-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-sec-bg); /* 背景色 */
}
.mypTp02.mypagenav .widget li {border-top: none;}
.mypTp02.mypagenav .widget li:last-child {border-bottom: none;}
.mypTp02.mypagenav .widget li.mypagenavSec {padding-left: 0;}
.mypTp02.mypagenav .widget li .btn {width: 44px;height: 43px;top: 1px;right: 1px;}

/* デザインパターン03 囲み線 */
.mypTp03.mypagenav a {
	margin: 0.2em 0;
	padding: 0.8em 0.5em 0.8em 1.0em;
	border: var(--app-mypagenav-brd); /* ボーダー指定 */
	border-radius: var(--app-mypagenav-rod);-webkit-border-radius: var(--app-mypagenav-rod);-moz-border-radius: var(--app-mypagenav-rod);/* 角丸 */
	background: var(--app-mypagenav-bg); /* 背景色 */
	box-shadow: var(--app-mypagenav-sd);/* 背景影色 */
}
.mypTp03.mypagenav .mypagenavSec a {
	margin: 0.2em 0;
	padding: 0.8rem 0.5rem 0.8rem 4.5rem;
	border: var(--app-mypagenav-sec-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-sec-bg); /* 背景色 */
}
.mypTp03.mypagenav .widget li {border-top: none;}
.mypTp03.mypagenav .widget li:last-child {border-bottom: none;}
.mypTp03.mypagenav .widget li.mypagenavSec {padding-left: 0;}
.mypTp03.mypagenav .widget li .btn {width: 44px;height: 43px;top: 1px;right: 1px;}

/* デザインパターン04 囲み線左罫線 */
.mypTp04.mypagenav a {
	margin: 0.4em 0;
	padding: 0.8em 0.5em 0.8em 0.5em;
	border: var(--app-mypagenav-brd); /* ボーダー指定 */
	border-radius: var(--app-mypagenav-rod);-webkit-border-radius: var(--app-mypagenav-rod);-moz-border-radius: var(--app-mypagenav-rod);/* 角丸 */
	background: var(--app-mypagenav-bg); /* 背景色 */
	box-shadow: var(--app-mypagenav-sd);/* 背景影色 */
}
.mypTp04.mypagenav .mypagenavSec a {
	margin: 0.2em 0;
	padding: 0.8rem 0.5rem 0.8rem 2.0rem;
	border: var(--app-mypagenav-sec-brd); /* ボーダー指定 */
	background: var(--app-mypagenav-sec-bg); /* 背景色 */
}
.mypTp04.mypagenav a span {
	padding: 0 0 0 0.8em;
	border-left: var(--app-mypagenav-brd-l); /* 見出しボーダー指定 */
}
.mypTp04.mypagenav .widget li {border-top: none;}
.mypTp04.mypagenav .widget li:last-child {border-bottom: none;}
.mypTp04.mypagenav .widget li.mypagenavSec {padding-left: 0;}
.mypTp04.mypagenav .widget li .btn {width: 44px;height: 43px;top: 1px;right: 1px;}

/*** マイページナビ(アイコン) ***/

/* マイページトップ */
.mypTp01.mypagenav a.mypagetop,
.mypTp02.mypagenav a.mypagetop {background: var(--app-mypagetop-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagetop,
.mypTp02.mypagenav li.crt a.mypagetop {background: var(--app-mypagetop-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* 基本情報の編集 */
.mypTp01.mypagenav a.mypageprof,
.mypTp02.mypagenav a.mypageprof {background: var(--app-mypageprof-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageprof,
.mypTp02.mypagenav li.crt a.mypageprof {background: var(--app-mypageprof-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* パスワード変更 */
.mypTp01.mypagenav a.mypagepassword,
.mypTp02.mypagenav a.mypagepassword {background: var(--app-mypagepassword-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagepassword,
.mypTp02.mypagenav li.crt a.mypagepassword {background: var(--app-mypagepassword-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* サービス購入履歴 */
.mypTp01.mypagenav a.mypageservice,
.mypTp02.mypagenav a.mypageservice {background: var(--app-mypageservice-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageservice,
.mypTp02.mypagenav li.crt a.mypageservice {background: var(--app-mypageservice-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* セミナー申込履歴 */
.mypTp01.mypagenav a.mypageseminar,
.mypTp02.mypagenav a.mypageseminar {background: var(--app-mypageseminar-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageseminar,
.mypTp02.mypagenav li.crt a.mypageseminar {background: var(--app-mypageseminar-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* 商品購入履歴 */
.mypTp01.mypagenav a.mypageproduct,
.mypTp02.mypagenav a.mypageproduct {background: var(--app-mypageproduct-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageproduct,
.mypTp02.mypagenav li.crt a.mypageproduct {background: var(--app-mypageproduct-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* カート */
.mypTp01.mypagenav a.mypagecart,
.mypTp02.mypagenav a.mypagecart {background: var(--app-mypagecart-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagecart,
.mypTp02.mypagenav li.crt a.mypagecart {background: var(--app-mypagecart-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* お問合せ履歴 */
.mypTp01.mypagenav a.mypagecontact,
.mypTp02.mypagenav a.mypagecontact {background: var(--app-mypagecontact-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagecontact,
.mypTp02.mypagenav li.crt a.mypagecontact {background: var(--app-mypagecontact-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* 採点フォーム回答履歴 */
.mypTp01.mypagenav a.mypagework,
.mypTp02.mypagenav a.mypagework {background: var(--app-mypagework-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagework,
.mypTp02.mypagenav li.crt a.mypagework {background: var(--app-mypagework-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* 通知一覧 */
.mypTp01.mypagenav a.mypagepush,
.mypTp02.mypagenav a.mypagepush {background: var(--app-mypagepush-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagepush,
.mypTp02.mypagenav li.crt a.mypagepush {background: var(--app-mypagepush-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* コンテンツいいね・投稿履歴 */
.mypTp01.mypagenav a.mypageconpost,
.mypTp02.mypagenav a.mypageconpost {background: var(--app-mypageconpost-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageconpost,
.mypTp02.mypagenav li.crt a.mypageconpost {background: var(--app-mypageconpost-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* 商品いいね・投稿履歴 */
.mypTp01.mypagenav a.mypageprdpost,
.mypTp02.mypagenav a.mypageprdpost {background: var(--app-mypageprdpost-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageprdpost,
.mypTp02.mypagenav li.crt a.mypageprdpost {background: var(--app-mypageprdpost-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* 掲示板いいね・投稿履歴 */
.mypTp01.mypagenav a.mypagebbspost,
.mypTp02.mypagenav a.mypagebbspost {background: var(--app-mypagebbspost-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagebbspost,
.mypTp02.mypagenav li.crt a.mypagebbspost {background: var(--app-mypagebbspost-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* お気に入り一覧 */
.mypTp01.mypagenav a.mypagefavorite,
.mypTp02.mypagenav a.mypagefavorite {background: var(--app-mypagefavorite-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagefavorite,
.mypTp02.mypagenav li.crt a.mypagefavorite {background: var(--app-mypagefavorite-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* 会員特典 */
.mypTp01.mypagenav a.mypagebenefits,
.mypTp02.mypagenav a.mypagebenefits {background: var(--app-mypagebenefits-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagebenefits,
.mypTp02.mypagenav li.crt a.mypagebenefits {background: var(--app-mypagebenefits-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* 紹介制度 */
.mypTp01.mypagenav a.mypageaffiliate,
.mypTp02.mypagenav a.mypageaffiliate {background: var(--app-mypageaffiliate-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageaffiliate,
.mypTp02.mypagenav li.crt a.mypageaffiliate {background: var(--app-mypageaffiliate-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* お知らせ */
.mypTp01.mypagenav a.mypageinfo,
.mypTp02.mypagenav a.mypageinfo {background: var(--app-mypageinfo-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageinfo,
.mypTp02.mypagenav li.crt a.mypageinfo {background: var(--app-mypageinfo-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* サイネージ管理 */
.mypTp01.mypagenav a.mypagesignage,
.mypTp02.mypagenav a.mypagesignage {background: var(--app-mypagesignage-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagesignage,
.mypTp02.mypagenav li.crt a.mypagesignage {background: var(--app-mypagesignage-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* マイページ */
.mypTp01.mypagenav a.mypageact,
.mypTp02.mypagenav a.mypageact {background: var(--app-mypageact-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypageact,
.mypTp02.mypagenav li.crt a.mypageact {background: var(--app-mypageact-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* 友達追加 */
.mypTp01.mypagenav a.mypagefriend,
.mypTp02.mypagenav a.mypagefriend {background: var(--app-mypagefriend-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagefriend,
.mypTp02.mypagenav li.crt a.mypagefriend {background: var(--app-mypagefriend-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

/* メッセージ */
.mypTp01.mypagenav a.mypagemessage,
.mypTp02.mypagenav a.mypagemessage {background: var(--app-mypagemessage-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav li.crt a.mypagemessage,
.mypTp02.mypagenav li.crt a.mypagemessage {background: var(--app-mypagemessage-ico) 0.5em center no-repeat var(--app-mypagenav-bga);}

.mypTp01.mypagenav a.mypnavIco,
.mypTp02.mypagenav a.mypnavIco,
.mypTp01.mypagenav li.crt a.mypnavIco,
.mypTp02.mypagenav li.crt a.mypnavIco {background-size:24px 24px;}

/*** マイページナビボタン ***/

.mypagenavBt {margin: 0 auto;padding: 1.0rem;background: #eee;}
.mypagenavBt ul {
	margin: 0 auto;
	padding: 0;
	display: flex;
	gap: 0.4rem 0.1rem;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
}
.mypagenavBt li {
	width: calc(20% - 5px);
	margin: 0 auto;
	padding: 2.0rem;
	border-radius: var(--app-mypagenavBt-rod);-webkit-border-radius: var(--app-mypagenavBt-rod);-moz-border-radius: var(--app-mypagenavBt-rod);/* 角丸 */
	background: var(--app-mypagenavBt-bg);/* 背景色 */
	box-shadow: var(--app-mypagenavBt-sd);/* 背景影色 */
}
.mypagenavBt a {
	width: 100%;
	height: 100px;
	padding: 2.0rem 0;
	display: block;
	font-size: clamp(1.2rem, 1.0vw, 1.2rem);
	text-align: center;
}
.mypagenavBt a {padding-top: 7.5rem;}

@media screen and (max-width: 480px) {
	.mypagenavBt li {
		width: calc(33.0% - 5px);
		padding: 1.0rem;
	}
	.mypagenavBt a {padding-top: 6.5rem;}
}
.mypBtTp01.mypagenavBt a.mypageBtprof {background: var(--app-mypageBtprof-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtpassword {background: var(--app-mypagepBtassword-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtservice {background: var(--app-mypageBtservice-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtseminar {background: var(--app-mypageBtseminar-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtproduct {background: var(--app-mypageBtproduct-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtcart {background: var(--app-mypageBtcart-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtcontact {background: var(--app-mypageBtcontact-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtwork {background: var(--app-mypageBtwork-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtpush {background: var(--app-mypageBtpush-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtconpost {background: var(--app-mypageBtconpost-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtprdpost {background: var(--app-mypageBtprdpost-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtbbspost {background: var(--app-mypageBtbbspost-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtfavorite {background: var(--app-mypageBtfavorite-ico) top center no-repeat;}
.mypBtTp01.mypagenavBt a.mypageBtsignage {background: var(--app-mypageBtsignage-ico) top center no-repeat;}

.mypagenavBt a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** myp_navi end ** */

/* ** myp_prof start ** */
/*** マイページナビ(プロフ写真エリア) ***/
.myPhoto {
	margin: 0 auto;
	padding: 1.5rem;
	border-radius: var(--app-myPhoto-rod);-webkit-border-radius: var(--app-myPhoto-rod);-moz-border-radius: var(--app-myPhoto-rod);/* 角丸 */
	border: var(--app-myPhoto-brd); /* ボーダー指定 */
	background: var(--app-myPhoto-bg); /* 背景色 */
}
.myPhoto p.myName {
	margin: 0 auto;
	padding: 0.5em 0;
	color:  var(--app-myPhoto-txt); /* テキスト色 */
	text-align: center;
	font-size: clamp(1.4rem, 1.4vw, 1.6rem);
	font-weight: bold;
}
/* マイページ写真単体 */
.myPhoto .photoArea {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	overflow: hidden;
	border-radius: var(--app-myPhoto-rod);
	-webkit-border-radius: var(--app-myPhoto-rod);
	-moz-border-radius: var(--app-myPhoto-rod);/* 角丸 */
	border: var(--app-photoArea-brd); /* ボーダー指定 */
	background: var(--app-photoArea-bg); /* 背景色 */
}
.myPhoto .photoArea {max-width: var(--app-photoArea-size);height: var(--app-photoArea-size);} /* 写真大きさ */
.myPhoto .photoArea img {position: absolute;width: 100%;height: auto;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

/* 申込プラン表示 */
.planOrd {
	padding: 0.5rem 1.0rem;
	font-size: 1.2rem;
	color: #fff;
	background: #eee;
	font-weight: bold;
	text-align: center;
	border-radius: var(--app-planOrd-rod);-webkit-border-radius: var(--app-planOrd-rod);-moz-border-radius: var(--app-planOrd-rod);
}
/* ** myp_prof end ** */

/* ** myp_basic start ** */
/*** マイページ表示枠 ***/

/* 基本設定 */
.mypageBox {margin: 0 auto;padding: 0;}
.mypageBoxInn {padding: 0 1.5rem;}
.mypageBoxFlex {width: 100%;margin: 0 auto;display: flex;gap: 2.0rem;}
.mypageBoxFlex div {width: 100%;}
.mypageBoxDet li {list-style: none;}

@media screen and (max-width: 600px) {
	.mypageBox {width: 100%;}
	.mypageBoxInn {padding: 0 1.0rem;}
	.mypageBoxFlex {width: 100%;margin: 0 auto;display: block;}
}
/* 名前表示設定 */
.mypageNameBox {margin: 0 auto;padding: 3.0rem 0.5rem 1.0rem 0.5rem;}
.welcomeName {font-size: clamp(1.4rem, 1.4vw, 1.4rem);font-weight: bold;}

/* タイトルエリア設定 */
.mypageTitle {
	width: 100%;
	margin: 0;
	padding: 0 0.5rem;
	display: flex;
	justify-content: flex-start;
	gap: 0 0.2rem;
	color: var(--app-mypageTitle-txt); /* テキスト色 */
	background: var(--app-mypageTitle-bg); /* 背景色 */
	border-radius: var(--app-mypageTitle-rod);-webkit-border-radius: var(--app-mypageTitle-rod);-moz-border-radius: var(--app-mypageTitle-rod); /* 角丸 */
	border: var(--app-mypageTitle-brd); /* ボーダー指定 */
	align-items: center;
}
.mypageTitle .FlexItem:first-child {margin-right: auto;}
.mypageTitle h2.mypageTitleTi,
.mypageTitle h3.mypageTitleTi,
.mypageTitle h4.mypageTitleTi {padding-top: 1.2rem;padding-bottom: 1.2rem;padding-left: 1.0rem;font-size: clamp(1.6rem, 1.6vw, 1.6rem);}
.mypageTitle .editBt {width: 80px;} /* ボタンサイズ */

/* ボタンエリア設定 */
.mypageBtBox {
	width: 100%;
	margin: 0;
	padding: 0.5rem 1.0rem;
	background: #f3f3f3; /* 背景色 */
	border-top: 1px solid #d5d9db; /* ボーダー指定 */
}
@media screen and (max-width: 480px) {
	.mypageBtBox {padding: 0.5rem 0;}
}
/* 基本枠設定 */
.mypageBoxDet {
	margin: 0.5rem auto;
	padding: 0;
	border-radius: var(--app-mypageBoxDet-rod);-webkit-border-radius: var(--app-mypageBoxDet-rod);-moz-border-radius: var(--app-mypageBoxDet-rod); /* 角丸 */
	border: var(--app-mypageBoxDet-brd); /* 外枠ボーダー指定  */
	background: var(--app-mypageBoxDet-bg); /* 外枠背景色 */
	box-shadow: var(--app-mypageBoxDet-sd);/* 外枠背景影色 */
}
.mypageBoxDetInn {
	margin: 1.0rem auto;
	padding: 1.0rem 2.0rem;
	border-radius: var(--app-mypageBoxDet-rod);-webkit-border-radius: var(--app-mypageBoxDet-rod);-moz-border-radius: var(--app-mypageBoxDet-rod); /* 角丸 */
	border: var(--app-mypageBoxDetInn-brd); /* 内枠ボーダー指定  */
	background: var(--app-mypageBoxDetInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-mypageBoxDetInn-sd);/* 内枠背景影色 */
}
/* 申込履歴枠設定 */
.mypageOrdBox {
	margin: 3.0rem auto;
	padding: 0;
	border-radius: var(--app-mypageOrdBox-rod);-webkit-border-radius: var(--app-mypageOrdBox-rod);-moz-border-radius: var(--app-mypageOrdBox-rod); /* 角丸 */
	border: var(--app-mypageOrdBox-brd); /* 外枠ボーダー指定  */
	background: var(--app-mypageOrdBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-mypageOrdBox-sd);/* 外枠背景影色 */
}
.mypageOrdBoxInn {
	margin: 1.0rem 1.5rem;
	padding: 1.0rem 2.0rem;
	border-radius: var(--app-mypageOrdBoxInn-rod);-webkit-border-radius: var(--app-mypageOrdBoxInn-rod);-moz-border-radius: var(--app-mypageOrdBoxInn-rod); /* 角丸 */
	border: var(--app-mypageOrdBoxInn-brd); /* 内枠ボーダー指定  */
	background: var(--app-mypageOrdBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-mypageOrdBoxInn-sd);/* 内枠背景影色 */
}
@media screen and (max-width: 480px) {
	.mypageBoxDetInn,
	.mypageOrdBoxInn {padding: 0.5rem;}
	.mypageOrdBoxInn {margin: 1.0rem;}
}
/* サービスプラン変更設定 */
.planChangeBox {
	margin: 1.0rem auto;
	padding: 1.0rem;
	border-radius: var(--app-planChangeBox-rod);-webkit-border-radius: var(--app-planChangeBox-rod);-moz-border-radius: var(--app-planChangeBox-rod); /* 角丸 */
	border: var(--app-planChangeBox-brd); /* 外枠ボーダー指定  */
	background: var(--app-planChangeBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-planChangeBox-sd);/* 外枠背景影色 */
}
.planChangeBox dd.planChangeName {font-size: clamp(1.8rem, 1.8vw, 2.0rem);}
.planChangeBox li {padding: 0.5rem 0;}

/* キャンセルや解約等の状態設定 */
.mypageOrdSituation {
	margin: 1.0rem auto;
	padding: 1.0rem 2.0rem;
	border-radius: var(--app-mypageOrdSituation-rod);-webkit-border-radius: var(--app-mypageOrdSituation-rod);-moz-border-radius: var(--app-mypageOrdSituation-rod); /* 角丸 */
	border: var(--app-mypageOrdSituation-brd); /* 内枠ボーダー指定  */
	background: var(--app-mypageOrdSituation-bg); /* 背景色 */
	box-shadow: var(--app-mypageOrdSituation-sd);/* 背景影色 */
}
/* データ表示設定 */
.mypageBoxDet dl {
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: 1.0rem 0;
	color: var(--app-mypageBoxDet-txt); /* テキスト色 */
	font-size: clamp(1.4rem, 1.4vw, 1.4rem);
	font-weight: bold;
	border-bottom: var(--app-mypageBoxDet-brd-dl); /* 仕切りボーダー指定 */
}
.mypageBoxDet dl:last-child {border-bottom: none;}

/*** 項目幅指定 ***/

/* 通常 */
.mypageBoxDet dt,
.mypageBoxDet dd {padding: 0.5rem;}
.mypageBoxDet dt {width: 25%;}
.mypageBoxDet dd {width: 75%;}

/* flex横並び時 */
.mypageBoxFlex .mypageBoxDet dt {width: 40%;}
.mypageBoxFlex .mypageBoxDet dd {width: 60%;}

/* 購入金額設定 */
.mypageOrdBasic dd.name {font-size: var(--font-AmountName);}
.mypageOrdBasic  span.kinagakuTxt {font-size: var(--font-Amount);padding: 0 0.5rem 0 0;}

@media screen and (max-width: 480px) {
	.mypageBoxDet dl {display: block;padding: 0.5rem 0;}
	.mypageBoxDet dt,
	.mypageBoxFlex .mypageBoxDet dt {width: 100%;padding-bottom: 1.0rem;}
	.mypageBoxDet dd,
	.mypageBoxFlex .mypageBoxDet dd {width: 100%;}
	.mypageBoxDet dl.spchkDl {display: flex;}
	.mypageBoxDet dl.spchkDl dt,
	.mypageBoxFlex .mypageBoxDet dl.spchkDl dt {width: 35%;padding: 0 0 0 0.8rem;}
	.mypageBoxDet dl.spchkDl dd,
	.mypageBoxFlex .mypageBoxDet dl.spchkDl dd {width: 65%;}
}
/*** 決済履歴指定 ***/
.payment_history {position:relative;width:100%;height:0;padding-top:50%;}
.payment_history iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/*** コンテンツ詳細表示処理 ***/
.DetailBox {margin: 2.0rem auto;padding: 1.5rem 0;width: 95%;}

/****** 写真付きリスト表示 ******/
/* 基本枠 */
.postList {
	list-style: none;
	margin: 1.0rem auto;
	padding: 2.0rem;
	border-radius: var(--app-postList-rod);-webkit-border-radius: var(--app-postList-rod);-moz-border-radius: var(--app-postList-rod);/* 角丸 */
	border: var(--app-postList-brd); /* ボーダー指定 */
	background: var(--app-postList-bg); /* 背景色 */
	box-shadow: var(--app-postList-bbg);/* 背景影色 */
}
/* 項目枠 */
.postList li {
	margin: 0 auto;
	padding: 2.0rem 1.0rem;
    display: flex;
    justify-content: space-between;
    border-bottom: var(--app-postList-li-brd); /* ボーダー指定 */
}
/* リンク制御 */
.postList .postTtl a {color: var(--app-postList-txt);text-decoration: none;}
.postList a:hover {text-decoration: underline;}

/* 日付・写真エリア */
.postDate {width: 20%;}
.postDate .postDateDetail {padding: 0.5rem 0;font-size: 1.2rem;font-weight: bold;}
.postDate .postImg {padding-bottom: 0.5rem;} /* 写真 */
.postDate .postImg img {width: 100%;} /* 写真サイズ */
.postDate .postDateIco {padding-top: 1.0rem;} /* 承認・未承認アイコン */
.postDate .postDateIco .IcoBox{width:auto;}

/* タイトル・テキストエリア */
.postText {width: 77%;}
.postTtl {font-size: clamp(2.0rem, 2.4vw, 2.4rem);font-weight: bold;min-width: 100%;margin-right: 2.0rem;flex-shrink:0;line-height: 1.2;}
.postBody {font-size: clamp(1.4rem, 1.4vw, 1.4rem);min-width: 100%;padding: 1.5rem 0;}/* テキスト */

/* ボタン配置 */
.postBt {padding: 1.0rem 0;display: flex;justify-content: flex-start;}
.postBt p {padding: 0 0.2rem;width: 120px;}

/* アイコン配置 */
.postIco {padding: 0 0 1.0rem 0;display: flex;justify-content: flex-start;gap: 0 0.2rem}
.postIco p {padding: 0rem;width: 120px;}

/****** セミナー利用時 ******/
.postEventDate,
.postPlaceName,
.postAmount {font-size: clamp(1.4rem, 1.4vw, 1.4rem);min-width: 100%;padding: 0;line-height: 1.8;}

/****** 商品利用時 ******/

/* 商品価格・カートボタン */
.postPrdDet {padding: 1.0rem 0 0.5rem 0;display: flex;justify-content: flex-start;}

.postPrdDet .postPrdDetInn {width: 180px;padding: 0;font-weight: bold;}
.postPrdDet .postPrdCart {width: 150px;padding-top: 1.5rem;}
.postPrdDet .postPrdDetInn .postPrdNo {font-size: 1.2rem;}
.postPrdDet .postPrdDetInn .DetPay {font-size: 2.0rem;}
.postPrdDet .postPrdDetInn .DetPay span {font-size: 2.6rem;}
.DetSituation {padding: 0.5rem 0rem;}

/* 投稿コメント表示タイトル */
.postBodyTi {
	width: 100%;
	position: relative;
	padding-top: 2.0rem;
	padding-bottom: 2.0rem;
	text-align: center;
	line-height: 1.0;
	color: var(--app-postBodyTi-txt); /* テキスト色 */
	font-size: 1.4rem;
	font-weight: bold;
}
.postBodyTi:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
	background: var(--app-postBodyTi-txt); /* テキスト色 */
}
.postBodyTi span {
	position: relative;
	padding: 0 1em;
	background: var(--app-postList-bg); /* 背景色 */
}
/* トピックスデータエリア */
.boardPostData {padding: 1.5rem 0 0 0}

/* 削除時 */
.postList li.remove{padding:0.5rem 0;}
.postList li.remove .postDate,
.postList li.remove .postBody,
.postList li.remove .postBodyTi,
.postList li.remove .postPrdDet{visibility:hidden;width:0;height:0;margin:0;padding:0;}
.postList li.remove .postText{width:100%;}
.postList li.remove .postTtl{padding: 0.5rem 0;font-size:1.4rem;font-weight:inherit;}
.postList li.remove .postCaut{padding: 0.5rem 0;font-size: 1.6rem;font-weight:700;}
.postList li.remove .postBt{font-size: 1.4rem;padding: 1.0rem 0 0;}
.postList li.remove .editBt a,
.postList li.remove .editBt button,
.postList li.remove .editBt span{font-size: 1em;padding:0.5rem 0 ;font-weight: inherit;}

/*** ボタン処理 ***/
/* マイページ内編集完了ボタン */
.editRegBt {
	margin: 2.0rem auto;
	padding: 1.5rem 0.5rem;
	width: 50%;
	font-size: clamp(1.6rem, 1.6vw, 2.0rem);
	color: var(--bt-bl-txt);
	background: var(--bt-bl);
	border: var(--bt-bl-brd);
	box-shadow: var(--bt-bl-sd);
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod); /* 角丸 */
}
@media screen and (max-width: 600px) {
	.postList li {padding: 0.5rem;display: block;}
	.postDate {width: 100%;}
	.postText {width: 100%;}
	.postDate .postDateDetail {padding: 0.5rem 0 1.0rem 0;}
	.postBt p {padding: 0 0.2rem;width: 50%;}
	.DetSituation {width: 100px;padding: 0.5rem 0 1.5rem 0;}
	.editRegBt {padding: 2.0rem 0.5rem;width: 90%;}
}
/* ** myp_basic end ** */

/* ** myp_pay start ** */
/*** マイページ領収書（請求書）表示枠 ***/

.popupArea.invoice {width: 960px;margin: 0 auto;padding: 2.0rem 0;}
.invoice h1 {font-size: 4.0rem;padding: 0.5rem 0 2.0rem 0;text-align: center;}
.invoiceInnPrf {display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.invoiceRgt {width: 50%;}
.invoiceLft {width: 40%;}

/* 宛先名（個人・事業者） */
.invoiceCrpName {
	text-align: left;
	margin: 0 0 1.5rem 0;
	padding: 0.5rem 1.0rem;
	border-bottom: 1px solid var(--app-invoice-brd);
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: end;
}
.invoiceCrpNameDet {font-size: 2.5rem;}
.invoiceCrpNameAdd {font-size: 2.0rem;}

/* 注意書き */
.invoiceRgtTxt {font-size: 1.6rem;text-align: left;margin: 0;padding: 1.5rem 0;}

/* 合計金額表示 */
.invoiceRgtTotal {width:100%;margin: 0;padding-top: 2.0rem;}
.invoiceRgtTotal table {width:100%;font-size: 1.6rem;font-weight: bold;}
.invoiceRgtTotal th {width: 30%;padding: 1.0rem;color: var(--app-invoice-th-txt);background: var(--app-invoice-th-bg);border: 1px solid var(--app-invoice-tabele-brd);text-align: center;}
.invoiceRgtTotal td {padding: 1.0rem;color: var(--app-invoice-td-txt);background: var(--app-invoice-td-bg);border: 1px solid var(--app-invoice-tabele-brd);text-align: right;}
.invoiceRgtTotalPay {font-size: 2.6rem;}

.invoiceDocNo {font-size: 1.2rem;font-weight: bold;text-align: right;padding: 0 0 0.8rem 0;}/* ドキュメント番号表示 */
.invoiceDay {font-size: 1.6rem;font-weight: bold;text-align: right;padding: 0 0 1.5rem 0;}/* 請求日表示 */

/* 請求者表示 */
.invoiceAdd {
	padding: 1.0rem 2.0rem;
	background: var(--app-invoice-bg);
	border: 1px solid var(--app-invoice-brd);
	text-align: leftt;
	border-radius: var(--app-invoice-rod);
	position: relative;
}
.invoiceSenderCrp {font-size: 2.0rem;font-weight: bold;}/* 会社名 */
.invoiceSenderName {font-size: 1.6rem;padding-bottom: 1.0rem;}/* 担当者名 */
.invoicePostCode,
.invoiceAddress1,
.invoiceAddress2 {font-size: 1.4rem;}/* 住所 */
.invoiceTel {padding: 0.5rem 0;font-size: 1.4rem;}/* 電話番号 */
.invoiceNo {font-size: 1.4rem;}/* 適格請求書番号 */

/* 電子印鑑 */
.invoiceSign {position: absolute;right: -1.0rem;bottom: 1.0rem;}
.invoiceSign img {width: 120px;}
.invoiceStamp {width:100%;margin: 2.0rem auto 0 auto;padding: 0;display: flex;justify-content: flex-end;gap: 0 0.2rem;}
.invoiceStampBox {width: 80px;height: 80px;border: 1px solid var(--app-invoice-brd);}

/* 見積・請求項目名 */
.invoiceQuotationName {
	font-size: 2.2rem;
	text-align: left;
	margin: 0 0 1.5rem 0;
	padding: 0.5rem 1.0rem;
	border-bottom: 1px solid var(--app-invoice-brd);
}
/* 請求一覧 */
.invoiceInnList {width:100%;margin: 0;padding: 4.0rem 0;}
.invoiceInnList table {width:100%;font-size: 1.4rem;font-weight: bold;}
.invoiceInnList th {padding: 1.0rem;color: var(--app-invoice-th-txt);background: var(--app-invoice-th-bg);border: 1px solid var(--app-invoice-tabele-brd);text-align: center;}
.invoiceInnList td {padding: 1.0rem;color: var(--app-invoice-td-txt);background: var(--app-invoice-td-bg);border: 1px solid var(--app-invoice-tabele-brd);}
.invoiceInnList .koumoku {width: 550px;}
.invoiceInnList .tekiyou {width: 200px;}
.invoiceInnList .tanni,
.invoiceInnList .suryou,
.invoiceInnList .zeiritsu {width: 80px;}
.invoiceInnList .tanka,
.invoiceInnList .syoukei,
.invoiceInnList .syouhizei,
.invoiceInnList .kingaku {width: 150px;}
.invoiceInnList .sagyoubi {width: 200px;}

.invoiceListName {padding: 0.5rem 0;font-size: 1.6rem;}/* 項目名 */

/* 各種明細 */
hr.meisaiBoxLine {border: solid 1px #fff;background-color: #fff;}
.invoiceListDet {padding: 0;border-top: dotted 1px #999;}
.invoiceListDet h2 {font-size: 2.5rem;padding: 0.5rem;}
.invoiceListDetDataTime {font-size: 1.2rem;}
.invoiceListDetDataName {font-size: 1.4rem;}

/* 振込先・インボイス対応エリア */
.invoiceInnBank {margin-bottom: 3.0rem;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.invoiceBankRgt {width: 40%;}
.invoiceBankLft {width: 50%;}

/* 合計金額エリア */
.invoiceInnBankList table {width:100%;font-size: 1.4rem;font-weight: bold;}
.invoiceInnBankList th {width: 130px;padding: 1.0rem;color: var(--app-invoice-th-txt);background: var(--app-invoice-th-bg);border: 1px solid var(--app-invoice-tabele-brd);text-align: center;}
.invoiceInnBankList td {padding: 1.0rem;color: var(--app-invoice-td-txt);background: var(--app-invoice-td-bg);border: 1px solid var(--app-invoice-tabele-brd);}
.invoicTaxOth {font-size: 1.6rem;}
.invoicTaxTotal {font-size: 2.0rem;}

/* 内訳情報 */
.invoiceInnbreakdown dl {display: flex;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 1.5rem;font-size: 1.4rem;font-weight: normal;}
.invoiceInnbreakdown dt {}
.invoiceInnbreakdown dd {text-align: right;}

/* 口座情報 */
.invoiceInnBankDl dl {display: flex;padding: 0.5rem 0;font-size: 1.4rem;}
.invoiceInnBankDl dt {width: 30%;}
.invoiceInnBankDl dd {width: 70%;}

/* ** myp_pay end ** */

/* ** myp_order start ** */
/*** マイページ購入商品詳細表示枠 ***/

/* 基本枠 */
.PrdDetTableT th {width: 30%;}

/* 商品型番・商品番号 */
.PrdDetTable p.prdDetNo {font-size: 1.2rem;}
.PrdDetTable p.prdDetName {font-size: 1.6rem;}

.PrdDetTable .TableBgTanka {font-size: 1.4rem;background: var(--td-Tanka-bg);}/* 商品単価 */

.PrdDetTable .TableBgQuantity {font-size: 1.4rem;background: var(--td-Quantity-bg);}/* 商品個数 */
.PrdDetTable .TableBgSubtotal {font-size: 1.4rem;background: var(--td-Subtotal-bg);}/* 小計 */
.PrdDetTable .TableBgProducttotal {font-size: 1.6rem;background: var(--td-Producttotal-bg);}/* 商品合計 */
.PrdDetTable span.ProducttotalPay {font-size: 1.4rem;}
.PrdDetTable .TableBgPostage {font-size: 1.2rem;background: var(--td-Postage-bg);}/* 送料 */
.PrdDetTable span.PostagePay {font-size: 1.4rem;}
.PrdDetTableT td.TableBGTotal,
.PrdDetTable td.TableBGTotal {font-size: 1.4rem;background: var(--td-Total-bg);}/* 合計金額 */
.PrdDetTable span.TotalPay {font-size: 1.8rem;}
.PrdDetTable td.TableBGAdjustment {font-size: 1.2rem;background: var(--td-Adjustment-bg);}/* 調整金額 */
.PrdDetTable span.AdjustmentPay {font-size: 1.4rem;}
.PrdDetTable td.TableBGTax {font-size: 1.2rem;background: var(--td-Tax-bg);}/* 税金 */
.PrdDetTable span.TaxPay {font-size: 1.2rem;}

/* ** myp_order end ** */

/* ** myp_push start ** */
/*** マイページ通知一覧表示枠 ***/

/* 基本枠 */
.pushList {
	list-style: none;
	margin: 1.0rem auto;
	padding: 2.0rem;
	border-radius: var(--app-pushList-rod);-webkit-border-radius: var(--app-pushList-rod);-moz-border-radius: var(--app-pushList-rod);/* 角丸 */
	border: var(--app-pushList-brd); /* ボーダー指定 */
	background: var(--app-pushList-bg); /* 背景色 */
	box-shadow: var(--app-pushList-bbg);/* 背景影色 */
}
/* 項目枠 */
.pushList li {
    position: relative;
	margin: 0 auto;
	padding: 2.0rem 1.0rem;
    display: flex;
    justify-content: space-between;
    border-bottom: var(--app-pushList-li-brd); /* ボーダー指定 */
}
/* リンク制御 */
.pushList a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition:.3s;
}
.pushList a:hover {
	background: var(--app-pushList-a-bg); /* 背景色 */
	filter: alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;text-decoration: none;
}
/* 日付エリア */
.pushDate {
	width: 20%;
	padding-top: 0.5rem;
	font-size: clamp(1.2rem, 1.4vw, 1.4rem);
	font-weight: bold;
}
/* タイトル・テキストエリア */
.pushText {display: flex;justify-content: space-between;flex-wrap: wrap;width: 80%;}

/* タイトル */
.pushTtl {
	font-size: clamp(1.8rem, 2.0vw, 2.0rem);
	font-weight: bold;
	min-width: 100%;
	margin-right: 2.0rem;
	flex-shrink:0;
}
/* テキスト */
.pushBody {font-size: clamp(1.4rem, 1.6vw, 1.6rem);min-width: 100%;}

@media screen and (max-width: 480px) {
	.pushList {padding: 1.0rem;}
	.pushList li {display: block;}
	.pushDate {width: 100%;padding-top: 0;}
	.pushText {display: block;width: 100%;}
}
/* ** myp_push end ** */
@charset "utf-8";
/***************************************************
information
	filename : app_article.css;
***************************************************/

/* ** article01 start ** */
/****************** 幅指定 ******************/
.articleBox,
.examBox,
.paymentBox {
	width: var(--app-articleBox-width); /* コンテンツ基本幅 */
	margin: 0 auto;
}
.articleArea,
.examArea,
.paymentArea {
	width: var(--app-articleArea-width); /* コンテンツ基本幅(エディタ用) */
	margin: 0 auto;
}
.sp_prev .articleBox {padding-left: 2.0rem;padding-right: 2.0rem;}
.sp_prev .articleBox,
.sp_prev .articleBox p,
.sp_prev .articleBox table,
.sp_prev .articleBox .DLBox,
.sp_prev .articleBox ul,
.sp_prev .articleBox ol,
.sp_prev .videoMax {width: 100%;}

.sp_prev .examBox {padding-left: 2.0rem;padding-right: 2.0rem;}
.sp_prev .examBox,
.sp_prev .examBox p,
.sp_prev .examBox table,
.sp_prev .examBox .DLBox,
.sp_prev .examBox ul,
.sp_prev .examBox ol {width: 100%;}

.sp_prev .paymentBox {padding-left: 2.0rem;padding-right: 2.0rem;}
.sp_prev .paymentBox,
.sp_prev .paymentBox p,
.sp_prev .paymentBox table,
.sp_prev .paymentBox .DLBox,
.sp_prev .paymentBox ul,
.sp_prev .paymentBox ol {width: 100%;}

/* ** article01 end ** */

/* ** article02 start ** */
/****************** メインビジュアル（システム登録反映） ******************/

/*** コンテンツ詳細メインビジュアル ***/
.conVisualArea {
	margin: var(--app-conVisualArea-mg); /* マージン */
	padding: var(--app-conVisualArea-pd);/* パディング */
	text-align: center;
}
.conVisual {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.conVisual img {width: 100%;margin: 0 auto;}
/* ** article02 end ** */

/* ** article0301 start ** */
/****************** 詳細ページメインタイトル ******************/

/*** コンテンツ詳細メインタイトル ***/
h1.conTitle,
p.conTitle {
	margin: 0 auto;
	padding: 2.0rem 0;
	text-align: left;
	color: #000;
	font-size: clamp(2.5rem, 3.0vw, 4.5rem);
	line-height: 1.4em;
	background: inhelit;
}
@media screen and (max-width: 600px) {
	h1.conTitle,
	p.conTitle {width: 90%;}
}
/* ** article0301 end ** */

/* ** article0302 start ** */

/****************** H2 本文基本タイトル ******************/
.articleBox h2,
.articleArea h2 {
}
/* ** article0302 end ** */

/* ** article0303 start ** */
/****************** H3 本文基本タイトル ******************/
.articleBox h3,
.articleArea h3 {
}
/* ** article0303 end ** */

/* ** article0304 start ** */
/****************** H4 本文基本タイトル ******************/
.articleBox h4,
.articleArea h4 {
}
/* ** article0304 end ** */

/* ** article0305 start ** */
/****************** H5 本文基本タイトル ******************/
.articleBox h5,
.articleArea h5 {
}
/* ** article0305 end ** */

/* ** article0306 start ** */
/****************** H6 本文基本タイトル ******************/
.articleBox h6,
.articleArea h6 {
}
/* ** article0306 end ** */

/* ** article0401 start ** */
/****************** 本文基本テキスト ******************/
.articleBox p,
.articleArea p {
}
/* ** article0401 end ** */

/* ** article0501 start ** */
/****************** 本文基本リスト ******************/
/* 基本設定 */
.articleBox ul,
.articleBox ol ,
.examBox ul,
.examBox ol{
	max-width: 100%;
	margin: 0 auto;
	padding: 1.5rem 0 1.5rem 1.5rem;
	color: #000;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	line-height: 1.6;
}
/* ulリスト個別設定 */
.articleBox ul li,
.examBox ul li {margin: 1.0rem;padding: 0 0 0.5rem 1.0rem;}

/* olリスト個別設定 */
.articleBox ol li,
.examBox ol li {margin: 1.0rem;padding: 0 0 0.5rem 1.0rem;}

/* ** article0501 end ** */

/* ** article0601 start ** */
/****************** 本文基本テーブルタグ ******************/
.articleBox tbody {-webkit-text-size-adjust: 100%;}
.articleBox table {
	width:100%;
	margin: 1.0rem auto;
	padding: 0;
	font-size: var(--font-articleBox);/* フォントサイズ */
	font-weight: bold;
}
.articleBox th {
	padding: 1.0rem;
	color: var(--app-articleTableTh-txt); /* テキスト色 */
	background: #f4f4f4;
	border: var(--app-articleTable-brd); /* ボーダー指定 */
	text-align: left;
}
.articleBox td {
	padding: 1.0rem;
	color: var(--app-articleTableTd-txt); /* テキスト色 */
	background: #fff;
	border: var(--app-articleTable-brd); /* ボーダー指定 */
	text-align: left;
}
/* ** article0601 end ** */

/* ** article0701 start ** */
/****************** 本文画像埋め込み ******************/

/* ** article0701 end ** */

/****************** エディタテンプレート指定 ******************/

/* ** article0801 start ** */
/****************** preタグ基本設定 ******************/
.preBox {
	width: 100%;
	margin: 0 auto;
	padding: 2.0rem;
	border-radius: var(--app-preBox-rod);-webkit-border-radius: var(--app-preBox-rod);-moz-border-radius: var(--app-preBox-rod); /* 角丸 */
	background: var(--app-preBox-bg);/* 背景色 */
	border: var(--app-preBox-brd); /* ボーダー指定 */
	color: var(--app-preBox-txt); /* テキスト色 */
	text-align: left;
	position:relative;
}
.preBox pre {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: var(--font-preBox);/* フォントサイズ */
	letter-spacing: 0.2em;
	overflow: auto;
}
/* ** article0801 end ** */

	max-width: 100%;
	margin: 0 auto;
	padding: 1.5rem 0 1.5rem 1.5rem;
	color: #000;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	line-height: 1.6;

/* ** article0901 start ** */
/****************** dlタグ基本設定 ******************/
.DLBox {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-radius: var(--app-dlBox-rod);-webkit-border-radius: var(--app-dlBox-rod);-moz-border-radius: var(--app-dlBox-rod); /* 角丸 */
	background: var(--app-dlBox-bg);/* 背景色 */
	border: var(--app-dlBox-brd); /* ボーダー指定 */
	color: var(--app-dlBox-txt); /* テキスト色 */
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
}
.DLBox dl {
	margin: 0;
	padding: 0;
	display: flex;
	border-bottom: var(--app-dlBox-dl-brd);
}
.DLBox dt {width: 40%;margin: 0;padding: 1.5rem 1.0rem;}
.DLBox dd {width: 100%;margin: 0;padding: 1.5rem 1.0rem;}
.DLBox dl.bga {color: inhelit;background: inhelit;}
.DLBox dl.bgb {color: inhelit;background: inhelit;}

@media screen and (max-width: 600px) {
	.DLBox dl {display: block;}
	.DLBox dt {width: 100%;padding: 1.5rem 1.0rem 0.5rem 1.0rem;}
	.DLBox dd {padding: 0.5rem 1.0rem 1.5rem 1.0rem;}
}
/* ** article0901 end ** */

/* ** article1001 start ** */
/****************** デザイン装飾基本設定(書式) ******************/

/*** タグ装飾 ***/

/* 幅指定 */
.widths {width: 90%;}
.widthCM {width: var(--app-ptWdM-width);} /* コンテンツ基本幅(広) */
.widthCC {width: var(--app-ptWdC-width);} /* コンテンツ基本幅 */
.widthCS {width: var(--app-ptWdC-width);} /* コンテンツ基本幅(狭) */

/* 余白指定 */
.stylemgtWT {margin-top: 6.0rem;}
.stylemgtMT {margin-top: 4.0rem;}
.stylemgtST {margin-top: 2.0rem;}
.stylemgtWB {margin-bottom: 6.0rem;}
.stylemgtMB {margin-bottom: 4.0rem;}
.stylemgtSB {margin-bottom: 2.0rem;}
.stylemgtWTB {margin-top: 6.0rem;margin-bottom: 6.0rem;}
.stylemgtMTB {margin-bottom: 4.0rem;margin-bottom: 4.0rem;}
.stylemgtSTB {margin-bottom: 2.0rem;margin-bottom: 2.0rem;}

@media screen and (max-width: 600px) {
	.stylemgtWT {margin-top: 4.0rem;}
	.stylemgtMT {margin-top: 2.0rem;}
	.stylemgtST {margin-top: 1.0rem;}
	.stylemgtWB {margin-bottom: 4.0rem;}
	.stylemgtMB {margin-bottom: 2.0rem;}
	.stylemgtSB {margin-bottom: 1.0rem;}
	.stylemgtWTB {margin-top: 4.0rem;margin-bottom: 4.0rem;}
	.stylemgtMTB {margin-bottom: 2.0rem;margin-bottom: 2.0rem;}
	.stylemgtSTB {margin-bottom: 1.0rem;margin-bottom: 1.0rem;}
}
.styleBgPd {padding: 0 1.0rem;}
.styleBgBrk,
.styleBgGry,
.styleBgBrn,
.styleBgYel,
.styleBgBlu,
.styleBgPnc,
.styleBgGrn,
.styleBgBrkBrd,
.styleBgGryBrd,
.styleBgBrnBrd,
.styleBgYelBrd,
.styleBgBluBrd,
.styleBgPncBrd,
.styleBgGrnBrd {padding: 2.0rem;}

/* 枠背景指定（背景のみ） */
.styleBgBrk {color: var(--styleBgBrk-txt);background: var(--styleBgBrk-bg);}/* ブラック */
.styleBgGry {color: var(--styleBgGry-txt);background: var(--styleBgGry-bg);}/* グレー */
.styleBgBrn {color: var(--styleBgBrn-txt);background: var(--styleBgBrn-bg);}/* ブラウン */
.styleBgYel {color: var(--styleBgYel-txt);background: var(--styleBgYel-bg);}/* イエロー */
.styleBgBlu {color: var(--styleBgBlu-txt);background: var(--styleBgBlu-bg);}/* ブルー */
.styleBgPnc {color: var(--styleBgPnc-txt);background: var(--styleBgPnc-bg);}/* ピンク */
.styleBgGrn {color: var(--styleBgGrn-txt);background: var(--styleBgGrn-bg);}/* グリーン */

/* 枠背景指定（背景・枠線） */
.styleBgBrkBrd {color: var(--styleBgBrk-txt);background: var(--styleBgBrk-bg);border: var(--styleBgBrk-brd);}/* ブラック */
.styleBgGryBrd {color: var(--styleBgGry-txt);background: var(--styleBgGry-bg);border: var(--styleBgGry-brd);}/* グレー */
.styleBgBrnBrd {color: var(--styleBgBrn-txt);background: var(--styleBgBrn-bg);border: var(--styleBgBrn-brd);}/* ブラウン */
.styleBgYelBrd {color: var(--styleBgYel-txt);background: var(--styleBgYel-bg);border: var(--styleBgYel-brd);}/* イエロー */
.styleBgBluBrd {color: var(--styleBgBlu-txt);background: var(--styleBgBlu-bg);border: var(--styleBgBlu-brd);}/* ブルー */
.styleBgPncBrd {color: var(--styleBgPnc-txt);background: var(--styleBgPnc-bg);border: var(--styleBgPnc-brd);}/* ピンク */
.styleBgGrnBrd {color: var(--styleBgGrn-txt);background: var(--styleBgGrn-bg);border: var(--styleBgGrn-brd);}/* グリーン */

/* 鍵かっこ装飾 */
.styleBgAngle {
	position: relative;
	padding: 1.5rem 2.0rem;
	text-align: center;
}
.styleBgAngle:before,
.styleBgAngle:after {
	content: '';
	width: 2.0rem;
	height: 3.0rem;
	position: absolute;
	display: inline-block;
	border: var(--styleBgAngle-brd); /* ボーダー指定 */
}
.styleBgAngle:before {border-width: 0.5rem 0 0 0.5rem;top: 0;left: 0;}
.styleBgAngle:after {border-width: 0 0.5rem 0.5rem 0;bottom: 0;right: 0;}

span.mck {background: linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 60%);}/* マーカー | 黄 */
span.mck_bl {background: linear-gradient(transparent 60%, rgba(145, 192, 232, 0.5) 60%);}/* マーカー | 青 */
span.mck_rd {background: linear-gradient(transparent 60%, rgba(253, 155, 155, 0.5) 60%);}/* マーカー | 赤 */
span.styleTxt_bl {color: #005ab7;font-weight: bold;}/* 色変更 | 青 */
span.styleTxt_rd {color: #e70047;font-weight: bold;}/* 色変更 | 赤 */

/*** プリセット ***/

/* プリセット基本パターン */
.presetTpBasic {width: var(--app-ptWdW-width);margin: 0 auto;padding: 0;}
.presetTpBasic p {
	margin-left: auto;
	margin-right: auto;
	margin-top: 4.0rem;
	margin-bottom: 4.0rem;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	line-height: 1.8;
}
.presetTpBasic p img {width: 100%;}

/* ** article1001 end ** */

/* ** article1002 start ** */
/****************** デザイン装飾基本設定(基本記事テンプレート) ******************/

/* 基本パターン */
.BasicDezTp {width: var(--app-ptWdM-width);margin: 0 auto;padding: 0;}
.BasicDezTp p {
	margin-left: auto;
	margin-right: auto;
	font-size: clamp(1.6rem, 1.6vw, 1.6rem);
	line-height: 1.8;
}
.BasicDezTp p img {width: 100%;}
.BasicDezTp h2,
.BasicDezTp h3 {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	line-height: 1.6;
	font-weight: bold;
}
.BasicDezTp h2 {font-size: clamp(3.0rem, 4.0vw, 5.0rem);}
.BasicDezTp h3 {font-size: clamp(2.0rem, 2.5vw, 3.0rem);}

@media screen and (max-width: 600px) {
	.BasicDezTp p {width: 85%;}
	.BasicDezTp h2,
	.BasicDezTp h3 {width: 85%;}
}
/* ** article1002 end ** */
@charset "utf-8";
/***************************************************
information
  filename : navi_parts.css;
***************************************************/

/*======== app_navi_dez.css ========*/
/******************************************* ナビゲーション *******************************************/

/* ** navi_layout01 start ** */
/*** 01: スクロールすると上からメニューが出現するパターン ***/
.scroll-nml{z-index: 1000;padding-bottom: 0;}
.scroll-fix{
	width: 100%;
	top: -100px;
	left: 0;
	position: fixed;
	z-index: 200;
	background: var(--app-scroll-cr); /* 背景色 */
	border-bottom: var(--app-scroll-brd); /* ボーダー指定 */
	box-shadow: var(--app-scroll-sd);/* 背景影色 */
}
@media screen and (max-width: 600px) {
	.scroll-fix .scrollfixMenu {padding-bottom: 1.5rem;}
	.spNaviNo {}
	.spHeadNavi #spheader,
	.spHeadNavi #spfooter {display: block;}
	.spFootNavi #spheader,
	.spFootNavi #spfooter {display: block;}
	.spHFNavi #spheader,
	.spHFNavi #spfooter {display: block;}
	.spHFNavi #main {padding-bottom: 8.0rem;}/* プレビュー用 */
	#spheaderMenu {width: 100%;margin: 0 auto;padding: 0;}
}
/* ** navi_layout01 end ** */

/* ** navi_layout02 start ** */
/*** 02: ヘッダーFix(固定)メニュー ***/
.scroll-Fixed {padding-bottom: 5.5rem;}
.bgheader .scroll-Fixed {padding-bottom: 0;}
.scroll-Fixed .scrFixed {
	width: 100%;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 200;
	background: var(--app-scroll-cr); /* 背景色 */
	border-bottom: var(--app-scroll-brd); /* ボーダー指定 */
	box-shadow: var(--app-scroll-sd);/* 背景影色 */
}
.bgheader .scroll-Fixed .scrFixed {
	background: none;
	border-bottom: none;
	box-shadow: none;
}
.scroll-Fixed .scrFixed.change-color {
	background: var(--app-scroll-ch-cr); /* 背景色(カラーチェンジ) */
	border-bottom: var(--app-scroll-ch-brd); /* ボーダー指定 */
	box-shadow: var(--app-scroll-ch-sd);/* 背景影色(カラーチェンジ) */
}
@media screen and (max-width: 600px) {
	.scroll-Fixed .scrFixed {padding-bottom: 1.0rem;}
	.scroll-Fixed {padding-bottom: 7.0rem;}
	.bgheader .scroll-Fixed {padding-bottom: 0;}
}
/* ** navi_layout02 end ** */

/* ** navi_common start ** */

/********* ドロップダウンナビ *********/
#header .snavi ul.dropdown,
#header .gnavi ul.dropdown,
#header .gnavis ul.dropdown {overflow: inherit;}
#header .snavi ul.dropdown>li,
#header .gnavi ul.dropdown>li,
#header .gnavis ul.dropdown>li {position:relative;overflow: visible;z-index: 5;}
#header .snavi ul.dropdown nav,
#header .gnavi ul.dropdown nav,
#header .gnavis ul.dropdown nav {display:none;position:absolute;left: 0;top:100%;width: calc(100% + 1px);}
#header .snavi ul.dropdown ul,
#header .gnavi ul.dropdown ul,
#header .gnavis ul.dropdown ul {display: flex;width: 100%;flex-direction: column;}
#header .snavi ul.dropdown ul li,
#header .gnavi ul.dropdown ul li,
#header .gnavis ul.dropdown ul li {width:100%;background: var(--app-dpnav-a-cr);border-bottom: var(--app-dpnav-a-brd);}
#header .snavi ul.dropdown ul a,
#header .gnavi ul.dropdown ul a,
#header .gnavis ul.dropdown ul a {color:var(--app-dpnav-a-txt);}
#header .snavi ul.dropdown ul a:hover,
#header .gnavi ul.dropdown ul a:hover,
#header .gnavis ul.dropdown ul a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/***２階層目スタイル ***/

/*改行あり*/
#header .snavi ul.dropdown.wrap ul li,
#header .gnavi ul.dropdown.wrap ul li,
#header .gnavis ul.dropdown.wrap ul li {padding: 0.8rem;white-space: normal;}

/*改行なし（幅延長）*/
#header .snavi ul.dropdown.nowrap nav,
#header .snavi ul.dropdown.nowrap ul,
#header .snavi ul.dropdown.nowrap ul li,
#header .gnavi ul.dropdown.nowrap nav,
#header .gnavi ul.dropdown.nowrap ul,
#header .gnavi ul.dropdown.nowrap ul li,
#header .gnavis ul.dropdown.nowrap nav,
#header .gnavis ul.dropdown.nowrap ul,
#header .gnavis ul.dropdown.nowrap ul li {width:auto;}
#header .snavi ul.dropdown.nowrap ul li,
#header .gnavi ul.dropdown.nowrap ul li,
#header .gnavis ul.dropdown.nowrap ul li {padding:0;}
#header .snavi ul.dropdown.nowrap ul a,
#header .gnavi ul.dropdown.nowrap ul a,
#header .gnavis ul.dropdown.nowrap ul a {padding: 0.8rem;display: inline-block;width:100%;}

/*横全体*/
#header .snavi ul.dropdown.wide>li,
#header .gnavi ul.dropdown.wide>li,
#header .gnavis ul.dropdown.wide>li {position: static;}
#header .snavi ul.dropdown.wide ul,
#header .gnavi ul.dropdown.wide ul,
#header .gnavis ul.dropdown.wide ul {
	width: var(--app-ptWdW-width); /* 基本幅 */
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
#header .snavi ul.dropdown.wide nav,
#header .gnavi ul.dropdown.wide nav,
#header .gnavis ul.dropdown.wide nav {background: var(--app-dpnav-cr);}
#header .snavi ul.dropdown.wide ul li,
#header .gnavi ul.dropdown.wide ul li,
#header .gnavis ul.dropdown.wide ul li {width: auto;min-width: inherit;margin: 0 0.5em;background: inherit;border: none;}
#header .snavi ul.dropdown.wide ul a,
#header .gnavi ul.dropdown.wide ul a,
#header .gnavis ul.dropdown.wide ul a {color:var(--app-dpnav-a-txt);}
#header .snavi ul.dropdown.wide ul a::before,
#header .gnavi ul.dropdown.wide ul a::before,
#header .gnavis ul.dropdown.wide ul a::before {
	content:">";
	margin-right:0.3em;
}
/********* ナビ自動スクロール *********/
/* 基本共通 */
.mCSB_draggerContainer {visibility:hidden;}
.gnavi .mCSB_scrollTools,
.catenavSl .mCSB_scrollTools {top: 0;bottom: 0;margin: auto;justify-content: space-between;pointer-events: none;}
.mCSB_scrollTools a{pointer-events: auto;}
.mCSB_scrollTools a::before{
	content:"";
	width:14px;
	height:14px;
	border:solid var(--app-scrollTools-cr);
	border-width:2px 2px 0 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
a.mCSB_buttonLeft::before {transform: rotate(-135deg);}
a.mCSB_buttonRight::before {transform: rotate(45deg);}
.mCustomScrollBox{width:100%;}
.scroll a.mCSB_buttonLeft,
.scroll a.mCSB_buttonRight,
.scEnd a.mCSB_buttonLeft,
.scStart a.mCSB_buttonRight {opacity: 1;pointer-events:auto;position: absolute;}
.scEnd a.mCSB_buttonRight,
.scStart a.mCSB_buttonLeft {opacity: 0;pointer-events:none;}

/* ** navi_common end ** */

/* ** navi_snavi start ** */
/*** サブナビ(ヘッダー) ***/
#header .snavi {
	margin: 0 auto;
	padding: 0.5rem 0;
	color: var(--app-snavi-txt); /* テキスト色 */
	background: var(--app-snavi-cr); /* 背景色 */
}
#header .snavi ul {}
#header .snavi li {
	list-style: none;
	display: inline-block;
	border-left: var(--app-snavi-brd);/*ボーダー指定*/
}
#header .snavi li:last-child {
	border-right: var(--app-snavi-brd);/*ボーダー指定*/
}
@media screen and (max-width: 480px) {
	#header .snavi li {display: block;}
}
#header .snavi a {
	display: block;
	position: relative;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0.8rem;
	padding: 0.5rem 0;
	color: var(--app-snavi-a-txt); /* テキスト色（aタグ） */
	background: var(--app-snavi-a-cr); /* 背景色（aタグ） */
}
#header .snavi a {font-size: clamp(1.4rem, 1.4vw, 1.4rem);}
#header .snavi a:before,
#header .snavi a.crt:before {
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	position: absolute;
	display: block;
}
#header .snavi a:after,
#header .snavi a.crt:after {
	content: '';
	width: 0;
	right: 50%;
	bottom: 0;
	transition: all 0.3s ease;
	position: absolute;
	display: block;
}
#header .snavi a:hover:before,
#header .snavi a:hover:after,
#header .snavi a.crt:before,
#header .snavi a.crt:after {width: 30%;}
#header .snavi a.crt:before,
#header .snavi a:after,
#header .snavi a.crt:after,
#header .snavi a:hover:before,
#header .snavi a:hover:after {
	border-bottom: 1px solid var(--app-snavi-ah-cr); /* 背景色（aタグフォーカス） */
}
/** ドロワー内メニュー **/
.drawer .snavi,
#header .drawer .snavi {margin: 0 auto;padding: 1.5rem 0;}
.drawer .snavi li,
#header .drawer .snavi li {display: block;margin: 0;padding: 0;list-style: none;}
.drawer .snavi li a,
#header .drawer .snavi li a {display: block;margin: 0 auto;padding: 1.5rem 0;text-align: left;}
/* ドロワー内背景白 */
.drawer.slcs .snavi li a,
#header .drawer.slcs .snavi li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .snavi li a,
#header .drawer.slcsb .snavi li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .snavi li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.drawer .snavi li a.crt,
.drawer .snavi li a:hover {text-decoration: none;}
#header .drawer .snavi a:hover:before,
#header .drawer .snavi a:hover:after,
#header .drawer .snavi a.crt:before,
#header .drawer .snavi a.crt:after {width: 100%;}

/* ** navi_snavi end ** */

/* ** navi_gnavi start ** */
/*** グローバルナビ ***/

/* グローバルナビ基本 */
#header .gnavi {
	margin: 0 auto;
	padding: 0;
	color: var(--app-gnavi-txt); /* テキスト色 */
	background: var(--app-gnavi-cr); /* 背景色 */
	position: relative;
}
#header .gnavi ul,
#header .gnavi .mCSB_container {
	margin: 0 auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0.8rem 0;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	list-style: none;
}
#header .gnavi .mCSB_container {padding: 0;}
#header .gnavi li {
	width: 100%;
	list-style: none;
	display: inline-block;
	margin: 0;
	letter-spacing: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border-left: var(--app-gnavi-brd);/*ボーダー指定*/
}
#header .gnavi li {min-width: 150px;padding: 0.8rem 0;}

@media screen and (min-width:600px) and ( max-width:1100px) {
	#header .gnavi li {min-width: 80px;}
}
@media screen and (max-width: 480px) {
	#header .gnavi ul,
	#header .gnavi .mCSB_container {flex-wrap: wrap;}
	#header .gnavi li {width: 50%;}
}
#header .gnavi ul::-webkit-scrollbar {height: 0.3rem;}
#header .gnavi ul::-webkit-scrollbar-track {}
#header .gnavi ul::-webkit-scrollbar-thumb{border-radius: 0.8rem;}
#header .gnavi a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: center;
	color: var(--app-gnavi-a-txt); /* テキスト色（aタグ） */
	background: var(--app-gnavi-a-cr); /* 背景色（aタグ） */
}
#header .gnavi a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}/* フォントサイズ */
#header .gnavi li:last-child {
	border-right: var(--app-gnavi-brd);/*ボーダー指定*/
}
#header .gnavi a span,
#header .gnavi a.crt span {
	content: '';
	width: 0;
	height: 0.2rem;
	left: 50%;
	bottom: -0.8rem;
	transition: all 0.3s ease;
	position: absolute;
	display: block;
	transform: translate(-50%,0);
	background:var(--app-gnavi-ah-cr); /* 背景色（aタグフォーカス） */
}
#header .gnavi a:hover span,
#header .gnavi a.crt span {width: 60%;}

/** ドロワー内メニュー **/
.drawer .gnavi,
#header .drawer .gnavi {margin: 0 auto;padding: 1.5rem 0;}
.drawer .gnavi li,
#header .drawer .gnavi li {display: block;margin: 0;padding: 0;list-style: none;}
.drawer .gnavi li a,
#header .drawer .gnavi li a {display: block;margin: 0 auto;padding: 1.5rem;text-align: left;}

/* ドロワー内背景白 */
.drawer.slcs .gnavi li a,
#header .drawer.slcs .gnavi li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .gnavi li a,
#header .drawer.slcsb .gnavi li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .gnavi li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.drawer .gnavi li a.crt,
.drawer .gnavi li a:hover {text-decoration: none;}
#header .drawer .gnavi a:hover span,
#header .drawer .gnavi a.crt span {width: 100%;}

/* グローバルナビ デザインパターン01 */
#header .gnaviDZPT01 .gnavi {width: inherit;}
#header .gnaviDZPT01 .gnavi li {width: inherit;margin: 0;border-left: none;}
#header .gnaviDZPT01 .gnavi li:last-child {border-right: none;/*ボーダー指定*/}
#header .gnaviDZPT01 .gnavi li {padding: 0.8rem 0.5rem;}

/* ** navi_gnavi end ** */

/* ** navi_gnavis start ** */
/*** グローバルナビ(シンプル) ***/

#header .gnavis {
	margin: 0 auto;
	padding: 0.8rem;
	color: var(--app-gnavis-txt); /* テキスト色 */
	background: var(--app-gnavis-cr); /* 背景色 */
}
#header .gnavis ul {margin: 0;}
#header .gnavis li {list-style: none;display: inline-block;}
@media screen and (max-width: 480px) {
	#header .gnavis li {display: block;}
}
#header .gnavis a {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0.5rem;
	color: var(--app-gnavis-a-txt); /* テキスト色（aタグ） */
	background: var(--app-gnavis-a-cr); /* 背景色（aタグ） */
	text-decoration: none;
	text-align: center;
	display: block;
}
#header .gnavis a {font-size: clamp(1.4rem, 1.6vw, 1.6rem);font-weight: bold;}
#header .gnavis a span,
#header .gnavis a.crt span {
	content: '';
	width: 0;
	height: 0.1rem;
	left: 50%;
	bottom: -0.8rem;
	transition: all 0.3s ease;
	position: absolute;
	display: block;
	transform: translate(-50%,0);
	background: var(--app-gnavis-ah-cr); /* 背景色（aタグフォーカス） */
}
#header .gnavis a:hover span,
#header .gnavis a:hover span,
#header .gnavis a.crt span,
#header .gnavis a.crt span {width: 60%;}

/** ドロワー内メニュー **/
.drawer .gnavis,
#header .drawer .gnavis {margin: 0 auto;padding: 1.5rem 0;}
.drawer .gnavis li,
#header .drawer .gnavis li {display: block;margin: 0;padding: 0;list-style: none;}
.drawer .gnavis li a,
#header .drawer .gnavis li a {display: block;margin: 0 auto;padding: 1.5rem;text-align: left;}

/* ドロワー内背景白 */
.drawer.slcs .gnavis li a,
#header .drawer.slcs .gnavis li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .gnavis li a,
#header .drawer.slcsb .gnavis li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .gnavis li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.drawer .gnavis li a.crt,
.drawer .gnavis li a:hover {text-decoration: none;}
#header .drawer .gnavis a:hover span,
#header .drawer .gnavis a:hover span,
#header .drawer .gnavis a.crt span,
#header .drawer .gnavis a.crt span {width: 100%;}

/* ** navi_gnavis end ** */

/* ** navi_fnavi start ** */
/*** フッターナビ ***/

#footer .fnavi
#spfooter .fnavi{
	margin: 0 auto;
	padding: 1.0rem 0.5rem;
	color:  var(--app-fnavi-txt); /* テキスト色 */
	background: var(--app-fnavi-cr); /* 背景色 */
}
#footer .fnavi ul,
#spfooter .fnavi ul {font-size: clamp(1.4rem, 1.6vw, 1.6rem);}
#footer .fnavi li,
#spfooter .fnavi li {list-style:none;padding: 0.2rem 0;}
#footer .fnavi.inlineY li,
#spfooter .fnavi.inlineY li {display: inline-block;}

@media screen and (max-width: 600px) {
	#spfooter .fnavi.inlineY li {display: block;}
}
#footer .fnavi a,
#spfooter .fnavi a {
	position: relative;
	margin: 0 1.0rem;
	padding: 0 2.0rem;
	text-decoration: none;
	font-weight:normal;
	display: inline-block;
	align-items: center;
	color: var(--app-fnavi-a-txt); /* テキスト色（aタグ） */
	background: var(--app-fnavi-a-cr); /* 背景色（aタグ） */
	line-height: 1.5;
}
/*矢印アイコン*/
#footer .fnavi a:before,
#spfooter .fnavi a:before {
	content: '';
	position: absolute;
	top: 0.5rem;
	left: 0;
	width: 0.8rem;
	height: 0.8rem;
	margin-top: 0;
	border: 0;
	border-top: solid 1px var(--app-fnavi-a-txt); /* テキスト色（aタグ） */
	border-right: solid 1px var(--app-fnavi-a-txt); /* テキスト色（aタグ） */
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#footer .fnavi a:hover,
#spfooter .fnavi a:hover {text-decoration: underline;}

/** ドロワー内メニュー **/
.drawer .fnavi {margin: 0 auto;padding: 1.5rem 0;}
.drawer .fnavi li {margin: 0;padding: 0;list-style: none;}
.drawer .fnavi li a {display: block;margin: 0 auto;padding: 1.5rem;text-align: left;}

/* ドロワー内背景白 */
.drawer.slcs .fnavi li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .fnavi li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .fnavi li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.drawer .fnavi li a.crt,
.drawer .fnavi li a:hover {text-decoration: none;}

/* ** navi_fnavi end ** */

/* ** navi_catenaviSL start ** */
/*** カテゴリナビスライダー ***/
.catenavSl {
	margin: 0 auto;
	padding: 0;
	color: var(--app-catenavSl-txt); /* テキスト色 */
	background: var(--app-catenavSl-cr); /* 背景色 */
}
.catenavSl ul,
.catenavSl .mCSB_container {
	margin-left: auto;
	margin-right: auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
}
.catenavSl li {width: 100%;min-width: 150px;padding: 0;} /* 幅指定 */
.catenavSl ul::-webkit-scrollbar {height: 0.3rem;}
.catenavSl ul::-webkit-scrollbar-track {}
.catenavSl ul::-webkit-scrollbar-thumb{border-radius: 0.8rem;background: var(--app-scrollTools-cr);}
.catenavSl li a {
	display: block;
	margin: 0;
	padding: 1.5rem 0;
	text-align: center;
	color: var(--app-catenavSl-a-txt); /* テキスト色（aタグ） */
	background: var(--app-catenavSl-a-cr); /* 背景色（aタグ） */
	border-left: var(--app-catenavSl-brd); /* ボーダー指定 */
}
.catenavSl li a {font-size: clamp(1.4rem, 1.4vw, 1.5rem);font-weight: bold;}
.catenavSl li.crt a,
.catenavSl li a.crt,
.catenavSl li a:hover {
	text-decoration: none;
	color: var(--app-catenavSl-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-catenavSl-ah-cr); /* 背景色（aタグフォーカス） */
}
.catenavSl li:last-child {border-right: var(--app-catenavSl-brd);/*ボーダー指定*/}

/* ** navi_catenaviSL end ** */

/* ** navi_catenaviY start ** */
/*** カテゴリナビ横 ***/

.catenavY {
	margin: 0 auto;
	padding: 1.5rem 0;
	color: var(--app-catenavY-txt); /* テキスト色 */
	background: var(--app-catenavY-cr); /* 背景色 */
}
.catenavY ul {margin: 0 auto;padding: 0;display: flex;gap: 0 0.2rem;}
.catenavY li {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: normal;
}
.catenavY li {min-width: 80px;}
.catenavY li a {
	display: block;
	margin: 0;
	padding: 1.5rem 0.5rem;
	line-height: 1.4em;
	text-align: center;
	border-radius: var(--app-catenavY-rod);-webkit-border-radius: var(--app-catenavY-rod);-moz-border-radius: var(--app-catenavY-rod); /* 角丸 */
	border: var(--app-catenavY-brd);/*ボーダー指定*/
	color: var(--app-catenavY-a-txt); /* テキスト色（aタグ） */
	background: var(--app-catenavY-a-cr); /* 背景色（aタグ） */
}
.catenavY li a {font-size: clamp(1.4rem, 1.4vw, 1.5rem);font-weight: bold;}
.catenavY li a.crt,
.catenavY li a:hover {
	text-decoration: none;
	color: var(--app-catenavY-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-catenavY-ah-cr); /* 背景色（aタグフォーカス） */
}
/* ** navi_catenaviY end ** */

/* ** navi_catenavi start ** */
/*** カテゴリナビ縦(アコーディオン無し) ***/

.catenav {
	margin: 0 auto;
	padding: 0;
	color: var(--app-catenav-txt); /* テキスト色 */
	background: var(--app-catenav-cr); /* 背景色 */
}
.catenav li {margin: 0;padding: 0.2rem 0;list-style: none;}
.catenav li a {
	display: block;
	margin: 0;
	padding: 1.5rem 0;
	text-align: center;
	border-radius: var(--app-catenav-rod);-webkit-border-radius: var(--app-catenav-rod);-moz-border-radius: var(--app-catenav-rod); /* 角丸 */
	border: var(--app-catenav-brd);/*ボーダー指定*/
	color: var(--app-catenav-a-txt); /* テキスト色（aタグ） */
	background: var(--app-catenav-a-cr); /* 背景色（aタグ） */
}
.catenav li a {font-size: clamp(1.4rem, 1.4vw, 1.6rem);font-weight: bold;}
.catenav li a.crt,
.catenav li a:hover {
	text-decoration: none;
	color: var(--app-catenav-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-catenav-ah-cr); /* 背景色（aタグフォーカス） */
}
/* ** navi_catenavi end ** */

/* ** navi_catenaviT start ** */
/*** カテゴリナビ縦(アコーディオン有) ***/

/* カテゴリナビとしての基本枠 */
.catenavT {margin: 0 auto;padding: 0;color: var(--app-widget-txt);background: var(--app-widget-cr);}
.widget h2 {text-align: left;margin: 0 auto;padding: 1.2rem 1.5rem;color: var(--app-widget-ti-txt);background: var(--app-widget-ti-cr);font-size: clamp(1.4rem, 1.4vw, 1.6rem)}

/* アコーディオンナビの基本設定 */
.widget ul {margin:0}
.widget li {
	position:relative;
	list-style:none;
	border-top: var(--app-widget-brd);
}
.widget li:last-child {border-bottom: var(--app-widget-brd);}
.widget li a {
	text-decoration:none;
	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0.8rem 0;
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	position:relative;
	color: var(--app-widget-a-txt); /* テキスト色（aタグ） */
	background: var(--app-widget-a-cr); /* 背景色（aタグ） */
}
.widget li a.crt {
	color: var(--app-widget-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-widget-ah-cr); /* 背景色（aタグフォーカス） */
}
.widget li a {font-size: font-size: clamp(1.4rem, 1.4vw, 1.4rem);font-weight: bold;}
.widget li .btn {
	display:block;
	content:"";
	width: 45px;
	height: 44px;
	top:0;
	right:0;
	position:absolute;
	padding: 1.0rem 0;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border-left: var(--app-widget-ab-brd);/*ボーダー指定*/
	background: var(--app-widget-ab-cr); /* 背景色 */
}
.widget li .btn:before{content: url(../../../core_sys/common/images/sys/arw_down_bk.png);}
.widget li .btn.active:before{content: url(../../../core_sys/common/images/sys/arw_up_bk.png);}
.widget li a {padding-left: 1.0rem;}
.widget .children li {padding-left: 2.0rem;border-bottom: none;}
.widget ul.children,
.widget ul.children a {background: #fafafa;}

/* ** navi_catenaviT end ** */

/* ** navi_drawer start ** */
/*** ドロワメニュー ***/

/* ドロワメニュー(枠) */
.drawer,
.modal-search {-webkit-transition:ease 0.5s;transition:ease 0.5s;position:absolute;position:fixed;z-index:20000;}
.drawer {width:100%;height:100%;padding: 1.0rem 0;}
.modal-search {width:100%;height:100%;padding: 1.0rem 2.0rem;}

/* モーダル左から右 */
.actL .drawer,
.actL .modal-search{-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0);left:0;}

/* モーダル右から左 */
.actR .drawer,
.actR .modal-search{-webkit-transform: translate(100%, 0);transform: translate(100%, 0);right:0;}
.actL .drawer.action,
.actR .drawer.action,
.actL .modal-search.action,
.actR .modal-search.action {-webkit-transform:translateX(0);transform:translateX(0);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.slcs.drawer,
.slcs.modal-search{
	background-color: var(--sp-slnavi-cs); /* スマホスライドメニュー背景白 */
	border-left:1px solid var(--sp-slnavi-cs-bd); /* スライドメニュー背景白ボーダー */
}
.slcsb.drawer,
.slcsb.modal-search{
	background-color: var(--sp-slnavi-csb); /* スライドメニュー背景黒 */
	border-left:1px solid var(--sp-slnavi-csb-bd); /* スライドメニュー背景黒ボーダー */
}
.drawer.action{width: var(--sp-drawer-size);} /* ドロワーウィンドウサイズ */
.modal-search.action{width: var(--sp-modal-size);} /* 検索ウィンドウサイズ */
#header .drawer,
#header .modal-search {top:60px;}
#footer .modal-search {bottom:100px;padding-top: 130px;}

@media screen and (max-width: 896px) {
	.spHeadNavi .drawer,
	.spHeadNavi .modal-search {top: 5.3rem;padding-bottom: 10rem;}
	.spFootNavi .drawer,
	.spFootNavi .modal-search {bottom: 8.0rem;padding-top: 10rem;}
	.spHFNavi .drawer,
	.spHFNavi .modal-search {bottom: 8.0rem;padding-top: 10rem;}
}
/*ハンバーガーボタン*/
.FixItemDrw .drbtn {position:fixed;}
.scroll-nml .FixItemDrw .drbtn,
.scroll-fix .FixItemDrw .drbtn {position: absolute;}
.drbtn{
	-webkit-transition:ease 0.5s;
	transition:ease 0.5s;
	cursor:pointer;
	align-items:
	flex-end;display:
	flex;justify-content:center;
	z-index:4000;
}
.drbtn {width:50px;height:60px;}
.drbtn.action {right: 0.2rem;}
.drbtn.action .hambarg:nth-child(1){
	top:50%;-webkit-transform:
	translate(-50%, -50%) rotate(45deg);
	transform:translate(-50%, -50%) rotate(45deg);
}
.drbtn.action .hambarg:nth-child(2){
	top:50%;-webkit-transform:
	translate(-50%, -50%);
	transform:translate(-50%, -50%);
	opacity:0;
}
.drbtn.action .hambarg:nth-child(3){
	top:50%;-webkit-transform:
	translate(-50%, -50%) rotate(-45deg);
	transform:translate(-50%, -50%) rotate(-45deg);
}
.drbtn.action .hambargMenu {display:none;}
.hambarg{
	position:absolute;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	-webkit-transition:ease 0.5s;
	transition:ease 0.5s;
}
.hambarg:nth-child(1){top:20%;left:50%;}
.hambarg:nth-child(2){top:35%;left:50%;}
.hambarg:nth-child(3){top:50%;left:50%;}
.hambargMenu {position:absolute;top:30%;}

.hambarg{height:3px;width:40px;}
.hambargMenu {font-size: 1.2rem;font-weight: bold;}
#header .hambargMenu {padding-top: 18px;}/* ヘッダー固定 */
#footer .hambargMenu {padding-top: 18px;}/* フッター固定 */

.drbtn {color: var(--app-spheader-txt);} /* SPヘッダーテキスト */
.hambarg {background: var(--app-spheader-txt);} /* SPヘッダーテキスト */

@media screen and (max-width: 896px) {
	.hambarg{height:2px;width:35px;}
	#spheader .hambargMenu {padding-top: 15px;}/* ヘッダー固定 */
	#spfooter .hambargMenu {padding-top: 24px;}/* フッター固定 */
	#spfooterMenu .drbtn {color: var(--app-spfooter-txt);} /* SPフッターテキスト */
	#spfooterMenu .hambarg {background: var(--app-spfooter-txt);} /* SPフッターテキスト */
}
/*検索ボタン*/
.shbtn{position:fixed;cursor:pointer;align-items:flex-end;display:flex;justify-content:center;z-index:10000;}
.scroll-fix .shbtn{position: absolute;}

/*FixItem位置制御*/
.FixItem .FixItemIco {position:fixed;}
.scroll-nml .FixItem .shbtn,
.scroll-nml .FixItem .FixItemIco,
.scroll-fix .FixItem .FixItemIco {position: absolute;}
.FixItem .drawer .FixItemIco {position:static;}
.FixItem span.mnaviUTxt {display: none;}
.FixItem .FixItemIco .NaviIcoSvg {width:40px;height:40px;fill: var(--app-spheader-txt);}
.FixItem .shbtn .NaviIcoSvg {width:35px;height:35px;fill: var(--app-spheader-txt);}/* 検索ボタン */

/*** FixItem位置制御 ***/
#header .FixItemDrw .drbtn{top: 2px;}
#header .FixItem .shbtn {top: 12px;}
#header .FixItem .FixItemIco {top: 10px;}

/* ハンバーガーボタン */
.FixItemDrw.FixItemR01 .drbtn{right: 5px;}
.FixItemDrw.FixItemR02 .drbtn{right: 65px;}
.FixItemDrw.FixItemR03 .drbtn{right: 115px;}
.FixItemDrw.FixItemR04 .drbtn{right: 160px;}
.FixItemDrw.FixItemR05 .drbtn{right: 205px;}
.FixItemDrw.FixItemR06 .drbtn{right: 260px;}
.FixItemDrw.FixItemR07 .drbtn{right: 305px;}
.FixItemDrw.FixItemR08 .drbtn{right: 350px;}
.FixItemDrw.FixItemR09 .drbtn{right: 395px;}
.FixItemDrw.FixItemL01 .drbtn{left: 5px;}
.FixItemDrw.FixItemL02 .drbtn{left: 65px;}
.FixItemDrw.FixItemL03 .drbtn{left: 115px;}
.FixItemDrw.FixItemL04 .drbtn{left: 160px;}
.FixItemDrw.FixItemL05 .drbtn{left: 205px;}
.FixItemDrw.FixItemL06 .drbtn{left: 260px;}
.FixItemDrw.FixItemL07 .drbtn{left: 305px;}
.FixItemDrw.FixItemL08 .drbtn{left: 350px;}
.FixItemDrw.FixItemL09 .drbtn{left: 395px;}

.FixItem.FixItemR01 .FixItemIco,
.FixItem.FixItemR01 .shbtn {right: 20px;}/* 左1 */
.FixItem.FixItemL01 .FixItemIco,
.FixItem.FixItemL01 .shbtn {left: 20px;}/* 右1 */

.FixItem.FixItemR02 .FixItemIco,
.FixItem.FixItemR02 .shbtn {right: 65px;}/* 左2 */
.FixItem.FixItemL02 .FixItemIco,
.FixItem.FixItemL02 .shbtn {left: 65px;}/* 右2 */

.FixItem.FixItemR03 .FixItemIco,
.FixItem.FixItemR03 .shbtn {right: 115px;}/* 左3 */
.FixItem.FixItemL03 .FixItemIco,
.FixItem.FixItemL03 .shbtn {left: 115px;}/* 右3 */

.FixItem.FixItemR04 .FixItemIco,
.FixItem.FixItemR04 .shbtn {right: 160px;}/* 左4 */
.FixItem.FixItemL04 .FixItemIco,
.FixItem.FixItemL04 .shbtn {left: 160px;}/* 右4 */

.FixItem.FixItemR05 .FixItemIco,
.FixItem.FixItemR05 .shbtn {right: 205px;}/* 左5 */
.FixItem.FixItemL05 .FixItemIco,
.FixItem.FixItemL05 .shbtn {left: 205px;}/* 右5 */

.FixItem.FixItemR06 .FixItemIco,
.FixItem.FixItemR06 .shbtn {right: 260px;}/* 左6 */
.FixItem.FixItemL06 .FixItemIco,
.FixItem.FixItemL06 .shbtn {left: 260px;}/* 右6 */

.FixItem.FixItemR07 .FixItemIco,
.FixItem.FixItemR07 .shbtn {right: 305px;}/* 左7 */
.FixItem.FixItemL07 .FixItemIco,
.FixItem.FixItemL07 .shbtn {left: 305px;}/* 右7 */

.FixItem.FixItemR08 .FixItemIco,
.FixItem.FixItemR08 .shbtn {right: 350px;}/* 左8 */
.FixItem.FixItemL08 .FixItemIco,
.FixItem.FixItemL08 .shbtn {left: 350px;}/* 右8 */

.FixItem.FixItemR09 .FixItemIco,
.FixItem.FixItemR09 .shbtn {right: 395px;}/* 左9 */
.FixItem.FixItemL09 .FixItemIco,
.FixItem.FixItemL09 .shbtn {left: 395px;}/* 右9 */

@media screen and (max-width: 896px) {

	/********* FixItem位置制御 *********/
	.FixItem .shbtn,
	.FixItem .FixItemIco {width:50px;height:40px;text-align: center;}

	#spheaderMenu .FixItem .FixItemIco .NaviIcoSvg {width:35px;height:35px;fill: var(--app-spheader-txt);}
	#spheaderMenu .FixItem .shbtn .NaviIcoSvg {width:30px;height:30px;fill: var(--app-spheader-txt);}/* 検索ボタン */
	#spfooterMenu .FixItem .FixItemIco .NaviIcoSvg {width:35px;height:35px;fill: var(--app-spfooter-txt);}
	#spfooterMenu .FixItem .shbtn .NaviIcoSvg {width:30px;height:30px;fill: var(--app-spfooter-txt);}/* 検索ボタン */

	/*** FixItem位置制御 ***/
	#spheaderMenu .FixItem .drbtn{top: 0px;}
	#spheaderMenu .FixItem .shbtn {top: 5px;}
	#spheaderMenu .FixItem .FixItemIco {top: 13px;}

	#spfooterMenu .FixItem span.mnaviUTxt {display: block;color: var(--app-spfooter-txt);font-size: 1.2rem;font-weight: bold;}
	#spfooterMenu .FixItem a span.mnaviUTxt {color: var(--app-spfooter-txt);}
	#spfooterMenu .FixItem .drbtn{bottom: 15px;}
	#spfooterMenu .FixItem .shbtn {bottom: 12px;}
	#spfooterMenu .FixItem .FixItemIco{bottom: 30px;}

	/*** FixItem位置制御(固定) ***/
	/* ハンバーガーボタン */
	#spheaderMenu .FixItemDrw .drbtn {top: 0;}
	#spfooterMenu .FixItemDrw .drbtn {bottom: 1.0rem;}
	#spheaderMenu .FixItemDrw.FixItemR01 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR01 .drbtn{right: 10px;}
	#spheaderMenu .FixItemDrw.FixItemR02 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR02 .drbtn{right: 65px;}
	#spheaderMenu .FixItemDrw.FixItemR03 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR03 .drbtn{right: 120px;}
	#spheaderMenu .FixItemDrw.FixItemR04 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR04 .drbtn{right: 145px;}
	#spheaderMenu .FixItemDrw.FixItemR05 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemR05 .drbtn{right: 185px;}
	#spheaderMenu .FixItemDrw.FixItemL01 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL01 .drbtn{left: 10px;}
	#spheaderMenu .FixItemDrw.FixItemL02 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL02 .drbtn{left: 65px;}
	#spheaderMenu .FixItemDrw.FixItemL03 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL03 .drbtn{left: 120px;}
	#spheaderMenu .FixItemDrw.FixItemL04 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL04 .drbtn{left: 145px;}
	#spheaderMenu .FixItemDrw.FixItemL05 .drbtn,
	#spfooterMenu .FixItemDrw.FixItemL05 .drbtn{left: 185px;}

	#spheaderMenu .FixItem.FixItemR01 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR01 .FixItemIco {right: 10px;}/* 左1 */
	#spheaderMenu .FixItem.FixItemR01 .shbtn,
	#spfooterMenu .FixItem.FixItemR01 .shbtn {right: 10px;}/* 左1 */
	#spheaderMenu .FixItem.FixItemL01 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL01 .FixItemIco {left: 10px;}/* 右1 */
	#spheaderMenu .FixItem.FixItemL01 .shbtn,
	#spfooterMenu .FixItem.FixItemL01 .shbtn {right: 10px;}/* 右1 */

	#spheaderMenu .FixItem.FixItemR02 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR02 .FixItemIco {right: 65px;}/* 左2 */
	#spheaderMenu .FixItem.FixItemR02 .shbtn,
	#spfooterMenu .FixItem.FixItemR02 .shbtn {right: 65px;}/* 左2 */
	#spheaderMenu .FixItem.FixItemL02 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL02 .FixItemIco {left: 65px;}/* 右2 */
	#spheaderMenu .FixItem.FixItemL02 .shbtn,
	#spfooterMenu .FixItem.FixItemL02 .shbtn {right: 65px;}/* 右2 */

	#spheaderMenu .FixItem.FixItemR03 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR03 .FixItemIco {right: 120px;}/* 左3 */
	#spheaderMenu .FixItem.FixItemR03 .shbtn,
	#spfooterMenu .FixItem.FixItemR03 .shbtn {right: 120px;}/* 左3 */
	#spheaderMenu .FixItem.FixItemL03 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL03 .FixItemIco {left: 120px;}/* 右3 */
	#spheaderMenu .FixItem.FixItemL03 .shbtn,
	#spfooterMenu .FixItem.FixItemL03 .shbtn {left: 120px;}/* 右3 */

	#spheaderMenu .FixItem.FixItemR04 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR04 .FixItemIco {right: 175px;}/* 左4 */
	#spheaderMenu .FixItem.FixItemR04 .shbtn,
	#spfooterMenu .FixItem.FixItemR04 .shbtn {right: 175px;}/* 左4 */
	#spheaderMenu .FixItem.FixItemL04 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL04 .FixItemIco {left: 175px;}/* 右4 */
	#spheaderMenu .FixItem.FixItemL04 .shbtn,
	#spfooterMenu .FixItem.FixItemL04 .shbtn {left: 175px;}/* 右4 */

	#spheaderMenu .FixItem.FixItemR05 .FixItemIco,
	#spfooterMenu .FixItem.FixItemR05 .FixItemIco {right: 185px;}/* 左5 */
	#spheaderMenu .FixItem.FixItemR05 .shbtn,
	#spfooterMenu .FixItem.FixItemR05 .shbtn {right: 185px;}/* 左5 */
	#spheaderMenu .FixItem.FixItemL05 .FixItemIco,
	#spfooterMenu .FixItem.FixItemL05 .FixItemIco {left: 185px;}/* 右5 */
	#spheaderMenu .FixItem.FixItemL05 .shbtn,
	#spfooterMenu .FixItem.FixItemL05 .shbtn {left: 185px;}/* 右5 */

	/*** FixItem位置制御（均等） ***/

	#spfooterMenu .FixItemDrw.FixItemC01 .drbtn,
	#spfooterMenu .FixItem.FixItemC01 .shbtn,
	#spfooterMenu .FixItem.FixItemC01 .FixItemIco{left: 5%;}
	#spfooterMenu .FixItemDrw.FixItemC02 .drbtn,
	#spfooterMenu .FixItem.FixItemC02 .shbtn,
	#spfooterMenu .FixItem.FixItemC02 .FixItemIco{left: 25%;}
	#spfooterMenu .FixItemDrw.FixItemC03 .drbtn,
	#spfooterMenu .FixItem.FixItemC03 .shbtn,
	#spfooterMenu .FixItem.FixItemC03 .FixItemIco{left:calc(50% - 50px/2);}
	#spfooterMenu .FixItemDrw.FixItemC04 .drbtn,
	#spfooterMenu .FixItem.FixItemC04 .shbtn,
	#spfooterMenu .FixItem.FixItemC04 .FixItemIco{right: 25%;}
	#spfooterMenu .FixItemDrw.FixItemC05 .drbtn,
	#spfooterMenu .FixItem.FixItemC05 .shbtn,
	#spfooterMenu .FixItem.FixItemC05 .FixItemIco{right: 5%;}
}
/* ** navi_drawer end ** */

/* ** navi_panlink start ** */
/*** パンくずリンク ***/
.pan_link {
	margin: 0 auto;
	padding: 1.0rem 0;
	background: var(--app-panlink-cr); /* 背景色 */
}
.pan_link ul {margin: 0.5rem auto;display: flex;}
.pan_link li {
	margin-left: 0.5rem;
	list-style:none;
	color: var(--app-panlink-txt); /* テキスト色 */
	white-space:nowrap;
}
.pan_link li {font-size: clamp(1.4rem, 1.4vw, 1.4rem);font-weight: normal;}
.pan_link a {
	text-decoration: none;
	color: var(--app-panlink-a-txt); /* テキスト色（aタグ） */
}
.pan_link a:hover {text-decoration: underline;}

/* テキスト長い際の処理 */
.pan_link li.panconDetTxt {width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ** navi_panlink end ** */

/* ** navi_pagenum start ** */
/*** ページナンバーナビ ***/
.PageNum {}
.PageNum_link {
	position: relative;
	overflow: hidden;
	margin: 2.0rem auto;
	padding: 2.0rem 0.5rem;
}
.PageNum_link ul {position: relative;left: 50%;float: left;}
.PageNum_link li {position: relative;left: -50%;float: left;list-style:none;}
.PageNum_link a {
	margin: 0.5rem 0.2rem;
	padding: 1.2rem 1.5rem;
	text-decoration: none;
	color: var(--app-pagenum-a-txt); /* テキスト色（aタグ） */
	background: var(--app-pagenum-a-cr); /* 背景色（aタグ） */
	border-radius: var(--app-pagenum-rod);-webkit-border-radius: var(--app-pagenum-rod);-moz-border-radius: var(--app-pagenum-rod);/* 角丸 */
	border: var(--app-pagenum-brd); /* ボーダー指定 */
}
.PageNum_link a {font-size: clamp(1.6rem, 1.6vw, 1.8rem);font-weight: bold;}
.PageNum_link a.crt,
.PageNum_link a:hover {
	text-decoration: none;
	color: var(--app-pagenum-ah-txt); /* テキスト色（aタグフォーカス） */
	background: var(--app-pagenum-ah-cr); /* 背景色（aタグフォーカス） */
}
@media screen and (max-width: 600px) {
	.PageNum_link {margin: 1.0rem auto;}
}
/* ** navi_pagenum end ** */

/* ** navi_footer_set start ** */
/*** スマホ時フッター固定ナビ ***/
@media screen and (min-width:600px) and ( max-width:896px) {
	.spFooterSet #spfooter {display: none;}/* フッター固定 */
}
@media screen and (max-width: 600px) {
	.spFooterSet #spfooter {position: fixed;bottom: 0px;left: 0px;z-index: 1000;}/* フッター固定 */
	.spFooterSet #spfooter {width: 100%;height: 80px;padding-top: 10px;}
	.spFooterSet #spfooter {background: var(--app-spfooter-cr);}
}
/* ** navi_footer_set end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_user.css;
***************************************************/

/* ** user_custom start ** */
/****************** カスタムcss ******************/

/* ここに自由に追記してください */


@charset "utf-8";
/***************************************************
information
  filename : app_user.css;
***************************************************/
:root {
  --app-basic-txt: #333;
  --app-main-txt: #E9551C;
  --app-main-c-txt: #4CCFCA;
  --app-glnv-txt: #000;
  --app-sbnv-txt: #7DB9FC;
  --app-copy-txt: #fff;
  --app-bg-cr: #F2F2F2;
  --app-main-cr: #171717;
  --app-main-cr-c: #e60012;
  --app-header-cr: #fff;
  --app-footer-cr: #222222;
  --app-glnv-cr: #fff;
  --app-sbnv-cr: #fff;
  --app-copy-cr: #171717;
}
/***************************************************
共通（※高岡追加）
***************************************************/
a:hover{
text-decoration:none;
}
.articleBox p{
   padding:0px;
   margin:20px 0;
}
.articleBox h2{
  margin:80px 0 32px;
}
/***************************************************
ボタンパーツ（※高岡追加）
***************************************************/
/* デフォルトボタン1 */
.buttonBox{
	text-align: center;
	margin:16px auto;
  }
  button,.buttonBox a{
	font-size:16px;
	background:var(--app-main-c-txt);
	color:#fff;
	border:none;
	width:360px;
	padding:16px 8px;
	border-radius: 4px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.08);
	transition:0.4s ease;
  }
  .buttonBox a{
	display: block;
	margin:auto;
  }
  button:hover{
	transform:scale(0.99);
	box-shadow: none;
	transition:0.2s ease;
  }

  @media screen and (max-width:767px){
	button,.buttonBox a{
	  width:320px;
	}
  }
  @media screen and (max-width:440px){
	button,.buttonBox a{
	  width:71%;
	font-size:14px;
	padding:12px 8px;
	}
  }

/* デフォルトボタン2 */
button.line,.buttonBox a.line{
	color: var(--app-main-txt);
	padding:14px 8px;
	background:none;
	border:2px solid var(--app-main-txt);
	box-shadow: none;
  }
  button.line:hover{
	color:#fff;
	background:var(--app-main-txt);
	transform:scale(1);
  }

/* 強調ボタン中 */
button.main,.buttonBox a.main{
	background:var(--app-main-c-txt);
  }

/* 強調ボタン大 */
button.mainBig,.buttonBox a.mainBig{
	font-size:18px;
	width:480px;
	background:var(--app-main-cr-c);
  }

  @media screen and (max-width:650px){
	button.mainBig,.buttonBox a.mainBig{
	  width:85%;
	}
  }
  @media screen and (max-width:540px){
	button.mainBig,.buttonBox a.mainBig{
	  width:90%;
	}
}


/***************************************************
記事パーツ（※高岡追加）
***************************************************/
/************　囲みBOX　***********/
.borderBox{
    border: 1px solid var(--app-main-brd-a);
    margin:16px 0;
    padding:8px 32px;
}
/* 強調色 */
.borderBox.strong-color,.borderBox.brdClr2{
    border: 1px solid var(--app-main-txt);
}

.archiveArea.archiveIndex .conDetailArea .articleBox .lineBox p {
    position: static;
    padding-top: 16px;
}
/* アイコンボタンボックス */
.icon_buttonBox a{
    background:#fff;
    border-radius:8px;
    display:block;
    padding:24px 72px;
    position:relative;
    color:#333;
    font-weight:bold;
    z-index:1;
}
.icon_buttonBox a:before{
    position:absolute;
    content:'';
    background:#211A6A;
    width:50px;
    height:50px;
    border-radius: 6px;
    top:50%;
    left:10px;
    transform:translateY(-50%);
    z-index:1;
}
/* 素材ダウンロードアイコン */
.icon_buttonBox a.icon_buttonBox_download:after{
    position:absolute;
    content:'';
    background:url(https://img.music-hearts-portal.com/course/icon/icon_buttonBox_download.svg)no-repeat;
    background-size: contain;
    width:30px;
    height:30px;
    top:50%;
    left:20px;
    transform:translateY(-50%);
    z-index:99;
}
/* 自由課題アイコン */
.icon_buttonBox a.icon_buttonBox_freetask:before{
    background:#977FFC;
}
.icon_buttonBox a.icon_buttonBox_freetask:after{
    position:absolute;
    content:'';
    background:url(https://img.music-hearts-portal.com/course/icon/icon_buttonBox_freetask.svg)no-repeat;
    background-size: contain;
    width:30px;
    height:30px;
    top:50%;
    left:20px;
    transform:translateY(-50%);
    z-index:99;
}

/************　見出し　***********/
.midashi1{
    text-align: center;
    background:#F8F8F8;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    position:relative;
    margin:80px 0 40px;
}
.midashiTtl{
    background:#333333;
    color:#fff;
    display:inline-block;
    padding:4px 32px;
    border-radius: 40px;
    position:absolute;
    top:-16px;
    left:50%;
    transform:translateX(-50%);
}
.midashi1 p{
    color:var(--app-main-txt);
    font-size:20px;
    line-height: 1.75;
}
.midashiTxt{
   padding-top:8px;
}
@media screen and (max-width:540px) {
    .midashi1{
        padding:12px 0 1px;
        margin:60px 0 30px;
    }
    .midashi1 p{
        font-size:18px;
    }

}

/************　文字装飾　***********/
p.style1{
    color:var(--app-main-txt);
}

/************　見出し　***********/
/* 見出しスタイル１ */
h2.style1{
    position: relative;
    z-index:1;
    font-size: 32px;
}
h2.style1:after{
    position: absolute;
    content: "";
    right: -40px;
    width: 100%;
    height: 0.5em;
    right: 0;
    bottom: -2px;
    background: #ddd;
    z-index: -1;
}
/* 見出しスタイル２ */
h2.style2,h2.mainT,h3.mainT{
    position: relative;
    padding-left:16px;
    margin-left:8px;
}
h2.style2:before,h2.mainT:before,h3.mainT:before{
    position: absolute;
    content: "";
    background: var(--app-main-c-txt);
    width: 10px;
    height: 10px;
    left: 0;
    top: 50%;
    transform:translateY(-50%);
}

/************　囲みBOX　***********/
.baseBox,.lineBox,.listBox{
	padding:16px 24px;
　margin:16px 0px !important;
}
.box__title p{
	color:var(--app-main-txt);
	font-weight:bold;
}
/* 囲みBOX1 */
.baseBox{
	background:var(--app-main-brd-a);
	margin:16px 0px;
}
/* 囲みBOX2 */
.lineBox{
	border:1px solid var(--app-main-brd);
	margin:16px 0px;
}
/* 囲みBOX3 */
.gray{
	border:1px solid var(--app-main-brd);
}
.gray p{
	color:var(--app-main-brd);
}
/************　強調BOX　***********/
.pointBox{
	background:#f8f8f8;
	padding-bottom:8px;
	margin:16px auto;
}
.pointBox p{
  width:95%;
  margin:16px auto;
}
.pointBox .box__title{
  background:var(--app-main-txt);
	padding:8px;
}
.pointBox .box__title p{
	color:#fff;
	font-weight:bold;
	text-align: center;
	margin:0px;
}
.pointBox .box__title.icon{
  background:#333;
	/* background:var(--app-main-cr-c); */
	text-align: center;
}
.box__title.icon p{
	display:inline-block;
	position:relative;
  width:auto;
}
.box__title.icon p:before{
	position:absolute;
	content:'';
	width:15px;
	height:9px;
	border-left:3px solid #fff;
	border-bottom:3px solid #fff;
	top:22%;
	left:-22px;
	transform:rotate(-45deg);
}
/* 強調BOX1 */

/* 強調BOX2 */

/************　リストBOX　***********/
/* リストBOX1 */
.listBox ul li{
	padding-left:20px;
	position:relative;
  list-style: none;
}
.listBox ul li:before{
	position:absolute;
	content:'';
	background:var(--app-main-txt);
	width:4px;
	height:4px;
	border-radius: 50%;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
/* リストBOX2 */
.listBox ol{
	counter-reset: item;
  	list-style-type: none;
	position:relative;
}
.listBox ol li:before{
	counter-increment: item;
 	content: counter(item)'. ';
	color:var(--app-main-txt);
	font-weight:bold;
}
/* リストBOX3 */
ol.countType2 li:before{
	color:#fff;
	font-size:80%;
	background:var(--app-main-txt);
	content: counter(item)'';
	padding:5.5px 7.6px 5px;
	margin-right:6px;
	border-radius: 50%;
}
/************ 強調テキスト　***********/

/* 強調テキスト1 */
.pointText{
	margin:16px auto;
}
.pointText p.check{
	padding-left:20px;
	margin-top:4px;
	margin-bottom:4px;
	font-size:105%;
	font-weight:bold;
	position:relative;
}
.pointText p.check:before{
	position:absolute;
	content:'';
	width:24px;
	height:14px;
	border-left:4px solid var(--app-main-cr-c);
	border-bottom:4px solid var(--app-main-cr-c);
	top:50%;
	left:-16px;
	transform:translateY(-70%)rotate(-45deg);
}
/* 強調テキスト2 */
.pointText p.check.sub:before{
	border-left:4px solid var(--app-main-c-txt);
	border-bottom:4px solid var(--app-main-c-txt);
}
@media screen and (max-width:540px){
	.pointText p.check:before{
		width:22px;
		height:12px;
		left:-12px;
	}
}
/************ 見出し装飾　***********/
/* タグタイトル */
.tagTitle {
	display:flex;
	align-items: center;
	padding:0px;
	margin:40px 48px 24px;
}
.tagTitle .tagTitle__mark{
	background:var(--app-main-txt);
	color:#fff;
	font-size:95%;
	padding:3px 12px 2px;
	margin-right:12px;
}
.tagTitle__mark.strong{
	background:var(--app-main-cr-c);
}
.tagTitle h3,.tagTitle h4{
	margin:0;
	border:none;
	background:none;
	text-align: left;
	color:var(--app-glnv-txt);
}
/************ ふきだしテキスト　***********/
/* ふきだしテキスト左 */
.serifBox{
	display:flex;
	align-items: center;
}
.serifBox__img img{
	width:96px;
	height:96px;
	border-radius: 50%;
	border:2px solid var(--app-gray-brd);
}
.serifBox__text p{
	min-width: 400px;
	padding:20px 32px;
	background:var(--app-gray-bg);
	border-radius: 8px;
	margin:0 0 0 20px;
	position:relative;
}
.serifBox__text p:before{
	position:absolute;
	content:'';
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent var(--app-gray-bg) transparent transparent;
	left:-10px;
	top:50%;
	transform:translateY(-50%);
}
/* ふきだしテキスト右 */
.serif-right.serifBox{
	flex-direction:row-reverse ;
}
.serif-right .serifBox__text p{
	margin:0 20px 0 0;
}
.serif-right .serifBox__text p:before{
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent var(--app-gray-bg);
	left:auto;
	right:-10px;
}
@media screen and (max-width:540px){
	/* .serifBox{
		align-items: flex-start;
	} */
	.serifBox__img img{
		width:72px;
		height:72px;
	}
	.contents .serifBox__text p{
		margin:12px;
	}
	.serifBox__text p{
		min-width: auto;
		width:95%;
		padding:16px 20px;
	}
}
/************ 関連BOX　***********/
/* 関連BOX1 */
.kanrenBox{
	display:flex;
}
.kanrenBox__img {
	margin:0 16px;
}
.kanrenBox__text {
	margin:0 16px 0 0;
}
.kanrenBox__text--tag{
	display:inline-block;
	background:var(--app-main-cr);
	color:#fff;
	font-size:85%;
	padding:2px 8px 1px;
}
.kanrenBox__text--title{
	font-size:18px;
	font-weight:bold;
	color:var(--app-glnv-txt);
	padding:8px 0 4px;
	border-bottom: 1px solid var(--app-gray-brd);
}
.kanrenBox__text--detail{
	color:var(--app-gray-txt);
	padding:8px 0;
	font-size:90%;
}
/* 関連BOX2 */
.lineBox.strong{
	border:1px solid var(--app-main-cr-c);
}
.kanrenBox.strong .kanrenBox__text--tag{
	background:var(--app-main-cr-c);
}
/* 関連BOX3 */
/************ アイコンBOX　***********/

/* アイコンBOX */
/************ 動画埋込BOX　***********/

/* 動画埋込BOX */

/************　画像BOX　***********/

/* 画像中サイズ */
/* 画像大サイズ */
.imgBox img{
	width:100%;
	margin:16px auto;
}
/* 画像横並び２列 */
.imgBox_col2{
	display:flex;
}
.imgBox_col2 .imgBox__item{
	width:50%;
	padding:4px;
}
@media screen and (max-width:767px){
	.imgBox img{
		height:100%;
	}
	.imgBox_col2{
		display:block;
	}
	.imgBox_col2 .imgBox__item{
		width:100%;
	}
}
/************　質問BOX　***********/

/* 質問BOX1 */
.qaBox__title{
	position: relative;
	padding-left: 12px;
	border-left: none;
	margin-bottom: 0px;
}
.qaBox__title:before{
	position: absolute;
	content: "Q";
	color: #fff;
	background: var(--app-main-cr-c);
	border-radius: 50%;
	padding: 8px 15.5px;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 16px;
}
.qaBox__title p{
	font-size: 18px;
}
.qaBox__text{
	position: relative;
	padding-left: 12px;
  }
  .qaBox__text:before {
	position: absolute;
	content: "A";
	color: #fff;
	background: var(--app-main-cr);
	border-radius: 50%;
	padding: 8px 15.5px;
	top: 10px;
	left: 0px;
	font-weight: bold;
  }

/***************************************************
記事内テキスト装飾パーツ
***************************************************/
/************　本文パーツ　***********/
/* マーカー（メイン） */
.mck{
	color:var(--app-main-txt);
}
/* マーカー（サブ） */
.mck_sub{
  color:var(--app-main-txt);
	border-bottom: 1px dashed var(--app-main-txt);
  padding-bottom: 5px;
}
/* アンダーライン */
.uline{
	color:var(--app-main-c-txt);
	border-bottom: 1px dashed var(--app-main-c-txt);
	padding-bottom: 5px;
}
/* アンダーライン ２*/
.uline2{
	border-bottom: 1px dashed var(--mainTxt-txt);
  padding-bottom: 5px;
}
/* p 補足 */

@media screen and (max-width:540px){
	.uline{
		padding-bottom: 3px;
	}
}
/************　タイトルパーツ　***********/
/* サブタイトル */
.subT{
	color:var(--app-main-cr);
	padding-bottom:4px;
	border-bottom:2px solid #acacac;
}
/* 会社概要 */
.company{
	padding:16px 48px 0px;
}
.company dl {
	display: flex;
	border-bottom: 1px solid #DDDDDD;
	padding: 20px 0px 20px 0px;
  }
  @media screen and (max-width:540px) {
	.company{
		padding:16px 24px 0px;
	}
	.company dl {
	  font-size: 14px;
	}
  }
  .company dl:last-child {
	border-bottom: none;
  }
  .company dt {
	width: 20%;
  }
  @media screen and (max-width:540px) {
	.company dt {
	  width: 27%;
	}
  }
  .company dd {
	width: 80%;
	padding-left: 16px;
  }
  @media screen and (max-width:540px) {
	.company dd {
	  padding-left: 12px;
	  width: 73%;
	}
}
.rmd_det,.rmd_det #wrapper{
	background:#f2f2f2;
}

.articleBox .videoMax {
        min-width: calc(100% + 42px);
        z-index: 0;
        position: relative;
        top: 0;
        left: -21px;
}
.articleBox .videoMax p {
        z-index: 100;
        position: relative;
        width: 100%;
        /* 横幅は100%にしておく(ここを変えたい場合は実装コード2の方法を確認してください) */
        height: 0;
        /* 高さは0にしておく(padding-topで高さを指定するため) */
        padding-top: 56.25%;
        /* 高さを指定(16:9) */
    }

.articleBox .videoMax iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 150;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.articleBox .videoMax .mce-object-iframe{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;

}/* ** user_custom end ** */

@charset "utf-8";
/***************************************************
information
  filename : app_basic_dez.css;
***************************************************/

/*======== basic_parts.css ========*/

/* ** basic start ** */
/********* 基本設定 *********/
:root {
/* body */
  --body-bg: #ffffff; /* body背景色 */
  --body-popup-bg: #ffffff; /* body-popup-背景色 */
  --body-txt: #000000; /* 基本テキスト */
  --font-html: 62.5%; /* 基本フォント */
  --font-body: 1.6rem; /* bodyフォント */
  --font-face: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* bodyフォントフェイス */

/* #wrapper */
  --wrap-bg: inherit; /* wrapper背景色 */

/* #header */
  --app-header-cr: inherit; /* header背景色 */
  --app-header-txt: #000; /* headerテキスト色 */

/* #headerSub */
  --app-header-sub-cr: #fff; /* header-sub背景色 */
  --app-header-sub-txt: #000; /* header-subテキスト色 */

/* #contents */
  --app-contents-cr: #fff; /* contents背景色 */
  --app-contents-txt: #000; /* contentsテキスト色 */

/* #footerSub */
  --app-footer-sub-cr: #fff; /* footer-sub背景色 */
  --app-footer-sub-txt: #000; /* footer-subテキスト色 */

/* #footer */
  --app-footer-cr: #222222; /* footer背景色 */
  --app-footer-txt: #fff; /* footerテキスト色 */

/* #spheader */
  --app-spheader-cr: #fff; /* spheader背景色 */
  --app-spheader-txt: #000; /* spheaderテキスト色 */

/* #spfooter */
  --app-spfooter-cr: #222222; /* spfooter背景色 */
  --app-spfooter-txt: #fff; /* spfooterテキスト色 */

/* 2カラム */
  --app-mainCln-cr: inherit; /* 2カラムmainCln背景色 */
  --app-sideCln-cr: inherit; /* 2カラムsideCln背景色 */

}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	/* body */
	  --font-html: 62.5%; /* 基本フォント */
	  --font-body: 1.6rem; /* bodyフォント */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* body */
	  --font-html: 62.5%; /* 基本フォント */
	  --font-body: 1.6rem; /* bodyフォント */
	}
}
/* ** basic end ** */

/* ** link start ** */
/* 基本リンク */
:root {
/* LINK */
  --app-link-txt: inhelit; /* テキスト色:link */
  --app-visited-txt: inhelit; /* テキスト色:visited */
  --app-hover-txt: inhelit; /* テキスト色:hover */
  --app-active-txt: inhelit; /* テキスト色:active */

/* link_box */
  --linkbox-bg: #fff; /* linkbox背景色 */
}
/* ** link end ** */

/* ** colorbox_basic start ** */
/********* インラインポップ設定 *********/
:root {
/* colorbox */
  --colorbox-bg: #eeeeee; /* インラインポップ全体背景色 */
  --colorbox-opacity: 0.6; /* インラインポップ背景透過率 */
  --colorbox-filter: 60; /* インラインポップ背景透過率 */
  --colorbox-Content-bg: inhelit; /* #cboxContent　インラインポップ枠背景色 */
  --colorbox-Content-mg: 4.0rem; /* #cboxContent　インラインポップ枠マージン */
  --colorbox-Content-pd: 0.5rem; /* #cboxContent　インラインポップ枠パディング */
  --colorbox-rod: 1.0rem; /* インラインポップ角指定 */
  --colorbox-sd: 0 0 0.5rem #cdcdcd; /* インラインポップ影指定 */

  --colorbox-cboxIframe-bg: inhelit; /* .cboxIframe */
  --colorboxError-brd: 1px solid #000; /* インラインポップボーダー指定（エラー用） */
  --colorbox-Loaded-bg: inhelit; /* #cboxLoadedContent 枠線 */
  --colorbox-LoadedGraphic-bg: url(../../../core_sys/common/images/colorbox/type02/loading.gif); /* #cboxLoadingGraphic ローディング画像 */
  --colorbox-LoadedOverlay-bg: #000; /* #cboxLoadingOverlay */
  --colorbox-Title-txt: #000; /* #cboxTitle */
  --colorbox-controls-bg: url(../../../core_sys/common/images/colorbox/type02/controls.png); /* #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose ボタン画像 */

  --closeBtn-bg: #999; /* インラインポップ閉じるボタン色 */
}
@media screen and (max-width: 600px) {
	:root {
	  --colorbox-Content-mg: 0; /* #cboxContent　インラインポップ枠マージン */
	}
}
/* ** colorbox_basic end ** */

/* ** loading_parts start ** */
/****************** ローディング ******************/
:root {
  --app-loading-bg: #ff9c1f; /* ローディング背景色 */
}
/* ** loading_parts end ** */

/* ** layout_basic start ** */
/********* 画面幅設定 *********/
:root {
/**** 基本横幅固定サイズ ****/
  --app-ptWdW-width: 1200px; /* 基本幅 */
  --app-ptWdM-width: 960px; /* コンテンツ基本幅(広) */
  --app-ptWdC-width: 800px; /* コンテンツ基本幅 */
  --app-ptWdS-width: 750px; /* コンテンツ基本幅(狭) */
  --app-ptWdFW-width: 500px; /* フォーム基本幅(広) */
  --app-ptWdFS-width: 400px; /* フォーム基本幅(狭) */

/**** 基本横幅パーセンテージサイズ ****/
  --app-ptWdIW-width-pct: 98%; /* 基本幅% */
  --app-ptWdIM-width-pct: 90%; /* コンテンツ基本幅(広)% */
  --app-ptWdIC-width-pct: 85%; /* コンテンツ基本幅% */
  --app-ptWdIS-width-pct: 80%; /* コンテンツ基本幅(狭)% */

/**** 2カラム横幅固定サイズ（基本） ****/
  --app-mainClnDK-width: 800px; /* 2カラムメイン幅 */
  --app-sideClnDK-width: 360px; /* 2カラムサイド幅 */

/**** 2カラム横幅パーセンテージサイズ（基本） ****/
  --app-mainClnD-width-pct: 65%; /* 2カラムメイン幅% */
  --app-sideClnD-width-pct: 32%; /* 2カラムサイド幅%  */

/**** 2カラム横幅固定サイズ（コンテンツ幅広） ****/
  --app-mainClnSK-width: 960px; /* 2カラムメイン幅(広) */
  --app-sideClnSK-width: 220px; /* 2カラムサイド幅(狭) */

/**** 2カラム横幅パーセンテージサイズ（コンテンツ幅広） ****/
  --app-mainClnS-width-pct: 75%; /* 2カラムメイン幅(広)% */
  --app-sideClnS-width-pct: 22%; /* 2カラムサイド幅(狭)% */
}
/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	:root {
	/**** 基本横幅固定サイズ ****/
	  --app-ptWdW-width: 96%; /* 基本幅 */
	  --app-ptWdM-width: 90%; /* コンテンツ基本幅(広) */
	  --app-ptWdC-width: 85%; /* コンテンツ基本幅 */
	  --app-ptWdS-width: 80%; /* コンテンツ基本幅(狭) */
	  --app-ptWdFW-width: 500px; /* フォーム基本幅(広) */
	  --app-ptWdFS-width: 400px; /* フォーム基本幅(狭) */

	/**** 基本横幅パーセンテージサイズ ****/
	  --app-ptWdIW-width-pct: 96%; /* 基本幅% */
	  --app-ptWdIM-width-pct: 90%; /* コンテンツ基本幅(広)% */
	  --app-ptWdIC-width-pct: 85%; /* コンテンツ基本幅% */
	  --app-ptWdIS-width-pct: 80%; /* コンテンツ基本幅(狭)% */

	/**** 2カラム横幅固定サイズ（基本） ****/
	  --app-mainClnDK-width: 68%; /* 2カラムメイン幅 */
	  --app-sideClnDK-width: 32%; /* 2カラムサイド幅 */

	/**** 2カラム横幅パーセンテージサイズ（基本） ****/
	  --app-mainClnD-width-pct: 68%; /* 2カラムメイン幅% */
	  --app-sideClnD-width-pct: 32%; /* 2カラムサイド幅%  */

	/**** 2カラム横幅固定サイズ（コンテンツ幅広） ****/
	  --app-mainClnSK-width: 75%; /* 2カラムメイン幅(広) */
	  --app-sideClnSK-width: 22%; /* 2カラムサイド幅(狭) */

	/**** 2カラム横幅パーセンテージサイズ（コンテンツ幅広） ****/
	  --app-mainClnS-width-pct: 75%; /* 2カラムメイン幅(広)% */
	  --app-sideClnS-width-pct: 22%; /* 2カラムサイド幅(狭)% */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 画面幅 */

	/**** 基本横幅固定サイズ ****/
	  --app-ptWdW-width: 100%; /* 基本幅 */
	  --app-ptWdM-width: 100%; /* コンテンツ基本幅(広) */
	  --app-ptWdC-width: 100%; /* コンテンツ基本幅 */
	  --app-ptWdS-width: 100%; /* コンテンツ基本幅(狭) */
	  --app-ptWdFW-width: 100%; /* フォーム基本幅(広) */
	  --app-ptWdFS-width: 100%; /* フォーム基本幅(狭) */

	/**** 基本横幅パーセンテージサイズ ****/
	  --app-ptWdIW-width-pct: 100%; /* 基本幅% */
	  --app-ptWdIM-width-pct: 100%; /* コンテンツ基本幅(広)% */
	  --app-ptWdIC-width-pct: 100%; /* コンテンツ基本幅% */
	  --app-ptWdIS-width-pct: 100%; /* コンテンツ基本幅(狭)% */

	/**** 2カラム横幅固定サイズ（基本） ****/
	  --app-mainClnDK-width: 100%; /* 2カラムメイン幅 */
	  --app-sideClnDK-width: 100%; /* 2カラムサイド幅 */

	/**** 2カラム横幅パーセンテージサイズ（基本） ****/
	  --app-mainClnD-width-pct: 100%; /* 2カラムメイン幅% */
	  --app-sideClnD-width-pct: 100%; /* 2カラムサイド幅%  */

	/**** 2カラム横幅固定サイズ（コンテンツ幅広） ****/
	  --app-mainClnSK-width: 100%; /* 2カラムメイン幅(広) */
	  --app-sideClnSK-width: 100%; /* 2カラムサイド幅(狭) */

	/**** 2カラム横幅パーセンテージサイズ（コンテンツ幅広） ****/
	  --app-mainClnS-width-pct: 100%; /* 2カラムメイン幅(広)% */
	  --app-sideClnS-width-pct: 100%; /* 2カラムサイド幅(狭)% */
	}
}
/* ** layout_basic end ** */

/* ** flex_basic start ** */
/* ** flex_basic end ** */

/* ** mg_basic start ** */
/****************** レイアウト枠マージン指定 ******************/
:root {
/* レイアウト枠マージン指定 */
  --app-ptMgW-mg: 4.0rem; /* マージン大 */
  --app-ptMgM-mg: 2.5rem; /* マージン中 */
  --app-ptMgS-mg: 1.0rem; /* マージン小 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	:root {
	/* レイアウト枠マージン指定 */
	  --app-ptMgW-mg: 3.5rem; /* マージン大 */
	  --app-ptMgM-mg: 2.0rem; /* マージン中 */
	  --app-ptMgS-mg: 0.5rem; /* マージン小 */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* レイアウト枠マージン指定 */
	  --app-ptMgW-mg: 2.0rem; /* マージン大 */
	  --app-ptMgM-mg: 1.0rem; /* マージン中 */
	  --app-ptMgS-mg: 0.25rem; /* マージン小 */
	}
}
/* ** mg_basic end ** */

/* ** pd_basic start ** */
/****************** レイアウト枠パディング指定 ******************/
:root {
/* レイアウト枠マージン指定 */
  --app-ptPdW-pd: 4.0rem; /* マージン大 */
  --app-ptPdM-pd: 2.5rem; /* マージン中 */
  --app-ptPdS-pd: 1.0rem; /* マージン小 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	:root {
	/* レイアウト枠マージン指定 */
	  --app-ptPdW-pd: 3.5rem; /* マージン大 */
	  --app-ptPdM-pd: 2.0rem; /* マージン中 */
	  --app-ptPdS-pd: 0.5rem; /* マージン小 */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* レイアウト枠マージン指定 */
	  --app-ptPdW-pd: 2.0rem; /* マージン大 */
	  --app-ptPdM-pd: 1.0rem; /* マージン中 */
	  --app-ptPdS-pd: 0.25rem; /* マージン小 */
	}
}
/* ** pd_basic end ** */

/* ** scroll_bar start ** */
/****************** スクロールバー指定 ******************/
:root {
  --app-scrollBar-cr: #000;
}
/* ** scroll_bar end ** */

/* ** header_design01_bg start ** */


/* ** header_design01_bg end ** */

/* ** header_design02_bg start ** */

/* ** header_design02_bg end ** */

/* ** header_design03_bg start ** */

/* ** header_design03_bg end ** */

/* ** header_design04_bg start ** */

/* ** header_design04_bg end ** */

/* ** header_design05_bg start ** */

/* ** header_design05_bg end ** */

/* ** header_design06_bg start ** */

/* ** header_design06_bg end ** */

/* ** footer start ** */

/* ** footer start ** */

/* ** footer_design01 start ** */

/* ** footer_design01 end ** */

/* ** footer_design02 start ** */

/* ** footer_design02 end ** */
@charset "utf-8";
/***************************************************
information
  filename : control\heading_parts.css;
***************************************************/

/*======== button_parts.css ========*/
/****************** 見出し要素（システムテンプレート） ******************/

/* ** heading_basic start ** */
/****** 01罫線見出し *******/
:root {
/* 共通 */
  --heading01-rod: 0.2em; /* 角丸 */
  --heading01-mg: 1.0rem auto; /* マージン */
  --heading01-pd: 1.3rem 0.3rem; /* パディング */
  --heading01-txt: #232323; /* テキスト色 */
  --heading01-lh: 1.4; /* 行間 */
  --heading01-size: 0.2rem; /* ボーダーサイズ */
  --heading01-brd: #232323; /* ボーダー色 */
  --font-heading01: clamp(1.8rem, 2.2vw, 2.8rem); /* フォントサイズ */
  --heading01-pd-l: 1.0rem 1.5rem; /* パディング（左罫線） */
  --heading01-size-l: 0.8rem; /* ボーダーサイズ（左罫線） */
  --heading01-brd-l: #b00000; /* サブボーダー色（左罫線） */
}
@media screen and (max-width: 600px) {
	:root {
	  --heading01-pd: 1.5rem 0.5rem; /* パディング */
	  --heading01-pd-l: 0.5rem 1.5rem; /* パディング（左罫線） */
	}
}
/****** 02背景付き見出し ******/
:root {
/* 共通 */
  --heading02-rod: 0.2em; /* 角丸 */
  --heading02-mg: 1.0rem auto; /* マージン */
  --heading02-pd: 2.0rem 1.5rem; /* パディング */
  --heading02-txt: #fff; /* テキスト色 */
  --heading02-lh: 1.4; /* 行間 */
  --heading02-size: 0.2rem; /* ボーダーサイズ */
  --heading02-brd: #232323; /* ボーダー色 */
  --font-heading02: clamp(1.8rem, 2.2vw, 2.8rem); /* フォントサイズ */
  --heading02-pd-l: 1.5rem; /* パディング（左罫線） */
  --heading02-size-l: 0.8rem; /* ボーダーサイズ（左罫線） */
  --heading02-brd-l: #b00000; /* サブボーダー色（左罫線） */
  --heading02-bg: #2b2b2b; /* 背景色 */

/* 0205: 囲み線・背景付き */
  --heading0205-txt: #232323; /* テキスト色 */
  --heading0205-brd: #232323; /* ボーダー色 */
  --heading0205-bg: #f4f4f4; /* 背景色 */

/* 0206: 背景・影を入れたデザイン */
  --heading0206-txt: #fff; /* テキスト色 */
  --heading0206-bg: #0078c4; /* 背景色 */
  --heading0206-sd: 5px 5px 0 #034670; /* 影付き背景 サイズ・影色 */
  --font-heading0206: clamp(2.0rem, 2.5vw, 3.0rem); /* フォントサイズ */

/* 0207: 下線にアクセントを入れたデザイン */
  --heading0207-pd: 1.5rem 0.8rem; /* パディング */
  --heading0207-txt: #232323; /* テキスト色 */
  --heading0207-brd-y: #0078c4; /* アクセントボーダー差色 */
  --heading0207-brd-yu: #232323; /* アクセントボーダー基本色 */
  --heading0207-size: 0.3rem;/* ボーダーサイズ */
  --heading0207-size-b: -0.3rem;/* アクセントボーダー差色位置 */
  --heading0207-size-w: 30%;/* 0207: アクセントボーダー差色横幅 */
  --font-heading0207: clamp(2.0rem, 2.5vw, 3.0rem); /* フォントサイズ */
}
/*** 0301: 背景グラデーション ***/
:root {
/* 共通 */
  --heading03-rod: 0.1em; /* 角丸 */
  --heading03-mg: 1.0rem auto; /* マージン */
  --heading03-pd: 2.0rem 1.5rem; /* パディング */
  --heading03-txt: #fff; /* テキスト色 */
  --heading03-lh: 1.4; /* 行間 */
  --font-heading03: clamp(1.8rem, 2.5vw, 3.0rem); /* フォントサイズ */

/* 0301: 背景グラデーション */
  --heading0301-bg-2sbg: #004071; /* 2色グラデーション背景色起点 */
  --heading0301-bg-2ebg: #00e205; /* 2色グラデーション背景色終点 */

/* 0302: 下線グラデーション */
  --heading0302-pd: 2.0rem 1.5rem; /* パディング */
  --heading0302-txt: #232323; /* テキスト色 */
  --heading0302-size: 0.6rem; /* ボーダーサイズ */
  --heading0302-bg-2sbg: #004071; /* 2色グラデーション背景色起点 */
  --heading0302-bg-2ebg: #00e205; /* 2色グラデーション背景色終点 */

/* 0303: 上下線グラデーション */
  --heading0303-txt: #232323; /* テキスト色 */
  --heading0303-size: 0.3rem; /* ボーダーサイズ */
  --heading0303-bg-2sbg: #004071; /* 2色グラデーション背景色起点 */
  --heading0303-bg-2ebg: #00e205; /* 2色グラデーション背景色終点 */

/* 0304: 囲い線グラデーション */
  --heading0304-size: 0.4rem; /* ボーダーサイズ */
  --heading0304-txt: #fff; /* テキスト色 */
  --heading0304-bg-4sbg: #231557; /* 4色グラデーション背景色起点 */
  --heading0304-bg-4cbg: #44107a; /* 4色グラデーション背景色中点1 */
  --heading0304-bg-4tbg: #ff1361; /* 4色グラデーション背景色中点2 */
  --heading0304-bg-4ebg: #fff800; /* 4色グラデーション背景色終点 */
}
@media screen and (max-width: 600px) {
	:root {
	  --heading0302-pd: 1.5rem 0.5rem; /* パディング */
	  --heading0302-size: 0.3rem; /* ボーダーサイズ */
	}
}
/****** 04タグ風見出し ******/
:root {
/* 共通 */
  --heading04-mg: 1.0rem 0; /* マージン */
  --heading04-pd: 1.8rem 1.5rem; /* パディング */
  --heading04-txt: #fff; /* テキスト色 */
  --heading04-lh: 1.0; /* 行間 */
  --heading04-bg: #231557; /* 背景色 */
  --font-heading04: clamp(1.8rem, 2.5vw, 3.0rem); /* フォントサイズ */

/* 0401: タグ風見出し左角 */
  --heading0401-rod: 0 0.3rem 0.3rem 0; /* 角丸 */

/* 0402: タグ風見出し右角 */
  --heading0402-rod: 0.3rem 0 0 0.3rem; /* 角丸 */
}
@media screen and (max-width: 600px) {
	:root {
	  --heading04-pd: 1.5rem 1.8rem; /* パディング */
	}
}
/****** 05 リボン風見出し ******/
:root {
/* 共通(背景) */
  --heading_wrap-rod: 0.2em; /* 角丸 */
  --heading_wrap-mg: 2.0rem auto; /* マージン */
  --heading_wrap-bg: #fff; /* 背景色 */
  --heading_wrap-brd: 0.1rem solid #bababa; /* ボーダー指定 */
  --heading_wrap-bbg: 0 0 5px #c4c4c4; /* 影付き背景 サイズ・影色 */
/* 共通 */
  --heading05-mg: 1.0rem auto; /* マージン */
  --heading05-pd: 1.5rem 0;/* パディング */
  --heading05-txt: #fff; /* テキスト色 */
  --heading05-lh: 1.0; /* 行間 */
  --heading05-bg: #00a47f; /* 背景色 */
  --heading05-bg-u: #006b53; /* 背景下色 */
  --heading05-bg-s: #0d2f27; /* 背景影色 */
  --heading05-brd-tu: #fff; /* ボーダー色(破線色) */
  --heading05-size-tu: 0.1rem; /* ボーダーサイズ(破線) */
  --font-heading05: clamp(2.0rem, 2.5vw, 3.0rem); /* フォントサイズ */

/* 0501: 左右折り返しのリボンデザイン */
  --heading0501-wrap-mg: -120px auto 0 auto; /* マージン */
  --heading0501-wrap-pd: 10.0rem 3.0rem 3.0rem 3.0rem;/* パディング */
  --heading0501-pd: 2.0rem 1.5rem;/* パディング */
  --heading0501-pd-i: 1.5rem 2.0rem;/* パディング（テキスト） */

/* 0503: 左右山形のリボンステッチ付きデザイン */
  --heading0503-pd: 0.5rem 0;/* パディング */

/* 0504: 右側のみ山形のリボンデザイン */
  --heading0504-pd: 1.3rem 2.0rem;/* パディング */

/* 0505: 右側のみ山形のリボンステッチ付きデザイン */
  --heading0505-pd: 0.5rem 0;/* パディング */

/* 0506: 折り目付きリボンデザイン */
  --heading0506-pd: 1.6rem 1.5rem 2.0rem 3.5rem;/* パディング */
  --heading0506-wrap-mg: -100px 0 0 2.0rem; /* マージン */
  --heading0506-wrap-pd: 10.0rem 3.0rem 3.0rem 3.0rem;/* パディング */

/* 0507: ボックスに折り込んだリボンデザイン */
  --heading0507-mg: 0 -2.0rem; /* マージン */
  --heading0507-pd: 2.0rem 0;/* パディング */
  --heading0507-sd: 0 5px 5px #666; /* 影付き背景 サイズ・影色 */
  --heading0507-wrap-mg: -90px auto 0 auto; /* マージン */
  --heading0507-wrap-pd: 10.0rem 3.0rem 3.0rem 3.0rem;/* パディング */

/* 0508: ボックスに折り込んだリボンステッチ付きデザイン */
  --heading0508-mg: 0 -2.0rem; /* マージン */
  --heading0508-pd: 0.5rem 0;/* パディング */
  --heading0508-sd: 0 5px 5px #666; /* 影付き背景 サイズ・影色 */
  --heading0508-wrap-mg: -90px auto 0 auto; /* マージン */
  --heading0508-wrap-pd: 10.0rem 3.0rem 3.0rem 3.0rem;/* パディング */

/* 0509: 縦リボンデザイン */
  --heading0509-rod: 0.3rem; /* 角丸 */
  --heading0509-mg: 1.0rem auto 0 auto; /* マージン */
  --heading0509-pd: 1.5rem 0;/* パディング */
  --heading0509-txt: #232323; /* リボンタイトルテキスト色 */
  --heading0509-bg: #f1f1f1; /* リボンタイトル背景色 */
  --heading0509-bg-s: #0d2f27; /* 背景影色 */
  --font-heading0509: clamp(2.0rem, 2.5vw, 3.0rem); /* リボンタイトルフォントサイズ */
  --heading0509-txt-ribbon: #fff; /* リボンテキスト色 */
  --heading0509-bg-ribbon: #00a47f; /* リボン背景色 */
  --font-heading0509-ribbon: clamp(2.0rem, 2.0vw, 2.5rem); /* リボンアイコンフォントサイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --heading0501-wrap-mg: -100px auto 0 auto; /* マージン */
	  --heading0501-wrap-pd: 8.0rem 1.5rem 2.0rem 1.5rem;/* パディング */
	  --heading0506-wrap-mg: -80px 0 0 2.0rem; /* マージン */
	  --heading0506-wrap-pd: 6.0rem 1.5rem 2.0rem 1.5rem;/* パディング */
	  --heading0506-pd: 1.2rem 1.5rem 1.5rem 2.0rem;/* パディング */
	  --heading0507-mg: 0 -2.0rem; /* マージン */
	  --heading0507-wrap-mg: -70px auto 0 auto; /* マージン */
	  --heading0507-wrap-pd: 7.0rem 0.5rem 2.0rem 0.5rem; /* パディング */
	  --heading0507-pd: 1.5rem 0;/* パディング */
	  --heading0508-mg: 0 -2.0rem; /* マージン */
	  --heading0508-pd: 0.5rem 0;/* パディング */
	  --heading0508-wrap-mg: -70px auto 0 auto; /* マージン */
	  --heading0508-wrap-pd: 7.0rem 0.5rem 2.0rem 0.5rem; /* パディング */
	}
}
/****** 06 吹き出し風の見出し ******/
:root {
/* 0601: 吹き出し風の見出し */
/* 共通 */
  --heading06-rod: 0.2em; /* 角丸 */
  --heading06-mg: 1.0rem 0 2.0rem 0; /* マージン */
  --heading06-pd: 2.0rem 1.5rem; /* パディング */
  --heading06-txt: #fff; /* テキスト色 */
  --heading06-lh: 1.0; /* 行間 */
  --heading06-bg: #1b1b1b; /* 背景色 */
  --heading06-brd: #b00000; /* ボーダー色 */
  --heading06-size: 0.3rem; /* ボーダーサイズ */
  --font-heading06: clamp(2.0rem, 2.5vw, 3.0rem); /* フォントサイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --heading06-pd: 1.5rem; /* パディング */
	}
}
/****** 07 特殊見出し ******/
:root {
/* 共通 */
  --heading07-rod: 0.1em; /* 角丸 */
  --heading07-mg: 1.0rem 0; /* マージン */
  --heading07-pd: 1.5rem 2rem 1.5rem 130px; /* パディング */
  --heading07-txt: #232323; /* テキスト色 */
  --heading07-lh: 1.0; /* 行間 */
  --heading07-brd: #232323; /* ボーダー色 */
  --heading07-size: 0.2rem; /* ボーダーサイズ */
  --heading07-bg: #ffffff; /* 背景色 */
  --font-heading07: clamp(2.0rem, 2.5vw, 3.0rem); /* フォントサイズ */

/* シンボル */
  --heading07-txt-symbol: #fff; /* シンボルアイコンテキスト色 */
  --heading07-bg-symbol: #232323; /* シンボルアイコン背景色 */
  --font-heading07-symbol: clamp(2.0rem, 2.0vw, 2.5rem); /* シンボルアイコンフォントサイズ */

/* 0702: シンボルあり罫線見出し */
  --heading0702-bg: #eee; /* 背景色 */

/* 0703: サブコピー(content使用)見出し */
  --heading0703-mg: 3.0rem 0 0 0; /* マージン */
  --heading0703-pd: 1.3rem 2.0rem; /* パディング */
  --heading0703-bg: #eee; /* 背景色 */

/* シンボル */
  --heading0703-rod-symbol: 0.3em; /* 角丸 */
  --heading0703-content: 'POINT SAMPLE'; /* 代替えテキスト */
  --heading0703-txt-symbol: #fff; /* シンボルアイコンテキスト色 */
  --heading0703-bg-symbol: #232323; /* シンボルアイコン背景色 */
  --font-heading0703-symbol: clamp(1.2rem, 1.0vw, 1.2rem); /* シンボルアイコンフォントサイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --heading07-pd: 1.5rem 2rem 1.5rem 70px; /* パディング */
	}
}
/****************** システム利用タイトル ******************/
/****** 所属カテゴリ表示ユニット ******/

/* 0801: 所属カテゴリ表示ユニット */
:root {
  --app-mainTi-mg: 0 auto; /* マージン */
  --app-mainTi-pd: 4.0rem 0; /* パディング */
  --app-mainTi-txt: #232323; /* テキスト色 */
  --app-mainTi-bg: #fff; /* 背景色 */
  --app-mainTi-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-mainTi: clamp(1.4rem, 2.0vw, 2.5rem); /* フォントサイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --app-mainTi-pd: 2.5rem 0; /* パディング */
	}
}
/****** 主にログインや会員登録等で使用するシステム見出し ******/

/* 0802: 主にログインや会員登録等で使用するシステム見出し */
:root {
  --app-systemMainTitle-mg: 0.5rem auto; /* マージン */
  --app-systemMainTitle-pd: 2.5rem 0; /* パディング */
  --app-systemMainTitle-txt: #232323; /* テキスト色 */
  --app-systemMainTitle-bg: inherit; /* 背景色 */
  --app-systemMainTitle-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-systemMainTitle: clamp(1.8rem, 2.0vw, 2.5rem); /* フォントサイズ */
}
/*** 主に入力フォームで使用するサブ見出し ***/
/* 0803: 主に入力フォームで使用するサブ見出し */
:root {
/* 大見出し */
  --app-systemFotmTitle-rod: inherit; /* 角丸 */
  --app-systemFotmTitle-mg: 0 auto; /* マージン */
  --app-systemFotmTitle-pd: 1.5rem; /* パディング */
  --app-systemFotmTitle-txt: #232323; /* テキスト色 */
  --app-systemFotmTitle-bg: inherit; /* 背景色 */
  --app-systemFotmTitle-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-systemFotmTitle: clamp(1.6rem, 1.8vw, 2.0rem); /* フォントサイズ */

/* 中見出し */
  --app-systemFotmTitleSub-rod: 0.2em; /* 角丸 */
  --app-systemFotmTitleSub-mg: 1.0rem auto; /* マージン */
  --app-systemFotmTitleSub-pd: 1.0rem 1.5rem; /* パディング */
  --app-systemFotmTitleSub-txt: #232323; /* テキスト色 */
  --app-systemFotmTitleSub-bg: #f4f4f4; /* 背景色 */
  --app-systemFotmTitleSub-brd: inherit; /* ボーダー指定 */
  --font-systemFotmTitleSub: clamp(1.4rem, 1.6vw, 1.8rem); /* フォントサイズ */
}
/* 0804: 編集ボタン付きタイトル */
:root {
  --app-editHeading-rod: 0.5rem; /* 角丸 */
  --app-editHeading-mg: 2.0rem auto; /* マージン */
  --app-editHeading-pd: 0.5rem; /* パディング */
  --app-editHeading-txt: #232323; /* テキスト色 */
  --app-editHeading-bg: #eee; /* 背景色 */
  --app-editHeading-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-editHeading: clamp(1.4rem, 1.6vw, 1.8rem); /* フォントサイズ */
  --app-editHeading-size: 10rem; /* ボタンサイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --app-editHeading-size: 8rem; /* ボタンサイズ */
	}
}
:root {
/* 0901: サブ見出し付きタイトル（大サイズ） */
  --app-heading0901-txt: #000; /* テキスト色 */
  --app-heading0901-sup-txt: #004072; /* テキスト色 */

/* 0902: サブ見出し付きタイトル（中サイズ） */
  --app-heading0902-txt: #000; /* テキスト色 */
  --app-heading0902-sup-txt: #004072; /* テキスト色 */
}
/* ** heading_basic end ** */

/* ** heading01 start ** */
/* ** heading01 end ** */
/* ** heading0101 start ** */
/* ** heading0101 end ** */
/* ** heading0102 start ** */
/* ** heading0102 end ** */
/* ** heading0103 start ** */
/* ** heading0103 end ** */
/* ** heading0104 start ** */
/* ** heading0104 end ** */
/* ** heading0105 start ** */
/* ** heading0105 end ** */
/* ** heading0106 start ** */
/* ** heading0106 end ** */
/* ** heading0107 start ** */
/* ** heading0107 end ** */
/* ** heading0108 start ** */
/* ** heading0108 end ** */
/* ** heading0109 start ** */
/* ** heading0109 end ** */
/* ** heading0110 start ** */
/* ** heading0110 end ** */
/* ** heading0201 start ** */
/* ** heading0201 end ** */
/* ** heading0202 start ** */
/* ** heading0202 end ** */
/* ** heading0203 start ** */
/* ** heading0203 end ** */
/* ** heading0204 start ** */
/* ** heading0204 end ** */
/* ** heading0205 start ** */
/* ** heading0205 end ** */
/* ** heading0206 start ** */
/* ** heading0206 end ** */
/* ** heading0207 start ** */
/* ** heading0207 end ** */
/* ** heading0301 start ** */
/* ** heading0301 end ** */
/* ** heading0302 start ** */
/* ** heading0302 end ** */
/* ** heading0303 start ** */
/* ** heading0303 end ** */
/* ** heading0304 start ** */
/* ** heading0304 end ** */
/* ** heading0401 start ** */
/* ** heading0401 end ** */
/* ** heading0402 start ** */
/* ** heading0402 end ** */
/* ** heading0501 start ** */
/* ** heading0501 end ** */
/* ** heading0502 start ** */
/* ** heading0502 end ** */
/* ** heading0503 start ** */
/* ** heading0503 end ** */
/* ** heading0504 start ** */
/* ** heading0504 end ** */
/* ** heading0505 start ** */
/* ** heading0505 end ** */
/* ** heading0506 start ** */
/* ** heading0506 end ** */
/* ** heading0507 start ** */
/* ** heading0507 end ** */
/* ** heading0508 start ** */
/* ** heading0508 end ** */
/* ** heading0509 start ** */
/* ** heading0509 end ** */
/* ** heading0601 start ** */
/* ** heading0601 end ** */
/* ** heading0602 start ** */
/* ** heading0602 end ** */
/* ** heading0603 start ** */
/* ** heading0603 end ** */
/* ** heading0701 start ** */
/* ** heading0701 end ** */
/* ** heading0702 start ** */
/* ** heading0702 end ** */
/* ** heading0703 start ** */
/* ** heading0703 end ** */
/* ** heading0801 start ** */
/* ** heading0801 end ** */
/* ** heading0802 start ** */
/* ** heading0802 end ** */
/* ** heading0803 start ** */
/* ** heading0803 end ** */
/* ** heading0804 start ** */
/* ** heading0804 end ** */
@charset "utf-8";
/***************************************************
information
  filename : button_parts.css;
***************************************************/

/*======== button_parts.css ========*/
/************************************ ボタン要素 ************************************/

/* ** buttonBasic start ** */
/****************** 基本ボタン ******************/
:root {
/* 共通(システム利用各種編集ボタン) */
  --BtM-rod: 0.2em; /* 角丸 */
  --BtM-sub-rod: 0.2em; /* 角丸(用途の違うボタンでの指定・パスワード忘れ等) */
  --popupSglBt-size: 400px; /* ポップアップで一つしかボタンを配置しない時の親枠 */

/****************** カラーサンプル  ******************/
/* グラデーションカラー */
/* グラデボタン白 */
  --bt-w: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --bt-w-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --bt-w-txt: #303030; /* テキスト色 */
  --bt-w-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン青 */
  --bt-bl: linear-gradient(180deg, #0085ba, #007aab); /* 背景色 */
  --bt-bl-brd: 1px solid #007eb0; /* ボーダー指定 */
  --bt-bl-txt: #fff; /* テキスト色 */
  --bt-bl-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン緑 */
  --bt-gr: linear-gradient(180deg, #8abc1e, #77ae01); /* 背景色 */
  --bt-gr-brd: 1px solid #74aa00; /* ボーダー指定 */
  --bt-gr-txt: #fff; /* テキスト色 */
  --bt-gr-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン橙 */
  --bt-or: linear-gradient(180deg, #fb8800, #ef8100); /* 背景色 */
  --bt-or-brd: 1px solid #e97e00; /* ボーダー指定 */
  --bt-or-txt: #fff; /* テキスト色 */
  --bt-or-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン赤 */
  --bt-rd: linear-gradient(180deg, #e44e4e, #d32c2c); /* 背景色 */
  --bt-rd-brd: 1px solid #d21010; /* ボーダー指定 */
  --bt-rd-txt: #fff; /* テキスト色 */
  --bt-rd-sd: 0 0 3px #e0e0e0; /* 背景影色 */

/* グラデボタン黒 */
  --bt-bk: linear-gradient(180deg, #2a2a2a, #1a1a1a); /* 背景色 */
  --bt-bk-brd: 1px solid #131313; /* ボーダー指定 */
  --bt-bk-txt: #fff; /* テキスト色 */
  --bt-bk-sd: 0 0 3px #e0e0e0; /* 背景影色 */
}
@media screen and (max-width: 600px) {
	:root {
	  --BtM-rod: 0.2em; /* 角丸 */
	  --popupSglBt-size: 90%; /* ポップアップで一つしかボタンを配置しない時の親枠 */
	}
}
/* ** buttonBasic end ** */

/* ** button0101 start ** */
/*** 0101: 前後ボタン共通ボタン・次へ進むボタン ***/
:root {
/* 前に戻るボタン */
  --sbmBNBt-txt: #171717; /* テキスト色 */
  --sbmBNBt-bg: #fff; /* 背景色 */
  --sbmBNBt-brd: 1px solid #666; /* ボーダー指定 */

/* 次へ進むボタン */
  --sbmNxBt-txt: #fff; /* テキスト色 */
  --sbmNxBt-bg: #171717; /* 背景色 */
  --sbmNxBt-brd: 1px solid #171717; /* ボーダー指定 */
}
/* ** button0101 end ** */

/* ** button0102 start ** */
:root {
/* 登録・購入完了ボタン */
  --sbmCpBt-txt: #fff; /* テキスト色 */
  --sbmCpBt-bg: #d65b00; /* 背景色 */
  --sbmCpBt-brd: 1px solid #bd5000; /* ボーダー指定 */
}
/* ** button0102 end ** */

/* ** button0103 start ** */
:root {
/* ウインドウを閉じるボタン */
  --closePuBt-txt: #171717; /* テキスト色 */
  --closePuBt-bg: #fff; /* 背景色 */
  --closePuBt-brd: 1px solid #666; /* ボーダー指定 */
}
/* ** button0103 end ** */

/* ** button0104 start ** */
:root {
/* 削除・キャンセル等ボタン */
  --canPuBt-txt: #fff; /* テキスト色 */
  --canPuBt-bg: #007aab; /* 背景色 */
  --canPuBt-brd: 1px solid #007eb0; /* ボーダー指定 */
}
/* ** button0104 end ** */

/* ** button0105 start ** */
:root {
/* 前後ボタン共通ボタン（小サイズ） */
  --sbmSBNBt-txt: #171717; /* テキスト色 */
  --sbmSBNBt-bg: #fff; /* 背景色 */
  --sbmSBNBt-brd: 1px solid #666; /* ボーダー指定 */
}
/* ** button0105 end ** */

/* ** button0106 start ** */
:root {
/* ネクストバックボタン */
  --NBLinkBt-pwidth: 30%; /* 親枠の幅 */
  --NBLinkBt-txt: #171717; /* テキスト色 */
  --NBLinkBt-bg: #fff; /* 背景色 */
  --NBLinkBt-brd: 1px solid #999; /* ボーダー指定 */
  --NBLinkBt-sd: none; /* 背景影色 */
}
/* ** button0106 end ** */

/* ** button0107 start ** */
:root {
/* 詳細から一覧へ戻るボタン(基本) */
  --ListBkBt-size: 50%; /* 親枠の幅 */
  --ListBkBt-txt: #fff; /* テキスト色 */
  --ListBkBt-bg: #171717; /* 背景色 */
  --ListBkBt-brd: 1px solid #eee; /* ボーダー指定 */
  --ListBkBt-sd: none; /* 背景影色 */
}
@media screen and (max-width: 600px) {
	:root {
	  --sbmSBNBt-size: 45%; /* ボタンサイズ */
	  --NBLinkBt-pwidth: 45%; /* 親枠の幅 */
	}
}
/* ** button0107 end ** */

/* ** button0201 start ** */
/*** 0201: ファイルアップロード・削除ボタン・参照ボタン ***/
:root {
/* ファイルアップロード・参照・削除ボタン共通 */
  --fileUpBT-size: 200px; /* ボタンサイズ */
  --fileUpBT-txt: #fff; /* テキスト色 */
  --fileUpBT-bg: #171717; /* 背景色 */
  --fileUpBT-brd: 1px solid #171717; /* ボーダー指定 */
  --fileUpBT-sd: none; /* 背景影色 */

/* ファイル削除ボタン共通 */
  --fileDelBT-size: 200px; /* ボタンサイズ */
  --fileDelBT-txt: #fff; /* テキスト色 */
  --fileDelBT-bg: #122350; /* 背景色 */
  --fileDelBT-brd: 1px solid #0e1e44; /* ボーダー指定 */
  --fileDelBT-sd: none; /* 背景影色 */
}
@media screen and (max-width: 600px) {
	:root {
	  --fileUpBT-size: 100%; /* ボタンサイズ */
	}
}
/* ** button0201 end ** */

/* ** button0202 start ** */
/* ** button0202 end ** */

/* ** button0301 start ** */
/*** 0301: パスワード表示ボタン・住所検索ボタン・検索・検索条件クリア・各種データ呼び出しボタン ***/
:root {
/* 検索ボタン共通（基本） */
  --SearchBT-txt: #fff; /* テキスト色 */
  --SearchBT-bg: #171717; /* 背景色 */
  --SearchBT-brd: 1px solid #171717; /* ボーダー指定 */
  --SearchBT-sd: none; /* 背景影色 */

/* 検索ボタン共通（ボタン押下禁止） */
  --SearchBTNo-txt: #e0e0e0; /* テキスト色 */
  --SearchBTNo-bg: #a6a6a6; /* 背景色 */
  --SearchBTNo-brd: 1px solid #a3a3a3; /* ボーダー指定 */

/* 検索ボタン共通（検索クリア） */
  --clearBtn-txt: #171717; /* テキスト色 */
  --clearBtn-bg: #fff; /* 背景色 */
  --clearBtn-brd: 1px solid #666; /* ボーダー指定 */
}
/* ** button0301 end ** */

/* ** button0401 start ** */
/*** 0401: ページトップボタン ***/
:root {
  --pagetop-rod: 0.5em; /* 角丸 */
  --app-pagetop-cr: #171717; /* 背景色 */
  --app-pagetop-txt: #fff; /* テキスト色 */
}
/* ** button0401 end ** */

/* ** button0501 start ** */
/*** 0501: コメントに関するボタン ***/
:root {
/* コメント登録ボタン */
  --commentRegBt-txt: #fff; /* テキスト色 */
  --commentRegBt-bg: linear-gradient(180deg, #8abc1e, #77ae01); /* 背景色 */
  --commentRegBt-brd: 1px solid #74aa00; /* ボーダー指定 */
  --commentRegBt-sd: none; /* 背景影色 */
}
/* ** button0501 end ** */

/* ** button0502 start ** */
:root {
/* コメント時会員登録促進ボタン */
  --commentMemBt-txt: #171717; /* テキスト色 */
  --commentMemBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --commentMemBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --commentMemBt-sd: none; /* 背景影色 */
}
/* ** button0502 end ** */

/* ** button0503 start ** */
:root {
/* コメント編集ボタン */
  --commentEditBt-txt: #fff; /* テキスト色 */
  --commentEditBt-bg: #002170; /* 背景色 */
  --commentEditBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentEditBt-sd: none; /* 背景影色 */
}
/* ** button0503 end ** */

/* ** button0504 start ** */
:root {
/* コメント削除ボタン */
  --commentDelBt-txt: #fff; /* テキスト色 */
  --commentDelBt-bg: #545454; /* 背景色 */
  --commentDelBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentDelBt-sd: none; /* 背景影色 */
}
/* ** button0504 end ** */

/* ** button0505 start ** */
:root {
/* コメント返信ボタン */
  --commentResBt-txt: #fff; /* テキスト色 */
  --commentResBt-bg: #0b4c50; /* 背景色 */
  --commentResBt-brd: 1px solid #1d4649; /* ボーダー指定 */
  --commentResBt-sd: none; /* 背景影色 */
}
/* ** button0505 end ** */

/* ** button0506 start ** */
:root {
/* コメント通報ボタン */
  --commentRepBt-txt: #fff; /* テキスト色 */
  --commentRepBt-bg: #640c0c; /* 背景色 */
  --commentRepBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentRepBt-sd: none; /* 背景影色 */
}
/* ** button0506 end ** */

/* ** button0601 start ** */
:root {
/*** 0601: 地図や詳細画面等へ外部リンクへ遷移する為のリンクボタン ***/
  --LinkShtBt-txt: #171717; /* テキスト色 */
  --LinkShtBt-bg: #fff; /* 背景色 */
  --LinkShtBt-brd: 1px solid #666; /* ボーダー指定 */
  --LinkShtBt-sd: none; /* 背景影色 */
  --font-LinkShtBt: clamp(1.2rem, 1.0vw, 1.4rem);/* フォントサイズ */
}
/* ** button0601 end ** */

/* ** button0602 start ** */
/*** 0602: コンテンツ詳細等への遷移ボタン ***/
:root {
/*コンテンツ遷移ボタン詳細 */
  --conDetBt-txt: #fff; /* テキスト色 */
  --conDetBt-bg: #171717; /* 背景色 */
  --conDetBt-brd: 1px solid #7b7b7b; /* ボーダー指定 */
  --conDetBt-sd: 0 0 3px #e0e0e0; /* 背景影色 */
}
/* ** button0602 end ** */

/* ** button0701 start ** */
/*** 0701: オープンクローズボタン ***/
:root {
/* オープンクローズエリア(主に検索・検索結果の開閉) */
  --searchOpCl-txt: #fff; /* テキスト色 */
  --searchOpCl-bg: #171717; /* 背景色 */
  --searchOpCl-brd: 1px solid #171717; /* ボーダー指定 */
  --searchOpCl-sd: none; /* 背景影色 */

/* オープンクローズボタンボタン */
  --slideBtn-txt: #fff; /* テキスト色 */
  --slideBtn-bg: #171717; /* 背景色 */
  --slideBtn-brd: 1px solid #fff; /* ボーダー指定 */
  --slideBtn-sd: none; /* 背景影色 */
}
/* ** button0701 end ** */

/* ** button0702 start ** */
:root {
/* オープンクローズエリア(主にラジオ・チェックボックスの開閉) */
  --htibrd-txt: #000; /* テキスト色 */
  --htibrd-bg: inhelit; /* 背景色 */
  --htibrd-brd: 1px dotted #aaaaaa; /* ボーダー指定 */

/* オープンクローズボタンボタン(タイトル横) */
  --htibrd-slideBtn-rod: 0.5rem; /* 角丸 */
  --htibrd-slideBtn-txt: #fff; /* テキスト色 */
  --htibrd-slideBtn-bg: #171717; /* 背景色 */
  --htibrd-slideBtn-brd: inhelit; /* ボーダー指定 */
  --htibrd-slideBtn-sd: inhelit; /* 背景影色 */
}
/* ** button0702 end ** */

/* ** button0703 start ** */
:root {
  --app-TreeBox-rod: 0.3rem; /* 角丸 */
  --app-TreeBox-brd: 1px solid #e4e4e4; /* ボーダー指定 */
}
/* ** button0703 end ** */

/* ** button0801 start ** */
/*** 0801: タブメニュー ***/
:root {
/* デザインパターン(ボタン形式) */
  --tab-munu-tp01-rod: 0.3rem; /* 角丸 */
  --tab-munu-inn-tp01-rod: 0; /* 角丸 */
  --tab-munu-tp01-txt: #171717; /* テキスト色 */
  --tab-munu-tp01-bg: #eee; /* 背景色 */
  --tab-munu-tp01-crt-txt: #fff; /* テキスト色 */
  --tab-munu-tp01-crt-bg: #2972a0; /* 背景色 */

/* デザインパターン(枠線形式) */
  --tab-munu-tp02-rod: 0.3rem 0.3rem 0 0; /* 角丸 */
  --tab-munu-inn-tp02-rod: 0 0 0.3rem 0.3rem; /* 角丸 */
  --tab-munu-tp02-txt: #171717; /* テキスト色 */
  --tab-munu-tp02-bg: #fff; /* 背景色 */
  --tab-munu-tp02-brd: #919191; /* ボーダー指定 */
}
/* ** button0801 end ** */

/* ** button0802 start ** */
/*** 0802: ラジオボタンタブボタン ***/
:root {
/* ラジオボタンタブaタグ */
  --app-selectBt-a-cr: #fff; /* 背景色（aタグ） */
  --app-selectBt-a-txt: #171717; /* テキスト色（aタグ） */
  --app-selectBt-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-selectBt-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-selectBt-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** button0802 end ** */

/* ** button0803 start ** */
/*** 1003: 階層対応タブ風ボタン ***/
:root {
  --app-DetSubBt-rod: 0.3em; /* 角丸 */
  --app-DetSubBt2-txt: #000; /* テキスト色 */
  --app-DetSubBt2-cr: #efefef; /* 背景色 */
  --app-DetSubBt2-cr-crt: #ffcc00; /* カレント背景色 */
  --app-DetSubBt3-txt: #000; /* テキスト色 */
  --app-DetSubBt3-cr: #efefef; /* 背景色 */
  --app-DetSubBt3-cr-crt: #ffcc00; /* カレント背景色 */
}
/* ** button0803 end ** */

/* ** button0901 start ** */
/*** 0901: ラジオボタン選択トグルボタン ***/
:root {
/* 基本設定 */
  --app-toggle-rod: 0.3rem; /* 角丸 */
  --app-toggle-txt: #fff; /* テキスト色 */

/* ボタン装飾設定 */
  --app-toggle-btdef-bg: #adadad; /* 背景色（デフォルト） */
  --app-toggle-btunap-bg: #ff9f15; /* 背景色（未承認・済み） */
  --app-toggle-btappr-bg: #1da217; /* 背景色（承認） */
}
/* ** button0901 end ** */

/* ** button0902 start ** */
/*** 0902: チェックボックスボタン ***/
:root {
/* 基本設定 */
  --app-checkboxBgBt-rod: 0.3rem; /* 角丸 */
  --app-checkboxBgBt-size: 4.5rem; /* ボタンサイズ */

/* CHECK ON */
  --app-checkboxBgBt-on-txt: #fff; /* テキスト色 */
  --app-checkboxBgBt-on-cr: #00b4e8; /* 背景色 */
/* CHECK NO */
  --app-checkboxBgBt-no-txt: #fff; /* テキスト色 */
  --app-checkboxBgBt-no-cr: #b8b8b8; /* 背景色 */
/* CHECK DIS */
  --app-checkboxBgBt-dis-txt: #ededed; /* テキスト色 */
  --app-checkboxBgBt-dis-cr: #e1e1e1; /* 背景色 */
}
@media screen and (max-width: 600px) {
	:root {
	  --app-checkboxBgBt-size: 3.5rem; /* ボタンサイズ */
	}
}
/* ** button0902 end ** */

/* ** button0903 start ** */
/*** 0903: ラジオ切り替えボタン ***/
:root {
/* ボタン制御 */
  --app-checkRadiolabel-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* 色制御 */
  --app-checkRadiolabel-txt: #808080; /* テキスト色（通常） */
  --app-checkRadiolabel-cr: #e8e8e8; /* 背景色（通常） */
  --app-checkRadiolabel-no-txt: #808080; /* テキスト色（NO） */
  --app-checkRadiolabel-no-cr: #cccccc; /* 背景色（NO） */
  --app-checkRadiolabel-on-txt: #fff; /* テキスト色（ON） */
  --app-checkRadiolabel-on-cr: #008fea; /* 背景色（ON） */
  --app-checkRadiolabel-off-txt: #fff; /* テキスト色（NO） */
  --app-checkRadiolabel-off-cr: #d14019; /* 背景色（NO） */
  --app-checkRadiolabel-neit-txt: #fff; /* テキスト色（どちらでもない） */
  --app-checkRadiolabel-neit-cr: #1da21a; /* 背景色（どちらでもない） */
}
/* ** button0903 end ** */

/* ** button1001 start ** */
/*** 1001: システム利用各種編集ボタン ***/
:root {
/* 編集ボタン基本 */
  --editBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --editBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --editBt-txt: #303030; /* テキスト色 */
  --editBt-sd: 0 0 0.3rem #e0e0e0; /* 背景影色 */
}
/* ** button1001 end ** */

/* ** button1002 start ** */
/*** 1002: 抽出・遷移抽出ボタン ***/
:root {
/* 抽出ボタン設定 */
  --app-extractBtArea-rod: 0.3em; /* 角丸 */
  --app-extractBtArea-txt: #000; /* テキスト色 */
  --app-extractBtArea-cr: #efefef; /* 背景色 */
  --app-extractBtArea-cr-crt: #ffcc00; /* カレント背景色 */
  --app-includeEnd-cr-crt: #ffcbcb;/* 抽出ボタン条件カレント */
}
/* ** button1002 end ** */

/* ** button1101 start ** */
/*** 1101: 新規登録・戻る・編集誘導ボタン ***/

/* ** button1101 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_sysart_dez.css;
***************************************************/

/*======== alert_parts.css ========*/
/****************** アラート系共通（注意書きボックス） ******************/

/* ** alert_basic start ** */
/*** 共通設定 ***/
:root {
  --CautBox-rod: 0.2rem; /* 角丸 */
  --CautBox-mg: 2.0rem auto; /* マージン */
  --CautBox-pd: 3.0rem 1.5rem; /* パディング */
  --font-CautBox: clamp(1.4rem, 1.6vw, 1.6rem); /* フォントサイズ */
}
@media screen and (max-width: 600px) {
	:root {
		--CautBox-pd: 1.5rem 1.0rem; /* パディング */
	}
}
/* ** alert_basic end ** */

/* ** alert0101 start ** */
/*** 0101: 背景黄色注意書き部分 ***/
:root {
/* 背景黄色注意書き部分 */
  --Art-bg: #fff4ab; /* 背景色 */
  --Art-brd: 1px solid #e00012; /* ボーダー指定 */
  --Art-bbg: none; /* 背景影色 */
  --Art-txt: #e00012; /* テキスト色 */
}
/* ** alert0101 end ** */

/* ** alert0102 start ** */
/*** 0102: 背景あり注意書き部分（基本グレー） ***/
:root {
  --CautTxt-bg: #f0f0f0; /* 背景色 */
  --CautTxt-brd: 1px solid #cccccc; /* ボーダー指定 */
  --CautTxt-bbg: none; /* 背景影色 */
  --CautTxt-txt: #585858; /* テキスト色 */
}
/* ** alert0102 end ** */

/* ** alert0103 start ** */
/*** 0103: 背景あり注意書き部分（基本白） ***/
:root {
  --CautTxtW-bg: #fff; /* 背景色 */
  --CautTxtW-brd: 1px solid #d3d3d3; /* ボーダー指定 */
  --CautTxtW-bbg: none; /* 背景影色 */
  --CautTxtW-txt: #333; /* テキスト色 */
}
/* ** alert0103 end ** */

/* ** alert0104 start ** */
/*** 0104: 背景あり注意書き部分（基本赤） ***/
:root {
  --CautTxtR-bg: #ffe5e5; /* 背景色 */
  --CautTxtR-brd: 2px solid #c71a1a; /* ボーダー指定 */
  --CautTxtR-bbg: none; /* 背景影色 */
  --CautTxtR-txt: #c71a1a; /* テキスト色 */
}
/* ** alert0104 end ** */

/* ** alert0105 start ** */
/*** 0105: 背景あり注意書き部分（基本青） ***/
:root {
  --CautTxtB-bg: #d5f0f4; /* 背景色 */
  --CautTxtB-brd: 2px solid #008abd; /* ボーダー指定 */
  --CautTxtB-bbg: none; /* 背景影色 */
  --CautTxtB-txt: #008abd; /* テキスト色 */
}
/* ** alert0105 end ** */

/* ** alert0106 start ** */
/*** 0106: 背景あり注意書き部分（基本緑） ***/
:root {
  --CautTxtG-bg: #e3ffcd; /* 背景色 */
  --CautTxtG-brd: 2px solid #10a800; /* ボーダー指定 */
  --CautTxtG-bbg: none; /* 背景影色 */
  --CautTxtG-txt: #10a800; /* テキスト色 */
}
/* ** alert0106 end ** */

/****************** アラート系共通（フォーム内個別注意書きエリア） ******************/

/* ** alert0201 start ** */
/*** 0201: 入力フォーム注意書き部分 ***/
:root {
/* 共通 */
  --CautFM-rod: 0.2em; /* 角丸 */
  --CautFM-pd: 0.8rem; /* パディング */
  --font-CautFM: clamp(1.4rem, 1.4vw, 1.4rem); /* フォントサイズ */

/* 入力フォーム注意書き部分 */
  --CautTxtS-bg: #ebebeb; /* 背景色 */
  --CautTxtS-brd: 1px solid #d1d1d1; /* ボーダー指定 */
  --CautTxtS-bbg: none; /* 背景影色 */
  --CautTxtS-txt: #444444; /* テキスト色 */
}
/* ** alert0201 end ** */

/* ** alert0202 start ** */
/*** 0202: 入力フォーム個別エラー ***/
:root {
  --err-bg: #fff4ab; /* 背景色 */
  --err-brd: 1px solid #e00012; /* ボーダー指定 */
  --err-bbg: none; /* 背景影色 */
  --err-txt: #e00012; /* テキスト色 */
}
/* ** alert0202 end ** */

/****************** アラート系共通（申し込み画面での注意書きエリア） ******************/

/* ** alert_basic03 start ** */
/*** 共通設定 ***/
:root {
/* 共通 */
  --CautOrd-mg: 1.0em auto; /* マージン */
  --CautOrd-rod: 0.2em; /* 角丸 */
  --CautOrd-pd: 2.0rem 1.5rem; /* パディング */
  --font-ord-art: clamp(1.6rem, 1.6vw, 1.6rem); /* フォントサイズ */
}
@media screen and (max-width: 600px) {
	:root {
		--CautOrd-pd: 1.5rem 1.0rem; /* パディング */
	}
}
/* ** alert_basic03 end ** */

/* ** alert0301 start ** */
/*** 0301: 空き・在庫余裕あり ***/
:root {
  --empty-bg: #e3ffcd; /* 背景色 */
  --empty-brd: 1px solid #10a800; /* ボーダー指定 */
  --empty-bbg: none; /* 背景影色 */
  --empty-txt: #10a800; /* テキスト色 */
}
/* ** alert0301 end ** */

/* ** alert0302 start ** */
/*** 0302: 残席・在庫僅か ***/
:root {
  --little-bg: #fffbcb; /* 背景色 */
  --little-brd: 1px solid #c71a1a; /* ボーダー指定 */
  --little-bbg: none; /* 背景影色 */
  --little-txt: #c71a1a; /* テキスト色 */
}
/* ** alert0302 end ** */

/* ** alert0303 start ** */
/*** 0303: 残席・在庫ありません ***/
:root {
  --can-bg: #d5f0f4; /* 背景色 */
  --can-brd: 1px solid #008abd; /* ボーダー指定 */
  --can-bbg: none; /* 背景影色 */
  --can-txt: #008abd; /* テキスト色 */
}
/* ** alert0303 end ** */

/* ** alert0304 start ** */
/*** 0304: 受付・購入売り切れ ***/
:root {
  --sout-bg: #ffe5e5; /* 背景色 */
  --sout-brd: 1px solid #c71a1a; /* ボーダー指定 */
  --sout-bbg: none; /* 背景影色 */
  --sout-txt: #c71a1a; /* テキスト色 */
}
/* ** alert0304 end ** */

/* ** alert0305 start ** */
/*** 0305: 受付・購入終了 ***/
:root {
  --ordthk-bg: #fffdea; /* 背景色 */
  --ordthk-brd: 1px solid #e06900; /* ボーダー指定 */
  --ordthk-bbg: none; /* 背景影色 */
  --ordthk-txt: #e06900; /* テキスト色 */
}
/* ** alert0305 end ** */

/* ** alert0306 start ** */
/*** 0306: 受付・購入できない ***/
:root {
  --ordno-bg: #fffdea; /* 背景色 */
  --ordno-brd: 1px solid #e06900; /* ボーダー指定 */
  --ordno-bbg: none; /* 背景影色 */
  --ordno-txt: #e06900; /* テキスト色 */
}
/* ** alert0306 end ** */

/* ** alert0307 start ** */
/*** 0307: 既に申込み・購入されている ***/
:root {
  --done-bg: #ffe5e5; /* 背景色 */
  --done-brd: 1px solid #c71a1a; /* ボーダー指定 */
  --done-bbg: none; /* 背景影色 */
  --done-txt: #c71a1a; /* テキスト色 */
}
/* ** alert0307 end ** */

/* ** alert0308 start ** */
/*** 0308: 他の時間帯で既に申し込みされている ***/
:root {
  --otdone-bg: #ffe5e5; /* 背景色 */
  --otdone-brd: 1px solid #c71a1a; /* ボーダー指定 */
  --otdone-bbg: none; /* 背景影色 */
  --otdone-txt: #c71a1a; /* テキスト色 */
}
/* ** alert0308 end ** */

/* ** alert0309 start ** */
/*** 0309: 会員登録訴求枠 ***/
:root {
  --ordartreg-bg: #f3f3f3; /* 背景色 */
  --ordartreg-brd: 1px solid #999; /* ボーダー指定 */
  --ordartreg-bbg: none; /* 背景影色 */
  --ordartreg-txt: #333; /* テキスト色 */
}
/* ** alert0309 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_box_dez.css;
***************************************************/

/*======== form_common.css ========*/

/* ** input_basic start ** */
/****************** フォーム共通指定 ******************/
:root {
/* 入力フォーム共通指定 */
  --form-rod: 0.2rem; /* 角丸 */
  --form-mg: 0.2rem; /* マージン */
  --form-pd: 1.5rem 1.0rem; /* パディング */
  --form-txt: #434343; /* テキスト色 */
  --form-fc: #fafaf4; /* 背景色 */
  --form-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --form-fc-cr: #fffbd7; /* focus背景色 */
  --form-fc-dis: #eaeaea; /* disable背景色 */
  --form-txt-dis: #cdcdcd; /* disableテキスト色 */
  --form-brd-dis: 1px solid #e2e2e2; /* disableボーダー指定 */
  --font-form-input: clamp(1.6rem, 1.6vw, 1.6rem); /* フォントサイズ */

/* プルダウンメニュー */
  --SelectBt-rod: 0.5em; /* 角丸 */

/* ラジオボタン・チェックボックス */
  --form-rd-ch: #202020; /* ラジオボタン・チェックボックス背景色 */
  --form-rd-dis: #e2e2e2; /* ラジオボタン・チェックボックスdisable背景色 */
  --form-rd-bbg: 20px -1px #fff; /* ラジオボタン背景影色 */
  --form-ch-bbg: 40px 0px #fff; /* チェックボックス背景影色 */
  --form-brd-rd: 3px solid #202020; /* チェックボックスアイコンボーダー指定 */
  --form-brd-dis-rd: 3px solid #e2e2e2; /* チェックボックスアイコンdisableボーダー指定 */

  --app-InputForm-brd: 1px dotted #cdcdcd; /* 入力項目仕切り指定 */
}
/* ** input_basic end ** */

/*======== box_parts.css ========*/

/* ** com_box start ** */
/*** 基本ボックス ***/
:root {
/* 枠ボックス */
  --BgBox-rod: 0.2rem; /* ボックス */
  --app-BgBox-bg: #fff; /* 外枠背景色 */
  --app-BgBoxInn-bg: #fff; /* 内枠背景色 */
  --app-BgBox-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-BgBoxInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-BgBox-txt: #000; /* テキスト色 */
  --app-BgBox-sd: 0 0 1.0rem #cdcdcd; /* 外枠背景影色 */
  --app-BgBoxInn-sd: inherit; /* 内枠背景影色 */
  --app-BgBox-Kbrd: 1px dotted #171717; /* 罫線ボーダー指定 */

/* 登録画面画面サイズ（共通）※入力画面を共通にする為の画面サイズ共通指定 */
  --InputBaseBox-size: 800px; /* 登録画面画面サイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --InputBaseBox-size: 90%; /* サイズ */
	}
}
/* ** com_box end ** */

/* ** colorbox_basic start ** */
/********* インラインポップ設定 *********/
:root {
  --app-popupTi-mg: 0 auto; /* マージン */
  --app-popupTi-pd: 2.0rem 0; /* パディング */
  --app-popupTi-txt: #232323; /* テキスト色 */
  --app-popupTi-bg: #fcfcfc; /* 背景色 */
  --app-popupTi-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-popupTi: clamp(2.0rem, 2.0vw, 2.0rem); /* フォントサイズ */
}
/* ** colorbox_basic end ** */

/* ** comment_box start ** */
/*** コメント・掲示板・レビュー投稿コメント表示ボックス ***/
:root {
  --app-commentZero-bg: #fcfcfc; /* コメントリスト背景指定（コメント無し） */
  --app-commentFst-bg: #fff; /* コメントリスト背景指定（親スレッド） */
  --app-commentSec-bg: #fcfcfc; /* コメントリスト背景指定（レスコメント） */
}
/* ** comment_box end ** */

/* ** order_box start ** */
:root {
  --font-AmountName: clamp(1.6rem, 1.6vw, 1.8rem); /* 購入商品名 フォントサイズ */
  --font-Amount: clamp(1.8rem, 1.8vw, 2.0rem); /* 決済金額 フォントサイズ */
  --font-cardAgtName-txt: clamp(1.4rem, 1.4vw, 1.4rem); /* 決済会社名称テキスト フォントサイズ */
}
/* ** order_box end ** */

/* ** credit_box start ** */
/* ** credit_box end ** */

/* ** contributor_box start ** */
/* ** contributor_box end ** */

/* ** message_box start ** */
:root {
/*** メッセージボックス ***/
/* 枠ボックス */
  --messageList-rod: 0.2rem; /* ボックス */
  --app-messageList-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* メッセージ箇所 */
  --app-messageListInn-txt: #232323; /* テキスト色 */
  --app-messageListInn-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
  --app-messageListInn-myself-bg: #fff; /* 背景色 */
  --app-messageListInn-partner-bg: #f1f7f9; /* 背景色 */

/* メッセージ引用箇所 */
  --app-messageIteminlineMes-brd: 2px solid #cdcdcd; /* ボーダー指定 */

/* メッセージ引用外部連携箇所 */
  --messageItemOutData-rod: 0.2rem; /* ボックス */
  --app-messageItemOutData-bg: #f6f9ef; /* 背景色 */
  --app-messageItemOutData-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* メッセージ入力ボックス */
  --messageInput-rod: 0.2rem; /* ボックス */
  --app-messageInput-bg: #fff; /* 背景色 */
  --app-messageInput-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* メッセージ操作ボタン等 */
  --messageEditBtBox-rod: 0.2rem; /* ボックス */
  --app-messageEditBtBox-bg: #f4f4f4; /* 背景色 */
  --app-messageEditBtBox-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* 編集ボタン */
  --messageEditBt-txt: #fff; /* テキスト色 */
  --messageEditBt-bg: #325977; /* 背景色 */
  --messageEditBt-brd: 1px solid #325977; /* ボーダー指定 */

/* 削除ボタン */
  --messageDelBt-txt: #fff; /* テキスト色 */
  --messageDelBt-bg: #325977; /* 背景色 */
  --messageDelBt-brd: 1px solid #325977; /* ボーダー指定 */

/* 引用ボタン */
  --messageQutBt-txt: #fff; /* テキスト色 */
  --messageQutBt-bg: #325977; /* 背景色 */
  --messageQutBt-brd: 1px solid #325977; /* ボーダー指定 */

/* アクションボタン */
  --messageActBt-txt: #fff; /* テキスト色 */
  --messageActBt-bg: #325977; /* 背景色 */
  --messageActBt-brd: 1px solid #325977; /* ボーダー指定 */

/* 既読ボタン */
  --messageKidokuBt-txt: #fff; /* テキスト色 */
  --messageKidokuBt-bg: #137884; /* 背景色 */
  --messageKidokuBt-brd: 1px solid #137884; /* ボーダー指定 */

/* 未読ボタン */
  --messageMidokuBt-txt: #fff; /* テキスト色 */
  --messageMidokuBt-bg: #d88829; /* 背景色 */
  --messageMidokuBt-brd: 1px solid #d88829; /* ボーダー指定 */

/* 送信ボタン */
  --messageSendBt-txt: #fff; /* テキスト色 */
  --messageSendBt-bg: #325977; /* 背景色 */
  --messageSendBt-brd: 1px solid #325977; /* ボーダー指定 */

/* 編集取消ボタン */
  --messageCanBt-txt: #fff; /* テキスト色 */
  --messageCanBt-bg: #42816b; /* 背景色 */
  --messageCanBt-brd: 1px solid #42816b; /* ボーダー指定 */

/* その他操作ボタン */
  --messageOutBt-txt: #fff; /* テキスト色 */
  --messageOutBt-bg: #42816b; /* 背景色 */
  --messageOutBt-brd: 1px solid #42816b; /* ボーダー指定 */

/*** メッセージアプリ風 ***/
  --mesApp-txt: #000; /* テキスト色 */
  --mesApp-bg: #769ece; /* 背景色 */
  --mesAppPartner-bg: #fff; /* 相手メッセージ背景色 */
  --mesAppMyself-bg: #7adc40; /* 自身メッセージ背景色 */

}
/* ** message_box end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_dezpt_dez.css;
***************************************************/

/*************************** パーツ共通設定 ***************************/

/* ** dezpt_basic start ** */

/*** 共通設定 ***/
:root {
/*** デザインパターン全てのボタン装飾共通 ***/
/* コピーライト */
  --app-copy-cr: #171717; /* 背景色 */
  --app-copy-txt: #fff; /* テキスト色 */
  --font-copy: 1.4rem; /* フォントサイズ */
  --font-copy-ico: 1.8rem; /* フォントサイズ（C） */
}
/* ** dezpt_basic end ** */

/*************************** 会員遷移ボタンパーツ ***************************/

/* ** dezpt_mvavi_basic start ** */
:root {
/* 会員遷移ボタン共通指定 */
  --app-mnaviArea-rod: 0.2em; /* 角丸 */
  --font-mnaviArea: 1.4rem; /* フォントサイズ */
  --app-mnaviArea-txt: #000; /* テキスト色 */
  --app-mnaviArea-bg: #fff; /* 背景色 */
  --app-mnaviArea-bbg: 0 0 10px #cdcdcd; /* 背景影色 */
  --app-mnaviArea-brd: 1px solid #cdcdcd; /* ボーダー指定 */
}
/* ** dezpt_mvavi_basic end ** */
/* ** dezpt_mvavi01 start ** */
/* ** dezpt_mvavi01 end ** */
/* ** dezpt_mvavi02 start ** */
/* ** dezpt_mvavi02 end ** */
/* ** dezpt_mvavi03 start ** */
/* ** dezpt_mvavi03 end ** */
/* ** dezpt_mvavi04 start ** */
/* ** dezpt_mvavi04 end ** */
/* ** dezpt_mvavi_tooltip start ** */
:root {
/* カーソルマウスオン時のツールチップ  ***/
  --app-tooltip-rod: 0.2em; /* 角丸 */
}
/* ** dezpt_mvavi_tooltip end ** */

/*************************** ログイン者表示パーツ ***************************/

/* ** dezpt_member_info start ** */
:root {
/* ログイン者情報指定 */
  --memInfo-size: 300px; /* 枠サイズ */
  --memInfo-rod: 0.3em; /* 角丸 */
  --memInfo-txt: #171717; /* テキスト色 */
  --memInfo-bg: #f8f8f8; /* 背景色 */
  --memInfo-brd: 1px solid #a2a2a2; /* ボーダー指定 */

/* プルダウンメニュー */
  --memberinfopd-txt: #171717; /* テキスト色 */
  --memberinfopd-bg: #fff; /* 背景色 */
  --memberinfopd-brd: 1px solid #a2a2a2; /* ボーダー指定 */
  --font-memberinfopd: 1.4rem; /* フォントサイズ */

/* 通知アイコン */
  --fmcicon-rod: 0.4em; /* 角丸 */
  --fmcicon-txt: #fff; /* テキスト色 */
  --fmcicon-bg: rgb(75,75,75); /* 通知アイコン 基本 背景色 */
  --granted-bg: #fd9d21; /* 通知アイコン 通知有効 背景色 */
  --denied-bg: #ba000f; /* 通知アイコン 通知無効状態 背景色 */
  --granted-brd: 6px solid #fd9d21; /* 通知アイコン 通知有効 ボーダー指定  */
  --denied-brd: 6px solid #ba000f; /*通知アイコン 通知無効状態 ボーダー指定 */
  --font-fmctxt: 1.3rem; /*フォントサイズ*/

/* プッシュ通知ボタン */
  --pushBt-rod: 0.2em; /* 角丸 */
  --pushBt-pd: 0.2em 0.5rem; /* パディング */
  --pushBt-txt: #171717; /* テキスト色 */
  --pushBt-brd: 1px solid #a2a2a2; /* ボーダー指定 */
  --pushBt-bg: #f8f8f8; /* 背景色 */
  --font-pushBt: 1.0rem; /* フォントサイズ */

/* ログイン者情報個別要素 */
  --font-LoginName: 1.5rem; /* ログイン者氏名 フォントサイズ */
  --font-LoginMemNo: 1.0rem; /* ログイン者会員番号 フォントサイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --memInfo-size: 100%; /* 枠サイズ */
	}
}
/* ** dezpt_member_info end ** */

/*************************** 入力ステップパーツ ***************************/

/* ** dezpt_step start ** */
/*** ステップ基本デザイン ***/
:root {
/* 枠ボックス */
  --step-bsc-li-rod: 0.2em; /* 角丸 */
  --step-bsc-txt: #000; /* テキスト色 */
  --step-bsc-bg: #eee; /* 外枠背景色 */
  --step-bscInn-bg: #fff; /* 内枠背景色 */
  --step-bsc-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --step-bsc-lifc-txt: #fff; /* テキスト色（カレント） */
  --step-bsc-lifc-bg: #171717; /* 背景色（カレント） */

/* ドットデザイン */
  --step-bg-crt: #0070BD; /* カレント */
  --step-bg-nml: #878787; /* 通常時 */
}
/* ** dezpt_step end ** */

/*************************** SNSシェアパーツ ***************************/

/* ** dezpt_sns01 start ** */
/*** SNSシェア要素 ***/
:root {
/* SNSシェアアイコン */
  --SNS-rod: 0.2em; /* 角丸 */
  --SNSshare-txt: #fff; /* テキスト色 */
  --SNSshare-bg: #fff; /* 背景色 */
  --SNSshare-bbg: 0 0 10px #cdcdcd; /* 背景影色 */

/* アイコンカラー指定 */
  --twitter-bg: #55acee; /* twitter */
  --facebook-bg: #3B5998; /* facebook */
  --google-bg: #dd4b39; /* google */
  --hatebu-bg: #008FDE; /* hatebu */
  --pocket-bg: #EB4654; /* pocket */
  --rss-bg: #ff9900; /* rss */
  --feedly-bg: #6cc655; /* feedly */
  --pinterest-bg: #cb2027; /* pinterest */
  --linkedin-bg: #0e76a8; /* linkedin */
  --line-bg: #1dcd00; /* line */
}
/* ** dezpt_sns01 end ** */

/* ** dezpt_sns02 start ** */
/* ** dezpt_sns02 end ** */

/*************************** タグ検索要素 ***************************/

/* ** dezpt_tag_search start ** */
:root {
/* タグ検索基本枠ボックス */
  --tagSearch-rod: 0.2rem; /* 角丸 */
  --tagSearch-txt: #000; /* テキスト色 */
  --tagSearch-bg: #fff; /* 背景色 */
  --tagSearch-brd: 1px solid #fff; /* ボーダー指定 */

/* タグ検索タイトル */
  --tagSearchTi-txt: #fff; /* テキスト色 */
  --tagSearchTi-bg: #000; /* 背景色 */
  --tagSearchTi-brd: 1px solid #fff; /* ボーダー指定 */

/* タグ検索もっと見るボタン */
  --tagSearchBt-rod: 0.2rem; /* 角丸 */
  --tagSearchBt-hd: 40px; /* ボタン位置に合わせた高さ指定 */
  --tagSearchBt-txt: #fff; /* テキスト色 */
  --tagSearchBt-bg: #000; /* 背景色 */
  --tagSearchBt-brd: 1px solid #000; /* ボーダー指定 */
  --tagSearchGd-bg: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1.0) 100%) /* 背景色グラデーション */

/* タグアイコン共通設定 */
  --tagLink-rod: 0.2rem; /* 角丸 */
  --TagLink-txt: #535353; /* テキスト色 */
  --TagLink-bg: #f6f6f6; /* 背景色 */
  --TagLink-brd: #e7e7e7; /* ボーダー指定 */
}
/* ** dezpt_tag_search end ** */

/*************************** 詳細ページアイコンパーツ ***************************/

/* ** dezpt_contents_parts start ** */
:root {
/* カテゴリアイコン共通設定 */
  --DetcateName-rod: 0.2em; /* 角丸 */
  --DetcateName-txt: #fff; /* テキスト色 */

/* いいね・お気に入りボタン */
  --siteShareFavorite-rod: 0.2rem; /* 角丸 */
  --siteShareFavorite-txt: #000; /* テキスト色 */
  --siteShareFavorite-bg: #fff; /* 背景色 */
  --siteShareFavorite-brd: 1px solid #969696; /* ボーダー指定 */

  --siteShareFavorite-dis-txt: #e2e2e2; /* テキスト色（disable時） */
  --siteShareFavorite-dis-bg: #f9f9f9; /* 背景色（disable時） */
  --siteShareFavorite-dis-brd: 1px solid #e2e2e2; /* ボーダー指定（disable時） */

  --siteShareFavorite-fc-txt: #fff; /* テキスト色（カレント） */
  --siteShareFavorite-fc-bg: #ffa200; /* 背景色（カレント） */
  --siteShareFavorite-fc-brd: 1px solid #ffa200; /* ボーダー指定（カレント） */
}
/* ** dezpt_contents_parts end ** */

/*************************** キーワード検索パーツ ***************************/

/* ** dezpt_search01 start ** */
:root {
/* 共通設定 */
  --contsearch-rod: 0.3rem; /* 角丸 */
  --contsearch-txt: #fff; /* テキスト色 */
  --contsearch-bg: #fff; /* 背景色 */
  --contsearch-bt-bg: #171717; /* ボタン背景色 */
  --contsearch-brd: 2px solid #171717; /* ボーダー指定 */
  --contsearch-sd: none; /* 背景影色 */
}
/* ** dezpt_search01 end ** */

/* ** dezpt_search02 start ** */
:root {
/* キーワード検索(ボタン分離) */
  --contsearch-sepl-rod: 0.5rem; /* 角丸 */
  --contsearch-sepl-txt: #fff; /* テキスト色 */
  --contsearch-sepl-brd: 1px solid #dddddd; /* ボーダー指定 */
  --contsearch-sepl-bg: #f6f6f6; /* 背景色 */
  --contsearch-sepl-sd: none; /* 背景影色 */
  --contsearch-sepl-bt-bg: #171717; /* ボタン背景色 */
}
/* ** dezpt_search02 end ** */

/* ** dezpt_search03 start ** */
/* ** dezpt_search03 end ** */
/* ** dezpt_search04 start ** */
/* ** dezpt_search04 end ** */

/*************************** システムアイコンパーツ ***************************/

/* ** dezpt_system_ico01 start ** */
/*** システム利用アイコン共通要素 ***/
:root {
/* 共通設定 */
  --IcoBox-rod: 0.4em; /* 角丸 */

/*** アイコンカラー ***/

/* ブラック */
  --BgBrk-txt: #fff; /* テキスト色 */
  --BgBrk-bg: #212121; /* 背景色 */

/* グレー */
  --BgGry-txt: #fff; /* テキスト色 */
  --BgGry-bg: #a6a6a6; /* 背景色 */

/* オレンジ */
  --BgOyl-txt: #fff; /* テキスト色 */
  --BgOyl-bg: #eab219; /* 背景色 */

/* ブラウン */
  --BgBrn-txt: #fff; /* テキスト色 */
  --BgBrn-bg: #a29c71; /* 背景色 */

/* イエロー */
  --BgYel-txt: #fff; /* テキスト色 */
  --BgYel-bg: #ffcc00; /* 背景色 */

/* ブルー */
  --BgBlu-txt: #fff; /* テキスト色 */
  --BgBlu-bg: #31a6dc; /* 背景色 */

/* ブルー（鮮やか） */
  --BgBls-txt: #fff; /* テキスト色 */
  --BgBls-bg: #00b4ff; /* 背景色 */

/* ブルー（彩度落ち） */
  --BgBlk-txt: #fff; /* テキスト色 */
  --BgBlk-bg: #5a899f; /* 背景色 */

/* レッド */
  --BgRed-txt: #fff; /* テキスト色 */
  --BgRed-bg: #d11900; /* 背景色 */

/* ピンク */
  --BgPnc-txt: #fff; /* テキスト色 */
  --BgPnc-bg: #ff5757; /* 背景色 */

/* レッド（鮮やか） */
  --BgKrd-txt: #fff; /* テキスト色 */
  --BgKrd-bg: #ff2020; /* 背景色 */

/* レッド（彩度落ち） */
  --BgEng-txt: #fff; /* テキスト色 */
  --BgEng-bg: #922222; /* 背景色 */

/* グリーン */
  --BgGrn-txt: #fff; /* テキスト色 */
  --BgGrn-bg: #1b7e00; /* 背景色 */

/* グリーン（彩度落ち） */
  --BgKgr-txt: #fff; /* テキスト色 */
  --BgKgr-bg: #608b22; /* 背景色 */
}
/* ** dezpt_system_ico01 end ** */

/* ** dezpt_system_ico02 start ** */
:root {
/* 共通設定 */
  --Ico-triangle-size: 1.5rem; /* 矢印アイコンサイズ */
  --Ico-triangle-cr: #eab219; /* 矢印アイコンカラー */
}
/* ** dezpt_system_ico02 end ** */

/* ** dezpt_system_ico03 start ** */
:root {
/* 友達アイコン表示 */
  --Ico-friendOn-cr: #7ec617; /* 友達追加済 */
  --Ico-friendOff-cr: #a6a6a6; /* 友達未追加 */
}
/* ** dezpt_system_ico03 end ** */

/*************************** 画像スライドパーツ ***************************/

/* ** dezpt_slide_basic start ** */
:root {
  --SldDot-bg: #000; /* ドット表示背景色 */
  --SldDot-li: #333; /* ドット通常色 */
  --SldDot-lia: #fff; /* ドットアクティブ色 */
}
/* ** dezpt_slide_basic end ** */

/* ** dezpt_slide01 start ** */
/* ** dezpt_slide01 end ** */
/* ** dezpt_slide02 start ** */
/* ** dezpt_slide02 end ** */

/*************************** カレンダーパーツ ***************************/

/* ** dezpt_calendar01 start ** */
:root {
/* カレンダー年月リンク */
  --app-calendarLink-rod: 0.3em; /* 角丸 */
  --app-calendarLink-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarLink-cr: #fff; /* 背景色 */
  --app-calendarLink-cr-ah: #fffdce; /* 背景色 マウスオン */
  --app-calendarLink-txt: #000; /* テキスト色 */

/* 通常カレンダー本体表示設定 */
  --app-calendarTable-th-pd: 0.3rem; /* パディング(TH) */
  --app-calendarTable-th-brd: 1px solid #c9c9c9; /* ボーダー指定(TH) */
  --app-calendarTable-th-cr: #fff; /* 背景色(TH) */
  --app-calendarTable-td-brd: 1px solid #c9c9c9; /* ボーダー指定(TD) */
  --app-calendarTable-td-cr: #fff; /* 背景色(TD) */

/* 通常カレンダー色設定 */
  --app-calendarTable-sun-txt: #ca0909; /* テキスト色(日曜日) */
  --app-calendarTable-sut-txt: #2258b2; /* テキスト色(土曜日) */
  --app-calendarTable-day-txt: #757575; /* テキスト色(平日) */
  --app-calendarTable-sun-no-txt: #e1b0b0; /* テキスト色(日曜日・前翌月) */
  --app-calendarTable-sut-no-txt: #92b8d8; /* テキスト色(土曜日・前翌月) */
  --app-calendarTable-day-no-txt: #d8d8d8; /* テキスト色(平日・前翌月) */
  --app-calendarTable-sun-bg: #faecec; /* 背景色(日曜日) */
  --app-calendarTable-sut-bg: #f1f9ff; /* 背景色(土曜日) */
  --app-calendarTable-cln-bg: #f6f6f6; /* 背景色(前翌月) */
  --app-calendarTable-hld-bg: #f8e6e6; /* 背景色(当日) */
  --app-calendarTable-art-bg: #ffe89a; /* 背景色(注意喚起用) */
  --app-calendarTable-theday-txt: #fff; /* テキスト色(当日・アイコン) */
  --app-calendarTable-theday-bg: #2e2e2e; /* 背景色(当日・アイコン) */

/* 月選択カレンダー本体リンクボックス設定 */
  --app-calendarBtLinkInn-rod: 0.3em; /* 角丸 */
  --app-calendarBtLinkInn-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkInn-cr: #fff; /* 背景色 */
  --app-calendarBtLinkInn-cr-ah: #fff8d5; /* 背景色 マウスオン */

/* 月表示 */
  --app-calendarBtLinkMnt-txt: #000; /* テキスト色 */

/* 設定状態表示 */
  --app-calendarBtLinkTxt-rod: 0.3em; /* 角丸 */
  --app-calendarBtLinkTxt-mg: 1.0rem auto 0 auto; /* マージン */
  --app-calendarBtLinkTxt-pd: 1.0rem 0.2rem; /* パディング */
  --app-calendarBtLinkTxt-txt: #000; /* テキスト色 */

/* 未設定 */
  --app-calendarBtLinkTxt-mset-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkTxt-mset-cr: #eee; /* 背景色 */

/* 設定 */
  --app-calendarBtLinkTxt-set-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkTxt-set-cr: #c9eeff; /* 背景色 */
}
/* ** dezpt_calendar01 end ** */

/* ** dezpt_calendar02 start ** */
:root {
/*** jqueryポップアップカレンダー  ***/

/* カレンダー親枠 */
  --app-widget-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-txt: #000; /* テキスト色 */
  --app-widget-bg: #fff; /* 背景色 */

/* カレンダー年月選択枠 */
  --app-widget-header-rod: 0.2em; /* 角丸 */
  --app-widget-header-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-header-txt: #fff; /* テキスト色 */
  --app-widget-header-bg: #000; /* 背景色 */

/* カレンダー日選択基本 */
  --app-state-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-state-txt: #000; /* テキスト色 */
  --app-state-bg: #fff; /* 背景色 */

/* カレンダー日選択マウスオン */
  --app-state-hover-brd: 1px solid #ff9e00; /* ボーダー指定 */
  --app-state-hover-txt: #000; /* テキスト色 */
  --app-state-hover-bg: #fff9d1; /* 背景色 */

/* カレンダー日選択選択された日 */
  --app-state-active-brd: 1px solid #1ea204; /* ボーダー指定 */
  --app-state-active-txt: #000; /* テキスト色 */
  --app-state-active-bg: #c2edba; /* 背景色 */

/* カレンダー日選択（今日）指定 */
  --app-state-highlight-brd: 1px solid #ffa200; /* ボーダー指定 */
  --app-state-highlight-txt: #ff5400; /* テキスト色 */
  --app-state-highlight-bg: #ffe486; /* 背景色 */

/* カレンダー日選択（日曜）指定 */
  --app-state-sun-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-state-sun-txt: #d10101; /* テキスト色 */
  --app-state-sun-bg: #ffeaea; /* 背景色 */
  --app-state-sun-ah-bg: #fff8e1; /* 背景色（マウスオン） */

/* カレンダー日選択（土曜）指定 */
  --app-state-sat-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-state-sat-txt: #2c81c9; /* テキスト色 */
  --app-state-sat-bg: #daeeff; /* 背景色 */
  --app-state-sat-ah-bg: #fff8e1; /* 背景色（マウスオン） */

/* スクロールバー色 */
  --app-scrollbar-bg: #e7e7e7; /*スクロールバー背景色*/
  --app-scrollbar-thumb: #343434; /*スクロールバー色*/
}
/* ** dezpt_calendar02 end ** */

/*************************** テーブルパーツ ***************************/

/* ** dezpt_table start ** */
:root {
/* テーブル要素共通 */
  --TableBox-mg: 1.0rem auto; /* マージン */
  --TableBox-pd: 0; /* パディング */
  --TableBox-txt: #171717; /* テキスト色 */
  --TableBox-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-TableBox: clamp(1.4rem, 1.4vw, 1.6rem);/* フォントサイズ */

/* Th指定 */
  --TableBox-th-pd: 1.0rem; /* パディング */
  --TableBox-th-bg: #f4f4f4; /* 背景色 */

/* Td指定 */
  --TableBox-td-pd: 1.0rem; /* パディング */
  --TableBox-td-bg: #fff; /* td背景色 */
}
/* ** dezpt_table end ** */

/*************************** デザイン装飾パーツ ***************************/

/* ** dezpt_Basicblck start ** */
/* ** dezpt_Basicblck end ** */
/* ** dezpt_Basicblck01 start ** */
/* ** dezpt_Basicblck01 end ** */
/* ** dezpt_Basicblck02 start ** */
/* ** dezpt_Basicblck02 end ** */
/* ** dezpt_Basicblck03 start ** */
/* ** dezpt_Basicblck03 end ** */
/* ** dezpt_Basicblck04 start ** */
/* ** dezpt_Basicblck04 start ** */

/********* デザインレイアウトパーツ（画像を利用した各種特殊レイアウト） *********/

/* ** dezpt_tblck start ** */
/* ** dezpt_tblck end ** */
/* ** dezpt_lrblck start ** */
/* ** dezpt_lrblck end ** */
/* ** dezpt_phblck start ** */
/* ** dezpt_phblck end ** */
/* ** dezpt_phblck4 start ** */
/* ** dezpt_phblck4 end ** */

/* ** dezpt_pointblck start ** */
/* ** dezpt_pointblck end ** */
/* ** dezpt_titleblck start ** */
:root {
  --app-TiTxtArw-txt: #fff; /* テキスト色 */
  --app-TiTxtArw-bg: #171717; /* 背景色 */
}
/* ** dezpt_titleblck end ** */

/* ** dezpt_orcode start ** */

/* ** dezpt_orcode end ** */
@charset "utf-8";
/***************************************************
information
  filename : list_parts.css;
***************************************************/

/*======== list_parts.css ========*/
/****************** リスト ******************/

/* ** list_basic start ** */
/*** 01: リスト要素共通設定 ***/
:root {
/********* 基本装飾 *********/
  --app-li-hr-brd: 1px dotted #cdcdcd; /* 仕切り線ボーダー指定 */
  --app-ListMainTitle-txt: #000; /* リストタイトル色 */
  --app-distxt-txt: #000; /* リストディスクリプション色 */
  --app-person-ph-bg: #cdcdcd; /* リスト記事投稿者背景色 */
  --app-li-rankdatearea-brd: 1px dotted #cdcdcd; /* リストビュー数等アイコンボーダー指定 */
  --app-ListDate-txt: #cdcdcd; /* リスト公開日テキスト色 */
  --app-li-LiIco-rod: 0.2em; /* タグ・カテゴリアイコン角丸 */
  --app-li-LiIco5-rod: 0.5em; /* 横並び一行リストカテゴリアイコン角丸 */
  --app-cateIco-txt: #fff; /* リストカテゴリアイコンテキスト色 */
  --app-li-rankIco-rod: 0.2em; /* リストランキング角丸 */
  --app-li-rankIco-txt: #fff; /* リストランキングテキスト色 */
  --app-li-rankIco-bg: #c00808; /* リストランキング背景色 */

/********* リスト画像 *********/
  --LiFigure-rod: 0.2em; /* 角丸 */
  --app-li-figure-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-li-figure-bg: #cdcdcd; /* 背景色 */
  --app-li-figcaption-txt: #fff; /* テキスト色*/
  --app-li-figcaption-bg: rgba(0,0,0,.6); /* 背景色*/
  --app-li-figcaption-brd: 1px solid #fff; /* ボーダー指定*/
  --font-figureCap: clamp(1.4rem, 1.4vw, 1.6rem); /* フォントサイズ */

/********* 一覧詳細ボタン *********/
  --ListLinkBt-mg: 1.0em auto; /* マージン */
  --ListLinkBt-pd: 1.0rem 0.4em; /* パディング */
  --ListLinkBt-size: 80%; /* ボタンサイズ */
  --ListLinkBt-txt: #fff; /* テキスト色 */
  --ListLinkBt-bg: #171717; /* 背景色 */
  --ListLinkBt-brd: 1px solid #eee; /* ボーダー指定 */
  --ListLinkBt-sd: none; /* 背景影色 */
  --ListLinkBt-rod: 0.2em; /* 角丸 */
}
/* ** list_basic end ** */

/* ** list_dez start ** */
/****************** リスト個別指定（デザインパターン） ******************/
:root {
  --LiBg-rod: 0.2em; /* 角丸 */
  --app-li-clm-brd: 1px solid #eee; /* 枠要素 ボーダー指定*/
  --app-li-clmD-brd: 1px dotted #999; /* 仕切り要素 ボーダー指定*/
  --app-li-clm-bg: #fff; /* 背景色 */
  --app-li-clm-bbg: 0 0 0.5rem #eee; /* 背景影色 */
}
/* ** list_dez end ** */

/* ** list_element start ** */
/********* リスト詳細項目(商品・セミナーで利用) *********/
:root {
/* 概要枠(販売価格等表示エリア) */
  --LiIcoCrt-rod: 0.3em; /* 角丸 */
  --font-ListSubhDet: clamp(1.2rem, 1.0vw, 1.4rem); /* 見出しフォントサイズ */
  --font-kinagakuTxt: clamp(1.4rem, 1.6vw, 2.6rem); /* 価格フォントサイズ */
  --font-SemPrdIco: 1.3rem; /* 見出しアイコン表示用 フォントサイズ */
  --app-li-SubhDet3-bg: #cdcdcd; /* 背景色 写真無しテキストリンクのみ*/
  --app-li-SubhDet-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
  --app-li-SubhDet3-brd: 1px solid #cdcdcd; /* ボーダー指定 写真無しテキストリンクのみ*/
/* セミナー用アイコン */
	/* 価格 */
  --sem-kinagaku-txt: #fff; /* テキスト色 */
  --sem-kinagaku-bg: #a33f3f; /* 背景色 */
	/* 開催日 */
  --sem-kaisaibi-txt: #fff; /* テキスト色 */
  --sem-kaisaibi-bg: #9a8547; /* 背景色 */
	/* 開催場所 */
  --sem-kaisaibasyo-txt: #fff; /* テキスト色 */
  --sem-kaisaibasyo-bg: #4483a6; /* 背景色 */
	/* 開催期間 */
  --sem-kigen-txt: #fff; /* テキスト色 */
  --sem-kigen-bg: #648b33; /* 背景色 */
	/* 空き状況 */
  --sem-aki-txt: #fff; /* テキスト色 */
  --sem-aki-bg: #666666; /* 背景色 */
/* 商品用アイコン */
	/* 価格 */
  --prd-kinagaku-txt: #fff; /* テキスト色 */
  --prd-kinagaku-bg: #a33f3f; /* 背景色 */
	/* 販売日 */
  --prd-hanbaibi-txt: #fff; /* テキスト色 */
  --prd-hanbaibi-bg: #9a8547; /* 背景色 */
	/* 販売方法 */
  --prd-hanbaiMth-txt: #fff; /* テキスト色 */
  --prd-hanbaiMth-bg: #4483a6; /* 背景色 */
	/* 空き状況 */
  --prd-aki-txt: #fff; /* テキスト色 */
  --prd-aki-bg: #666666; /* 背景色 */
}
/* ** list_element end ** */

/* ** flex_list start ** */
:root {
  --app-FlexListInn-brd: 1px dotted #bbbbbb; /* ボーダー指定 */
  --app-FlexListInn-bg: inhelit; /* 背景色 */
  --app-FlexDataArea-bg: inhelit; /* 背景色 リスト一件抽出個別枠 */

/* 状態による背景色 */
  --app-FlexListInn-endState-bg: #eee; /* 処理終了等の背景色 */
  --app-FlexListInn-artState-bg: #e3ffe2; /* アラート喚起等の背景色 */
  --app-FlexListInn-trlState-bg: #fffdce; /* 合計等の背景色 */

/* 個別要素(写真) */
  --app-PhCircle-size: 5.0rem; /* 丸型写真サイズ */
  --app-PhSquare-size: 5.0rem; /* 四角写真サイズ */

/* インラインボックス */
  --FlexItemDataBox-rod: 0.3rem; /* ボックス */
  --app-FlexItemDataBox-bg: #f8f8f8; /* 外枠背景色 */
  --app-FlexItemDataBox-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-FlexItemDataBox-txt: #383838; /* テキスト色 */
}
@media screen and (max-width: 480px) {
:root {
	  --app-PhCircle-size: 4.0rem; /* 丸型写真サイズ */
	  --app-PhSquare-size: 4.0rem; /* 四角写真サイズ */
	}
}
/* ** flex_list end ** */

/* ** qa_list start ** */
/*** FAQリスト ***/
:root {
/* QA折り畳みボタン指定 */
  --app-qaTiArea-slide_btn-txt: #fff; /* テキスト色 */
  --app-qaTiArea-slide_btn-bg: #000; /* 背景色 */

/* QAアイコン指定 */
  --app-qaTiIco-txt: #c20707; /* テキスト色 */
  --app-qaAnsIco-txt: #076cc2; /* テキスト色 */

/* QAアンサー指定 */
  --app-qaAnsArea-bg: #fff; /* 背景色 */
}
/* ** qa_list end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_myp_dez.css;
***************************************************/

/****************** マイページ指定 ******************/

/* ** myp_navi start ** */
/*** マイページナビ ***/
:root {
  --app-mypagenav-rod: 0.2em; /* 角丸 */
  --app-mypagenav-txt: #171717; /* テキスト色 */
  --app-mypagenav-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-mypagenav-brd-l: 4px solid #171717; /* 見出しボーダー指定 */
  --app-mypagenav-bg: #fff; /* 背景色 */
  --app-mypagenav-bga: #ece8ca; /* カレント背景色 */
  --app-mypagenav-sd: 0 0 0.5rem #f0f0f0; /* 背景影色 */

/* マイページナビ第2階層指定 */
  --app-mypagenav-sec-bg: #f5f5f5; /* 背景色 */
  --app-mypagenav-sec-bga: #ece8ca; /* カレント背景色 */
  --app-mypagenav-sec-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/*** マイページナビアイコン指定 ***/

/* マイページトップ */
  --app-mypagetop-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="none" d="M0 0h24v24H0z"/><path d="M19 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9H0l10.327-9.388a1 1 0 0 1 1.346 0L22 11h-3v9zm-8-5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/></svg>');

/* 基本情報の編集 */
  --app-mypageprof-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M8.686 4l2.607-2.607a1 1 0 0 1 1.414 0L15.314 4H19a1 1 0 0 1 1 1v3.686l2.607 2.607a1 1 0 0 1 0 1.414L20 15.314V19a1 1 0 0 1-1 1h-3.686l-2.607 2.607a1 1 0 0 1-1.414 0L8.686 20H5a1 1 0 0 1-1-1v-3.686l-2.607-2.607a1 1 0 0 1 0-1.414L4 8.686V5a1 1 0 0 1 1-1h3.686zM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" /></svg>');

/* パスワード変更 */
  --app-mypagepassword-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="none" d="M0 0h24v24H0z"/><path d="M18 8h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h2V7a6 6 0 1 1 12 0v1zm-7 7.732V18h2v-2.268a2 2 0 1 0-2 0zM16 8V7a4 4 0 1 0-8 0v1h8z" /></svg>');

/* サービス購入履歴 */
  --app-mypageservice-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M13 18v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.993V4.007C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.986c0 .556-.455 1.007-.992 1.007H13z" /></svg>');

/* セミナー申込履歴 */
  --app-mypageseminar-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M17 3h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h4V1h2v2h6V1h2v2zM4 9v10h16V9H4zm2 2h2v2H6v-2zm5 0h2v2h-2v-2zm5 0h2v2h-2v-2z" /></svg>');

/* 商品購入履歴 */
  --app-mypageproduct-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M9 13v3h6v-3h7v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7h7zm2-2h2v3h-2v-3zM7 5V2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v3h4a1 1 0 0 1 1 1v5h-7V9H9v2H2V6a1 1 0 0 1 1-1h4zm2-2v2h6V3H9z" /></svg>');

/* カート */
  --app-mypagecart-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M4 6.414L.757 3.172l1.415-1.415L5.414 5h15.242a1 1 0 0 1 .958 1.287l-2.4 8a1 1 0 0 1-.958.713H6v2h11v2H5a1 1 0 0 1-1-1V6.414zM5.5 23a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm12 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z" /></svg>');

/* お問合せ履歴 */
  --app-mypagecontact-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M2 5.5V3.993A1 1 0 0 1 2.992 3h18.016c.548 0 .992.445.992.993v16.014a1 1 0 0 1-.992.993H2.992A.993.993 0 0 1 2 20.007V19h18V7.3l-8 7.2-10-9zM0 10h5v2H0v-2zm0 5h8v2H0v-2z" /></svg>');

/* 採点フォーム回答履歴 */
  --app-mypagework-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M5 19h1.414l9.314-9.314-1.414-1.414L5 17.586V19zm16 2H3v-4.243L16.435 3.322a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414L9.243 19H21v2zM15.728 6.858l1.414 1.414 1.414-1.414-1.414-1.414-1.414 1.414z" /></svg>');

/* 通知一覧 */
  --app-mypagepush-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M20 18.667l.4.533a.5.5 0 0 1-.4.8H4a.5.5 0 0 1-.4-.8l.4-.533V10a8 8 0 1 1 16 0v8.667zM9.5 21h5a2.5 2.5 0 1 1-5 0z" /></svg>');

/* コンテンツいいね・投稿履歴 */
  --app-mypageconpost-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="none" d="M0 0h24v24H0z"/><path d="M3 9h6a1 1 0 0 0 1-1V2h10.002c.551 0 .998.455.998.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 20.993V9zm0-2l5-4.997V7H3z" /></svg>');

/* 商品いいね・投稿履歴 */
  --app-mypageprdpost-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M7 7V3a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-4v3.993c0 .556-.449 1.007-1.007 1.007H3.007A1.006 1.006 0 0 1 2 20.993l.003-12.986C2.003 7.451 2.452 7 3.01 7H7zm2 0h6.993C16.549 7 17 7.449 17 8.007V15h3V4H9v3zm-.497 11l5.656-5.657-1.414-1.414-4.242 4.243L6.38 13.05l-1.414 1.414L8.503 18z" /></svg>');

/* 掲示板いいね・投稿履歴 */
  --app-mypagebbspost-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="none" d="M0 0h24v24H0z"/><path d="M5.457 18.185C3.358 16.677 2 14.4 2 11.908 2 7.323 6.475 3.6 12 3.6s10 3.723 10 8.308c0 4.584-4.475 8.307-10 8.307a11.36 11.36 0 0 1-3.272-.461c-.092-.03-.216-.03-.308-.03-.185 0-.37.06-.525.153l-2.191 1.261a.44.44 0 0 1-.185.062.342.342 0 0 1-.34-.338c0-.093.03-.154.062-.247.03-.03.308-1.046.463-1.661 0-.062.03-.154.03-.216 0-.246-.092-.43-.277-.553zm3.21-7.674c.717 0 1.285-.568 1.285-1.285 0-.718-.568-1.286-1.285-1.286-.718 0-1.285.568-1.285 1.286 0 .717.567 1.285 1.285 1.285zm6.666 0c.718 0 1.285-.568 1.285-1.285 0-.718-.567-1.286-1.285-1.286-.717 0-1.285.568-1.285 1.286 0 .717.568 1.285 1.285 1.285z" /></svg>');

/* お気に入り一覧 */
  --app-mypagefavorite-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M12 17l-5.878 3.59 1.598-6.7-5.23-4.48 6.865-.55L12 2.5l2.645 6.36 6.866.55-5.231 4.48 1.598 6.7z" /></svg>');

/* 会員特典 */
  --app-mypagebenefits-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M0 0h24v24H0z"/><path d="M9.33 11.5h2.17A4.5 4.5 0 0 1 16 16H8.999L9 17h8v-1a5.578 5.578 0 0 0-.886-3H19a5 5 0 0 1 4.516 2.851C21.151 18.972 17.322 21 13 21c-2.761 0-5.1-.59-7-1.625L6 10.071A6.967 6.967 0 0 1 9.33 11.5zM5 19a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v9zM18 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm-7-3a3 3 0 1 1 0 6 3 3 0 0 1 0-6z" /></svg>');

/* 紹介制度 */
  --app-mypageaffiliate-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M0 0h24v24H0z"/><path d="M13.576 17.271l-5.11-2.787a3.5 3.5 0 1 1 0-4.968l5.11-2.787a3.5 3.5 0 1 1 .958 1.755l-5.11 2.787a3.514 3.514 0 0 1 0 1.458l5.11 2.787a3.5 3.5 0 1 1-.958 1.755z" /></svg>');

/* お知らせ */
  --app-mypageinfo-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="none" d="M0 0h24v24H0z"/><path d="M21 15.243v5.765a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 20.993V9h6a1 1 0 0 0 1-1V2h10.002c.551 0 .998.455.998.992v3.765l-8.999 9-.006 4.238 4.246.006L21 15.243zm.778-6.435l1.414 1.414L15.414 18l-1.416-.002.002-1.412 7.778-7.778zM3 7l5-4.997V7H3z" /></svg>');

/* サイネージ管理 */
  --app-mypagesignage-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="%23000" d="M5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2ZM12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18C13 17.4477 12.5523 17 12 17Z" /></svg>');

/* マイページ */
  --app-mypageact-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path d="M9.243 19H21v2H3v-4.243l9.9-9.9 4.242 4.244L9.242 19zm5.07-13.556l2.122-2.122a1 1 0 0 1 1.414 0l2.829 2.829a1 1 0 0 1 0 1.414l-2.122 2.121-4.242-4.242z"/></svg>');

/* 友達追加 */
  --app-mypagefriend-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="none" d="M0 0h24v24H0z"/><path d="M14 14.252V22H4C4 17.5817 7.58172 14 12 14C12.6906 14 13.3608 14.0875 14 14.252ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM18 17V14H20V17H23V19H20V22H18V19H15V17H18Z"></path></svg>');

/* メッセージ */
  --app-mypagemessage-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24px 24px"><path fill="none" d="M0 0h24v24H0z"/><path d="M18.8032 8.4928C19.4663 8.81764 20.2118 9 21 9C21.3425 9 21.6769 8.96557 22 8.89998V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H16.1C16.0344 3.32311 16 3.65753 16 4C16 5.23672 16.449 6.36857 17.1929 7.24142L12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L18.8032 8.4928ZM21 7C19.3431 7 18 5.65685 18 4C18 2.34315 19.3431 1 21 1C22.6569 1 24 2.34315 24 4C24 5.65685 22.6569 7 21 7Z"></path></svg>');

/*** マイページナビボタンアイコン指定 ***/
  --app-mypagenavBt-rod: 0.2em; /* 角丸 */
  --app-mypagenavBt-txt: #171717; /* テキスト色 */
  --app-mypagenavBt-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-mypagenavBt-bg: #fff; /* 背景色 */
  --app-mypagenavBt-sd: 0 0 0.5rem #d1d1d1; /* 背景影色 */

/* 基本情報の編集 */
  --app-mypageBtprof-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M8.68735 4.00008L11.294 1.39348C11.6845 1.00295 12.3176 1.00295 12.7082 1.39348L15.3148 4.00008H19.0011C19.5533 4.00008 20.0011 4.4478 20.0011 5.00008V8.68637L22.6077 11.293C22.9982 11.6835 22.9982 12.3167 22.6077 12.7072L20.0011 15.3138V19.0001C20.0011 19.5524 19.5533 20.0001 19.0011 20.0001H15.3148L12.7082 22.6067C12.3176 22.9972 11.6845 22.9972 11.294 22.6067L8.68735 20.0001H5.00106C4.44877 20.0001 4.00106 19.5524 4.00106 19.0001V15.3138L1.39446 12.7072C1.00393 12.3167 1.00393 11.6835 1.39446 11.293L4.00106 8.68637V5.00008C4.00106 4.4478 4.44877 4.00008 5.00106 4.00008H8.68735ZM12.0011 15.0001C13.6579 15.0001 15.0011 13.6569 15.0011 12.0001C15.0011 10.3432 13.6579 9.00008 12.0011 9.00008C10.3442 9.00008 9.00106 10.3432 9.00106 12.0001C9.00106 13.6569 10.3442 15.0001 12.0011 15.0001Z" fill="rgba(22,56,133,1)"></path></svg>');

/* パスワード変更 */
  --app-mypagepBtassword-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M18 8H20C20.5523 8 21 8.44772 21 9V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V9C3 8.44772 3.44772 8 4 8H6V7C6 3.68629 8.68629 1 12 1C15.3137 1 18 3.68629 18 7V8ZM11 15.7324V18H13V15.7324C13.5978 15.3866 14 14.7403 14 14C14 12.8954 13.1046 12 12 12C10.8954 12 10 12.8954 10 14C10 14.7403 10.4022 15.3866 11 15.7324ZM16 8V7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7V8H16Z" fill="rgba(34,129,48,1)"></path></svg>');

/* サービス購入履歴 */
  --app-mypageBtservice-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M13 18V20H17V22H7V20H11V18H2.9918C2.44405 18 2 17.5511 2 16.9925V4.00748C2 3.45107 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44892 22 4.00748V16.9925C22 17.5489 21.5447 18 21.0082 18H13Z" fill="rgba(40,90,99,1)"></path></svg>');

/* セミナー申込履歴 */
  --app-mypageBtseminar-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M17 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9V3H15V1H17V3ZM4 9V19H20V9H4ZM6 11H8V13H6V11ZM11 11H13V13H11V11ZM16 11H18V13H16V11Z" fill="rgba(93,78,66,1)"></path></svg>');

/* 商品購入履歴 */
  --app-mypageBtproduct-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M9 13V16H15V13H22V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V13H9ZM11 11H13V14H11V11ZM7 5V2C7 1.44772 7.44772 1 8 1H16C16.5523 1 17 1.44772 17 2V5H21C21.5523 5 22 5.44772 22 6V11H15V9H9V11H2V6C2 5.44772 2.44772 5 3 5H7ZM9 3V5H15V3H9Z" fill="rgba(87,182,183,1)"></path></svg>');

/* カート */
  --app-mypageBtcart-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M4.00436 6.41662L0.761719 3.17398L2.17593 1.75977L5.41857 5.00241H20.6603C21.2126 5.00241 21.6603 5.45012 21.6603 6.00241C21.6603 6.09973 21.6461 6.19653 21.6182 6.28975L19.2182 14.2898C19.0913 14.7127 18.7019 15.0024 18.2603 15.0024H6.00436V17.0024H17.0044V19.0024H5.00436C4.45207 19.0024 4.00436 18.5547 4.00436 18.0024V6.41662ZM5.50436 23.0024C4.67593 23.0024 4.00436 22.3308 4.00436 21.5024C4.00436 20.674 4.67593 20.0024 5.50436 20.0024C6.33279 20.0024 7.00436 20.674 7.00436 21.5024C7.00436 22.3308 6.33279 23.0024 5.50436 23.0024ZM17.5044 23.0024C16.6759 23.0024 16.0044 22.3308 16.0044 21.5024C16.0044 20.674 16.6759 20.0024 17.5044 20.0024C18.3328 20.0024 19.0044 20.674 19.0044 21.5024C19.0044 22.3308 18.3328 23.0024 17.5044 23.0024Z" fill="rgba(106,122,122,1)"></path></svg>');

/* お問合せ履歴 */
  --app-mypageBtcontact-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M2 5.5V3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V19H20V7.3L12 14.5L2 5.5ZM0 10H5V12H0V10ZM0 15H8V17H0V15Z" fill="rgba(96,86,107,1)"></path></svg>');

/* 採点フォーム回答履歴 */
  --app-mypageBtwork-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M5 18.89H6.41421L15.7279 9.57629L14.3137 8.16207L5 17.4758V18.89ZM21 20.89H3V16.6474L16.435 3.21233C16.8256 2.8218 17.4587 2.8218 17.8492 3.21233L20.6777 6.04075C21.0682 6.43128 21.0682 7.06444 20.6777 7.45497L9.24264 18.89H21V20.89ZM15.7279 6.74786L17.1421 8.16207L18.5563 6.74786L17.1421 5.33365L15.7279 6.74786Z" fill="rgba(226,83,20,1)"></path></svg>');

/* 通知一覧 */
  --app-mypageBtpush-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M20 18.6667L20.4 19.2C20.5657 19.4209 20.5209 19.7343 20.3 19.9C20.2135 19.9649 20.1082 20 20 20H4C3.72386 20 3.5 19.7761 3.5 19.5C3.5 19.3918 3.53509 19.2865 3.6 19.2L4 18.6667V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V18.6667ZM9.5 21H14.5C14.5 22.3807 13.3807 23.5 12 23.5C10.6193 23.5 9.5 22.3807 9.5 21Z" fill="rgba(120,158,177,1)"></path></svg>');

/* コンテンツいいね・投稿履歴 */
  --app-mypageBtconpost-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M3 9H9C9.55228 9 10 8.55228 10 8V2H20.0017C20.5531 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5511 3 20.9925V9ZM3 7L8 2.00318V7H3Z" fill="rgba(70,86,71,1)"></path></svg>');

/* 商品いいね・投稿履歴 */
  --app-mypageBtprdpost-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M6.99979 7V3C6.99979 2.44772 7.4475 2 7.99979 2H20.9998C21.5521 2 21.9998 2.44772 21.9998 3V16C21.9998 16.5523 21.5521 17 20.9998 17H17V20.9925C17 21.5489 16.551 22 15.9925 22H3.00728C2.45086 22 2 21.5511 2 20.9925L2.00276 8.00748C2.00288 7.45107 2.4518 7 3.01025 7H6.99979ZM8.99979 7H15.9927C16.549 7 17 7.44892 17 8.00748V15H19.9998V4H8.99979V7ZM8.50242 18L14.1593 12.3431L12.7451 10.9289L8.50242 15.1716L6.3811 13.0503L4.96689 14.4645L8.50242 18Z" fill="rgba(176,167,23,1)"></path></svg>');

/* 掲示板いいね・投稿履歴 */
  --app-mypageBtbbspost-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M5.45777 18.1842C3.359 16.6765 2.00098 14.3996 2.00098 11.9073C2.00098 7.32269 6.47628 3.59961 12.001 3.59961C17.5257 3.59961 22.001 7.32269 22.001 11.9073C22.001 16.4919 17.5257 20.215 12.001 20.215C10.859 20.215 9.74789 20.0611 8.72937 19.7535C8.63678 19.7227 8.51332 19.7227 8.42073 19.7227C8.23554 19.7227 8.05036 19.7842 7.89604 19.8765L5.70468 21.1381C5.64295 21.1688 5.58122 21.1996 5.5195 21.1996C5.33431 21.1996 5.17999 21.0458 5.17999 20.8611C5.17999 20.7688 5.21085 20.7073 5.24172 20.615C5.27258 20.5842 5.55036 19.5688 5.70468 18.9535C5.70468 18.8919 5.73554 18.7996 5.73554 18.7381C5.73554 18.4919 5.64295 18.3073 5.45777 18.1842ZM8.66764 10.511C9.38493 10.511 9.95278 9.94286 9.95278 9.22518C9.95278 8.5075 9.38493 7.93934 8.66764 7.93934C7.95036 7.93934 7.3825 8.5075 7.3825 9.22518C7.3825 9.94286 7.95036 10.511 8.66764 10.511ZM15.3343 10.511C16.0516 10.511 16.6194 9.94286 16.6194 9.22518C16.6194 8.5075 16.0516 7.93934 15.3343 7.93934C14.617 7.93934 14.0492 8.5075 14.0492 9.22518C14.0492 9.94286 14.617 10.511 15.3343 10.511Z" fill="rgba(132,107,107,1)"></path></svg>');

/* お気に入り一覧 */
  --app-mypageBtfavorite-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M12.0008 17L6.12295 20.5902L7.72105 13.8906L2.49023 9.40983L9.35577 8.85942L12.0008 2.5L14.6458 8.85942L21.5114 9.40983L16.2806 13.8906L17.8787 20.5902L12.0008 17Z" fill="rgba(29,120,150,1)"></path></svg>');

/* サイネージ管理 */
  --app-mypageBtsignage-ico: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64"><path d="M5 2H19C19.5523 2 20 2.44772 20 3V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V3C4 2.44772 4.44772 2 5 2ZM12 17C11.4477 17 11 17.4477 11 18C11 18.5523 11.4477 19 12 19C12.5523 19 13 18.5523 13 18C13 17.4477 12.5523 17 12 17Z" fill="rgba(29,120,150,1)"></path></svg>');
}
/* ** myp_navi end ** */

/* ** myp_prof start ** */
/*** マイページナビ(プロフ写真エリア) ***/
:root {
/*** マイページ(プロフ写真エリア) ***/
  --app-myPhoto-rod: 0.2em; /* 角丸 */
  --app-myPhoto-pd: 1.0em; /* パディング */
  --app-myPhoto-txt: #171717; /* テキスト色 */
  --app-myPhoto-bg: #f7f7f7; /* 背景色 */
  --app-myPhoto-brd: 1px dotted #8e8e8e; /* ボーダー指定 */
  --font-myPhotoName: 1.6rem; /* フォントサイズ */

/* マイページ写真単体 */
  --app-photoArea-bg: #f7f7f7; /* 背景色 */
  --app-photoArea-brd: 1px solid #171717; /* ボーダー指定 */
  --app-photoArea-size: 180px; /* 写真大きさ */

/* 申込プラン表示 */
  --app-planOrd-rod: 0.3em; /* 角丸 */
}
/* ** myp_prof end ** */

/* ** myp_basic start ** */
/*** マイページ表示枠 ***/
:root {
/* 基本設定 */
  --app-mypageTitle-rod: 0.2rem; /* 角丸 */
  --app-mypageTitle-txt: #171717; /* テキスト色 */
  --app-mypageTitle-bg: #f4f4f4; /* 背景色 */
  --app-mypageTitle-brd: inhelit; /* ボーダー指定 */

/* 基本設定 */
  --app-mypageBoxDet-rod: 0.2rem; /* 角丸 */
  --app-mypageBoxDet-txt: #171717; /* テキスト色 */
  --app-mypageBoxDet-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-mypageBoxDet-sd: 0 0 0.4rem #f0f0f0; /* 外枠背景影色 */
  --app-mypageBoxDet-bg: #fff; /* 外枠背景色 */
  --app-mypageBoxDetInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-mypageBoxDetInn-sd: inhelit; /* 内枠背景影色 */
  --app-mypageBoxDetInn-bg: #fff; /* 内枠背景色 */

/* 購入履歴基本設定 */
  --app-mypageOrdBox-rod: 0.2rem; /* 角丸 */
  --app-mypageOrdBox-txt: #171717; /* テキスト色 */
  --app-mypageOrdBox-brd: 8px solid #f3f3f3; /* 外枠ボーダー指定 */
  --app-mypageOrdBox-sd: 0 0 0.4rem #878787; /* 外枠背景影色 */
  --app-mypageOrdBox-bg: #fff; /* 外枠背景色 */
  --app-mypageOrdBoxInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-mypageOrdBoxInn-sd: inhelit; /* 内枠背景影色 */
  --app-mypageOrdBoxInn-bg: #f4f5e4; /* 内枠背景色 */

/* サービスプラン変更設定 */
  --app-planChangeBox-rod: 0.2rem; /* 角丸 */
  --app-planChangeBox-txt: #171717; /* テキスト色 */
  --app-planChangeBox-brd: 8px solid #f3f3f3; /* 外枠ボーダー指定 */
  --app-planChangeBox-sd: 0 0 0.4rem #878787; /* 外枠背景影色 */
  --app-planChangeBox-bg: #fff; /* 外枠背景色 */

/* キャンセルや解約等の状態設定 */
  --app-mypageOrdSituation-rod: 0.2rem; /* 角丸 */
  --app-mypageOrdSituation-txt: #171717; /* テキスト色 */
  --app-mypageOrdSituation-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-mypageOrdSituation-sd: inhelit; /* 背景影色 */
  --app-mypageOrdSituation-bg: #ecf1f5; /* 背景色 */

/* データ表示設定(DLタグ要素の共通設定) */
  --app-mypageBoxDet-dt-size: 150px; /* DTサイズ */
  --app-mypageBoxDet-dt-pd: 0.5rem; /* DTパディング */
  --app-mypageBoxDet-dd-pd: 0.5rem; /* DDパディング */
  --app-mypageBoxDet-brd-dl: 1px dotted #cdcdcd; /* 仕切りボーダー指定 */

/****** 写真付きリスト表示 ******/
/* 基本枠 */
  --app-postList-rod: 0.2em; /* 角丸 */
  --app-postList-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-postList-txt: #171717; /* テキスト色 */
  --app-postList-bg: #fff; /* 背景色 */
  --app-postList-bbg: 0 0 0.5rem #cdcdcd; /* 背景影色 */
  --app-postList-li-brd: 1px dotted #8e8e8e; /* ボーダー指定 */

/* 投稿コメント表示タイトル */
  --app-postBodyTi-txt: #666; /* テキスト色 */}
/* ** myp_basic end ** */

/* ** myp_pay start ** */
/*** マイページ領収書（請求書）表示枠 ***/
:root {
/* 基本枠 */
  --app-invoice-rod: 0.2em; /* 角丸 */
  --app-invoice-brd: #c5c5c5; /* ボーダーカラー */
  --app-invoice-bg: #f7f7f7; /* 背景色 */

/* テーブル枠 */
  --app-invoice-tabele-brd: #c5c5c5; /* ボーダーカラー */
  --app-invoice-th-txt: #000; /* テキスト色 */
  --app-invoice-th-bg: #f7f7f7; /* 背景色 */
  --app-invoice-td-txt: #000; /* テキスト色 */
  --app-invoice-td-bg: #fff; /* 背景色 */
}
/* ** myp_pay end ** */

/* ** myp_order start ** */
/*** マイページ購入商品詳細表示枠 ***/
:root {
/*** マイページ購入商品注文履歴表示 ***/
  --td-Tanka-bg: #f8f8f8; /* 商品単価 */
  --td-Quantity-bg: #fff; /* 商品個数 */
  --td-Subtotal-bg: #f8f7ed; /* 小計 */
  --td-Producttotal-bg: #e8f3e8; /* 商品合計 */
  --td-Postage-bg: #fff; /* 送料 */
  --td-Total-bg: #edf2f5; /* 合計金額 */
  --td-Adjustment-bg: #fff; /* 調整金額 */
  --td-Tax-bg: #fff; /* 税金 */
}
/* ** myp_order end ** */

/* ** myp_push start ** */
/*** マイページ通知一覧表示枠 ***/
:root {
/* 基本枠 */
  --app-pushList-rod: 0.2em; /* 角丸 */
  --app-pushList-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-pushList-txt: #171717; /* テキスト色 */
  --app-pushList-bg: #fff; /* 背景色 */
  --app-pushList-bbg: 0 0 0.5rem #cdcdcd; /* 背景影色 */

/* 項目枠 */
  --app-pushList-li-mg: 0 auto; /* マージン */
  --app-pushList-li-pd: 2.0rem 1.0rem; /* パディング */
  --app-pushList-li-brd: 1px dotted #8e8e8e; /* ボーダー指定 */

/* リンク制御 */
  --app-pushList-a-bg: #f2f4d0; /* 背景色 */
}
/* ** myp_push end ** */
@charset "utf-8";
/***************************************************
information
	filename : app_article.css;
***************************************************/

/* ** article01 start ** */
/****************** 幅・基本指定 ******************/
:root {
/* 基本テキスト指定 */
  --app-articleBox-cr: #000; /* テキスト色 */
  --font-articleBox: clamp(1.4rem, 1.6vw, 1.6rem); /* フォントサイズ */
  --font-articleBox-gy: 1.4; /* 行間 */

/* 画面幅 */
  --app-articleBox-width: 100%; /* コンテンツ基本幅 */
  --app-articleArea-width: 800px; /* コンテンツ基本幅(エディタ用) */
}
@media screen and (max-width: 600px) {
	:root {
	  --app-articleBox-width: 95%; /* コンテンツ基本幅 */
	  --app-articleArea-width: 95%; /* コンテンツ基本幅(エディタ用) */
	}
}
/* ** article01 end ** */

/* ** article02 start ** */
/****************** メインビジュアル（システム登録反映） ******************/
:root {
/*** コンテンツ詳細メインビジュアル ***/
  --app-conVisualArea-mg: 0 auto 2.0rem auto; /* マージン */
  --app-conVisualArea-pd: 0; /* パディング */
}
/* ** article02 end ** */

/* ** article0301 start ** */
/****************** 詳細ページメインタイトル ******************/
:root {
}
/* ** article0301 end ** */

/* ** article0302 start ** */
/****************** H2 本文基本タイトル ******************/
:root {
}
/* ** article0302 end ** */

/* ** article0303 start ** */
/****************** H3 本文基本タイトル ******************/
:root {
}
/* ** article0303 end ** */

/* ** article0304 start ** */
/****************** H4 本文基本タイトル ******************/
:root {
}
/* ** article0304 end ** */

/* ** article0305 start ** */
/****************** H5 本文基本タイトル ******************/
:root {
}
/* ** article0305 end ** */

/* ** article0306 start ** */
/****************** H6 本文基本タイトル ******************/
:root {
}
/* ** article0306 end ** */

/* ** article0401 start ** */
/****************** 本文基本テキスト ******************/
:root {
}
/* ** article0401 end ** */

/* ** article0501 start ** */
/****************** 本文基本リスト ******************/
:root {
}
/* ** article0501 end ** */

/* ** article0601 start ** */
/****************** 本文基本テーブルタグ ******************/
:root {
/* テーブル要素共通 */
  --app-articleTableTh-txt: #000; /* テキスト色 */
  --app-articleTableTd-txt: #000; /* テキスト色 */
  --app-articleTable-brd: 1px solid #cdcdcd; /* ボーダー指定 */
}
/* ** article0601 end ** */

/* ** article0701 start ** */
/****************** 本文画像埋め込み ******************/
:root {
}
/* ** article0701 end ** */

/* ** article0801 start ** */
/****************** preタグ基本設定 ******************/
:root {
  --app-preBox-rod: 0.3em; /* 角丸 */
  --app-preBox-txt: #fff; /* テキスト色 */
  --app-preBox-brd: inhelit; /* ボーダー指定 */
  --app-preBox-bg: #2e2e2e; /* 背景色 */
  --font-preBox: clamp(1.4rem, 1.6vw, 1.6rem);/* フォントサイズ */
}
/* ** article0801 end ** */

/* ** article0901 start ** */
/****************** dlタグ基本設定 ******************/
:root {
  --app-dlBox-rod: 0.3em; /* 角丸 */
  --app-dlBox-txt: #000; /* テキスト色 */
  --app-dlBox-brd: inhelit; /* ボーダー指定 */
  --app-dlBox-bg: inhelit; /* 背景色 */
  --app-dlBox-dl-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
}
/* ** article0901 end ** */

/* ** article1001 start ** */
:root {
  --app-capBox-rod: 0.3em; /* 角丸 */
  --styleBgAngle-brd: 1px solid #bababa; /* ボーダー指定 */

/* ブラック */
  --styleBgBrk-txt: #fff; /* テキスト色 */
  --styleBgBrk-bg: #323232; /* 背景色 */
  --styleBgBrk-brd: 1px solid #1d1d1d; /* ボーダー指定 */

/* グレー */
  --styleBgGry-txt: #000; /* テキスト色 */
  --styleBgGry-bg: #ececec; /* 背景色 */
  --styleBgGry-brd: 1px solid #bababa; /* ボーダー指定 */

/* ブラウン */
  --styleBgBrn-txt: #000; /* テキスト色 */
  --styleBgBrn-bg: #d9d5bf; /* 背景色 */
  --styleBgBrn-brd: 1px solid #c5be9b; /* ボーダー指定 */

/* イエロー */
  --styleBgYel-txt: #000; /* テキスト色 */
  --styleBgYel-bg: #fff8d1; /* 背景色 */
  --styleBgYel-brd: 1px solid #eee5b4; /* ボーダー指定 */

/* ブルー */
  --styleBgBlu-txt: #000; /* テキスト色 */
  --styleBgBlu-bg: #dfeef2; /* 背景色 */
  --styleBgBlu-brd: 1px solid #bad6dd; /* ボーダー指定 */

/* ピンク */
  --styleBgPnc-txt: #000; /* テキスト色 */
  --styleBgPnc-bg: #f9e4e3; /* 背景色 */
  --styleBgPnc-brd: 1px solid #e9c6c4; /* ボーダー指定 */

/* グリーン */
  --styleBgGrn-txt: #000; /* テキスト色 */
  --styleBgGrn-bg: #dff4de; /* 背景色 */
  --styleBgGrn-brd: 1px solid #c5dfc4; /* ボーダー指定 */

}
/* ** article1001 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_navi_dez.css;
***************************************************/

/*======== navi_parts.css ========*/
/******************************************* ナビゲーション設定 *******************************************/

/* ** navi_layout01 start ** */
/*** 01: スクロールすると上からメニューが出現するパターン ***/
:root {
  --app-scroll-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-scroll-cr: #fff; /* 背景色 */
  --app-scroll-sd: 0 0 2.0rem #cdcdcd; /* 背景影色 */
}
/* ** navi_layout01 end ** */

/* ** navi_layout02 start ** */
/*** 02: ヘッダーFix(固定)メニュー ***/
:root {
  --app-scroll-ch-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-scroll-ch-cr: #fff; /* 背景色(カラーチェンジ) */
  --app-scroll-ch-sd: 0 0 2.0rem #cdcdcd; /* 背景影色(カラーチェンジ) */
}
/* ** navi_layout02 end ** */

/* ** navi_common start ** */
/********* ドロップダウンナビ *********/
:root {
  --app-dpnav-a-cr: #171717; /* 背景色（aタグ） */
  --app-dpnav-a-txt: #fff; /* テキスト色（aタグ） */
  --app-dpnav-a-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-scrollTools-cr: #000; /* ナビ横スクロール */
}
/* ** navi_common end ** */

/* ** navi_snavi start ** */
/*** サブナビ(ヘッダー) ***/
:root {
/* サブナビ(ヘッダー)基本 */
  --app-snavi-cr: inherit; /* 背景色 */
  --app-snavi-brd: inhelit; /* ボーダー指定 */
  --app-snavi-txt: #000; /* テキスト色 */

/* サブナビ(ヘッダー)aタグ */
  --app-snavi-a-cr: inherit; /* 背景色（aタグ） */
  --app-snavi-a-txt: #000; /* テキスト色（aタグ） */
  --app-snavi-ah-cr: #e60012; /* 背景色（aタグフォーカス） */
  --app-snavi-ah-txt: #000; /* テキスト色（aタグフォーカス） */
}
/* ** navi_snavi end ** */

/* ** navi_gnavi start ** */
/*** グローバルナビ ***/
:root {
/* グローバルナビ基本 */
  --app-gnavi-cr: inherit; /* 背景色 */
  --app-gnavi-txt: #000; /* テキスト色 */
  --app-gnavi-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* グローバルナビaタグ */
  --app-gnavi-a-cr: inherit; /* 背景色（aタグ） */
  --app-gnavi-a-txt: #000; /* テキスト色（aタグ） */
  --app-gnavi-ah-cr: #e60012; /* 背景色（aタグフォーカス） */
  --app-gnavi-ah-txt: #000; /* テキスト色（aタグフォーカス） */
}
/* ** navi_gnavi end ** */

/* ** navi_gnavis start ** */
/*** グローバルナビ(シンプル) ***/
:root {
/* グローバルナビ(シンプル)基本 */
  --app-gnavis-cr: inherit; /* 背景色 */
  --app-gnavis-txt: #000; /* テキスト色 */

/* グローバルナビ(シンプル)aタグ */
  --app-gnavis-a-cr: inherit; /* 背景色（aタグ） */
  --app-gnavis-a-txt: #000; /* テキスト色（aタグ） */
  --app-gnavis-ah-cr: #e60012; /* 背景色（aタグフォーカス） */
  --app-gnavis-ah-txt: #000; /* テキスト色（aタグフォーカス） */
}
/* ** navi_gnavis end ** */

/* ** navi_fnavi start ** */
/*** 06: フッターナビ ***/
:root {
/* フッターナビ基本 */
  --app-fnavi-cr: inhelit; /* 背景色 */
  --app-fnavi-txt: #fff; /* テキスト色 */

/* フッターナビaタグ */
  --app-fnavi-a-cr: inherit; /* 背景色（aタグ） */
  --app-fnavi-a-txt: #fff; /* テキスト色（aタグ） */
}
/* ** navi_fnavi end ** */

/* ** navi_catenaviSL start ** */
/*** カテゴリナビスライダー ***/
:root {
/* カテゴリナビスライダー基本 */
  --app-catenavSl-cr: #eee; /* 背景色 */
  --app-catenavSl-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-catenavSl-txt: #000; /* テキスト色 */

/* カテゴリナビスライダーaタグ */
  --app-catenavSl-a-cr: #fff; /* 背景色（aタグ） */
  --app-catenavSl-a-txt: #000; /* テキスト色（aタグ） */
  --app-catenavSl-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-catenavSl-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** navi_catenaviSL end ** */

/* ** navi_catenaviY start ** */
/*** カテゴリナビ横 ***/
:root {
/* カテゴリナビ横基本 */
  --app-catenavY-rod: 0.2em; /* 角丸 */
  --app-catenavY-cr: inhelit; /* 背景色 */
  --app-catenavY-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-catenavY-txt: #000; /* テキスト色 */

/* カテゴリナビ横aタグ */
  --app-catenavY-a-cr: #fff; /* 背景色（aタグ） */
  --app-catenavY-a-txt: #000; /* テキスト色（aタグ） */
  --app-catenavY-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-catenavY-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** navi_catenaviY end ** */

/* ** navi_catenavi start ** */
/*** カテゴリナビ縦(アコーディオン無し) ***/
:root {
/* カテゴリナビ縦基本 */
  --app-catenav-rod: 0.2rem; /* 角丸 */
  --app-catenav-cr: inhelit; /* 背景色 */
  --app-catenav-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-catenav-txt: #000; /* テキスト色 */
  --font-catenav: 1.6rem; /* フォントサイズ */

/* カテゴリナビ縦aタグ */
  --app-catenav-a-cr: #fff; /* 背景色（aタグ） */
  --app-catenav-a-txt: #000; /* テキスト色（aタグ） */
  --app-catenav-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-catenav-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** navi_catenavi end ** */

/* ** navi_catenaviT start ** */
/*** カテゴリナビ縦(アコーディオン有) ***/
:root {
/* アコーディオンメニュー基本 */
  --app-widget-cr: inhelit; /* 背景色 */
  --app-widget-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-txt: #000; /* テキスト色 */

/* アコーディオンメニュー所属カテゴリタイトル */
  --app-widget-ti-cr: #000; /* 背景色 */
  --app-widget-ti-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-ti-txt: #fff; /* テキスト色 */

/* アコーディオンメニューaタグ */
  --app-widget-a-cr: #fff; /* 背景色（aタグ） */
  --app-widget-a-txt: #000; /* テキスト色（aタグ） */
  --app-widget-ah-cr: #fff9c7; /* 背景色（aタグフォーカス） */
  --app-widget-ah-txt: #000; /* テキスト色（aタグフォーカス） */

/* アコーディオンメニューボタン */
  --app-widget-ab-brd: none; /* ボーダー指定 */
  --app-widget-ab-cr: #fafafa; /* 背景色 */
}
/* ** navi_catenaviT end ** */

/* ** navi_drawer start ** */
/*** ドロワメニュー ***/
:root {
/* ドロワメニュー色指定 */
  --sp-slnavi-cs: rgba(255,255,255,0.9); /* スライドメニュー背景白 */
  --sp-slnavi-csb: rgba(33,33,33,0.9); /* スライドメニュー背景黒 */
  --sp-slnavi-cs-bd: #535353; /* スライドメニュー背景白ボーダー */
  --sp-slnavi-csb-bd: #535353; /* スライドメニュー背景黒ボーダー */

/* ドロワメニューサイズ指定 */
  --sp-drawer-size: 50%; /* ドロワーウィンドウサイズ */
  --sp-modal-size: 90%; /* 検索ウィンドウサイズ */
}
@media screen and (max-width: 600px) {
	:root {
	  --sp-drawer-size: 90%; /* ドロワーウィンドウサイズ */
	  --sp-modal-size: 90%; /* 検索ウィンドウサイズ */
	}
}
/* ** navi_drawer end ** */

/* ** navi_panlink start ** */
/*** パンくずリンク ***/
:root {
/* パンくずリンク基本 */
  --app-panlink-cr: inherit; /* 背景色 */
  --app-panlink-txt: #999; /* テキスト色 */

/* パンくずリンクaタグ */
  --app-panlink-a-txt: #171717; /* テキスト色（aタグ） */
}
/* ** navi_panlink end ** */

/* ** navi_pagenum start ** */
/*** ページナンバーナビ ***/
:root {
/* ページナンバーナビaタグ */
  --app-pagenum-rod: 0.4em; /* 角丸 */
  --app-pagenum-a-cr: #fff; /* 背景色（aタグ） */
  --app-pagenum-a-txt: #000; /* テキスト色（aタグ） */
  --app-pagenum-brd: 2px solid #171717; /* ボーダー指定 */
  --app-pagenum-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-pagenum-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ** navi_pagenum end ** */

/* ** navi_footer_set start ** */
/* ** navi_footer_set end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_user.css;
***************************************************/

/* ** user_custom start ** */
/****************** カスタムcss ******************/

/* ここに自由に追記してください */



/* ** user_custom end ** */