/*! 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("../images/jquery-ui/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("../images/jquery-ui/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../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("../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("../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: 20px;}
.list-disk-ol {margin-left: 20px;}
.list-disk-ul li {list-style: disc;margin-top: 5px;}
.list-disk-ol li {list-style: decimal;margin-top: 5px;}

/**** 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 .tpl-flexcolumn2 .column figure.image,
.tpl-contents-block .tpl-flexcolumn3 .column figure.image,
.tpl-contents-block .tpl-flexcolumn4 .column figure.image,
.tpl-contents-block .tpl-flexcolumn5 .column figure.image,
.tpl-contents-block .tpl-flexcolumn6 .column figure.image,
.tpl-contents-block .tpl-flexcolumn7 .column figure.image,
.tpl-contents-block .tpl-flexcolumn8 .column figure.image,
.tpl-contents-block .tpl-flexcolumn9 .column figure.image,
.tpl-contents-block .tpl-flexcolumn10 .column figure.image {position: relative;overflow: hidden;width: 100%;}

.tpl-contents-block .tpl-flexcolumn2 .column figure.image img,
.tpl-contents-block .tpl-flexcolumn3 .column figure.image img,
.tpl-contents-block .tpl-flexcolumn4 .column figure.image img,
.tpl-contents-block .tpl-flexcolumn5 .column figure.image img,
.tpl-contents-block .tpl-flexcolumn6 .column figure.image img,
.tpl-contents-block .tpl-flexcolumn7 .column figure.image img,
.tpl-contents-block .tpl-flexcolumn8 .column figure.image img,
.tpl-contents-block .tpl-flexcolumn9 .column figure.image img,
.tpl-contents-block .tpl-flexcolumn10 .column figure.image img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
.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;}

/* 1カラム */
.tpl-contents-block .tpl-flexcolumn1 {}
.tpl-contents-block .tpl-flexcolumn1 .column {margin-top: 3%;}
.tpl-contents-block .tpl-flexcolumn1 .column .image img {width: 100%;}

/* 2カラム */
.tpl-contents-block .tpl-flexcolumn2 {margin-left: -1%;margin-top: -2%;}
.tpl-contents-block .tpl-flexcolumn2 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}
.tpl-contents-block .tpl-flexcolumn2 .column.col1 {width: 48%;margin-left: 2%;}

/* 3カラム */
.tpl-contents-block .tpl-flexcolumn3 {margin-left: -1%;margin-top: -2%;}
.tpl-contents-block .tpl-flexcolumn3 .column {width: 32.3%;float: left;margin-left: 1%;margin-top: 2%;}
.tpl-contents-block .tpl-flexcolumn3 .column.col2 {width: 63.6%;margin-left: 2%;}

/* 4カラム */
.tpl-contents-block .tpl-flexcolumn4 {margin-left: -1%;margin-top: -2%;}
.tpl-contents-block .tpl-flexcolumn4 .column {width: 24%;float: left;margin-left: 1%;margin-top: 2%;}
.tpl-contents-block .tpl-flexcolumn4 .column.col2 {width: 48%;}
.tpl-contents-block .tpl-flexcolumn4 .column.col3 {width: 72%;margin-left: 2%;}

/* 5カラム */
.tpl-contents-block .tpl-flexcolumn5 {margin-left: -1%;margin-top: -2%;}
.tpl-contents-block .tpl-flexcolumn5 .column {width: 19%;float: left;margin-left: 1%;margin-top: 2%;}
.tpl-contents-block .tpl-flexcolumn5 .column.col2 {width: 38%;}
.tpl-contents-block .tpl-flexcolumn5 .column.col3 {width: 58%;}
.tpl-contents-block .tpl-flexcolumn5 .column.col4 {width: 77%;margin-left: 2%;}

/* 6カラム */
.tpl-contents-block .tpl-flexcolumn6 {margin-left: -1%;margin-top: -2%;}
.tpl-contents-block .tpl-flexcolumn6 .column {width: 15.66%;float: left;margin-left: 1%;margin-top: 2%;}
.tpl-contents-block .tpl-flexcolumn6 .column.col2 {width: 31.32%;}
.tpl-contents-block .tpl-flexcolumn6 .column.col3 {width: 47.98%;}
.tpl-contents-block .tpl-flexcolumn6 .column.col4 {width: 64.64%;}
.tpl-contents-block .tpl-flexcolumn6 .column.col5 {width: 81.3%;}

/* 7カラム */
.tpl-contents-block .tpl-flexcolumn7 {margin-left: -1%;margin-top: -2%;}
.tpl-contents-block .tpl-flexcolumn7 .column {width: 13.28%;float: left;margin-left: 1%;margin-top: 2%;}
.tpl-contents-block .tpl-flexcolumn7 .column.col2 {width: 26.56%;}
.tpl-contents-block .tpl-flexcolumn7 .column.col3 {width: 40.84%;}
.tpl-contents-block .tpl-flexcolumn7 .column.col4 {width: 55.12%;}
.tpl-contents-block .tpl-flexcolumn7 .column.col5 {width: 69.4%;}
.tpl-contents-block .tpl-flexcolumn7 .column.col6 {width: 83.68%;}

/* 8カラム */
.tpl-contents-block .tpl-flexcolumn8 {margin-left: -1%;margin-top: -2%;}
.tpl-contents-block .tpl-flexcolumn8 .column {width: 11.5%;float: left;margin-left: 1%;margin-top: 2%;}
.tpl-contents-block .tpl-flexcolumn8 .column.col2 {width: 23%;}
.tpl-contents-block .tpl-flexcolumn8 .column.col3 {width: 35.5%;}
.tpl-contents-block .tpl-flexcolumn8 .column.col4 {width: 48%;}
.tpl-contents-block .tpl-flexcolumn8 .column.col5 {width: 60.5%;}
.tpl-contents-block .tpl-flexcolumn8 .column.col6 {width: 73%;}
.tpl-contents-block .tpl-flexcolumn8 .column.col7 {width: 85.5%;}

/* 9カラム */
.tpl-contents-block .tpl-flexcolumn9 {margin-left: -1%;margin-top: -2%;}
.tpl-contents-block .tpl-flexcolumn9 .column {width: 10.11%;float: left;margin-left: 1%;margin-top: 2%;}
.tpl-contents-block .tpl-flexcolumn9 .column.col2 {width: 20.22%;}
.tpl-contents-block .tpl-flexcolumn9 .column.col3 {width: 31.33%;}
.tpl-contents-block .tpl-flexcolumn9 .column.col4 {width: 42.44%;}
.tpl-contents-block .tpl-flexcolumn9 .column.col5 {width: 53.55%;}
.tpl-contents-block .tpl-flexcolumn9 .column.col6 {width: 64.66%;}
.tpl-contents-block .tpl-flexcolumn9 .column.col7 {width: 75.77%;}
.tpl-contents-block .tpl-flexcolumn9 .column.col8 {width: 86.88%;}

/* 10カラム */
.tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.tpl-contents-block .tpl-flexcolumn10 .column {width: 9%;float: left;margin-left: 1%;margin-top: 2%;}
.tpl-contents-block .tpl-flexcolumn10 .column.col2 {width: 18%;}
.tpl-contents-block .tpl-flexcolumn10 .column.col3 {width: 28%;}
.tpl-contents-block .tpl-flexcolumn10 .column.col4 {width: 38%;}
.tpl-contents-block .tpl-flexcolumn10 .column.col5 {width: 48%;}
.tpl-contents-block .tpl-flexcolumn10 .column.col6 {width: 58%;}
.tpl-contents-block .tpl-flexcolumn10 .column.col7 {width: 68%;}
.tpl-contents-block .tpl-flexcolumn10 .column.col8 {width: 78%;}
.tpl-contents-block .tpl-flexcolumn10 .column.col9 {width: 88%;}

/****************** 2カラム対応(レイアウト) ******************/

/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */

/*** メインカラム ***/
/* W 4カラム以上は2カラムへ */
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* M 3カラム以上は2カラムへ */
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* C 3カラム以上は2カラムへ */
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* S 3カラム以上は2カラムへ */
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/*** サイドカラム ***/

/* W 3カラム以上は2カラムへ */
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* W 2カラム以上は2カラムへスライダー時 */
.ptWdW .sideClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 {margin-left: -1%;margin-top: -2%;}
.ptWdW .sideClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* N 3カラム以上は2カラムへ */
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* N 2カラム以上は2カラムへスライダー時 */
.ptWdN .sideClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 {margin-left: -1%;margin-top: -2%;}
.ptWdN .sideClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* M 2カラム以上は1カラムへ */
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: 0;}
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 3%;}

/* C 2カラム以上は1カラムへ */
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: 0;}
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 3%;}

/* S 2カラム以上は1カラムへ */
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: 0;}
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 3%;}

/****************** 2カラム対応(レイアウトセパレート) ******************/

/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */

/*** メインカラム ***/
/* W 4カラム以上は2カラムへ */
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* W 4カラム以上は2カラムへスライダー時 */
.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 {margin-left: 0;margin-top: 1%;}
.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column {width: 49%;float: left;margin-left: 0;margin-top: 0;}

/* M 3カラム以上は2カラムへ */
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* C 3カラム以上は2カラムへ */
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/* S 3カラム以上は2カラムへ */
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

/**** hr ****/
.tpl-contents-block hr {margin: 40px auto;height: 1px;border: 0;}
.tpl-contents-block hr.dot {background: var(--app-main-brd-a);}

/****** アコーディオンメニュー ******/
/* ツリー要素 */
.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;}

/****** figure ******/
figure {position: relative;overflow: hidden;}
figcaption.mouseAnimeType01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: var(--app-li-figcaption-bg); /* 背景色*/
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figure:hover figcaption.mouseAnimeType01 {
	opacity: 1;
}
figcaption.mouseAnimeType02 {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: var(--app-li-figcaption-bg); /* 背景色*/
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	overflow: hidden;
}
figure:hover figcaption.mouseAnimeType02 {
	top: 0;
	left: 0;
}
figcaption.mouseAnimeType03 {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: var(--app-li-figcaption-bg); /* 背景色*/
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}
figure:hover figcaption.mouseAnimeType03 {
	top: 0;
	left: 0;
}
figcaption.mouseAnimeType04 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: var(--app-li-figcaption-bg); /* 背景色*/
	-webkit-transform: rotate(90deg) scale(0);
	transform: rotate(90deg) scale(0);
	-webkit-transition: .3s;
	transition: .3s;
	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;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: var(--app-li-figcaption-bg); /* 背景色*/
	-webkit-transform: rotate(90deg) scale(3);
	transform: rotate(90deg) scale(3);
	-webkit-transition: .3s;
	transition: .3s;
	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;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: var(--app-li-figcaption-bg); /* 背景色*/
	-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;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: var(--app-li-figcaption-bg); /* 背景色*/
	-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;
	z-index: 2;
	width: 100%;
	height: 60px;
	background: var(--app-li-figcaption-bg); /* 背景色*/
	-webkit-transition: .3s;
	transition: .3s;
}
figure:hover figcaption.mouseAnimeType08 {
	bottom: 0;
}
figcaption.mouseAnimeType01 p.nextRead,
figcaption.mouseAnimeType02 p.nextRead,
figcaption.mouseAnimeType03 p.nextRead,
figcaption.mouseAnimeType04 p.nextRead,
figcaption.mouseAnimeType05 p.nextRead,
figcaption.mouseAnimeType06 p.nextRead,
figcaption.mouseAnimeType07 p.nextRead {
	margin: 10px;
	padding: 5px;
	color: var(--app-li-figcaption-txt); /* テキスト色*/
	text-align:right;
	font-size:14px;
	border-bottom: var(--app-li-figcaption-brd); /* ボーダー指定*/
}
figcaption.mouseAnimeType08 p.nextRead {
	margin: 15px 10px;
	padding: 5px;
	color: var(--app-li-figcaption-txt); /* テキスト色*/
	text-align:right;
	font-size:14px;
}
figcaption.mouseAnimeType01 p.figureCap,
figcaption.mouseAnimeType02 p.figureCap,
figcaption.mouseAnimeType03 p.figureCap,
figcaption.mouseAnimeType04 p.figureCap,
figcaption.mouseAnimeType05 p.figureCap,
figcaption.mouseAnimeType06 p.figureCap,
figcaption.mouseAnimeType07 p.figureCap {
	padding: 0 15px;
	color: var(--app-li-figcaption-txt); /* テキスト色*/
	text-align:left;
	font-size:14px;
}
/* preタグ */
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
    font-size: 13px;
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/**** LAYOUT BOX ****/

	.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -2%;margin-top: -2%;}
	.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 31.3%;float: left;margin-left: 2%;margin-top: 2%;}

	.pcmode .tpl-contents-block .column.col2,
	.pcmode .tpl-contents-block .column.col3,
	.pcmode .tpl-contents-block .column.col4,
	.pcmode .tpl-contents-block .column.col5,
	.pcmode .tpl-contents-block .column.col6,
	.pcmode .tpl-contents-block .column.col7,
	.pcmode .tpl-contents-block .column.col8,
	.pcmode .tpl-contents-block .column.col9 {width: 64.6%;}

	/****************** 2カラム対応(レイアウト) ******************/

	/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */

	/*** メインカラム ***/
	/* W 3カラム以上は2カラムへ */
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* W 3カラム以上は1カラムへスライダー時 */
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -0.05%;margin-top: 2%;}
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 0.05%;margin-top: 0;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* N 3カラム以上は1カラムへスライダー時 */
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -0.05%;margin-top: 2%;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 0.05%;margin-top: 0;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* M 3カラム以上は1カラムへスライダー時 */
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -0.05%;margin-top: 2%;}
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 0.05%;margin-top: 0;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/*** サイドカラム ***/

	/* W 2カラム以上は1カラムへ */
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/* N 2カラム以上は1カラムへ */
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/* M 2カラム以上は1カラムへ */
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/* C 2カラム以上は1カラムへ */
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/* S 2カラム以上は1カラムへ */
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/****************** 2カラム対応(レイアウトセパレート) ******************/

	/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */

	/*** メインカラム ***/
	/* W 4カラム以上は2カラムへ */
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* W 4カラム以上は1カラムへスライダー時 */
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 {margin-left: 0;margin-top: 1%;}
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column {width: 49%;float: left;margin-left: 0;margin-top: 0;}

	/* N 4カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* N 4カラム以上は1カラムへスライダー時 */
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 {margin-left: 0;margin-top: 1%;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column {width: 49%;float: left;margin-left: 0;margin-top: 0;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/**** LAYOUT BOX ****/

	.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -2%;margin-top: -2%;}
	.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 31.3%;float: left;margin-left: 2%;margin-top: 2%;}

	.pcmode .tpl-contents-block .column.col2,
	.pcmode .tpl-contents-block .column.col3,
	.pcmode .tpl-contents-block .column.col4,
	.pcmode .tpl-contents-block .column.col5,
	.pcmode .tpl-contents-block .column.col6,
	.pcmode .tpl-contents-block .column.col7,
	.pcmode .tpl-contents-block .column.col8,
	.pcmode .tpl-contents-block .column.col9 {width: 64.6%;}

	/****************** 2カラム対応(レイアウト) ******************/

	/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */

	/*** メインカラム ***/
	/* W 3カラム以上は2カラムへ */
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* W 3カラム以上は1カラムへスライダー時 */
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -0.05%;margin-top: 2%;}
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 0.05%;margin-top: 0;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* N 3カラム以上は1カラムへスライダー時 */
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -0.05%;margin-top: 2%;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 0.05%;margin-top: 0;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/*** サイドカラム ***/

	/* W 2カラム以上は1カラムへ */
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/* N 2カラム以上は1カラムへ */
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/* M 2カラム以上は1カラムへ */
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/* C 2カラム以上は1カラムへ */
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/* S 2カラム以上は1カラムへ */
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: 0;margin-top: -2%;}
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 100%;float: none;margin-left: 0;margin-top: 2%;}

	/****************** 2カラム対応(レイアウトセパレート) ******************/

	/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */

	/*** メインカラム ***/
	/* W 3カラム以上は2カラムへ */
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* W 4カラム以上は1カラムへスライダー時 */
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 {margin-left: 0;margin-top: 1%;}
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column {width: 49%;float: left;margin-left: 0;margin-top: 0;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* N 4カラム以上は1カラムへスライダー時 */
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 {margin-left: 0;margin-top: 1%;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column {width: 49%;float: left;margin-left: 0;margin-top: 0;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

}
/* ===================================================================================
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: 10px auto;}

	/**** LAYOUT BOX ****/

	.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -3%;margin-top: -3%;}
	.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 47%;float: left;margin-left: 3%;margin-top: 3%;}

	.pcmode .tpl-contents-block .column.col2,
	.pcmode .tpl-contents-block .column.col3,
	.pcmode .tpl-contents-block .column.col4,
	.pcmode .tpl-contents-block .column.col5,
	.pcmode .tpl-contents-block .column.col6,
	.pcmode .tpl-contents-block .column.col7,
	.pcmode .tpl-contents-block .column.col8,
	.pcmode .tpl-contents-block .column.col9 {width: 47%;}

	/****************** 2カラム対応(レイアウト) ******************/

	/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */

	/*** メインカラム ***/
	/* W 3カラム以上は2カラムへ */
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* W 3カラム以上は1カラムへスライダー時 */
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -0.05%;margin-top: 2%;}
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 0.05%;margin-top: 0;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* N 3カラム以上は1カラムへスライダー時 */
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -0.05%;margin-top: 2%;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .mainClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 0.05%;margin-top: 0;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdC .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdS .mainClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/*** サイドカラム ***/

	/* W 3カラム以上は2カラムへ */
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* W 2カラム以上は1カラムへスライダー時 */
	.ptWdW .sideClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 {margin-left: -0.25%;margin-top: 2%;}
	.ptWdW .sideClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 .column {width: 100%;float: left;margin-left: 0.25%;margin-top: 0;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* N 2カラム以上は1カラムへスライダー時 */
	.ptWdN .sideClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 {margin-left: -0.25%;margin-top: 2%;}
	.ptWdN .sideClnD .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 .column {width: 100%;float: left;margin-left: 0.25%;margin-top: 0;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdC .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdS .sideClnD .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/****************** 2カラム対応(レイアウトセパレート) ******************/

	/* リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び */

	/*** メインカラム ***/
	/* W 3カラム以上は2カラムへ */
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdW .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* W 2カラム以上は1カラムへスライダー時 */
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 {margin-left: -0.25%;margin-top: 2%;}
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdW .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column {width: 100%;float: left;margin-left: 0.25%;margin-top: 0;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdN .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* N 2カラム以上は1カラムへスライダー時 */
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 {margin-left: -0.25%;margin-top: 2%;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn2 .column,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdN .hlfCln .ListType1.sldYblockArea.pcmode .tpl-contents-block .tpl-flexcolumn5 .column {width: 100%;float: left;margin-left: 0.25%;margin-top: 0;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdM .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdC .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -1%;margin-top: -2%;}
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.ptWdS .hlfCln .ListType1.pcmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 49%;float: left;margin-left: 1%;margin-top: 2%;}

	.spmode .tpl-contents-block .tpl-flexcolumn3,
	.spmode .tpl-contents-block .tpl-flexcolumn4,
	.spmode .tpl-contents-block .tpl-flexcolumn5,
	.spmode .tpl-contents-block .tpl-flexcolumn6,
	.spmode .tpl-contents-block .tpl-flexcolumn7,
	.spmode .tpl-contents-block .tpl-flexcolumn8,
	.spmode .tpl-contents-block .tpl-flexcolumn9,
	.spmode .tpl-contents-block .tpl-flexcolumn10 {margin-left: -3%;margin-top: -3%;}
	.spmode .tpl-contents-block .tpl-flexcolumn3 .column,
	.spmode .tpl-contents-block .tpl-flexcolumn4 .column,
	.spmode .tpl-contents-block .tpl-flexcolumn5 .column,
	.spmode .tpl-contents-block .tpl-flexcolumn6 .column,
	.spmode .tpl-contents-block .tpl-flexcolumn7 .column,
	.spmode .tpl-contents-block .tpl-flexcolumn8 .column,
	.spmode .tpl-contents-block .tpl-flexcolumn9 .column,
	.spmode .tpl-contents-block .tpl-flexcolumn10 .column {width: 47%;float: left;margin-left: 3%;margin-top: 3%;}

	.spmode .tpl-contents-block .column.col2,
	.spmode .tpl-contents-block .column.col3,
	.spmode .tpl-contents-block .column.col4,
	.spmode .tpl-contents-block .column.col5,
	.spmode .tpl-contents-block .column.col6,
	.spmode .tpl-contents-block .column.col7,
	.spmode .tpl-contents-block .column.col8,
	.spmode .tpl-contents-block .column.col9 {width: 47%;}

}
/***************************************************
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;
}
/* 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.2rem;
	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;}

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%;}

/* ===================================================================================
for SP max-width: 700px
=================================================================================== */
@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%;}
}
/*
    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:32px; overflow:visible; background: var(--colorbox-Content-bg);}
        .cboxIframe{background: var(--colorbox-cboxIframe-bg);}
        #cboxError{padding:50px; border: var(--colorbox-brd);}
        #cboxLoadedContent{background: var(--colorbox-Loaded-bg); padding:1px;}
        #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:url(../images/colorbox/type02/controls.png) 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);}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	body.sp_prev {width: 417px;}
	#wrapper {overflow: hidden;}

	/*** レスポンス時表示隠し共通 ***/
	.pcDisp {display: none;}
}
/****************** フォント指定 ******************/
.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 ** */
/********* インラインポップ設定 *********/

/* ポップアップ */
.popup_Box {width: 95%;margin: 0 auto;padding: 1.0rem 0.5rem;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	/* ポップアップ */
	.popup #contents {margin: 0 auto;}
	.popup_Box {
		width: 100%;
		padding: 0.5rem;
	}
}
/* ** 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);}

/* 管理画面プレビュー用 課題・ワーク基本幅(エディタ用) */
.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;}/* メイン左 */
.ClmblckArea.ClmLR .sideClnD,
.ClmblckArea.ClmLR .sideClnS,
.ClmblckArea.ClmLR .sideClnDK,
.ClmblckArea.ClmLR .sideClnSK {float: right;}
.ClmblckArea.ClmRL .mainClnD,
.ClmblckArea.ClmRL .mainClnS,
.ClmblckArea.ClmRL .mainClnDK,
.ClmblckArea.ClmRL .mainClnSK {float: right;}/* メイン右 */
.ClmblckArea.ClmRL .sideClnD,
.ClmblckArea.ClmRL .sideClnS,
.ClmblckArea.ClmRL .sideClnDK,
.ClmblckArea.ClmRL .sideClnSK {float: left;}
.ClmblckArea .hlfCln.hlfL {float: left;}
.ClmblckArea .hlfCln.hlfR {float: right;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.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);} /* コンテンツ基本幅(狭) */

/* プレビュー横幅 */
.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;}
.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最後だけ右 */

.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-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	.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 ** */

/* ** 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 ** */
@charset "utf-8";
/***************************************************
information
  filename : heading_parts.css;
***************************************************/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ** heading0206 start ** */
/*** 0206: 背景・影を入れたデザイン ***/
.heading0206 {
	margin: var(--heading0206-mg); /* マージン */
	padding: var(--heading0206-pd); /* パディング */
	text-align: left;
	line-height: 1.2;
	color: var(--heading0206-txt); /* テキスト色 */
	font-size: var(--font-heading0206); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading0206-rod);-webkit-border-radius: var(--heading0206-rod);-moz-border-radius: var(--heading0206-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(--heading0207-mg); /* マージン */
	padding: var(--heading0207-pd); /* パディング */
	text-align: left;
	line-height: 1.2;
	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(--heading0301-mg); /* マージン */
	padding: var(--heading0301-pd); /* パディング */
	text-align: left;
	line-height: 1.2;
	color: var(--heading0301-txt); /* テキスト色 */
	font-size: var(--font-heading0301); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading0301-rod);-webkit-border-radius: var(--heading0301-rod);-moz-border-radius: var(--heading0301-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(--heading0302-mg); /* マージン */
	padding: var(--heading0302-pd); /* パディング */
	text-align: left;
	line-height: 1.2;
	color: var(--heading0302-txt); /* テキスト色 */
	font-size: var(--font-heading0302); /* フォントサイズ */
	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(--heading0303-mg); /* マージン */
	padding: var(--heading0303-pd); /* パディング */
	text-align: center;
	line-height: 1.2;
	color: var(--heading0303-txt); /* テキスト色 */
	font-size: var(--font-heading0303); /* フォントサイズ */
	font-weight: bold;
}
.heading0303:before,
.heading0303:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: var(--heading0303-size);
	content: '';
	border-radius: var(--heading0303-rod);-webkit-border-radius: var(--heading0303-rod);-moz-border-radius: var(--heading0303-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(--heading0304-mg); /* マージン */
	padding: var(--heading0304-size); /* ボーダーサイズ */
	text-align: left;
	line-height: 1.2;
	color: var(--heading0304-txt); /* テキスト色 */
	font-size: var(--font-heading0304); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading0304-rod);-webkit-border-radius: var(--heading0304-rod);-moz-border-radius: var(--heading0304-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(--heading0304-pd); /* パディング */
	border-radius: var(--heading0304-rod);
	background: rgba(255, 255, 255, .1);
}
/* ** heading0304 end ** */

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

/* ** heading0401 start ** */
/*** 0401: タグ風見出し左角 ***/
.heading0401 {
	position: relative;
	display: inline-block;
	margin: var(--heading0401-mg); /* マージン */
	padding: var(--heading0401-pd); /* パディング */
	text-align: left;
	line-height: 1.0;
	color: var(--heading0401-txt); /* テキスト色 */
	font-size: var(--font-heading0401); /* フォントサイズ */
	font-weight: bold;
	width: 95%;
	height: 70px;
	margin-left: 30px;
	background: var(--heading0401-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(--heading0401-bg) transparent transparent;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	/****** 04 タグ風見出し ******/
	/* 0401: タグ風見出し左角 */
	.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(--heading0402-mg); /* マージン */
	padding: var(--heading0402-pd); /* パディング */
	text-align: left;
	line-height: 1.0;
	color: var(--heading0402-txt); /* テキスト色 */
	font-size: var(--font-heading0402); /* フォントサイズ */
	font-weight: bold;
	width: 95%;
	height: 70px;
	margin-left: 0;
	background: var(--heading0402-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(--heading0402-bg);
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	/****** 04 タグ風見出し ******/
	/* 0402: タグ風見出し右角 */
	.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(--heading0501-mg); /* マージン */
	padding: var(--heading0501-pd); /* パディング */
	text-align: center;
	line-height: 1.0;
	color: var(--heading0501-txt); /* テキスト色 */
	font-size: var(--font-heading0501); /* フォントサイズ */
	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(--heading0501-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(--heading0501-bg); /* 背景色 */
}
.heading0501 span:before,
.heading0501 span:after {
	position: absolute;
	bottom: -10px;
	display: block;
	width: 10px;
	height: 10px;
	content: '';
	border-style: solid;
	border-color: var(--heading0501-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(--heading0502-mg); /* マージン */
	padding: var(--heading0502-pd); /* パディング */
	text-align: center;
	line-height: 1.0;
	color: var(--heading0502-txt); /* テキスト色 */
	font-size: var(--font-heading0502); /* フォントサイズ */
	font-weight: bold;
	width: 100%;
	height: 60px;/*リボンの高さ*/
	background: var(--heading0502-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(--heading0503-mg); /* マージン */
	padding: var(--heading0503-pd); /* パディング */
	text-align: center;
	line-height: 1.0;
	color: var(--heading0503-txt); /* テキスト色 */
	font-size: var(--font-heading0503); /* フォントサイズ */
	font-weight: bold;
	width: 100%;
	height: 70px;
	background: var(--heading0503-bg); /* 背景色 */
	box-sizing: border-box;
}
.heading0503 span {
	width: 100%;
	display: block;
	border-top: dashed var(--heading0503-size-tu) var(--heading0503-brd-tu);/*上の破線*/
	border-bottom: dashed var(--heading0503-size-tu) var(--heading0503-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(--heading0504-mg); /* マージン */
	padding: var(--heading0504-pd); /* パディング */
	text-align: left;
	line-height: 1.0;
	color: var(--heading0504-txt); /* テキスト色 */
	font-size: var(--font-heading0504); /* フォントサイズ */
	font-weight: bold;
	width: 100%;
	height: 60px;/*リボンの高さ*/
	background: var(--heading0504-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(--heading0505-mg); /* マージン */
	padding: var(--heading0505-pd); /* パディング */
	text-align: center;
	line-height: 1.0;
	color: var(--heading0505-txt); /* テキスト色 */
	font-size: var(--font-heading0505); /* フォントサイズ */
	font-weight: bold;
	width: 100%;
	height: 70px;
	background: var(--heading0505-bg); /* 背景色 */
	box-sizing: border-box;
}
.heading0505 span {
	width: 100%;
	display: block;
	border-top: dashed var(--heading0505-size-tu) var(--heading0505-brd-tu);/*上の破線*/
	border-bottom: dashed var(--heading0505-size-tu) var(--heading0505-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(--heading0506-mg); /* マージン */
	padding: var(--heading0506-pd); /* パディング */
	text-align: left;
	line-height: 1.0;
	color: var(--heading0506-txt); /* テキスト色 */
	font-size: var(--font-heading0506); /* フォントサイズ */
	font-weight: bold;
	background: var(--heading0506-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(--heading0506-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: 1.0;
	color: var(--heading0507-txt); /* テキスト色 */
	font-size: var(--font-heading0507); /* フォントサイズ */
	font-weight: bold;
	width: calc(100% + 40px);
	background: var(--heading0507-bg);
	border-bottom: solid 1px var(--heading0507-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(--heading0507-bg-s); /* 背景影色 */
}
.heading0507:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-left: solid 20px var(--heading0507-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: 1.0;
	color: var(--heading0508-txt); /* テキスト色 */
	font-size: var(--font-heading0508); /* フォントサイズ */
	font-weight: bold;
	width: calc(100% + 40px);
	background: var(--heading0508-bg);
	border-bottom: solid 1px var(--heading0508-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(--heading0508-bg-s);
}
.heading0508:after {
	position: absolute;
	content: '';
	top: 100%;
	right: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-left: solid 20px var(--heading0508-bg-s);
}
.heading0508 span {
	width: 100%;
	display: block;
	border-top: dashed var(--heading0508-size-tu) var(--heading0508-brd-tu);/*上の破線*/
	border-bottom: dashed var(--heading0508-size-tu) var(--heading0508-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: 1.0;
	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(--heading0601-mg); /* マージン */
	padding: var(--heading0601-pd); /* パディング */
	text-align: left;
	line-height: 1.0;
	color: var(--heading0601-txt); /* テキスト色 */
	font-size: var(--font-heading0601); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading0601-rod);-webkit-border-radius: var(--heading0601-rod);-moz-border-radius: var(--heading0601-rod);
	background: var(--heading0601-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(--heading0601-bg) transparent transparent transparent;
}
/* ** heading0601 end ** */

/* ** heading0602 start ** */
/*** 0602: 吹き出し風の見出しボーダー付き ***/
.heading0602 {
	position: relative;
	margin: var(--heading0602-mg); /* マージン */
	padding: var(--heading0602-pd); /* パディング */
	text-align: left;
	line-height: 1.0;
	color: var(--heading0602-txt); /* テキスト色 */
	font-size: var(--font-heading0602); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading0602-rod);-webkit-border-radius: var(--heading0602-rod);-moz-border-radius: var(--heading0602-rod);
	border: var(--heading0602-size) solid var(--heading0602-brd);
	background: var(--heading0602-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(--heading0602-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(--heading0602-bg) transparent transparent transparent;
}
/* ** heading0602 end ** */

/* ** heading0603 start ** */
/*** 0603: 吹き出し風の見出し中央揃え ***/
.heading0603 {
	position: relative;
	margin: var(--heading0603-mg); /* マージン */
	padding: var(--heading0603-pd); /* パディング */
	text-align: center;
	line-height: 1.0;
	color: var(--heading0603-txt); /* テキスト色 */
	font-size: var(--font-heading0603); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading0603-rod);-webkit-border-radius: var(--heading0603-rod);-moz-border-radius: var(--heading0603-rod);
	background: var(--heading0603-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(--heading0603-bg) transparent transparent transparent; /* 背景色 */
}
/* ** heading0603 end ** */

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

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

/* ** heading0702 start ** */
/*** 0702: シンボルあり罫線見出し ***/
.heading0702 {
	position: relative;
	overflow: hidden;
	margin: var(--heading0702-mg); /* マージン */
	padding: var(--heading0702-pd); /* パディング */
	text-align: left;
	line-height: 1.0;
	color: var(--heading0702-txt); /* テキスト色 */
	font-size: var(--font-heading0702); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading0702-rod);-webkit-border-radius: var(--heading0702-rod);-moz-border-radius: var(--heading0702-rod);
	border-top: var(--heading0702-size) solid var(--heading0702-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(--heading0702-bg-symbol);
}
.heading0702 span {
	font-size: var(--font-heading0702-symbol);
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	padding-top: 15px;
	padding-left: 25px;
	color: var(--heading0702-txt-symbol);
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.heading0702:before {left: -40px;width: 100px;}
	.heading0702 span {padding-left: 15px;}
}
/* ** heading0702 end ** */

/* ** heading0703 start ** */
/*** 0703: サブコピー(content使用)見出し ***/
.heading0703 {
	position: relative;
	margin: var(--heading0703-mg); /* マージン */
	padding: var(--heading0703-pd); /* パディング */
	text-align: left;
	line-height: 1.0;
	color: var(--heading0703-txt); /* テキスト色 */
	font-size: var(--font-heading0703); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--heading0703-rod);-webkit-border-radius: var(--heading0703-rod);-moz-border-radius: var(--heading0703-rod);
	border: var(--heading0703-size) solid var(--heading0703-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;
	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); /* ボーダー指定 */
}
.editHeading .FlexItem:last-child {margin-left: auto;}
.editHeading h2.editHeadingTi,
.editHeading h3.editHeadingTi,
.editHeading h4.editHeadingTi {
	padding-top: 0.5rem;
	padding-left: 1.5rem;
	font-size: var(--font-editHeading); /* フォントサイズ */
}
.editHeading .editBt {width: var(--app-editHeading-size);} /* ボタンサイズ */
/* ** heading0804 end ** */
@charset "utf-8";
/***************************************************
information
  filename : button_parts.css;
***************************************************/

/*======== app_sysbt_dez.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.2em;}
.flexBtM p:last-child {padding-left: 0.2em;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 {
	margin: var(--sbmBNBt-mg); /* マージン */
	padding: var(--sbmBNBt-pd); /* パディング */
	width: var(--sbmBNBt-size); /* ボタンサイズ */
	font-size: var(--font-sbmBNBt);/* フォントサイズ */
	color: var(--sbmBNBt-txt); /* テキスト色 */
	background: var(--sbmBNBt-bg); /* 背景色 */
	border: var(--sbmBNBt-brd); /* ボーダー指定 */
	box-shadow: var(--sbmBNBt-sd); /* 背景影色 */
}
.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 {
	margin: var(--sbmNxBt-mg); /* マージン */
	padding: var(--sbmNxBt-pd); /* パディング */
	width: var(--sbmNxBt-size); /* ボタンサイズ */
	font-size: var(--font-sbmNxBt);/* フォントサイズ */
	color: var(--sbmNxBt-txt); /* テキスト色 */
	background: var(--sbmNxBt-bg); /* 背景色 */
	border: var(--sbmNxBt-brd); /* ボーダー指定 */
	box-shadow: var(--sbmNxBt-sd); /* 背景影色 */
}
.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 ** */
/*** 0102: 登録・購入完了ボタン ***/

/* 登録・購入完了ボタン */
.sbmCpBt {
	margin: var(--sbmCpBt-mg); /* マージン */
	padding: var(--sbmCpBt-pd); /* パディング */
	width: var(--sbmCpBt-size); /* ボタンサイズ */
	font-size: var(--font-sbmCpBt);/* フォントサイズ */
	color: var(--sbmCpBt-txt); /* テキスト色 */
	background: var(--sbmCpBt-bg); /* 背景色 */
	border: var(--sbmCpBt-brd); /* ボーダー指定 */
	box-shadow: var(--sbmCpBt-sd); /* 背景影色 */
}
.BtM button.sbmCpBt.next::after,
.BtM a.sbmCpBt.next::after,
.BtM span.sbmCpBt.next::after,
.BtM button.sbmCpBt.back::after,
.BtM a.sbmCpBt.back::after,
.BtM span.sbmCpBt.back::after {border-left-color: var(--sbmCpBt-txt);}

/* ** button0102 end ** */

/*** 共通ボタン(インラインポップアップ選択ボタン) ***/

/* ** button0103 start ** */
/*** 0103: インラインポップアップ専用ボタン（ウインドウを閉じるボタン） ***/

/* ウインドウを閉じるボタン */
.closePuBt {
	margin: var(--closePuBt-mg); /* マージン */
	padding: var(--closePuBt-pd); /* パディング */
	width: var(--closePuBt-size); /* ボタンサイズ */
	font-size: var(--font-closePuBt);/* フォントサイズ */
	color: var(--closePuBt-txt); /* テキスト色 */
	background: var(--closePuBt-bg); /* 背景色 */
	border: var(--closePuBt-brd); /* ボーダー指定 */
	box-shadow: var(--closePuBt-sd); /* 背景影色 */
}
/* 登録完了ボタン */
.editPuBt {
	margin: var(--editPuBt-mg); /* マージン */
	padding: var(--editPuBt-pd); /* パディング */
	width: var(--editPuBt-size); /* ボタンサイズ */
	font-size: var(--font-editPuBt);/* フォントサイズ */
	color: var(--editPuBt-txt); /* テキスト色 */
	background: var(--editPuBt-bg); /* 背景色 */
	border: var(--editPuBt-brd); /* ボーダー指定 */
	box-shadow: var(--editPuBt-sd); /* 背景影色 */
}
/* ** button0103 end ** */

/*** 共通ボタン(オープンクローズボタン) ***/

/* ** button0104 start ** */
/*** 0104: オープンクローズボタン ***/

/* オープンクローズエリア(主に検索・検索結果の開閉) */
.searchOpCl {
	margin: var(--searchOpCl-mg); /* マージン */
	padding: var(--searchOpCl-pd); /* パディング */
	border-radius: var(--searchOpCl-rod);-webkit-border-radius: var(--searchOpCl-rod);-moz-border-radius: var(--searchOpCl-rod); /* 角丸 */
	color: var(--searchOpCl-txt); /* テキスト色 */
	background: var(--searchOpCl-bg); /* 背景色 */
	border: var(--searchOpCl-brd); /* ボーダー指定 */
	box-shadow: var(--searchOpCl-sd); /* 背景影色 */
	display: flex;
	justify-content: space-between;
	font-size: var(--font-OpClTi); /* フォントサイズ */
	font-weight: bold;
}
.searchOpCl .OpClTi {width: 100%;}
.searchOpCl .OpClBt {width: 20%;}

/* オープンクローズボタンボタン */
.searchOpCl .slide_btn {
	margin: var(--slideBtn-mg); /* マージン */
	padding: var(--slideBtn-pd); /* パディング */
	border-radius: var(--slideBtn-rod);-webkit-border-radius: var(--slideBtn-rod);-moz-border-radius: var(--slideBtn-rod); /* 角丸 */
	width: var(--slideBtn-size); /* ボタンサイズ */
	font-size: var(--font-slideBtn); /* フォントサイズ */
	color: var(--slideBtn-txt); /* テキスト色 */
	background: var(--slideBtn-bg); /* 背景色 */
	border: var(--slideBtn-brd); /* ボーダー指定 */
	box-shadow: var(--slideBtn-sd); /* 背景影色 */
}
/* オープンクローズエリア(主にラジオ・チェックボックスの開閉) */
.htibrd {
	width: 100%;
	margin: var(--htibrd-mg); /* マージン */
	padding: var(--htibrd-pd); /* パディング */
	color: var(--htibrd-txt); /* テキスト色 */
	background: var(--htibrd-bg); /* 背景色 */
	border-bottom: var(--htibrd-brd); /* ボーダー指定 */
}
.htibrd .htibrdTi {
	width: 100%;
	font-size: var(--font-htibrd); /* フォントサイズ */
}
/* オープンクローズボタンボタン(親) */
.htibrd .slide_btn {
	margin: var(--htibrd-slideBtn-mg); /* マージン */
	padding: var(--htibrd-slideBtn-pd); /* パディング */
	border-radius: var(--htibrd-slideBtn-rod);-webkit-border-radius: var(--htibrd-slideBtn-rod);-moz-border-radius: var(--htibrd-slideBtn-rod); /* 角丸 */
	font-size: var(--font-htibrd-slideBtn); /* フォントサイズ */
	color: var(--htibrd-slideBtn-txt); /* テキスト色 */
	background: var(--htibrd-slideBtn-bg); /* 背景色 */
	border: var(--htibrd-slideBtn-brd); /* ボーダー指定 */
	box-shadow: var(--htibrd-slideBtn-sd); /* 背景影色 */
}
.htibrd .slide_btn:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* オープンクローズボタンボタン(子) */
.TreeBox .child {
	display: none;
	border-top: var(--htibrd-brd);
}
.TreeBox a.menu {
	float: right;
	display: block;
	position: relative;
}
.TreeBox a.menu:hover {}
.TreeBox .menu:after {
	position: absolute;
	top: 0;
	right: 2.0rem;
	margin-top: -0.8rem;
	content: '>';
	font-size: 1.4rem;
	font-weight: bold;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-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.8rem 0.5rem;
	border-radius: 0.2rem;-webkit-border-radius: 0.2rem;-moz-border-radius: 0.2rem; /* 角丸 */
	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(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.htibrd .LayoutL {float: left;}
	.htibrd .LayoutR {float: right;}
}
/* ** button0104 end ** */

/************ 共通ボタン(システム利用各種編集ボタン) ************/

/* ** button0105 start ** */
/*** 0105: システム利用各種編集ボタン ***/

/* 編集ボタン基本 */
.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: var(--editBt-mg); /* マージン */
	padding: var(--editBt-pd); /* パディング */
	width: var(--editBt-size); /* ボタンサイズ */
	font-size: var(--font-editBt);/* フォントサイズ */
}
.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;}

/* ** button0105 end ** */

/*** 共通ボタン(各種登録・購入時のステップボタン) ***/

/* ** button0106 start ** */
/*** 0106: 前後ボタン共通ボタン・次へ進むボタン（小サイズ） ***/

/* 前後ボタン共通ボタン（小サイズ） */
/*** Flex対応 ***/
.flexSBtM {width:100%;display: flex;justify-content: flex-start;}
.flexSBtM p {width: var(--sbmSBNBt-size);}
.flexSBtM p:last-child {margin-left: auto;}/*Flex最後だけ右 */

.sbmSBNBt {
	margin: var(--sbmSBNBt-mg); /* マージン */
	padding: var(--sbmSBNBt-pd); /* パディング */
	width: 100%; /* ボタンサイズ */
	font-size: var(--font-sbmSBNBt);/* フォントサイズ */
	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);}

/* ** button0106 end ** */

/*** 共通ボタン(外部リンク等へのボタン) ***/

/* ** button0107 start ** */
/*** 0107: 地図や詳細画面等へ外部リンクへ遷移する為のリンクボタン ***/
a.LinkShtBt {
	border-radius: var(--BtM-rod);-webkit-border-radius: var(--BtM-rod);-moz-border-radius: var(--BtM-rod);
	margin: var(--LinkShtBt-mg); /* マージン */
	padding: var(--LinkShtBt-pd); /* パディング */
	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;}

/* ** button0107 end ** */

/****************** 会員ログインに関係するもの  ******************/

/* ** button0201 start ** */
/*** 0201: ログイン・新規会員登録・パスワード忘れボタン ***/

/*** ログインページ ***/
/* ログインボタン */
.LoginBt {
	margin: var(--LoginBt-mg); /* マージン */
	padding: var(--LoginBt-pd); /* パディング */
	width: var(--LoginBt-size); /* ボタンサイズ */
	font-size: var(--font-LoginBt); /* フォントサイズ */
	color: var(--LoginBt-txt); /* テキスト色 */
	background: var(--LoginBt-bg); /* 背景色 */
	border: var(--LoginBt-brd); /* ボーダー指定 */
	box-shadow: var(--LoginBt-sd); /* 背景影色 */
}
.BtM button.LoginBt.next::after,
.BtM a.LoginBt.next::after,
.BtM span.LoginBt.next::after,
.BtM button.LoginBt.back::after,
.BtM a.LoginBt.back::after,
.BtM back.LoginBt.next::after {border-left-color:  var(--LoginBt-txt);}/* テキスト色 */

/* 新規会員登録ボタン(ログインページ用) */
.newmemBt {
	margin: var(--newmemBt-mg); /* マージン */
	padding: var(--newmemBt-pd); /* パディング */
	width: var(--newmemBt-size); /* ボタンサイズ */
	font-size: var(--font-newmemBt);/* フォントサイズ */
	color: var(--newmemBt-txt); /* テキスト色 */
	background: var(--newmemBt-bg); /* 背景色 */
	border: var(--newmemBt-brd); /* ボーダー指定 */
	box-shadow: var(--newmemBt-sd); /* 背景影色 */
}
.BtM button.newmemBt.next::after,
.BtM a.newmemBt.next::after,
.BtM span.newmemBt.next::after,
.BtM button.newmemBt.back::after,
.BtM a.newmemBt.back::after,
.BtM back.newmemBt.next::after {border-left-color:  var(--newmemBt-txt);}/* テキスト色 */

/* パスワード忘れページへの遷移ボタン */
.reminderBt {
	margin: var(--reminderBt-mg); /* マージン */
	padding: var(--reminderBt-pd); /* パディング */
	width: var(--reminderBt-size); /* ボタンサイズ */
	font-size: var(--font-reminderBt);/* フォントサイズ */
	color: var(--reminderBt-txt); /* テキスト色 */
	background: var(--reminderBt-bg); /* 背景色 */
	border: var(--reminderBt-brd); /* ボーダー指定 */
	box-shadow: var(--reminderBt-sd); /* 背景影色 */
}
.BtM button.reminderBt.next::after,
.BtM a.reminderBt.next::after,
.BtM span.reminderBt.next::after,
.BtM button.reminderBt.back::after,
.BtM a.reminderBt.back::after,
.BtM back.reminderBt.next::after {border-left-color:  var(--reminderBt-txt);}/* テキスト色 */

/* ** button0201 end ** */

/*** パスワード再設定ページ ***/

/* ** button0202 start ** */
/*** 0202: パスワード問い合わせボタン ***/

/* パスワード問い合わせボタン */
.remCtBt {
	margin: var(--remCtBt-mg); /* マージン */
	padding: var(--remCtBt-pd); /* パディング */
	width: var(--remCtBt-size); /* ボタンサイズ */
	font-size: var(--font-remCtBt);/* フォントサイズ */
	color: var(--remCtBt-txt); /* テキスト色 */
	background: var(--remCtBt-bg); /* 背景色 */
	border: var(--remCtBt-brd); /* ボーダー指定 */
	box-shadow: var(--remCtBt-sd); /* 背景影色 */
}
.BtM button.remCtBt.next::after,
.BtM a.remCtBt.next::after,
.BtM span.remCtBt.next::after,
.BtM button.remCtBt.back::after,
.BtM a.remCtBt.back::after,
.BtM back.remCtBt.next::after {border-left-color:  var(--remCtBt-txt);}/* テキスト色 */

/* ** button0202 end ** */

/****************** 新規会員登録に関係するもの  ******************/

/*** 新規会員登録ページ ***/

/* ** button0301 start ** */
/*** 0301: 会員情報登録ボタン ***/

/* 会員情報登録ボタン */
.newRegBt {
	margin: var(--newRegBt-mg); /* マージン */
	padding: var(--newRegBt-pd); /* パディング */
	width: var(--newRegBt-size); /* ボタンサイズ */
	font-size: var(--font-newRegBt);/* フォントサイズ */
	color: var(--newRegBt-txt); /* テキスト色 */
	background: var(--newRegBt-bg); /* 背景色 */
	border: var(--newRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--newRegBt-sd); /* 背景影色 */
}
.BtM button.newRegBt.next::after,
.BtM a.newRegBt.next::after,
.BtM span.newRegBt.next::after,
.BtM button.newRegBt.back::after,
.BtM a.newRegBt.back::after,
.BtM back.newRegBt.next::after {border-left-color:  var(--newmemBt-txt);}/* テキスト色 */

/* ** button0301 end ** */

/****************** お問い合わせに関係するもの  ******************/

/*** お問い合わせ登録ページ ***/

/* ** button0401 start ** */
/*** 0401: 問い合わせ情報登録ボタン ***/

/* 問い合わせ情報登録ボタン */
.contactRegBt {
	margin: var(--contactRegBt-mg); /* マージン */
	padding: var(--contactRegBt-pd); /* パディング */
	width: var(--contactRegBt-size); /* ボタンサイズ */
	font-size: var(--font-contactRegBt);/* フォントサイズ */
	color: var(--contactRegBt-txt); /* テキスト色 */
	background: var(--contactRegBt-bg); /* 背景色 */
	border: var(--contactRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--contactRegBt-sd); /* 背景影色 */
}
.BtM button.contactRegBt.next::after,
.BtM a.contactRegBt.next::after,
.BtM span.contactRegBt.next::after,
.BtM button.contactRegBt.back::after,
.BtM a.contactRegBt.back::after,
.BtM back.contactRegBt.next::after {border-left-color:  var(--contactRegBt-txt);}/* テキスト色 */

/* ** button0401 end ** */

/****************** 掲示板に関係するもの  ******************/

/*** トピックス詳細ページ ***/

/* ** button0501 start ** */
/*** 0501: 掲示板一覧に戻るボタン ***/

/* 掲示板一覧に戻るボタン */
.boardBackBt {
	margin: var(--boardBackBt-mg); /* マージン */
	padding: var(--boardBackBt-pd); /* パディング */
	width: var(--boardBackBt-size); /* ボタンサイズ */
	font-size: var(--font-boardBackBt);/* フォントサイズ */
	color: var(--boardBackBt-txt); /* テキスト色 */
	background: var(--boardBackBt-bg); /* 背景色 */
	border: var(--boardBackBt-brd); /* ボーダー指定 */
	box-shadow: var(--boardBackBt-sd); /* 背景影色 */
}
a.boardBackBt:link,
a.boardBackBt:visited,
a.boardBackBt:active {
	color: var(--boardBackBt-txt); /* テキスト色 */
}
.BtM button.boardBackBt.next::after,
.BtM a.boardBackBt.next::after,
.BtM span.boardBackBt.next::after,
.BtM button.boardBackBt.back::after,
.BtM a.boardBackBt.back::after,
.BtM back.boardBackBt.next::after {border-left-color:  var(--boardBackBt-txt);}

/* ** button0501 end ** */

/* ** button0502 start ** */
/*** 0502: 新規トピックス投稿ボタン(遷移) ***/

/* 新規トピックス投稿ボタン(遷移) */
.topicsRegBt {
	margin: var(--topicsRegBt-mg); /* マージン */
	padding: var(--topicsRegBt-pd); /* パディング */
	width: var(--topicsRegBt-size); /* ボタンサイズ */
	font-size: var(--font-topicsRegBt);/* フォントサイズ */
	color: var(--topicsRegBt-txt); /* テキスト色 */
	background: var(--topicsRegBt-bg); /* 背景色 */
	border: var(--topicsRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--topicsRegBt-sd); /* 背景影色 */
}
a.topicsRegBt :link,
a.topicsRegBt :visited,
a.topicsRegBt :active {
	color: var(--topicsRegBt-txt); /* テキスト色 */
}
.BtM button.topicsRegBt.next::after,
.BtM a.topicsRegBt.next::after,
.BtM span.topicsRegBt.next::after,
.BtM button.topicsRegBt.back::after,
.BtM a.topicsRegBt.back::after,
.BtM back.topicsRegBt.next::after {border-left-color:  var(--topicsRegBt-txt);}

.sideClnD .boardBackBt,
.sideClnD .topicsRegBt,
.sideClnS .boardBackBt,
.sideClnS .topicsRegBt {width: 100%;}

/* ** button0502 end ** */

/* ** button0503 start ** */
/*** 0503: 新規トピックス投稿ボタン(投稿) ***/

/* 新規トピックス投稿ボタン(投稿) */
.topicsPostBt {
	margin: var(--topicsPostBt-mg); /* マージン */
	padding: var(--topicsPostBt-pd); /* パディング */
	width: var(--topicsPostBt-size); /* ボタンサイズ */
	font-size: var(--font-topicsPostBt);/* フォントサイズ */
	color: var(--topicsPostBt-txt); /* テキスト色 */
	background: var(--topicsPostBt-bg); /* 背景色 */
	border: var(--topicsPostBt-brd); /* ボーダー指定 */
	box-shadow: var(--topicsPostBt-sd); /* 背景影色 */
}
.BtM button.topicsPostBt.next::after,
.BtM a.topicsPostBt.next::after,
.BtM span.topicsPostBt.next::after,
.BtM button.topicsPostBt.back::after,
.BtM a.topicsPostBt.back::after,
.BtM back.topicsPostBt.next::after {border-left-color:  var(--topicsPostBt-txt);}

/* ** button0503 end ** */

/* ** button0504 start ** */
/*** 0504: マイページへの移動ボタン ***/

/* マイページへの移動ボタン */
.boardMypBt {
	margin: var(--boardMypBt-mg); /* マージン */
	padding: var(--boardMypBt-pd); /* パディング */
	width: var(--boardMypBt-size); /* ボタンサイズ */
	font-size: var(--font-boardMypBt);/* フォントサイズ */
	color: var(--boardMypBt-txt); /* テキスト色 */
	background: var(--boardMypBt-bg); /* 背景色 */
	border: var(--boardMypBt-brd); /* ボーダー指定 */
	box-shadow: var(--boardMypBt-sd); /* 背景影色 */
}
.BtM button.boardMypBt.next::after,
.BtM a.boardMypBt.next::after,
.BtM span.boardMypBt.next::after,
.BtM button.boardMypBt.back::after,
.BtM a.boardMypBt.back::after,
.BtM back.boardMypBt.next::after {border-left-color:  var(--boardMypBt-txt);}

/* ** button0504 end ** */

/****************** コメントに関係するもの  ******************/

/* ** button0601 start ** */
/*** 0601: コメント登録ボタン ***/

/* コメント登録ボタン */
.commentRegBt {
	margin: var(--commentRegBt-mg); /* マージン */
	padding: var(--commentRegBt-pd); /* パディング */
	width: var(--commentRegBt-size); /* ボタンサイズ */
	font-size: var(--font-commentRegBt);/* フォントサイズ */
	color: var(--commentRegBt-txt); /* テキスト色 */
	background: var(--commentRegBt-bg); /* 背景色 */
	border: var(--commentRegBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentRegBt-sd); /* 背景影色 */
}
/* ** button0601 end ** */

/* ** button0602 start ** */
/*** 0602: コメント時会員登録促進ボタン ***/

/* コメント時会員登録促進ボタン */
.commentMemBt {
	margin: var(--commentMemBt-mg); /* マージン */
	padding: var(--commentMemBt-pd); /* パディング */
	width: var(--commentMemBt-size); /* ボタンサイズ */
	font-size: var(--font-commentMemBt);/* フォントサイズ */
	color: var(--commentMemBt-txt); /* テキスト色 */
	background: var(--commentMemBt-bg); /* 背景色 */
	border: var(--commentMemBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentMemBt-sd); /* 背景影色 */
}
/* ** button0602 end ** */

/* ** button0603 start ** */
/*** 0603: コメント編集ボタン ***/

/* コメント編集ボタン */
.commentEditBt {
	margin: var(--commentEditBt-mg); /* マージン */
	padding: var(--commentEditBt-pd); /* パディング */
	width: var(--commentEditBt-size); /* ボタンサイズ */
	font-size: var(--font-commentEditBt);/* フォントサイズ */
	color: var(--commentEditBt-txt); /* テキスト色 */
	background: var(--commentEditBt-bg); /* 背景色 */
	border: var(--commentEditBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentEditBt-sd); /* 背景影色 */
}
/* ** button0603 end ** */

/* ** button0604 start ** */
/*** 0604: コメント削除ボタン ***/

/* コメント削除ボタン */
.commentDelBt {
	margin: var(--commentDelBt-mg); /* マージン */
	padding: var(--commentDelBt-pd); /* パディング */
	width: var(--commentDelBt-size); /* ボタンサイズ */
	font-size: var(--font-commentDelBt);/* フォントサイズ */
	color: var(--commentDelBt-txt); /* テキスト色 */
	background: var(--commentDelBt-bg); /* 背景色 */
	border: var(--commentDelBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentDelBt-sd); /* 背景影色 */
}
/* ** button0604 end ** */

/* ** button0605 start ** */
/*** 0605: コメント返信ボタン ***/

/* コメント返信ボタン */
.commentResBt {
	margin: var(--commentResBt-mg); /* マージン */
	padding: var(--commentResBt-pd); /* パディング */
	width: var(--commentResBt-size); /* ボタンサイズ */
	font-size: var(--font-commentResBt);/* フォントサイズ */
	color: var(--commentResBt-txt); /* テキスト色 */
	background: var(--commentResBt-bg); /* 背景色 */
	border: var(--commentResBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentResBt-sd); /* 背景影色 */
}
/* ** button0605 end ** */

/* ** button0606 start ** */
/*** 0606: コメント通報ボタン ***/

/* コメント通報ボタン */
.commentRepBt {
	margin: var(--commentRepBt-mg); /* マージン */
	padding: var(--commentRepBt-pd); /* パディング */
	width: var(--commentRepBt-size); /* ボタンサイズ */
	font-size: var(--font-commentRepBt);/* フォントサイズ */
	color: var(--commentRepBt-txt); /* テキスト色 */
	background: var(--commentRepBt-bg); /* 背景色 */
	border: var(--commentRepBt-brd); /* ボーダー指定 */
	box-shadow: var(--commentRepBt-sd); /* 背景影色 */
}
/* ** button0606 end ** */

/****************** セミナー購入に関係するもの  ******************/

/* ** button0701 start ** */
/*** 0701: キャンセル待ちでの申込みボタン ***/

/* キャンセル待ちでの申込みボタン */
.seminarCanBt {
	margin: var(--seminarCanBt-mg); /* マージン */
	padding: var(--seminarCanBt-pd); /* パディング */
	width: var(--seminarCanBt-size); /* ボタンサイズ */
	font-size: var(--font-seminarCanBt);/* フォントサイズ */
	color: var(--seminarCanBt-txt); /* テキスト色 */
	background: var(--seminarCanBt-bg); /* 背景色 */
	border: var(--seminarCanBt-brd); /* ボーダー指定 */
	box-shadow: var(--seminarCanBt-sd); /* 背景影色 */
}
.BtM button.seminarCanBt.next::after,
.BtM a.seminarCanBt.next::after,
.BtM span.seminarCanBt.next::after,
.BtM button.seminarCanBt.back::after,
.BtM a.seminarCanBt.back::after,
.BtM back.seminarCanBt.next::after {border-left-color:  var(--seminarCanBt-txt);}

/* ** button0701 end ** */

/* ** button0702 start ** */
/*** 0702: 通常の申込みボタン ***/

/* 通常の申込みボタン */
.seminarOrdBt {
	margin: var(--seminarOrdBt-mg); /* マージン */
	padding: var(--seminarOrdBt-pd); /* パディング */
	width: var(--seminarOrdBt-size); /* ボタンサイズ */
	font-size: var(--font-seminarOrdBt);/* フォントサイズ */
	color: var(--seminarOrdBt-txt); /* テキスト色 */
	background: var(--seminarOrdBt-bg); /* 背景色 */
	border: var(--seminarOrdBt-brd); /* ボーダー指定 */
	box-shadow: var(--seminarOrdBt-sd); /* 背景影色 */
}
.BtM button.seminarOrdBt.next::after,
.BtM a.seminarOrdBt.next::after,
.BtM span.seminarOrdBt.next::after,
.BtM button.seminarOrdBt.back::after,
.BtM a.seminarOrdBt.back::after,
.BtM back.seminarOrdBt.next::after {border-left-color:  var(--seminarOrdBt-txt);}

/* ** button0702 end ** */

/* ** button0703 start ** */
/*** 0703: マイページへの移動ボタン ***/

.seminarMypBt {
	margin: var(--seminarMypBt-mg); /* マージン */
	padding: var(--seminarMypBt-pd); /* パディング */
	width: var(--seminarMypBt-size); /* ボタンサイズ */
	font-size: var(--font-seminarMypBt);/* フォントサイズ */
	color: var(--seminarMypBt-txt); /* テキスト色 */
	background: var(--seminarMypBt-bg); /* 背景色 */
	border: var(--seminarMypBt-brd); /* ボーダー指定 */
	box-shadow: var(--seminarMypBt-sd); /* 背景影色 */
}
.BtM button.seminarMypBt.next::after,
.BtM a.seminarMypBt.next::after,
.BtM span.seminarMypBt.next::after,
.BtM button.seminarMypBt.back::after,
.BtM a.seminarMypBt.back::after,
.BtM back.seminarMypBt.next::after {border-left-color:  var(--seminarMypBt-txt);}

/* ** button0703 end ** */

/****************** 商品購入に関係するもの  ******************/

/* ** button0801 start ** */
/*** 0801: キャンセル待ちでの購入ボタン ***/

/* キャンセル待ちでの購入ボタン */
.productCanBt {
	margin: var(--productCanBt-mg); /* マージン */
	padding: var(--productCanBt-pd); /* パディング */
	width: var(--productCanBt-size); /* ボタンサイズ */
	font-size: var(--font-productCanBt);/* フォントサイズ */
	color: var(--productCanBt-txt); /* テキスト色 */
	background: var(--productCanBt-bg); /* 背景色 */
	border: var(--productCanBt-brd); /* ボーダー指定 */
	box-shadow: var(--productCanBt-sd); /* 背景影色 */
}
.BtM button.productCanBt.next::after,
.BtM a.productCanBt.next::after,
.BtM span.productCanBt.next::after,
.BtM button.productCanBt.back::after,
.BtM a.productCanBt.back::after,
.BtM back.productCanBt.next::after {border-left-color:  var(--productCanBt-txt);}

/* ** button0801 end ** */

/* ** button0802 start ** */
/*** 0802: 通常の購入ボタン ***/

/* 通常の購入ボタン */
.productOrdBt {
	margin: var(--productOrdBt-mg); /* マージン */
	padding: var(--productOrdBt-pd); /* パディング */
	width: var(--productOrdBt-size); /* ボタンサイズ */
	font-size: var(--font-productOrdBt);/* フォントサイズ */
	color: var(--productOrdBt-txt); /* テキスト色 */
	background: var(--productOrdBt-bg); /* 背景色 */
	border: var(--productOrdBt-brd); /* ボーダー指定 */
	box-shadow: var(--productOrdBt-sd); /* 背景影色 */
}
.BtM button.productOrdBt.next::after,
.BtM a.productOrdBt.next::after,
.BtM span.productOrdBt.next::after,
.BtM button.productOrdBt.back::after,
.BtM a.productOrdBt.back::after,
.BtM back.productOrdBt.next::after {border-left-color:  var(--productOrdBt-txt);}

/* ** button0802 end ** */

/* ** button0803 start ** */
/*** 0803: マイページへの移動ボタン ***/

/* マイページへの移動ボタン */
.productMypBt {
	margin: var(--productMypBt-mg); /* マージン */
	padding: var(--productMypBt-pd); /* パディング */
	width: var(--productMypBt-size); /* ボタンサイズ */
	font-size: var(--font-productMypBt);/* フォントサイズ */
	color: var(--productMypBt-txt); /* テキスト色 */
	background: var(--productMypBt-bg); /* 背景色 */
	border: var(--productMypBt-brd); /* ボーダー指定 */
	box-shadow: var(--productMypBt-sd); /* 背景影色 */
}
.BtM button.productMypBt.next::after,
.BtM a.productMypBt.next::after,
.BtM span.productMypBt.next::after,
.BtM button.productMypBt.back::after,
.BtM a.productMypBt.back::after,
.BtM back.productMypBt.next::after {border-left-color:  var(--productMypBt-txt);}

/* ** button0803 end ** */

/* ** button0804 start ** */
/*** 0804: 購入手続きへ進むボタン ***/

/* 購入手続きへ進むボタン */
.productPurchaseBt {
	margin: var(--productPurchaseBt-mg); /* マージン */
	padding: var(--productPurchaseBt-pd); /* パディング */
	width: var(--productPurchaseBt-size); /* ボタンサイズ */
	font-size: var(--font-productPurchaseBt);/* フォントサイズ */
	color: var(--productPurchaseBt-txt); /* テキスト色 */
	background: var(--productPurchaseBt-bg); /* 背景色 */
	border: var(--productPurchaseBt-brd); /* ボーダー指定 */
	box-shadow: var(--productPurchaseBt-sd); /* 背景影色 */
}
a.productPurchaseBt:link {
	color: var(--productPurchaseBt-txt); /* テキスト色 */
}
.BtM button.productPurchaseBt.next::after,
.BtM a.productPurchaseBt.next::after,
.BtM span.productPurchaseBt.next::after,
.BtM button.productPurchaseBt.back::after,
.BtM a.productPurchaseBt.back::after,
.BtM back.productPurchaseBt.next::after {border-left-color:  var(--productPurchaseBt-txt);}

/* ** button0804 end ** */

/****************** カート内での購入に関係するボタン ******************/

/* ** button0901 start ** */
/*** 0901: カートでの更新・削除・個数変更ボタン ***/

/* 更新・削除・確認ボタン */
.PrdCrtEdBt.BtM a,
.PrdNumUpdBt.BtM a {
	padding: 5px 0px;
	font-weight: bold;
	font-size: var(--font-PrdBt);/* フォントサイズ */
	display: block;
	text-align:center;
}
.PrdNumUpdBt.BtM a {width: 60px;}/* 更新・削除ボタン */
.PrdCrtEdBt.BtM a:hover,
.PrdNumUpdBt.BtM a:hover {text-decoration: none;}

/* 個数変更ボタン */
.PrdNumCtrBt button,
.PrdCartOpBt button {
	margin: 0 2px;
	padding: 5px 10px;
	font-weight: bold;
	font-size: var(--font-PrdBt);/* フォントサイズ */
}
/* 更新ボタン */
.prdCartUpdBt {
	color: var(--prdCartUpdBt-txt); /* テキスト色 */
	background: var(--prdCartUpdBt-bg); /* 背景色 */
	border: var(--prdCartUpdBt-brd); /* ボーダー指定 */
	box-shadow: var(--prdCartUpdBt-sd); /* 背景影色 */
}
a.prdCartUpdBt:link,
a.prdCartUpdBt:visited,
a.prdCartUpdBt:active {
	color: var(--prdCartUpdBt-txt); /* テキスト色 */
}
/* 削除ボタン */
.prdCartDelBt {
	color: var(--prdCartDelBt-txt); /* テキスト色 */
	background: var(--prdCartDelBt-bg); /* 背景色 */
	border: var(--prdCartDelBt-brd); /* ボーダー指定 */
	box-shadow: var(--prdCartDelBt-sd); /* 背景影色 */
}
a.prdCartDelBt:link,
a.prdCartDelBt:visited,
a.prdCartDelBt:active {
	color: var(--prdCartDelBt-txt); /* テキスト色 */
}
/* ** button0901 end ** */

/* ** button0902 start ** */
/*** 0902: カート内商品一覧での確認・カートへ入れるボタン ***/

/* 確認ボタン */
.prdCartDetBt {
	color: var(--prdCartDetBt-txt); /* テキスト色 */
	background: var(--prdCartDetBt-bg); /* 背景色 */
	border: var(--prdCartDetBt-brd); /* ボーダー指定 */
	box-shadow: var(--prdCartDetBt-sd); /* 背景影色 */
}
a.prdCartDetBt:link,
a.prdCartDetBt:visited,
a.prdCartDetBt:active {
	color: var(--prdCartDetBt-txt); /* テキスト色 */
}
/* カートボタン */
.prdCartOrdBt {
	color: var(--prdCartOrdBt-txt); /* テキスト色 */
	background: var(--prdCartOrdBt-bg); /* 背景色 */
	border: var(--prdCartOrdBt-brd); /* ボーダー指定 */
	box-shadow: var(--prdCartOrdBt-sd); /* 背景影色 */
}
a.prdCartOrdBt:link {
	color: var(--prdCartOrdBt-txt); /* テキスト色 */
}/* ** button0902 end ** */

/****************** コンテンツ詳細等への遷移に関係するもの  ******************/

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

/* 大きいサイズボタン */
.conDetBtW {
	margin: var(--conDetBtW-mg); /* マージン */
	padding: var(--conDetBtW-pd); /* パディング */
	width: var(--conDetBtW-size); /* ボタンサイズ */
	font-size: var(--font-conDetBtW);/* フォントサイズ */
	color: var(--conDetBtW-txt); /* テキスト色 */
	background: var(--conDetBtW-bg); /* 背景色 */
	border: var(--conDetBtW-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBtW-sd); /* 背景影色 */
}
a.conDetBtW:link,
a.conDetBtW:visited,
a.conDetBtW:active {
	color: var(--conDetBtW-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(--conDetBtW-txt);}

/* 中サイズボタン */
.conDetBtM {
	margin: var(--conDetBtM-mg); /* マージン */
	padding: var(--conDetBtM-pd); /* パディング */
	width: var(--conDetBtM-size); /* ボタンサイズ */
	font-size: var(--font-conDetBtM);/* フォントサイズ */
	color: var(--conDetBtM-txt); /* テキスト色 */
	background: var(--conDetBtM-bg); /* 背景色 */
	border: var(--conDetBtM-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBtM-sd); /* 背景影色 */
}
a.conDetBtM:link,
a.conDetBtM:visited,
a.conDetBtM:active {
	color: var(--conDetBtM-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(--conDetBtM-txt);}

/* 小サイズボタン */
.conDetBtS {
	margin: var(--conDetBtS-mg); /* マージン */
	padding: var(--conDetBtS-pd); /* パディング */
	width: var(--conDetBtS-size); /* ボタンサイズ */
	font-size: var(--font-conDetBtS);/* フォントサイズ */
	color: var(--conDetBtS-txt); /* テキスト色 */
	background: var(--conDetBtS-bg); /* 背景色 */
	border: var(--conDetBtS-brd); /* ボーダー指定 */
	box-shadow: var(--conDetBtS-sd); /* 背景影色 */
}
a.conDetBtS:link,
a.conDetBtS:visited,
a.conDetBtS:active {
	color: var(--conDetBtS-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(--conDetBtS-txt);}

/* ** button1001 end ** */

/****************** リスト詳細に関係するもの  ******************/

/* ** button1101 start ** */
/*** 1101: リスト一覧での詳細を見るボタン ***/

/* 一覧詳細ボタン */
.ListLinkBt {
	margin: var(--ListLinkBt-mg); /* マージン */
	padding: var(--ListLinkBt-pd); /* パディング */
	width: var(--ListLinkBt-size); /* ボタンサイズ */
	font-size: var(--font-ListLinkBt);/* フォントサイズ */
	color: var(--ListLinkBt-txt); /* テキスト色 */
	background: var(--ListLinkBt-bg); /* 背景色 */
	border: var(--ListLinkBt-brd); /* ボーダー指定 */
	box-shadow: var(--ListLinkBt-sd); /* 背景影色 */
}
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);}

/* ** button1101 end ** */

/* ** button1102 start ** */
/*** 1102: 詳細から一覧へ戻るボタン ***/

/* 詳細から一覧へ戻るボタン(基本) */
.ListBkBt {
	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);}

/* 詳細から一覧へ戻るボタン(タイトル左) */
/*** タイトル箇所設置戻るボタン ***/
.mtiBkBtArea {position: relative;margin: 0 auto;}
.mtiBkBtArea .ListBkBt {
	position: absolute;
	top: -2.2em;
	left: 0.5em;
	margin: var(--ListBkBtMti-mg); /* マージン */
	padding: var(--ListBkBtMti-pd); /* パディング */
	width: var(--ListBkBtMti-size); /* ボタンサイズ */
	font-size: var(--font-ListBkBtMti);/* フォントサイズ */
}
/* 詳細から一覧へ戻るボタン(コンテンツ内) */
.DetListBkBt .ListBkBt {
	margin: var(--ListBkBtDet-mg); /* マージン */
	padding: var(--ListBkBtDet-pd); /* パディング */
	width: var(--ListBkBtDet-size); /* ボタンサイズ */
	font-size: var(--font-ListBkBtDet);/* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.mtiBkBtArea .ListBkBt {top: -2.0em;left: 0.2em;}
}
/* ** button1102 end ** */

/****************** 詳細ページに関係するもの  ******************/

/* ** button1201 start ** */
/*** 1201: ネクストバックボタン ***/

/* ネクストバックボタン */
.NBLink {margin: 0 auto;padding: 0;}
.NBBack {float: left;width: var(--NBLinkBt-pwidth);}
.NBNext {float: right;width: var(--NBLinkBt-pwidth);}

.NBLinkBt {
	margin: var(--NBLinkBt-mg); /* マージン */
	padding: var(--NBLinkBt-pd); /* パディング */
	width: var(--NBLinkBt-size); /* ボタンサイズ */
	font-size: var(--font-NBLinkBt);/* フォントサイズ */
	color: var(--NBLinkBt-txt); /* テキスト色 */
	background: var(--NBLinkBt-bg); /* 背景色 */
	border: var(--NBLinkBt-brd); /* ボーダー指定 */
	box-shadow: var(--NBLinkBt-sd); /* 背景影色 */
}
.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);}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.NBLink {margin: 0 auto;padding: 0 0.5rem;}
}
/* ** button1201 end ** */

/****************** マイページ内購入に関係するもの  ******************/

/* ** button1301 start ** */
/*** 1301: マイページの決済履歴・決済カード変更・キャンセルボタン ***/

/* 決済履歴ボタン */
.myprirekiBt {
	margin: var(--myprirekiBt-mg); /* マージン */
	padding: var(--myprirekiBt-pd); /* パディング */
	width: var(--myprirekiBt-size); /* ボタンサイズ */
	font-size: var(--font-myprirekiBt);/* フォントサイズ */
	color: var(--myprirekiBt-txt); /* テキスト色 */
	background: var(--myprirekiBt-bg); /* 背景色 */
	border: var(--myprirekiBt-brd); /* ボーダー指定 */
	box-shadow: var(--myprirekiBt-sd); /* 背景影色 */
}
a.myprirekiBt:link,
a.myprirekiBt:visited,
a.myprirekiBt:active {
	color: var(--myprirekiBt-txt); /* テキスト色 */
}
/* 決済カード変更ボタン */
.mypcardChBt {
	margin: var(--mypcardChBt-mg); /* マージン */
	padding: var(--mypcardChBt-pd); /* パディング */
	width: var(--mypcardChBt-size); /* ボタンサイズ */
	font-size: var(--font-mypcardChBt);/* フォントサイズ */
	color: var(--mypcardChBt-txt); /* テキスト色 */
	background: var(--mypcardChBt-bg); /* 背景色 */
	border: var(--mypcardChBt-brd); /* ボーダー指定 */
	box-shadow: var(--mypcardChBt-sd); /* 背景影色 */
}
a.mypcardChBt:link,
a.mypcardChBt:visited,
a.mypcardChBt:active {
	color: var(--mypcardChBt-txt); /* テキスト色 */
}
/* キャンセルボタン */
.mypcanBt {
	margin: var(--mypcanBt-mg); /* マージン */
	padding: var(--mypcanBt-pd); /* パディング */
	width: var(--mypcanBt-size); /* ボタンサイズ */
	font-size: var(--font-mypcanBt);/* フォントサイズ */
	color: var(--mypcanBt-txt); /* テキスト色 */
	background: var(--mypcanBt-bg); /* 背景色 */
	border: var(--mypcanBt-brd); /* ボーダー指定 */
	box-shadow: var(--mypcanBt-sd); /* 背景影色 */
}
a.mypcanBt:link,
a.mypcanBt:visited,
a.mypcanBt:active {
	color: var(--mypcanBt-txt); /* テキスト色 */
}
/* ** button1301 end ** */

/* ** button1302 start ** */
/*** 1302: マイページのプラン変更ボタン ***/

/* プラン変更ボタン */
.mypplanChBt {
	margin: var(--mypplanChBt-mg); /* マージン */
	padding: var(--mypplanChBt-pd); /* パディング */
	width: var(--mypplanChBt-size); /* ボタンサイズ */
	font-size: var(--font-mypplanChBt);/* フォントサイズ */
	color: var(--mypplanChBt-txt); /* テキスト色 */
	background: var(--mypplanChBt-bg); /* 背景色 */
	border: var(--mypplanChBt-brd); /* ボーダー指定 */
	box-shadow: var(--mypplanChBt-sd); /* 背景影色 */
}
a.mypplanChBt:link,
a.mypplanChBt:visited,
a.mypplanChBt:active {
	color: var(--mypplanChBt-txt); /* テキスト色 */
}/* ** button1302 end ** */

/* ** button1303 start ** */
/*** 1303: マイページの新規申込みボタン ***/

/* 新規申込みボタン */
.mypnewBt {
	margin: var(--mypnewBt-mg); /* マージン */
	padding: var(--mypnewBt-pd); /* パディング */
	width: var(--mypnewBt-size); /* ボタンサイズ */
	font-size: var(--font-mypnewBt);/* フォントサイズ */
	color: var(--mypnewBt-txt); /* テキスト色 */
	background: var(--mypnewBt-bg); /* 背景色 */
	border: var(--mypnewBt-brd); /* ボーダー指定 */
	box-shadow: var(--mypnewBt-sd); /* 背景影色 */
}
a.mypnewBt:link,
a.mypnewBt:visited,
a.mypnewBt:active {
	color: var(--mypnewBt-txt); /* テキスト色 */
}
/* ** button1303 end ** */

/****************** 会員編集・フォームページ ファイルアップロード要素  ******************/

/* ** button1401 start ** */
/*** 1401: ファイルアップロード・削除ボタン ***/

/* ファイルアップロード・削除ボタン */
.fileUpBT a,
.fileDelBT a {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: var(--fileUpBT-mg); /* マージン */
	padding: var(--fileUpBT-pd); /* パディング */
	width: var(--fileUpBT-size); /* ボタンサイズ */
	font-size: var(--font-fileUpBT);/* フォントサイズ */
	font-weight: bold;
	border-radius: var(--fileUpBT-rod);-webkit-border-radius: var(--fileUpBT-rod);-moz-border-radius: var(--fileUpBT-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;}

/* ** button1401 end ** */

/* ** button1402 start ** */
/*** 1402: ファイルアップロードの参照ボタン ***/

/* ファイル選択エリア */
.fileUpBox {
	margin: 0.5em auto;
	padding: 0.8em;
	border-radius: var(--fileUpBox-rod);-webkit-border-radius: var(--fileUpBox-rod);-moz-border-radius: var(--fileUpBox-rod);
	border: var(--fileUpBox-brd); /* ボーダー指定 */
	background: var(--fileUpBox-bg); /* 背景色 */
}
.fileUpBox dl {
	display: flex;
	margin: 0 auto;
	padding: 10px 0;
	color: var(--fileUpBox-txt); /* テキスト色 */
	font-size: var(--font-fileUpBox); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--fileUpBox-brd-dl); /* ボーダー指定 */
}
.fileUpBox dt {width:150px;padding: 5px;}
.fileUpBox dd {padding: 0;display: flex;}

/* ファイル参照ボタン */
.fileUpBox label {
	display: block;
	margin: 0 auto;
	padding: 0.8em;
	text-align: center;
	margin: var(--fileUpBT-mg); /* マージン */
	padding: var(--fileUpBT-pd); /* パディング */
	width: var(--fileUpBT-size); /* ボタンサイズ */
	font-size: var(--font-fileUpBT);/* フォントサイズ */
	font-weight: bold;
	color: var(--fileDelBTLB-txt); /* テキスト色 */
	background: var(--fileDelBTLB-bg); /* 背景色 */
	border: var(--fileDelBTLB-brd); /* ボーダー指定 */
	box-shadow: var(--fileDelBTLB-sd); /* 背景影色 */
	border-radius: var(--fileUpBT-rod);-webkit-border-radius: var(--fileUpBT-rod);-moz-border-radius: var(--fileUpBT-rod);
    cursor: pointer;
}
.fileUpBox input[type="file"] {display: none;}
.fileUpBox figure img {width: 100%;}
.fileUpBox .fileName {padding: 0.5em 0 0 1.0em;}

/* ファイルアップロード後表示 */
.FileUpImg {margin: 0 auto;padding: 0px;}
.FileUpImg img {width:200px;border-radius: 2px;} /* 幅指定 */
.FileUpName {
	margin: 0 auto;
	padding: 0.5em 0 1.5em 0;
	font-size: var(--font-FileUpName);
	text-align: left;
}
.FileUpName a {
	color: var(--font-FileUpName); /* テキスト色 */
}
.FileUpImg a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.fileUpBox dl {display: block;}
}
/* ** button1402 end ** */

/****************** 検索等(住所検索・パスワード表示)のボタン ******************/

/* ** button1501 start ** */
/*** 1501: パスワード表示ボタン・住所検索ボタン・検索・検索条件クリア・各種データ呼び出しボタン ***/

.callBox,
.passwordBox,
.zipdBox {display: flex;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.callBox,
	.passwordBox,
	.zipdBox {display: block;}
}
.SearchBT a,
.SearchBT span {
	display: block;
	text-decoration: none;
	text-align: center;
	margin: var(--SearchBT-mg); /* マージン */
	padding: var(--SearchBT-pd); /* パディング */
	border-radius: var(--SearchBT-rod);-webkit-border-radius: var(--SearchBT-rod);-moz-border-radius: var(--SearchBT-rod); /* 角丸 */
	font-size: var(--font-search-bt); /* フォントサイズ */
	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;}

/* ** button1501 end ** */

/****************** ラジオボタン選択トグルボタン ******************/

/* ** button1601 start ** */
/*** 1601: ラジオボタン選択トグルボタン ***/

/* 基本設定 */
.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 {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: var(--font-toggle-bt);} /* フォントサイズ */
.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);}/* 背景色（承認） */

/* ** button1601 end ** */

/* ** button1602 start ** */
/*** 1602: ラジオボタンタブボタン ***/

.selectBt {
	margin: var(--app-selectBt-mg); /* マージン */
	padding: var(--app-selectBt-pd); /* パディング */
}
.selectBt ul {display: flex;}
.selectBt li {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
label.tab_item {
	display: block;
	margin: var(--app-selectBt-a-mg); /* マージン */
	padding: var(--app-selectBt-a-pd); /* パディング */
	text-align: center;
	cursor: pointer;
	color: var(--app-selectBt-a-txt); /* テキスト色（aタグ） */
	font-size: var(--font-selectBt);/* フォントサイズ */
	font-weight:bold;
	background: var(--app-selectBt-a-cr); /* 背景色（aタグ） */
	border-radius: var(--app-selectBt-rod);-webkit-border-radius: var(--app-selectBt-rod);-moz-border-radius: var(--app-selectBt-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;}

/* ** button1602 end ** */

/* ** button1603 start ** */
/*** 1603: チェックボックスボタン ***/

/*** チェックボックス選択型 ***/
.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:  var(--font-checkboxBgBt); /* フォントサイズ */
	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:  var(--font-checkboxAll); /* フォントサイズ */
}
/* ** button1603 end ** */

/* ** button1604 start ** */
/******* ラジオ切り替えボタン *******/
.checkRadio {
	width: 100%;
	margin: var(--app-checkRadio-mg); /* マージン */
	padding: var(--app-checkRadio-pd); /* パディング */
	display: flex;
}
/* ボタン制御 */
.checkRadio input {display: none;}
.checkRadio label{
	display: block;
	cursor: pointer;
	width: var(--app-checkRadiolabel-size); /* ボタンサイズ */
	margin: var(--app-checkRadiolabel-mg); /* マージン */
	padding: var(--app-checkRadiolabel-pd); /* パディング */
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-right: var(--app-checkRadiolabel-brd); /* ボーダー指定 */
	font-size:  var(--font-checkRadiolabel); /* フォントサイズ */
	font-weight: bold;
}
.checkRadio label{
	color: var(--app-checkRadiolabel-txt); /* テキスト色（通常） */
	background: var(--app-checkRadiolabel-cr); /* 背景色（通常） */
}
.checkRadio label:first-of-type{
	border-radius: var(--app-checkRadiolabel-rod) 0 0 var(--app-checkRadiolabel-rod);
}
.checkRadio label:last-of-type{
	border-radius: 0 var(--app-checkRadiolabel-rod) var(--app-checkRadiolabel-rod) 0;
	border-right: none; /* ボーダー指定 */
}
.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） */
}
/* ** button1604 end ** */

/****************** ページトップボタン ******************/

/* ** button1701 start ** */
/*** 1701: ページトップボタン ***/

.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); /* テキスト色（aタグ） */
	background-color: var(--app-pagetop-cr); /* 背景色（aタグ） */
}
.pagetop a {font-size: var(--font-pagetop);font-weight: bold;}/* フォントサイズ */
.pagetop a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ** button1701 end ** */

/* ** button1801 start ** */
/*** 1801: 検索抽出ボタン ***/
/* 抽出ボタンエリア */
.extractBtArea {
	margin: var(--app-extractBtArea-mg); /* マージン */
	display: flex;
	justify-content: flex-end;
}
/* 抽出ボタン設定 */
.extractBtArea ul {
	display: flex;
	justify-content: flex-end;
	list-style: none;
}
.extractBtArea li {
	margin: var(--app-extractBtArea-li-mg); /* マージン */
	text-align: center;
}
.extractBtArea li {width: var(--app-extractBtArea-size);} /* 基本横幅サイズ */
.extractBtArea li.extsizeW {width: var(--app-extractBtArea-w-size);} /* 横幅ワイドサイズ */
.extractBtArea a {
	width: 100%;
	text-align: center;
	display: block;
	padding: var(--app-extractBtArea-pd); /* パディング */
	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:  var(--font-extractBtArea); /* フォントサイズ */
	font-weight: bold;
}
.extractBtArea a.crt {
	background: var(--app-extractBtArea-cr-crt); /* カレント背景色 */
}
.extractBtArea a:hover {opacity: 0.6; filter: alpha(opacity = 60);text-decoration: none;}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.extractBtArea {display: block;}
}
/* ** button1801 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-Art); /* フォントサイズ */
	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-CautTxt); /* フォントサイズ */
	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-CautTxtW); /* フォントサイズ */
	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 ** */

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

/* ** alert0201 start ** */
/*** 0201: 入力フォーム注意書き部分 ***/
p.CautTxtS {
	padding: var(--CautFM-pd); /* パディング */
	font-size: var(--font-CautTxtS); /* フォントサイズ */
	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-err); /* フォントサイズ */
	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); /* 角丸 */
}
/* ** 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 ** */
/****************** フォーム共通指定 ******************/

/*本体cssはシステムにて管理されています。*/

/* ** input_basic end ** */

/* ** box0101 start ** */
/*** 0101: 入力フォーム基本 ***/

/* 入力フォーム項目基本指定 */
.InputForm dl {
	margin: 0 auto;
	padding: 1.5rem 0;
	display: flex;
	font-size: var(--font-form-dt); /* フォントサイズ */
	font-weight:bold;
	border-bottom: var(--app-InputForm-brd); /* ボーダー指定 */
}
.InputForm dt {padding: 1.0rem 0 0.5rem 0.8rem;}
.InputForm dd {padding: 0;}
.InputForm dd p.chpd,
.InputForm dd ul.chpd {padding-top: 1.0rem;}
.InputForm dd li {list-style: none;}

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

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

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@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;}
}
/* ** box0101 end ** */

/****************** 基本ボックス ******************/

/* ** box0201 start ** */
/*** 0201: 基本ボックス ***/
/* 枠ボックス */
.comBox {
	margin-left: auto;
	margin-right: auto;
	padding: var(--BgBox-pd);/* 外枠パディング */
	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-bbg);-webkit-box-shadow: var(--app-BgBox-bbg); /* 外枠背景影色 */
}
.comBoxInn {
	margin-left: auto;
	margin-right: auto;
	padding: var(--BgBoxInn-pd);/* 内枠パディング */
	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-bbg);-webkit-box-shadow: var(--app-BgBoxInn-bbg); /* 内枠背景影色 */
}
/* ** box0201 end ** */

/****************** ログインボックス ******************/

/* ** box0301 start ** */
/*** 0301: ログインエリア ***/
/* 枠ボックス */
.LoginBox {
	padding: var(--BgBox-pd);/* 外枠パディング */
	color: var(--app-LoginBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-LoginBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-LoginBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-bbg);-webkit-box-shadow: var(--app-BgBox-bbg); /* 外枠背景影色 */
}
.LoginBoxInn {
	padding: var(--BgBoxInn-pd);/* 内枠パディング */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-LoginBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-LoginBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-bbg);-webkit-box-shadow: var(--app-BgBoxInn-bbg); /* 内枠背景影色 */
}
/* ** box0301 end ** */

/****************** 会員登録要素 ******************/

/******* 会員登録エリア *******/

/* ** box0401 start ** */
/*** 0401: 会員登録エリア ***/
/* 枠ボックス */
.NewRegBox {
	padding: var(--BgBox-pd);/* 外枠パディング */
	color: var(--app-NewRegBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-NewRegBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-NewRegBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-bbg);-webkit-box-shadow: var(--app-BgBox-bbg); /* 外枠背景影色 */
}
.NewRegBoxInn {
	padding: var(--BgBoxInn-pd);/* 内枠パディング */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-NewRegBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-NewRegBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-bbg);-webkit-box-shadow: var(--app-BgBoxInn-bbg); /* 内枠背景影色 */
}
/* ** box0401 end ** */

/******* 会員登録完了画面 *******/

/* ** box0402 start ** */
/*** 0402: 会員番号・仮パスワード等システム情報表示 ***/
/* 親枠ボックス */
.NewRegThkBox {
	padding: var(--BgBox-pd);/* 外枠パディング */
	color: var(--app-NewRegBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-NewRegBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-NewRegBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-bbg);-webkit-box-shadow: var(--app-BgBox-bbg); /* 外枠背景影色 */
}
/* 会員番号・パスワード等システム情報表示ボックス */
.NewRegThkDet {
	margin: 1.0rem auto;
	padding: 1.0rem 0;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-NewRegBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-NewRegBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-bbg);-webkit-box-shadow: var(--app-BgBoxInn-bbg); /* 内枠背景影色 */
}

/*** 会員番号・仮パスワード等システム情報表示 ******/

/* 共通指定 */
.ThkSysIdTi,
.ThkSysPassTi {
	padding: 0.5rem 0;
	text-align: center;
	font-size: var(--font-ThkSysTi); /* タイトルフォントサイズ */
}
.ThkSysBox {
	margin: 1.0rem auto;
	padding: 1.0rem 0;
	text-align: center;
	font-weight: bold;
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
}
/* 会員番号情報表示 */
.ThkSysId {
	font-size: var(--font-ThkSysBox); /* 会員番号・パスワードフォントサイズ */
	color:  var(--newregID-txt); /* テキスト色 */
	border: var(--app-BgBoxInn-brd); /* ボーダー指定 */
	background: var(--newregID-bg); /* 背景色 */
}
/* 仮パスワード情報表示 */
.ThkSysPass {
	font-size: var(--font-ThkSysBox); /* 会員番号・パスワードフォントサイズ */
	color:  var(--newregPASS-txt); /* テキスト色 */
	border: var(--app-newregPASS-brd); /* ボーダー指定 */
	background: var(--newregPASS-bg); /* 背景色 */
}
.ThkSysCap {
	padding: 1.0rem;
	text-align: center;
	font-size: var(--font-ThkSysCap);/* 注意書きフォントサイズ */
}
/* ** box0402 end ** */

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

/*** 0501: サービス詳細・概要表示エリア ***/
/* 枠ボックス(主に明細処理で使用) */
.SCartBox {
	padding: var(--BgBox-pd);/* 外枠パディング */
	color: var(--app-SCartBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-SCartBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-SCartBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-bbg);-webkit-box-shadow: var(--app-BgBox-bbg); /* 外枠背景影色 */
}
.SCartBoxInn {
	padding: var(--BgBoxInn-pd);/* 内枠パディング */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-SCartBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-SCartBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-bbg);-webkit-box-shadow: var(--app-BgBoxInn-bbg); /* 内枠背景影色 */
}

/****************** サービス詳細 ******************/

/* サービス詳細・概要表示エリア */
.SvDLBox {width:100%;}
.SvDLBox dl {
	display: flex;
	margin: 0 auto;
	padding: 0;
	font-size: var(--font-SrvDL); /* サービス概要基本（詳細） フォントサイズ */
	border-bottom: var(--app-BgBoxKei-brd); /* 要素仕切り共通ボーダー指定 */
}
.SvDLBox dt {
	width: 25%;
	max-width: 120px;
	margin: 0;
	padding: 1.0rem;
	white-space:nowrap;
	font-weight: bold;
}
.SvDLBox dd {
	width: 75%;
	padding: 1.0rem 0 1.0rem 2.0rem;
}
/*** サービス申込表示エリア ***/

/* 決済金額表示 */
.Amount .SvDLBox dl {font-weight: bold;}
.Amount .SvDLBox dt.name {padding-top: 1.3rem;}
.Amount .SvDLBox dd.name {
	font-size: var(--font-AmountName); /* 購入商品名 フォントサイズ */
}
.Amount .SvDLBox dt.amount {padding-top: 2.0rem;}
.Amount .SvDLBox span.kinagakuTxt {
	font-size: var(--font-Amount); /* 決済金額 フォントサイズ */
	padding: 0 0.5rem 0 0;
}
/* ** box0501 end ** */

/* ** box0502 start ** */
/****************** セミナー詳細 ******************/

/*** 0502: セミナー詳細・概要表示エリア ***/
.SemDLBox,
.SemFLBox,
.SemURLBox {width:100%;}
.SemDLBox dl,
.SemFLBox dl,
.SemULBox dl {
	display: flex;
	margin: 0 auto;
	padding: 0;
	font-size: var(--font-SemDL); /* セミナー概要基本（詳細） フォントサイズ */
	border-bottom: var(--app-BgBoxKei-brd); /* 要素仕切り共通ボーダー指定 */
}
.SemDLBox dt,
.SemFLBox dt,
.SemULBox dt {
	width: 25%;
	max-width: 120px;
	margin: 0;
	padding: 1.0rem;
	white-space:nowrap;
	font-weight: bold;
}
.SemDLBox dd,
.SemFLBox dd,
.SemULBox dd {
	width: 75%;
	padding: 1.0rem 0 1.0rem 2.0rem;
}
.SemDLBox .dlinner dt {width:100%;margin: 0;padding: 0.5rem 0;}
.SemDLBox .dlinner dd {width:100%;margin: 0;padding: 0.5rem 0;}
.SemDLBox dd img {max-width: 100%;}

/*** セミナー申込表示エリア ***/

/* 決済金額表示 */
.Amount .SemDLBox dl {font-weight: bold;}
.Amount .SemDLBox dt.name {padding-top: 1.3rem;}
.Amount .SemDLBox dd.name {
	font-size: var(--font-AmountName); /* 購入商品名 フォントサイズ */
}
.Amount .SemDLBox dt.amount {padding-top: 2.0rem;}
.Amount .SemDLBox span.kinagakuTxt {
	font-size: var(--font-Amount); /* 決済金額 フォントサイズ */
	padding: 0 0.5rem 0 0;
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.SemDLBox,
	.SemFLBox,
	.SemULBox {
		padding: 0 1.5rem;
	}
}
/* ** box0502 end ** */

/* ** box0503 start ** */
/*** 0503: セミナー詳細画面での申し込み・購入ボタンボックス ***/
.SemBTBox {
	margin: var(--app-SemBTBox-mg); /* マージン */
	padding: var(--app-SemBTBox-pd); /* パディング */
	font-weight: bold;
	color: var(--app-SemBTBox-txt); /* テキスト色 */
	border-radius: var(--SemBTBox-rod);-webkit-border-radius: var(--SemBTBox-rod);-moz-border-radius: var(--SemBTBox-rod); /* 角丸 */
	border: var(--app-SemBTBox-brd); /* ボーダー指定 */
	backgrdound:  var(--app-SemBTBox-bg); /* 背景色 */
}
/* ** box0503 end ** */

/* ** box0504 start ** */
/****************** 商品詳細 ******************/

/*** 0504: 商品詳細・概要表示エリア ***/
.PrdDLBox,
.PrdFLBox,
.PrdULBox {width:100%;}
.PrdDLBox dl,
.PrdFLBox dl,
.PrdULBox dl {
	display: flex;
	margin: 0 auto;
	padding: 0;
	font-size: var(--font-PrdDL); /* 商品概要基本（詳細）フォントサイズ */
	border-bottom: var(--app-BgBoxKei-brd); /* 要素仕切り共通ボーダー指定 */
}
.PrdDLBox dt,
.PrdFLBox dt,
.PrdULBox dt {
	width: 25%;
	max-width: 120px;
	margin: 0;
	padding: 1.0rem;
	white-space:nowrap;
	font-weight: bold;
}
.PrdDLBox dd,
.PrdFLBox dd,
.PrdULBox dd {
	width: 75%;
	padding: 1.0rem 0 1.0rem 2.0rem;
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.PrdDLBox,
	.PrdFLBox,
	.PrdULBox {
		padding: 0 1.5rem;
	}
}
/* ** box0504 end ** */

/* ** box0505 start ** */
/*** 0505: 商品詳細画面での申し込み・購入ボタンボックス ***/
.PrdBTBox {
	margin: var(--app-CartBtBox-mg); /* マージン */
	padding: var(--app-CartBtBox-pd); /* パディング */
	font-weight: bold;
	color: var(--app-CartBtBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-CartBtBox-brd); /* ボーダー指定 */
	backgrdound:  var(--app-CartBtBox-bg); /* 背景色 */
}
.PrdBTFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 auto;
	padding: 0;
}
.PrdBTFlex .PrdNumBox {width: 230px;}
.PrdBTFlex .prdOrdBt {width: 300px;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.PrdBTFlex .PrdNumBox {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.PrdBTFlex .PrdNumBox .PrdNumBoxInn {float: right;}
	.PrdBTFlex .prdOrdBt {width: 100%;}
	}
}
/* ** box0505 end ** */

/* ** box0506 start ** */
/*** 0506: セミナー詳細画面でのセミナー名・概要個別設置 ***/

/* ディスクリプション個別設置 */
.sem_description .DetDescription {
	margin: var(--app-semDetDescription-mg); /* マージン */
	padding: var(--app-semDetDescription-pd); /* パディング */
	font-size: var(--font-semDetDescription); /* フォントサイズ */
	color: var(--app-semDetDescription-txt); /* テキスト色 */
	backgrdound:  var(--app-semDetDescription-bg); /* 背景色 */
}
/* 会場・住所個別設置 */
.sem_add .semAddArea {
	margin: var(--app-semAddArea-mg); /* マージン */
	padding: var(--app-semAddArea-pd); /* パディング */
	color: var(--app-semAddArea-txt); /* テキスト色 */
	backgrdound:  var(--app-semAddArea-bg); /* 背景色 */
}
.sem_add .semAddArea .DetVenue {
	font-size: var(--font-semDetVenue); /* フォントサイズ */
	font-weight: bold;
	line-height: 2.0;
}
.sem_add .semAddArea .DetAddress {
	font-size: var(--font-semDetAddress); /* フォントサイズ */
	font-weight: normal;
	line-height: 1.2;
}
/* 参加費用個別設置 */
.sem_pay .semPayArea {
	margin: var(--app-semPayArea-mg); /* マージン */
	padding: var(--app-semPayArea-pd); /* パディング */
	color: var(--app-semPayArea-txt); /* テキスト色 */
	backgrdound:  var(--app-semPayArea-bg); /* 背景色 */
}
.sem_pay dl.DetDlPay {
	display: flex;
	margin: 0 auto 2.0rem auto;
	padding: 0;
	font-size: var(--font-semDetDlPay); /* フォントサイズ */
}
.sem_pay dl.DetDlPay dt {
	width: 20%;
	max-width: 100px;
	margin: 0;
	padding-top: 1.0rem;
	white-space:nowrap;
}
.sem_pay dl.DetDlPay dd {
	width: 80%;
	padding: 0 0 0 0.5rem;
}
.sem_pay dl.DetDlPay dd span.kinagakuTxt {
	font-size: var(--font-sempaykinagakuTxt); /* フォントサイズ */
	font-weight: bold;
	padding: 0 1.0rem 0 0;
}
.sem_pay dl.DetDlPay dd span.payfree {
	color: var(--app-sempayfree-txt); /* テキスト色 */
}
/* 開催日程個別設置 */
.semDateArea dl.DetDlDate {
	display: flex;
	margin: var(--app-semDateArea-mg); /* マージン */
	padding: var(--app-semDateArea-pd); /* パディング */
	color: var(--app-semDateArea-txt); /* テキスト色 */
	backgrdound:  var(--app-semDateArea-bg); /* 背景色 */
	font-size: var(--font-semDateArea); /* フォントサイズ */
}
.semDateArea dl.DetDlDate dt {
	width: 20%;
	max-width: 100px;
	margin: 0;
	padding-top: 0;
	white-space:nowrap;
}
.semDateArea dl.DetDlDate dd {
	width: 80%;
	padding: 0 0 0 0.5rem;
	font-weight: bold;
}
.semDateArea .DetDlDate .dlinner {
	display: flex;
	margin: 0 auto;
	padding: 0.2rem 0;
}
.semDateArea dl.DetDlDate .dlinner dt {
	width: 15%;
	margin: 0;
	padding-top: 0;
	white-space:nowrap;
}
.semDateArea dl.DetDlDate .dlinner dd {
	width: 85%;
	padding: 0;
}
/* ** box0506 end ** */

/* ** box0507 start ** */
/*** 0507: 商品詳細画面での商品名・概要個別設置 ***/

/* ディスクリプション個別設置 */
.prd_description .DetDescription {
	margin: var(--app-prdDetDescription-mg); /* マージン */
	padding: var(--app-prdDetDescription-pd); /* パディング */
	font-size: var(--font-prdDetDescription); /* フォントサイズ */
	color: var(--app-prdDetDescription-txt); /* テキスト色 */
	backgrdound:  var(--app-prdDetDescription-bg); /* 背景色 */
}
/* 販売価格個別設置 */
.prd_pay .prdPayArea {
	margin: var(--app-prdPayArea-mg); /* マージン */
	padding: var(--app-prdPayArea-pd); /* パディング */
	color: var(--app-prdPayArea-txt); /* テキスト色 */
	backgrdound:  var(--app-prdPayArea-bg); /* 背景色 */
}
.prd_pay dl.DetDlPay {
	display: flex;
	margin: 0 auto 2.0rem auto;
	padding: 0;
	font-size: var(--font-prdDetDlPay); /* フォントサイズ */
}
.prd_pay dl.DetDlPay dt {
	width: 20%;
	max-width: 100px;
	margin: 0;
	padding-top: 2.0rem;
	white-space:nowrap;
}
.prd_pay dl.DetDlPay dd {
	width: 80%;
	padding: 0 0 0 0.5rem;
}
.prd_pay dl.DetDlPay dd span.kinagakuTxt {
	font-size: var(--font-prdpaykinagakuTxt); /* フォントサイズ */
	font-weight: bold;
	padding: 0 1.0rem 0 0;
}
.prd_pay dl.DetDlPay dd span.payfree {
	color: var(--app-prdpayfree-txt); /* テキスト色 */
}
/* ** box0507 end ** */

/****************** 購入商品点数アイコン表示 ******************/

/* ** box0601 start ** */
/*** 0601: 購入商品点数アイコン表示 ***/

/* カートに入っている数量 */
.cartbtn {position:relative;}
span.PrdCntDisp {
	position:absolute;
	bottom: 20px;
	left: 5px;
	padding: 0.5rem 1.0rem;
	z-index: 100;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	font-size: var(--font-PrdCntDisp);/* フォントサイズ */
	font-weight: bold;
	color: var(--PrdCntDisp-txt); /* テキスト色 */
	background: var(--PrdCntDisp-bg); /* 背景色 */
	animation: flash 1s linear infinite;/* 点滅 */
}
/* 点滅キーフレーム */
@keyframes flash {
	0% {opacity: 1;}
	50% {opacity: 0.5;}
	100% {opacity: 1;}
}
/* ** box0601 end ** */

/****************** 商品カート ******************/

/* ** box0602 start ** */
/*** 0602: カート内商品一覧表示ボックス ***/
/*** 1カラムでの設置 ***/
.CartClm1 .PrdCartBox {
	margin-left: auto;
	margin-right: auto;
}
.CartClm2 .CartFlexItem {width: 100%;}
/*** 2カラムでの設置 ***/

/* カート親枠 */
.CartClm2 .PrdCartBox {
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
}
.CartClm2 .CartFlexItem {width: 100%;}
.CartClm2 .PrdCartInt {width: 65%;}
.CartClm2 .PrdCartList {width: 30%;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.PrdCartBox {padding: 0 0.5em;margin-left: auto;margin-right: auto;}
	.CartClm2 .PrdCartBox {display: block;}
	.CartClm2 .CartFlexItem {width: 100%;}
	.CartClm2 .PrdCartInt {width: 100%;}
	.CartClm2 .PrdCartList {width: 100%;}
}
/********* カート内商品一覧表示ボックス *********/

/******* 商品カート外枠 *******/
.PrdCartSBox {
	width: 100%;
	margin: 0.5em auto;
	padding: 0.8em;
	border-radius: var(--Prd-rod);-webkit-border-radius: var(--Prd-rod);-moz-border-radius: var(--Prd-rod); /* 角丸 */
	border: var(--PrdCartSBox-brd); /* 外枠ボーダー指定 */
	background: var(--PrdCartSBox-bg); /* 外枠背景色 */
}
.PrdCartSBoxInn {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
/* 内枠共通 */
.PCIDBlock {width: 100%;}

/*** 商品カート内写真 ***/
.PrdCartSPh {
	width: 130px;
	margin: 0 1.0em 0 0;
	padding: 0;
	overflow: hidden;
}
.PrdCartSPh .PrdCartSPhDet {
	width: 100%;
	height: 102px;
	text-align: center;
	border-radius: var(--Prd-rod);-webkit-border-radius: var(--Prd-rod);-moz-border-radius: var(--Prd-rod); /* 角丸 */
	border: var(--PrdCrtPhoto-brd); /* ボーダー指定 */
	background: var(--PrdCrtPhoto-bg); /* 背景色 */
}
.PrdCartSPh .PrdCartSPhDet img {width: auto;height: 100px;}

/*** 商品カート内名称エリア ***/
.PrdCartSDet {width: 100%;margin: 0;padding: 0;}
.PrdCartSDetInn {}

/* 商品型番 */ 
.PrdCrtSNo {
	font-size: var(--font-PrdNo);/* 商品型番 フォントサイズ */
	font-weight: bold;
	line-height: 1.2;
}
/* 商品名 */
.PrdCrtSName {
	font-size: var(--font-PrdName);/* 商品名 フォントサイズ */
	font-weight: bold;
	line-height: 1.4;
}
/*** 商品カート内金額エリア ***/
.PrdCartSAmt {
	display: flex;
	align-items: center;
	font-weight: bold;
	padding-top: 0.5em;
}
.PrdCartSAmt span.kingakuTxt {
	padding: 0 0.2em;
	font-size: var(--font-PrdAmtB);/* 商品価格(大) フォントサイズ */
}
.PrdCrtSpayS {
	padding: 0 0.5em;
	font-size: var(--font-PrdAmt);/* 商品価格 フォントサイズ */
}
/* 商品カート内個数変更エリア */
.PrdNumBox {margin: 0;padding: 0;}
.PrdNumBoxInn {
	display: flex;
	align-items: center;
}
.PrdNumBoxR {
	float: right;
}
.PrdNumBox .PrdNumTi {
	padding: 0 0.2em;
	font-size: var(--font-PrdNumTi);/* 商品個数見出し フォントサイズ */
}
.PrdNumBox .PrdNumTxt {
	padding: 0 0.2em;
	font-size: var(--font-PrdNumTxt);/* 商品個数 フォントサイズ */
}
.PrdNumBox .PrdNum {padding: 0;}
.PrdNumBox .PrdNumCtrBt {padding: 0;}
.PrdNumBox .PrdNumUpdBt {padding: 0 0.1em;}

/****** 商品オプション外枠 ******/
.PrdNumOpBox {
	width: 100%;
	margin: 1.0em auto 0 auto;
	padding: 0.3em 0.8em;
	border-radius: var(--Prd-rod);-webkit-border-radius: var(--Prd-rod);-moz-border-radius: var(--Prd-rod); /* 角丸 */
	border: var(--PrdNumOpBox-brd); /* ボーダー指定 */
	background: var(--PrdNumOpBox-bg); /* 背景色 */
}
.PrdNumOpBoxInn,
.PrdCartOpCrt {
	display: flex;
	align-items: center;
	font-weight: bold;
}
/* 商品オプション時の個数変更 */
.PrdNumOpBox .PrdNumOpTi,
.PrdNumOpBox .PrdNumTxt {padding: 0 0.2em;font-size: var(--font-PrdNumTxt);}/* 商品個数 フォントサイズ */
.PrdNumOpBox .PrdNum {padding: 0;}
.PrdNumOpBox .PrdNumCtrBt {padding: 0;}
.PrdNumOpBox .PrdNumUpdBt {padding: 0 0.1em;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.PrdCartSBox {padding: 0.5em;}
	.PrdCartSPh {width: 100px;margin: 0 0.5em 0 0;}
	.PrdCartSPh .PrdCartSPhDet {height: 82px;}
	.PrdCartSPh .PrdCartSPhDet img {height: 80px;}
	.PrdCartSAmt {padding-top: 0.2em;padding-bottom: 1.0em;}
	.PrdNumOpBox {padding: 0.3em;}
}
/* ** box0602 end ** */

/* ** box0603 start ** */
/*** 0603: カート内商品合計金額表示ボックス ***/

/* 商品合計金額外枠 */
.PrdCartTotalBox {
	width: 100%;
	margin: 2.0rem auto;
	padding: 0;
	font-weight: bold;
}
.PrdCartTotalBox table {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.PrdCartTotalBox tr {
	border-bottom: var(--PrdCartTotalBox-brd); /* 外枠ボーダー指定 */
	background: var(--PrdCartTotalBox-bg); /* 外枠背景色 */
}
.PrdCartTotalBox tr.PrdCartTotalBrdNo {
	border-bottom: none;
}
.PrdCartTotalBox td {padding: 1.0em;text-align: right;}
.PrdCartTotalBox td.PrdCartTotalpay {padding: 0.2em 0.5em;}
.PrdCartTotalBox td.PrdCartTotalSpayNo {padding-top: 0;}

.PrdCartTotalBox tr.PrdCartDelv {
	background: var(--PrdCartDelv-bg); /* 配送費テーブル背景色 */
}
.PrdCartTotalBox td.PrdCartTotalTiSd {font-size: var(--font-PrdTotTi);}/* タイトル フォントサイズ */
.PrdCartTotalBox td.PrdCartTotalpay {font-size: var(--font-PrdTotPay);}/* 合計金額 フォントサイズ */
.PrdCartTotalBox td.PrdCartTotalpay span {font-size: var(--font-PrdTotPayS);}/* 合計金額小 フォントサイズ */
.PrdCartTotalBox td.PrdCartTotalTiS,
.PrdCartTotalBox td.PrdCartTotalSpay {font-size: var(--font-PrdTotTax);}/* 消費税 フォントサイズ */
.PrdCartTotalBox td.PrdCartTotalpayS {font-size: var(--font-PrdTotDlv);}/* 配送料 フォントサイズ */

.PrdCartTotalBox td.PrdCartTotalTiSd,
.PrdCartTotalBox td.PrdCartTotalTiS {width: 65%;}

/* カートオプション時の個数変更 */
.PrdCartOpCrt .PrdCartOpNum {padding: 0 0.5em;}
.PrdCartOpCrt .PrdCartOpBt {padding: 0;}
.PrdCartOpCrt .PrdNumUpdBt {padding: 0 0 0 0.3em;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.PrdCartTotalBox td {padding: 0.5em;}
	.PrdCartTotalBox td.PrdCartTotalpay {padding: 0.2em;}
}
/* ** box0603 end ** */

/****** 商品購入カート検索設定 ******/

/* ** box0701 start ** */
/*** 0701: 商品検索ボックス ***/
.SearchArea {
	width: 100%;
	margin: var(--prdsearch-mg); /* マージン */
	padding: var(--prdsearch-pd); /* パディング */
	border-radius: var(--prdsearch-rod);-webkit-border-radius: var(--prdsearch-rod);-moz-border-radius: var(--prdsearch-rod); /* 角丸 */
	font-size: var(--font-prdsearch-bt);/* フォントサイズ */
	color: var(--prdsearch-txt); /* テキスト色 */
	background: var(--prdsearch-bg); /* 背景色 */
	border: var(--prdsearch-brd); /* ボーダー指定 */
	box-shadow: var(--prdsearch-sd); /* 背景影色 */
}
.SearchBox {width: 100%;}
.SearchBox .SearchForm {margin: 0.5rem 0;}
.SearchBtBox {display: flex;}
.SearchBtBox .SearchBT {width: 100%;}
.SearchBtBox .SearchBT a {margin: 0.5em;}

/* ** box0701 end ** */

/* ** box0702 start ** */
/*** 0702: 商品カートカテゴリボタン ***/
.PrdCartNVAll,
.PrdCartCate {
	margin: 1.0rem 0;
	padding: 0.5rem 0;
	font-weight: bold;
	font-size: var(--font-PrdCartNVAll);/* フォントサイズ */
	text-align:center;
}
.PrdCartNVAll ul,
.PrdCartCate ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
}
.PrdCartNVAll li,
.PrdCartCate li {width: 100%;}
.PrdCartNVAll a,
.PrdCartCate a {
	width: 99%;
	display: block;
	padding: 1.0rem 0;
	border-radius: var(--PrdCartNVAll-rod);-webkit-border-radius: var(--PrdCartNVAll-rod);-moz-border-radius: var(--PrdCartNVAll-rod); /* 角丸 */
	color: var(--PrdCartNVAll-txt); /* テキスト色 */
	border: var(--PrdCartNVAll-brd);  /* ボーダー指定 */
	background: var(--PrdCartNVAll-bg);/* 背景色 */
	text-decoration: none;
}
.PrdCartNVAll a:hover,
.PrdCartCate a:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
.PrdCartNVAll a.crt,
.PrdCartCate a.crt {
	color: var(--PrdCartNVAll-crt-txt); /* テキスト色（カレント） */
	border: var(--PrdCartNVAll-crt-brd); /* ボーダー指定（カレント） */
	background: var(--PrdCartNVAll-crt-bg); /* 背景色（カレント） */
	text-decoration: none;
}
/* ** box0702 end ** */

/****************** 追加商品購入一覧外枠 ******************/

/* ** box0703 start ** */
/*** 0703: 追加商品購入一覧外枠 ***/
.PrdCartBoxInn {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 0.5em auto;
	padding: 0.8em;
	border-radius: var(--Prd-rod);-webkit-border-radius: var(--Prd-rod);-moz-border-radius: var(--Prd-rod);
	border: var(--PrdCartBoxInn-brd); /* ボーダー指定 */
	background: var(--PrdCartBoxInn-bg); /* 背景色 */
}
/*** 追加商品購入内写真 ***/
.PrdCartPh {
	width: 100px;
	margin: 0 1.0em 0 0;
	padding: 0;
	overflow: hidden;
}
.PrdCartPh .PrdCartPhDet {
	width: 100%;
	height: 62px;
	text-align: center;
	border-radius: var(--Prd-rod);-webkit-border-radius: var(--Prd-rod);-moz-border-radius: var(--Prd-rod);
	border: var(--PrdCrtPhoto-brd); /*ボーダー指定 */
	background: var(--PrdCrtPhoto-bg); /* 背景色 */
}
.PrdCartPh .PrdCartPhDet img {width: auto;height: 60px;}

/*** 追加商品購入内名称エリア ***/
.PrdCartDet {width: 100%;margin: 0;padding: 0;}

/* 商品型番 */ 
.PrdCrtNo {
	font-size: var(--font-PrdNo);/* 商品型番 フォントサイズ */
	font-weight: bold;
	line-height: 1.2;
}
/* 商品名 */
.PrdCrtName {
	font-size: var(--font-PrdNameS);/* 商品名(中) フォントサイズ */
	font-weight: bold;
	line-height: 1.4;
}
/* 商品価格 */
.PrdCrtPay {
	font-size: var(--font-PrdAmtM);/* 商品価格(中) フォントサイズ */
	font-weight: bold;
	line-height: 1.4;
}
.PrdCartBt {width: 100%;margin: 0;padding: 0;display: flex;}
.PrdCartBt p {width: 100%;margin: 0.5em 0.2em;}

/* ** box0703 end ** */

/****************** 商品購入カート住所設定 ******************/

/* ** box0801 start ** */
/*** 0801: 商品購入カート住所設定 ***/
/* 住所選択 */
.addArea {margin: 1.0rem auto;padding: 0.5rem 0;}
.addArea .addAreaInn {
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 48.0%;
	height: 200px;
	margin: 0.5rem;
	padding: var(--app-addAreaInn-pd);/* 外枠パディング */
	border-radius: var(--app-addAreaInn-rod);-webkit-border-radius: var(--app-addAreaInn-rod);-moz-border-radius: var(--app-addAreaInn-rod); /* 角丸 */
	border: var(--app-addAreaInn-brd); /* 外枠ボーダー指定 */
}
.addArea .addAreaInn .addName {
	border-bottom:var(--addDetailName-brd); /* ボーダー指定 */
}
.addBT a:hover {text-decoration: none;}

.addArea .addAreaInn .addDetail {padding: 0.5rem;font-size: var(--font-addDetail);} /* 住所詳細 フォントサイズ */
.addArea .addAreaInn .addName {padding: 0 0 0.5rem 0;font-size: var(--font-addName);}/* 名称 フォントサイズ */
.addArea .addAreaInn .addPost {padding: 0.5rem 0 0 0;}
.addArea .addAreaInn .addAddition {
	width: 100%;
	height: 150px;
	margin: 0;
	padding: 1.0rem;
	border-radius: var(--app-addAreaInn-rod);-webkit-border-radius: var(--app-addAreaInn-rod);-moz-border-radius: var(--app-addAreaInn-rod); /* 角丸 */
	border: var(--app-addAreaInn-brd); /* 外枠ボーダー指定 */
}
.addArea .addAreaInn .addAddition p.addAdditionTi {
	padding-top: 1.5rem;
	text-align: center;
	font-size: var(--font-addAdditionTi);/* 住所操作基本 フォントサイズ */
	font-weight: bold;
}
.addArea .addAreaInn .addAddition p.addAdditionIco {
	padding-top: 1.5rem;
	text-align: center;
	font-size: var(--font-addAdditionIco);/* 住所操作アイコン フォントサイズ */
	font-weight: bold;
}
.addArea .addAreaInn .radio-toggle.addSelect {
	position: absolute;
	bottom: 0.5rem;
	right: 1.0rem;
}
.addArea .addBTArea {
	position: absolute;
	bottom: 1.0rem;
	left: 2.0rem;
}
.addBT {float: left;}
.addBT a {
	width: 100px;
	margin: 0 0.5rem 0 0;
	padding: 0.5rem 0;
	font-size: var(--font-addBT);/* 住所操作ボタン フォントサイズ */
}
.addArea .addAreaDef {
	background: var(--addAreaDef-bg); /* 背景色 */
}
/*** 定休日設定 ***/
.remarksArea {margin: 0 auto;padding: 1.5rem 1.0rem;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.addArea .addAreaInn {display: block;}
	.addArea .addAreaInn {
		width: 95.0%;
		height: 200px;
		margin: 0.5rem auto;
	}
	.addBT a {width: 80px;}
}
/* ** box0801 end ** */

/****************** 決済関連ボックス ******************/

/* ** box0802 start ** */
/*** 0802: 決済関連ボックス ***/
/*** クレジット情報 ***/
.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: var(--font-cardAgtName-txt); /* 決済会社名称テキスト フォントサイズ */
	font-weight: bold;
}
.cardAjx {margin: 2.0rem auto;padding: 0;text-align: center;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.cardImg {display: flex;flex-wrap : wrap;}
}
/* ** box0802 end ** */

/****************** コメント・掲示板・レビューボックス ******************/

/******* コメント・掲示板・レビュー投稿ボックス *******/

/* ** box0901 start ** */
/*** 0901: コメント・掲示板・レビュー投稿ボックス ***/
/* 枠ボックス */
.commentBox {
	margin: var(--app-commentBox-mg); /* マージン */
	padding: var(--app-commentBox-pd); /* パディング */
	color: var(--app-commentBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-commentBox-brd); /* ボーダー指定 */
	background: var(--app-commentBox-bg); /* 背景色 */
	box-shadow: var(--app-commentBox-sd); /* 背景影色 */
}
/* タイトルエリア */
.commentBox p.commentTtitle {
	margin: var(--app-commentTtitle-mg); /* マージン */
	padding: var(--app-commentTtitle-pd); /* パディング */
	font-size: var(--font-commentTtitle); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--app-commentTtitle-brd); /* ボーダー指定 */
	background: var(--app-commentTtitle-bg); /* 背景色 */
}
/* 投稿用制御ボタン位置指定 */
.commentBT {
	float: right;
	width: var(--app-commentBT-size); /* ボタンエリアサイズ */
	margin: var(--app-commentBT-mg); /* マージン */
	padding: var(--app-commentBT-pd); /* パディング */
}
/* 投稿フォーム枠ボックス */
.commentInput {
	margin: var(--app-commentInput-mg); /* マージン */
	padding: var(--app-commentInput-pd); /* パディング */
}
/* 投稿フォーム入力エリア指定 */
.commentForm {
	margin: var(--app-commentForm-mg); /* マージン */
	padding: var(--app-commentForm-pd); /* パディング */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.commentBox {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	.commentBT {width: 100%;padding: 0 0.5em 2.0em 0.5em;}
	.commentInput {margin: 10px auto;padding: 5px 0;}/* コメント・レビュー登録画面の枠指定 */
}
/* ** box0901 end ** */

/******* コメント・掲示板・レビュー投稿コメント表示ボックス *******/

/* ** box0902 start ** */
/*** 0902: コメント・掲示板・レビュー投稿コメント表示ボックス ***/
/* 枠ボックス */
.commentList {
	margin: var(--app-commentList-mg); /* マージン */
	padding: var(--app-commentList-pd); /* パディング */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-commentList-brd); /* ボーダー指定 */
	box-shadow: var(--app-commentList-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 1.0rem; /* パディング */
	border-bottom: var(--app-commentNameArea-brd); /* ボーダー指定 */
}
.commentNameInn {float: right;text-align: right;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.commentNameInn {width: 75%;}
}
/* 投稿者ニックネーム */
.commentName {
	font-size: var(--font-commentName); /* フォントサイズ */
	font-weight: normal;
}
/* 投稿者ID */
.commentName span.commentNameS {
	padding: 0 1.0rem; /* パディング */
	font-size: var(--font-commentNameS); /* フォントサイズ */
	font-weight: normal;
}
/* 投稿ID・投稿時間 */
.commentTime {
	font-size: var(--font-commentTime); /* フォントサイズ */
	font-weight: normal;
}
/* 投稿返信元ID表示 */
.commentTxtRes {
	padding: 1.0rem 0.5rem 0 0.5rem; /* パディング */
	font-size: var(--font-commentTxtRes); /* フォントサイズ */
	line-height: 1.8;
}
/* 投稿テキスト */
.commentTxt {
	padding: 1.5rem 1.0rem; /* パディング */
	font-size: var(--font-commentTxt); /* フォントサイズ */
	line-height: 1.8;
}
/* 共感ボタン表示エリア */
.commentResArea {
	padding: 1.0rem 0 0.5rem 0; /* パディング */
	border-top: var(--app-commentResArea-brd); /* ボーダー指定 */
}
.commentResL {float: left;}
.commentResR {float: right;}
.commentResBT {
	float: left;
	margin: 0 0.2rem; /* マージン */
}
/* ** box0902 end ** */

/****************** 掲示板ボックス ******************/

/* ** box0903 start ** */
/*** 0903: トピックス一覧ボックス ***/

/* 外枠ボックス */
.boardList {
	margin: var(--app-boardList-mg); /* マージン */
	padding: var(--app-boardList-pd); /* パディング */
	color: var(--app-boardList-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-boardList-brd); /* ボーダー指定 */
	background: var(--app-boardList-bg); /* 背景色 */
	box-shadow: var(--app-boardList-sd); /* 背景影色 */
}
/* 内枠ボックス（リスト部分） */
.boardListLink {
	margin: var(--app-boardListLink-mg); /* マージン */
	padding: var(--app-boardListLink-pd); /* パディング */
	color: var(--app-boardListLink-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-boardListLink-brd); /* ボーダー指定 */
	background: var(--app-boardListLink-bg); /* 背景色 */
	box-shadow: var(--app-boardList-sd); /* 背景影色 */
}
/* 投稿者情報表示エリア */
.boardListProf {
	display: flex;
	margin: 0 auto;
	padding: 0.5rem 0.5rem 1.5rem 0.5rem;
	border-bottom: var(--app-boardListProf-brd); /* ボーダー指定 */
}
.boardListProf h2 {
	padding: 1.0rem 0 0 1.5rem;
	font-size: var(--font-boardSTitle); /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.boardListProf h2 {
		width: 85%;
		padding: 0rem 0 0 1.5rem;
	}
}
.boardListBt {float: left;padding: 1.5rem 0 0 0;}
.boardListName {float: right;text-align: right;}

/* 一覧投稿日時 */
.boardTopicsTime {
	padding: 0.5rem 0 0 0;
	font-size: var(--font-boardTopicsTime); /* フォントサイズ */
}
/* 一覧投稿者名 */
.boardTopicsName {
	padding: 0;
	font-size: var(--font-boardTopicsName); /* フォントサイズ */
}
/* 一覧投稿者ID */
.boardNameS {
	padding-left: 1.0rem;
	font-size: var(--font-boardNameS); /* フォントサイズ */
}
/* ** box0903 end ** */

/******* トピックス詳細ボックス *******/

/* ** box0904 start ** */
/*** 0904: トピックス詳細ボックス ***/
/* 枠ボックス */
.boardArea {margin: 0 auto;padding: 0;}
.board_topicsBox {margin: 0 auto;padding: 0 0 1.0em 0;}
.board_topicsBox h1 {
	margin: var(--app-boardTitle-mg);/* マージン */
	padding: var(--app-boardTitle-pd); /* パディング */
	text-align: left;
	color: var(--app-boardTitle-txt); /* テキスト色 */
	font-size: var(--font-boardTitle); /* フォントサイズ */
	line-height: 1.4em;
}
/* ** box0904 end ** */

/******* トピックス登録ボックス *******/

/* ** box0905 start ** */
/*** 0905: トピックス登録ボックス ***/
/* 枠ボックス */
.NewTpiBox {
	padding: var(--BgBox-pd); /* 外枠パディング */
	color: var(--app-NewTpiBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-NewTpiBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-NewTpiBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-bbg);-webkit-box-shadow: var(--app-BgBox-bbg);/* 外枠背景影色 */
}
.NewTpiBoxInn {
	padding: var(--BgBoxInn-pd); /* 内枠パディング */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-NewTpiBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-NewTpiBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-BgBoxInn-bbg);-webkit-box-shadow: var(--app-BgBoxInn-bbg); /* 内枠背景影色 */
}
/* ** box0905 end ** */

/****************** お問い合わせ要素 ******************/

/******* お問い合わせエリア基本 *******/

/* ** box1001 start ** */
/*** 1001: お問い合わせ登録ボックス ***/
/* 枠ボックス */
.contactBox {
	padding: var(--BgBox-pd);/* 外枠パディング */
	color: var(--app-contactBox-txt); /* テキスト色 */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-contactBox-brd); /* 外枠ボーダー指定 */
	background: var(--app-contactBox-bg); /* 外枠背景色 */
	box-shadow: var(--app-BgBox-bbg);-webkit-box-shadow: var(--app-BgBox-bbg); /* 外枠背景影色 */
}
.contactBoxInn {
	padding: var(--BgBoxInn-pd);/* 内枠パディング */
	border-radius: var(--BgBox-rod);-webkit-border-radius: var(--BgBox-rod);-moz-border-radius: var(--BgBox-rod); /* 角丸 */
	border: var(--app-contactBoxInn-brd); /* 内枠ボーダー指定 */
	background: var(--app-contactBoxInn-bg); /* 内枠背景色 */
	box-shadow: var(--app-contactBoxInn-bbg);-webkit-box-shadow: var(--app-BgBoxInn-bbg); /* 内枠背景影色 */
}
/* タイトルエリア */
.contactBox p.contactTtitle {
	margin: var(--app-contactTtitle-mg); /* マージン */
	padding: var(--app-contactTtitle-pd); /* パディング */
	font-size: var(--font-contactTtitle); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--app-contactTtitle-brd); /* ボーダー指定 */
	background: var(--app-contactTtitle-bg); /* 背景色 */
}
.contactBox .formThanks {padding: var(--BgBox-pd);}/* 外枠パディング */

/* ** box1001 end ** */

/********* 記事投稿者ボックス *********/

/* ** box1101 start ** */
/*** 1101: 記事投稿者ボックス ***/
/* 枠ボックス */
.authorBox {
	margin: var(--app-authorBox-mg); /* マージン */
	padding: var(--app-authorBox-pd); /* パディング */
	color: var(--app-authorBox-txt); /* テキスト色 */
	border-radius: var(--app-authorBox-rod);-webkit-border-radius: var(--app-authorBox-rod);-moz-border-radius: var(--app-authorBox-rod); /* 角丸 */
	border: var(--app-authorBox-brd); /*ボーダー指定 */
	background: var(--app-authorBox-bg); /* 背景色 */
	box-shadow: var(--app-authorBox-bbg);-webkit-box-shadow: var(--app-authorBox-bbg);/* 背景影色 */
}
.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: var(--font-Detti); /* 投稿者タイトル（詳細）フォントサイズ */
	font-weight: bold;
	border-bottom: var(--app-authorDetTi-brd); /*ボーダー指定 */
}
.authorBox .authorDetail p.authorDetName {
	padding: 1.0rem 0 0.5rem 0;
	font-size: var(--font-Detname); /* 投稿者氏名（詳細）フォントサイズ */
	font-weight: bold;
	line-height: 1.2em;
}
.authorBox .authorDetail p.authorDetCorp {
	padding: 0;
	font-size: var(--font-Detwork); /* 投稿者組織名（詳細）フォントサイズ */
}
.authorBox .authorDetail p.authorDetProf {
	padding-top: 1.0rem;
	font-size: var(--font-Detprof); /* 投稿者プロフィール（詳細）フォントサイズ */
	line-height: 1.4em;
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.authorBox {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}
/* ** box1101 end ** */
@charset "utf-8";
/***************************************************
information
  filename : dezpt_parts.css;
***************************************************/

/*======== app_dezpt_dez.css ========*/
/******************************************* デザインパーツ設定 *******************************************/

/****************** 会員遷移ボタンデザインパーツ（ヘッダーで使用） ******************/

/* ** dezpt_basic start ** */
/*** 共通設定 ***/

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

/*** デザインパターン全てのボタン配置共通 ***/
.mnaviDez {display: flex;}
.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: var(--app-memlogin-txt); /* テキスト色 */
	background: var(--app-memlogin-bg);/* 背景色 */
}
/* ログアウトボタン装飾 */
.mnaviArea .logoutbtn a {
	color: var(--app-memlogout-txt); /* テキスト色 */
	background: var(--app-memlogout-bg);/* 背景色 */
}
/* 新規会員登録ボタン装飾 */
.mnaviArea .newregbtn a {
	color: var(--app-newreg-txt); /* テキスト色 */
	background: var(--app-newreg-bg);/* 背景色 */
}
/* マイページボタン装飾 */
.mnaviArea .mypagebtn a {
	color: var(--app-memmypage-txt); /* テキスト色 */
	background: var(--app-memmypage-bg);/* 背景色 */
}
/* セミナーボタン装飾 */
.mnaviArea .sembtn a {
	color: var(--app-memsembt-txt); /* テキスト色 */
	background: var(--app-memsembt-bg);/* 背景色 */
}
/* カートボタン装飾 */
.mnaviArea .cartbtn a {
	color: var(--app-memcartbt-txt); /* テキスト色 */
	background: var(--app-memcartbt-bg);/* 背景色 */
}
/* お問合せボタン装飾 */
.mnaviArea .contactbtn a {
	color: var(--app-memcontactbt-txt); /* テキスト色 */
	background: var(--app-memcontactbt-bg);/* 背景色 */
}
/* ** dezpt_basic end ** */

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

/* ボタン制御 */
.mnavitype01 {margin: var(--app-mnavitype01-mg);} /* マージン */
.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;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.mnavitype01 .mnaviArea nav {display: block;}
	.mnavitype01 .mnaviArea .LoginNavi ul {display: flex;margin-bottom: 0.5rem;gap: 0 0.4rem;}
	.mnavitype01 .mnaviArea .LoginNavi li {width: 100%;}
	.mnavitype01 .mnaviArea .LoginNavi a {width: 100%;}
}
/* ** dezpt0101 end ** */

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

/* ボタン制御 */
.mnavitype02 {margin: var(--app-mnavitype02-mg);} /* マージン */
.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;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.mnavitype02 .mnaviArea nav {display: block;}
	.mnavitype02 .mnaviArea .LoginNavi ul {display: flex;margin-bottom: 0.5rem;gap: 0 0.4rem;}
	.mnavitype02 .mnaviArea .LoginNavi li {width: 100%;}
	.mnavitype02 .mnaviArea .LoginNavi a {width: 100%;}
}
/* ** dezpt0102 end ** */

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

/* ボタン制御 */
.mnavitype03 {margin: var(--app-mnavitype03-mg);} /* マージン */
.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;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.mnavitype03 .mnaviArea nav {display: block;}
	.mnavitype03 .mnaviArea .LoginNavi ul {display: flex;margin-bottom: 0.5rem;gap: 0 0.4rem;}
	.mnavitype03 .mnaviArea .LoginNavi li {width: 100%;}
	.mnavitype03 .mnaviArea .LoginNavi a {width: 100%;}
}
/* ** dezpt0103 end ** */

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

/* ボタン制御 */
.mnavitype04 {margin: var(--app-mnavitype04-mg);} /* マージン */
.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;}

/* ** dezpt0104 end ** */

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

/* ** dezpt02 start ** */
/*** 02: ログイン者表示要素 ***/

/* サムネイル写真指定 */
.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 {
	font-weight: bold;
	font-size: var(--font-LoginName);/* ログイン者氏名 フォントサイズ */
	line-height: 1.2;
	padding-bottom: 0.2rem;
}
/* ログイン者会員番号 */
.member_info_txt .LoginMemNo,
.member_info_pd_txt .LoginMemNo {
	font-weight: bold;
	font-size: var(--font-LoginMemNo);/* ログイン者会員番号 フォントサイズ */
	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 {
	font-weight: bold;
	font-size: var(--font-LoginName);/* ログイン者氏名 フォントサイズ */
	line-height: 1.2;
	padding-right: 1.0rem;
}
.member_info_name_txt .LoginMemNo {
	font-weight: bold;
	font-size: var(--font-LoginMemNo);/* ログイン者会員番号 フォントサイズ */
}
/*** ログイン者情報表示枠 ***/

/* ログイン情報（写真付き） */
.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;}

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

/*** 通知基本設定 ***/
.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;}

/* ** dezpt02 end ** */

/****************** 入力ステップ基本要素 ******************/

/* ** dezpt03 start ** */
/*** 03: 入力ステップ基本要素 ***/

/*** ステップ基本デザイン ***/

/* 枠ボックス */
.step_flow {
	margin: var(--step-bsc-mg); /* 外枠マージン */
	padding: var(--step-bsc-pd); /* 外枠パディング */
	background: var(--step-bsc-bg); /* 外枠背景色 */
}
.step_flow ul {
	margin: var(--step-bscInn-mg); /* 内枠マージン */
	padding: var(--step-bscInn-pd); /* 内枠パディング */
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	color: var(--step-bsc-txt); /* テキスト色 */
	background: var(--step-bscInn-bg); /* 内枠背景色 */
}
/* 項目要素 */
.step_flow li {
	width: 100%;
	min-width: 150px;
	text-align: center;
	background: #fff; /* 内枠背景色 */
}
.step_flow li.crt {
	color: var(--step-bsc-lifc-txt); /* テキスト色（カレント） */
	background: var(--step-bsc-lifc-bg); /* 背景色（カレント） */
}
/* ステップ項目テキスト要素 */
.step_flow p.flow_ti {
	font-size: var(--font-step-ti); /* 見出し フォントサイズ */
	font-weight: bold;
}
.step_flow p.flow_com {
	font-size: var(--font-step-txt); /* サブテキスト フォントサイズ */
	font-weight: bold;
}
/*** デザインパターン ***/

/* デザイン01(余白無し横罫線のみ) */
.flow_dezpt01 .step_flow li {
	margin: var(--step-bsc-litp01-mg); /* マージン */
	padding: var(--step-bsc-litp01-pd); /* パディング */
	border-left: var(--step-bsc-brd);  /* ボーダー指定 */
}
.flow_dezpt01 .step_flow li:last-child {
	border-right: var(--step-bsc-brd);  /* ボーダー指定 */
}
/* デザイン02(ボタン形式) */
.flow_dezpt02 .step_flow li {
	margin: var(--step-bsc-litp02-mg); /* マージン */
	padding: var(--step-bsc-litp02-pd); /* パディング */
	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);  /* ボーダー指定 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.step_flow li {min-width: 60px;}
	.step_flow p.flow_com {display: none;}
}
/* ** dezpt03 end ** */

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

/* ** dezpt0401 start ** */
/*** 0401: 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);}

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

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

/* ** dezpt0501 start ** */
/*** 0501: タグ検索要素 ***/

/* タグ検索基本枠ボックス */
.tagSearch {
	margin: var(--tagSearch-mg); /* マージン */
	padding: var(--tagSearch-pd); /* パディング */
	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); /* ボーダー指定 */
}
/* タグ検索タイトル */
.tagSearchTi {
	margin: var(--tagSearchTi-mg); /* マージン */
	padding: var(--tagSearchTi-pd); /* パディング */
	text-align: left;
	color: var(--tagSearchTi-txt); /* テキスト色 */
	background: var(--tagSearchTi-bg); /* 背景色 */
	border-radius: var(--tagSearchTi-rod);-webkit-border-radius: var(--tagSearchTi-rod);-moz-border-radius: var(--tagSearchTi-rod); /* 角丸 */
	border: var(--tagSearchTi-brd); /* ボーダー指定 */
	font-size: var(--app-tagSearchTi);/* フォントサイズ */
	line-height: 1.2em;
}
/* タグ検索内枠 */
.tagSearchInn {
	position: relative;
	margin: var(--tagSearchInn-mg); /* マージン */
	padding: var(--tagSearchInn-pd); /* パディング */
	background: var(--tagSearch-bg); /* 背景色 */
}
.tagSearch ul {list-style: none;}

/* タグ検索もっと見るボタン */
.grad-btn {
	z-index: 3;
	position: absolute;
	right: 0;
	bottom: var(--tagSearchBt-pos); /* ボタン位置 */
	left: 0;
	width: var(--tagSearchBt-size); /* ボタンサイズ */
	margin: var(--tagSearchBt-mg); /* マージン */
	padding: var(--tagSearchBt-pd); /* パディング */
	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: var(--font-tagLink-grad);/* フォントサイズ */
}
.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: var(--tagSearchBt-hd); /* ボタン位置に合わせた高さ指定 */
	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;}

/* ** dezpt0501 end ** */

/****************** タグアイコン要素 ******************/

/* ** dezpt0601 start ** */
/*** 0601: コンテンツ詳細でのタグアイコン表記 ***/

/* タグアイコン共通設定 */
.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: var(--TagLink-mg); /* マージン */
	padding: var(--TagLink-pd); /* パディング */
	display: flex;
	align-items: center;
	min-height: 1.5rem;
	font-size: var(--font-tagLink); /* フォントサイズ */
	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;
	font-size: var(--font-tagLink);/* フォントサイズ */
}
.detTagLink li {
	margin: 0 auto;
	padding: 1.0rem 0;
}
/* ** dezpt0601 end ** */

/********* カテゴリ表記要素(詳細画面共通) *********/

/* ** dezpt0701 start ** */
/*** 0701: コンテンツ詳細でのタグアイコン表記 ***/

/* カテゴリアイコン共通設定 */
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: var(--DetcateName-mg); /* マージン */
	padding: var(--DetcateName-pd); /* パディング */
	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: var(--font-DetcateName); /* フォントサイズ */
	font-weight: bold;
}
/* ** dezpt0701 end ** */

/********* 閲覧数・コメント・いいね数・日付表示要素（詳細画面用） *********/

/* ** dezpt0801 start ** */
/*** 0801: コンテンツ詳細での閲覧数・コメント・いいね数・日付表示 ***/

/* 共通設定 */
.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: var(--font-ico-b);/* フォントサイズ */
	font-weight: bold;
}
/* 詳細登録日時表示 */
.rank_date_c_area p.date {
	font-size: var(--font-date);/* フォントサイズ */
	font-weight: bold;
}
/* ** dezpt0801 end ** */

/********* サイト内いいね・お気に入り機能要素 *********/

/* ** dezpt0901 start ** */
/*** 0901: いいね・お気に入りボタン設置個別指定 ***/

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

/* いいね・お気に入りボタン設置個別指定 */
.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: var(--font-share-favorite); /* フォントサイズ */
}
.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;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.siteShareBox,
	.siteFavoriteBox {margin: 0 auto;padding: 1.0rem 0;}
	.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;}
}
/* ** dezpt0901 end ** */

/****************** システム利用アイコン共通要素 ******************/

/* ** dezpt10 start ** */
/*** 10: システム利用アイコン共通要素 ***/

/* 共通設定 */
span.IcoBox {
	border-radius: var(--IcoBox-rod);-webkit-border-radius: var(--IcoBox-rod);-moz-border-radius: var(--IcoBox-rod); /* 角丸 */
}
/* 親要素に対して幅継承（主に各種ステータス表示で利用） */
span.NrIcBg {
	margin: var(--NrIcBg-mg);/* マージン */
	padding: var(--NrIcBg-pd); /* パディング */
	text-align:center;
	font-size: var(--font-NrIcBg);/* フォントサイズ */
	font-weight:bold;
	display:block;
}
/* ** dezpt1001 end ** */

/* 幅固定（主に各種ステータス表示で利用） */
span.MdIcBg {
	width: var(--MdIcBg-size); /* アイコンサイズ */
	margin: var(--MdIcBg-mg); /* マージン */
	padding: var(--MdIcBg-pd); /* パディング */
	text-align:center;
	font-size: var(--font-MdIcBg);/* フォントサイズ */
	font-weight:bold;
	display:block;
}
/* 幅固定小サイズ（主にnewマークや必須アイコン表示で利用） */
span.NewIcBg {
	border-radius: var(--IcoBox-rod);-webkit-border-radius: var(--IcoBox-rod);-moz-border-radius: var(--IcoBox-rod); /* 角丸 */
	width: var(--NewIcBg-size); /* アイコンサイズ */
	margin: var(--NewIcBg-mg); /* マージン */
	padding: var(--NewIcBg-pd); /* パディング */
	text-align:center;
	font-size: var(--font-NewIcBg);/* フォントサイズ */
	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); /* 背景色 */
}
/* ** dezpt10 end ** */

/****************** テーブル要素 ******************/

/* ** dezpt11 start ** */
/*** 11: テーブル要素 ***/

/* 共通設定 */
.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); /* ボーダー指定 */
}
.TableBox td {
	padding: var(--TableBox-td-pd); /* パディング */
	background: var(--TableBox-td-bg);/* 背景色 */
	border: var(--TableBox-brd); /* ボーダー指定 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	/* スクロール設定 */
	.TableBox table.ScrTable {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		table-layout: fixed;
	}
}
/* ** dezpt11 end ** */

/****************** 検索要素 ******************/

/* ** dezpt1201 start ** */
/*** 1201: キーワード検索 ***/
/* 共通設定 */
.search_container {
	width: 100%;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	display: block;
	margin: var(--contsearch-mg); /* マージン */
	padding: var(--contsearch-pd); /* パディング */
	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: var(--font-freesearch);}/* フォントサイズ */
.search_container input[type="text"]{border: none;width: 100%;height: 2.0em;}
.search_container input[type="text"]:focus {outline: 0;}
.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: var(--font-contsearch-bt);/* フォントサイズ */
	background: var(--contsearch-bt-bg); /* 背景色 */
	color: var(--contsearch-txt); /* テキスト色 */
}
/* ** dezpt1201 end ** */

/* ** dezpt1202 start ** */
/*** 1202: キーワード検索(ボタン分離) ***/
.search_container_sepl {
	display: flex;
	justify-content: flex-end;
}
.seplTxt {
	margin: var(--contsearch-sepl-mg); /* マージン */
	padding: var(--contsearch-sepl-pd); /* パディング */
	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: var(--font-freesearch-sepl); /* フォントサイズ */
	font-weight: normal;
}
.seplTxt.TxtArea {width: var(--contsearch-sepl-txt-size);} /* フリーテキスト */
.seplTxt.DayArea {width: var(--contsearch-sepl-day-size);} /* 日付入力 */
.seplBt {
	padding: var(--contsearch-sepl-bt-pd); /* パディング */
	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: var(--font-freesearch-sepl); /* フォントサイズ */
	border: none; /* ボーダー指定 */
	-webkit-appearance:none;
}
.seplBt:hover {filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;text-decoration:none;}
/* ** dezpt1202 end ** */

/****************** スライドショー要素 ******************/

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

/* 共通設定 */
.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: var(--font-slickNB); /* フォントサイズ */
	color: var(--slickNB-bg); /* テキスト色 */
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.slick-prev {left: 10px;}
	.slick-next {right: 20px;}
}
/* ドットボタン設定 */
.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;}

/* ** dezpt1301 end ** */

/* ** dezpt1302 start ** */
/*** 1302: 画像スライド表示（サムネイル画像表示） ***/
.sldSinpleThum img {width: 100%;height: auto;cursor: pointer;cursor: hand;}
.sldSinpleThum .thum-img {opacity: 0.3;}
.sldSinpleThum .slick-current {opacity: 1;}

/* ** dezpt1302 end ** */

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

/* 共通設定 */
.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: var(--font-slideDfInn-ti); /* フォントサイズ */
	line-height: 1.2em;
	overflow: hidden;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@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: var(--font-slideDfInn-cap); /* フォントサイズ */
	font-weight: bold;
	line-height: 1.2em;
	text-align: right;
	border-top: var(--slideDfInn-cap-brd); /* ボーダー指定 */
}
.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%;
}
/* ** dezpt1303 end ** */

/* ** dezpt1304 start ** */
/*** 1304: 画像スライド表示（コンテンツ登録画像表示）(コンテンツタイトル表示なし) ***/

/* ** dezpt1304 end ** */

/* ** dezpt1305 start ** */
/*** 1305: ドット表示パターン（ドット表示背景色付き下配置） ***/

/* 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;}

/* ** dezpt1305 end ** */

/* ** dezpt1306 start ** */
/*** 1306: ドット表示パターン（ドット表示背景色付き透過配置） ***/

/* 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); /* ドットアクティブ色 */
}
/* ** dezpt1306 end ** */

/* ** dezpt1401 start ** */
/*** 1401: ヘッダーロゴ ***/

#header p.logo {
	padding: var(--app-logo-pd); /* パディング */
	max-width: 400px;
}
#header p.logo img,
#spheader p.logo img,
#spfooter p.logo img {max-width: 100%;}
#header li {list-style: none;}

/* Fix(固定)メニュー */
#header .scroll-fix p.logo,
#header .scroll-Fixed p.logo {padding-top: 1.2rem;max-width: 200px;}

/* スマホ時ヘッダーロゴ */
#spheaderMenu p.logo {
	padding: 1.5rem 0 0 1.0rem;
	max-width: 180px;
}
/* ** dezpt1401 end ** */

/* ** dezpt1402 start ** */
/*** 1402: コピーライト ***/
.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;
}
/* ** dezpt1402 end ** */

/* ** dezpt1501 start ** */
/*** 1501: カーソルマウスオン時のツールチップ要素  ***/

/* カーソル重ねる要素 */
.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: var(--app-tooltip-pd); /* パディング */
	white-space: nowrap; /* テキストを折り返さない */
	font-size: var(--font-tooltip-txt); /* フォントサイズ */
	line-height: 1.3; /* 行間 */
	color: var(--app-tooltip-txt); /* テキスト色 */
	background: var(--app-tooltip-cr); /* 背景色 */
	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;
}
/* ** dezpt1501 end ** */

/* ** dezpt1601 start ** */
/*** 1601: カレンダー表示要素  ***/

/* カレンダー月選択表示設定 */
.calendarHead {padding: 0px;text-align:center;position: relative;}
.calendarMD {
	padding-top: var(--font-calendarMD-txt); /* パディング */
	font-weight: bold;
	line-height: 1.2;
}
.calendarMD .calendarYear {
	font-size: var(--font-calendarYear); /* フォントサイズ（年） */
}
.calendarMD .calendarMnt {
	font-size: var(--font-calendarMnt); /* フォントサイズ（月） */
}
.calendarMD .calendarYearD {
	padding: var(--app-calendarYearD-pd); /* パディング */
	font-size: var(--font-calendarYearD); /* フォントサイズ（年・月選択用カレンダー） */
}
/* カレンダー年月リンク */
.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: var(--app-calendarLink-pd); /* パディング */
	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: var(--font-calendarLink); /* フォントサイズ*/
	font-weight: bold;
}
.calendarLink a:hover {background: var(--app-calendarLink-cr-ah);} /* 背景色 マウスオン */

/* 通常カレンダー本体表示設定 */
.calendarTable {
	margin: var(--app-calendarTable-mg); /* マージン */
	padding: var(--app-calendarTable-pd); /* パディング */
}
.calendarTable table {
	width:100%;
	border-collapse: separate;
	border-spacing : 0.3rem;
	font-size: var(--font-calendarTable-txt); /* フォントサイズ*/
}
.calendarTable th {
	width:14.28%;
	padding: var(--app-calendarTable-th-pd); /* パディング(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: var(--app-calendarTable-td-pd); /* パディング(TD) */
	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: var(--font-calendarTable); /* フォントサイズ*/
}
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: var(--app-calendarBtLink-mg); /* マージン */
	padding: var(--app-calendarBtLink-pd); /* パディング */
}
.calendarBtLinkInn {
	width: 24%;
	margin: var(--app-calendarBtLinkInn-mg); /* マージン */
	display: inline-block;
}
.calendarBtLinkInn a {
	padding: var(--app-calendarBtLinkInn-pd); /* パディング */
	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: var(--app-calendarBtLinkMnt); /* フォントサイズ*/
	color: var(--app-calendarBtLinkMnt-txt); /* テキスト色 */
}
/* 設定状態表示 */
.calendarBtLinkTxt {
	margin: var(--app-calendarBtLinkTxt-mg); /* マージン */
	padding: var(--app-calendarBtLinkTxt-pd); /* パディング */
	font-size: var(--app-calendarBtLinkTxt); /* フォントサイズ*/
	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); /* 背景色 */
}
/* ** dezpt1601 start ** */

/* ** dezpt1602 start ** */
/*** 1602: jqueryポップアップカレンダー  ***/

/* ** dezpt1602 start ** */

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

/* メインテキスト設定 */
.articleBox p,
p.mainTxt {
	margin: var(--app-mainTxt-mg); /* マージン */
	padding: var(--app-mainTxt-pd); /* パディング */
	color: var(--app-mainTxt-txt); /* テキスト色 */
	font-size: var(--font-mainTxt); /* フォントサイズ */
	line-height: var(--font-mainTxt-gy); /* 行間 */
}
/* メインキャプション設定 */
p.mainCap {
	margin: var(--app-mainCap-mg); /* マージン */
	padding: var(--app-mainCap-pd); /* パディング */
	color: var(--app-mainCap-txt); /* テキスト色 */
	font-size: var(--font-mainCap); /* フォントサイズ */
	line-height: var(--font-mainCap-gy); /* 行間 */
}
/* ** dezpt1701 end ** */

/* ** dezpt1702 start ** */
/****************** 左右二分割画像背景 ******************/
/* 基本設定 */
.tblckArea {width: 100%;margin: 0 auto;}
.tblckBox {width: 50%;margin: 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;}

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

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	.tblckTi {font-size: 3.0rem;line-height: 1.2em;}
	.tblckTxt {font-size: 1.6rem;line-height: 1.6em;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.tblckBox {width: 100%;margin: 0;padding: 0;}
	.lyot01,
	.lyot02 {float: none;}
	.tblckTi {font-size: 3.0rem;line-height: 1.2em;}
	.tblckTxt {font-size: 1.6rem;line-height: 1.6em;}
	.lyot01 .tblckTi,
	.lyot01 .tblckTxt {text-align: left;}
	.lyot02 .tblckTi,
	.lyot02 .tblckTxt {text-align: left;}
	.lyot01 .tblckInn {width: 100%;float: none;padding: 3.0rem 2.5rem 0 2.5rem;}
	.lyot02 .tblckInn {width: 100%;float: none;padding: 3.0rem 2.5rem;}
}
/* ** dezpt1702 end ** */

/* ** dezpt1703 start ** */
/****************** 写真左 テキスト右・写真右 テキスト左 ******************/
/* 基本設定 */
.lrblckArea {
	width: 100%;
	height: 500px;
	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: 4.2rem;
	line-height: 1.0em;
}
.lrblckTxt {
	padding: 2.0rem 0;
	color: #000;
	font-size: 1.8rem;
	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;}

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	.lrblckArea {height: 500px;}
	.lrblckInn {width: 100%;padding: 6.0rem 3.0rem;}
	.lrblckTi {font-size: 3.5rem;line-height: 1.2em;}
	.lrblckTxt {font-size: 1.6rem;line-height: 1.4em;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@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;}
	.lrblckTi {font-size: 3.0rem;line-height: 1.2em;}
	.lrblckTxt {font-size: 1.6rem;line-height: 1.4em;}
	.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;}
}
/* ** dezpt1703 end ** */

/* ** dezpt1704 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: 3.2rem;
	text-align: center;
}
.phblckTxtInn {
	padding: 1.0rem 0;
	color: #000;
	font-size: 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;}
.ptWdM .phlyot01 .phblckImg,
.ptWdS .phlyot01 .phblckImg {background-size: auto 100%;}
.ptWdM .phlyot02 .phblckImg,
.ptWdS .phlyot02 .phblckImg {background-size: auto 100%;}
.ptWdM .phlyot03 .phblckImg,
.ptWdS .phlyot03 .phblckImg {background-size: auto 100%;}

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	.phblckTxtInn {line-height: 1.6em;}
	.phblckTi {font-size: 3.0rem;}
	.phblckTxtInn {font-size: 1.6rem;}
	.phlyot01 .phblckImg {background-size: auto 100%;}
	.phlyot02 .phblckImg {background-size: auto 100%;}
	.phlyot03 .phblckImg {background-size: auto 100%;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.phblckArea {width: 100%;}
	.phblckBox {width: 100%;display: block;}
	.phblckTi {font-size: 3.0rem;}
	.phblckTxtInn {font-size: 1.6rem;line-height: 1.4em;}
	.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;}
}
/* ** dezpt1704 end ** */

/* ** dezpt1705 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: 4.2rem;
	line-height: 1.2em;
	text-align: center;
}
.phblck4TxtInn {
	padding: 3.0rem 0;
	color: #000;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	.phblck4Img {width: 25%;height: 150px;}
	.phblck4Ti {font-size: 3.8rem;line-height: 1.4em;}
	.phblck4TxtInn {font-size: 1.8rem;padding: 2.0rem 0;line-height: 1.6em;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@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 {font-size: 3.0rem;text-align: left;}
	.phblck4TxtInn {font-size: 1.6rem;padding: 2.0rem 0;text-align: left;}
}
/* ** dezpt1705 end ** */

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

.TiTxtArwArea .ptLayoutInn {padding: 0 2.0rem;}
.TiTxtArwArea h2.TiTxtArwTi {
	text-align: center;
	padding: 2.0rem 0;
	color: #fff;
	font-size: 4.2rem;
}
.TiTxtArwArea p.TiTxtArwTxt {
	padding: 0.5rem 0 4.0rem 0;
	color: #fff;
	font-size: 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: #fff;
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	.TiTxtArwArea h2.TiTxtArwTi {font-size: 3.8rem;}
	.TiTxtArwArea p.TiTxtArwTxt {font-size: 1.8rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.TiTxtArwArea {padding: 2.0rem 2.0rem 3.0rem 2.0rem;}
	.TiTxtArwArea h2.TiTxtArwTi {font-size: 3.0rem;padding: 1.0rem 0;}
	.TiTxtArwArea p.TiTxtArwTxt {font-size: 1.6rem;text-align: left;line-height: 1.6em;padding: 0.5rem 0 5.0rem 0;}
}
/* ** dezpt1706 end ** */

/* ** dezpt1707 start ** */
/****************** 拡大画像付き画像配置 ******************/

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

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	/********* デザインパーツでの本文・画像配置設定 *********/
	.basicblckArea {padding: 0 3.0rem;}/* 記事・画像等配置の基本設定 */
	.basicblckImgArea {padding: 0 3.0rem;}/* 画像関連 */
	.basicblckSideArea {padding: 0 3.0rem;}/* 要素横並び関連 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.basicblckArea {padding: 0 2.0rem;}/* 記事・画像等配置の基本設定 */
	.basicblckImgArea {padding: 0 2.0rem;}/* 画像関連 */
	.basicblckSideArea {padding: 0 2.0rem;}/* 要素横並び関連 */
}
.bsblckImg {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-size: 0;
}
.bsblckImg .bsImg img {width: 100%;}

/* キャプション設定 */
.bsblckImg .bsCap {
	font-size: 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: 10px;padding-right: 0;}

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.bsblckImg .bsCap {font-size: 1.4rem;}
}
/* ** dezpt1707 end ** */

/* ** dezpt1708 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%;
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.google_map{padding-top: 80%;}
}
/* ** dezpt1708 end ** */

/* ** dezpt1709 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: 2.0rem;
	font-weight: bold;
}
.blckIcoDet p.blckCap {
	padding-top: 0;
	font-size: 1.2rem;
	font-weight: bold;
}
a.blckIcoDet:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.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;
	}
	.blckIcoDet p.blckTi {font-size: 1.6rem;}
	.blckIcoDet p.blckCap {font-size: 1.2rem;}
}
/* ** dezpt1709 end ** */

/* ** dezpt1710 start ** */
/****************** SNSリンク設置 ******************/
/* 基本設定 */
.snsblckArea {
	margin: 0 auto;
	padding: 10px 0;
	background: #171717;
	text-align: center;
}
ul.snsblckAreaInn {
	display: flex;
	justify-content: 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;}

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.snsblckAreaInn a {
		width: 55px;
		height: 55px;
	}
}
/* ** dezpt1710 end ** */

/* ** dezpt1711 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: 1.8rem;padding: 0.5rem 0;} /* 名前 */
address p.add {font-size: 1.2rem;padding: 0.5rem 0;line-height: 1.4em;} /* 住所 */
address p.tel {font-size: 1.5rem;} /* 電話番号 */
address p.mail {font-size: 1.2rem;}/* メールアドレス */
address p.cap {font-size: 1.2rem;}/* サブキャプション */
address p.txt {font-size: 1.2rem;padding: 0.5rem 0;}/* 概要 */
address p.contactBt a {
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	background: #000;
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
}
/* ** dezpt1711 end ** */

/* ** dezpt1712 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%;}

/* ** dezpt1712 end ** */

/* ** dezpt1713 start ** */
/****************** アイコンパーツ ******************/
/* 電話・FAX番号 */
.telIco,
.faxIco {
	padding-left: 3.0rem;
	font-size: 25px;
	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: 50px;
}
.ctaBt a {
	margin: 3px 5px;
	padding: 5px 30px;
	font-size: 14px;
	font-weight: bold;
}
.ctaBt .ctaBtPt01 a {background: #ff7200;color: #fff;}
+
/**** CTAレイアウト ****/
.ctaArea {margin: 10px 0;}
.TelArea,
.ctaBt {float: right;}
.TelArea p {display: inline-block;vertical-align: middle;}
.ctaBt p {display: inline-block;vertical-align: middle;}

/* ** dezpt1713 end ** */

/* ** dezpt1801 start ** */
/****************** キービジュアル個別デザイン ******************/
/* キービジュアル要素 */
.bgheader .scroll-nml {
	height: var(--app-bgheader-size); /* 高さ */
	background: var(--app-bgheader-bg); /* 背景色 */
}
/* デフォルトサンプル */
.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: 7.0rem;
	font-weight: bold;
}
.MainSub {
	font-size: 2.0rem;
	padding-top: 2.0rem;
	font-weight: bold;
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	.KeyArea {width: 95%;padding: 200px 2.0rem 100px 2.0rem;}
	.MainCopy {font-size: 5.5rem;}/* メインコピー */
	.MainSub {font-size: 1.8rem;padding-top: 2.0rem;}/* サブコピー */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.KeyArea {width: 100%;padding: 300px 2.0rem 0 2.0rem;}
	.MainCopy {font-size: 4.6rem;}/* メインコピー */
	.MainSub {font-size: 2.0rem;padding-top: 2.0rem;}/* サブコピー */
}
/* ** dezpt1801 end ** */

/* ** dezpt1802 start ** */
/****************** 要素を背景にするための指定（自由に各要素を変更） ******************/
/* 基本設定 */
.bkblckArea {
	min-height: 400px;
	padding: 3.0rem 0;
	background: url(../../../core_sys/common/images/dez_tmp/bgblck_img01_no.jpg) center top no-repeat #dfdfdf;
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	.bkblckArea {
		min-height: 400px;
		padding: 2.0rem 0;
		background: url(../../../core_sys/common/images/dez_tmp/bgblck_img01_no.jpg) center top no-repeat #dfdfdf;
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.bkblckArea {
		min-height: 400px;
		padding: 2.0rem 0;
		background: url(../../../core_sys/common/images/dez_tmp/bgblck_img01_no.jpg) center top no-repeat #dfdfdf;
	}
}
/* ** dezpt1802 end ** */

/* ** dezpt1803 start ** */
/****************** 要素を背景で且つ会員ログイン等のボタン遷移指定（自由に各要素を変更） ******************/
/* 基本設定 */
.mainblckArea {
	height: var(--app-mainblckArea-size); /* 高さ */
	background: var(--app-mainblckArea-bg); /* 背景色 */
}
/* デフォルトサンプル */
.mainblckKeyArea {
	margin: 0 auto;
	padding: 150px 0 50px 0;
}
.mainblckBtArea {
	text-align: center;
}
.sbmBNBt span,
.sbmNxBt span {font-size: 3.5rem;}
.mainblckBtArea .BtM span {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.mainblckBtArea .BtM span {display: inline;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.mainblckKeyArea {
		padding: 100px 0 20px 0;
	}
	.mainblckBtArea .flexBtM {
		display: block;
		padding: 0 2.0rem;
	}
	.sbmBNBt span,
	.sbmNxBt span {font-size: 2.5rem;}
}

/* ** dezpt1803 end ** */

/* ** dezpt1901 start ** */
/****************** 課題・ワーク個別要素 ******************/
/* 幅指定 */
.examBox {
	width: var(--app-examBox-width); /* 課題・ワーク基本幅 */
	margin: 0 auto;
}
/*** 設問枠基本 ***/
.examBoxSection {
	margin: 0 auto; /* マージン */
	padding: 0 0 1.0rem 0; /* パディング */
}
/* 設問本文 */
.examQuestion {
	margin: 0 auto; /* マージン */
	padding: 0 0 1.0rem 0; /* パディング */
}
/* 設問解説 */
.examCommentary {
	margin: 0 auto; /* マージン */
	padding: 0 0 1.0rem 0; /* パディング */
}
/* 回答枠基本 */
.examBoxAncSection {
	margin: 0 auto; /* マージン */
	padding: 0; /* パディング */
}
/* ボタンエリア基本 */
.examBtArea {
	margin: 0 auto; /* マージン */
	padding: 0; /* パディング */
}
/*** 複数問題縦並び表示枠 ***/
.examBoxInn {
	width: 100%;
	margin: var(--app-examBoxInn-mg); /* マージン */
	padding: var(--app-examBoxInn-pd); /* パディング */
	border-bottom: var(--app-examBoxInn-brd); /* ボーダー指定 */
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.examBtArea {margin: 0 auto;padding: 0 1.0rem;}
}
/* 本文基本設問項目名 */
.examBox .examMainTi {
	margin: var(--app-examMainTi-mg); /* マージン */
	padding: var(--app-examMainTi-pd); /* パディング */
	color: var(--app-examMainTi-txt); /* テキスト色 */
	font-size: var(--font-examMainTi); /* フォントサイズ */
	line-height: var(--font-examMainTi-gy); /* 行間 */
}
/* 本文基本テキスト */
.examBox p {
	margin: var(--app-examP-mg); /* マージン */
	padding: var(--app-examP-pd); /* パディング */
	color: var(--app-examP-txt); /* テキスト色 */
	font-size: var(--font-examP); /* フォントサイズ */
	line-height: var(--font-examP-gy); /* 行間 */
}
/* 虫食い問題 */
.examBox p span.mushikui {
	padding: var(--app-examP-mushikui-pd); /* パディング */
	color: var(--app-examP-mushikui-txt); /* テキスト色 */
	background: var(--app-examP-mushikui-bg); /* 背景色 */
	border-radius: var(--app-examP-mushikui-rod);-webkit-border-radius: var(--app-examP-mushikui-rod);-moz-border-radius: var(--app-examP-mushikui-rod); /* 角丸 */
	border: var(--app-examP-mushikui-brd); /* ボーダー指定 */
}
/* 画像埋め込み基本 */
.examBox p img {
	width: 100%;
	margin: var(--app-examPImg-mg); /* マージン */
	padding: var(--app-examPImg-pd); /* パディング */
}
/* サブタイトル(設問) */
.examBox .examSubTiArea {
	display: flex;
	 justify-content: space-between;
	margin: var(--app-examSubTiArea-mg); /* マージン */
	padding: var(--app-examSubTiArea-pd); /* パディング */
	border-radius: var(--app-examSubTiArea-rod);-webkit-border-radius: var(--app-examSubTi-rod);-moz-border-radius: var(--app-examSubTi-rod); /* 角丸 */
	border: var(--app-examSubTiArea-brd); /* ボーダー指定 */
	background: var(--app-examSubTiArea-bg); /* 背景色 */
}
.examBox .examSubTi {
	margin: var(--app-examSubTi-mg); /* マージン */
	padding: var(--app-examSubTi-pd); /* パディング */
	text-align: left;
	line-height: 1.2;
	color: var(--app-examSubTi-txt); /* テキスト色 */
	font-size: var(--font-examSubTi); /* フォントサイズ */
	font-weight: bold;
}
.examBox .examSubMst {
	margin: var(--app-examSubMst-mg); /* マージン */
	padding: var(--app-examSubMst-pd); /* パディング */
	text-align: right;
	line-height: 1.2;
	color: var(--app-examSubMst-txt); /* テキスト色 */
	font-size: var(--font-examSubMst); /* フォントサイズ */
	font-weight: bold;
}
/* サブタイトル(回答) */
.examBox .examSubTiK {
	margin: var(--app-examSubTiK-mg); /* マージン */
	padding: var(--app-examSubTiK-pd); /* パディング */
	text-align: left;
	line-height: 1.2;
	color: var(--app-examSubTiK-txt); /* テキスト色 */
	font-size: var(--font-examSubTiK); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--app-examSubTiK-rod);-webkit-border-radius: var(--app-examSubTiK-rod);-moz-border-radius: var(--app-examSubTiK-rod); /* 角丸 */
	border: var(--app-examSubTiK-brd); /* ボーダー指定 */
	background: var(--app-examSubTiK-bg); /* 背景色 */
}
/* 回答表示 */
.examBox .examAnc {
	margin: var(--app-examAncP-mg); /* マージン */
	padding: var(--app-examAncP-pd); /* パディング */
	color: var(--app-examAncP-txt); /* テキスト色 */
	font-size: var(--font-examAncP); /* フォントサイズ */
	line-height: var(--font-examAncP-gy); /* 行間 */
	border-radius: var(--app-examAncP-rod);-webkit-border-radius: var(--app-examAncP-rod);-moz-border-radius: var(--app-examAncP-rod); /* 角丸 */
	border: var(--app-examAncP-brd); /* ボーダー指定 */
	background: var(--app-examAncP-bg); /* 背景色 */
}
/* ** dezpt1901 end ** */

/* ** dezpt1902 start ** */
/****************** 課題・ワーク回答要素 ******************/

/* 回答欄表示 */
.examBox .examAnswer {
	margin: var(--app-examAnswer-mg); /* マージン */
	padding: var(--app-examAnswer-pd); /* パディング */
	color: var(--app-examAnswer-txt); /* テキスト色 */
	border-radius: var(--app-examAnswer-rod);-webkit-border-radius: var(--app-examAnswer-rod);-moz-border-radius: var(--app-examAnswer-rod); /* 角丸 */
	border: var(--app-examAnswer-brd); /* ボーダー指定 */
	background: var(--app-examAnswer-bg); /* 背景色 */
}
.examBox .examAnswer li {list-style: none;}

/* ** dezpt1902 end ** */

/* ** dezpt1903 start ** */
/****************** 課題・ワーク採点要素 ******************/

/* 正解回答タイトル */
.examBox .examCorrectTi {
	margin: var(--app-examCorrectTi-mg); /* マージン */
	padding: var(--app-examCorrectTi-pd); /* パディング */
	text-align: left;
	line-height: 1.2;
	color: var(--app-examCorrectTi-txt); /* テキスト色 */
	font-size: var(--font-examCorrectTi); /* フォントサイズ */
	font-weight: bold;
	border-radius: var(--app-examCorrectTi-rod);-webkit-border-radius: var(--app-examCorrectTi-rod);-moz-border-radius: var(--app-examCorrectTi-rod); /* 角丸 */
	border: var(--app-examCorrectTi-brd); /* ボーダー指定 */
	background: var(--app-examCorrectTi-bg); /* 背景色 */
}
/*採点エリア表示枠 */
.gradingArea {
	width: 100%;
	margin: var(--app-gradingArea-mg); /* マージン */
	padding: var(--app-gradingArea-pd); /* パディング */
	border-radius: var(--app-gradingArea-rod);-webkit-border-radius: var(--app-gradingArea-rod);-moz-border-radius: var(--app-gradingArea-rod); /* 角丸 */
	border: var(--app-gradingArea-brd); /* ボーダー指定 */
	background: var(--app-gradingArea-bg); /* 背景色 */
}
/*添削フォーム枠 */
.correctionArea {
	width: 100%;
	margin: var(--app-correctionArea-mg); /* マージン */
	padding: var(--app-correctionArea-pd); /* パディング */
	border-radius: var(--app-correctionArea-rod);-webkit-border-radius: var(--app-correctionArea-rod);-moz-border-radius: var(--app-correctionArea-rod); /* 角丸 */
	border: var(--app-correctionArea-brd); /* ボーダー指定 */
	background: var(--app-correctionArea-bg); /* 背景色 */
}
/*採点フォーム枠 */
.scoringArea {
	display: flex;
	justify-content: flex-end;
	margin: var(--app-scoringArea-mg); /* マージン */
	padding: var(--app-scoringArea-pd); /* パディング */
	border-radius: var(--app-scoringArea-rod);-webkit-border-radius: var(--app-scoringArea-rod);-moz-border-radius: var(--app-scoringArea-rod); /* 角丸 */
	border: var(--app-scoringArea-brd); /* ボーダー指定 */
	background: var(--app-scoringArea-bg); /* 背景色 */
	font-weight: bold;
}
/*採点枠 */
.scoringPoint {
	margin: var(--app-scoringPoint-mg); /* マージン */
	padding: var(--app-scoringPoint-pd); /* パディング */
	color: var(--app-scoringPoint-txt); /* テキスト色 */
	font-size: var(--font-scoringPoint); /* フォントサイズ */
}
/*** 採点トータル表示枠 ***/
.examBoxTotal {
	width: 100%;
	margin: var(--app-examBoxTotal-mg); /* マージン */
	padding: var(--app-examBoxTotal-pd); /* パディング */
	border-radius: var(--app-examBoxTotal-rod);-webkit-border-radius: var(--app-examBoxTotal-rod);-moz-border-radius: var(--app-examBoxTotal-rod); /* 角丸 */
	border: var(--app-examBoxTotal-brd); /* ボーダー指定 */
	background: var(--app-examBoxTotal-bg); /* 背景色 */
}
/*採点トータル表示 */
.examBoxTotalscoring {
	display: flex;
	justify-content: flex-end;
	margin: var(--app-examBoxTotalscoring-mg); /* マージン */
	padding: var(--app-examBoxTotalscoring-pd); /* パディング */
	border-radius: var(--app-examBoxTotalscoring-rod);-webkit-border-radius: var(--app-examBoxTotalscoring-rod);-moz-border-radius: var(--app-examBoxTotalscoring-rod); /* 角丸 */
	border: var(--app-examBoxTotalscoring-brd); /* ボーダー指定 */
	background: var(--app-examBoxTotalscoring-bg); /* 背景色 */
	font-weight: bold;
}
/*採点結果枠 */
.TotalscoringPoint {
	margin: var(--app-TotalscoringPoint-mg); /* マージン */
	padding: var(--app-TotalscoringPoint-pd); /* パディング */
	color: var(--app-TotalscoringPoint-txt); /* テキスト色 */
	font-size: var(--font-TotalscoringPoint); /* フォントサイズ */
}
.TotalscoringPoint span {
	padding: var(--app-TotalscoringPoint-span-pd); /* パディング */
	color: var(--app-TotalscoringPoint-span-txt); /* テキスト色 */
	font-size: var(--font-TotalscoringPoint-span); /* フォントサイズ */
}
/*** 備考・メモ等基本 ***/
.examMemo {
	margin: var(--app-examMemo-mg); /* マージン */
	padding: var(--app-examMemo-pd); /* パディング */
	color: var(--app-examMemo-txt); /* テキスト色 */
	border-radius: var(--app-examMemo-rod);-webkit-border-radius: var(--app-examMemo-rod);-moz-border-radius: var(--app-examMemo-rod); /* 角丸 */
	border: var(--app-examMemo-brd); /* ボーダー指定 */
	background: var(--app-examMemo-bg); /* 背景色 */
}
/*** 合否等の判定ボタン ***/
.examBoxTotalSet {
	display: flex;
	justify-content: flex-end;
	margin: var(--app-examBoxTotalSet-mg); /* マージン */
	padding: var(--app-examBoxTotalSet-pd); /* パディング */
}
.examBoxTotalSet .FlexItem:last-child {margin-left: auto;}
.examBoxTotalSetRd {}
.examBoxTotalSetSelect {}

/*** 添削者の選択 ***/
.examCorrector {
	margin: var(--app-examCorrector-mg); /* マージン */
	padding: var(--app-examCorrector-pd); /* パディング */
	color: var(--app-examCorrector-txt); /* テキスト色 */
	border-radius: var(--app-examCorrector-rod);-webkit-border-radius: var(--app-examCorrector-rod);-moz-border-radius: var(--app-examCorrector-rod); /* 角丸 */
	border: var(--app-examCorrector-brd); /* ボーダー指定 */
	background: var(--app-examCorrector-bg); /* 背景色 */
	font-size: var(--font-examCorrector); /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.examBoxTotalSet {
		display: block;
	}
}
/* ** dezpt1903 end ** */

/* ** dezpt1904 start ** */
/****************** 課題・ワーク採点表示要素 ******************/
/*添削フォーム枠(表示) */
.correctionAreaDet {
	width: 100%;
	margin: var(--app-correctionAreaDet-mg); /* マージン */
	padding: var(--app-correctionAreaDet-pd); /* パディング */
	border-radius: var(--app-correctionAreaDet-rod);-webkit-border-radius: var(--app-correctionAreaDet-rod);-moz-border-radius: var(--app-correctionAreaDet-rod); /* 角丸 */
	border: var(--app-correctionAreaDet-brd); /* ボーダー指定 */
	background: var(--app-correctionAreaDet-bg); /* 背景色 */
}
/*採点枠（点数表示） */
.scoringPoint span {
	padding: var(--app-scoringPoint-span-pd); /* パディング */
	color: var(--app-scoringPoint-span-txt); /* テキスト色 */
	font-size: var(--font-scoringPoint-span); /* フォントサイズ */
}
/*** 備考・メモ等基本(表示) ***/
.examMemoDet {
	margin: var(--app-examMemoDet-mg); /* マージン */
	padding: var(--app-examMemoDet-pd); /* パディング */
	color: var(--app-examMemoDet-txt); /* テキスト色 */
	border-radius: var(--app-examMemoDet-rod);-webkit-border-radius: var(--app-examMemoDet-rod);-moz-border-radius: var(--app-examMemoDet-rod); /* 角丸 */
	border: var(--app-examMemoDet-brd); /* ボーダー指定 */
	background: var(--app-examMemoDet-bg); /* 背景色 */
}
/*** 添削者の選択(表示) ***/
.examCorrectorDet {
	padding: var(--app-examCorrectorDet-pd); /* パディング */
	color: var(--app-examCorrectorDet-txt); /* テキスト色 */
	font-size: var(--font-examCorrectorDet); /* フォントサイズ */
	font-weight: bold;
	text-align: right;
}
/* ** dezpt1904 end ** */

/* ** dezpt1905 start ** */
/****************** 制限時間表示要素 ******************/

/*** タイマー表示 ***/
.workTimer {
	border-radius: var(--app-workTimer-rod);-webkit-border-radius: var(--app-workTimer-rod);-moz-border-radius: var(--app-workTimer-rod); /* 角丸 */
	width: var(--app-workTimer-size); /* サイズ */
	margin: var(--app-workTimer-mg); /* マージン */
	padding: var(--app-workTimer-pd); /* パディング */
	color: var(--app-workTimer-txt); /* テキスト色 */
	background: var(--app-workTimer-bg); /* 背景色 */
	font-size: var(--font-workTimer); /* フォントサイズ */
	font-weight: bold;
	text-align: center;
}
.workTimer span {
	padding: var(--app-workTimer-span-pd); /* パディング */
	color: var(--app-workTimer-span-txt); /* テキスト色 */
	font-size: var(--font-workTimer-span); /* フォントサイズ */
}
/* ** dezpt1905 start ** */

/* ** dezpt1906 start ** */
/****************** 設問数表示要素 ******************/

/*** 設問数表示 ***/
.workCount {
	margin: var(--app-workCount-mg); /* マージン */
	padding: var(--app-workCount-pd); /* パディング */
	color: var(--app-workCount-txt); /* テキスト色 */
	background: var(--app-workCount-bg); /* 背景色 */
	font-size: var(--font-workCount); /* フォントサイズ */
	font-weight: bold;
	text-align: center;
}
.workCount span {
	padding: var(--app-workCount-span-pd); /* パディング */
	color: var(--app-workCount-span-txt); /* テキスト色 */
	font-size: var(--font-workCount-span); /* フォントサイズ */
}
/* ** dezpt1906 start ** */

/* ** dezpt1907 start ** */
/****************** 設問回答完了画面要素 ******************/

/* 回答完了欄表示 */
.examBox .examBoxThk {
	margin: var(--app-examBoxThk-mg); /* マージン */
	padding: var(--app-examBoxThk-pd); /* パディング */
	color: var(--app-examBoxThk-txt); /* テキスト色 */
	border-radius: var(--app-examBoxThk-rod);-webkit-border-radius: var(--app-examBoxThk-rod);-moz-border-radius: var(--app-examBoxThk-rod); /* 角丸 */
	border: var(--app-examBoxThk-brd); /* ボーダー指定 */
	background: var(--app-examBoxThk-bg); /* 背景色 */
}
/* ** dezpt1907 start ** */

/* ** dezpt1908 start ** */
/****************** 設問レポート画面要素 ******************/

/* 得点表示 */
.examBox .examBoxScore {
	margin: var(--app-examBoxScore-mg); /* マージン */
	padding: var(--app-examBoxScore-pd); /* パディング */
	color: var(--app-examBoxScore-txt); /* テキスト色 */
	border-radius: var(--app-examBoxScore-rod);-webkit-border-radius: var(--app-examBoxScore-rod);-moz-border-radius: var(--app-examBoxScore-rod); /* 角丸 */
	border: var(--app-examBoxScore-brd); /* ボーダー指定 */
	background: var(--app-examBoxScore-bg); /* 背景色 */
}
/*** 合格・不合格表示 ***/
.ScoreIco {
	border-radius: var(--app-ScoreIco-rod);-webkit-border-radius: var(--app-ScoreIco-rod);-moz-border-radius: var(--app-ScoreIco-rod); /* 角丸 */
	width: var(--app-ScoreIco-size); /* サイズ */
	margin: var(--app-ScoreIco-mg); /* マージン */
	padding: var(--app-ScoreIco-pd); /* パディング */
	font-size: var(--font-ScoreIco); /* フォントサイズ */
	font-weight: bold;
	text-align: center;
}
/* 合格表示 */
.ScoreIco.PassIco {
	color: var(--app-PassIco-txt); /* テキスト色 */
	background: var(--app-PassIco-bg); /* 背景色 */
}
/* 不合格表示 */
.ScoreIco.failureIco {
	color: var(--app-failureIco-txt); /* テキスト色 */
	background: var(--app-failureIco-bg); /* 背景色 */
}
/*** 獲得得点表示 ***/
.ScoreCnt {
	margin: var(--app-ScoreCnt-mg); /* マージン */
	padding: var(--app-ScoreCnt-pd); /* パディング */
	color: var(--app-ScoreCnt-txt); /* テキスト色 */
	background: var(--app-ScoreCnt-bg); /* 背景色 */
	font-size: var(--font-ScoreCnt); /* フォントサイズ */
	font-weight: bold;
	text-align: center;
}
.ScoreCnt span {
	padding: var(--app-ScoreCnt-span-pd); /* パディング */
	color: var(--app-ScoreCnt-span-txt); /* テキスト色 */
	font-size: var(--font-ScoreCnt-span); /* フォントサイズ */
}
/*** 獲得問題数表示 ***/
.ScoreDet {
	margin: var(--app-ScoreDet-mg); /* マージン */
	padding: var(--app-ScoreDet-pd); /* パディング */
	color: var(--app-ScoreDet-txt); /* テキスト色 */
	background: var(--app-ScoreDet-bg); /* 背景色 */
	font-size: var(--font-ScoreDet); /* フォントサイズ */
	font-weight: bold;
	text-align: center;
}
.ScoreDet span {
	padding: var(--app-ScoreDet-span-pd); /* パディング */
	color: var(--app-ScoreDet-span-txt); /* テキスト色 */
	font-size: var(--font-ScoreDet-span); /* フォントサイズ */
}
/*** 回答レポート枠 ***/
.examBoxScoreDetail {
	margin: var(--app-examBoxScoreDetail-mg); /* マージン */
	padding: var(--app-examBoxScoreDetail-pd); /* パディング */
	border-radius: var(--app-examBoxScoreDetail-rod);-webkit-border-radius: var(--app-examBoxScoreDetail-rod);-moz-border-radius: var(--app-examBoxScoreDetail-rod); /* 角丸 */
	border: var(--app-examBoxScoreDetail-brd); /* ボーダー指定 */
	background: var(--app-examBoxScoreDetail-bg); /* 背景色 */
}
.ScoreIcoDet {
	margin: var(--app-ScoreIcoDet-mg); /* マージン */
	padding: var(--app-ScoreIcoDet-pd); /* パディング */
	font-size: var(--font-ScoreIcoDet); /* フォントサイズ */
	font-weight: bold;
	text-align: center;
}
/* 正解 */
.ScoreIcoDet.PassIcoDet {
	color: var(--app-PassIcoDet-txt); /* テキスト色 */
}
/* 不正解 */
.ScoreIcoDet.failureIcoDet {
	color: var(--app-failureIcoDet-txt); /* テキスト色 */
}

/* ** dezpt1908 start ** */
@charset "utf-8";
/***************************************************
information
  filename : list_parts.css;
***************************************************/

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

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

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

/********* リスト一覧(共通) *********/
.ListBox .column {
	width: 100%;
	padding: 0;
}
/* 要素毎の仕切り処理基本 */
.clmDetail {
	margin-top: 1.5%;
	margin-bottom: 3%;
	padding-bottom: 1.5%;
}
.ListBox.ListType1 .clmDetail {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 1.0%;
}
/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	/* リスト一覧(共通) */
	.ListBox {padding: 0 2.0rem;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {
	/* リスト一覧(共通) */
	.ListBox {padding: 0 2.0rem;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	/* リスト一覧(共通) */
	.ListBox {padding: 0 0.5rem;}
}
/********* リストタイトル *********/

/* リストメインタイトル */
.ListBox .column .ListMainTitle {
	display: block;
	width: 100%;
	padding: 0;
	font-weight: normal;
	line-height: 1.2;
	overflow: hidden;
	color: var(--app-ListMainTitle-txt);/* テキスト色 */
}
.ListBox .column .ListMainTitle a {
	text-decoration: none;
	color: var(--app-ListMainTitle-txt); /* テキスト色 */
}
.ListBox .column .ListMainTitle a:hover {text-decoration: underline;}
.ListBox.ListType1 .column .ListMainTitle {
	position: relative;
	text-align: left;
	text-overflow: ellipsis;
	margin:auto;
}
.ListBox.ListType1 .column .ListMainTitle::before,
.ListBox.ListType1 .column .ListMainTitle::after {
	content: '...';
	line-height: 1;
	position: absolute;
	right: 0;
	top: 2em;
	-ms-wrap-flow: start;
}
.ListBox.ListType1 .column .ListMainTitle::after {
	background: currentColor;
	color: white;
	top: auto;
}
/* オーバーフロー時の文字隠し処理（デフォルトは2行で…表記） */
@supports (-webkit-line-clamp: 2) {
	.ListBox.ListType1 .column .ListMainTitle {
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 2;
	}
	.ListBox.ListType1 .column .ListMainTitle::before,
	.ListBox.ListType1 .column .ListMainTitle::after {
		content: normal;
  }
}
/********* リスト画像 *********/

/* 基本設定 */
.ListBox figure.image {
	margin-bottom: 0.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 .figureCap {font-size: var(--font-figureCap);} /* フォントサイズ */

/********* リストディスクリプション *********/

/* 基本設定 */
.ListBox .column .distxt {
	padding-top: 1.0rem;
	padding-bottom: 1.0rem;
	font-weight: normal;
	color: var(--app-distxt-txt); /* テキスト色 */
}
/********* リストビュー数等アイコン *********/

/* 基本設定 */
.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 {
	float: left;
	margin: 0.5rem 0;
	padding: 0.1rem 1.0rem 0 3.0rem;
	font-weight: bold;
	font-size: var(--font-ico); /* フォントサイズ */
}
.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: var(--font-cap); /* フォントサイズ */
	font-weight: bold;
}
/********* リスト記事投稿者 *********/

/* 基本設定 */
.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: 60px;
	height: 50px;
	background: var(--app-person-ph-bg);/* 背景色 */
}
.ptWdS .ListBox.ListType1 .tpl-flexcolumn3 .column .person .person_ph figure {width: 50px;height: 40px;}
.ptWdS .ListBox.ListType1 .tpl-flexcolumn4 .column .person .person_ph figure,
.ptWdS .ListBox.ListType1 .tpl-flexcolumn5 .column .person .person_ph figure {width: 40px;height: 30px;}

.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 p.txt,
.ListBox .column .person .prof {
	max-height: 5.2em;
	line-height: 1.4;
	overflow: hidden;
	position: relative;
	text-align: left;
	text-overflow: ellipsis;
	width:100%;
	margin:auto;
}
.ListBox .column p.txt::before,
.ListBox .column p.txt::after,
.ListBox .column .person .prof::before,
.ListBox .column .person .prof::after {
	content: '...';
	line-height: 1;
	position: absolute;
	right: 0;
	top: 3em;
	-ms-wrap-flow: start;
}
.ListBox .column p.txt::after,
.ListBox .column .person .prof::after {
	background: currentColor;
	color: white;
	top: auto;
}
@supports (-webkit-line-clamp: 3) {
	.ListBox .column p.txt,
	.ListBox .column .person .prof {
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 3;
	}
	.ListBox .column p.txt::before,
	.ListBox .column p.txt::after,
	.ListBox .column .person .prof::before,
	.ListBox .column .person .prof::after {
		content: normal;
  }
}
.ListBox .column .person .person_ph .name {font-size: var(--font-name);}/* 投稿者氏名（一覧）フォントサイズ */
.ListBox .column .person .person_ph .work {font-size: var(--font-work);}/* 投稿者組織名（一覧）フォントサイズ */
.ListBox .column .person .prof {padding: 0.5rem 0;font-size: var(--font-prof);}/* 投稿者プロフィール（一覧）フォントサイズ */

.ListType2 .column .person .name {float: left;padding: 0;}
.ListType2 .column .person .work {float: left;padding: 0 0 0 1.0rem;}
.ListType2 .column .person .prof {padding: 0;}

/********* タグ・カテゴリアイコン *********/

/* リストタグ */
.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 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); /* 角丸 */
	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: var(--app-li-LiIco-mg);/* マージン */
	padding: var(--app-li-LiIco-pd);/* パディング */
	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: var(--app-li-LiIco5-mg);/* マージン */
	padding: var(--app-li-LiIco5-pd);/* パディング */
	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);} /* テキスト色 */

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.ListBox.ListType1 .tpl-flexcolumn2 .column ul.cateName,
	.ListBox.ListType1 .tpl-flexcolumn3 .column ul.cateName,
	.ListBox.ListType1 .tpl-flexcolumn4 .column ul.cateName,
	.ListBox.ListType1 .tpl-flexcolumn5 .column ul.cateName {height: 3.4rem;overflow: hidden;}
}
/********* リストランキング *********/
.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: var(--font-rankIco);font-weight: bold;}/* フォントサイズ */
.ListBox.ListType5 .ListTSgle ul.cateName span.cateIco {
	font-size: var(--font-rankIco-b);/* 横並び一行リストフォントサイズ */
	font-weight: bold;
}
/* ** list01 end ** */

/****************** リスト個別指定（画像サイズ・フォントサイズ等） ******************/

/* ** list0101 start ** */
/*** 0101: 1列表示（コンテンツ記事一覧） ***/

/* リスト罫線 */
.sideClnD .tpl-contents-block hr {margin: 0.5rem auto 1.0rem auto;}

/****** リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び ******/

/*** 1カラム ***/
.ListType1 .tpl-flexcolumn1 .column .ListMainTitle {
	font-size: var(--font-list1Ticlm1);/* タイトルフォントサイズ */
}
.ListBox.ListType1 .tpl-flexcolumn1 .distxt {
	height: auto;
	font-size: var(--font-list1distxt1);/* ディスクリプションフォントサイズ */
}
/* ** list0101 end ** */

/* ** list0102 start ** */
/*** 0102: 2列表示（コンテンツ記事一覧） ***/

/*** 2カラム ***/
.ListType1 .tpl-flexcolumn2 .column .ListMainTitle {
	height: var(--font-list1TiHclm2);/* タイトル高さ */
	font-size: var(--font-list1Ticlm2);/* タイトルフォントサイズ */
}
.ListBox.ListType1 .tpl-flexcolumn2 .distxt {
	height: var(--font-list1distxtHclm2);/* ディスクリプション高さ */
	font-size: var(--font-list1distxt2);/* ディスクリプションフォントサイズ */
}
.ptWdN .ListBox {margin-left: auto;margin-right: auto;} /* サイズ指定無し */

/* リスト個別背景色を付ける(写真が横長) */
.ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 370px;}
.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 530px;}
.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 280px;}
.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 230px;}
.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 390px;}
.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 540px;}
.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 300px;}
.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 250px;}
.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 240px;}

/* リスト個別背景色を付ける(写真が正方形) */
.ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 580px;}
.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 900px;}
.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 450px;}
.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 370px;}
.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 350px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 610px;}
.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 920px;}
.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 480px;}
.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 400px;}
.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 370px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 400px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 400px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 580px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 610px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 260px;}
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 260px;}
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 270px;}
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 270px;}
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 230px;}
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 230px;}
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 230px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 400px;}
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 400px;}
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 430px;}
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 430px;}
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 360px;}
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 360px;}
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 360px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 350px;}
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 300px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}
}
/* ** list0102 end ** */

/* ** list0103 start ** */
/*** 0103: 3列表示（コンテンツ記事一覧） ***/

/*** 3カラム ***/
.ListType1 .tpl-flexcolumn3 .column .ListMainTitle {
	height: var(--font-list1TiHclm3);/* タイトル高さ */
	font-size: var(--font-list1Ticlm3);/* メインタイトルフォントサイズ */
}
.ListBox.ListType1 .tpl-flexcolumn3 .distxt {
	height: var(--font-list1distxtHclm3);/* ディスクリプション高さ */
	font-size: var(--font-list1distxt3);/* ディスクリプションフォントサイズ */
}
/* リスト個別背景色を付ける(写真が横長) */
.ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 240px;}
.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 340px;}
.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 180px;}
.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 260px;}
.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 360px;}
.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 200px;}
.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 180px;}
.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 170px;}

/* リスト個別背景色を付ける(写真が正方形) */
.ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 375px;}
.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 580px;}
.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 290px;}
.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 230px;}
.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 405px;}
.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 610px;}
.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 320px;}
.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 260px;}
.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 250px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 240px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 260px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 375px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 405px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 170px;}
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 170px;}
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 240px;}
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 240px;}
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 270px;}
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 270px;}
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 200px;}
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 230px;}
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 200px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}
}
/* ** list0103 end ** */

/* ** list0104 start ** */
/*** 0104: 4列表示（コンテンツ記事一覧） ***/

/*** 4カラム ***/
.ListType1 .tpl-flexcolumn4 .column .ListMainTitle {
	height: var(--font-list1TiHclm4);/* タイトル高さ */
	font-size: var(--font-list1Ticlm4);/* メインタイトルフォントサイズ */
}
.ListBox.ListType1 .tpl-flexcolumn4 .distxt {
	height: var(--font-list1distxtHclm4);/* ディスクリプション高さ */
	font-size: var(--font-list1distxt4);/* ディスクリプションフォントサイズ */
}
/* リスト個別背景色を付ける(写真が横長) */
.ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 170px;}
.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 250px;}
.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 140px;}
.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}
.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 190px;}
.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 270px;}
.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 160px;}
.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}
.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}

/* リスト個別背景色を付ける(写真が正方形) */
.ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 280px;}
.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 420px;}
.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 210px;}
.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 170px;}
.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 160px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 300px;}
.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 450px;}
.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 240px;}
.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}
.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 190px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 280px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 300px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 160px;}
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 160px;}
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 140px;}
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 140px;}
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 140px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 170px;}
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 170px;}
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 240px;}
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 240px;}
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 270px;}
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 270px;}
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 220px;}
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 220px;}
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 220px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 230px;}
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}
}
/* ** list0104 end ** */

/* ** list0105 start ** */
/*** 0105: 5列表示（コンテンツ記事一覧） ***/

/*** 5カラム ***/
.ListType1 .tpl-flexcolumn5 .column .ListMainTitle {
	height: var(--font-list1TiHclm5);/* タイトル高さ */
	font-size: var(--font-list1Ticlm5);/* メインタイトルフォントサイズ */
}
.ListBox.ListType1 .tpl-flexcolumn5 .distxt {
	height: var(--font-list1distxtHclm5);/* ディスクリプション高さ */
	font-size: var(--font-list1distxt5);/* ディスクリプションフォントサイズ */
}
/* リスト個別背景色を付ける(写真が横長) */
.ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}
.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 195px;}
.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}
.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}
.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}
.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

/* リスト個別背景色を付ける(写真が正方形) */
.ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}
.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 330px;}
.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}
.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}
.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 250px;}
.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 360px;}
.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}
.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 250px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 270px;}
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 270px;}
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 220px;}
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 220px;}
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 220px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* リスト個別背景色を付ける(写真が横長) */
	.ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
}
/* ** list0105 end ** */

/****** 写真(上)テキスト(下)・スライダー ******/

/* ** list02 start ** */
/*** スライダー時のリスト要素共通設定 ***/

/* リストスライダー共通指定 */
.ListBox.ListType1.sldYblockArea .tpl-contents-block .tpl-flexcolumn1,
.ListBox.ListType1.sldYblockArea .tpl-contents-block .tpl-flexcolumn2,
.ListBox.ListType1.sldYblockArea .tpl-contents-block .tpl-flexcolumn3,
.ListBox.ListType1.sldYblockArea .tpl-contents-block .tpl-flexcolumn4,
.ListBox.ListType1.sldYblockArea .tpl-contents-block .tpl-flexcolumn5 {margin-left: -0.3%;margin-top: -0.2%;}
.ListBox.ListType1.sldYblockArea .column {margin-left: 0.1%;margin-right: 0.1%;margin-top: 0.2%;}

/* ** list02 end ** */

/* ** list0202 start ** */
/*** 0202: 2列表示（コンテンツ記事一覧） ***/

/*** 2カラム ***/

/* スライダー時　リスト個別背景色を付ける(写真が横長) */
.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 310px;}
.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 480px;}
.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 250px;}
.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}
.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 330px;}
.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 490px;}
.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 260px;}
.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}
.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 490px;}
.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 810px;}
.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 390px;}
.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}
.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 300px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 520px;}
.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 840px;}
.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 420px;}
.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 350px;}
.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 320px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 340px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 500px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 530px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長)  */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 240px;}
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 240px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形)  */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 350px;}
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 350px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 300px;}
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 300px;}
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 300px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 380px;}
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 380px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 330px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 280px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 350px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 300px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 530px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 440px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 560px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 470px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 180px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 260px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 290px;}
}
/* ** list0202 end ** */

/* ** list0203 start ** */
/*** 0203: 3列表示（コンテンツ記事一覧） ***/

/*** 3カラム ***/
/* スライダー時　リスト個別背景色を付ける(写真が横長)  */
.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 200px;}
.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 310px;}
.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}
.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 270px;}
.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 330px;}
.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 190px;}
.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形)  */
.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 320px;}
.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 530px;}
.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 250px;}
.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 200px;}
.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 350px;}
.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 560px;}
.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 280px;}
.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 230px;}
.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長)  */
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 210px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 280px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 330px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 360px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長)  */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 220px;}
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 220px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 190px;}
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 190px;}
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 190px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 240px;}
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 240px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 210px;}
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 210px;}
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 210px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 350px;}
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 350px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 300px;}
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 300px;}
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 300px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 380px;}
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 380px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 330px;}
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 330px;}
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 330px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 330px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 280px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 350px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 300px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 530px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 440px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 560px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 470px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 170px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 180px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形)  */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 260px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 290px;}
}
/* ** list0203 end ** */

/* ** list0204 start ** */
/*** 0204: 4列表示（コンテンツ記事一覧） ***/

/*** 4カラム ***/
/* スライダー時　リスト個別背景色を付ける(写真が横長) */
.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}
.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 230px;}
.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}
.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 160px;}
.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 250px;}
.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}
.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}
.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 230px;}
.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 390px;}
.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 180px;}
.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}
.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 130px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 260px;}
.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 420px;}
.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 210px;}
.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 170px;}
.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 160px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 160px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 170px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 240px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 270px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 220px;}
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 220px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 190px;}
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 190px;}
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 190px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長)  */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 240px;}
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 240px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 210px;}
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 210px;}
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 210px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 350px;}
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 350px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 300px;}
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 300px;}
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 300px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 380px;}
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 380px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 330px;}
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 330px;}
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 330px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長)  */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 330px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 280px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 350px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 300px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形)  */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 530px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 440px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 560px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 470px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 170px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 180px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 260px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 290px;}
}
/* ** list0204 end ** */

/* ** list0205 start ** */
/*** 0205: 5列表示（コンテンツ記事一覧） ***/

/*** 5カラム ***/
/* スライダー時　リスト個別背景色を付ける(写真が横長)  */
.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 200px;}
.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}
.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 200px;}
.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}
.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 320px;}
.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}
.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 110px;}
.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 100px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}
.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 350px;}
.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}
.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 220px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 220px;}
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 220px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 240px;}
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 240px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 350px;}
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 350px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 300px;}
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 300px;}
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 300px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 380px;}
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 380px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 330px;}
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 330px;}
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 330px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 330px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 280px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 350px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 300px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 530px;}
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 440px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 560px;}
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 470px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 180px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 290px;}
}
/* ** list0205 end ** */

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

/* ** list0301 start ** */
/*** 0301: 写真幅 50%（コンテンツ記事一覧） ***/

/* 基本設定 */
.ListType2 .column .ListMainTitle,
.ListType4 .column .ListMainTitle  {padding: 0 0 1.0rem 0;}

/*** 写真幅 50% ***/
.ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2);/* メインタイトルフォントサイズ */
}
.ptWdM .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2M);/* メインタイトルフォントサイズ Mサイズ */
}
.ptWdC .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2C);/* メインタイトルフォントサイズ Cサイズ */
}
.ptWdS .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2S);/* メインタイトルフォントサイズ Sサイズ */
}
.ListType2 .tpl-flexcolumn2 .column .distxt,
.ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2);/* ディスクリプションフォントサイズ */
}
/* 写真が横長 */
.ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 360px;}
.ptWdN .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 530px;}
.ptWdM .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdM .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 300px;}
.ptWdC .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdC .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 240px;}
.ptWdS .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdS .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}

/* 写真が正方形 */
.ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 570px;}
.ptWdN .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 790px;}
.ptWdM .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdM .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 450px;}
.ptWdC .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdC .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 380px;}
.ptWdS .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdS .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 350px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* 写真が横長 */
	.ptWdN .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 370px;}

	/* 写真が正方形 */
	.ptWdN .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 590px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 260px;}
	.ptWdN .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 260px;}
	.ptWdM .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdC .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdS .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 400px;}
	.ptWdN .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 400px;}
	.ptWdM .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 340px;}
	.ptWdC .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 340px;}
	.ptWdS .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 340px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdM .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}
	.ptWdM .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}
}
/* ** list0301 end ** */

/* ** list0302 start ** */
/*** 0302: 写真幅 40%（コンテンツ記事一覧） ***/

/*** 写真幅 40% ***/
.ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3);/* メインタイトルフォントサイズ */
}
.ptWdM .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3M);/* メインタイトルフォントサイズ Mサイズ */
}
.ptWdC .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3C);/* メインタイトルフォントサイズ Cサイズ */
}
.ptWdS .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3S);/* メインタイトルフォントサイズ Sサイズ */
}
.ListType2 .tpl-flexcolumn3 .column .distxt,
.ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3);/* ディスクリプションフォントサイズ */
}
/* 写真が横長 */
.ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 240px;}
.ptWdN .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 290px;}
.ptWdM .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 190px;}
.ptWdC .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
.ptWdS .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}

/* 写真が正方形 */
.ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 380px;}
.ptWdN .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 490px;}
.ptWdM .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 300px;}
.ptWdC .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 250px;}
.ptWdS .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 230px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* 写真が横長 */
	.ptWdN .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 250px;}

	/* 写真が正方形 */
	.ptWdN .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 390px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 180px;}
	.ptWdN .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 180px;}
	.ptWdM .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
	.ptWdC .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
	.ptWdS .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 280px;}
	.ptWdN .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 280px;}
	.ptWdM .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 240px;}
	.ptWdC .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 240px;}
	.ptWdS .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 240px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}
	.ptWdM .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}
	.ptWdM .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 180px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}
}
/* ** list0302 end ** */

/* ** list0303 start ** */
/*** 0303: 写真幅 30%（コンテンツ記事一覧） ***/

/*** 写真幅 30% ***/
.ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4);/* メインタイトルフォントサイズ */
}
.ptWdM .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4M);/* メインタイトルフォントサイズ Mサイズ */
}
.ptWdC .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4C);/* メインタイトルフォントサイズ Cサイズ */
}
.ptWdS .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4S);/* メインタイトルフォントサイズ Sサイズ */
}
.ListType2 .tpl-flexcolumn4 .column .distxt,
.ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4);/* ディスクリプションフォントサイズ */
}
/* 写真が横長 */
.ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 180px;}
.ptWdN .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 220px;}
.ptWdM .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 140px;}
.ptWdC .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}
.ptWdS .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}

/* 写真が正方形 */
.ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 280px;}
.ptWdN .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 370px;}
.ptWdM .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 220px;}
.ptWdC .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}
.ptWdS .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 170px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* 写真が横長 */
	.ptWdN .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 190px;}

	/* 写真が正方形 */
	.ptWdN .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 290px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}
	.ptWdN .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}
	.ptWdM .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}
	.ptWdC .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}
	.ptWdS .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 230px;}
	.ptWdN .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 230px;}
	.ptWdM .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}
	.ptWdC .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}
	.ptWdS .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 140px;}
	.ptWdM .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 210px;}
	.ptWdM .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 180px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}
}
/* ** list0303 end ** */

/* ** list0304 start ** */
/*** 0304: 写真幅 20%（コンテンツ記事一覧） ***/

/*** 写真幅 20% ***/
.ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5);/* メインタイトルフォントサイズ */
}
.ptWdM .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdM .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5M);/* メインタイトルフォントサイズ Mサイズ */
}
.ptWdC .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdC .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5C);/* メインタイトルフォントサイズ Cサイズ */
}
.ptWdS .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdS .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5S);/* メインタイトルフォントサイズ Sサイズ */
}
.ListType2 .tpl-flexcolumn5 .column .distxt,
.ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5);/* ディスクリプションフォントサイズ */
}
/* 写真が横長 */
.ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}
.ptWdN .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdN .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}
.ptWdM .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdM .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
.ptWdC .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdC .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}
.ptWdS .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdS .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

/* 写真が正方形 */
.ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 220px;}
.ptWdN .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdN .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 290px;}
.ptWdM .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdM .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}
.ptWdC .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdC .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}
.ptWdS .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdS .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* 写真が横長 */
	.ptWdN .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

	/* 写真が正方形 */
	.ptWdN .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdN .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdM .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdC .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdS .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 220px;}
	.ptWdN .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}
	.ptWdM .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdC .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdS .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}
	.ptWdM .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}
	.ptWdM .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* 写真が横長 */
	.ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* 写真が正方形 */
	.ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
}
/* ** list0304 end ** */

/****** 写真(左)テキスト(右)・スライダー ******/

/* ** list04 start ** */
/*** スライダー時のリスト要素共通設定 ***/

/****** リストスライダー対応 ******/
.ListBox.ListType2.sldYblockArea .clmDetail,
.ListBox.ListType4.sldYblockArea .clmDetail {
	margin: 0 0.5rem;
	border-bottom: none;
}
/* ** list04 end ** */

/* ** list0401 start ** */
/*** 0401: 写真幅 50%（コンテンツ記事一覧） ***/

/*** 写真幅 50% ***/
/* スライダー時　写真が横長 */
.ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 320px;}
.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 490px;}
.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 260px;}
.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}

/* スライダー時　写真が正方形 */
.ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 510px;}
.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 830px;}
.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 410px;}
.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 340px;}
.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* スライダー時　写真が横長 */
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 340px;}

	/* スライダー時　写真が正方形 */
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 540px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 240px;}
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 240px;}
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 380px;}
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 380px;}
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 140px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 230px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 140px;}
}
/* ** list0401 end ** */

/* ** list0402 start ** */
/*** 0402: 写真幅 40%（コンテンツ記事一覧） ***/

/*** 写真幅 40% ***/
/* スライダー時　写真が横長 */
.ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 220px;}
.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 320px;}
.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 170px;}
.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}
.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}

/* スライダー時　写真が正方形 */
.ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 340px;}
.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 550px;}
.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 270px;}
.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}
.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 210px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* スライダー時　写真が横長 */
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 220px;}

	/* スライダー時　写真が正方形 */
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 350px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 250px;}
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 250px;}
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 210px;}
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 210px;}
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 210px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 180px;}
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 150px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 90px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 140px;}
}
/* ** list0402 end ** */

/* ** list0403 start ** */
/*** 0403: 写真幅 30%（コンテンツ記事一覧） ***/

/*** 写真幅 30% ***/
/* スライダー時　写真が横長 */
.ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 160px;}
.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 240px;}
.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}
.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}
.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}

/* スライダー時　写真が正方形 */
.ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 250px;}
.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 410px;}
.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}
.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 160px;}
.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 150px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* スライダー時　写真が横長 */
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 160px;}

	/* スライダー時　写真が正方形 */
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 260px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 240px;}
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 240px;}
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 170px;}
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}
}
/* ** list0403 end ** */

/* ** list0404 start ** */
/*** 0404: 写真幅 20%（コンテンツ記事一覧） ***/

/*** 写真幅 20% ***/
/* スライダー時　写真が横長 */
.ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}
.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}
.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}

/* スライダー時　写真が正方形 */
.ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 320px;}
.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}
.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}
.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/* スライダー時　写真が横長 */
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* スライダー時　写真が正方形 */
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* スライダー時　写真が横長 */
	.ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

	/* スライダー時　写真が正方形 */
	.ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}
}
/* ** list0404 end ** */

/****** 写真無しテキストリンク ******/

/* ** list07 start ** */
/*** 07: リスト要素共通設定 ***/

/*** リスト公開日 ***/

/* 基本設定 */
.ListTSgle .timeArea {padding: 0;display: flex;}

/* 公開日 */
.ListTSgle p.time {
	padding: 0.5rem 1.0rem 0.5rem 0;
	font-size: var(--font-list3time); /* 公開日フォントサイズ */
	font-weight: bold;
}
.ListTSgle p.ico {padding: 0 0 1.0rem 0;}/* NEWマーク */

/*** 所属カテゴリ ***/
.ListTSgle dd.cate_area {padding: 0.2rem 0 0 0;}

/*** リストメインタイトル ***/
.ListTSgle dd.title_area {padding: 1.0rem 0;}
.ListTSgle dd.title_area .ListMainTitle a {
	text-decoration: none;
	color: var(--app-ListMainTitle-txt); /* テキスト色 */
	font-size: var(--font-list3Ticlm);/* タイトルフォントサイズ */
	line-height: 1.2;
}
.ListTSgle dd.title_area .ListMainTitle a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;}

/*** リストディスクリプション ***/
.ListTSgle dd.title_area p.txt {
	padding: 1.0rem 0;
	color: var(--app-distxt-txt); /* テキスト色 */
	font-size: var(--font-list3distxt);/* ディスクリプションフォントサイズ */
	line-height: 1.4;
}
/*** リスト記事投稿者 ***/
.ListTSgle dd.person_area {padding: 0;}

/*** リストビュー数等アイコン ***/
.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: var(--font-ico); /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/*** リスト公開日 ***/
	/* 基本設定 */
	.ListTSgle .timeArea {padding: 0;display: flex;}

	/* 公開日 */
	.ListTSgle p.time {
		padding: 0.5rem 1.0rem 0.5rem 0;
	}
	.ListTSgle p.ico {padding: 0 0px 1.0rem 0;}/* NEWマーク */

	/*** 所属カテゴリ ***/
	.ListTSgle dd.cate_area {padding: 0.2rem 0 0 0;}

	/*** リストメインタイトル ***/
	.ListTSgle dd.title_area {padding: 1.0rem 0;}
	.ListTSgle dd.title_area .ListMainTitle a {
		line-height: 1.2;
	}
	/*** リストディスクリプション ***/
	.ListTSgle dd.title_area p.txt {
		padding: 1.0rem 0;
		line-height: 1.4;
	}
	/*** リスト記事投稿者 ***/
	.ListTSgle dd.person_area {padding: 0;}

	/*** リストビュー数等アイコン ***/
	.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: var(--font-ico); /* フォントサイズ */
	}
}
/* ** list07 end ** */

/* ** list0701 start ** */
/*** 0701: 縦並び一行リスト（コンテンツ記事一覧） ***/

/*** 基本設定 ***/
.tpl-1st-block {}
.tpl-1st-block dl {}
.tpl-1st-block dl.clmDetail {}
.ListTSgle .tpl-1st-block {padding: 0;}

/* ** list0701 end ** */

/* ** list0702 start ** */
/*** 0702: 横並び一行リスト（コンテンツ記事一覧） ***/

/*** 横並び一行リスト個別設定 ***/
.ListType5 .clmDetail {display: flex;}
.ListType5 .clmDetailCate {width: var(--app-li-clmDetailCate-size);}/* 左要素幅サイズ*/
.ListType5 .clmDetailLi {width: 100%;margin-left: 3.0rem;}

/* 公開日 */
.ListType5 .ListTSgle .timeArea {padding-top: 1.2rem;}
.ListType5 .ListTSgle p.time {
	padding: 0.5rem 0.8rem;
	font-size: var(--font-list5time); /* 公開日フォントサイズ */
	font-weight: bold;
}
.ListType5 .ListTSgle p.ico {padding: 0 0 1.0rem 0;}/* NEWマーク */

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

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

	/* 公開日 */
	.ListType5 .ListTSgle .timeArea {padding-top: 1.2rem;display: block;}
	.ListType5 .ListTSgle p.time {padding: 0.5rem 0.8rem 0 0.8rem;}
	.ListType5 .ListTSgle p.ico {padding: 0 0 1.0rem 0;}/* NEWマーク */
}
/* ** list0702 end ** */

/****** 写真無しテキストリンク・縦スライダー ******/

/* ** list08 start ** */
/*** 08: スライダー時のリスト要素共通設定 ***/
.ListBox.ListType3.sldYblockArea dl.clmDetail,
.ListBox.ListType5.sldYblockArea .clmDetail {
	margin: 0 1.0rem;
	padding-bottom: 1.0rem;
	border-bottom: none;
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* リストスライダー対応 */
	.ListBox.ListType3.sldYblockArea dl.clmDetail,
	.ListBox.ListType5.sldYblockArea .clmDetail {
		margin: 0 1.0rem;
		padding-bottom: 1.0rem;
		border-bottom: none;
	}
}
/* ** list08 end ** */

/****************** 2カラム対応(レイアウト) ******************/

/****** リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び ******/

/* ** list0901 start ** */
/*** 0901: 写真(上)テキスト(下)・要素横並びの配置サンプル ***/

/*** 1カラム ***/
.mainClnD .ListType1 .tpl-flexcolumn1 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: var(--font-list1TiclmS1);}

/*** 2カラム ***/
.mainClnD .ListType1 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn2 .column .ListMainTitle {height: var(--font-list1TiHclmS2);font-size: var(--font-list1TiclmS2);}

/* リスト個別背景色を付ける(写真が横長) */
.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 230px;}
.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 370px;}
.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 180px;}
.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 140px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 250px;}
.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 370px;}
.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}
.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 180px;}
.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 160px;}

/* リスト個別背景色を付ける(写真が正方形) */
.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 360px;}
.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 510px;}
.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 280px;}
.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 230px;}
.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 210px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 390px;}
.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 540px;}
.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 310px;}
.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 260px;}
.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 240px;}

/*** 3カラム ***/
.mainClnD .ListType1 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn3 .column .ListMainTitle {height: var(--font-list1TiHclmS3);font-size: var(--font-list1TiclmS3);}

/* リスト個別背景色を付ける(写真が横長) */
.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 210px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 170px;}
.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 230px;}

/* リスト個別背景色を付ける(写真が正方形) */
.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 230px;}
.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 330px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 260px;}
.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 350px;}

/*** 4カラム ***/
.mainClnD .ListType1 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn4 .column .ListMainTitle {height: var(--font-list1TiHclmS4);font-size: var(--font-list1TiclmS4);}

/* リスト個別背景色を付ける(写真が横長) */
.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 170px;}

/* リスト個別背景色を付ける(写真が正方形) */
.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 230px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 260px;}

/*** 5カラム ***/
.mainClnD .ListType1 .tpl-flexcolumn5 .column .ListMainTitle,
.sideClnD .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {height: var(--font-list1TiHclmS5);font-size: var(--font-list1TiclmS5);}

/* リスト個別背景色を付ける(写真が横長) */
.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

/* リスト個別背景色を付ける(写真が正方形) */
.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 220px;}

/*** メインカラム ***/

/* リスト個別背景色を付ける(写真が横長) */

/* W 4カラム以上は2カラムへ */
.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 230px;}

/* M 3カラム以上は2カラムへ */
.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 180px;}

/* C 3カラム以上は2カラムへ */
.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

/* S 3カラム以上は2カラムへ */
.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */

/* W 4カラム以上は2カラムへ */
.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 250px;}

/* M 3カラム以上は2カラムへ */
.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 200px;}

/* C 3カラム以上は2カラムへ */
.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 180px;}

/* S 3カラム以上は2カラムへ */
.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}

/* リスト個別背景色を付ける(写真が正方形) */

/* W 4カラム以上は2カラムへ */
.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 360px;}

/* M 3カラム以上は2カラムへ */
.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 280px;}

/* C 3カラム以上は2カラムへ */
.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}

/* S 3カラム以上は2カラムへ */
.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */

/* W 4カラム以上は2カラムへ */
.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 390px;}

/* M 3カラム以上は2カラムへ */
.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 310px;}

/* C 3カラム以上は2カラムへ */
.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}

/* S 3カラム以上は2カラムへ */
.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}

/*** サイドカラム ***/

/* リスト個別背景色を付ける(写真が横長) */
.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}
.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}
.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}
.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}
.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}
.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 180px;}
.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}

/* リスト個別背景色を付ける(写真が正方形) */
.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 250px;}
.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 300px;}
.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}
.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 280px;}
.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 330px;}
.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 270px;}
.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/*** 2カラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 230px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 250px;}
	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 370px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 400px;}

	/*** 3カラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdW .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdW .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 170px;}
	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdW .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 230px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdW .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 260px;}

	/*** 4カラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}
	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 170px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}

	/*** 5カラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}
	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	/* W時4カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 230px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 180px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* W時4カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 250px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 200px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 180px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* W時4カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 360px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 280px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* W時4カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 390px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 310px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}

	/*** サイドカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 180px;}
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 300px;}
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 330px;}
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 270px;}
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/*** 2カラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 140px;}
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 160px;}
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
	/* リスト個別背景色を付ける(写真が正方形) */
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 240px;}
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 220px;}
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 210px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 300px;}
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 250px;}
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 230px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 200px;}
	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 200px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}
	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 180px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 300px;}
	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 300px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 270px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 250px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 330px;}
	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 340px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 300px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 280px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}

	/*** サイドカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.imag {height: 160px;}
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 270px;}
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 290px;}
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 270px;}
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 250px;}
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/*** 2カラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
	/* リスト個別背景色を付ける(写真が正方形) */
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 180px;}
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}
	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 230px;}
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}
	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}
	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}
	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}

	/*** サイドカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.imag {height: 110px;}
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/*** 2カラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* W時3カラム以上は2カラムへ */
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* N時3カラム以上は2カラムへ */
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* M時3カラム以上は2カラムへ */
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* C時3カラム以上は2カラムへ */
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* S時3カラム以上は2カラムへ */
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/*** サイドカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.imag {height: 120px;}
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
}
/* ** list0901 end ** */

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

/* ** list0902 start ** */
/*** 0902: 写真(左)テキスト(右)・要素縦並び配置サンプル ***/

/*** メインカラム ***/

/*** 写真幅 50% ***/
.mainClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2Md);/* タイトルフォントサイズ */
}
.ptWdM .mainClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdM .mainClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2MdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .mainClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdC .mainClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2MdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .mainClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdS .mainClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2MdS);/* タイトルフォントサイズ Sサイズ */
}
.mainClnD .ListType2 .tpl-flexcolumn2 .column .distxt,
.mainClnD .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2Md);/* ディスクリプションフォントサイズ */
}
.ptWdM .mainClnD .ListType2 .tpl-flexcolumn2 .column .distxt,
.ptWdM .mainClnD .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2MdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .mainClnD .ListType2 .tpl-flexcolumn2 .column .distxt,
.ptWdC .mainClnD .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2MdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .mainClnD .ListType2 .tpl-flexcolumn2 .column .distxt,
.ptWdS .mainClnD .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2MdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 230px;}
.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 380px;}
.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}
.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 140px;}

/* 写真が正方形 */
.mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 370px;}
.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 600px;}
.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 290px;}
.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 240px;}
.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 220px;}

/*** 写真幅 40% ***/
.mainClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3Md);/* タイトルフォントサイズ */
}
.ptWdM .mainClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdM .mainClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3MdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .mainClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdC .mainClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3MdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .mainClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdS .mainClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3MdS);/* タイトルフォントサイズ Sサイズ */
}
.mainClnD .ListType2 .tpl-flexcolumn3 .column .distxt,
.mainClnD .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3Md);/* ディスクリプションフォントサイズ */
}
.ptWdM .mainClnD .ListType2 .tpl-flexcolumn3 .column .distxt,
.ptWdM .mainClnD .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3MdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .mainClnD .ListType2 .tpl-flexcolumn3 .column .distxt,
.ptWdC .mainClnD .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3MdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .mainClnD .ListType2 .tpl-flexcolumn3 .column .distxt,
.ptWdS .mainClnD .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3MdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 250px;}
.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}
.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}

/* 写真が正方形 */
.mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 240px;}
.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 390px;}
.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}
.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}
.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 150px;}

/*** 写真幅 30% ***/
.mainClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4Md);/* タイトルフォントサイズ */
}
.ptWdM .mainClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdM .mainClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4MdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .mainClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdC .mainClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4MdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .mainClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdS .mainClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4MdS);/* タイトルフォントサイズ Sサイズ */
}
.mainClnD .ListType2 .tpl-flexcolumn4 .column .distxt,
.mainClnD .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4Md);/* ディスクリプションフォントサイズ */
}
.ptWdM .mainClnD .ListType2 .tpl-flexcolumn4 .column .distxt,
.ptWdM .mainClnD .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4MdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .mainClnD .ListType2 .tpl-flexcolumn4 .column .distxt,
.ptWdC .mainClnD .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4MdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .mainClnD .ListType2 .tpl-flexcolumn4 .column .distxt,
.ptWdS .mainClnD .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4MdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}
.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 190px;}
.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 70px;}

/* 写真が正方形 */
.mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 180px;}
.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 290px;}
.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}
.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 120px;}
.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 110px;}

/*** 写真幅 20% ***/
.mainClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.mainClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5Md);/* タイトルフォントサイズ */
}
.ptWdM .mainClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdM .mainClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5MdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .mainClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdC .mainClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5MdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .mainClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdS .mainClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5MdS);/* タイトルフォントサイズ Sサイズ */
}
.mainClnD .ListType2 .tpl-flexcolumn5 .column .distxt,
.mainClnD .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5Md);/* ディスクリプションフォントサイズ */
}
.ptWdM .mainClnD .ListType2 .tpl-flexcolumn5 .column .distxt,
.ptWdM .mainClnD .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5MdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .mainClnD .ListType2 .tpl-flexcolumn5 .column .distxt,
.ptWdC .mainClnD .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5MdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .mainClnD .ListType2 .tpl-flexcolumn5 .column .distxt,
.ptWdS .mainClnD .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5MdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}
.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}
.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}
.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}

/* 写真が正方形 */
.mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}
.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}
.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}
.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 100px;}
.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 90px;}

/*** サイドカラム ***/

/*** 写真幅 50% ***/
.sideClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2Sd);/* タイトルフォントサイズ */
}
.ptWdM .sideClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdM .sideClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2SdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .sideClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdC .sideClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2SdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .sideClnD .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdS .sideClnD .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2SdS);/* タイトルフォントサイズ Sサイズ */
}
.sideClnD .ListType2 .tpl-flexcolumn2 .column .distxt,
.sideClnD .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2Sd);/* ディスクリプションフォントサイズ */
}
.ptWdM .sideClnD .ListType2 .tpl-flexcolumn2 .column .distxt,
.ptWdM .sideClnD .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2SdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .sideClnD .ListType2 .tpl-flexcolumn2 .column .distxt,
.ptWdC .sideClnD .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2SdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .sideClnD .ListType2 .tpl-flexcolumn2 .column .distxt,
.ptWdS .sideClnD .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2SdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}
.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}
.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 80px;}
.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 70px;}

/* 写真が正方形 */
.sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}
.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 300px;}
.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 150px;}
.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 120px;}
.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 110px;}

/*** 写真幅 40% ***/
.sideClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3Sd);/* タイトルフォントサイズ */
}
.ptWdM .sideClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdM .sideClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3SdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .sideClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdC .sideClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3SdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .sideClnD .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdS .sideClnD .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3SdS);/* タイトルフォントサイズ Sサイズ */
}
.sideClnD .ListType2 .tpl-flexcolumn3 .column .distxt,
.sideClnD .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3Sd);/* ディスクリプションフォントサイズ */
}
.ptWdM .sideClnD .ListType2 .tpl-flexcolumn3 .column .distxt,
.ptWdM .sideClnD .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3SdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .sideClnD .ListType2 .tpl-flexcolumn3 .column .distxt,
.ptWdC .sideClnD .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3SdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .sideClnD .ListType2 .tpl-flexcolumn3 .column .distxt,
.ptWdS .sideClnD .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3SdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}
.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}
.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 60px;}
.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 60px;}
.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 60px;}

/* 写真が正方形 */
.sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 120px;}
.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 200px;}
.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 100px;}
.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 80px;}
.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 70px;}

/*** 写真幅 30% ***/
.sideClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4Sd);/* タイトルフォントサイズ */
}
.ptWdM .sideClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdM .sideClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4SdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .sideClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdC .sideClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4SdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .sideClnD .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdS .sideClnD .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4SdS);/* タイトルフォントサイズ Sサイズ */
}
.sideClnD .ListType2 .tpl-flexcolumn4 .column .distxt,
.sideClnD .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4Sd);/* ディスクリプションフォントサイズ */
}
.ptWdM .sideClnD .ListType2 .tpl-flexcolumn4 .column .distxt,
.ptWdM .sideClnD .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4SdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .sideClnD .ListType2 .tpl-flexcolumn4 .column .distxt,
.ptWdC .sideClnD .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4SdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .sideClnD .ListType2 .tpl-flexcolumn4 .column .distxt,
.ptWdS .sideClnD .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4SdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 60px;}
.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}
.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 50px;}
.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 40px;}
.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 40px;}

/* 写真が正方形 */
.sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 90px;}
.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 150px;}
.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 70px;}
.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 60px;}
.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 50px;}

/*** 写真幅 20% ***/
.sideClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.sideClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5Sd);/* タイトルフォントサイズ */
}
.ptWdM .sideClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdM .sideClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5SdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .sideClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdC .sideClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5SdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .sideClnD .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdS .sideClnD .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5SdS);/* タイトルフォントサイズ Sサイズ */
}
.sideClnD .ListType2 .tpl-flexcolumn5 .column .distxt,
.sideClnD .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5Sd);/* ディスクリプションフォントサイズ */
}
.ptWdM .sideClnD .ListType2 .tpl-flexcolumn5 .column .distxt,
.ptWdM .sideClnD .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5SdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .sideClnD .ListType2 .tpl-flexcolumn5 .column .distxt,
.ptWdC .sideClnD .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5SdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .sideClnD .ListType2 .tpl-flexcolumn5 .column .distxt,
.ptWdS .sideClnD .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5SdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 40px;}
.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 40px;}

/* 写真が正方形 */
.sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 70px;}
.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}
.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 60px;}
.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 50px;}
.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 40px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 230px;}
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 250px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 370px;}
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 390px;}

	/*** 写真幅 40% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 170px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 240px;}
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 250px;}

	/*** 写真幅 30% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 180px;}
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}

	/*** 写真幅 20% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}

	/*** 写真幅 40% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 90px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 120px;}
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 130px;}

	/*** 写真幅 30% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 60px;}
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 70px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 90px;}
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 100px;}

	/*** 写真幅 20% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 70px;}
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 80px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 180px;}
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 160px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 290px;}
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 250px;}

	/*** 写真幅 40% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 110px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 180px;}
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 170px;}

	/*** 写真幅 30% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 210px;}
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 180px;}
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 170px;}

	/*** 写真幅 20% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 80px;}
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 70px;}
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 60px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 120px;}
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 110px;}
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 100px;}

	/*** 写真幅 40% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 60px;}
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 50px;}
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 50px;}
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 40px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 90px;}
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 80px;}
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 70px;}
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 70px;}

	/*** 写真幅 30% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 60px;}
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 50px;}
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 50px;}
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 40px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 90px;}
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 80px;}
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 70px;}
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 60px;}

	/*** 写真幅 20% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 40px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 90px;}
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 80px;}
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 70px;}
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 60px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 140px;}
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 220px;}
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 180px;}

	/*** 写真幅 40% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 90px;}
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 70px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 140px;}
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 130px;}
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 120px;}
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 110px;}

	/*** 写真幅 30% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 70px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 130px;}
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 120px;}
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 110px;}

	/*** 写真幅 20% ***/

	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 110px;}

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 60px;}
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 50px;}
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 40px;}
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 40px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 80px;}
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 70px;}
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 60px;}
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 60px;}

	/*** 写真幅 40% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 40px;}
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 40px;}
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 30px;}
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 30px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 60px;}
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 50px;}
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 40px;}
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 40px;}

	/*** 写真幅 30% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 40px;}
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 30px;}
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 30px;}
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 30px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 50px;}
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 40px;}
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 40px;}
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 40px;}

	/*** 写真幅 20% ***/

	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 40px;}
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 30px;}
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 30px;}
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 30px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 50px;}
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 40px;}
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 40px;}
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 40px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}

	/*** 写真幅 40% ***/
	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}

	/*** 写真幅 30% ***/
	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}

	/*** 写真幅 20% ***/
	/* 写真が横長 */
	.mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .mainClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .mainClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* 写真が正方形 */
	.mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .mainClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .mainClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/
	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}

	/*** 写真幅 40% ***/
	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}

	/*** 写真幅 30% ***/
	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}

	/*** 写真幅 20% ***/
	/* 写真が横長 */
	.sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .sideClnD .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .sideClnD .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* 写真が正方形 */
	.sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .sideClnD .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .sideClnD .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
}
/* ** list0902 end ** */

/****************** 2カラム対応(レイアウトセパレート) ******************/

/****** リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び ******/

/* ** list0903 start ** */
/*** 0903: 写真(上)テキスト(下)・要素横並びのセパレート配置サンプル ***/

/*** 1カラム ***/
.hlfCln .ListType1 .tpl-flexcolumn1 .column .ListMainTitle {font-size: var(--font-list1TiclmS1);}

/*** 2カラム ***/
.hlfCln .ListType1 .tpl-flexcolumn2 .column .ListMainTitle {height: var(--font-list1TiHclmS2);font-size: var(--font-list1TiclmS2);}

/* リスト個別背景色を付ける(写真が横長) */
.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 270px;}
.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}
.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}
.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 290px;}
.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

/* リスト個別背景色を付ける(写真が正方形) */
.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 260px;}
.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 430px;}
.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}
.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}
.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 150px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 290px;}
.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 460px;}
.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 230px;}
.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}
.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 180px;}

/*** 3カラム ***/
.hlfCln .ListType1 .tpl-flexcolumn3 .column .ListMainTitle {height: var(--font-list1TiHclmS3);font-size: var(--font-list1TiclmS3);}

/* リスト個別背景色を付ける(写真が横長) */
.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}
.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 180px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 190px;}

/* リスト個別背景色を付ける(写真が正方形) */
.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}
.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 280px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}
.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 310px;}

/*** 4カラム ***/
.hlfCln .ListType1 .tpl-flexcolumn4 .column .ListMainTitle {height: var(--font-list1TiHclmS4);font-size: var(--font-list1TiclmS4);}

/* リスト個別背景色を付ける(写真が横長) */
.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}

/* リスト個別背景色を付ける(写真が正方形) */
.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 230px;}

/*** 5カラム ***/
.hlfCln .ListType1 .tpl-flexcolumn5 .column .ListMainTitle {height: var(--font-list1TiHclmS5);font-size: var(--font-list1TiclmS5);}

/* リスト個別背景色を付ける(写真が横長) */
.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

/* リスト個別背景色を付ける(写真が正方形) */
.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}

/*** メインカラム ***/

/* リスト個別背景色を付ける(写真が横長) */

/* W 4カラム以上は2カラムへ */
.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}

/* M 3カラム以上は2カラムへ */
.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

/* C 3カラム以上は2カラムへ */
.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

/* S 3カラム以上は2カラムへ */
.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */

/* W 4カラム以上は2カラムへ */
.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}

/* M 3カラム以上は2カラムへ */
.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

/* C 3カラム以上は2カラムへ */
.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

/* S 3カラム以上は2カラムへ */
.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

/* リスト個別背景色を付ける(写真が正方形) */

/* W 4カラム以上は2カラムへ */
.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}

/* M 3カラム以上は2カラムへ */
.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}

/* C 3カラム以上は2カラムへ */
.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

/* S 3カラム以上は2カラムへ */
.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}

/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */

/* W 4カラム以上は2カラムへ */
.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 290px;}

/* M 3カラム以上は2カラムへ */
.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}

/* C 3カラム以上は2カラムへ */
.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}

/* S 3カラム以上は2カラムへ */
.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/*** 2カラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 260px;}
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 150px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 300px;}
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 230px;}
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 180px;}

	/*** 3カラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 200px;}

	/*** 4カラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 120px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 150px;}

	/*** 5カラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 90px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */

	/* W 4カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */

	/* W 4カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */

	/* W 4カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */

	/* W 4カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 290px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/*** 2カラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 180px;}
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 240px;}
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}

	/*** 3カラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 130px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}

	/*** 4カラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 210px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 240px;}

	/*** 5カラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */

	/* W 4カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */

	/* W 4カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 130px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */

	/* W 4カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */

	/* W 4カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 210px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 200px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/*** 2カラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 80px;}
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 70px;}
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 70px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 80px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 140px;}
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 120px;}
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 110px;}
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 100px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 150px;}
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 140px;}
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 130px;}

	/*** 3カラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 90px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 130px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */

	/* W 3カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */

	/* W 3カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}

	/* リスト個別背景色を付ける(写真が正方形) */

	/* W 3カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 110px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 100px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */

	/* W 3カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/*** 2カラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	/* W 3カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* W 3カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* W 3カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* W 3カラム以上は2カラムへ */
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* N 3カラム以上は2カラムへ */
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* M 3カラム以上は2カラムへ */
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* C 3カラム以上は2カラムへ */
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

	/* S 3カラム以上は2カラムへ */
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType1.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
}
/* ** list0903 end ** */

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

/* ** list0904 start ** */
/*** 0904: 写真(左)テキスト(右)・要素縦並びセパレート配置サンプル ***/

/*** メインカラム ***/

/*** 写真幅 50% ***/
.hlfCln .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2Md);/* タイトルフォントサイズ */
}
.ptWdM .hlfCln .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdM .hlfCln .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2MdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .hlfCln .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdC .hlfCln .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2MdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .hlfCln .ListType2 .tpl-flexcolumn2 .column .ListMainTitle,
.ptWdS .hlfCln .ListType4 .tpl-flexcolumn2 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm2MdS);/* タイトルフォントサイズ Sサイズ */
}
.hlfCln .ListType2 .tpl-flexcolumn2 .column .distxt,
.hlfCln .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2Md);/* ディスクリプションフォントサイズ */
}
.ptWdM .hlfCln .ListType2 .tpl-flexcolumn2 .column .distxt,
.ptWdM .hlfCln .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2MdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .hlfCln .ListType2 .tpl-flexcolumn2 .column .distxt,
.ptWdC .hlfCln .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2MdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .hlfCln .ListType2 .tpl-flexcolumn2 .column .distxt,
.ptWdS .hlfCln .ListType4 .tpl-flexcolumn2 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm2MdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 280px;}
.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 140px;}
.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}

/* 写真が正方形 */
.hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}
.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 450px;}
.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 220px;}
.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 180px;}
.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}

/*** 写真幅 40% ***/
.hlfCln .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3Md);/* タイトルフォントサイズ */
}
.ptWdM .hlfCln .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdM .hlfCln .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3MdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .hlfCln .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdC .hlfCln .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3MdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .hlfCln .ListType2 .tpl-flexcolumn3 .column .ListMainTitle,
.ptWdS .hlfCln .ListType4 .tpl-flexcolumn3 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm3MdS);/* タイトルフォントサイズ Sサイズ */
}
.hlfCln .ListType2 .tpl-flexcolumn3 .column .distxt,
.hlfCln .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3Md);/* ディスクリプションフォントサイズ */
}
.ptWdM .hlfCln .ListType2 .tpl-flexcolumn3 .column .distxt,
.ptWdM .hlfCln .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3MdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .hlfCln .ListType2 .tpl-flexcolumn3 .column .distxt,
.ptWdC .hlfCln .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3MdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .hlfCln .ListType2 .tpl-flexcolumn3 .column .distxt,
.ptWdS .hlfCln .ListType4 .tpl-flexcolumn3 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm3MdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 190px;}
.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 90px;}
.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}
.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 70px;}

/* 写真が正方形 */
.hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 180px;}
.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 290px;}
.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 140px;}
.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 120px;}
.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 110px;}

/*** 写真幅 30% ***/
.hlfCln .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4Md);/* タイトルフォントサイズ */
}
.ptWdM .hlfCln .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdM .hlfCln .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4MdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .hlfCln .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdC .hlfCln .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4MdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .hlfCln .ListType2 .tpl-flexcolumn4 .column .ListMainTitle,
.ptWdS .hlfCln .ListType4 .tpl-flexcolumn4 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm4MdS);/* タイトルフォントサイズ Sサイズ */
}
.hlfCln .ListType2 .tpl-flexcolumn4 .column .distxt,
.hlfCln .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4Md);/* ディスクリプションフォントサイズ */
}
.ptWdM .hlfCln .ListType2 .tpl-flexcolumn4 .column .distxt,
.ptWdM .hlfCln .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4MdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .hlfCln .ListType2 .tpl-flexcolumn4 .column .distxt,
.ptWdC .hlfCln .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4MdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .hlfCln .ListType2 .tpl-flexcolumn4 .column .distxt,
.ptWdS .hlfCln .ListType4 .tpl-flexcolumn4 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm4MdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 140px;}
.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 70px;}
.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 60px;}
.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 50px;}

/* 写真が正方形 */
.hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}
.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 220px;}
.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 110px;}
.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 90px;}
.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 80px;}

/*** 写真幅 20% ***/
.hlfCln .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.hlfCln .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5Md);/* タイトルフォントサイズ */
}
.ptWdM .hlfCln .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdM .hlfCln .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5MdM);/* タイトルフォントサイズ Mサイズ */
}
.ptWdC .hlfCln .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdC .hlfCln .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5MdC);/* タイトルフォントサイズ Cサイズ */
}
.ptWdS .hlfCln .ListType2 .tpl-flexcolumn5 .column .ListMainTitle,
.ptWdS .hlfCln .ListType4 .tpl-flexcolumn5 .column .ListMainTitle {
	font-size: var(--font-list24Ticlm5MdS);/* タイトルフォントサイズ Sサイズ */
}
.hlfCln .ListType2 .tpl-flexcolumn5 .column .distxt,
.hlfCln .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5Md);/* ディスクリプションフォントサイズ */
}
.ptWdM .hlfCln .ListType2 .tpl-flexcolumn5 .column .distxt,
.ptWdM .hlfCln .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5MdM);/* ディスクリプションフォントサイズ Mサイズ */
}
.ptWdC .hlfCln .ListType2 .tpl-flexcolumn5 .column .distxt,
.ptWdC .hlfCln .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5MdC);/* ディスクリプションフォントサイズ Cサイズ */
}
.ptWdS .hlfCln .ListType2 .tpl-flexcolumn5 .column .distxt,
.ptWdS .hlfCln .ListType4 .tpl-flexcolumn5 .column .distxt {
	padding-top: 0;
	font-size: var(--font-list24distxtclm5MdS);/* ディスクリプションフォントサイズ Sサイズ */
}
/* 写真が横長 */
.hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}
.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}
.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 40px;}

/* 写真が正方形 */
.hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 110px;}
.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}
.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 90px;}
.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 70px;}
.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 70px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 280px;}

	/*** 写真幅 40% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 180px;}
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}

	/*** 写真幅 30% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}

	/*** 写真幅 20% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 110px;}
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 110px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 140px;}
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 220px;}
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 180px;}
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}

	/*** 写真幅 40% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 70px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 150px;}
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 130px;}
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 120px;}
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 110px;}

	/*** 写真幅 30% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 70px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 130px;}
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 120px;}
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 110px;}

	/*** 写真幅 20% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 110px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 80px;}
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 70px;}
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 60px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 120px;}
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 110px;}
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 100px;}

	/*** 写真幅 40% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 60px;}
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 50px;}
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 50px;}
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 50px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 90px;}
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 80px;}
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 70px;}
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 60px;}

	/*** 写真幅 30% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 60px;}
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 50px;}
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 50px;}
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 50px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 80px;}
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 70px;}
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 70px;}
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 60px;}

	/*** 写真幅 20% ***/

	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 80px;}
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 70px;}
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 70px;}
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 60px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}

	/*** 写真幅 40% ***/
	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}

	/*** 写真幅 30% ***/
	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn4 figure.image {height: 190px;}

	/*** 写真幅 20% ***/
	/* 写真が横長 */
	.hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdM .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdC .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .hlfCln .ListType2.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdS .hlfCln .ListType4.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

	/* 写真が正方形 */
	.hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdM .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdC .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .hlfCln .ListType2.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdS .hlfCln .ListType4.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}
}
/* ** list0904 end ** */

/* ** list0905 start ** */
/*** 0905: 写真(上)テキスト(下)・要素横並びのスライダー配置サンプル ***/

/*** 2カラム ***/
/* スライダー時　リスト個別背景色を付ける(写真が横長)  */
 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 330px;}
.ptWdM .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 160px;}
.ptWdC .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
.ptWdS .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 230px;}
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 350px;}
.ptWdM .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 180px;}
.ptWdC .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
.ptWdS .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 140px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 520px;}
.ptWdM .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 250px;}
.ptWdC .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}
.ptWdS .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 360px;}
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 550px;}
.ptWdM .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 280px;}
.ptWdC .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 240px;}
.ptWdS .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 220px;}

/*** 3カラム ***/
/* スライダー時　リスト個別背景色を付ける(写真が横長) */
.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 210px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 230px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 200px;}
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 340px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 230px;}
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 370px;}

/*** 4カラム ***/
/* スライダー時　リスト個別背景色を付ける(写真が横長) */
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 150px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 170px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 250px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 270px;}

/*** 5カラム ***/
/* スライダー時　リスト個別背景色を付ける(写真が横長) */
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 190px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 220px;}

/*** メインカラム ***/
/* スライダー時 M以降は設置不可　リスト個別背景色を付ける(写真が横長) */
.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}

/* スライダー時 M以降は設置不可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

/* スライダー時 M以降は設置不可　リスト個別背景色を付ける(写真が正方形) */
.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 120px;}
.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 100px;}

/* スライダー時 M以降は設置不可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 110px;}
.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 110px;}

/*** サイドカラム ***/
/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が横長) */
.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 180px;}

/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が正方形) */
.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 240px;}

/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 270px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/*** メインカラム ***/

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 200px;}
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 130px;}
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 200px;}
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 120px;}
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 90px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 210px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 150px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 360px;}
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 230px;}
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 150px;}
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 360px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 240px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 180px;}
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}

	/*** サイドカラム ***/

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が横長) */
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が正方形) */
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 360px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 400px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 560px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 580px;}

	/*** メインカラム ***/

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 360px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 380px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 600px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 610px;}

	/*** サイドカラム ***/

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が横長) */
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 140px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 160px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が正方形) */
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 220px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 250px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 250px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 270px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 380px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 420px;}

	/*** メインカラム ***/

	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 250px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 270px;}

	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 380px;}

	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 420px;}

	/*** サイドカラム ***/

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が横長) */
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が正方形) */
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/*** 2カラム ***/
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}
	/* スライダー時 */
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	 .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 290px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	 .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 290px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 320px;}

	/*** サイドカラム ***/

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が横長) */
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色を付ける(写真が正方形) */
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 290px;}

	/* スライダー時 M以降は1カラムのみ設置可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 320px;}
}
/* ** list0905 end ** */

/* ** list0906 start ** */
/*** 0906: 写真(左)テキスト(右)・要素縦並びスライダー配置サンプル ***/

/*** メインカラム ***/

/*** 写真幅 50% ***/
/* スライダー時　写真が横長 */
.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 280px;}

/* スライダー時　写真が正方形 */
.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}
.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 460px;}

/*** 写真幅 40% ***/
/* スライダー時　写真が横長 */
.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}
.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 180px;}

/* スライダー時　写真が正方形 */
.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}
.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 300px;}

/*** 写真幅 30% ***/
/* スライダー時　写真が横長 */
.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}
.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 140px;}

/* スライダー時　写真が正方形 */
.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 160px;}
.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 220px;}

/*** 写真幅 20% ***/
/* スライダー時　写真が横長 */
.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}

/* スライダー時　写真が正方形 */
.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 150px;}
.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

/*** サイドカラム ***/

/*** 写真幅 50% ***/
/* スライダー時　写真が横長 */
.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}
.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 140px;}

/* スライダー時　写真が正方形 */
.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}
.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 220px;}

/*** 写真幅 40% ***/
/* スライダー時　写真が横長 */
.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 70px;}
.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 90px;}

/* スライダー時　写真が正方形 */
.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 110px;}
.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 150px;}

/*** 写真幅 30% ***/
/* スライダー時　写真が横長 */
.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 50px;}
.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 70px;}

/* スライダー時　写真が正方形 */
.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 80px;}
.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 110px;}

/*** 写真幅 20% ***/
/* スライダー時　写真が横長 */
.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 40px;}
.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}

/* スライダー時　写真が正方形 */
.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 60px;}
.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 90px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {
	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 220px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 330px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 340px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 140px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 150px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 220px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 230px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 160px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 170px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 70px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 110px;}
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 120px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 60px;}
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 60px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 80px;}
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 90px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 40px;}
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 40px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 60px;}
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 70px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 180px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 180px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 180px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 120px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 180px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 120px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 180px;}

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 70px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 110px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 50px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 70px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 50px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 70px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 70px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {
	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 190px;}

	/*** 写真幅 40% ***/
	/* スライダー時　 写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 130px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 120px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 120px;}

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 40px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 70px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 30px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 40px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 30px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 40px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 30px;}
	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 50px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 160px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .mainClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 160px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .sideClnD .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}
}
/* ** list0906 end ** */

/* ** list0907 start ** */
/*** 0907: 写真(上)テキスト(下)・要素横並びのスライダーセパレート配置サンプル ***/

/****** リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び ******/
/*** 2カラム ***/

/* スライダー時　リスト個別背景色を付ける(写真が横長) */
.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 250px;}
.ptWdM .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
.ptWdC .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}
.ptWdS .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 160px;}
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 260px;}
.ptWdM .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
.ptWdC .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}
.ptWdS .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 230px;}
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 380px;}
.ptWdM .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 180px;}
.ptWdC .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 140px;}
.ptWdS .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 130px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 260px;}
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 410px;}
.ptWdM .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 210px;}
.ptWdC .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}
.ptWdS .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}

/*** 3カラム ***/

/* スライダー時　リスト個別背景色を付ける(写真が横長) */
.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 90px;}
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 160px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 110px;}
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 180px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 140px;}
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 250px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 180px;}
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 280px;}

/*** 4カラム ***/

/* スライダー時　リスト個別背景色を付ける(写真が横長) */
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 110px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 180px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 210px;}

/*** 5カラム ***/

/* スライダー時　リスト個別背景色を付ける(写真が横長) */
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 90px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 110px;}

/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 140px;}

/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 170px;}

/*** メインカラム ***/

/* スライダー時 M以降は設置不可　リスト個別背景色を付ける(写真が横長) */
.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

/* スライダー時 M以降は設置不可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}

/* スライダー時 M以降は設置不可　リスト個別背景色を付ける(写真が正方形) */
.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}

/* スライダー時 M以降は設置不可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {

	/*** 2カラム ***/
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	 .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
	.ptWdM .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 120px;}
	.ptWdC .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}
	.ptWdS .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	 .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 160px;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdM .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	.ptWdC .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 110px;}
	.ptWdS .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 230px;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 240px;}
	.ptWdM .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 180px;}
	.ptWdC .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 140px;}
	.ptWdS .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 130px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 260px;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 270px;}
	.ptWdM .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 210px;}
	.ptWdC .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 170px;}
	.ptWdS .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}

	/*** 3カラム ***/
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 90px;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 110px;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image {height: 120px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 140px;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image {height: 150px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 180px;}
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image {height: 190px;}

	/*** 4カラム ***/
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image {height: 100px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image {height: 140px;}

	/*** 5カラム ***/
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 50px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 80px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 110px;}

	/*** メインカラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	/* スライダー時 M以降は設置不可　リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 150px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* スライダー時 M以降は設置不可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長)  */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* スライダー時 M以降は設置不可　リスト個別背景色を付ける(写真が正方形)  */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 230px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* スライダー時 M以降は設置不可　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 260px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	/*** 2カラム ***/
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	 .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 250px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	 .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 270px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	 .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 400px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	 .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 430px;}

	/*** メインカラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 250px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 270px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 400px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形)  */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 430px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {
	/*** 2カラム ***/
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	 .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 170px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	 .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	 .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 260px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	 .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 300px;}

	/*** メインカラム ***/
	/* リスト個別背景色を付ける(写真が横長) */
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 170px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 200px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 270px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 300px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/*** 2カラム ***/
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	 .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn2 figure.image {height: 190px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	 .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn2 figure.image {height: 210px;}
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	 .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn2 figure.image {height: 290px;}
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	 .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn2 figure.image {height: 320px;}

	/*** メインカラム ***/

	/* リスト個別背景色を付ける(写真が横長) */
	/* スライダー時　リスト個別背景色を付ける(写真が横長) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgY .tpl-flexcolumn5 figure.image {height: 190px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が横長) */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgY .tpl-flexcolumn5 figure.image {height: 210px;}

	/* リスト個別背景色を付ける(写真が正方形) */
	/* スライダー時　リスト個別背景色を付ける(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg01.liimgT .tpl-flexcolumn5 figure.image {height: 290px;}

	/* リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	/* スライダー時　リスト個別背景色、且つ写真を枠いっぱいに広げる(写真が正方形) */
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType1.sldYblockArea.liwbg02.liimgT .tpl-flexcolumn5 figure.image {height: 320px;}
}
/* ** list0907 end ** */

/* ** list0908 start ** */
/*** 0908: 写真(左)テキスト(右)・要素縦並びスライダーセパレート配置サンプル ***/

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

/*** メインカラム ***/

/*** 写真幅 50% ***/

/* スライダー時　写真が横長 */
.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 250px;}

/* スライダー時　写真が正方形 */
.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 240px;}
.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 400px;}

/*** 写真幅 40% ***/

/* スライダー時　写真が横長 */
.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}
.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 170px;}

/* スライダー時　写真が正方形 */
.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}
.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 260px;}

/*** 写真幅 30% ***/

/* スライダー時　写真が横長 */
.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 130px;}

/* スライダー時　写真が正方形 */
.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 120px;}
.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 200px;}

/*** 写真幅 20% ***/

/* スライダー時　写真が横長 */
.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}
.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

/* スライダー時　写真が正方形 */
.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 100px;}
.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}

/* ===================================================================================
for ipad max-width: 1100px-1500px
=================================================================================== */
@media screen and (min-width:1100px) and ( max-width:1500px) {
	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 150px;}
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 160px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 240px;}
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 250px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 110px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 170px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 90px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 120px;}
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 130px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 70px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 100px;}
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 100px;}
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 130px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 200px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 80px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 130px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 80px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 130px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 80px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 130px;}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {
	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 90px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 130px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 60px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 90px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 60px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 80px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 60px;}
	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 80px;}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn2 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn2 figure.image {height: 160px;}

	/*** 写真幅 40% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn3 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn3 figure.image {height: 160px;}

	/*** 写真幅 30% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn4 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn4 figure.image {height: 160px;}

	/*** 写真幅 20% ***/
	/* スライダー時　写真が横長 */
	.hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgY .tpl-flexcolumn5 figure.image {height: 100px;}

	/* スライダー時　写真が正方形 */
	.hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType2.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image,
	.ptWdN .hlfCln .ListType4.sldYblockArea.liimgT .tpl-flexcolumn5 figure.image {height: 160px;}
}
/* ** list0908 end ** */

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

/****** 写真(上)テキスト(下)・要素横並びのデザインパターン ******/

/* ** list1001 start ** */
/*** 1001: 写真(上)テキスト(下)・要素横並びのデザインパターン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);/* 背景影色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* リスト個別背景色を付ける */
	.ListBox.ListType1.liwbg01 .column {
		padding: 1.0rem;
	}
}
/* ** list1001 end ** */

/* ** list1002 start ** */
/*** 1002: 写真(上)テキスト(下)・要素横並びのデザインパターン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;}

/* ** list1002 end ** */

/****** 写真(左)テキスト(右)全体リンク・要素縦並びのデザインパターン ******/

/* ** list1003 start ** */
/*** 1003: 写真(左)テキスト(右)全体リンク・要素縦並びのデザインパターン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);/* 背景影色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* リスト個別背景色を付ける */
	.ListBox.ListType2.liwbg01 .clmDetail,
	.ListBox.ListType4.liwbg01 .clmDetail {
		padding: 1.0rem 0.5rem;
	}
}
/* ** list1003 end ** */

/* ** list1004 start ** */
/*** 1004: 写真(左)テキスト(右)全体リンク・要素縦並びのデザインパターン02:リスト個別背景色無し・罫線での仕切り ***/

/* リスト個別背景色無し・罫線での仕切り */
.ListBox.ListType2.liwbg02 .clmDetail,
.ListBox.ListType4.liwbg02 .clmDetail {
	padding: 2.0rem;
	border-bottom: var(--app-li-clmD-brd); /* 仕切り要素 ボーダー指定 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/* リスト個別背景色無し・罫線での仕切り */
	.ListBox.ListType2.liwbg02 .clmDetail,
	.ListBox.ListType4.liwbg02 .clmDetail {
		padding: 2.0rem 0.5rem;
	}
}
/* ** list1004 end ** */

/****** 写真無しテキストリンクのデザインパターン ******/

/* ** list1005 start ** */
/*** 1005: 写真無しテキストリンクのデザインパターン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);/* 背景影色 */
}
/* ** list1005 end ** */

/* ** list1006 start ** */
/*** 1006: 写真無しテキストリンクのデザインパターン02:リスト個別背景色無し・罫線での仕切り ***/

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

/********* 商品・セミナー詳細項目リスト *********/

/* ** list1007 start ** */
/*** 1007: 商品・セミナー詳細項目リスト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); /* ボーダー指定 */
}
.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;}

/* 概要表示パターン（基本）タイプ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 prdIcoCrt 全タイプ対応 */
.semIcoCrtN .sem_kinagaku dt,
.prdIcoCrtN .prd_kinagaku dt {padding-top: 2.0rem;}
.semIcoCrt .sem_kinagaku dt,
.prdIcoCrt .prd_kinagaku dt {padding-top: 1.5rem;}
.semIcoCrt .ListSubhDet dd,
.prdIcoCrt .ListSubhDet dd {padding: 0.8rem 0 0.2rem 2.0rem;}
.semIcoCrt span.SemIco,
.prdIcoCrt span.PrdIco {font-size: var(--font-SemPrdIco);}/* 見出しアイコン表示用 フォントサイズ */

/* ** list1007 end ** */

/* ** list1008 start ** */
/*** 1008: 商品・セミナー詳細項目リスト02:アイコンありタイプ ***/

/*** セミナー・商品概要箇所のアイコン要素 ***/

/* セミナー用アイコン */
.semIcoCrt span.SemIco {
	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 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); /* 角丸 */
}
/* 価格 */
.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);/* 背景色 */
}
/* ** list1008 end ** */

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

/* 概要表示パターン（縦並び）写真無しテキストリンク対応 */
.semDetPtFN .ListSubhDetTpF,
.prdDetPtFN .ListSubhDetTpF {
	margin: 0 auto;
	padding: 0;
}
.semDetPtFN .ListSubhDetTpF section,
.prdDetPtFN .ListSubhDetTpF section {
	display: flex;
	padding: 0.5rem 0;
	border-bottom: var(--app-li-SubhDet-brd); /* ボーダー指定 */
}
.semDetPtFN .ListSubhDetTpF .SubhDetTi,
.prdDetPtFN .ListSubhDetTpF .SubhDetTi {
	width: 25%;
	max-width: 100px;
}
.semDetPtFN .ListSubhDetTpF .sem_kinagaku .SubhDetTi,
.prdDetPtFN .ListSubhDetTpF .prd_kinagaku .SubhDetTi {padding-top: 1.0rem;}
.semIcoCrt .ListSubhDetTpF .SubhDetTxt,
.prdIcoCrt .ListSubhDetTpF .SubhDetTxt {padding: 0.8rem 0 0.2rem 2.0rem;}

/* ** list1009 end ** */

/* ** list1011 start ** */
/*** 1011: 商品・セミナー詳細項目リスト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;}

/* ** list1011 end ** */

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

/* 親枠 */
.FlexListArea {
	margin: var(--app-FlexListArea-mg); /* マージン */
	padding: var(--app-FlexListArea-pd); /* パディング */
}
/* リスト個別枠 */
.FlexListInn {
	margin: var(--app-FlexListInn-mg); /* マージン */
	padding: var(--app-FlexListInn-pd); /* パディング */
	display: flex;
	justify-content: flex-start;
	border-top: var(--app-FlexListInn-brd); /* ボーダー指定 */
	font-weight: bold;
	background: var(--app-FlexListInn-bg); /* 背景色 */ 
}
.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: var(--app-FlexDataArea-mg); /* マージン */
	padding: var(--app-FlexDataArea-pd); /* パディング */
}
/* リスト一件抽出個別枠 */
.FlexDataInn {
	margin: var(--app-FlexDataInn-mg); /* マージン */
	padding: var(--app-FlexDataInn-pd); /* パディング */
	display: flex;
	justify-content: flex-start;
	font-weight: bold;
	background: var(--app-FlexDataInn-bg); /* 背景色 */ 
}
.FlexDataInn .FlexItem:last-child {margin-left: auto;}

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

/*** 個別要素(写真) ***/
.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: var(--font-FlexItemDataTime);}/* 日時等 */
.FlexItemDataName {font-size: var(--font-FlexItemDataName);}/* 名前 */
.FlexItemDataCorp {font-size: var(--font-FlexItemDataCorp);}/* 会社名等 */
.FlexItemDataAdd {font-size: var(--font-FlexItemDataAdd);}/* 住所 */
.FlexItemDataTxt {font-size: var(--font-FlexItemDataTxt);}/* その他テキスト */
.FlexItemDataTxt span {font-size: var(--font-FlexItemDataTxt-span);}/* その他テキスト要素で文字強弱がある場合 */
.FlexItemDataMemo {font-size: var(--font-FlexItemDataMemo);}/* その他メモ */
.DataItemS .FlexItemDataName {font-size: var(--font-FlexItemDataName-S);}/* 名前(幅狭) */

/* 文字数が多い場合の・・処理指定 */
.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;}

/*** 各種要素デザインパターン ***/
/* 評価アイコン */
.FlexItemAct p.StarIco {text-align: right;}
.FlexItemAct p.StarIco img {width: 150px;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	/* サイズ要素 */
	.DataItemW .FlexItemData {width: 70%;}
	.DataItemW .FlexItemAct {width: 30%;}
	.DataItemN .FlexItemData {width: 50%;}
	.DataItemN .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%;}
}
/* ** list11 end ** */
@charset "utf-8";
/***************************************************
information
  filename : myp_parts.css;
***************************************************/

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

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

/*** マイページナビ ***/
.mypagenav {margin: 0 auto;padding: 0;}
.mypagenav ul {margin: 0 auto;padding: 0;}
.mypagenav li {
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.mypagenav a {
	text-decoration: none;
	display: block;
	color: var(--app-mypagenav-txt); /* テキスト色 */
	font-size: var(--font-mypagenav); /* フォントサイズ */
	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.0rem 0.5rem 1.0rem 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); /* 背景色 */
}
/* デザインパターン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-bbg);/* 背景影色 */
}
.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); /* 背景色 */
}
/* デザインパターン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-bbg);/* 背景影色 */
}
.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); /* 背景色 */
}
/* デザインパターン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-bbg);/* 背景影色 */
}
.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); /* 見出しボーダー指定 */
}
/* マイページナビ(アイコン) */
.mypTp01.mypagenav a.mypagetop,
.mypTp02.mypagenav a.mypagetop {background: var(--app-mypagetop-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypageprof,
.mypTp02.mypagenav a.mypageprof {background: var(--app-mypageprof-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypagepassword,
.mypTp02.mypagenav a.mypagepassword {background: var(--app-mypagepassword-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypageservice,
.mypTp02.mypagenav a.mypageservice {background: var(--app-mypageservice-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypageseminar,
.mypTp02.mypagenav a.mypageseminar {background: var(--app-mypageseminar-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypageproduct,
.mypTp02.mypagenav a.mypageproduct {background: var(--app-mypageproduct-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypagecart,
.mypTp02.mypagenav a.mypagecart {background: var(--app-mypagecart-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypagecontact,
.mypTp02.mypagenav a.mypagecontact {background: var(--app-mypagecontact-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypagepush,
.mypTp02.mypagenav a.mypagepush {background: var(--app-mypagepush-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypageconpost,
.mypTp02.mypagenav a.mypageconpost {background: var(--app-mypageconpost-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypageprdpost,
.mypTp02.mypagenav a.mypageprdpost {background: var(--app-mypageprdpost-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypagebbspost,
.mypTp02.mypagenav a.mypagebbspost {background: var(--app-mypagebbspost-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypagefavorite,
.mypTp02.mypagenav a.mypagefavorite {background: var(--app-mypagefavorite-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypagebenefits,
.mypTp02.mypagenav a.mypagebenefits {background: var(--app-mypagebenefits-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypageaffiliate,
.mypTp02.mypagenav a.mypageaffiliate {background: var(--app-mypageaffiliate-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypageinfo,
.mypTp02.mypagenav a.mypageinfo {background: var(--app-mypageinfo-ico) 0.5em center no-repeat var(--app-mypagenav-bg);}
.mypTp01.mypagenav a.mypnavIco,
.mypTp02.mypagenav a.mypnavIco {background-size:24px 24px;}

/* ** myp01 end ** */

/* ** myp02 start ** */
/*** 02: マイページナビ(プロフ写真エリア) ***/
.myPhoto {
	margin: 0 auto;
	padding: var(--app-myPhoto-pd); /* パディング */
	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: var(--font-myPhotoName); /* フォントサイズ */
	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%);}

/* ** myp02 end ** */

/* ** myp03 start ** */
/*** 03: マイページトップ表示枠 ***/

/* 基本設定 */
.mypageBox {margin: 0 auto;padding: 0;}

/* マイページトップ等で使用 */
.mypageBoxDet {
	margin: var(--app-mypageBoxDet-mg); /* マージン  */
	padding: var(--app-mypageBoxDet-pd); /* パディング */
	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-bbg);/* 背景影色 */
}
.mypageBoxDet li {list-style: none;}
.mypageBoxDet dl,
.mypageOrdBox dl {
	display: flex;
	margin: var(--app-mypageBoxDet-dl-mg); /* DLマージン */
	padding: var(--app-mypageBoxDet-dl-pd); /* DLパディング */
	color: var(--app-mypageBoxDet-txt); /* テキスト色 */
	font-size: var(--font-mypageBoxDet); /* フォントサイズ */
	font-weight: bold;
	border-bottom: var(--app-mypageBoxDet-brd-dl); /* 仕切りボーダー指定 */
}
.mypageBoxDet dt {
	min-width: var(--app-mypageBoxDet-dt-size); /* DTサイズ */
	padding: var(--app-mypageBoxDet-dt-pd); /* DTパディング */
}
.mypageBoxDet dd {
	padding: var(--app-mypageBoxDet-dd-pd); /* DDパディング */
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.mypageBoxDet dl,
	.mypageOrdBox dl {display: block;}
	.mypageBoxDet dt {min-width: 100%;}
}
/* ** myp03 end ** */

/* ** myp05 start ** */
/*** 05:マイページ購入・申込・受付一覧表示枠 ***/
/* 外枠 */
.mypageOrdBox {
	margin: var(--app-mypageOrdBox-mg);/* マージン */
	padding: var(--app-mypageOrdBox-pd);/* パディング */
	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); /* 背景色 */
}
/* 内枠 */
.mypageOrdBoxInn {
	margin: var(--app-mypageOrdBoxInn-mg);/* マージン */
	padding: var(--app-mypageOrdBoxInn-pd);/* パディング */
	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); /* 背景色 */
}
.mypageOrdBoxBt {
	margin: 0.2rem auto;
	padding: 0.5rem 0;
	display: flex;
	justify-content: flex-end;
}
.mypageOrdBoxBt p {width: 24%;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.mypageOrdBoxBt {flex-wrap: wrap;justify-content: flex-start;}
	.mypageOrdBoxBt p {width: 50%;}
}
/* ** myp05 end ** */

/* ** myp06 start ** */
/*** 06:マイページ購入詳細表示枠 ***/

/* 基本枠 */
.ordDetBox {
	padding: var(--app-ordDetBox-pd); /* パディング */
	border-radius: var(--app-ordDetBox-rod);-webkit-border-radius: var(--app-ordDetBox-rod);-moz-border-radius: var(--app-ordDetBox-rod);/* 角丸 */
	border: var(--app-ordDetBox-brd); /* ボーダー指定 */
	background: var(--app-ordDetBox-bg); /* 背景色 */
	box-shadow: var(--app-ordDetBox-bbg);/* 背景影色 */
}
/*** マイページ購入商品注文履歴表示 ***/

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

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

/* 商品単価 */
.PrdDetTable .TableBgTanka {
	font-size: 1.2rem;
	background: var(--td-Tanka-bg);/* 背景色 */
}
/* 商品個数 */
.PrdDetTable .TableBgQuantity {
	font-size: 1.2rem;
	background: var(--td-Quantity-bg);/* 背景色 */
}
/* 小計 */
.PrdDetTable .TableBgSubtotal {
	font-size: 1.4rem;
	background: var(--td-Subtotal-bg);/* 背景色 */
}
/* 商品合計 */
.PrdDetTable .TableBgProducttotal {
	font-size: 1.4rem;
	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;}

/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.PrdDetTableT th {width: 35%;}
}
/* ** myp06 end ** */

/* ** myp07 start ** */
/*** 07:マイページ通知一覧表示枠 ***/

/* 基本枠 */
.pushList {
	list-style: none;
	margin: var(--app-pushList-mg);/* マージン */
	padding: var(--app-pushList-pd);/* パディング */
	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: var(--app-pushList-li-mg);/* マージン */
	padding: var(--app-pushList-li-pd);/* パディング */
    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: var(--font-pushDateDetail); /* フォントサイズ */
	font-weight: bold;
}
/* タイトル・テキストエリア */
.pushText {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 80%;
}
/* タイトル */
.pushTtl {
	font-size: var(--font-pushTtl); /* フォントサイズ */
	font-weight: bold;
	min-width: 100%;
	margin-right: 2.0rem;
	flex-shrink:0;
}
/* テキスト */
.pushBody {
	font-size: var(--font-pushBody); /* フォントサイズ */
	min-width: 100%;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	.pushList li {display: block;}
	.pushDate {width: 100%;padding-top: 0;}
	.pushText {display: block;width: 100%;}
}
/* ** myp07 end ** */

/* ** myp08 start ** */
/*** 08:いいね・投稿履歴表示 ***/

/* 基本枠 */
.postList {
	list-style: none;
	margin: var(--app-postList-mg);/* マージン */
	padding: var(--app-postList-pd);/* パディング */
	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: var(--app-postList-li-mg);/* マージン */
	padding: var(--app-postList-li-pd);/* パディング */
    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;
	font-size: var(--font-postDateDetail); /* フォントサイズ */
	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: var(--font-postTtl); /* フォントサイズ */
	font-weight: bold;
	min-width: 100%;
	margin-right: 2.0rem;
	flex-shrink:0;
	line-height: 1.0;
}
/* テキスト */
.postBody {
	font-size: var(--font-postBody); /* フォントサイズ */
	min-width: 100%;
	padding-top: 1.5rem;
}
/* ボタン配置 */
.postBt {
	padding-top: 2.0rem;
	display: flex;
	justify-content: flex-start;
}
.postBt p {padding: 0 0.2rem;width: 120px;}

/* 商品価格・カートボタン */
.postPrdDet {
	padding: 1.0rem 0 0.5rem 0;
	display: flex;
	justify-content: flex-start;
}
.postPrdDet .postPrdDetInn {width: 180px;padding: 0 1.0rem;font-weight: bold;}
.postPrdDet .postPrdCart {width: 150px;padding-top: 1.5rem;}
.postPrdDet .postPrdDetInn .postPrdNo {
	font-size: var(--font-postPrdNo); /* フォントサイズ */
}
.postPrdDet .postPrdDetInn .postPrdPay span {
	font-size: var(--font-postPrdPay); /* フォントサイズ */
}
/* 投稿コメント表示タイトル */
.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}

/* トピックスカテゴリ */
.postDate .postDateCate {
	padding: 0 0 0.5rem 0;
	font-size: var(--font-postDateCate); /* フォントサイズ */
	font-weight: bold;
}
/* 削除時 */
.postList li.remove{
	padding:0.2em 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{
	font-size:0.8em;
	font-weight:inherit;
}
.postList li.remove .postCaut{
	font-size:0.8em;
	font-weight:700;
}
.postList li.remove .postBt{
	font-size:0.8em;
	padding:0.5em 0 0;
}
.postList li.remove .editBt a,
.postList li.remove .editBt button,
.postList li.remove .editBt span{
	font-size: 1em;
	padding:0.2em 0 ;
	font-weight: inherit;
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
}
/* ** myp08 end ** */
@charset "utf-8";
/***************************************************
information
	filename : app_article.css;
***************************************************/

/* ** article01 start ** */
/****************** 幅指定 ******************/
.articleBox {
	width: var(--app-articleBox-width); /* コンテンツ基本幅 */
	margin: 0 auto;
}
.articleArea {
	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%;}

/* ** 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;}

/*** セミナー詳細メインビジュアル ***/
.semVisualArea {
	margin: var(--app-semVisualArea-mg); /* マージン */
	padding: var(--app-semVisualArea-pd);/* パディング */
	text-align: center;
}
.semVisual {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.semVisual img {width: 100%;margin: 0 auto;}

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

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

/*** コンテンツ詳細メインタイトル ***/
h1.conTitle,
p.conTitle {
	margin: var(--app-conTitle-mg); /* マージン */
	padding: var(--app-conTitle-pd); /* パディング */
	text-align: left;
	color: var(--app-conTitle-txt); /* テキスト色 */
	font-size: var(--font-conTitle); /* フォントサイズ */
	line-height: var(--font-conTitle-gy); /* 行間 */
	background: var(--app-mypagenav-bg); /* 背景色 */
}
/*** セミナー詳細メインタイトル ***/
h1.semTitle,
p.semTitle {
	margin: var(--app-semTitle-mg); /* マージン */
	padding: var(--app-semTitle-pd); /* パディング */
	text-align: left;
	color: var(--app-semTitle-txt); /* テキスト色 */
	font-size: var(--font-semTitle); /* フォントサイズ */
	line-height: var(--font-semTitle-gy); /* 行間 */
	background: var(--app-mypagenav-bg); /* 背景色 */
}
/*** 商品詳細メインタイトル ***/
h1.prdTitle,
p.prdTitle {
	margin: var(--app-prdTitle-mg); /* マージン */
	padding: var(--app-prdTitle-pd); /* パディング */
	text-align: left;
	color: var(--app-prdTitle-txt); /* テキスト色 */
	font-size: var(--font-prdTitle); /* フォントサイズ */
	line-height: var(--font-prdTitle-gy); /* 行間 */
	background: var(--app-mypagenav-bg); /* 背景色 */
}
/* ** 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 {
	margin: var(--app-articleP-mg); /* マージン */
	padding: var(--app-articleP-pd); /* パディング */
	color: var(--app-articleP-txt); /* テキスト色 */
	font-size: var(--font-articleP); /* フォントサイズ */
	line-height: var(--font-articleP-gy); /* 行間 */
}
/* ** article0401 end ** */

/* ** article0501 start ** */
/****************** 本文基本リスト ******************/
/* 基本設定 */
.articleBox ul,
.articleBox ol ,
.examBox ul,
.examBox ol{
	max-width: 100%;
	margin: var(--app-articleUOL-mg); /* マージン */
	padding: var(--app-articleUOL-pd); /* パディング */
	color: var(--app-articleUOL-txt); /* テキスト色 */
	font-size: var(--font-articleUOL); /* フォントサイズ */
	line-height: var(--font-articleUOL-gy); /* 行間 */
}
/* ulリスト個別設定 */
.articleBox ul li,
.examBox ul li {
	margin: var(--app-articleULi-mg); /* マージン */
	padding: var(--app-articleULi-pd); /* パディング */
}
/* olリスト個別設定 */
.articleBox ol li,
.examBox ol li {
	margin: var(--app-articleOLi-mg); /* マージン */
	padding: var(--app-articleOLi-pd); /* パディング */
}
/* ** article0501 end ** */

/* ** article0601 start ** */
/****************** 本文基本テーブルタグ ******************/
.articleBox tbody {-webkit-text-size-adjust: 100%;}
.articleBox table {
	width:100%;
	margin: var(--app-articleTable-mg); /* マージン */
	padding: var(--app-articleTable-pd); /* パディング */
	font-size: var(--font-articleTable);/* フォントサイズ */
	font-weight: bold;
}
.articleBox th {
	padding: var(--app-articleTable-th-pd); /* パディング */
	background: var(--app-articleTable-th-bg);/* 背景色 */
	border: var(--app-articleTable-brd); /* ボーダー指定 */
	text-align: left;
}
.articleBox td {
	padding: var(--app-articleTable-td-pd); /* パディング */
	background: var(--app-articleTable-td-bg);/* 背景色 */
	border: var(--app-articleTable-brd); /* ボーダー指定 */
	text-align: left;
}
/* ** article0601 end ** */

/* ** article0701 start ** */
/****************** 本文画像埋め込み ******************/
/* 画像埋め込み基本 */
.articleBox p img,
.articleArea p img {
	width: 100%;
	margin: var(--app-articlePImg-mg); /* マージン */
	padding: var(--app-articlePImg-pd); /* パディング */
}
/* ** article0701 end ** */

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

/* ** article0801 start ** */
/****************** preタグ基本設定 ******************/
.preBox {
	width: 100%;
	margin: var(--app-preBox-mg); /* マージン */
	padding: var(--app-preBox-pd); /* パディング */
	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 ** */

/* ** article0901 start ** */
/****************** dlタグ基本設定 ******************/
.DLBox {
	width: 100%;
	margin: var(--app-dlBox-mg); /* マージン */
	padding: var(--app-dlBox-pd); /* パディング */
	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); /* ボーダー指定 */
	font-size: var(--font-dlBox);/* フォントサイズ */
	color: var(--app-dlBox-txt); /* テキスト色 */
}
.DLBox dl {
	margin: var(--app-dlBox-dl-mg); /* マージン */
	padding: var(--app-dlBox-dl-pd); /* パディング */
	display: flex;
	border-bottom: var(--app-dlBox-dl-brd); /* ボーダー指定 */
}
.DLBox dt {
	width: var(--app-dlBox-dt-size); /* サイズ指定 */
	margin: var(--app-dlBox-dt-mg); /* マージン */
	padding: var(--app-dlBox-dt-pd); /* パディング */
}
.DLBox dd {
	width: var(--app-dlBox-dd-size); /* サイズ指定 */
	margin: var(--app-dlBox-dd-mg); /* マージン */
	padding: var(--app-dlBox-dd-pd); /* パディング */
}
.DLBox dl.bga {
	color: var(--app-dlBox-dla-txt); /* テキスト色 */
	background: var(--app-dlBox-dla-bg);/* 背景色 */
}
.DLBox dl.bgb {
	color: var(--app-dlBox-dlb-txt); /* テキスト色 */
	background: var(--app-dlBox-dlb-bg);/* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.DLBox dl {
		display: block;
	}
}
/* ** article0901 end ** */

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

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

/* 幅小 */
.articleBox p.widths {width: 90%;}

/* 枠線のみ */
.articleBox p.style1 {
	margin: var(--app-p-style-mg); /* マージン */
	padding: var(--app-p-style-pd); /* パディング */
	border: var(--app-p-style-brd); /* ボーダー指定 */
	border-radius: var(--app-p-style-rod); /* 角丸 */
}
/* 枠線・背景 */
.articleBox p.style2 {
	margin: var(--app-p-style-mg); /* マージン */
	padding: var(--app-p-style-pd); /* パディング */
	background: var(--app-p-style-bg);/* 背景色 */
	border: var(--app-p-style-brd); /* ボーダー指定 */
	border-radius: var(--app-p-style-rod); /* 角丸 */
}
/* 背景のみ */
.articleBox p.style3 {
	margin: var(--app-p-style-mg); /* マージン */
	padding: var(--app-p-style-pd); /* パディング */
	background: var(--app-p-style-bg);/* 背景色 */
	border-radius: var(--app-p-style-rod); /* 角丸 */
	color: var(--app-p-style-txt); /* テキスト色 */
}
/* 鍵かっこ */
.articleBox p.style4 {
	position: relative;
	padding: 1.5rem 2.0rem;
	text-align: center;
}
.articleBox p.style4:before,
.articleBox p.style4:after {
	content: '';
	width: 2.0rem;
	height: 3.0rem;
	position: absolute;
	display: inline-block;
	border: var(--app-p-style-brd); /* ボーダー指定 */
}
.articleBox p.style4:before {border-width: 0.3rem 0 0 0.3rem;top: 0;left: 0;}
.articleBox p.style4:after {border-width: 0 0.3rem 0.3rem 0;bottom: 0;right: 0;}

/* マーカー | 黄 */
.articleBox span.mck {
	background: linear-gradient(transparent 60%, rgba(255, 255, 0, 0.5) 60%);
}
/* マーカー | 青 */
.articleBox span.mck_bl {
	background: linear-gradient(transparent 60%, rgba(0, 125, 255, 0.5) 60%);
}
/* マーカー | 赤 */
.articleBox span.mck_rd {
	background: linear-gradient(transparent 60%, rgba(255, 0, 0, 0.5) 60%);
}
.articleBox span.ubdr {
	color: var(--main-txt-ub);
	border-bottom: 2px solid var(--app-main-txt-ub);
}
/* ** article1001 end ** */

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

/* 横並び画像 */
.articleBox .conFlexImg {
	display: flex;
	gap: 1.0rem;
	justify-content: space-around;
}
.articleBox .conFlexImg img {width: 100%;}


/* ** article1002 end ** */
@charset "utf-8";
/***************************************************
information
  filename : navi_parts.css;
***************************************************/

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

/* ** navi01 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);/* 背景影色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.scroll-fix .scrollfixMenu {padding-bottom: 1.5rem;}

	.spNaviNo {}
	.spHeadNavi #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;}
	#spfooter {position: fixed;bottom: 0px;left: 0px;z-index: 1000;}/* フッター固定 */
	#spfooter {width: 100%;height: 80px;padding-top: 10px;}
	#spfooter {background: var(--app-spfooter-cr);}
}
/****************** ヘッダー個別デザイン headDez0101 ******************/
/* ヘッダー3段構成 */
.headDez0101 .h1txt h1,
.headDez0101 .h1txt p {
	padding: 1.2rem 0 0 0;
	font-size: 1.4rem;
}
.headDez0101 .header_innU .header_innSub {width: 100%;}
#header.headDez0101 .gnavi {background: none;}
#header.headDez0101 .scroll-fix p.logo,
#header.headDez0101 .scroll-fix p.sub_logo {padding: 0.8rem 0;max-width: 150px;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez0101 .gnavi ul {padding: 0.8rem 1.0rem;}
	#header.headDez0101 .snavi,
	#header.headDez0101 .gnavis {display: none;}
	#header.headDez0101 p.logo,
	#header.headDez0101 p.sub_logo {padding: 0.8rem 1.0rem;max-width: 250px;}
}
/****************** ヘッダー個別デザイン headDez0102 ******************/
/* ヘッダーロゴ・メニューのみ */
#header.headDez0102 p.logo,
#header.headDez0102 p.sub_logo {padding: 0.8rem 0;max-width: 250px;}
#header.headDez0102 .gnavis {margin-top: 0.5rem;}
.headDez0102 .mnaviDez {margin-top: 0.5rem;}
#header.headDez0102 .scroll-fix {padding-bottom: 0;}
#header.headDez0102 .scroll-fix p.logo,
#header.headDez0102 .scroll-fix p.sub_logo {padding: 0.8rem 0;max-width: 150px;}
#header.headDez0102 .scroll-fix .gnavis {margin-top: 0.3rem;}
#header.headDez0102 .bgheader .scroll-fix {padding-bottom: 0;}
#header.headDez0102 .drawer_main {display: none;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez0102 p.logo,
	#header.headDez0102 p.sub_logo {padding: 1.3rem 1.0rem 0 1.0rem;}
	#header.headDez0102 .scroll-fix p.logo,
	#header.headDez0102 .scroll-fix p.sub_logo {max-width: 200px;}
	#header.headDez0102 .gnavis {display: none;}
	.headDez0102 .mnaviDez {margin-top: 1.5rem;margin-bottom: 1.5rem;}
	#header.headDez0102 .drawer_main {display: block;margin-left: 6.0rem;}
}
/****************** SPヘッダー個別デザイン spheadDez0101 ******************/
#spheaderMenu.spheadDez0101 p.logo,
#spheaderMenu.spheadDez0101 p.sub_logo {padding: 1.0rem 0 0 0.5rem;max-width: 180px;}
#spheaderMenu.spheadDez0101 .scroll-fix .scrollfixMenu {padding-bottom: 0.8rem;}
#spheaderMenu.spheadDez0101.bgheader .scroll-fix {padding-bottom: 0;}
/* ** navi01 end ** */

/* ** navi02 start ** */
/*** 02: ヘッダーFix(固定)メニュー ***/
.scroll-Fixed {padding-bottom: 4.8rem;}
.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);/* 背景影色(カラーチェンジ) */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.scroll-Fixed .scrFixed {padding-bottom: 1.5rem;}
	.scroll-Fixed {padding-bottom: 5.6rem;}
	.bgheader .scroll-Fixed {padding-bottom: 0;}
}
/****************** ヘッダー個別デザイン headDez0201 ******************/
/* ヘッダーロゴ・メニューのみ */
.headDez0201 .mnaviDez {margin-top: 1.0rem;margin-bottom: 1.0rem;}
#header.headDez0201 .scroll-Fixed {padding-bottom: 6.0rem;}
#header.headDez0201 .scroll-Fixed p.logo,
#header.headDez0201 .scroll-Fixed p.sub_logo {padding: 0.8rem 0;max-width: 200px;}
#header.headDez0201 .scroll-Fixed .gnavis {margin-top: 1.0rem;}
#header.headDez0201 .bgheader .scroll-fix {padding-bottom: 0;}
#header.headDez0201 .drawer_main {display: none;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez0201 .scroll-Fixed p.logo,
	#header.headDez0201 .scroll-Fixed p.sub_logo {max-width: 200px;}
	#header.headDez0201 .gnavis {display: none;}
	#header.headDez0201 .drawer_main {display: block;margin-left: 6.0rem;}
}
/****************** ヘッダー個別デザイン headDez0202 ******************/
/* ヘッダーロゴ・メニューのみ */
#header.headDez0202 .scroll-Fixed {padding-bottom: 0;}
#header.headDez0202 .scroll-Fixed p.logo,
#header.headDez0202 .scroll-Fixed p.sub_logo {padding: 0.8rem 0;max-width: 200px;}
#header.headDez0202 .bgheader .scroll-fix {padding-bottom: 0;}

/* ===================================================================================
for ipad max-width: 600px-1200px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1200px) {
	#header.headDez0202 .scroll-Fixed p.logo,
	#header.headDez0202 .scroll-Fixed p.sub_logo {max-width: 200px;}
}
/****************** SPヘッダー個別デザイン spheadDez0201 ******************/
#spheaderMenu.spheadDez0201 p.logo,
#spheaderMenu.spheadDez0201 p.sub_logo {padding: 1.0rem 0 0 0.5rem;max-width: 180px;}
#spheaderMenu.spheadDez0201 .scroll-Fixed {padding-bottom: 6.5rem;}
#spheaderMenu.spheadDez0201 .scroll-Fixed .scrFixed {padding-bottom: 0.8rem;}
#spheaderMenu.spheadDez0201.bgheader .scroll-Fixed {padding-bottom: 0;}
/* ** navi02 end ** */

/* ** navi03 start ** */
/*** 03: サブナビ(ヘッダー) ***/

#header .snavi {
	margin: var(--app-snavi-mg); /* マージン */
	padding: var(--app-snavi-pd); /* パディング */
	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);/*ボーダー指定*/
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@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: var(--app-snavi-a-mg); /* マージン */
	padding: var(--app-snavi-a-pd); /* パディング */
	color: var(--app-snavi-a-txt); /* テキスト色（aタグ） */
	background: var(--app-snavi-a-cr); /* 背景色（aタグ） */
}
#header .snavi a {font-size: var(--font-snavi);}/* フォントサイズ */
#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タグフォーカス） */
}
/* ドロップダウンナビ */
#header .snavi ul.dropdown {overflow: inherit;}
#header .snavi ul.dropdown>li{
	position:relative;
	overflow: visible;
	z-index: 5;
}
#header .snavi ul.dropdown nav{
	display:none;
	position:absolute;
	left: 0;
	top:100%;
	width: calc(100% + 1px);
}
#header .snavi ul.dropdown ul{
	display: flex;
	width: 100%;
	flex-direction: column;
}
#header .snavi ul.dropdown ul li{
	width:100%;
	background: var(--app-dpnav-a-cr); /* 背景色（aタグ） */
	border-bottom: var(--app-dpnav-a-brd);/* ボーダー指定 */
}
#header .snavi ul.dropdown ul a{
	color:var(--app-dpnav-a-txt); /* テキスト色（aタグ） */
}
#header .snavi 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{
	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{
	width:auto;
}
#header .snavi ul.dropdown.nowrap ul li{
	padding:0;
}
#header .snavi ul.dropdown.nowrap ul a {
	padding: 0.8rem;
	display: inline-block;
	width:100%;
}
/*横全体*/
#header .snavi ul.dropdown.wide>li {
	position: static;
}
#header .snavi ul.dropdown.wide ul {
	width: var(--app-ptWdW-width); /* 基本幅 */
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
#header .snavi ul.dropdown.wide nav {
	background: var(--app-dpnav-cr); /* 背景色（aタグ） */
}

#header .snavi 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 {
	color:var(--app-dpnav-a-txt); /* テキスト色（aタグ） */
}
#header .snavi ul.dropdown.wide ul a::before {
	content:">";
	margin-right:0.3em;
}
/** ドロワー内メニュー **/
.drawer .snavi {
	margin: var(--app-snavi-dra-mg); /* マージン */
	padding: var(--app-snavi-dra-pd); /* パディング */
}
.drawer .snavi li {
	margin: 0; /* マージン */
	padding: 0; /* パディング */
	list-style: none;
}
.drawer .snavi li a {
	display: block;
	margin: var(--app-gnavi-dra-a-mg); /* aタグマージン */
	padding: var(--app-gnavi-dra-a-pd); /* aタグパディング */
	text-align: left;
}
/* ドロワー内背景白 */
.drawer.slcs .snavi li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .snavi li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .snavi li a {
	font-size: var(--font-gnavis-dra);/* フォントサイズ */
	font-weight: bold;
}
.drawer .snavi li a.crt,
.drawer .snavi li a:hover {text-decoration: none;}

/* ** navi03 end ** */

/* ** navi04 start ** */
/*** 04: グローバルナビ ***/

/* グローバルナビ基本 */
#header .gnavi {
	margin: var(--app-gnavi-mg); /* マージン */
	padding: var(--app-gnavi-pd); /* パディング */
	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;
	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;}

/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	#header .gnavi li {min-width: 80px;}
}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@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: var(--app-gnavi-a-mg); /* マージン */
	padding: var(--app-gnavi-a-pd); /* パディング */
	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: var(--font-gnavi);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%;}

/* ドロップダウン基本 */
#header .gnavi ul.dropdown {overflow: inherit;}
#header .gnavi ul.dropdown>li{
	position:relative;
	overflow: visible;
	z-index: 5;
}
#header .gnavi ul.dropdown nav{
	display:none;
	position:absolute;
	left: 0;
	top:100%;
	width: calc(100% + 1px);
}
#header .gnavi ul.dropdown ul{
	display: flex;
	width: 100%;
	flex-direction: column;
}
#header .gnavi ul.dropdown ul li{
	width:100%;
	background: var(--app-dpnav-a-cr); /* 背景色（aタグ） */
	border-bottom: var(--app-dpnav-a-brd);/* ボーダー指定 */
}
#header .gnavi ul.dropdown ul a{
	color:var(--app-dpnav-a-txt); /* テキスト色（aタグ） */
}
#header .gnavi ul.dropdown ul a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

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

/*改行あり*/
#header .gnavi ul.dropdown.wrap ul li{
	padding: 0.8rem;
	white-space: normal;
}
/*改行なし（幅延長）*/
#header .gnavi ul.dropdown.nowrap nav,
#header .gnavi ul.dropdown.nowrap ul,
#header .gnavi ul.dropdown.nowrap ul li{
	width:auto;
}
#header .gnavi ul.dropdown.nowrap ul li{
	padding:0;
}
#header .gnavi ul.dropdown.nowrap ul a {
	padding: 0.8rem;
	display: inline-block;
	width:100%;
}
/*横全体*/
#header .gnavi ul.dropdown.wide>li {
	position: static;
}
#header .gnavi ul.dropdown.wide ul {
	width: var(--app-ptWdW-width); /* 基本幅 */
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
#header .gnavi ul.dropdown.wide nav {
	background: var(--app-dpnav-a-cr); /* 背景色（aタグ） */
}
#header .gnavi ul.dropdown.wide ul li {
	width: auto;
	min-width: inherit;
	margin: 0 0.5em;
	background: inherit;
	border: none;
}
#header .gnavi ul.dropdown.wide ul a {
	color:var(--app-dpnav-a-txt); /* テキスト色（aタグ） */
}
#header .gnavi ul.dropdown.wide ul a::before {
	content:">";
	margin-right:0.3em;
}
/********* ナビ自動スクロール *********/
/* 基本共通 */
.gnavi .mCSB_scrollTools,
.catenavSl .mCSB_scrollTools {
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
	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-glnav-txt); /* グローバルナビテキスト */
	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;
}
/** ドロワー内メニュー **/
.drawer .gnavi {
	margin: var(--app-gnavi-dra-mg); /* マージン */
	padding: var(--app-gnavi-dra-pd); /* パディング */
}
.drawer .gnavi li {
	margin: 0; /* マージン */
	padding: 0; /* パディング */
	list-style: none;
}
.drawer .gnavi li a {
	display: block;
	margin: var(--app-gnavi-dra-a-mg); /* aタグマージン */
	padding: var(--app-gnavi-dra-a-pd); /* aタグパディング */
	text-align: left;
}
/* ドロワー内背景白 */
.drawer.slcs .gnavi li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .gnavi li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .gnavi li a {
	font-size: var(--font-gnavis-dra);/* フォントサイズ */
	font-weight: bold;
}
.drawer .gnavi li a.crt,
.drawer .gnavi li a:hover {text-decoration: none;}

/* ** navi04 end ** */

/* ** navi05 start ** */
/*** 05: グローバルナビ(シンプル) ***/

#header .gnavis {
	margin: var(--app-gnavis-mg); /* マージン */
	padding: var(--app-gnavis-pd); /* パディング */
	color: var(--app-gnavis-txt); /* テキスト色 */
	background: var(--app-gnavis-cr); /* 背景色 */
}
#header .gnavis ul {margin: 0;}
#header .gnavis li {list-style: none;display: inline-block;}
/* ===================================================================================
for SP max-width: 480px
=================================================================================== */
@media screen and (max-width: 480px) {
	#header .gnavis li {display: block;}
}
#header .gnavis a {
	display: block;
	position: relative;
	margin: var(--app-gnavis-a-mg); /* マージン */
	padding: var(--app-gnavis-a-pd); /* パディング */
	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: var(--font-gnavis);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%;}
.mCSB_draggerContainer {
    visibility:hidden;
}
/* ドロップダウン基本 */
#header .gnavis ul.dropdown {overflow: inherit;}
#header .gnavis ul.dropdown>li{
	position:relative;
	overflow: visible;
	z-index: 5;
}
#header .gnavis ul.dropdown nav{
	display:none;
	position:absolute;
	left: 0;
	top:100%;
	width: calc(100% + 1px);
}
#header .gnavis ul.dropdown ul{
	margin-top: 1.5rem;
	display: flex;
	flex-direction: column;
}
#header .gnavis ul.dropdown ul li{
	width:100%;
	background: var(--app-dpnav-a-cr); /* 背景色（aタグ） */
	border-bottom: var(--app-dpnav-a-brd);/* ボーダー指定 */
}
#header .gnavis ul.dropdown ul a{
	color:var(--app-dpnav-a-txt); /* テキスト色（aタグ） */
}
#header .gnavis ul.dropdown ul a:hover {filter: alpha(opacity=65);-moz-opacity:0.75;opacity:0.75;text-decoration: none;}

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

/*改行あり*/
#header .gnavis ul.dropdown.wrap ul li{
	padding: 0.8rem;
	white-space: normal;
}
/*改行なし（幅延長）*/
#header .gnavis ul.dropdown.nowrap nav,
#header .gnavis ul.dropdown.nowrap ul,
#header .gnavis ul.dropdown.nowrap ul li{
	width:auto;
}
#header .gnavis ul.dropdown.nowrap ul li{
	padding:0;
}
#header .gnavis ul.dropdown.nowrap ul a {
	padding: 0.8rem;
	display: inline-block;
	width:100%;
}
/*横全体*/
#header .gnavis ul.dropdown.wide>li {
	position: static;
}
#header .gnavis ul.dropdown.wide ul {
	width: var(--app-ptWdW-width); /* 基本幅 */
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
#header .gnavis ul.dropdown.wide nav {
	background: var(--app-dpnav-a-cr); /* 背景色（aタグ） */
}
#header .gnavis ul.dropdown.wide ul li {
	width: auto;
	min-width: inherit;
	margin: 0 0.5em;
	background: inherit;
	border: none;
}
#header .gnavis ul.dropdown.wide ul a {
	color:var(--app-dpnav-a-txt); /* テキスト色（aタグ） */
}
#header .gnavis ul.dropdown.wide ul a::before {
	content:">";
	margin-right:0.3em;
}
/** ドロワー内メニュー **/
.drawer .gnavis {
	margin: var(--app-gnavis-dra-mg); /* マージン */
	padding: var(--app-gnavis-dra-pd); /* パディング */
}
.drawer .gnavis li {
	margin: 0; /* マージン */
	padding: 0; /* パディング */
	list-style: none;
}
.drawer .gnavis li a {
	display: block;
	margin: var(--app-gnavis-dra-a-mg); /* aタグマージン */
	padding: var(--app-gnavis-dra-a-pd); /* aタグパディング */
	text-align: left;
}
/* ドロワー内背景白 */
.drawer.slcs .gnavis li a {
	border-bottom: 1px dotted #333;/*ボーダー指定*/
	color: #000; /* テキスト色（aタグ） */
}
/* ドロワー内背景黒 */
.drawer.slcsb .gnavis li a {
	border-bottom: 1px dotted #a3a3a3;/*ボーダー指定*/
	color: #fff; /* テキスト色（aタグ） */
}
.drawer .gnavis li a {
	font-size: var(--font-gnavis-dra);/* フォントサイズ */
	font-weight: bold;
}
.drawer .gnavis li a.crt,
.drawer .gnavis li a:hover {text-decoration: none;}

/* ** navi05 end ** */

/* ** navi06 start ** */
/*** 06: フッターナビ ***/

#footer .fnavi{
	margin: var(--app-fnavi-mg); /* マージン */
	padding: var(--app-fnavi-pd); /* パディング */
	color:  var(--app-fnavi-txt); /* テキスト色 */
	background: var(--app-fnavi-cr); /* 背景色 */
}
#footer .fnavi ul {font-size: var(--font-fnavi);}/* フォントサイズ */
#footer .fnavi li {list-style:none;padding: 0.2rem 0;}
#footer .fnavi.inlineY li {display: inline-block;}
#footer .fnavi a {
	position: relative;
	margin: var(--app-fnavi-a-mg); /* マージン */
	padding: var(--app-fnavi-a-pd); /* パディング */
	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 {
	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 {text-decoration: underline;}

/** ドロワー内メニュー **/
.drawer .fnavi {
	margin: var(--app-fnavi-dra-mg); /* マージン */
	padding: var(--app-fnavi-dra-pd); /* パディング */
}
.drawer .fnavi li {
	margin: 0; /* マージン */
	padding: 0; /* パディング */
	list-style: none;
}
.drawer .fnavi li a {
	display: block;
	margin: var(--app-fnavi-dra-a-mg); /* aタグマージン */
	padding: var(--app-fnavi-dra-a-pd); /* aタグパディング */
	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: var(--font-gnavis-dra);/* フォントサイズ */
	font-weight: bold;
}
.drawer .fnavi li a.crt,
.drawer .fnavi li a:hover {text-decoration: none;}

/* ** navi06 end ** */

/* ** navi07 start ** */
/*** 07: カテゴリナビスライダー ***/

.catenavSl {
	margin: var(--app-catenavSl-mg); /* マージン */
	padding: var(--app-catenavSl-pd); /* パディング */
	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 {
	background: var(--app-scrollbar-bg); /*スクロールバー背景色*/
}
.catenavSl ul::-webkit-scrollbar-thumb{
	border-radius: 0.8rem;
	background: var(--app-scrollbar-thumb); /*スクロールバー色*/
}
.catenavSl li a {
	display: block;
	margin: var(--app-catenavSl-a-mg); /* マージン */
	padding: var(--app-catenavSl-a-pd); /* パディング */
	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: var(--font-catenavSl);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);/*ボーダー指定*/
}
/* ** navi07 end ** */

/* ** navi08 start ** */
/*** 08: カテゴリナビ横 ***/

.catenavY {
	margin: var(--app-catenavY-mg); /* マージン */
	padding: var(--app-catenavY-pd); /* パディング */
	color: var(--app-catenavY-txt); /* テキスト色 */
	background: var(--app-catenavY-cr); /* 背景色 */
}
.catenavY ul {margin: 0 auto;padding: 0;display: flex;}
.catenavY li {
	width: 100%;
	margin: var(--app-catenavY-li-mg); /* マージン */
	padding: var(--app-catenavY-li-pd); /* パディング */
	list-style: none;
	letter-spacing: normal;
}
.catenavY li {min-width: 80px;} /* 幅指定 */
.catenavY li a {
	display: block;
	margin: var(--app-catenavY-a-mg); /* マージン */
	padding: var(--app-catenavY-a-pd); /* パディング */
	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: var(--font-catenavY);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タグフォーカス） */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.catenavY ul {flex-wrap: wrap;}
	.catenavY li {
		width: 50%;
		margin: 0;
	}
}
/* ** navi08 end ** */

/* ** navi09 start ** */
/*** 09: カテゴリナビ縦 ***/

.catenav {
	margin: var(--app-catenav-mg); /* マージン */
	padding: var(--app-catenav-pd); /* パディング */
	color: var(--app-catenav-txt); /* テキスト色 */
	background: var(--app-catenav-cr); /* 背景色 */
}
.catenav li {
	margin: var(--app-catenav-li-mg); /* マージン */
	padding: var(--app-catenav-li-pd); /* パディング */
	list-style: none;
}
.catenav li a {
	display: block;
	margin: var(--app-catenav-a-mg); /* マージン */
	padding: var(--app-catenav-a-pd); /* パディング */
	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: var(--font-catenav);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タグフォーカス） */
}
/* ** navi09 end ** */

/* ** navi10 start ** */
/*** 10: アコーディオンメニュー ***/

.catenavT {
	margin: var(--app-widget-mg); /* マージン */
	padding: var(--app-widget-pd); /* パディング */
	color: var(--app-widget-txt); /* テキスト色 */
	background: var(--app-widget-cr); /* 背景色 */
}
.widget h2 {
	text-align: left;
	margin: var(--app-widget-ti-mg); /* マージン */
	padding: var(--app-widget-ti-pd); /* パディング */
	color: var(--app-widget-ti-txt); /* テキスト色 */
	background: var(--app-widget-ti-cr); /* 背景色 */
}
.widget ul {margin:0}
.widget li {
	position:relative;
	list-style:none;
	border-top: var(--app-widget-brd); /* ボーダー指定 */
}
.widget li a {
	text-decoration:none;
	width: 100%;
	height: 50px;
	margin: var(--app-widget-a-mg); /* マージン */
	padding: var(--app-widget-a-pd); /* パディング */
	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: var(--font-widget); /* フォントサイズ */
	font-weight: bold;
}
.widget li .btn {
	display:block;
	content:"";
	width: 50px;
	height: 50px;
	top:0;
	right:0;
	position:absolute;
	padding: 1.3rem 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_wh.png);}
.widget li .btn.active:before{content: url(../../../core_sys/common/images/sys/arw_up_wh.png);}
.widget li a {padding-left: 1.0rem;}
.widget .children li {padding-left: 3.0rem;}

/* ** navi10 end ** */

/* ** navi11 start ** */
/*** 11: ドロワメニュー(ハンバーガーボタン) ***/

.drbtn{
	position:fixed;
	-webkit-transition:ease 0.5s;
	transition:ease 0.5s;
	cursor:pointer;
	align-items:
	flex-end;display:
	flex;justify-content:center;
	z-index:10000;
}
.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: var(--font-hambarg);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ヘッダーテキスト */

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.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フッターテキスト */
}
/* ** navi11 end ** */

/* ** navi12 start ** */
/*** 12: ドロワメニュー(検索ボタン) ***/
.shbtn{
	position:fixed;
	cursor:pointer;
	align-items:
	flex-end;display:
	flex;justify-content:center;
	z-index:10000;
}
.scroll-fix .shbtn{position: absolute;}
/* ** navi12 end ** */

/* ** navi13 start ** */
/*** 13: ドロワメニュー(FixItem位置制御) ***/

.FixItem .FixItemIco {position:fixed;}
.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 */

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {

	/********* ドロワメニュー(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: 10px;}
	#spheaderMenu .FixItem .FixItemIco {top: 13px;}

	#spfooterMenu .FixItem span.mnaviUTxt {display: block;color: var(--app-spfooter-txt);font-size: var(--font-mnaviUTxt);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.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%;}
}
/* ** navi13 end ** */

/* ** navi14 start ** */
/*** 14: ドロワメニュー(枠) ***/

.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;}

/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	.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;}
}
/* ** navi14 end ** */

/* ** navi15 start ** */
/*** 15: パンくずリンク ***/

.pan_link {
	margin: var(--app-panlink-mg); /* マージン */
	padding: var(--app-panlink-pd); /* パディング */
	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); /* テキスト色 */
}
.pan_link li {font-size: var(--font-panlink);font-weight: bold;}/* フォントサイズ */
.pan_link a {
	text-decoration: none;
	color: var(--app-panlink-a-txt); /* テキスト色（aタグ） */
}
.pan_link a:hover {text-decoration: underline;}

/* ** navi15 end ** */

/* ** navi16 start ** */
/*** 16: ページナンバーナビ ***/

.PageNum {}
.PageNum_link {
	position: relative;
	overflow: hidden;
	margin: var(--app-pagenum-mg); /* マージン */
	padding: var(--app-pagenum-pd); /* パディング */
}
.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: var(--app-pagenum-a-mg); /* マージン */
	padding: var(--app-pagenum-a-pd); /* パディング */
	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: var(--font-pagenum);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タグフォーカス） */
}
/* ** navi16 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_user.css;
***************************************************/

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

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



/* ** user_custom end ** */

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

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

/* ** basic start ** */
/********* 基本設定 *********/
:root {
/* body */
  --body-bg: #fff; /* body背景色 */
  --body-popup-bg: #fff; /* body-popup-背景色 */
  --body-txt: #000; /* 基本テキスト */
  --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: #fff; /* wrapper背景色 */

/* #header */
  --app-header-cr: #fff; /* ヘッダー背景色 */
  --app-header-txt: #000; /* ヘッダーテキスト色 */

/* #headerSub */
  --app-header-sub-cr: #fff; /* ヘッダーサブ背景色 */
  --app-header-sub-txt: #000; /* ヘッダーサブテキスト色 */

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

/* #footerSub */
  --app-footer-sub-cr: #fff; /* フッターサブ背景色 */
  --app-footer-sub-txt: #000; /* フッターサブテキスト色 */

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

/* #spheader */
  --app-spheader-cr: #fff; /* SPヘッダー背景色 */
  --app-spheader-txt: #000; /* SPヘッダーテキスト色 */

/* #spfooter */
  --app-spfooter-cr: #222222; /* SPフッター背景色 */
  --app-spfooter-txt: #fff; /* SPフッターテキスト色 */
}
/* ===================================================================================
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: #000; /* インラインポップ背景色 */
  --colorbox-opacity: 0.6; /* インラインポップ背景透過率 */
  --colorbox-filter: 60; /* インラインポップ背景透過率 */
  --colorbox-brd: 1px solid #000; /* インラインポップボーダー指定 */
  --colorbox-Content-bg: #a8a8a8; /* #cboxContent */
  --colorbox-cboxIframe-bg: #fff; /* .cboxIframe */
  --colorbox-Loaded-bg: #000; /* #cboxLoadedContent 枠線 */
  --colorbox-LoadedGraphic-bg: url(../images/colorbox/type02/loading.gif); /* #cboxLoadingGraphic ローディング画像 */
  --colorbox-LoadedOverlay-bg: #000; /* #cboxLoadingOverlay */
  --colorbox-Title-txt: #000; /* #cboxTitle */
}
/* ** 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: 34%; /* 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-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	/**** 基本横幅固定サイズ ****/
	  --app-ptWdW-width: 100%; /* 基本幅 */
	  --app-ptWdM-width: 90%; /* コンテンツ基本幅(広) */
	  --app-ptWdC-width: 85%; /* コンテンツ基本幅 */
	  --app-ptWdS-width: 80%; /* コンテンツ基本幅(狭) */
	  --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: 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配置 */

/* ** 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; /* マージン小 */
	}
}
/* ** scroll_bar start ** */
/****************** スクロールバー指定 ******************/
:root {
  --app-scrollBar-cr: #000;
}
/* ** scroll_bar end ** */
@charset "utf-8";
/***************************************************
information
  filename : control\heading_parts.css;
***************************************************/

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

/****** 01罫線見出し *******/

/* ** heading0101 start ** */
/*** 0101: 下実線 ***/
:root {
/* 共通 */
  --heading0101-mg: 1.0rem auto; /* マージン */
  --heading0101-pd: 1.3rem 0.3rem; /* パディング */
  --heading0101-txt: #232323; /* テキスト色 */
  --heading0101-size: 0.2rem; /* ボーダーサイズ */
  --heading0101-brd: #232323; /* ボーダー色 */
  --font-heading0101: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-heading0101: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0101 end ** */

/* ** heading0102 start ** */
/*** 0102: 下点線 ***/
:root {
  --heading0102-mg: 1.0rem auto; /* マージン */
  --heading0102-pd: 1.3rem 0.3rem; /* パディング */
  --heading0102-txt: #232323; /* テキスト色 */
  --heading0102-size: 0.2rem; /* ボーダーサイズ */
  --heading0102-brd: #232323; /* ボーダー色 */
  --font-heading0102: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-heading0102: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0102 end ** */

/* ** heading0103 start ** */
/*** 0103: 下破線 ***/
:root {
  --heading0103-mg: 1.0rem auto; /* マージン */
  --heading0103-pd: 1.3rem 0.3rem; /* パディング */
  --heading0103-txt: #232323; /* テキスト色 */
  --heading0103-size: 0.2rem; /* ボーダーサイズ */
  --heading0103-brd: #232323; /* ボーダー色 */
  --font-heading0103: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-heading0103: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0103 end ** */

/* ** heading0104 start ** */
/*** 0104: 下二重線 ***/
:root {
  --heading0104-mg: 1.0rem auto; /* マージン */
  --heading0104-pd: 1.3rem 0.3rem; /* パディング */
  --heading0104-txt: #232323; /* テキスト色 */
  --heading0104-size: 0.6rem; /* ボーダーサイズ */
  --heading0104-brd: #232323; /* ボーダー色 */
  --font-heading0104: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0104-size: 0.4rem; /* ボーダーサイズ */
	  --font-heading0104: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0104 end ** */

/* ** heading0105 start ** */
/*** 0105: 上下線・文字中央 ***/
:root {
  --heading0105-mg: 1.0rem auto; /* マージン */
  --heading0105-pd: 2.5rem 0; /* パディング */
  --heading0105-txt: #232323; /* テキスト色 */
  --heading0105-size: 0.3rem; /* ボーダーサイズ */
  --heading0105-brd: #232323; /* ボーダー色 */
  --font-heading0105: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0105-pd: 2.0rem 0; /* パディング */
	  --heading0105-size: 0.2rem; /* ボーダーサイズ */
	  --font-heading0105: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0105 end ** */

/* ** heading0106 start ** */
/*** 0106: 左線 ***/
:root {
  --heading0106-mg: 1.0rem auto; /* マージン */
  --heading0106-pd: 1.0rem 1.5rem; /* パディング */
  --heading0106-txt: #232323; /* テキスト色 */
  --heading0106-size: 0.8rem; /* ボーダーサイズ */
  --heading0106-brd: #232323; /* ボーダー色 */
  --heading0106-brd-l: #b00000; /* サブボーダー色（左罫線） */
  --font-heading0106: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0106-pd: 0.5rem 1.5rem; /* パディング */
	  --heading0106-size: 0.6rem; /* ボーダーサイズ */
	  --font-heading0106: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0106 end ** */

/* ** heading0107 start ** */
/*** 0107: 左・下線 ***/
:root {
  --heading0107-mg: 1.0rem auto; /* マージン */
  --heading0107-pd: 1.5rem 0.5rem; /* パディング */
  --heading0107-pd-l: 1.5rem; /* 左ボーダーのパディング */
  --heading0107-txt: #232323; /* テキスト色 */
  --heading0107-size: 0.2rem; /* ボーダーサイズ */
  --heading0107-size-l: 0.8rem; /* 左ボーダーサイズ */
  --heading0107-brd: #232323; /* ボーダー色 */
  --heading0107-brd-l: #b00000; /* サブボーダー色（左罫線） */
  --font-heading0107: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0107-pd: 0.8rem 0.2rem; /* パディング */
	  --heading0107-pd-l: 1.0rem; /* 左ボーダーのパディング */
	  --heading0107-size-l: 0.6rem; /* 左ボーダーサイズ */
	  --font-heading0107: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0107 end ** */

/* ** heading0108 start ** */
/*** 0108: 囲み線 ***/
:root {
  --heading0108-rod: 0.1em; /* 角丸 */
  --heading0108-mg: 1.0rem auto; /* マージン */
  --heading0108-pd: 2.5rem 0.5rem; /* パディング */
  --heading0108-txt: #232323; /* テキスト色 */
  --heading0108-size: 0.3rem; /* ボーダーサイズ */
  --heading0108-brd: #232323; /* ボーダー色 */
  --font-heading0108: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0108-pd: 2.0rem 0.5rem; /* パディング */
	  --heading0108-size: 0.2rem; /* ボーダーサイズ */
	  --font-heading0108: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0108 end ** */

/* ** heading0109 start ** */
/*** 0109: 囲み二重線 ***/
:root {
  --heading0109-rod: 0.1em; /* 角丸 */
  --heading0109-mg: 1.0rem auto 0.5rem auto; /* マージン */
  --heading0109-pd: 2.5rem 0.5rem; /* パディング */
  --heading0109-txt: #232323; /* テキスト色 */
  --heading0109-size: 0.3rem; /* ボーダーサイズ */
  --heading0109-size-ku: 0.1rem; /* 内ボーダーサイズ */
  --heading0109-brd: #232323; /* ボーダー色 */
  --font-heading0109: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0109-pd: 2.0rem 0.5rem; /* パディング */
	  --heading0109-size: 0.2rem; /* ボーダーサイズ */
	  --font-heading0109: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0109 end ** */

/* ** heading0110 start ** */
/*** 0110: 両サイド線 ***/
:root {
  --heading0110-mg: 1.0rem auto; /* マージン */
  --heading0110-pd: 0 0.3rem; /* パディング */
  --heading0110-txt: #232323; /* テキスト色 */
  --heading0110-size: 0.3rem; /* ボーダーサイズ */
  --heading0110-brd: #232323; /* ボーダー色 */
  --font-heading0110: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0110-mg: 1.0rem auto 0 auto; /* マージン */
	  --heading0110-pd: 0 2.0rem; /* パディング */
	  --heading0110-size: 0.2rem; /* ボーダーサイズ */
	  --font-heading0110: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0110 end ** */

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

/* ** heading0201 start ** */
/*** 0201: 下線・背景付き ***/
:root {
/* 共通 */
  --heading0201-rod: 0.2em; /* 角丸 */
  --heading0201-mg: 1.0rem auto; /* マージン */
  --heading0201-pd: 2.0rem 1.5rem; /* パディング */
  --heading0201-txt: #fff; /* テキスト色 */
  --heading0201-size: 0.6rem; /* ボーダーサイズ */
  --heading0201-brd: #b00000; /* ボーダー色 */
  --heading0201-bg: #2b2b2b; /* 背景色 */
  --font-heading0201: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0201-pd: 1.5rem 1.5rem; /* パディング */
	  --heading0201-size: 0.4rem; /* ボーダーサイズ */
	  --font-heading0201: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0201 end ** */

/* ** heading0202 start ** */
/*** 0202: 左線・背景付き ***/
:root {
  --heading0202-rod: 0.1em; /* 角丸 */
  --heading0202-mg: 1.0rem auto; /* マージン */
  --heading0202-pd: 2.0rem 1.5rem; /* パディング */
  --heading0202-txt: #fff; /* テキスト色 */
  --heading0202-size: 2.0rem; /* ボーダーサイズ */
  --heading0202-brd-l: #b00000; /* サブボーダー色（左罫線） */
  --heading0202-bg: #2b2b2b; /* 背景色 */
  --font-heading0202: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0202-pd: 1.5rem 1.5rem; /* パディング */
	  --heading0202-size: 1.0rem; /* ボーダーサイズ */
	  --font-heading0202: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0202 end ** */

/* ** heading0203 start ** */
/*** 0203: 左・下線・背景付き ***/
:root {
  --heading0203-rod: 0.2em; /* 角丸 */
  --heading0203-mg: 1.0rem auto; /* マージン */
  --heading0203-pd: 2.0rem 1.5rem; /* パディング */
  --heading0203-pd-l: 1.5rem; /* 左ボーダーのパディング */
  --heading0203-txt: #fff; /* テキスト色 */
  --heading0203-size: 0.4rem; /* ボーダーサイズ */
  --heading0203-size-l: 1.0rem; /* 左ボーダーサイズ */
  --heading0203-brd: #b00000; /* ボーダー色 */
  --heading0203-brd-l: #b00000; /* サブボーダー色（左罫線） */
  --heading0203-bg: #2b2b2b; /* 背景色 */
  --font-heading0203: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0203-pd: 1.5rem 1.5rem; /* パディング */
	  --heading0203-size-l: 0.6rem; /* 左ボーダーサイズ */
	  --font-heading0203: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0203 end ** */

/* ** heading0204 start ** */
/*** 0204: 上下線・文字中央・背景付き ***/
:root {
  --heading0204-rod: 0.1em; /* 角丸 */
  --heading0204-mg: 1.0rem auto; /* マージン */
  --heading0204-pd: 2.0rem 1.5rem; /* パディング */
  --heading0204-txt: #fff; /* テキスト色 */
  --heading0204-size: 0.4rem; /* ボーダーサイズ */
  --heading0204-brd: #b00000; /* ボーダー色 */
  --heading0204-bg: #2b2b2b; /* 背景色 */
  --font-heading0204: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0204-pd: 1.5rem; /* パディング */
	  --font-heading0204: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0204 end ** */

/* ** heading0205 start ** */
/*** 0205: 囲み線・背景付き ***/
:root {
  --heading0205-rod: 0.1em; /* 角丸 */
  --heading0205-mg: 1.0rem auto; /* マージン */
  --heading0205-pd: 2.0rem 1.5rem; /* パディング */
  --heading0205-txt: #232323; /* テキスト色 */
  --heading0205-size: 0.3rem; /* ボーダーサイズ */
  --heading0205-brd: #232323; /* ボーダー色 */
  --heading0205-bg: #f4f4f4; /* 背景色 */
  --font-heading0205: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0205-pd: 1.5rem 1.0rem; /* パディング */
	  --heading0205-size: 0.2rem; /* ボーダーサイズ */
	  --font-heading0205: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0205 end ** */

/* ** heading0206 start ** */
/*** 0206: 背景・影を入れたデザイン ***/
:root {
  --heading0206-rod: 0.1em; /* 角丸 */
  --heading0206-mg: 1.0rem auto; /* マージン */
  --heading0206-pd: 2.0rem 1.5rem; /* パディング */
  --heading0206-txt: #fff; /* テキスト色 */
  --heading0206-bg: #0078c4; /* 背景色 */
  --heading0206-sd: 5px 5px 0 #034670; /* 影付き背景 サイズ・影色 */
  --font-heading0206: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0206-pd: 1.5rem; /* パディング */
	  --font-heading0206: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0206 end ** */

/* ** heading0207 start ** */
/*** 0207: 下線にアクセントを入れたデザイン ***/
:root {
  --heading0207-mg: 1.0rem auto; /* マージン */
  --heading0207-pd: 2.0rem 1.5rem; /* パディング */
  --heading0207-txt: #232323; /* テキスト色 */
  --heading0207-brd-y: #0078c4; /* アクセントボーダー差色 */
  --heading0207-brd-yu: #232323; /* アクセントボーダー基本色 */
  --heading0207-size: 0.6rem;/* ボーダーサイズ */
  --heading0207-size-b: -0.6rem;/* アクセントボーダー差色位置 */
  --heading0207-size-w: 20%;/* 0207: アクセントボーダー差色横幅 */
  --font-heading0207: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0207-pd: 1.0rem 0.5rem;/* パディング */
	  --heading0207-size: 0.3rem;/* ボーダーサイズ */
	  --heading0207-size-b: -0.3rem;/* アクセントボーダー差色位置 */
	  --heading0207-size-w: 30%;/* 0207: アクセントボーダー差色横幅 */
	  --font-heading0207: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0207 end ** */

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

/* ** heading0301 start ** */
/*** 0301: 背景グラデーション ***/
:root {
/* 共通 */
  --heading0301-rod: 0.1em; /* 角丸 */
  --heading0301-mg: 1.0rem auto; /* マージン */
  --heading0301-pd: 2.0rem 1.5rem; /* パディング */
  --heading0301-txt: #fff; /* テキスト色 */
  --heading0301-bg-2sbg: #004071; /* 2色グラデーション背景色起点 */
  --heading0301-bg-2ebg: #00e205; /* 2色グラデーション背景色終点 */
  --font-heading0301: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0301-pd: 1.5rem; /* パディング */
	  --font-heading0301: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0301 end ** */

/* ** heading0302 start ** */
/*** 0302: 下線グラデーション ***/
:root {
  --heading0302-rod: 0.1em; /* 角丸 */
  --heading0302-mg: 1.0rem auto; /* マージン */
  --heading0302-pd: 2.0rem 1.5rem; /* パディング */
  --heading0302-txt: #232323; /* テキスト色 */
  --heading0302-size: 0.6rem; /* ボーダーサイズ */
  --heading0302-bg-2sbg: #004071; /* 2色グラデーション背景色起点 */
  --heading0302-bg-2ebg: #00e205; /* 2色グラデーション背景色終点 */
  --font-heading0302: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0302-pd: 1.5rem 0.5rem; /* パディング */
	  --heading0302-size: 0.3rem; /* ボーダーサイズ */
	  --font-heading0302: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0302 end ** */

/* ** heading0303 start ** */
/*** 0303: 上下線グラデーション ***/
:root {
  --heading0303-rod: 0.1em; /* 角丸 */
  --heading0303-mg: 1.0rem auto; /* マージン */
  --heading0303-pd: 2.0rem 1.5rem; /* パディング */
  --heading0303-txt: #232323; /* テキスト色 */
  --heading0303-size: 0.3rem; /* ボーダーサイズ */
  --heading0303-bg-2sbg: #004071; /* 2色グラデーション背景色起点 */
  --heading0303-bg-2ebg: #00e205; /* 2色グラデーション背景色終点 */
  --font-heading0303: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0303-pd: 1.5rem; /* パディング */
	  --heading0303-size: 0.2rem; /* ボーダーサイズ */
	  --font-heading0303: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0303 end ** */

/* ** heading0304 start ** */
/*** 0304: 囲い線グラデーション ***/
:root {
  --heading0304-rod: 0.1em; /* 角丸 */
  --heading0304-mg: 1.0rem auto; /* マージン */
  --heading0304-size: 0.4rem; /* ボーダーサイズ */
  --heading0304-pd: 2.0rem 1.5rem; /* パディング */
  --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色グラデーション背景色終点 */
  --font-heading0304: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0304-pd: 1.5rem; /* パディング */
	  --font-heading0304: 2.5rem; /* フォントサイズ */
	}
}
/* ** heading0304 end ** */

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

/* ** heading0401 start ** */
/*** 0401: タグ風見出し左角 ***/
:root {
  --heading0401-rod: 0 0.3rem 0.3rem 0; /* 角丸 */
  --heading0401-mg: 1.0rem 0; /* マージン */
  --heading0401-pd: 1.8rem 1.5rem; /* パディング */
  --heading0401-txt: #fff; /* テキスト色 */
  --heading0401-bg: #231557; /* 背景色 */
  --font-heading0401: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0401-pd: 1.3rem 1.5rem; /* パディング */
	  --font-heading0401: 2.0rem; /* フォントサイズ */
	}
}
/* ** heading0401 end ** */

/* ** heading0402 start ** */
/*** 0402: タグ風見出し右角 ***/
:root {
  --heading0402-rod: 0.3rem 0 0 0.3rem; /* 角丸 */
  --heading0402-mg: 1.0rem 0; /* マージン */
  --heading0402-pd: 1.8rem 1.5rem; /* パディング */
  --heading0402-txt: #fff; /* テキスト色 */
  --heading0402-bg: #231557; /* 背景色 */
  --font-heading0402: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0402-pd: 1.3rem 1.5rem; /* パディング */
	  --font-heading0402: 2.0rem; /* フォントサイズ */
	}
}
/* ** heading0402 end ** */

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

/* ** heading0501 start ** */
/*** 0501: 左右折り返しのリボンデザイン ***/
: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; /* 影付き背景 サイズ・影色 */

/* 共通 */
  --heading0501-mg: 1.0rem auto; /* マージン */
  --heading0501-txt: #fff; /* テキスト色 */
  --heading0501-bg: #00a47f; /* 背景色 */
  --heading0501-bg-u: #006b53; /* 背景下色 */
  --heading0501-bg-s: #0d2f27; /* 背景影色 */
  --font-heading0501: 3.0rem; /* フォントサイズ */

/* 0501: 左右折り返しのリボンデザイン背景 */
  --heading0501-wrap-mg: -120px auto 0 auto; /* マージン */
  --heading0501-wrap-pd: 10.0rem 3.0rem 3.0rem 3.0rem;/* パディング */

/* 0501: 左右折り返しのリボンデザイン */
  --heading0501-pd: 2.0rem 1.5rem;/* パディング */
  --heading0501-pd-i: 1.5rem 2.0rem;/* パディング（テキスト） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 共通 */
	  --font-heading0501: 2.0rem; /* フォントサイズ */

	/* 0501: 左右折り返しのリボンデザイン背景 */
	  --heading0501-wrap-mg: -100px auto 0 auto; /* マージン */
	  --heading0501-wrap-pd: 6.0rem 1.5rem 2.0rem 1.5rem;/* パディング */
	}
}
/* ** heading0501 end ** */

/* ** heading0502 start ** */
/*** 0502: 左右山形のリボンデザイン ***/
:root {
  --heading0502-mg: 1.0rem auto; /* マージン */
  --heading0502-pd: 1.2rem 0;/* パディング */
  --heading0502-txt: #fff; /* テキスト色 */
  --heading0502-bg: #00a47f; /* 背景色 */
  --font-heading0502: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-heading0502: 2.3rem; /* フォントサイズ */
	}
}
/* ** heading0502 end ** */

/* ** heading0503 start ** */
/*** 0503: 左右山形のリボンステッチ付きデザイン ***/
:root {
  --heading0503-mg: 1.0rem auto; /* マージン */
  --heading0503-pd: 0.5rem 0;/* パディング */
  --heading0503-txt: #fff; /* テキスト色 */
  --heading0503-bg: #00a47f; /* 背景色 */
  --heading0503-brd-tu: #fff; /* ボーダー色(破線色) */
  --heading0503-size-tu: 0.1rem; /* ボーダーサイズ(破線) */
  --font-heading0503: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-heading0503: 2.0rem; /* フォントサイズ */
	}
}
/* ** heading0503 end ** */

/* ** heading0504 start ** */
/*** 0504: 右側のみ山形のリボンデザイン ***/
:root {
  --heading0504-mg: 1.0rem auto; /* マージン */
  --heading0504-pd: 1.3rem 2.0rem;/* パディング */
  --heading0504-txt: #fff; /* テキスト色 */
  --heading0504-bg: #00a47f; /* 背景色 */
  --font-heading0504: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-heading0504: 2.2rem; /* フォントサイズ */
	}
}
/* ** heading0504 end ** */

/* ** heading0505 start ** */
/*** 0505: 右側のみ山形のリボンステッチ付きデザイン ***/
:root {
  --heading0505-mg: 1.0rem auto; /* マージン */
  --heading0505-pd: 0.5rem 0;/* パディング */
  --heading0505-txt: #fff; /* テキスト色 */
  --heading0505-bg: #00a47f; /* 背景色 */
  --heading0505-brd-tu: #fff; /* ボーダー色(破線色) */
  --heading0505-size-tu: 0.1rem; /* ボーダーサイズ(破線) */
  --font-heading0505: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-heading0505: 2.2rem; /* フォントサイズ */
	}
}
/* ** heading0505 end ** */

/* ** heading0506 start ** */
/*** 0506: 折り目付きリボンデザイン ***/
:root {
/* 共通 */
  --heading0506-mg: 1.0rem auto; /* マージン */
  --heading0506-pd: 1.6rem 1.5rem 2.0rem 3.5rem;/* パディング */
  --heading0506-txt: #fff; /* テキスト色 */
  --heading0506-bg: #00a47f; /* 背景色 */
  --heading0506-bg-u: #006b53; /* 背景下色 */
  --heading0506-bg-s: #0d2f27; /* 背景影色 */
  --font-heading0506: 3.0rem; /* フォントサイズ */

/* 0506: 左右折り返しのリボンデザイン背景 */
  --heading0506-wrap-mg: -100px 0 0 2.0rem; /* マージン */
  --heading0506-wrap-pd: 10.0rem 3.0rem 3.0rem 3.0rem;/* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --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.5rem;/* パディング */
	  --font-heading0506: 2.2rem; /* フォントサイズ */
	}
}
/* ** heading0506 end ** */

/* ** heading0507 start ** */
/*** 0507: ボックスに折り込んだリボンデザイン ***/
:root {
/* 共通 */
  --heading0507-mg: 0 -2.0rem; /* マージン */
  --heading0507-pd: 2.0rem 0;/* パディング */
  --heading0507-txt: #fff; /* テキスト色 */
  --heading0507-bg: #00a47f; /* 背景色 */
  --heading0507-bg-u: #006b53; /* 背景下色 */
  --heading0507-bg-s: #0d2f27; /* 背景影色 */
  --heading0507-sd: 0 5px 5px #666; /* 影付き背景 サイズ・影色 */
  --font-heading0507: 3.0rem; /* フォントサイズ */

/* 0507: 左右折り返しのリボンデザイン背景 */
  --heading0507-wrap-mg: -90px auto 0 auto; /* マージン */
  --heading0507-wrap-pd: 10.0rem 3.0rem 3.0rem 3.0rem;/* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --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;/* パディング */
	  --font-heading0507: 2.2rem; /* フォントサイズ */
	}
}
/* ** heading0507 end ** */

/* ** heading0508 start ** */
/*** 0508: ボックスに折り込んだリボンステッチ付きデザイン ***/
:root {
/* 共通 */
  --heading0508-mg: 0 -2.0rem; /* マージン */
  --heading0508-pd: 0.5rem 0;/* パディング */
  --heading0508-txt: #fff; /* テキスト色 */
  --heading0508-bg: #00a47f; /* 背景色 */
  --heading0508-bg-u: #006b53; /* 背景下色 */
  --heading0508-bg-s: #0d2f27; /* 背景影色 */
  --heading0508-sd: 0 5px 5px #666; /* 影付き背景 サイズ・影色 */
  --heading0508-brd-tu: #fff; /* ボーダー色(破線色) */
  --heading0508-size-tu: 0.1rem; /* ボーダーサイズ(破線) */
  --font-heading0508: 3.0rem; /* フォントサイズ */

/* 0508: 左右折り返しのリボンデザイン背景 */
  --heading0508-wrap-mg: -90px auto 0 auto; /* マージン */
  --heading0508-wrap-pd: 10.0rem 3.0rem 3.0rem 3.0rem;/* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --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; /* パディング */
	  --font-heading0508: 2.2rem; /* フォントサイズ */
	}
}
/* ** heading0508 end ** */

/* ** heading0509 start ** */
/*** 0509: 縦リボンデザイン ***/
:root {
  --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: 3.0rem; /* リボンタイトルフォントサイズ */
  --heading0509-txt-ribbon: #fff; /* リボンテキスト色 */
  --heading0509-bg-ribbon: #00a47f; /* リボン背景色 */
  --font-heading0509-ribbon: 2.5rem; /* リボンアイコンフォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-heading0509: 2.2rem; /* フォントサイズ */
	  --font-heading0509-ribbon: 1.8rem; /* リボンアイコンフォントサイズ */
	}
}
/* ** heading0509 end ** */

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

/* ** heading0601 start ** */
/*** 0601: 吹き出し風の見出し ***/
:root {
/* 共通 */
  --heading0601-rod: 0.2em; /* 角丸 */
  --heading0601-mg: 1.0rem 0; /* マージン */
  --heading0601-pd: 2.0rem 1.5rem; /* パディング */
  --heading0601-txt: #fff; /* テキスト色 */
  --heading0601-bg: #231557; /* 背景色 */
  --font-heading0601: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0601-pd: 1.5rem; /* パディング */
	  --font-heading0601: 2.2rem; /* フォントサイズ */
	}
}
/* ** heading0601 end ** */

/* ** heading0602 start ** */
/*** 0602: 吹き出し風の見出しボーダー付き ***/
:root {
  --heading0602-rod: 0.2em; /* 角丸 */
  --heading0602-mg: 1.0rem 0; /* マージン */
  --heading0602-pd: 2.0rem 1.5rem; /* パディング */
  --heading0602-txt: #fff; /* テキスト色 */
  --heading0602-bg: #231557; /* 背景色 */
  --heading0602-brd: #b00000; /* ボーダー色 */
  --heading0602-size: 0.3rem; /* ボーダーサイズ */
  --font-heading0602: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0602-pd: 1.5rem 1.5rem; /* パディング */
	  --heading0602-size: 0.2rem; /* ボーダーサイズ */
	  --font-heading0602: 2.2rem; /* フォントサイズ */
	}
}
/* ** heading0602 end ** */

/* ** heading0603 start ** */
/*** 0603: 吹き出し風の見出し中央揃え ***/
:root {
  --heading0603-rod: 0.2em; /* 角丸 */
  --heading0603-mg: 1.0rem 0; /* マージン */
  --heading0603-pd: 2.0rem 1.5rem; /* パディング */
  --heading0603-txt: #fff; /* テキスト色 */
  --heading0603-bg: #231557; /* 背景色 */
  --font-heading0603: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0603-pd: 1.5rem 1.5rem; /* パディング */
	  --font-heading0603: 2.2rem; /* フォントサイズ */
	}
}
/* ** heading0603 end ** */

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

/* ** heading0701 start ** */
/*** 0701: シンボルあり囲い見出し ***/
:root {
/* 共通 */
  --heading0701-rod: 0.1em; /* 角丸 */
  --heading0701-mg: 1.0rem 0; /* マージン */
  --heading0701-pd: 1.5rem 2rem 1.5rem 130px; /* パディング */
  --heading0701-txt: #232323; /* テキスト色 */
  --heading0701-brd: #232323; /* ボーダー色 */
  --heading0701-size: 0.2rem; /* ボーダーサイズ */
  --heading0701-bg: #ffffff; /* 背景色 */
  --font-heading0701: 3.0rem; /* フォントサイズ */

/* シンボル */
  --heading0701-txt-symbol: #fff; /* シンボルアイコンテキスト色 */
  --heading0701-bg-symbol: #232323; /* シンボルアイコン背景色 */
  --font-heading0701-symbol: 3.0rem; /* シンボルアイコンフォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0701-pd: 1.5rem 2rem 1.5rem 70px; /* パディング */
	  --font-heading0701-symbol: 1.8rem; /* シンボルアイコンフォントサイズ */
	  --font-heading0701: 2.0rem; /* フォントサイズ */
	}
}
/* ** heading0701 end ** */

/* ** heading0702 start ** */
/*** 0702: シンボルあり罫線見出し ***/
:root {
/* 共通 */
  --heading0702-rod: 0.1em; /* 角丸 */
  --heading0702-mg: 1.0rem 0; /* マージン */
  --heading0702-pd: 1.5rem 2rem 1.5rem 130px; /* パディング */
  --heading0702-txt: #232323; /* テキスト色 */
  --heading0702-brd: #232323; /* ボーダー色 */
  --heading0702-size: 0.2rem; /* ボーダーサイズ */
  --heading0702-bg: #eee; /* 背景色 */
  --font-heading0702: 3.0rem; /* フォントサイズ */

/* シンボル */
  --heading0702-txt-symbol: #fff; /* シンボルアイコンテキスト色 */
  --heading0702-bg-symbol: #232323; /* シンボルアイコン背景色 */
  --font-heading0702-symbol: 3.0rem; /* シンボルアイコンフォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --heading0702-pd: 1.5rem 2rem 1.5rem 70px; /* パディング */
	  --font-heading0702: 2.0rem; /* フォントサイズ */
	  --font-heading0702-symbol: 1.8rem; /* シンボルアイコンフォントサイズ */
	}
}
/* ** heading0702 end ** */

/* ** heading0703 start ** */
/*** 0703: サブコピー(content使用)見出し ***/
:root {
/* 共通 */
  --heading0703-rod: 0.1em; /* 角丸 */
  --heading0703-mg: 3.0rem 0 0 0; /* マージン */
  --heading0703-pd: 1.3rem 2.0rem; /* パディング */
  --heading0703-txt: #232323; /* テキスト色 */
  --heading0703-brd: #232323; /* ボーダー色 */
  --heading0703-size: 0.2rem; /* ボーダーサイズ */
  --heading0703-bg: #eee; /* 背景色 */
  --font-heading0703: 2.5rem; /* フォントサイズ */

/* シンボル */
  --heading0703-rod-symbol: 0.3em; /* 角丸 */
  --heading0703-content: 'POINT SAMPLE'; /* 代替えテキスト */
  --heading0703-txt-symbol: #fff; /* シンボルアイコンテキスト色 */
  --heading0703-bg-symbol: #232323; /* シンボルアイコン背景色 */
  --font-heading0703-symbol: 1.2rem; /* シンボルアイコンフォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-heading0703: 2.0rem; /* フォントサイズ */
	  --font-heading0703-symbol: 1.0rem; /* シンボルアイコンフォントサイズ */
	}
}
/* ** heading0703 end ** */

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

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

/* ** heading0801 start ** */
/*** 0801: 所属カテゴリ表示ユニット ***/
:root {
  --app-mainTi-mg: 0 auto; /* マージン */
  --app-mainTi-pd: 1.5rem 0; /* パディング */
  --app-mainTi-txt: #232323; /* テキスト色 */
  --app-mainTi-bg: #fff; /* 背景色 */
  --app-mainTi-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-mainTi: 2.5rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mainTi-mg: 0 auto; /* マージン */
	  --app-mainTi-pd: 1.0rem 0; /* パディング */
	  --font-mainTi: 2.0rem; /* フォントサイズ */
	}
}
/* ** heading0801 end ** */

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

/* ** heading0802 start ** */
/*** 0802: 主にログインや会員登録等で使用するシステム見出し ***/
:root {
  --app-systemMainTitle-mg: 0.5rem auto; /* マージン */
  --app-systemMainTitle-pd: 1.5rem 0; /* パディング */
  --app-systemMainTitle-txt: #232323; /* テキスト色 */
  --app-systemMainTitle-bg: inherit; /* 背景色 */
  --app-systemMainTitle-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-systemMainTitle: 2.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-systemMainTitle-mg: 0.5rem auto; /* マージン */
	  --app-systemMainTitle-pd: 1.5rem 0; /* パディング */
	  --font-systemMainTitle: 1.8rem; /* フォントサイズ */
	}
}
/* ** heading0802 end ** */

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

/* ** heading0803 start ** */
/*** 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: 1.8rem; /* フォントサイズ */

/* 中見出し */
  --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: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** heading0803 end ** */

/* ** heading0804 start ** */
/*** 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: 1.8rem; /* フォントサイズ */
  --app-editHeading-size: 10rem; /* ボタンサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-editHeading: 1.6rem; /* フォントサイズ */
	  --app-editHeading-size: 8rem; /* ボタンサイズ */
	}
}
/* ** heading0804 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_sysbt_dez.css;
***************************************************/

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

/* ** buttonBasic start ** */
/****************** 基本ボタン ******************/
:root {
/* 共通(システム利用各種編集ボタン) */
  --BtM-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; /* 背景影色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	/****************** 基本ボタン ******************/

	/* 共通(システム利用各種編集ボタン) */
	  --BtM-rod: 0.2em; /* 角丸 */
	  --popupSglBt-size: 400px; /* ポップアップで一つしかボタンを配置しない時の親枠 */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/****************** 基本ボタン ******************/

	/* 共通(システム利用各種編集ボタン) */
	  --BtM-rod: 0.2em; /* 角丸 */
	  --popupSglBt-size: 90%; /* ポップアップで一つしかボタンを配置しない時の親枠 */
	}
}
/* ** buttonBasic end ** */

/************ 共通ボタン(各種登録・購入時のステップボタン) ************/

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

/* 前後ボタン共通ボタン */
  --sbmBNBt-mg: 1.2em auto; /* マージン */
  --sbmBNBt-pd: 1.0em; /* パディング */
  --sbmBNBt-size: 100%; /* ボタンサイズ */
  --sbmBNBt-txt: #171717; /* テキスト色 */
  --sbmBNBt-bg: #fff; /* 背景色 */
  --sbmBNBt-brd: 1px solid #666; /* ボーダー指定 */
  --sbmBNBt-sd: none; /* 背景影色 */
  --font-sbmBNBt: 1.6rem;/* フォントサイズ */

/* 次へ進むボタン */
  --sbmNxBt-mg: 1.2em auto; /* マージン */
  --sbmNxBt-pd: 1.0em; /* パディング */
  --sbmNxBt-size: 100%; /* ボタンサイズ */
  --sbmNxBt-txt: #fff; /* テキスト色 */
  --sbmNxBt-bg: #171717; /* 背景色 */
  --sbmNxBt-brd: 1px solid #171717; /* ボーダー指定 */
  --sbmNxBt-sd: none; /* 背景影色 */
  --font-sbmNxBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-sbmBNBt: 1.4rem;/* フォントサイズ */
	  --font-sbmNxBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0101 end ** */

/* ** button0102 start ** */
/*** 0102: 登録・購入完了ボタン ***/
:root {

/* 登録・購入完了ボタン */
  --sbmCpBt-mg: 1.2em auto; /* マージン */
  --sbmCpBt-pd: 1.0em; /* パディング */
  --sbmCpBt-size: 100%; /* ボタンサイズ */
  --sbmCpBt-txt: #fff; /* テキスト色 */
  --sbmCpBt-bg: #ea5e00; /* 背景色 */
  --sbmCpBt-brd: 1px solid #ea5e00; /* ボーダー指定 */
  --sbmCpBt-sd: none; /* 背景影色 */
  --font-sbmCpBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-sbmCpBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0102 end ** */

/************ 共通ボタン(インラインポップアップ選択ボタン) ************/

/* ** button0103 start ** */
/*** 0103: インラインポップアップ専用ボタン（ウインドウを閉じるボタン） ***/
:root {

/* ウインドウを閉じるボタン */
  --closePuBt-mg: 1.2em auto; /* マージン */
  --closePuBt-pd: 1.0em; /* パディング */
  --closePuBt-size: 100%; /* ボタンサイズ */
  --closePuBt-txt: #171717; /* テキスト色 */
  --closePuBt-bg: #fff; /* 背景色 */
  --closePuBt-brd: 1px solid #666; /* ボーダー指定 */
  --closePuBt-sd: none; /* 背景影色 */
  --font-closePuBt: 1.6rem;/* フォントサイズ */

/* 登録完了ボタン */
  --editPuBt-mg: 1.2em auto; /* マージン */
  --editPuBt-pd: 1.0em; /* パディング */
  --editPuBt-size: 100%; /* ボタンサイズ */
  --editPuBt-txt: #fff; /* テキスト色 */
  --editPuBt-bg: #171717; /* 背景色 */
  --editPuBt-brd: 1px solid #171717; /* ボーダー指定 */
  --editPuBt-sd: none; /* 背景影色 */
  --font-editPuBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-closePuBt: 1.4rem;/* フォントサイズ */
	  --font-editPuBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0103 end ** */

/************ 共通ボタン(オープンクローズボタン) ************/

/* ** button0104 start ** */
/*** 0104: オープンクローズボタン ***/
:root {

/* オープンクローズエリア(主に検索・検索結果の開閉) */
  --searchOpCl-rod: 0.3rem; /* 角丸 */
  --searchOpCl-mg: 1.0em auto 0 auto; /* マージン */
  --searchOpCl-pd: 0.5em 0.5em 0.5em 1.0em; /* パディング */
  --searchOpCl-txt: #fff; /* テキスト色 */
  --searchOpCl-bg: #171717; /* 背景色 */
  --searchOpCl-brd: 1px solid #171717; /* ボーダー指定 */
  --searchOpCl-sd: none; /* 背景影色 */
  --font-OpClTi: 1.4rem; /* フォントサイズ */

/* オープンクローズボタンボタン */
  --slideBtn-rod: 0.5rem; /* 角丸 */
  --slideBtn-mg: 0; /* マージン */
  --slideBtn-pd: 0.2em; /* パディング */
  --slideBtn-size: 100%; /* ボタンサイズ */
  --slideBtn-txt: #fff; /* テキスト色 */
  --slideBtn-bg: #171717; /* 背景色 */
  --slideBtn-brd: 1px solid #fff; /* ボーダー指定 */
  --slideBtn-sd: none; /* 背景影色 */
  --font-slideBtn: 1.2rem; /* フォントサイズ */

/* オープンクローズエリア(主にラジオ・チェックボックスの開閉) */
  --htibrd-mg: 0.5rem auto; /* マージン */
  --htibrd-pd: 0.3em 0.3em 0.3em 0.5em; /* パディング */
  --htibrd-txt: #000; /* テキスト色 */
  --htibrd-bg: inhelit; /* 背景色 */
  --htibrd-brd: 1px dotted #aaaaaa; /* ボーダー指定 */
  --font-htibrd: 1.4rem; /* フォントサイズ */

/* オープンクローズボタンボタン */
  --htibrd-slideBtn-rod: 1.5rem; /* 角丸 */
  --htibrd-slideBtn-mg: 0; /* マージン */
  --htibrd-slideBtn-pd: 0.4em 1.0rem; /* パディング */
  --htibrd-slideBtn-txt: #fff; /* テキスト色 */
  --htibrd-slideBtn-bg: #171717; /* 背景色 */
  --htibrd-slideBtn-brd: inhelit; /* ボーダー指定 */
  --htibrd-slideBtn-sd: inhelit; /* 背景影色 */
  --font-htibrd-slideBtn: 1.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0104 end ** */

/************ 共通ボタン(システム利用各種編集ボタン) ************/

/* ** button0105 start ** */
/*** 0105: システム利用各種編集ボタン ***/
:root {

/* 編集ボタン基本 */
  --editBt-mg: 0; /* マージン */
  --editBt-pd: 0.5em; /* パディング */
  --editBt-size: 100%; /* ボタンサイズ */
  --editBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --editBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --editBt-txt: #303030; /* テキスト色 */
  --editBt-sd: 0 0 3px #e0e0e0; /* 背景影色 */
  --font-editBt: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0105 end ** */

/* ** button0106 start ** */
/*** 0106: 前後ボタン共通ボタン・次へ進むボタン（小サイズ） ***/
:root {

/* 前後ボタン共通ボタン（小サイズ） */
  --sbmSBNBt-mg: 1.0em auto; /* マージン */
  --sbmSBNBt-pd: 0.5em; /* パディング */
  --sbmSBNBt-size: 25%; /* ボタンサイズ */
  --sbmSBNBt-txt: #171717; /* テキスト色 */
  --sbmSBNBt-bg: #fff; /* 背景色 */
  --sbmSBNBt-brd: 1px solid #666; /* ボーダー指定 */
  --sbmSBNBt-sd: none; /* 背景影色 */
  --font-sbmSBNBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --sbmSBNBt-size: 45%; /* ボタンサイズ */
	}
}
/* ** button0106 end ** */

/* ** button0107 start ** */
:root {

/*** 0107: 地図や詳細画面等へ外部リンクへ遷移する為のリンクボタン ***/
  --LinkShtBt-mg: 0 2.0rem; /* マージン */
  --LinkShtBt-pd: 0.2rem 1.0rem; /* パディング */
  --LinkShtBt-txt: #171717; /* テキスト色 */
  --LinkShtBt-bg: #fff; /* 背景色 */
  --LinkShtBt-brd: 1px solid #666; /* ボーダー指定 */
  --LinkShtBt-sd: none; /* 背景影色 */
  --font-LinkShtBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0107 end ** */

/****************** 会員ログインに関係するもの  ******************/

/* ** button0201 start ** */
/*** 0201: ログイン・新規会員登録・パスワード忘れボタン ***/
:root {

/*** ログインページ ***/

/* ログインボタン */
  --LoginBt-mg: 1.2em auto; /* マージン */
  --LoginBt-pd: 1.0em; /* パディング */
  --LoginBt-size: 80%; /* ボタンサイズ */
  --LoginBt-txt: #fff; /* テキスト色 */
  --LoginBt-bg: #171717; /* 背景色 */
  --LoginBt-brd: 1px solid #171717; /* ボーダー指定 */
  --LoginBt-sd: none; /* 背景影色 */
  --font-LoginBt: 1.6rem; /* フォントサイズ */

/* 新規会員登録ボタン(ログインページ用) */
  --newmemBt-mg: 1.5em auto; /* マージン */
  --newmemBt-pd: 1.0em; /* パディング */
  --newmemBt-size: 80%; /* ボタンサイズ */
  --newmemBt-txt: #171717; /* テキスト色 */
  --newmemBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --newmemBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --newmemBt-sd: none; /* 背景影色 */
  --font-newmemBt: 1.8rem;/* フォントサイズ */

/* パスワード忘れページへの遷移ボタン */
  --reminderBt-mg: 0.5em auto; /* マージン */
  --reminderBt-pd: 0.5em; /* パディング */
  --reminderBt-size: 60%; /* ボタンサイズ */
  --reminderBt-txt: #171717; /* テキスト色 */
  --reminderBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --reminderBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --reminderBt-sd: none; /* 背景影色 */
  --font-reminderBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ログインボタン */
	  --LoginBt-mg: 0.5em auto; /* マージン */
	  --LoginBt-size: 95%; /* ボタンサイズ */
	  --font-LoginBt: 1.4rem; /* フォントサイズ */

	/* 新規会員登録ボタン(ログインページ用) */
	  --newmemBt-mg: 1.0em auto; /* マージン */
	  --newmemBt-size: 95%; /* ボタンサイズ */
	  --font-newmemBt: 1.6rem;/* フォントサイズ */

	/* パスワード忘れページへの遷移ボタン */
	  --reminderBt-mg: 1.0em auto; /* マージン */
	  --reminderBt-size: 90%; /* ボタンサイズ */
	}
}
/* ** button0201 end ** */

/*** パスワード再設定ページ ***/

/* ** button0202 start ** */
/*** 0202: パスワード問い合わせボタン ***/
:root {

/* パスワード問い合わせボタン */
  --remCtBt-mg: 1.5em auto; /* マージン */
  --remCtBt-pd: 1.0em; /* パディング */
  --remCtBt-size: 80%; /* ボタンサイズ */
  --remCtBt-txt: #171717; /* テキスト色 */
  --remCtBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --remCtBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --remCtBt-sd: none; /* 背景影色 */
  --font-remCtBt: 1.8rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* パスワード問い合わせボタン */
	  --remCtBt-mg: 1.0em auto; /* マージン */
	  --remCtBt-size: 95%; /* ボタンサイズ */
	  --font-remCtBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0202 end ** */

/****************** 新規会員登録に関係するもの  ******************/

/* ** button0301 start ** */
/*** 0301: 会員情報登録ボタン ***/
:root {

/* 会員情報登録ボタン */
  --newRegBt-mg: 1.5em auto; /* マージン */
  --newRegBt-pd: 1.0em; /* パディング */
  --newRegBt-size: 60%; /* ボタンサイズ */
  --newRegBt-txt: #171717; /* テキスト色 */
  --newRegBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --newRegBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --newRegBt-sd: none; /* 背景影色 */
  --font-newRegBt: 1.8rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 会員情報登録ボタン */
	  --newRegBt-mg: 1.0em auto; /* マージン */
	  --newRegBt-size: 95%; /* ボタンサイズ */
	  --font-newRegBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0301 end ** */

/****************** お問い合わせに関係するもの  ******************/

/* ** button0401 start ** */
/*** 0401: 問い合わせ情報登録ボタン ***/
:root {

/* 問い合わせ情報登録ボタン */
  --contactRegBt-mg: 1.5em auto; /* マージン */
  --contactRegBt-pd: 1.0em; /* パディング */
  --contactRegBt-size: 60%; /* ボタンサイズ */
  --contactRegBt-txt: #171717; /* テキスト色 */
  --contactRegBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --contactRegBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --contactRegBt-sd: none; /* 背景影色 */
  --font-contactRegBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 問い合わせ情報登録ボタン */
	  --contactRegBt-mg: 1.0em auto; /* マージン */
	  --contactRegBt-size: 95%; /* ボタンサイズ */
	  --font-contactRegBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0401 end ** */

/****************** 掲示板に関係するもの  ******************/

/* ** button0501 start ** */
/*** 0501: 掲示板一覧に戻るボタン ***/
:root {

/* 掲示板一覧に戻るボタン */
  --boardBackBt-mg: 1.5em auto; /* マージン */
  --boardBackBt-pd: 1.0em; /* パディング */
  --boardBackBt-size: 60%; /* ボタンサイズ */
  --boardBackBt-txt: #171717; /* テキスト色 */
  --boardBackBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --boardBackBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --boardBackBt-sd: none; /* 背景影色 */
  --font-boardBackBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 掲示板一覧に戻るボタン */
	  --boardBackBt-mg: 1.0em auto; /* マージン */
	  --boardBackBt-size: 90%; /* ボタンサイズ */
	  --font-boardBackBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0501 end ** */

/* ** button0502 start ** */
/*** 0502: 新規トピックス投稿ボタン(遷移) ***/
:root {

/* 新規トピックス投稿ボタン(遷移) */
  --topicsRegBt-mg: 1.5em auto; /* マージン */
  --topicsRegBt-pd: 1.0em; /* パディング */
  --topicsRegBt-size: 60%; /* ボタンサイズ */
  --topicsRegBt-txt: #171717; /* テキスト色 */
  --topicsRegBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --topicsRegBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --topicsRegBt-sd: none; /* 背景影色 */
  --font-topicsRegBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 新規トピックス投稿ボタン(遷移) */
	  --topicsRegBt-mg: 1.0em auto; /* マージン */
	  --topicsRegBt-size: 90%; /* ボタンサイズ */
	  --font-topicsRegBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0502 end ** */

/* ** button0503 start ** */
/*** 0503: 新規トピックス投稿ボタン(投稿) ***/
:root {

/* 新規トピックス投稿ボタン(投稿) */
  --topicsPostBt-mg: 1.5em auto; /* マージン */
  --topicsPostBt-pd: 1.0em; /* パディング */
  --topicsPostBt-size: 80%; /* ボタンサイズ */
  --topicsPostBt-txt: #171717; /* テキスト色 */
  --topicsPostBt-bg: #fff; /* 背景色 */
  --topicsPostBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --topicsPostBt-sd: none; /* 背景影色 */
  --font-topicsPostBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 新規トピックス投稿ボタン(投稿) */
	  --topicsPostBt-mg: 1.0em auto; /* マージン */
	  --topicsPostBt-size: 90%; /* ボタンサイズ */
	  --font-topicsPostBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0503 end ** */

/* ** button0504 start ** */
/*** 0504: マイページへの移動ボタン ***/
:root {

/* マイページへの移動ボタン */
  --boardMypBt-mg: 1.0em auto; /* マージン */
  --boardMypBt-pd: 1.0em; /* パディング */
  --boardMypBt-size: 40%; /* ボタンサイズ */
  --boardMypBt-txt: #171717; /* テキスト色 */
  --boardMypBt-bg: #fff; /* 背景色 */
  --boardMypBt-brd: 1px solid #666; /* ボーダー指定 */
  --boardMypBt-sd: none; /* 背景影色 */
  --font-boardMypBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* マイページへの移動ボタン */
	  --boardMypBt-size: 90%; /* ボタンサイズ */
	  --font-boardMypBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0504 end ** */

/****************** コメントに関係するもの  ******************/

/* ** button0601 start ** */
/*** 0601: コメント登録ボタン ***/
:root {

/* コメント登録ボタン */
  --commentRegBt-mg: 0; /* マージン */
  --commentRegBt-pd: 1.0em; /* パディング */
  --commentRegBt-size: 100%; /* ボタンサイズ */
  --commentRegBt-txt: #fff; /* テキスト色 */
  --commentRegBt-bg: linear-gradient(180deg, #8abc1e, #77ae01); /* 背景色 */
  --commentRegBt-brd: 1px solid #74aa00; /* ボーダー指定 */
  --commentRegBt-sd: none; /* 背景影色 */
  --font-commentRegBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-commentRegBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0601 end ** */

/* ** button0602 start ** */
/*** 0602: コメント時会員登録促進ボタン ***/
:root {

/* コメント時会員登録促進ボタン */
  --commentMemBt-mg: 0; /* マージン */
  --commentMemBt-pd: 1.0em; /* パディング */
  --commentMemBt-size: 100%; /* ボタンサイズ */
  --commentMemBt-txt: #171717; /* テキスト色 */
  --commentMemBt-bg: linear-gradient(180deg, #fff, #fafafa); /* 背景色 */
  --commentMemBt-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --commentMemBt-sd: none; /* 背景影色 */
  --font-commentMemBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-commentMemBt: 1.4rem;/* フォントサイズ */
	}
}
/* ** button0602 end ** */

/* ** button0603 start ** */
/*** 0603: コメント編集ボタン ***/
:root {

/* コメント編集ボタン */
  --commentEditBt-mg: 0 auto; /* マージン */
  --commentEditBt-pd: 0.5em; /* パディング */
  --commentEditBt-size: 100%; /* ボタンサイズ */
  --commentEditBt-txt: #fff; /* テキスト色 */
  --commentEditBt-bg: #171717; /* 背景色 */
  --commentEditBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentEditBt-sd: none; /* 背景影色 */
  --font-commentEditBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* コメント編集ボタン */
	  --commentEditBt-pd: 1.0em; /* パディング */
	  --font-commentEditBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0603 end ** */

/* ** button0604 start ** */
/*** 0604: コメント削除ボタン ***/
:root {

/* コメント削除ボタン */
  --commentDelBt-mg: 0 auto; /* マージン */
  --commentDelBt-pd: 0.5em; /* パディング */
  --commentDelBt-size: 100%; /* ボタンサイズ */
  --commentDelBt-txt: #fff; /* テキスト色 */
  --commentDelBt-bg: #171717; /* 背景色 */
  --commentDelBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentDelBt-sd: none; /* 背景影色 */
  --font-commentDelBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* コメント削除ボタン */
	  --commentDelBt-pd: 1.0em; /* パディング */
	  --font-commentDelBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0604 end ** */

/* ** button0605 start ** */
/*** 0605: コメント返信ボタン ***/
:root {

/* コメント返信ボタン */
  --commentResBt-mg: 0 auto; /* マージン */
  --commentResBt-pd: 0.5em; /* パディング */
  --commentResBt-size: 100%; /* ボタンサイズ */
  --commentResBt-txt: #fff; /* テキスト色 */
  --commentResBt-bg: #171717; /* 背景色 */
  --commentResBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentResBt-sd: none; /* 背景影色 */
  --font-commentResBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* コメント返信ボタン */
	  --commentResBt-pd: 1.0em; /* パディング */
	  --font-commentResBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0605 end ** */

/* ** button0606 start ** */
/*** 0606: コメント通報ボタン ***/
:root {

/* コメント通報ボタン */
  --commentRepBt-mg: 0 auto; /* マージン */
  --commentRepBt-pd: 0.5em; /* パディング */
  --commentRepBt-size: 100%; /* ボタンサイズ */
  --commentRepBt-txt: #fff; /* テキスト色 */
  --commentRepBt-bg: #171717; /* 背景色 */
  --commentRepBt-brd: 1px solid #171717; /* ボーダー指定 */
  --commentRepBt-sd: none; /* 背景影色 */
  --font-commentRepBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* コメント通報ボタン */
	  --commentRepBt-pd: 1.0em; /* パディング */
	  --font-commentRepBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0606 end ** */

/****************** セミナー購入に関係するもの  ******************/

/* ** button0701 start ** */
/*** 0701: キャンセル待ちでの申込みボタン ***/
:root {

/* キャンセル待ちでの申込みボタン */
  --seminarCanBt-mg: 1.0em auto; /* マージン */
  --seminarCanBt-pd: 1.0em; /* パディング */
  --seminarCanBt-size: 60%; /* ボタンサイズ */
  --seminarCanBt-txt: #fff; /* テキスト色 */
  --seminarCanBt-bg: #203065; /* 背景色 */
  --seminarCanBt-brd: 1px solid #203065; /* ボーダー指定 */
  --seminarCanBt-sd: none; /* 背景影色 */
  --font-seminarCanBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* キャンセル待ちでの申込みボタン */
	  --seminarCanBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0701 end ** */

/* ** button0702 start ** */
/*** 0702: 通常の申込みボタン ***/
:root {

/* 通常の申込みボタン */
  --seminarOrdBt-mg: 1.0em auto; /* マージン */
  --seminarOrdBt-pd: 1.0em; /* パディング */
  --seminarOrdBt-size: 60%; /* ボタンサイズ */
  --seminarOrdBt-txt: #171717; /* テキスト色 */
  --seminarOrdBt-bg: #fff; /* 背景色 */
  --seminarOrdBt-brd: 1px solid #666; /* ボーダー指定 */
  --seminarOrdBt-sd: none; /* 背景影色 */
  --font-seminarOrdBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 通常の申込みボタン */
	  --seminarOrdBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0702 end ** */

/* ** button0703 start ** */
/*** 0703: マイページへの移動ボタン ***/
:root {

/* マイページへの移動ボタン */
  --seminarMypBt-mg: 1.0em auto; /* マージン */
  --seminarMypBt-pd: 1.0em; /* パディング */
  --seminarMypBt-size: 60%; /* ボタンサイズ */
  --seminarMypBt-txt: #171717; /* テキスト色 */
  --seminarMypBt-bg: #fff; /* 背景色 */
  --seminarMypBt-brd: 1px solid #666; /* ボーダー指定 */
  --seminarMypBt-sd: none; /* 背景影色 */
  --font-seminarMypBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* マイページへの移動ボタン */
	  --seminarMypBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0703 end ** */

/****************** 商品購入に関係するもの  ******************/

/* ** button0801 start ** */
/*** 0801: キャンセル待ちでの購入ボタン ***/
:root {

/* キャンセル待ちでの購入ボタン */
  --productCanBt-mg: 0 auto; /* マージン */
  --productCanBt-pd: 1.0rem 0.5em; /* パディング */
  --productCanBt-size: 100%; /* ボタンサイズ */
  --productCanBt-txt: #fff; /* テキスト色 */
  --productCanBt-bg: #203065; /* 背景色 */
  --productCanBt-brd: 1px solid #203065; /* ボーダー指定 */
  --productCanBt-sd: none; /* 背景影色 */
  --font-productCanBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* キャンセル待ちでの購入ボタン */
	  --productCanBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0801 end ** */

/* ** button0802 start ** */
/*** 0802: 通常の購入ボタン ***/
:root {

/* 通常の購入ボタン */
  --productOrdBt-mg: 0 auto; /* マージン */
  --productOrdBt-pd: 1.0rem 0.5em; /* パディング */
  --productOrdBt-size: 100%; /* ボタンサイズ */
  --productOrdBt-txt: #171717; /* テキスト色 */
  --productOrdBt-bg: #fff; /* 背景色 */
  --productOrdBt-brd: 1px solid #666; /* ボーダー指定 */
  --productOrdBt-sd: none; /* 背景影色 */
  --font-productOrdBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 通常の購入ボタン */
	  --productOrdBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0802 end ** */

/* ** button0803 start ** */
/*** 0803: マイページへの移動ボタン ***/
:root {

/* マイページへの移動ボタン */
  --productMypBt-mg: 1.0em auto; /* マージン */
  --productMypBt-pd: 1.0em; /* パディング */
  --productMypBt-size: 40%; /* ボタンサイズ */
  --productMypBt-txt: #171717; /* テキスト色 */
  --productMypBt-bg: #fff; /* 背景色 */
  --productMypBt-brd: 1px solid #666; /* ボーダー指定 */
  --productMypBt-sd: none; /* 背景影色 */
  --font-productMypBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* マイページへの移動ボタン */
	  --productMypBt-size: 95%; /* ボタンサイズ */
	}
}
/* ** button0803 end ** */

/* ** button0804 start ** */
/*** 0804: 購入手続きへ進むボタン ***/
:root {

/* 購入手続きへ進むボタン */
  --productPurchaseBt-mg: 1.0em auto; /* マージン */
  --productPurchaseBt-pd: 1.5em; /* パディング */
  --productPurchaseBt-size: 40%; /* ボタンサイズ */
  --productPurchaseBt-txt: #fff; /* テキスト色 */
  --productPurchaseBt-bg: #171717; /* 背景色 */
  --productPurchaseBt-brd: 1px solid #171717; /* ボーダー指定 */
  --productPurchaseBt-sd: none; /* 背景影色 */
  --font-productPurchaseBt: 1.8rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 購入手続きへ進むボタン */
	  --productPurchaseBt-pd: 1.0em; /* パディング */
	  --productPurchaseBt-size: 95%; /* ボタンサイズ */
	  --font-productPurchaseBt: 1.6rem;/* フォントサイズ */
	}
}
/* ** button0804 end ** */

/****************** カート内での購入に関係するボタン ******************/

/* ** button0901 start ** */
/*** 0901: カートでの更新・削除・個数変更ボタン ***/
:root {

/* 更新・削除・確認ボタン共通 */
  --font-PrdBt: 1.4rem;/* フォントサイズ */

/* 更新ボタン */
  --prdCartUpdBt-txt: #fff; /* テキスト色 */
  --prdCartUpdBt-bg: #215e97; /* 背景色 */
  --prdCartUpdBt-brd: 1px solid #215e97; /* ボーダー指定 */
  --prdCartUpdBt-sd: none; /* 背景影色 */

/* 削除ボタン */
  --prdCartDelBt-txt: #fff; /* テキスト色 */
  --prdCartDelBt-bg: #969696; /* 背景色 */
  --prdCartDelBt-brd: 1px solid #969696; /* ボーダー指定 */
  --prdCartDelBt-sd: none; /* 背景影色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0901 end ** */

/* ** button0902 start ** */
/*** 0902: カート内商品一覧での確認・カートへ入れるボタン ***/
:root {

/* 確認ボタン */
  --prdCartDetBt-txt: #171717; /* テキスト色 */
  --prdCartDetBt-bg: #fff; /* 背景色 */
  --prdCartDetBt-brd: 1px solid #666; /* ボーダー指定 */
  --prdCartDetBt-sd: none; /* 背景影色 */

/* カートボタン */
  --prdCartOrdBt-txt: #fff; /* テキスト色 */
  --prdCartOrdBt-bg: #171717; /* 背景色 */
  --prdCartOrdBt-brd: 1px solid #171717; /* ボーダー指定 */
  --prdCartOrdBt-sd: none; /* 背景影色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button0902 end ** */

/****************** コンテンツ詳細等への遷移に関係するもの  ******************/

/* ** button1001 start ** */
/*** 1001: コンテンツ詳細等への遷移ボタン ***/
:root {

/* 大きいサイズボタン */
  --conDetBtW-mg: 1.2em auto; /* マージン */
  --conDetBtW-pd: 1.0em; /* パディング */
  --conDetBtW-size: 80%; /* ボタンサイズ */
  --conDetBtW-txt: #fff; /* テキスト色 */
  --conDetBtW-bg: #171717; /* 背景色 */
  --conDetBtW-brd: 1px solid #eee; /* ボーダー指定 */
  --conDetBtW-sd: none; /* 背景影色 */
  --font-conDetBtW: 1.8rem;/* フォントサイズ */

/* 中サイズボタン */
  --conDetBtM-mg: 1.2em auto; /* マージン */
  --conDetBtM-pd: 0.8em; /* パディング */
  --conDetBtM-size: 60%; /* ボタンサイズ */
  --conDetBtM-txt: #fff; /* テキスト色 */
  --conDetBtM-bg: #171717; /* 背景色 */
  --conDetBtM-brd: 1px solid #eee; /* ボーダー指定 */
  --conDetBtM-sd: none; /* 背景影色 */
  --font-conDetBtM: 1.6rem;/* フォントサイズ */

/* 小サイズボタン */
  --conDetBtS-mg: 1.0em auto; /* マージン */
  --conDetBtS-pd: 0.8em; /* パディング */
  --conDetBtS-size: 50%; /* ボタンサイズ */
  --conDetBtS-txt: #fff; /* テキスト色 */
  --conDetBtS-bg: #171717; /* 背景色 */
  --conDetBtS-brd: 1px solid #eee; /* ボーダー指定 */
  --conDetBtS-sd: none; /* 背景影色 */
  --font-conDetBtS: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 大きいサイズボタン */
	  --conDetBtW-mg: 1.2em auto; /* マージン */
	  --conDetBtW-pd: 1.0em; /* パディング */
	  --conDetBtW-size: 95%; /* ボタンサイズ */
	  --font-conDetBtW: 1.6rem;/* フォントサイズ */

	/* 中サイズボタン */
	  --conDetBtM-mg: 1.2em auto; /* マージン */
	  --conDetBtM-pd: 1.0em; /* パディング */
	  --conDetBtM-size: 95%; /* ボタンサイズ */
	  --font-conDetBtM: 1.6rem;/* フォントサイズ */

	/* 小サイズボタン */
	  --conDetBtS-mg: 1.2em auto; /* マージン */
	  --conDetBtS-pd: 1.0em; /* パディング */
	  --conDetBtS-size: 95%; /* ボタンサイズ */
	  --font-conDetBtS: 1.6rem;/* フォントサイズ */
	}
}
/* ** button1001 end ** */

/****************** リスト詳細に関係するもの  ******************/

/* ** button1101 start ** */
/*** 1101: リスト一覧での詳細を見るボタン ***/
:root {

/* 一覧詳細ボタン */
  --ListLinkBt-mg: 1.0em 0; /* マージン */
  --ListLinkBt-pd: 0.4em; /* パディング */
  --ListLinkBt-size: 10.0em; /* ボタンサイズ */
  --ListLinkBt-txt: #fff; /* テキスト色 */
  --ListLinkBt-bg: #171717; /* 背景色 */
  --ListLinkBt-brd: 1px solid #eee; /* ボーダー指定 */
  --ListLinkBt-sd: none; /* 背景影色 */
  --font-ListLinkBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1101 end ** */

/* ** button1102 start ** */
/*** 1102: 詳細から一覧へ戻るボタン ***/
:root {

/* 詳細から一覧へ戻るボタン(基本) */
  --ListBkBt-txt: #fff; /* テキスト色 */
  --ListBkBt-bg: #171717; /* 背景色 */
  --ListBkBt-brd: 1px solid #eee; /* ボーダー指定 */
  --ListBkBt-sd: none; /* 背景影色 */

/* 詳細から一覧へ戻るボタン(タイトル左) */
  --ListBkBtMti-mg: 0; /* マージン */
  --ListBkBtMti-pd: 0.6em 0; /* パディング */
  --ListBkBtMti-size: 6.0em; /* ボタンサイズ */
  --font-ListBkBtMti: 1.4rem;/* フォントサイズ */

/* 詳細から一覧へ戻るボタン(コンテンツ内) */
  --ListBkBtDet-mg: 1.0em auto; /* マージン */
  --ListBkBtDet-pd: 1.0em; /* パディング */
  --ListBkBtDet-size: 50%; /* ボタンサイズ */
  --font-ListBkBtDet: 1.8rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
		/* 詳細から一覧へ戻るボタン(タイトル左) */
		  --ListBkBtMti-pd: 0.6em 0; /* パディング */
		  --ListBkBtMti-size: 5.5em; /* ボタンサイズ */
		  --font-ListBkBtMti: 1.2rem;/* フォントサイズ */

		/* 詳細から一覧へ戻るボタン(コンテンツ内) */
		  --ListBkBtDet-size: 80%; /* ボタンサイズ */
		  --font-ListBkBtDet: 1.6rem;/* フォントサイズ */
	}
}
/* ** button1102 end ** */

/****************** 詳細ページに関係するもの  ******************/

/* ** button1201 start ** */
/*** 1201: ネクストバックボタン ***/
:root {

/* ネクストバックボタン */
  --NBLinkBt-pwidth: 45%; /* 親枠の幅 */
  --NBLinkBt-mg: 0 auto; /* マージン */
  --NBLinkBt-pd: 1.0em; /* パディング */
  --NBLinkBt-size: 100%; /* ボタンサイズ */
  --NBLinkBt-txt: #171717; /* テキスト色 */
  --NBLinkBt-bg: #fff; /* 背景色 */
  --NBLinkBt-brd: 1px solid #999; /* ボーダー指定 */
  --NBLinkBt-sd: none; /* 背景影色 */
  --font-NBLinkBt: 1.6rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ネクストバックボタン */
	  --NBLinkBt-pwidth: 48%; /* 親枠の幅 */
	}
}
/* ** button1201 end ** */

/****************** マイページ内購入に関係するもの  ******************/

/* ** button1301 start ** */
/*** 1301: マイページの決済履歴・決済カード変更・キャンセルボタン ***/
:root {

/* 決済履歴ボタン */
  --myprirekiBt-mg: 0 auto; /* マージン */
  --myprirekiBt-pd: 0.8em; /* パディング */
  --myprirekiBt-size: 100%; /* ボタンサイズ */
  --myprirekiBt-txt: #fff; /* テキスト色 */
  --myprirekiBt-bg: #171717; /* 背景色 */
  --myprirekiBt-brd: 1px solid #eee; /* ボーダー指定 */
  --myprirekiBt-sd: none; /* 背景影色 */
  --font-myprirekiBt: 1.4rem;/* フォントサイズ */

/* 決済カード変更ボタン */
  --mypcardChBt-mg: 0 auto; /* マージン */
  --mypcardChBt-pd: 0.8em; /* パディング */
  --mypcardChBt-size: 100%; /* ボタンサイズ */
  --mypcardChBt-txt: #fff; /* テキスト色 */
  --mypcardChBt-bg: #171717; /* 背景色 */
  --mypcardChBt-brd: 1px solid #eee; /* ボーダー指定 */
  --mypcardChBt-sd: none; /* 背景影色 */
  --font-mypcardChBt: 1.4rem;/* フォントサイズ */

/* キャンセルボタン */
  --mypcanBt-mg: 0 auto; /* マージン */
  --mypcanBt-pd: 0.8em; /* パディング */
  --mypcanBt-size: 100%; /* ボタンサイズ */
  --mypcanBt-txt: #fff; /* テキスト色 */
  --mypcanBt-bg: #171717; /* 背景色 */
  --mypcanBt-brd: 1px solid #eee; /* ボーダー指定 */
  --mypcanBt-sd: none; /* 背景影色 */
  --font-mypcanBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1301 end ** */

/* ** button1302 start ** */
/*** 1302: マイページのプラン変更ボタン ***/
:root {

/* プラン変更ボタン */
  --mypplanChBt-mg: 0 auto; /* マージン */
  --mypplanChBt-pd: 0.8em; /* パディング */
  --mypplanChBt-size: 100%; /* ボタンサイズ */
  --mypplanChBt-txt: #fff; /* テキスト色 */
  --mypplanChBt-bg: #171717; /* 背景色 */
  --mypplanChBt-brd: 1px solid #eee; /* ボーダー指定 */
  --mypplanChBt-sd: none; /* 背景影色 */
  --font-mypplanChBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1302 end ** */

/* ** button1303 start ** */
/*** 1303: マイページの新規申込みボタン ***/
:root {

/* 新規申込みボタン */
  --mypnewBt-mg: 0 auto; /* マージン */
  --mypnewBt-pd: 0.8em; /* パディング */
  --mypnewBt-size: 100%; /* ボタンサイズ */
  --mypnewBt-txt: #fff; /* テキスト色 */
  --mypnewBt-bg: #171717; /* 背景色 */
  --mypnewBt-brd: 1px solid #eee; /* ボーダー指定 */
  --mypnewBt-sd: none; /* 背景影色 */
  --font-mypnewBt: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1303 end ** */

/****************** 会員編集・フォームページ ファイルアップロード要素  ******************/

/* ** button1401 start ** */
/*** 1401: ファイルアップロード・削除ボタン ***/
:root {

/* ファイルアップロード・参照・削除ボタン共通 */
  --fileUpBT-rod: 0.2em; /* 角丸 */
  --fileUpBT-size: 200px; /* ボタンサイズ */
  --fileUpBT-mg: 0; /* マージン */
  --fileUpBT-pd: 0.5em; /* パディング */
  --font-fileUpBT: 1.4rem;/* フォントサイズ */

/* ファイルアップロードボタン */
  --fileUpBT-txt: #fff; /* テキスト色 */
  --fileUpBT-bg: #171717; /* 背景色 */
  --fileUpBT-brd: 1px solid #171717; /* ボーダー指定 */
  --fileUpBT-sd: none; /* 背景影色 */

/* ファイル削除ボタン */
  --fileDelBT-txt: #fff; /* テキスト色 */
  --fileDelBT-bg: #171717; /* 背景色 */
  --fileDelBT-brd: 1px solid #171717; /* ボーダー指定 */
  --fileDelBT-sd: none; /* 背景影色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ファイルアップロード・参照・削除ボタン共通 */
	  --fileUpBT-size: 100%; /* ボタンサイズ */
	}
}
/* ** button1401 end ** */

/* ** button1402 start ** */
/*** 1402: ファイルアップロードの参照ボタン ***/
:root {

/* ファイル選択エリア */
  --fileUpBox-rod: 0.2em; /* 角丸 */
  --fileUpBox-txt: #171717; /* テキスト色 */
  --fileUpBox-bg: #fff; /* 背景色 */
  --fileUpBox-brd: 1px solid #999; /* ボーダー指定 */
  --fileUpBox-brd-dl: 1px dotted #999; /* 罫線ボーダー指定 */
  --font-fileUpBox: 1.4rem;/* フォントサイズ */

/* ファイル参照ボタン */
  --fileDelBTLB-txt: #fff; /* テキスト色 */
  --fileDelBTLB-bg: #171717; /* 背景色 */
  --fileDelBTLB-brd: 1px solid #171717; /* ボーダー指定 */
  --fileDelBTLB-sd: none; /* 背景影色 */

/* ファイルアップロード後表示 */
  --FileUpName-txt: #171717; /* テキスト色 */
  --font-FileUpName: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1402 end ** */

/****************** 検索等(住所検索・パスワード表示)のボタン ******************/

/* ** button1501 start ** */
/*** 1501: パスワード表示ボタン・住所検索ボタン・検索・検索条件クリア・各種データ呼び出しボタン ***/
:root {
/* 共通指定 */
  --SearchBT-rod: 3px; /* 角丸 */

/* 検索ボタン共通（基本） */
  --SearchBT-mg: 0 0.8rem; /* マージン */
  --SearchBT-pd: 0.8em; /* パディング */
  --SearchBT-txt: #fff; /* テキスト色 */
  --SearchBT-bg: #171717; /* 背景色 */
  --SearchBT-brd: 1px solid #171717; /* ボーダー指定 */
  --SearchBT-sd: none; /* 背景影色 */
  --font-search-bt: 1.4rem; /* フォントサイズ */

/* 検索ボタン共通（ボタン押下禁止） */
  --SearchBTNo-txt: #e0e0e0; /* テキスト色 */
  --SearchBTNo-bg: #a6a6a6; /* 背景色 */
  --SearchBTNo-brd: 1px solid #a3a3a3; /* ボーダー指定 */

/* 検索ボタン共通（検索クリア） */
  --clearBtn-txt: #171717; /* テキスト色 */
  --clearBtn-bg: #fff; /* 背景色 */
  --clearBtn-brd: 1px solid #666; /* ボーダー指定 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --SearchBT-mg: 1.0rem 0.8rem; /* マージン */
	}
}
/* ** button1501 end ** */

/****************** ラジオボタン選択トグルボタン ******************/

/* ** button1601 start ** */
/*** 1601: ラジオボタン選択トグルボタン ***/
: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; /* 背景色（承認） */
  --font-toggle-bt: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1601 end ** */

/* ** button1602 start ** */
/*** 1602: ラジオボタンタブボタン ***/
:root {
/* ラジオボタンタブ基本 */
  --app-selectBt-mg: 2.0rem auto; /* マージン */
  --app-selectBt-pd: 0; /* パディング */
  --font-selectBt: 1.4rem; /* フォントサイズ */

/* ラジオボタンタブaタグ */
  --app-selectBt-rod: 0.2em; /* 角丸 */
  --app-selectBt-a-mg: 0 0.2rem; /* マージン */
  --app-selectBt-a-pd: 1.0rem; /* パディング */
  --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タグフォーカス） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1602 end ** */

/* ** button1603 start ** */
/*** 1603: チェックボックスボタン ***/
:root {
  --app-checkboxBgBt-rod: 0.3rem; /* 角丸 */
  --app-checkboxBgBt-size: 4.5rem; /* ボタンサイズ */
  --font-checkboxBgBt: 1.6rem; /* フォントサイズ */
/* 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; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-checkboxBgBt-size: 3.5rem; /* ボタンサイズ */
	  --font-checkboxBgBt: 1.4rem; /* フォントサイズ */
	}
}
/* チェックボックス全てをチェック */
:root {
  --font-checkboxAll: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1603 end ** */

/* ** button1604 start ** */
/******* ラジオ切り替えボタン *******/
:root {
  --app-checkRadio-mg: 0 auto; /* マージン */
  --app-checkRadio-pd: 0.5rem 0; /* パディング */

/* ボタン制御 */
  --app-checkRadiolabel-rod: 0.3rem; /* 角丸 */
  --app-checkRadiolabel-size: 100px; /* ボタンサイズ */
  --app-checkRadiolabel-mg: 0; /* マージン */
  --app-checkRadiolabel-pd: 1.0rem 1.5rem; /* パディング */
  --app-checkRadiolabel-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-checkRadiolabel: 1.4rem; /* フォントサイズ */

/* 色制御 */
  --app-checkRadiolabel-txt: #808080; /* テキスト色（通常） */
  --app-checkRadiolabel-cr: #e8e8e8; /* 背景色（通常） */
  --app-checkRadiolabel-on-txt: #fff; /* テキスト色（ON） */
  --app-checkRadiolabel-on-cr: #008fea; /* 背景色（ON） */
  --app-checkRadiolabel-off-txt: #fff; /* テキスト色（NO） */
  --app-checkRadiolabel-off-cr: #d14019; /* 背景色（NO） */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1604 end ** */

/* ** button1701 start ** */
/*** 1701: ページトップボタン ***/
:root {
  --pagetop-rod: 0.5em; /* 角丸 */
  --app-pagetop-cr: #171717; /* 背景色（aタグ） */
  --app-pagetop-txt: #fff; /* テキスト色（aタグ） */
  --font-pagetop: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1701 end ** */

/* ** button1801 start ** */
/*** 1801: 検索抽出ボタン ***/
:root {
/* 抽出ボタンエリア */
  --app-extractBtArea-mg: 1.5rem auto; /* マージン */

/* 抽出ボタン設定 */
  --app-extractBtArea-rod: 0.5em; /* 角丸 */
  --app-extractBtArea-li-mg: 0 0.2rem; /* マージン */
  --app-extractBtArea-pd: 0.5rem; /* パディング */
  --app-extractBtArea-txt: #000; /* テキスト色 */
  --app-extractBtArea-cr: #efefef; /* 背景色 */
  --app-extractBtArea-cr-crt: #ffcc00; /* カレント背景色 */
  --app-extractBtArea-size: 100px; /* 基本横幅サイズ */
  --app-extractBtArea-w-size: 200px; /* 横幅ワイドサイズ */
  --font-extractBtArea: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** button1801 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_sysart_dez.css;
***************************************************/

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

/* ** alert_basic start ** */
/*** 共通設定 ***/
:root {
  --CautBox-rod: 0.2em; /* 角丸 */
  --CautBox-mg: 1.0em auto; /* マージン */
  --CautBox-pd: 1.0em 0.5em; /* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert_basic end ** */

/* ** alert0101 start ** */
/*** 0101: 背景黄色注意書き部分 ***/
:root {
/* 背景黄色注意書き部分 */
  --Art-bg: #fff4ab; /* 背景色 */
  --Art-brd: 1px solid #e00012; /* ボーダー指定 */
  --Art-bbg: none; /* 背景影色 */
  --Art-txt: #e00012; /* テキスト色 */
  --font-Art: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0101 end ** */

/* ** alert0102 start ** */
/*** 0102: 背景あり注意書き部分（基本グレー） ***/
:root {
  --CautTxt-bg: #f0f0f0; /* 背景色 */
  --CautTxt-brd: 1px solid #cccccc; /* ボーダー指定 */
  --CautTxt-bbg: none; /* 背景影色 */
  --CautTxt-txt: #585858; /* テキスト色 */
  --font-CautTxt: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0102 end ** */

/* ** alert0103 start ** */
/*** 0103: 背景あり注意書き部分（基本白） ***/
:root {
  --CautTxtW-bg: #fff; /* 背景色 */
  --CautTxtW-brd: 1px solid #d3d3d3; /* ボーダー指定 */
  --CautTxtW-bbg: none; /* 背景影色 */
  --CautTxtW-txt: #333; /* テキスト色 */
  --font-CautTxtW: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0103 end ** */

/****************** アラート系共通（フォーム内個別注意書きエリア） ******************/

/* ** alert0201 start ** */
/*** 0201: 入力フォーム注意書き部分 ***/
:root {
/* 共通 */
  --CautFM-rod: 0.2em; /* 角丸 */
  --CautFM-pd: 0.5em; /* パディング */

/* 入力フォーム注意書き部分 */
  --CautTxtS-bg: #f3f3f3; /* 背景色 */
  --CautTxtS-brd: 1px solid #999; /* ボーダー指定 */
  --CautTxtS-bbg: none; /* 背景影色 */
  --CautTxtS-txt: #333; /* テキスト色 */
  --font-CautTxtS: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0201 end ** */

/* ** alert0202 start ** */
/*** 0202: 入力フォーム個別エラー ***/
:root {
  --err-bg: #fff4ab; /* 背景色 */
  --err-brd: 1px solid #e00012; /* ボーダー指定 */
  --err-bbg: none; /* 背景影色 */
  --err-txt: #e00012; /* テキスト色 */
  --font-err: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0202 end ** */

/****************** アラート系共通（申し込み画面での注意書きエリア） ******************/

/* ** alert_basic03 start ** */
/*** 共通設定 ***/
:root {
/* 共通 */
  --CautOrd-mg: 1.0em auto; /* マージン */
  --CautOrd-rod: 0.2em; /* 角丸 */
  --CautOrd-pd: 1.0em 0.5em; /* パディング */
  --font-ord-art: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert_basic03 end ** */

/* ** alert0301 start ** */
/*** 0301: 空き・在庫余裕あり ***/
:root {
  --empty-bg: #e3ffcd; /* 背景色 */
  --empty-brd: 1px solid #10a800; /* ボーダー指定 */
  --empty-bbg: none; /* 背景影色 */
  --empty-txt: #10a800; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0301 end ** */

/* ** alert0302 start ** */
/*** 0302: 残席・在庫僅か ***/
:root {
  --little-bg: #fffbcb; /* 背景色 */
  --little-brd: 1px solid #c71a1a; /* ボーダー指定 */
  --little-bbg: none; /* 背景影色 */
  --little-txt: #c71a1a; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0302 end ** */

/* ** alert0303 start ** */
/*** 0303: 残席・在庫ありません ***/
:root {
  --can-bg: #d5f0f4; /* 背景色 */
  --can-brd: 1px solid #008abd; /* ボーダー指定 */
  --can-bbg: none; /* 背景影色 */
  --can-txt: #008abd; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0303 end ** */

/* ** alert0304 start ** */
/*** 0304: 受付・購入売り切れ ***/
:root {
  --sout-bg: #ffe5e5; /* 背景色 */
  --sout-brd: 1px solid #c71a1a; /* ボーダー指定 */
  --sout-bbg: none; /* 背景影色 */
  --sout-txt: #c71a1a; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0304 end ** */

/* ** alert0305 start ** */
/*** 0305: 受付・購入終了 ***/
:root {
  --ordthk-bg: #fffdea; /* 背景色 */
  --ordthk-brd: 1px solid #e06900; /* ボーダー指定 */
  --ordthk-bbg: none; /* 背景影色 */
  --ordthk-txt: #e06900; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0305 end ** */

/* ** alert0306 start ** */
/*** 0306: 受付・購入できない ***/
:root {
  --ordno-bg: #fffdea; /* 背景色 */
  --ordno-brd: 1px solid #e06900; /* ボーダー指定 */
  --ordno-bbg: none; /* 背景影色 */
  --ordno-txt: #e06900; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0306 end ** */

/* ** alert0307 start ** */
/*** 0307: 既に申込み・購入されている ***/
:root {
  --done-bg: #ffe5e5; /* 背景色 */
  --done-brd: 1px solid #c71a1a; /* ボーダー指定 */
  --done-bbg: none; /* 背景影色 */
  --done-txt: #c71a1a; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0307 end ** */

/* ** alert0308 start ** */
/*** 0308: 他の時間帯で既に申し込みされている ***/
:root {
  --otdone-bg: #ffe5e5; /* 背景色 */
  --otdone-brd: 1px solid #c71a1a; /* ボーダー指定 */
  --otdone-bbg: none; /* 背景影色 */
  --otdone-txt: #c71a1a; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0308 end ** */

/* ** alert0309 start ** */
/*** 0309: 会員登録訴求枠 ***/
:root {
  --ordartreg-bg: #f3f3f3; /* 背景色 */
  --ordartreg-brd: 1px solid #999; /* ボーダー指定 */
  --ordartreg-bbg: none; /* 背景影色 */
  --ordartreg-txt: #333; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** alert0309 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_box_dez.css;
***************************************************/

/*======== form_common.css ========*/

/* ** input_basic start ** */
/****************** フォーム共通指定 ******************/
:root {
/* 入力フォーム共通指定 */
  --form-rod: 0.4em; /* 角丸 */
  --form-mg: 0.2rem; /* マージン */
  --form-pd: 1.0rem; /* パディング */
  --form-txt: #434343; /* テキスト色 */
  --form-fc: #fffef6; /* 背景色 */
  --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: 1.4rem; /* フォントサイズ */

/* プルダウンメニュー */
  --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ボーダー指定 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** input_basic end ** */

/*======== box_parts.css ========*/
/****************** 入力フォーム基本指定 ******************/

/* ** box0101 start ** */
/*** 0101: 入力フォーム基本 ***/
:root {
/* 入力フォーム項目基本指定 */
  --font-form-dt: 1.6rem; /* フォントサイズ */
  --app-InputForm-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** box0101 end ** */

/****************** 基本ボックス ******************/

/* ** box0201 start ** */
/*** 0201: 基本ボックス ***/
:root {
/* 枠ボックス */
  --BgBox-rod: 0.2em; /* 角丸 */
  --BgBox-pd: 1.0em; /* 外枠パディング */
  --BgBoxInn-pd: 1.5em; /* 内枠パディング */
  --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-bbg: 0 0 1.0rem #cdcdcd; /* 外枠背景影色 */
  --app-BgBoxInn-bbg: inherit; /* 内枠背景影色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --BgBox-pd: 0.5rem 1.5rem; /* 外枠パディング */
	  --BgBoxInn-pd: 0; /* 内枠パディング */
	  --app-BgBox-brd: inherit; /* 外枠ボーダー指定 */
	  --app-BgBoxInn-brd: inherit; /* 内枠ボーダー指定 */
	  --app-BgBox-bbg: inherit; /* 外枠背景影色 */
	}
}
/* ** box0201 end ** */

/****************** ログインボックス ******************/

/* ** box0301 start ** */
/*** 0301: ログインエリア ***/
:root {
/* 基本枠ボックス */
  --app-LoginBox-bg: #fff; /* 外枠背景色 */
  --app-LoginBoxInn-bg: #fff; /* 内枠背景色 */
  --app-LoginBox-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-LoginBoxInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-LoginBox-txt: #000; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-LoginBox-brd: inherit; /* 外枠ボーダー指定 */
	  --app-LoginBoxInn-brd: inherit; /* 内枠ボーダー指定 */
	}
}
/* ** box0301 end ** */

/****************** 会員登録ボックス ******************/

/* ** box0401 start ** */
/*** 0401: 会員登録エリア ***/
:root {
/* 基本枠ボックス */
  --app-NewRegBox-bg: #fff; /* 外枠背景色 */
  --app-NewRegBoxInn-bg: #fff; /* 内枠背景色 */
  --app-NewRegBox-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-NewRegBoxInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-NewRegBox-txt: #000; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-NewRegBox-brd: inherit; /* 外枠ボーダー指定 */
	  --app-NewRegBoxInn-brd: inherit; /* 内枠ボーダー指定 */
	}
}
/* ** box0401 end ** */

/* ** box0402 start ** */
/*** 0402: 会員番号・仮パスワード等システム情報表示 ***/
:root {
/* 共通指定 */
  --font-ThkSysTi: 1.6rem; /* タイトルフォントサイズ */
  --font-ThkSysBox: 2.5rem; /* 会員番号・パスワードフォントサイズ */
  --font-ThkSysCap: 1.6rem; /* 注意書きフォントサイズ */

/* 会員番号情報表示 */
  --newregID-bg: #e7e7e7; /* 背景色 */
  --app-newregID-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --newregID-txt: #000; /* テキスト色 */

/* 仮パスワード情報表示 */
  --newregPASS-bg: #e7e7e7; /* 背景色 */
  --app-newregPASS-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --newregPASS-txt: #000; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	  --font-ThkSysCap: 1.4rem; /* 注意書きフォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-ThkSysTi: 1.4rem; /* タイトルフォントサイズ */
	  --font-ThkSysBox: 2.0rem; /* 会員番号・パスワードフォントサイズ */
	  --font-ThkSysCap: 1.4rem; /* 注意書きフォントサイズ */
	}
}
/* ** box0402 end ** */

/****************** システム基本（サービス・セミナー・商品共通） ******************/

/* ** box0501 start ** */
/*** 05: システム基本（サービス・セミナー・商品共通） ***/
:root {
/* 枠ボックス(主に明細処理で使用) */
  --app-SCartBox-bg: #fff; /* 外枠背景色 */
  --app-SCartBoxInn-bg: #fff; /* 内枠背景色 */
  --app-SCartBox-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-SCartBoxInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-SCartBox-txt: #000; /* テキスト色 */
  --app-BgBoxKei-brd: 1px dotted #999; /* 要素仕切り共通ボーダー指定 */

/* 概要表示項目 */
  --font-SrvDL: 1.4rem; /* サービス概要基本（詳細） フォントサイズ */
  --font-SemDL: 1.4rem; /* セミナー概要基本（詳細） フォントサイズ */
  --font-PrdDL: 1.4rem; /* 商品概要基本（詳細） フォントサイズ */

/* 決済時共通項目 */
  --font-AmountName: 2.0rem; /* 購入商品名 フォントサイズ */
  --font-Amount: 2.5rem; /* 決済金額 フォントサイズ */
  --font-cardAgtName-txt: 1.4rem; /* 決済会社名称テキスト フォントサイズ */

}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-SCartBox-brd: inhelit; /* 外枠ボーダー指定 */
	  --app-SCartBoxInn-brd: inhelit; /* 内枠ボーダー指定 */
	}
}
/* ** box0501 end ** */

/* ** box0502 start ** */
/*** 0502: セミナー詳細・概要表示エリア ***/

/*css変数は0501と共通です。*/

/* ** box0502 end ** */

/* ** box0503 start ** */
/*** 0503: セミナー詳細画面での申し込み・購入ボタンボックス ***/
:root {
  --SemBTBox-rod: 0; /* 角丸 */
  --app-SemBTBox-mg: 0 auto; /* マージン */
  --app-SemBTBox-pd: 0; /* パディング */
  --app-SemBTBox-bg: #fff; /* 背景色 */
  --app-SemBTBox-brd: inhelit; /* ボーダー指定 */
  --app-SemBTBox-txt: #000; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-SemBTBox-pd: 0 2.0rem; /* パディング */
	}
}
/* ** box0503 end ** */

/* ** box0504 start ** */
/*** 0504: 商品詳細・概要表示エリア ***/

/*css変数は0501と共通です。*/

/* ** box0504 end ** */

/* ** box0505 start ** */
/*** 0505: 商品詳細画面での申し込み・購入ボタンボックス ***/
:root {
/* 詳細画面での申し込み・購入ボタンボックス */
  --app-CartBtBox-mg: 0 auto; /* マージン */
  --app-CartBtBox-pd: 0; /* パディング */
  --app-CartBtBox-bg: #fff; /* 背景色 */
  --app-CartBtBox-brd: inhelit; /* ボーダー指定 */
  --app-CartBtBox-txt: #000; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-CartBtBox-pd: 0 2.0rem; /* パディング */
	}
}
/* ** box0505 end ** */

/* ** box0506 start ** */
/*** 0506: セミナー詳細画面でのセミナー名・概要個別設置 ***/
:root {
/* ディスクリプション個別設置 */
  --app-semDetDescription-mg: 0 auto; /* マージン */
  --app-semDetDescription-pd: 0; /* パディング */
  --app-semDetDescription-bg: inhelit; /* 背景色 */
  --app-semDetDescription-txt: #000; /* テキスト色 */
  --font-semDetDescription: 2.8rem; /* フォントサイズ */

/* 会場・住所個別設置 */
  --app-semAddArea-mg: 2.5rem auto 0.5rem auto; /* マージン */
  --app-semAddArea-pd: 0; /* パディング */
  --app-semAddArea-bg: inhelit; /* 背景色 */
  --app-semAddArea-txt: #000; /* テキスト色 */
  --font-semDetVenue: 2.2rem; /* フォントサイズ */
  --font-semDetAddress: 1.4rem; /* フォントサイズ */

/* 参加費用個別設置 */
  --app-semPayArea-mg: 1.0rem auto; /* マージン */
  --app-semPayArea-pd: 0; /* パディング */
  --app-semPayArea-bg: inhelit; /* 背景色 */
  --app-semPayArea-txt: #000; /* テキスト色 */
  --font-semDetDlPay: 1.4rem; /* フォントサイズ */
  --font-sempaykinagakuTxt: 2.5rem; /* フォントサイズ */
  --app-sempayfree-txt: #005bc7; /* テキスト色 */

/* 開催日程個別設置 */
  --app-semDateArea-mg: 0 auto; /* マージン */
  --app-semDateArea-pd: 0; /* パディング */
  --app-semDateArea-bg: inhelit; /* 背景色 */
  --app-semDateArea-txt: #000; /* テキスト色 */
  --font-semDateArea: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ディスクリプション個別設置 */
	  --app-semDetDescription-pd: 0 2.0rem; /* パディング */

	/* 会場・住所個別設置 */
	  --app-semAddArea-pd: 0 2.0rem; /* パディング */

	/* 参加費用個別設置 */
	  --app-semPayArea-pd: 0 2.0rem; /* パディング */

	/* 開催日程個別設置 */
	  --app-semDateArea-pd: 0 2.0rem; /* パディング */
	}
}
/* ** box0506 end ** */

/* ** box0507 start ** */
/*** 0507: 商品詳細画面での商品名・概要個別設置 ***/
:root {
/* ディスクリプション個別設置 */
  --app-prdDetDescription-mg: 0 auto; /* マージン */
  --app-prdDetDescription-pd: 0; /* パディング */
  --app-prdDetDescription-bg: inhelit; /* 背景色 */
  --app-prdDetDescription-txt: #000; /* テキスト色 */
  --font-prdDetDescription: 1.8rem; /* フォントサイズ */

/* 販売価格個別設置 */
  --app-prdPayArea-mg: 1.0rem auto; /* マージン */
  --app-prdPayArea-pd: 0; /* パディング */
  --app-prdPayArea-bg: inhelit; /* 背景色 */
  --app-prdPayArea-txt: #000; /* テキスト色 */
  --font-prdDetDlPay: 1.4rem; /* フォントサイズ */
  --font-prdpaykinagakuTxt: 3.5rem; /* フォントサイズ */
  --app-prdpayfree-txt: #005bc7; /* テキスト色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ディスクリプション個別設置 */
	  --app-prdDetDescription-pd: 0 2.0rem; /* パディング */

	/* 販売価格個別設置 */
	  --app-prdPayArea-pd: 0 2.0rem; /* パディング */
	}
}
/* ** box0507 end ** */

/****************** 商品購入カート設定 ******************/

/* ** box0601 start ** */
/*** 0601: 購入商品点数アイコン表示 ***/
:root {
/* 購入商品点数アイコン表示 */
  --PrdCntDisp-bg: #e60012; /* 背景色 */
  --PrdCntDisp-txt: #fff; /* テキスト色 */
  --font-PrdCntDisp: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** box0601 end ** */

/* ** box0602 start ** */
/*** 0602: カート内商品一覧表示ボックス ***/
:root {
/* 共通指定 */
  --Prd-rod: 0.2em; /* 角丸 */

/* 商品カート・追加商品購入一覧内写真 */
  --PrdCrtPhoto-bg: #fff; /* 背景色 */
  --PrdCrtPhoto-brd: 1px solid #efefef; /* ボーダー指定 */

/******* 商品カート外枠 *******/
  --PrdCartSBox-bg: #fff; /* 外枠背景色 */
  --PrdCartSBox-brd: 10px solid #f9f9f9; /* 外枠ボーダー指定 */

/* 商品カート内名称エリア */
  --font-PrdNo: 1.1rem;/* 商品型番 フォントサイズ */
  --font-PrdName: 1.8rem;/* 商品名 フォントサイズ */

/* 商品カート内金額エリア */
  --font-PrdAmtB: 2.5rem;/* 商品価格(大) フォントサイズ */
  --font-PrdAmt: 1.2rem;/* 商品価格 フォントサイズ */

/* 商品カート内個数変更エリア */
  --font-PrdNumTi: 1.4rem;/* 商品個数見出し フォントサイズ */
  --font-PrdNumTxt: 1.4rem;/* 商品個数 フォントサイズ */

/* 商品オプション外枠 */
  --PrdNumOpBox-bg: #f9f9f9; /* 背景色 */
  --PrdNumOpBox-brd: 2px solid #f9f9f9; /* ボーダー指定 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 商品カート内名称エリア */
	  --font-PrdName: 1.6rem;/* 商品名 フォントサイズ */

	/* 商品カート内金額エリア */
	  --font-PrdAmtB: 1.6rem;/* 商品価格(大) フォントサイズ */
	}
}
/* ** box0602 end ** */

/* ** box0603 start ** */
/*** 0603: カート内商品合計金額表示ボックス ***/
:root {
/******* 商品合計金額外枠 *******/
  --PrdCartTotalBox-bg: #fff; /* 外枠背景色 */
  --PrdCartTotalBox-brd: 1px dotted #c1c1c1; /* 外枠ボーダー指定 */
  --PrdCartDelv-bg: #f9f9f9; /* 配送費テーブル背景色 */

/* カート画面合計金額表示 */
  --font-PrdTotTi: 1.4rem;/* タイトル フォントサイズ */
  --font-PrdTotPay: 2.5rem;/* 合計金額 フォントサイズ */
  --font-PrdTotPayS: 1.6rem;/* 合計金額小 フォントサイズ */
  --font-PrdTotTax: 1.4rem;/* 消費税  フォントサイズ*/
  --font-PrdTotDlv: 1.6rem;/* 配送料 フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* カート画面合計金額表示 */
	  --font-PrdTotTi: 1.4rem;/* タイトル フォントサイズ */
	  --font-PrdTotPay: 2.0rem;/* 合計金額 フォントサイズ */
	  --font-PrdTotPayS: 1.4rem;/* 合計金額小 フォントサイズ */
	  --font-PrdTotTax: 1.4rem;/* 消費税  フォントサイズ*/
	  --font-PrdTotDlv: 1.4rem;/* 配送料 フォントサイズ */
	}
}
/* ** box0603 end ** */

/****************** 商品購入カート検索設定 ******************/

/* ** box0701 start ** */
/*** 0701: 商品検索ボックス ***/
:root {
  --prdsearch-rod: 0.3rem; /* 角丸 */
  --prdsearch-mg: 0.2em auto; /* マージン */
  --prdsearch-pd: 1.0em; /* パディング */
  --prdsearch-txt: #171717; /* テキスト色 */
  --prdsearch-bg: #fff; /* 背景色 */
  --prdsearch-brd: 1px solid #cfcfcf; /* ボーダー指定 */
  --prdsearch-sd: none; /* 背景影色 */
  --font-prdsearch-bt: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** box0701 end ** */

/* ** box0702 start ** */
/*** 0702: 商品カートカテゴリボタン ***/
:root {
  --PrdCartNVAll-rod: 0.3rem; /* 角丸 */
  --PrdCartNVAll-bg: #efefef; /* 背景色 */
  --PrdCartNVAll-crt-bg: #171717; /* 背景色（カレント） */
  --PrdCartNVAll-brd: 1px solid #c1c1c1; /* ボーダー指定 */
  --PrdCartNVAll-crt-brd: 1px solid #171717; /* ボーダー指定（カレント） */
  --PrdCartNVAll-txt: #171717; /* テキスト色 */
  --PrdCartNVAll-crt-txt: #fff; /* テキスト色（カレント） */
  --font-PrdCartNVAll: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** box0702 end ** */

/****************** 追加商品購入一覧外枠 ******************/

/* ** box0703 start ** */
/*** 0703: 追加商品購入一覧外枠 ***/
:root {
  --PrdCartBoxInn-bg: #fff; /* 背景色 */
  --PrdCartBoxInn-brd: 1px solid #f9f9f9; /* ボーダー指定 */

/* 追加商品購入内名称エリア */
  --font-PrdNameS: 1.4rem;/* 商品名(中) フォントサイズ */
  --font-PrdAmtM: 1.6rem;/* 商品価格(中) フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --PrdCartBoxInn-brd: inhelit; /* ボーダー指定 */
	}
}
/* ** box0703 end ** */

/****************** 商品購入カート住所設定 ******************/

/* ** box0801 start ** */
/*** 0801: 商品購入カート住所設定 ***/
:root {
/* 住所選択 */
  --app-addAreaInn-rod: 0.2em; /* 角丸 */
  --app-addAreaInn-pd: 0.5em 1.0em 1.0em 1.0em; /* パディング */
  --app-addAreaInn-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --addAreaDef-bg: #f3f3f3; /* 背景色 */
  --addDetailName-brd: 1px dotted #c1c1c1; /* ボーダー指定 */
  --font-addDetail: 1.4rem;/* 住所詳細 フォントサイズ */
  --font-addName: 1.8rem;/* 名称 フォントサイズ */
  --font-addAdditionTi: 1.6rem;/* 住所操作基本 フォントサイズ */
  --font-addAdditionIco: 4.0rem;/* 住所操作アイコン フォントサイズ */
  --font-addBT: 1.4rem;/* 住所操作ボタン フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** box0801 end ** */

/* ** box0802 start ** */
/*** 0802: 決済関連ボックス ***/

/*css変数は0501と共通です。*/

/* ** box0802 end ** */

/****************** コメント・掲示板・レビューボックス ******************/

/******* コメント・掲示板・レビュー投稿ボックス *******/

/* ** box0901 start ** */
/*** 0901: コメント・掲示板・レビュー投稿ボックス ***/
:root {
/* 枠ボックス */
  --app-commentBox-mg: 0 auto; /* マージン */
  --app-commentBox-pd: 0.2em 0.8em; /* パディング */
  --app-commentBox-bg: #fff; /* 背景色 */
  --app-commentBox-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-commentBox-txt: #000; /* テキスト色 */
  --app-commentBox-sd: 0 0 10px #cdcdcd; /* 背景影色 */

/* タイトルエリア */
  --app-commentTtitle-mg: 0 auto; /* マージン */
  --app-commentTtitle-pd: 1.0em 0.5em; /* パディング */
  --app-commentTtitle-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
  --app-commentTtitle-txt: #000; /* テキスト色 */
  --app-commentTtitle-bg: #fff; /* 背景色 */
  --font-commentTtitle: 1.6rem; /* フォントサイズ */

/* 投稿用制御ボタン位置指定 */
  --app-commentBT-mg: 0; /* マージン */
  --app-commentBT-pd: 0 0.2em 1.0em 0.2em; /* パディング */
  --app-commentBT-size: 40%; /* ボタンエリアサイズ */

/* 投稿フォーム枠ボックス */
  --app-commentInput-mg: 0; /* マージン */
  --app-commentInput-pd: 0.5em 0; /* パディング */

/* 投稿フォーム入力エリア指定 */
  --app-commentForm-mg: 0 auto; /* マージン */
  --app-commentForm-pd: 0.5em 0; /* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-commentBox-brd: inhelit; /* ボーダー指定 */
	  --app-commentBox-sd: inhelit; /* 背景影色 */
	}
}
/* ** box0901 end ** */

/******* コメント・掲示板・レビュー投稿コメント表示ボックス *******/

/* ** box0902 start ** */
/*** 0902: コメント・掲示板・レビュー投稿コメント表示ボックス ***/
:root {
/* 枠ボックス */
  --app-commentList-mg: 0 auto; /* マージン */
  --app-commentList-pd: 0.2em 0.8em; /* パディング */
  --app-commentList-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-commentList-txt: #000; /* テキスト色 */
  --app-commentList-sd: inherit; /* 背景影色 */

/* コメントリスト背景指定（コメント無し） */
  --app-commentZero-bg: #fcfcfc; /* 背景色 */

/* コメントリスト背景指定（親スレッド） */
  --app-commentFst-bg: #fff; /* 背景色 */

/* コメントリスト背景指定（レスコメント） */
  --app-commentSec-bg: #fcfcfc; /* 背景色 */

/* 投稿者情報表示エリア・共感ボタン表示エリア */
  --app-commentNameArea-brd: 1px dotted #cdcdcd; /* ボーダー指定 */

/* 投稿者ニックネーム */
  --font-commentName: 1.6rem; /* フォントサイズ */

/* 投稿者ID */
  --font-commentNameS: 1.3rem; /* フォントサイズ */

/* 投稿時間 */
  --font-commentTime: 1.3rem; /* フォントサイズ */

/* 投稿返信元ID表示 */
  --font-commentTxtRes: 1.4rem; /* フォントサイズ */

/* 投稿テキスト */
  --font-commentTxt: 1.6rem; /* フォントサイズ */

/* 共感ボタン表示エリア */
  --app-commentResArea-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** box0902 end ** */

/****************** 掲示板ボックス ******************/

/* ** box0903 start ** */
/*** 0903: トピックス一覧ボックス ***/
:root {
/* 外枠ボックス */
  --app-boardList-mg: 0 auto; /* マージン */
  --app-boardList-pd: 0; /* パディング */
  --app-boardList-brd: inherit; /* ボーダー指定線 */
  --app-boardList-txt: inherit; /* テキスト色 */
  --app-boardList-bg: inherit; /* 背景色 */
  --app-boardList-sd: inherit; /* 背景影色 */

/* 内枠ボックス（リスト部分） */
  --app-boardListLink-mg: 1.0em auto; /* マージン */
  --app-boardListLink-pd: 1.0em; /* パディング */
  --app-boardListLink-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-boardListLink-txt: #000; /* テキスト色 */
  --app-boardListLink-bg: #fff; /* 背景色 */
  --app-boardListLink-sd: inherit; /* 背景影色 */

/* 投稿者情報表示エリア */
  --app-boardListProf-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
  --font-boardSTitle: 2.0rem; /* フォントサイズ */

/* 一覧投稿日時 */
  --font-boardTopicsTime: 1.2rem; /* フォントサイズ */

/* 一覧投稿者名 */
  --font-boardTopicsName: 1.6rem; /* フォントサイズ */

/* 一覧投稿者ID */
  --font-boardNameS: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	 --app-boardList-pd: 0 0.5rem; /* パディング */
	 --app-boardListLink-pd: 0.5em; /* パディング */
	 --font-boardSTitle: 1.8rem; /* フォントサイズ */
	}
}
/* ** box0903 end ** */

/******* トピックス詳細基本 *******/

/* ** box0904 start ** */
/*** 0904: トピックス詳細ボックス ***/
:root {
/* 枠ボックス */
  --app-boardTitle-mg: 0 auto; /* マージン */
  --app-boardTitle-pd: 0 0 1.0em 0.3em; /* パディング */
  --app-boardTitle-txt: #000; /* テキスト色 */
  --font-boardTitle: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-boardTitle: 2.0rem; /* フォントサイズ */
	}
}
/* ** box0904 end ** */

/******* トピックス登録基本 *******/

/* ** box0905 start ** */
/*** 0905: トピックス登録ボックス ***/
:root {
/* 枠ボックス */
  --app-NewTpiBox-txt: #000; /* テキスト色 */
  --app-NewTpiBox-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-NewTpiBoxInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-NewTpiBox-bg: #fff; /* 外枠背景色 */
  --app-NewTpiBoxInn-bg: #fff; /* 内枠背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-NewTpiBox-brd: inhelit; /* 外枠ボーダー指定 */
	  --app-NewTpiBoxInn-brd: inhelit; /* 内枠ボーダー指定 */
	}
}
/* ** box0905 end ** */

/****************** お問い合わせ登録ボックス ******************/

/* ** box1001 start ** */
/*** 1001: お問い合わせ登録ボックス ***/
:root {
/* 枠ボックス */
  --app-contactBox-txt: #000; /* テキスト色 */
  --app-contactBox-brd: 1px solid #cdcdcd; /* 外枠ボーダー指定 */
  --app-contactBoxInn-brd: 1px solid #cdcdcd; /* 内枠ボーダー指定 */
  --app-contactBox-bg: #fff; /* 外枠背景色 */
  --app-contactBoxInn-bg: #fff; /* 内枠背景色 */

/* お問い合わせエリアタイトル */
  --app-contactTtitle-mg: 0 auto; /* マージン */
  --app-contactTtitle-pd: 1.0em 0; /* パディング */
  --app-contactTtitle-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
  --font-contactTtitle: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-contactBox-brd: inhelit; /* 外枠ボーダー指定 */
	  --app-contactBoxInn-brd: inhelit; /* 内枠ボーダー指定 */
	}
}
/* ** box1001 end ** */

/****************** 記事投稿者 ******************/

/* ** box1101 start ** */
/*** 1101: 記事投稿者ボックス ***/
:root {
/* 枠ボックス */
  --app-authorBox-rod: 0.3em; /* 角丸 */
  --app-authorBox-mg: 0 auto; /* マージン */
  --app-authorBox-pd: 1.0rem; /* パディング */
  --app-authorBox-bg: #fff; /* 背景色 */
  --app-authorBox-brd: 1px solid #cdcdcd; /*ボーダー指定 */
  --app-authorBox-txt: #000; /* テキスト色 */
  --app-authorBox-bbg: inherit; /* 背景影色 */
  --app-authorBox-img-rod: 0.3em; /* 写真角丸 */

/* 記事投稿者エリアタイトル */
  --app-authorDetTi-brd: 1px dotted #cdcdcd; /*ボーダー指定 */
  --font-Detti: 1.6rem; /* 投稿者タイトル（詳細） フォントサイズ */
  --font-Detname: 2.0rem; /* 投稿者氏名（詳細） フォントサイズ */
  --font-Detwork: 1.5rem; /* 投稿者組織名（詳細） フォントサイズ */
  --font-Detprof: 1.5rem; /* 投稿者プロフィール（詳細） フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-Detti: 1.4rem; /* 投稿者タイトル（詳細） フォントサイズ */
	  --font-Detname: 1.4rem; /* 投稿者氏名（詳細） フォントサイズ */
	  --font-Detwork: 1.2rem; /* 投稿者組織名（詳細） フォントサイズ */
	  --font-Detprof: 1.2rem; /* 投稿者プロフィール（詳細） フォントサイズ */
	}
}
/* ** box1101 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_dezpt_dez.css;
***************************************************/

/*======== dezpt_parts.css ========*/
/****************** 会員遷移ボタンデザインパーツ（ヘッダーで使用） ******************/

/* ** dezpt_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; /* ボーダー指定 */

/* ログインボタン装飾 */
  --app-memlogin-txt: #000; /* テキスト色 */
  --app-memlogin-bg: #fff; /* 背景色 */

/* ログアウトボタン装飾 */
  --app-memlogout-txt: #000; /* テキスト色 */
  --app-memlogout-bg: #fff; /* 背景色 */

/* 新規会員登録ボタン装飾 */
  --app-newreg-txt: #000; /* テキスト色 */
  --app-newreg-bg: #fff; /* 背景色 */

/* マイページボタン装飾 */
  --app-memmypage-txt: #000; /* テキスト色 */
  --app-memmypage-bg: #fff; /* 背景色 */

/* セミナーボタン装飾 */
  --app-memsembt-txt: #000; /* テキスト色 */
  --app-memsembt-bg: #fff; /* 背景色 */

/* カートボタン装飾 */
  --app-memcartbt-txt: #000; /* テキスト色 */
  --app-memcartbt-bg: #fff; /* 背景色 */

/* お問合せボタン装飾 */
  --app-memcontactbt-txt: #000; /* テキスト色 */
  --app-memcontactbt-bg: #fff; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt_basic end ** */

/* ** dezpt0101 start ** */
/*** 0101: 会員遷移ボタンデザインパターン01(標準アイコン・テキスト配置タイプ) ***/
:root {
  --app-mnavitype01-mg: 0.5rem 0; /* マージン */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mnavitype01-mg: 0.5rem 0; /* マージン */
	}
}
/* ** dezpt0101 end ** */

/* ** dezpt0102 start ** */
/*** 0102: 会員遷移ボタンデザインパターン01(標準アイコン・テキスト配置タイプ) ***/
:root {
  --app-mnavitype02-mg: 0.5rem 0; /* マージン */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mnavitype02-mg: 0.5rem 0; /* マージン */
	}
}
/* ** dezpt0102 end ** */

/* ** dezpt0103 start ** */
/*** 0103: 会員遷移ボタンデザインパターン03(アイコン無しテキストのみボタン) ***/
:root {
  --app-mnavitype03-mg: 0.5rem 0; /* マージン */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mnavitype03-mg: 0.5rem 0; /* マージン */
	}
}
/* ** dezpt0103 end ** */

/* ** dezpt0104 start ** */
/*** 0104: 会員遷移ボタンデザインパターン04(アイコンのみボタン小サイズ) ***/
:root {
  --app-mnavitype04-mg: 0.5rem 0; /* マージン */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mnavitype04-mg: 0.5rem 0; /* マージン */
	}
}
/* ** dezpt0104 end ** */

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

/* ** dezpt02 start ** */
/*** 02: ログイン者表示要素 ***/
:root {
/* 共通指定 */
  --memInfo-rod: 0.3em; /* 角丸 */
  --memInfo-size: 300px; /* 枠サイズ */
  --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; /* ログイン者会員番号 フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 共通指定 */
	  --memInfo-size: 100%; /* 枠サイズ */
	}
}
/* ** dezpt02 end ** */

/****************** 入力ステップ基本指定 ******************/

/* ** dezpt03 start ** */
/*** 03: 入力ステップ基本要素 ***/
:root {
/*** ステップ基本デザイン ***/

/* 枠ボックス */
  --step-bsc-txt: #000; /* テキスト色 */
  --step-bsc-mg: 0 auto; /* 外枠マージン */
  --step-bsc-pd: 0; /* 外枠パディング */
  --step-bscInn-mg: 0 auto; /* 内枠マージン */
  --step-bscInn-pd: 0; /* 内枠パディング */
  --step-bsc-bg: #eee; /* 外枠背景色 */
  --step-bscInn-bg: #fff; /* 内枠背景色 */

/* 項目要素 */
  --step-bsc-li-rod: 0.2em; /* 角丸 */

  --step-bsc-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --step-bsc-lifc-txt: #fff; /* テキスト色（カレント） */
  --step-bsc-lifc-bg: #535353; /* 背景色（カレント） */

/* ステップ項目テキスト要素 */
  --font-step-ti: 1.8rem; /* 見出し フォントサイズ */
  --font-step-txt: 1.3rem; /* サブテキスト フォントサイズ */

/*** デザインパターン ***/

/* デザイン01(余白無し横罫線のみ) */
  --step-bsc-litp01-mg: 0; /* マージン */
  --step-bsc-litp01-pd: 1.0rem 0; /* パディング */

/* デザイン02(ボタン形式) */
  --step-bsc-litp02-mg: 0 0.2rem; /* マージン */
  --step-bsc-litp02-pd: 1.0rem 0; /* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	/* ステップ項目テキスト要素 */
	  --font-step-ti: 1.6rem; /* 見出し フォントサイズ */
	  --font-step-txt: 1.0rem; /* サブテキスト フォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* ステップ項目テキスト要素 */
	  --font-step-ti: 1.4rem; /* 見出し フォントサイズ */
	}
}
/* ** dezpt03 end ** */

/****************** SNSシェア設置 ******************/

/* ** dezpt0401 start ** */
/*** 0401: 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 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0401 end ** */

/****************** タグ検索 ******************/

/* ** dezpt0501 start ** */
/*** 0501: タグ検索要素 ***/
:root {
/* タグ検索基本枠ボックス */
  --tagSearch-rod: 0.2em; /* 角丸 */
  --tagSearch-mg: 0 auto; /* マージン */
  --tagSearch-pd: 1.0em; /* パディング */
  --tagSearch-txt: #000; /* テキスト色 */
  --tagSearch-bg: #fff; /* 背景色 */
  --tagSearch-brd: 1px solid #fff; /* ボーダー指定 */

/* タグ検索タイトル */
  --tagSearchTi-rod: 0.2em; /* 角丸 */
  --tagSearchTi-mg: 0 auto; /* マージン */
  --tagSearchTi-pd: 1.0em; /* パディング */
  --tagSearchTi-txt: #fff; /* テキスト色 */
  --tagSearchTi-bg: #000; /* 背景色 */
  --tagSearchTi-brd: 1px solid #fff; /* ボーダー指定 */
  --font-tagSearchTi: 1.6rem; /* フォントサイズ */

/* タグ検索内枠 */
  --tagSearchInn-mg: 0 auto; /* マージン */
  --tagSearchInn-pd: 1.0em; /* パディング */

/* タグ検索もっと見るボタン */
  --tagSearchBt-rod: 0.2em; /* 角丸 */
  --tagSearchBt-pos: -40px; /* ボタン位置 */
  --tagSearchBt-hd: 40px; /* ボタン位置に合わせた高さ指定 */
  --tagSearchBt-size: 200px; /* ボタンサイズ */
  --tagSearchBt-mg: auto; /* マージン */
  --tagSearchBt-pd: 1.0em 0; /* パディング */
  --tagSearchBt-txt: #fff; /* テキスト色 */
  --tagSearchBt-bg: #000; /* 背景色 */
  --tagSearchBt-brd: 1px solid #000; /* ボーダー指定 */
  --font-tagLink-grad: 1.4rem; /* フォントサイズ */
  --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%) /* 背景色グラデーション */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0501 end ** */

/****************** タグアイコン要素 ******************/

/* ** dezpt0601 start ** */
/*** 0601: コンテンツ詳細でのタグアイコン表記 ***/
:root {
/* タグアイコン共通設定 */
  --tagLink-rod: 0.2em; /* 角丸 */
  --TagLink-mg: 0 0.2rem; /* マージン */
  --TagLink-pd: 0.8rem 1.0rem; /* パディング */
  --TagLink-txt: #535353; /* テキスト色 */
  --TagLink-bg: #f6f6f6; /* 背景色 */
  --TagLink-brd: #e7e7e7; /* ボーダー指定 */
  --font-tagLink: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0601 end ** */

/****************** カテゴリ表記要素(詳細画面共通) ******************/

/* ** dezpt0701 start ** */
/*** 0701: コンテンツ詳細でのタグアイコン表記 ***/
:root {
/* カテゴリアイコン共通設定 */
  --DetcateName-rod: 0.2em; /* 角丸 */
  --DetcateName-mg: 0; /* マージン */
  --DetcateName-pd: 0.5rem 1.0rem; /* パディング */
  --DetcateName-txt: #fff; /* テキスト色 */
  --font-DetcateName: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0701 end ** */

/********* 閲覧数・コメント・いいね数・日付表示（詳細画面用） *********/

/* ** dezpt0801 start ** */
/*** 0801: 閲覧数・コメント・いいね数・日付表示要素（詳細画面用） ***/
:root {
/* 詳細画面ビュー数等アイコン */
  --font-ico-b: 1.5rem; /* フォントサイズ */

/* 詳細登録日時表示 */
  --font-date: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 詳細画面ビュー数等アイコン */
	  --font-ico-b: 1.4rem; /* フォントサイズ */

	/* 詳細登録日時表示 */
	  --font-date: 1.2rem; /* フォントサイズ */
	}
}
/* ** dezpt0801 end ** */

/********* サイト内いいね・お気に入り機能 *********/

/* ** dezpt0901 start ** */
/*** 0901: いいね・お気に入りボタン設置個別指定 ***/
:root {
/* いいね・お気に入りボタン */
  --siteShareFavorite-rod: 0.2em; /* 角丸 */
  --siteShareFavorite-txt: #000; /* テキスト色 */
  --siteShareFavorite-bg: #fff; /* 背景色 */
  --siteShareFavorite-brd: 1px solid #969696; /* ボーダー指定 */
  --font-share-favorite: 1.4rem; /* フォントサイズ */

  --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; /* ボーダー指定（カレント） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt0901 end ** */

/****************** システム利用アイコン共通要素 ******************/

/* ** dezpt10 start ** */
/*** 1001: 親要素に対して幅継承（主に各種ステータス表示で利用） ***/
:root {
/* 共通設定 */
  --IcoBox-rod: 0.4em; /* 角丸 */

/* 親要素に対して幅継承（主に各種ステータス表示で利用） */
  --NrIcBg-mg: 0 0.2rem; /* マージン */
  --NrIcBg-pd: 0.5rem; /* パディング */
  --font-NrIcBg: 1.3rem;/* フォントサイズ */

/* 幅固定（主に各種ステータス表示で利用） */
  --MdIcBg-size: 120px; /* アイコンサイズ */
  --MdIcBg-mg: 0 0.2rem; /* マージン */
  --MdIcBg-pd: 0.3rem; /* パディング */
  --font-MdIcBg: 1.3rem;/* フォントサイズ */

/* 幅固定小サイズ（主にnewマークや必須アイコン表示で利用） */
  --NewIcBg-size: 40px; /* アイコンサイズ */
  --NewIcBg-mg: 0 0.5rem; /* マージン */
  --NewIcBg-pd: 0.2rem 0.3rem; /* パディング */
  --font-NewIcBg: 1.0rem;/* フォントサイズ */

/******* アイコンカラー *******/

/* ブラック */
  --BgBrk-txt: #fff; /* テキスト色 */
  --BgBrk-bg: #343434; /* 背景色 */

/* グレー */
  --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: #f84b4b; /* 背景色 */

/* レッド（彩度落ち） */
  --BgEng-txt: #fff; /* テキスト色 */
  --BgEng-bg: #922222; /* 背景色 */

/* グリーン */
  --BgGrn-txt: #fff; /* テキスト色 */
  --BgGrn-bg: #7ec617; /* 背景色 */

/* グリーン（彩度落ち） */
  --BgKgr-txt: #fff; /* テキスト色 */
  --BgKgr-bg: #7fbe25; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 幅固定（主に各種ステータス表示で利用） */
	  --MdIcBg-size: 100%; /* アイコンサイズ */
	}
}
/* ** dezpt10 end ** */

/****************** テーブル要素 ******************/

/* ** dezpt11 start ** */
/*** 11: テーブル要素 ***/
:root {
/* テーブル要素共通 */
  --TableBox-mg: 1.0rem auto; /* マージン */
  --TableBox-pd: 0; /* パディング */
  --TableBox-txt: #171717; /* テキスト色 */
  --TableBox-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-TableBox: 1.4rem;/* フォントサイズ */

/* Th指定 */
  --TableBox-th-pd: 1.0rem; /* パディング */
  --TableBox-th-bg: #f4f4f4; /* 背景色 */

/* Td指定 */
  --TableBox-td-pd: 1.0rem; /* パディング */
  --TableBox-td-bg: #fff; /* td背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt11 end ** */

/****************** 検索要素 ******************/

/* ** dezpt1201 start ** */
/*** 1201: キーワード検索 ***/
:root {
/* 共通設定 */
  --contsearch-rod: 0.3rem; /* 角丸 */
  --contsearch-mg: 0 auto; /* マージン */
  --contsearch-pd: 0.5rem 1.0rem; /* パディング */
  --contsearch-txt: #fff; /* テキスト色 */
  --contsearch-bg: #fff; /* 背景色 */
  --contsearch-bt-bg: #171717; /* ボタン背景色 */
  --contsearch-brd: 2px solid #171717; /* ボーダー指定 */
  --contsearch-sd: none; /* 背景影色 */
  --font-freesearch: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1201 end ** */

/* ** dezpt1202 start ** */
/*** 1202: キーワード検索(ボタン分離) ***/
:root {
/* 共通設定 */
  --contsearch-sepl-rod: 0.5rem; /* 角丸 */
  --contsearch-sepl-mg: 0 0.5rem; /* マージン */
  --contsearch-sepl-pd: 1.0rem; /* パディング */
  --contsearch-sepl-txt: #fff; /* テキスト色 */
  --contsearch-sepl-brd: 1px solid #dddddd; /* ボーダー指定 */
  --contsearch-sepl-bg: #f6f6f6; /* 背景色 */
  --contsearch-sepl-sd: none; /* 背景影色 */
  --font-freesearch-sepl: 1.6rem; /* フォントサイズ */

/* サイズ設定 */
  --contsearch-sepl-txt-size: 100%; /* フリーテキスト */
  --contsearch-sepl-day-size: 30%; /* 日付入力 */

/* ボタン設定 */
  --contsearch-sepl-bt-pd: 1.0rem 1.5rem; /* パディング */
  --contsearch-sepl-bt-bg: #171717; /* ボタン背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* サイズ設定 */
	  --contsearch-sepl-txt-size: 100%; /* フリーテキスト */
	  --contsearch-sepl-day-size: 100%; /* 日付入力 */
	}
}
/* ** dezpt1202 end ** */

/****************** スライドショー ******************/

/* ** dezpt1301 start ** */
/*** 1301: 画像スライド表示（基本パターン） ***/
:root {
/* ネクストバックボタン設定 */
  --slickNB-bg: #000; /* ネクストバックボタン設定 */
  --font-slickNB: 6.0rem; /* ネクストバックボタン設定 フォント */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-slickNB: 3.0rem; /* ネクストバックボタン設定 フォント */
	}
}
/* ** dezpt1301 end ** */

/* ** dezpt1302 start ** */
/*** 1302: 画像スライド表示（サムネイル画像表示） ***/

/* ** dezpt1302 end ** */

/* ** dezpt1303 start ** */
/*** 1303: 画像スライド表示（コンテンツ登録画像表示） ***/
:root {
/* コンテンツタイトル画像表示スライド */
  --slideDfInn-cap-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-slideDfInn-ti: 3.0rem; /* フォントサイズ */
  --font-slideDfInn-cap: 1.2rem;  /* フォントサイズ 時間表示 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-slideDfInn-ti: 2.5rem; /* スライドコンテンツタイトル フォント */
	}
}
/* ** dezpt1303 end ** */

/* ** dezpt1304 start ** */
/*** 1304: 画像スライド表示（コンテンツ登録画像表示）(コンテンツタイトル表示なし) ***/

/* ** dezpt1304 end ** */

/* ** dezpt1305 start ** */
/*** 1305: ドット表示パターン（ドット表示背景色付き下配置） ***/
:root {
  --SldDot-bg: #000; /* ドット表示背景色 */
  --SldDot-li: #333; /* ドット通常色 */
  --SldDot-lia: #fff; /* ドットアクティブ色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1305 end ** */

/* ** dezpt1306 start ** */
/*** 1306: ドット表示パターン（ドット表示背景色付き透過配置） ***/

/* ** dezpt1306 end ** */

/* ** dezpt1401 start ** */
/*** 1401: ヘッダーロゴ ***/
:root {
  --app-logo-pd: 0.5rem 0; /* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1401 end ** */

/* ** dezpt1402 start ** */
/*** 1402: コピーライト ***/
:root {
  --app-copy-cr: #171717; /* 背景色 */
  --app-copy-txt: #fff; /* テキスト色 */
  --font-copy: 1.4rem; /* フォントサイズ */
  --font-copy-ico: 1.8rem; /* フォントサイズ（C） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1402 end ** */

/* ** dezpt1501 start ** */
/*** 1501: カーソルマウスオン時のツールチップ  ***/
:root {
  --app-tooltip-rod: 0.2em; /* 角丸 */
  --app-tooltip-pd: 0.5rem 1.0rem; /* パディング */
  --app-tooltip-cr: #171717; /* 背景色 */
  --app-tooltip-txt: #fff; /* テキスト色 */
  --font-tooltip-txt: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1501 end ** */

/* ** dezpt1601 start ** */
/*** 1601: 通常カレンダー  ***/
:root {
/* カレンダー月選択表示設定 */
  --app-calendarMD-pd: 1.5rem 0 0 0; /* パディング */
  --font-calendarYear: 1.2rem; /* フォントサイズ（年） */
  --font-calendarMnt: 4.0rem; /* フォントサイズ（月）*/

  --app-calendarYearD-pd: 1.0rem 0 0 0; /* パディング */
  --font-calendarMnt: 3.0rem; /* フォントサイズ（年・月選択用カレンダー）*/

/* カレンダー年月リンク */
  --app-calendarLink-rod: 0.3em; /* 角丸 */
  --app-calendarLink-pd: 1.0rem; /* パディング */
  --app-calendarLink-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarLink-cr: #fff; /* 背景色 */
  --app-calendarLink-cr-ah: #fffdce; /* 背景色 マウスオン */
  --app-calendarLink-txt: #000; /* テキスト色 */
  --font-calendarLink: 1.4rem; /* フォントサイズ*/

/* 通常カレンダー本体表示設定 */
  --app-calendarTable-mg: 0 auto; /* マージン */
  --app-calendarTable-pd: 0; /* パディング */
  --app-calendarTable-th-pd: 0.3rem; /* パディング(TH) */
  --app-calendarTable-th-brd: 1px solid #c9c9c9; /* ボーダー指定(TH) */
  --app-calendarTable-th-cr: #fff; /* 背景色(TH) */
  --app-calendarTable-td-pd: 0.5rem; /* パディング(TD) */
  --app-calendarTable-td-brd: 1px solid #c9c9c9; /* ボーダー指定(TD) */
  --app-calendarTable-td-cr: #fff; /* 背景色(TD) */
  --font-calendarTable: 1.4rem; /* フォントサイズ*/

/* 通常カレンダー色設定 */
  --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-calendarBtLink-mg: 1.0rem auto; /* マージン */
  --app-calendarBtLink-pd: 0; /* パディング */

/* 月選択カレンダー本体リンクボックス設定 */
  --app-calendarBtLinkInn-rod: 0.3em; /* 角丸 */
  --app-calendarBtLinkInn-mg: 0.5rem 0.2rem; /* マージン */
  --app-calendarBtLinkInn-pd: 2.0rem 1.0rem 1.0rem 1.0rem; /* パディング */
  --app-calendarBtLinkInn-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkInn-cr: #fff; /* 背景色 */
  --app-calendarBtLinkInn-cr-ah: #fff8d5; /* 背景色 マウスオン */

/* 月表示 */
  --app-calendarBtLinkMnt-txt: #000; /* テキスト色 */
  --font-calendarBtLinkMnt: 2.5rem; /* フォントサイズ*/

/* 設定状態表示 */
  --app-calendarBtLinkTxt-rod: 0.3em; /* 角丸 */
  --app-calendarBtLinkTxt-mg: 1.0rem auto 0 auto; /* マージン */
  --app-calendarBtLinkTxt-pd: 1.0rem 0.2rem; /* パディング */
  --app-calendarBtLinkTxt-txt: #000; /* テキスト色 */
  --font-calendarBtLinkTxt: 1.4rem; /* フォントサイズ*/

/* 未設定 */
  --app-calendarBtLinkTxt-mset-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkTxt-mset-cr: #eee; /* 背景色 */

/* 設定 */
  --app-calendarBtLinkTxt-set-brd: 1px solid #b6b6b6; /* ボーダー指定 */
  --app-calendarBtLinkTxt-set-cr: #c9eeff; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1601 end ** */

/* ** dezpt1602 start ** */
/*** 1602: jqueryポップアップカレンダー  ***/
:root {
/* カレンダー親枠 */
  --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; /*スクロールバー色*/
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1602 end ** */

/* ** dezpt1701 start ** */
/****************** サイト内基本テキスト装飾（メイン・キャプション） ******************/
:root {
/* メインテキスト設定 */
  --app-mainTxt-mg: 0 auto; /* マージン */
  --app-mainTxt-pd: 2.0rem 0.2rem; /* パディング */
  --app-mainTxt-txt: #000; /* テキスト色 */
  --app-mainTxt-bg: inhelit; /* 背景色 */
  --font-mainTxt: 1.8rem; /* フォントサイズ */
  --font-mainTxt-gy: 1.4em; /* 行間 */

/* メインキャプション設定 */
  --app-mainCap-mg: 0 auto; /* マージン */
  --app-mainCap-pd: 2.0rem 0.2rem; /* パディング */
  --app-mainCap-txt: #000; /* テキスト色 */
  --app-mainCap-bg: inhelit; /* 背景色 */
  --font-mainCap: 1.8rem; /* フォントサイズ */
  --font-mainCap-gy: 1.2em; /* 行間 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* メインテキスト設定 */
	  --app-mainTxt-mg: 0 auto; /* マージン */
	  --app-mainTxt-pd: 2.0rem 0.5rem; /* パディング */
	  --font-mainTxt: 1.6rem; /* フォントサイズ */
	  --font-mainTxt-gy: 1.4em; /* 行間 */

	/* メインキャプション設定 */
	  --app-mainCap-mg: 0 auto; /* マージン */
	  --app-mainCap-pd: 2.0rem 0.5rem; /* パディング */
	  --font-mainCap: 1.6rem; /* フォントサイズ */
	  --font-mainCap-gy: 1.4em; /* 行間 */
	}
}
/* ** dezpt1701 end ** */

/* ** dezpt1702 start ** */
/****************** 左右二分割画像背景 ******************/

/* ** dezpt1702 end ** */

/* ** dezpt1703 start ** */
/****************** 写真左 テキスト右・写真右 テキスト左 ******************/

/* ** dezpt1703 end ** */

/* ** dezpt1703 start ** */
/****************** 写真左 テキスト右・写真右 テキスト左 ******************/

/* ** dezpt1703 end ** */

/* ** dezpt1704 start ** */
/****************** 写真上 テキスト下・写真下 テキスト上・写真上 テキスト下 3分割 ******************/

/* ** dezpt1704 end ** */

/* ** dezpt1705 start ** */
/****************** 写真上 テキスト下 4分割 ******************/

/* ** dezpt1705 end ** */

/* ** dezpt1706 start ** */
/****************** 下矢印付きタイトル ******************/

/* ** dezpt1706 end ** */

/* ** dezpt1707 start ** */
/****************** 拡大画像付き画像配置 ******************/

/* ** dezpt1707 end ** */

/* ** dezpt1708 start ** */
/****************** 横幅いっぱいの地図設置 ******************/

/* ** dezpt1708 end ** */

/* ** dezpt1709 start ** */
/****************** アイコン説明設置 ******************/

/* ** dezpt1709 end ** */

/* ** dezpt1710 start ** */
/****************** SNSリンク設置 ******************/

/* ** dezpt1710 end ** */

/* ** dezpt1711 start ** */
/****************** 住所設置 ******************/

/* ** dezpt1711 end ** */

/* ** dezpt1712 start ** */
/********* ビデオ埋め込み共通 *********/

/* ** dezpt1712 end ** */

/* ** dezpt1713 start ** */
/****************** アイコンパーツ ******************/

/* ** dezpt1713 end ** */

/* ** dezpt1801 start ** */
/****************** キービジュアル個別デザイン ******************/
:root {
  --app-bgheader-size: 1000px; /* 高さ */
  --app-bgheader-bg: url(../../../core_sys/common/images/dez_tmp/main_bg_no.jpg) center top no-repeat #eee; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-bgheader-size: 700px; /* 高さ */
	  --app-bgheader-bg: url(../../../core_sys/common/images/dez_tmp/main_bg_sp_no.jpg) center top no-repeat #eee; /* 背景色 */
	}
}
/* ** dezpt1801 end ** */

/* ** dezpt1802 start ** */
/****************** 要素を背景にするための指定（自由に各要素を変更） ******************/

/* ** dezpt1802 end ** */

/* ** dezpt1803 start ** */
/****************** 要素を背景で且つ会員ログイン等のボタン遷移指定（自由に各要素を変更） ******************/
:root {
  --app-mainblckArea-size: 700px; /* 高さ */
  --app-mainblckArea-bg: url(../../../core_sys/common/images/dez_tmp/main_bg_no.jpg) center top no-repeat #eee; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mainblckArea-size: 500px; /* 高さ */
	  --app-mainblckArea-bg: url(../../../core_sys/common/images/dez_tmp/main_bg_sp_no.jpg) center top no-repeat #eee; /* 背景色 */
	}
}
/* ** dezpt1803 end ** */

/* ** dezpt1901 start ** */
/****************** 課題・ワーク個別デザイン ******************/
/* 課題・ワーク個別要素 */
:root {
/* 画面幅 */
  --app-examBox-width: 100%; /* 課題・ワーク基本幅 */

/*** 複数問題縦並び表示枠 ***/
  --app-examBoxInn-mg: 1.0rem auto; /* マージン */
  --app-examBoxInn-pd: 1.5rem 0; /* パディング */
  --app-examBoxInn-brd: 1px dotted #cdcdcd; /* ボーダー指定 */

/* 本文基本設問項目名 */
  --app-examMainTi-mg: 0 auto; /* マージン */
  --app-examMainTi-pd: 1.0rem 0.2rem; /* パディング */
  --app-examMainTi-txt: #000; /* テキスト色 */
  --app-examMainTi-bg: inhelit; /* 背景色 */
  --font-examMainTi: 2.0rem; /* フォントサイズ */
  --font-examMainTi-gy: 1.6em; /* 行間 */

/* 本文基本テキスト */
  --app-examP-mg: 0 auto; /* マージン */
  --app-examP-pd: 2.0rem 0.2rem; /* パディング */
  --app-examP-txt: #000; /* テキスト色 */
  --app-examP-bg: inhelit; /* 背景色 */
  --font-examP: 1.6rem; /* フォントサイズ */
  --font-examP-gy: 1.6em; /* 行間 */

/* 虫食い問題 */
  --app-examP-mushikui-rod: 0.2em; /* 角丸 */
  --app-examP-mushikui-pd: 0 1.5rem; /* パディング */
  --app-examP-mushikui-txt: #000; /* テキスト色 */
  --app-examP-mushikui-bg: #fefdfb; /* 背景色 */
  --app-examP-mushikui-brd: 1px solid #999; /* ボーダー指定 */

/* 画像埋め込み基本 */
  --app-examPImg-mg: 0 auto; /* マージン */
  --app-examPImg-pd: 0 3.0rem; /* パディング */

/* サブタイトル(設問) */
  --app-examSubTiArea-rod: 0.2em; /* 角丸 */
  --app-examSubTiArea-mg: 1.0rem auto 0.5rem auto; /* マージン */
  --app-examSubTiArea-pd: 1.5rem; /* パディング */
  --app-examSubTiArea-brd: inhelit; /* ボーダー指定 */
  --app-examSubTiArea-bg: #eee; /* 背景色 */

  --app-examSubTi-mg: 0; /* マージン */
  --app-examSubTi-pd: 0; /* パディング */
  --app-examSubTi-txt: #000; /* テキスト色 */
  --font-examSubTi: 1.4rem; /* フォントサイズ */

  --app-examSubMst-mg: 0; /* マージン */
  --app-examSubMst-pd: 0; /* パディング */
  --app-examSubMst-txt: #FC961F; /* テキスト色 */
  --font-examSubMst: 1.4rem; /* フォントサイズ */

/* サブタイトル(回答) */
  --app-examSubTiK-rod: 0.2em; /* 角丸 */
  --app-examSubTiK-mg: 1.0rem auto 0.5rem auto; /* マージン */
  --app-examSubTiK-pd: 1.5rem; /* パディング */
  --app-examSubTiK-txt: #fff; /* テキスト色 */
  --app-examSubTiK-brd: inhelit; /* ボーダー指定 */
  --app-examSubTiK-bg: #171717; /* 背景色 */
  --font-examSubTiK: 1.4rem; /* フォントサイズ */

/* 回答表示 */
  --app-examAncP-rod: 0.2em; /* 角丸 */
  --app-examAncP-mg: 1.0rem auto 0.5rem auto; /* マージン */
  --app-examAncP-pd: 1.5rem 1.0rem; /* パディング */
  --app-examAncP-txt: #000; /* テキスト色 */
  --app-examAncP-brd: 1px solid #f0ecad; /* ボーダー指定 */
  --app-examAncP-bg: #fffef5; /* 背景色 */
  --font-examAncP: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-examBox-width: 95%; /* 課題・ワーク基本幅 */
	  --app-examArea-width: 95%; /* 課題・ワーク基本幅(エディタ用) */

	/* 本文基本テキスト */
	  --app-examP-pd: 1.0rem 0.2rem; /* パディング */

	/* 画像埋め込み基本 */
	  --app-examPImg-pd: 0 1.0rem; /* パディング */
	}
}
/* ** dezpt1901 end ** */

/* ** dezpt1902 start ** */
/****************** 課題・ワーク回答要素 ******************/
:root {
/* 回答欄表示 */
  --app-examAnswer-rod: inhelit; /* 角丸 */
  --app-examAnswer-mg: 0.5rem auto; /* マージン */
  --app-examAnswer-pd: 0.5rem; /* パディング */
  --app-examAnswer-txt: #000; /* テキスト色 */
  --app-examAnswer-brd: inhelit; /* ボーダー指定 */
  --app-examAnswer-bg: inhelit; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1902 end ** */

/* ** dezpt1903 start ** */
/****************** 課題・ワーク採点要素 ******************/
:root {
/* 正解回答タイトル */
  --app-examCorrectTi-rod: 0.2em; /* 角丸 */
  --app-examCorrectTi-mg: 2.0rem auto 0.5rem auto; /* マージン */
  --app-examCorrectTi-pd: 1.5rem; /* パディング */
  --app-examCorrectTi-txt: #fff; /* テキスト色 */
  --app-examCorrectTi-brd: inhelit; /* ボーダー指定 */
  --app-examCorrectTi-bg: #4877ac; /* 背景色 */
  --font-examCorrectTi: 1.4rem; /* フォントサイズ */

/*採点エリア表示枠 */
  --app-gradingArea-rod: 0.2em; /* 角丸 */
  --app-gradingArea-mg: 2.0rem auto; /* マージン */
  --app-gradingArea-pd: 1.5rem; /* パディング */
  --app-gradingArea-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-gradingArea-bg: #fafafa; /* 背景色 */

/*添削フォーム枠 */
  --app-correctionArea-rod: 0; /* 角丸 */
  --app-correctionArea-mg: 0 auto; /* マージン */
  --app-correctionArea-pd: 0.5rem 0; /* パディング */
  --app-correctionArea-brd: inhelit;/* ボーダー指定 */
  --app-correctionArea-bg: inhelit; /* 背景色 */

/*採点フォーム枠 */
  --app-scoringArea-rod: 0; /* 角丸 */
  --app-scoringArea-mg: 0 auto; /* マージン */
  --app-scoringArea-pd: 0.5rem 0; /* パディング */
  --app-scoringArea-brd: inhelit/* ボーダー指定 */
  --app-scoringArea-bg: inhelit; /* 背景色 */

/*採点枠 */
  --app-scoringPoint-mg: 0; /* マージン */
  --app-scoringPoint-pd: 0.5rem 2.0rem; /* パディング */
  --app-scoringPoint-txt: #000; /* テキスト色 */
  --font-scoringPoint: 1.4rem; /* フォントサイズ */

/*** 採点トータル表示枠 ***/
  --app-examBoxTotal-rod: 0; /* 角丸 */
  --app-examBoxTotal-mg: 0 auto; /* マージン */
  --app-examBoxTotal-pd: 1.5rem 0; /* パディング */
  --app-examBoxTotal-brd: inhelit/* ボーダー指定 */
  --app-examBoxTotal-bg: inhelit; /* 背景色 */

/*採点トータル表示 */
  --app-examBoxTotalscoring-rod: 0; /* 角丸 */
  --app-examBoxTotalscoring-mg: 0 auto; /* マージン */
  --app-examBoxTotalscoring-pd: 0; /* パディング */
  --app-examBoxTotalscoring-brd: inhelit/* ボーダー指定 */
  --app-examBoxTotalscoring-bg: inhelit; /* 背景色 */

/*採点結果枠 */
  --app-TotalscoringPoint-mg: 0; /* マージン */
  --app-TotalscoringPoint-pd: 0 1.0rem; /* パディング */
  --app-TotalscoringPoint-txt: #000; /* テキスト色 */
  --font-TotalscoringPoint: 1.5rem; /* フォントサイズ */

  --app-TotalscoringPoint-span-pd: 0 0.5rem; /* パディング */
  --app-TotalscoringPoint-span-txt: #fa6700; /* テキスト色 */
  --font-TotalscoringPoint-span: 4.0rem; /* フォントサイズ */

/*** 備考・メモ等基本 ***/
  --app-examMemo-rod: inhelit; /* 角丸 */
  --app-examMemo-mg: 0.5rem auto; /* マージン */
  --app-examMemo-pd: 0.5rem; /* パディング */
  --app-examMemo-txt: #000; /* テキスト色 */
  --app-examMemo-brd: inhelit; /* ボーダー指定 */
  --app-examMemo-bg: inhelit; /* 背景色 */

/*** 合否等の判定ボタン ***/
  --app-examBoxTotalSet-mg: 0.5rem auto; /* マージン */
  --app-examBoxTotalSet-pd: 0.5rem 1.5rem; /* パディング */

/*** 添削者の選択 ***/
  --app-examCorrector-rod: inhelit; /* 角丸 */
  --app-examCorrector-mg: 0.5rem auto; /* マージン */
  --app-examCorrector-pd: 0.5rem 1.5rem; /* パディング */
  --app-examCorrector-txt: #000; /* テキスト色 */
  --app-examCorrector-brd: inhelit; /* ボーダー指定 */
  --app-examCorrector-bg: inhelit; /* 背景色 */
  --font-examCorrector: 1.5rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/*採点枠 */
	  --app-scoringPoint-pd: 0 1.0rem; /* パディング */
	}
}
/* ** dezpt1903 end ** */

/* ** dezpt1904 start ** */
/****************** 課題・ワーク採点表示要素 ******************/
:root {
/*添削フォーム枠(表示) */
  --app-correctionAreaDet-rod: 0; /* 角丸 */
  --app-correctionAreaDet-mg: 0 auto; /* マージン */
  --app-correctionAreaDet-pd: 1.5rem; /* パディング */
  --app-correctionAreaDet-brd: 1px solid #cdcdcd;/* ボーダー指定 */
  --app-correctionAreaDet-bg: #fff; /* 背景色 */

/*採点枠（点数表示） */
  --app-scoringPoint-span-pd: 0 0.5rem; /* パディング */
  --app-scoringPoint-span-txt: #000; /* テキスト色 */
  --font-scoringPoint-span: 2.5rem; /* フォントサイズ */

/*** 備考・メモ等基本(表示) ***/
  --app-examMemoDet-rod: inhelit; /* 角丸 */
  --app-examMemoDet-mg: 0.5rem auto 1.5rem auto; /* マージン */
  --app-examMemoDet-pd: 1.5rem; /* パディング */
  --app-examMemoDet-txt: #000; /* テキスト色 */
  --app-examMemoDet-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-examMemoDet-bg: #fff; /* 背景色 */

/*** 添削者の選択(表示) ***/
  --app-examCorrectorDet-pd: 0.5rem 1.5rem; /* パディング */
  --app-examCorrectorDet-txt: #000; /* テキスト色 */
  --font-examCorrectorDet: 1.5rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1904 end ** */

/* ** dezpt1905 start ** */
/****************** 制限時間表示要素 ******************/
:root {
/*** タイマー表示 ***/
  --app-workTimer-rod: 3.0rem; /* 角丸 */
  --app-workTimer-size: 200px; /* サイズ */
  --app-workTimer-mg: 2.0rem auto; /* マージン */
  --app-workTimer-pd: 1.5rem; /* パディング */
  --app-workTimer-txt: #fff; /* テキスト色 */
  --app-workTimer-brd: 1px solid #cdcdcd;/* ボーダー指定 */
  --app-workTimer-bg: #666; /* 背景色 */
  --font-workTimer: 1.6rem; /* フォントサイズ */

  --app-workTimer-span-pd: 0.5rem; /* パディング */
  --app-workTimer-span-txt: inhelit; /* テキスト色 */
  --font-workTimer-span: 2.0rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1905 start ** */

/* ** dezpt1906 start ** */
/****************** 設問数表示要素 ******************/
:root {
/*** 設問数表示 ***/
  --app-workCount-mg: 2.0rem auto; /* マージン */
  --app-workCount-pd: 0; /* パディング */
  --app-workCount-txt: #000; /* テキスト色 */
  --app-workCount-brd: inhelit;/* ボーダー指定 */
  --app-workCount-bg: inhelit; /* 背景色 */
  --font-workCount: 2.5rem; /* フォントサイズ */

  --app-workCount-span-pd: 0.3rem; /* パディング */
  --app-workCount-span-txt: inhelit; /* テキスト色 */
  --font-workCount-span: 3.0rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1906 start ** */

/* ** dezpt1907 start ** */
/****************** 設問回答完了画面要素 ******************/
:root {
/* 回答完了欄表示 */
  --app-examBoxThk-rod: 0.5rem; /* 角丸 */
  --app-examBoxThk-mg: 2.5rem auto; /* マージン */
  --app-examBoxThk-pd: 1.5rem; /* パディング */
  --app-examBoxThk-txt: #000; /* テキスト色 */
  --app-examBoxThk-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-examBoxThk-bg: inhelit; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1907 end ** */

/* ** dezpt1908 start ** */
/****************** 設問レポート画面要素 ******************/
:root {
/* 得点表示 */
  --app-examBoxScore-rod: 0.5rem; /* 角丸 */
  --app-examBoxScore-mg: 2.5rem auto; /* マージン */
  --app-examBoxScore-pd: 1.5rem; /* パディング */
  --app-examBoxScore-txt: #000; /* テキスト色 */
  --app-examBoxScore-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-examBoxScore-bg: inhelit; /* 背景色 */

/*** 合格・不合格表示 ***/
  --app-ScoreIco-rod: 3.0rem; /* 角丸 */
  --app-ScoreIco-size: 300px; /* サイズ */
  --app-ScoreIco-mg: 1.0rem auto; /* マージン */
  --app-ScoreIco-pd: 0.8rem; /* パディング */
  --app-ScoreIco-brd: 1px solid #cdcdcd;/* ボーダー指定 */
  --font-ScoreIco: 1.6rem; /* フォントサイズ */

/* 合格表示 */
  --app-PassIco-txt: #fff; /* テキスト色 */
  --app-PassIco-bg: #2279dc; /* 背景色 */

/* 不合格表示 */
  --app-failureIco-txt: #fff; /* テキスト色 */
  --app-failureIco-bg: #d44e4e; /* 背景色 */

/*** 獲得得点表示 ***/
  --app-ScoreCnt-mg: 1.0rem auto; /* マージン */
  --app-ScoreCnt-pd: 0; /* パディング */
  --app-ScoreCnt-txt: #000; /* テキスト色 */
  --app-ScoreCnt-brd: inhelit;/* ボーダー指定 */
  --app-ScoreCnt-bg: inhelit; /* 背景色 */
  --font-ScoreCnt: 2.5rem; /* フォントサイズ */

  --app-ScoreCnt-span-pd: 0.3rem; /* パディング */
  --app-ScoreCnt-span-txt: inhelit; /* テキスト色 */
  --font-ScoreCnt-span: 5.0rem; /* フォントサイズ */

/*** 獲得問題数表示 ***/
  --app-ScoreDet-mg: 1.0rem auto; /* マージン */
  --app-ScoreDet-pd: 0; /* パディング */
  --app-ScoreDet-txt: #000; /* テキスト色 */
  --app-ScoreDet-brd: inhelit;/* ボーダー指定 */
  --app-ScoreDet-bg: inhelit; /* 背景色 */
  --font-ScoreDet: 1.8rem; /* フォントサイズ */

  --app-ScoreDet-span-pd: 0.3rem; /* パディング */
  --app-ScoreDet-span-txt: inhelit; /* テキスト色 */
  --font-ScoreDet-span: 2.5rem; /* フォントサイズ */

/*** 回答レポート枠 ***/
  --app-examBoxScoreDetail-rod: inhelit; /* 角丸 */
  --app-examBoxScoreDetail-mg: 2.5rem auto; /* マージン */
  --app-examBoxScoreDetail-pd: 0; /* パディング */
  --app-examBoxScoreDetail-brd: inhelit; /* ボーダー指定 */
  --app-examBoxScoreDetail-bg: inhelit; /* 背景色 */

  --app-ScoreIcoDet-mg: 0.5rem auto; /* マージン */
  --app-ScoreIcoDet-pd: 0; /* パディング */
  --font-ScoreIcoDet: 8.0rem; /* フォントサイズ */

/* 正解 */
  --app-PassIcoDet-txt: #00b260; /* テキスト色 */

/* 不正解 */
  --app-failureIcoDet-txt: #f04b8d; /* テキスト色 */

}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** dezpt1908 start ** */
@charset "utf-8";
/***************************************************
information
  filename : list_parts.css;
***************************************************/

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

/* ** list01 start ** */
/*** 01: リスト要素共通設定 ***/
:root {
/********* リストタイトル *********/

/* リストメインタイトル */
  --app-ListMainTitle-txt: #000; /* テキスト色 */

/********* リスト画像 *********/

/* 基本設定 */
  --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: 1.4rem; /* フォントサイズ */

/********* リストディスクリプション *********/

/* 基本設定 */
  --app-distxt-txt: #000; /* テキスト色 */

/********* リストビュー数等アイコン *********/

/* 基本設定 */
  --app-li-rankdatearea-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
  --font-ico: 1.3rem; /* フォントサイズ */

/********* リスト公開日 *********/

/* 基本設定 */
  --app-ListDate-txt: #cdcdcd; /* テキスト色 */
  --font-cap: 1.2rem; /* フォントサイズ */

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

/* 基本設定 */
  --app-person-ph-bg: #cdcdcd; /* 背景色 */
  --font-name: 1.6rem; /* 投稿者氏名（一覧）フォントサイズ */
  --font-work: 1.4rem; /* 投稿者組織名（一覧）フォントサイズ */
  --font-prof: 1.4rem; /* 投稿者プロフィール（一覧）フォントサイズ */

/********* タグ・カテゴリアイコン *********/

/* 基本設定 */
  --app-li-LiIco-rod: 0.2em; /* 角丸 */
  --app-li-LiIco-mg: 0; /* マージン */
  --app-li-LiIco-pd: 0.5rem 1.0rem; /* パディング */

/* 横並び一行リストカテゴリアイコン */
  --app-li-LiIco5-rod: 0.5em; /* 角丸 */
  --app-li-LiIco5-mg: 0; /* マージン */
  --app-li-LiIco5-pd: 3.0rem 0.5rem; /* パディング */

/* リストカテゴリアイコン */
  --app-cateIco-txt: #fff; /* テキスト色 */

/********* リストランキング *********/

/* 基本設定 */
  --app-li-rankIco-rod: 0.2em; /* 角丸 */
  --app-li-rankIco-txt: #fff; /* テキスト色 */
  --app-li-rankIco-bg: #c00808; /* 背景色 */
  --font-rankIco: 1.2rem; /* フォントサイズ */
  --font-rankIco-b: 1.6rem; /* 横並び一行リストフォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-ico: 1.2rem; /* フォントサイズ */
	  --font-name: 1.4rem; /* 投稿者氏名（一覧）フォントサイズ */
	  --font-work: 1.2rem; /* 投稿者組織名（一覧）フォントサイズ */
	  --font-prof: 1.2rem; /* 投稿者プロフィール（一覧）フォントサイズ */
	  --app-li-LiIco-pd: 0.5rem 1.0rem; /* パディング */
	  --app-li-LiIco5-pd: 1.5rem 0.5rem; /* パディング */
	  --font-rankIco-b: 1.3rem; /* 横並び一行リストフォントサイズ */
	}
}
/* ** list01 end ** */

/****************** リスト個別指定（画像サイズ・フォントサイズ等） ******************/

/****** リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び ******/

/* ** list0101 start ** */
/*** 0101: 1列表示（コンテンツ記事一覧） ***/
:root {
/*** 1カラム ***/
  --font-list1Ticlm1: 3.5rem;  /* タイトルフォントサイズ */
  --font-list1distxt1: 1.8rem; /* ディスクリプションフォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list1Ticlm1: 3.2rem;  /* タイトルフォントサイズ */
	  --font-list1distxt1: 1.5rem; /* ディスクリプションフォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list1Ticlm1: 2.5rem;  /* タイトルフォントサイズ */
	  --font-list1distxt1: 1.4rem; /* ディスクリプションフォントサイズ */
	}
}
/* ** list0101 end ** */

/* ** list0102 start ** */
/*** 0102: 2列表示（コンテンツ記事一覧） ***/
:root {
/*** 2カラム ***/
  --font-list1Ticlm2: 2.8rem; /* タイトルフォントサイズ */
  --font-list1TiHclm2: 7.0rem; /* 2列表示タイトル高さ */
  --font-list1distxt2: 1.5rem; /* ディスクリプションフォントサイズ */
  --font-list1distxtHclm2: 8.0rem; /* ディスクリプション高さ */
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list1Ticlm2: 2.5rem; /* タイトルフォントサイズ */
	  --font-list1TiHclm2: 6.0rem; /* 2列表示タイトル高さ */
	  --font-list1distxt2: 1.5rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm2: 8.0rem; /* ディスクリプション高さ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list1Ticlm2: 2.0rem; /* タイトルフォントサイズ */
	  --font-list1TiHclm2: 4.5rem; /* 2列表示タイトル高さ */
	  --font-list1distxt2: 1.3rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm2: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ** list0102 end ** */

/* ** list0103 start ** */
/*** 0103: 3列表示（コンテンツ記事一覧） ***/
:root {
/*** 3カラム ***/
  --font-list1Ticlm3: 2.5rem; /* タイトルフォントサイズ */
  --font-list1TiHclm3: 6.0rem; /* 3列表示タイトル高さ */
  --font-list1distxt3: 1.5rem; /* ディスクリプションフォントサイズ */
  --font-list1distxtHclm3: 8.0rem; /* ディスクリプション高さ */
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	:root {
	  --font-list1distxt3: 1.4rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm3: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list1Ticlm3: 2.2rem; /* タイトルフォントサイズ */
	  --font-list1TiHclm3: 5.0rem; /* 3列表示タイトル高さ */
	  --font-list1distxt3: 1.4rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm3: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list1Ticlm3: 2.0rem; /* タイトルフォントサイズ */
	  --font-list1TiHclm3: 4.5rem; /* 3列表示タイトル高さ */
	  --font-list1distxt3: 1.3rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm3: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ** list0103 end ** */

/* ** list0104 start ** */
/*** 0104: 4列表示（コンテンツ記事一覧） ***/
:root {
/*** 4カラム ***/
  --font-list1Ticlm4: 2.2rem; /* タイトルフォントサイズ */
  --font-list1TiHclm4: 5.5rem; /* 4列表示タイトル高さ */
  --font-list1distxt4: 1.5rem; /* ディスクリプションフォントサイズ */
  --font-list1distxtHclm4: 8.0rem; /* ディスクリプション高さ */
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	:root {
	  --font-list1Ticlm4: 2.2rem; /* 4列表示タイトルサイズ */
	  --font-list1TiHclm4: 5.0rem; /* 4列表示タイトル高さ */
	  --font-list1distxt4: 1.4rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm4: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list1Ticlm4: 2.2rem; /* タイトルフォントサイズ */
	  --font-list1TiHclm4: 5.0rem; /* 3列表示タイトル高さ */
	  --font-list1distxt4: 1.4rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm4: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list1Ticlm4: 2.0rem; /* タイトルフォントサイズ */
	  --font-list1TiHclm4: 4.5rem; /* 3列表示タイトル高さ */
	  --font-list1distxt4: 1.3rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm4: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ** list0104 end ** */

/* ** list0105 start ** */
/*** 0105: 5列表示（コンテンツ記事一覧） ***/
:root {
/*** 5カラム ***/
  --font-list1Ticlm5: 2.0rem; /* タイトルフォントサイズ */
  --font-list1TiHclm5: 4.5rem; /* 5列表示タイトル高さ */
  --font-list1distxt5: 1.5rem; /* ディスクリプションフォントサイズ */
  --font-list1distxtHclm5: 8.0rem; /* ディスクリプション高さ */
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	:root {
	  --font-list1Ticlm5: 2.2rem; /* タイトルフォントサイズ */
	  --font-list1TiHclm5: 5.0rem; /* 5列表示タイトル高さ */
	  --font-list1distxt5: 1.4rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm5: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list1Ticlm5: 2.2rem; /* タイトルフォントサイズ */
	  --font-list1TiHclm5: 5.0rem; /* 5列表示タイトル高さ */
	  --font-list1distxt5: 1.4rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm5: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list1Ticlm5: 2.0rem; /* タイトルフォントサイズ */
	  --font-list1TiHclm5: 4.5rem; /* 5列表示タイトル高さ */
	  --font-list1distxt5: 1.3rem; /* ディスクリプションフォントサイズ */
	  --font-list1distxtHclm5: 7.0rem; /* ディスクリプション高さ */
	}
}
/* ** list0105 end ** */

/****** 写真(上)テキスト(下)・スライダー ******/

/* ** list02 start ** */
/*** スライダー時のリスト要素共通設定 ***/

/* ** list02 end ** */

/* ** list0202 start ** */
/*** 0202: 2列表示（コンテンツ記事一覧） ***/

/* ** list0202 end ** */

/* ** list0203 start ** */
/*** 0203: 3列表示（コンテンツ記事一覧） ***/

/* ** list0203 end ** */

/* ** list0204 start ** */
/*** 0204: 4列表示（コンテンツ記事一覧） ***/

/* ** list0204 end ** */

/* ** list0205 start ** */
/*** 0205: 5列表示（コンテンツ記事一覧） ***/

/* ** list0205 end ** */

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

/* ** list0301 start ** */
/*** 0301: 写真幅 50%（コンテンツ記事一覧） ***/
:root {
/*** 写真幅 50% ***/
  --font-list24Ticlm2: 3.5rem; /* タイトルフォントサイズ */
  --font-list24Ticlm2M: 3.0rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm2C: 3.0rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm2S: 2.8rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm2: 1.6rem; /* ディスクリプションフォントサイズ */
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	:root {
	  --font-list24Ticlm2: 3.0rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm2M: 2.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm2C: 2.6rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm2S: 2.6rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm2: 1.6rem; /* ディスクリプションフォントサイズ */
	}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list24Ticlm2: 2.6rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm2M: 2.4rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm2C: 2.4rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm2S: 2.4rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm2: 1.6rem; /* ディスクリプションフォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list24Ticlm2: 2.0rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm2M: 2.0rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm2C: 2.0rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm2S: 2.0rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm2: 1.3rem; /* ディスクリプションフォントサイズ */
	}
}
/* ** list0301 end ** */

/* ** list0302 start ** */
/*** 0302: 写真幅 40%（コンテンツ記事一覧） ***/
:root {
/*** 写真幅 40% ***/
  --font-list24Ticlm3: 3.5rem; /* タイトルフォントサイズ */
  --font-list24Ticlm3M: 3.0rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm3C: 3.0rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm3S: 2.8rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm3: 1.6rem; /* ディスクリプションフォントサイズ */
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	:root {
	  --font-list24Ticlm3: 3.0rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm3M: 2.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm3C: 2.6rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm3S: 2.6rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm3: 1.6rem; /* ディスクリプションフォントサイズ */
	}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list24Ticlm3: 2.6rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm3M: 2.4rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm3C: 2.4rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm3S: 2.4rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm3: 1.6rem; /* ディスクリプションフォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list24Ticlm3: 2.0rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm3M: 2.0rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm3C: 2.0rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm3S: 2.0rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm3: 1.3rem; /* ディスクリプションフォントサイズ */
	}
}
/* ** list0302 end ** */

/* ** list0303 start ** */
/*** 0303: 写真幅 30%（コンテンツ記事一覧） ***/
:root {
/*** 写真幅 30% ***/
  --font-list24Ticlm4: 3.5rem; /* タイトルフォントサイズ */
  --font-list24Ticlm4M: 3.0rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm4C: 3.0rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm4S: 2.8rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm4: 1.6rem; /* ディスクリプションフォントサイズ */
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	:root {
	  --font-list24Ticlm4: 3.0rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm4M: 2.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm4C: 2.6rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm4S: 2.6rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm4: 1.6rem; /* ディスクリプションフォントサイズ */
	}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list24Ticlm4: 2.6rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm4M: 2.4rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm4C: 2.4rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm4S: 2.4rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm4: 1.6rem; /* ディスクリプションフォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list24Ticlm4: 2.0rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm4M: 2.0rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm4C: 2.0rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm4S: 2.0rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm4: 1.3rem; /* ディスクリプションフォントサイズ */
	}
}
/* ** list0303 end ** */

/* ** list0304 start ** */
/*** 0304: 写真幅 20%（コンテンツ記事一覧） ***/
:root {
/*** 写真幅 20% ***/
  --font-list24Ticlm5: 3.5rem; /* タイトルフォントサイズ */
  --font-list24Ticlm5M: 3.0rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm5C: 3.0rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm5S: 2.8rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm5: 1.6rem; /* ディスクリプションフォントサイズ */
}
/* ===================================================================================
for ipad max-width: 800px-1100px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:1100px) {
	:root {
	  --font-list24Ticlm5: 3.0rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm5M: 2.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm5C: 2.6rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm5S: 2.6rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm5: 1.6rem; /* ディスクリプションフォントサイズ */
	}
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list24Ticlm5: 2.6rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm5M: 2.4rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm5C: 2.4rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm5S: 2.4rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm5: 1.6rem; /* ディスクリプションフォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list24Ticlm5: 2.0rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm5M: 2.0rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24Ticlm5C: 2.0rem; /* タイトルフォントサイズ Cサイズ */
	  --font-list24Ticlm5S: 2.0rem; /* タイトルフォントサイズ Sサイズ */
	  --font-list24distxtclm5: 1.3rem; /* ディスクリプションフォントサイズ */
	}
}
/* ** list0304 end ** */

/****** 写真(左)テキスト(右)・スライダー ******/

/* ** list04 start ** */
/*** スライダー時のリスト要素共通設定 ***/

/* ** list04 end ** */

/* ** list0401 start ** */
/*** 0401: 写真幅 50%（コンテンツ記事一覧） ***/

/* ** list0401 end ** */

/* ** list0402 start ** */
/*** 0402: 写真幅 40%（コンテンツ記事一覧） ***/

/* ** list0402 end ** */

/* ** list0403 start ** */
/*** 0403: 写真幅 30%（コンテンツ記事一覧） ***/

/* ** list0403 end ** */

/* ** list0404 start ** */
/*** 0404: 写真幅 20%（コンテンツ記事一覧） ***/

/* ** list0404 end ** */

/****** 写真無しテキストリンク ******/

/* ** list07 start ** */
/*** 07: リスト要素共通設定 ***/
:root {
/* 基本設定 */
  --font-list3Ticlm: 3.0rem; /* タイトルフォントサイズ */
  --font-list3distxt: 1.6rem; /* ディスクリプションフォントサイズ */
  --font-list3time: 1.2rem; /* 公開日フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	  --font-list3Ticlm: 2.6rem; /* タイトルフォントサイズ */
	  --font-list3distxt: 1.6rem; /* ディスクリプションフォントサイズ */
	  --font-list3time: 1.2rem; /* 公開日フォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-list3Ticlm: 2.0rem; /* タイトルフォントサイズ */
	  --font-list3distxt: 1.3rem; /* ディスクリプションフォントサイズ */
	  --font-list3time: 1.2rem; /* 公開日フォントサイズ */
	}
}
/* ** list07 end ** */

/* ** list0701 start ** */
/*** 0701: 縦並び一行リスト（コンテンツ記事一覧） ***/

/* ** list0701 end ** */

/* ** list0702 start ** */
/*** 0702: 横並び一行リスト（コンテンツ記事一覧） ***/
:root {
/*** 横並び一行リスト個別設定 ***/
  --app-li-clmDetailCate-size: 150px; /* 左要素幅サイズ*/
  --font-list5time: 1.4rem; /* 公開日フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-li-clmDetailCate-size: 140px; /* 左要素幅サイズ*/
	  --font-list5time: 1.2rem; /* 公開日フォントサイズ */
	}
}
/* ** list0702 end ** */

/****** 写真無しテキストリンク・縦スライダー ******/

/* ** list08 start ** */
/*** 08: スライダー時のリスト要素共通設定 ***/

/* ** list08 end ** */

/****************** 2カラム対応(レイアウト) ******************/

/****** リスト画像(可変対応) 写真(上)テキスト(下)・要素横並び ******/

/* ** list0901 start ** */
/*** 0901: 写真(上)テキスト(下)・要素横並びの配置サンプル ***/
:root {
/*** 1カラム ***/
  --font-list1TiclmS1: 2.5rem; /* タイトルフォントサイズ */

/*** 2カラム ***/
  --font-list1TiclmS2: 2.4rem; /* タイトルフォントサイズ */
  --font-list1TiHclmS2: 6.0rem; /* 2列表示タイトル高さ */

/*** 3カラム ***/
  --font-list1TiclmS3: 2.4rem; /* タイトルフォントサイズ */
  --font-list1TiHclmS3: 6.0rem; /* 3列表示タイトル高さ */

/*** 4カラム ***/
  --font-list1TiclmS4: 2.4rem; /* タイトルフォントサイズ */
  --font-list1TiHclmS4: 6.0rem; /* 4列表示タイトル高さ */

/*** 5カラム ***/
  --font-list1TiclmS5: 2.4rem; /* タイトルフォントサイズ */
  --font-list1TiHclmS5: 6.0rem; /* 5列表示タイトル高さ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** list0901 end ** */

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

/* ** list0902 start ** */
/*** 0902: 写真(左)テキスト(右)・要素縦並び配置サンプル ***/
:root {
/*** メインカラム ***/

/*** 写真幅 50% ***/
  --font-list24Ticlm2Md: 3.0rem; /* タイトルフォントサイズ */
  --font-list24Ticlm2MdM: 2.5rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm2MdC: 2.2rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm2MdS: 2.2rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm2Md: 1.6rem; /* ディスクリプションフォントサイズ */
  --font-list24distxtclm2MdM: 1.4rem; /* ディスクリプションフォントサイズ Mサイズ */
  --font-list24distxtclm2MdC: 1.4rem; /* ディスクリプションフォントサイズ Cサイズ */
  --font-list24distxtclm2MdS: 1.4rem; /* ディスクリプションフォントサイズ Sサイズ */

/*** 写真幅 40% ***/
  --font-list24Ticlm3Md: 3.0rem; /* タイトルフォントサイズ */
  --font-list24Ticlm3MdM: 2.5rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm3MdC: 2.2rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm3MdS: 2.2rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm3Md: 1.6rem; /* ディスクリプションフォントサイズ */
  --font-list24distxtclm3MdM: 1.4rem; /* ディスクリプションフォントサイズ Mサイズ */
  --font-list24distxtclm3MdC: 1.4rem; /* ディスクリプションフォントサイズ Cサイズ */
  --font-list24distxtclm3MdS: 1.4rem; /* ディスクリプションフォントサイズ Sサイズ */

/*** 写真幅 30% ***/
  --font-list24Ticlm4Md: 3.0rem; /* タイトルフォントサイズ */
  --font-list24Ticlm4MdM: 2.5rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm4MdC: 2.2rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm4MdS: 2.2rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm4Md: 1.6rem; /* ディスクリプションフォントサイズ */
  --font-list24distxtclm4MdM: 1.4rem; /* ディスクリプションフォントサイズ Mサイズ */
  --font-list24distxtclm4MdC: 1.4rem; /* ディスクリプションフォントサイズ Cサイズ */
  --font-list24distxtclm4MdS: 1.4rem; /* ディスクリプションフォントサイズ Sサイズ */

/*** 写真幅 20% ***/
  --font-list24Ticlm5Md: 3.0rem; /* タイトルフォントサイズ */
  --font-list24Ticlm5MdM: 2.5rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm5MdC: 2.2rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm5MdS: 2.2rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm5Md: 1.6rem; /* ディスクリプションフォントサイズ */
  --font-list24distxtclm5MdM: 1.4rem; /* ディスクリプションフォントサイズ Mサイズ */
  --font-list24distxtclm5MdC: 1.4rem; /* ディスクリプションフォントサイズ Cサイズ */
  --font-list24distxtclm5MdS: 1.4rem; /* ディスクリプションフォントサイズ Sサイズ */

/*** サイドカラム ***/

/*** 写真幅 50% ***/
  --font-list24Ticlm2Sd: 2.4rem; /* タイトルフォントサイズ */
  --font-list24Ticlm2SdM: 2.0rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm2SdC: 1.6rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm2SdS: 1.6rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm2Sd: 1.4rem; /* ディスクリプションフォントサイズ */
  --font-list24distxtclm2SdM: 1.4rem; /* ディスクリプションフォントサイズ Mサイズ */
  --font-list24distxtclm2SdC: 1.2rem; /* ディスクリプションフォントサイズ Cサイズ */
  --font-list24distxtclm2SdS: 1.2rem; /* ディスクリプションフォントサイズ Sサイズ */

/*** 写真幅 40% ***/
  --font-list24Ticlm3Sd: 2.4rem; /* タイトルフォントサイズ */
  --font-list24Ticlm3SdM: 2.0rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm3SdC: 1.6rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm3SdS: 1.6rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm3Sd: 1.4rem; /* ディスクリプションフォントサイズ */
  --font-list24distxtclm3SdM: 1.4rem; /* ディスクリプションフォントサイズ Mサイズ */
  --font-list24distxtclm3SdC: 1.2rem; /* ディスクリプションフォントサイズ Cサイズ */
  --font-list24distxtclm3SdS: 1.2rem; /* ディスクリプションフォントサイズ Sサイズ */

/*** 写真幅 30% ***/
  --font-list24Ticlm4Sd: 2.4rem; /* タイトルフォントサイズ */
  --font-list24Ticlm4SdM: 2.0rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm4SdC: 1.6rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm4SdS: 1.6rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm4Sd: 1.4rem; /* ディスクリプションフォントサイズ */
  --font-list24distxtclm4SdM: 1.4rem; /* ディスクリプションフォントサイズ Mサイズ */
  --font-list24distxtclm4SdC: 1.2rem; /* ディスクリプションフォントサイズ Cサイズ */
  --font-list24distxtclm4SdS: 1.2rem; /* ディスクリプションフォントサイズ Sサイズ */

/*** 写真幅 20% ***/
  --font-list24Ticlm5Sd: 2.4rem; /* タイトルフォントサイズ */
  --font-list24Ticlm5SdM: 2.0rem; /* タイトルフォントサイズ Mサイズ */
  --font-list24Ticlm5SdC: 1.6rem; /* タイトルフォントサイズ Cサイズ */
  --font-list24Ticlm5SdS: 1.6rem; /* タイトルフォントサイズ Sサイズ */
  --font-list24distxtclm5Sd: 1.4rem; /* ディスクリプションフォントサイズ */
  --font-list24distxtclm5SdM: 1.4rem; /* ディスクリプションフォントサイズ Mサイズ */
  --font-list24distxtclm5SdC: 1.2rem; /* ディスクリプションフォントサイズ Cサイズ */
  --font-list24distxtclm5SdS: 1.2rem; /* ディスクリプションフォントサイズ Sサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:800px) and ( max-width:800px) {
	:root {
	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	  --font-list24Ticlm2Md: 2.5rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm2MdM: 2.2rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm2Md: 1.4rem; /* ディスクリプションフォントサイズ */

	/*** 写真幅 40% ***/
	  --font-list24Ticlm3Md: 2.5rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm3MdM: 2.2rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm3Md: 1.4rem; /* ディスクリプションフォントサイズ */

	/*** 写真幅 30% ***/
	  --font-list24Ticlm4Md: 2.5rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm4MdM: 2.2rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm4Md: 1.4rem; /* ディスクリプションフォントサイズ */

	/*** 写真幅 20% ***/
	  --font-list24Ticlm5Md: 2.5rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm5MdM: 2.2rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm5Md: 1.4rem; /* ディスクリプションフォントサイズ */

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/
	  --font-list24Ticlm2Sd: 1.8rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm2SdM: 1.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm2Sd: 1.2rem; /* ディスクリプションフォントサイズ */
	  --font-list24distxtclm2SdM: 1.2rem; /* ディスクリプションフォントサイズ Mサイズ */

	/*** 写真幅 40% ***/
	  --font-list24Ticlm3Sd: 1.8rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm3SdM: 1.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm3Sd: 1.2rem; /* ディスクリプションフォントサイズ */
	  --font-list24distxtclm3SdM: 1.2rem; /* ディスクリプションフォントサイズ Mサイズ */

	/*** 写真幅 30% ***/
	  --font-list24Ticlm4Sd: 1.8rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm4SdM: 1.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm4Sd: 1.2rem; /* ディスクリプションフォントサイズ */
	  --font-list24distxtclm4SdM: 1.2rem; /* ディスクリプションフォントサイズ Mサイズ */

	/*** 写真幅 20% ***/
	  --font-list24Ticlm5Sd: 1.8rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm5SdM: 1.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm5Sd: 1.2rem; /* ディスクリプションフォントサイズ */
	  --font-list24distxtclm5SdM: 1.2rem; /* ディスクリプションフォントサイズ Mサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/*** メインカラム ***/

	/*** 写真幅 50% ***/
	  --font-list24Ticlm2Md: 2.5rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm2MdM: 2.2rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm2Md: 1.4rem; /* ディスクリプションフォントサイズ */

	/*** 写真幅 40% ***/
	  --font-list24Ticlm3Md: 2.5rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm3MdM: 2.2rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm3Md: 1.4rem; /* ディスクリプションフォントサイズ */

	/*** 写真幅 30% ***/
	  --font-list24Ticlm4Md: 2.5rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm4MdM: 2.2rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm4Md: 1.4rem; /* ディスクリプションフォントサイズ */

	/*** 写真幅 20% ***/
	  --font-list24Ticlm5Md: 2.5rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm5MdM: 2.2rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm5Md: 1.4rem; /* ディスクリプションフォントサイズ */

	/*** サイドカラム ***/

	/*** 写真幅 50% ***/
	  --font-list24Ticlm2Sd: 1.8rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm2SdM: 1.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm2Sd: 1.2rem; /* ディスクリプションフォントサイズ */
	  --font-list24distxtclm2SdM: 1.2rem; /* ディスクリプションフォントサイズ Mサイズ */

	/*** 写真幅 40% ***/
	  --font-list24Ticlm3Sd: 1.8rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm3SdM: 1.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm3Sd: 1.2rem; /* ディスクリプションフォントサイズ */
	  --font-list24distxtclm3SdM: 1.2rem; /* ディスクリプションフォントサイズ Mサイズ */

	/*** 写真幅 30% ***/
	  --font-list24Ticlm4Sd: 1.8rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm4SdM: 1.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm4Sd: 1.2rem; /* ディスクリプションフォントサイズ */
	  --font-list24distxtclm4SdM: 1.2rem; /* ディスクリプションフォントサイズ Mサイズ */

	/*** 写真幅 20% ***/
	  --font-list24Ticlm5Sd: 1.8rem; /* タイトルフォントサイズ */
	  --font-list24Ticlm5SdM: 1.6rem; /* タイトルフォントサイズ Mサイズ */
	  --font-list24distxtclm5Sd: 1.2rem; /* ディスクリプションフォントサイズ */
	  --font-list24distxtclm5SdM: 1.2rem; /* ディスクリプションフォントサイズ Mサイズ */
	}
}
/* ** list0902 end ** */

/* ** list0903 start ** */
/*** 0903: 写真(上)テキスト(下)・要素横並びのセパレート配置サンプル ***/

/* ** list0903 end ** */

/* ** list0904 start ** */
/*** 0904: 写真(左)テキスト(右)・要素縦並びセパレート配置サンプル ***/

/* ** list0904 end ** */

/* ** list0905 start ** */
/*** 0905: 写真(上)テキスト(下)・要素横並びのスライダー配置サンプル ***/

/* ** list0905 end ** */

/* ** list0906 start ** */
/*** 0906: 写真(左)テキスト(右)・要素縦並びスライダー配置サンプル ***/

/* ** list0906 end ** */

/* ** list0907 start ** */
/*** 0907: 写真(上)テキスト(下)・要素横並びのスライダーセパレート配置サンプル ***/

/* ** list0907 end ** */

/* ** list0908 start ** */
/*** 0908: 写真(左)テキスト(右)・要素縦並びスライダーセパレート配置サンプル ***/

/* ** list0908 end ** */

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

/* ** list1001 start ** */
/*** 1001: 写真(上)テキスト(下)・要素横並びのデザインパターン01:リスト個別背景色を付ける ***/
: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; /* 背景影色 */
}
/* ** list1001 end ** */

/* ** list1002 start ** */
/*** 1002: 写真(上)テキスト(下)・要素横並びのデザインパターン02:リスト個別背景色、且つ写真を枠いっぱいに広げる ***/

/* css変数は1001と共通です */

/* ** list1002 end ** */

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

/* css変数は1001と共通です */

/* ** list1003 end ** */

/* ** list1004 start ** */
/*** 1004: 写真(左)テキスト(右)全体リンク・要素縦並びのデザインパターン02:リスト個別背景色無し・罫線での仕切り ***/

/* css変数は1001と共通です */

/* ** list1004 end ** */

/* ** list1005 start ** */
/*** 1005: 写真無しテキストリンクのデザインパターン01:リスト個別背景色を付ける ***/

/* css変数は1001と共通です */

/* ** list1005 end ** */

/* ** list1006 start ** */
/*** 1006: 写真無しテキストリンクのデザインパターン02:リスト個別背景色無し・罫線での仕切り ***/

/* css変数は1001と共通です */

/* ** list1006 end ** */

/********* 商品・セミナー詳細項目リスト *********/

/* ** list1007 start ** */
/*** 1007: 商品・セミナー詳細項目リスト01:アイコン無しタイプ ***/
:root {
/* 概要枠(販売価格等表示エリア) */
  --LiIcoCrt-rod: 0.3em; /* 角丸 */
  --font-ListSubhDet: 1.4rem; /* 概要基本（一覧）フォントサイズ */
  --font-kinagakuTxt: 2.2rem; /* 概要価格（一覧）フォントサイズ */
  --font-SemPrdIco: 1.3rem; /* 見出しアイコン表示用 フォントサイズ */
  --app-li-SubhDet3-bg: #cdcdcd; /* 背景色 写真無しテキストリンクのみ*/
  --app-li-SubhDet-brd: 1px dotted #cdcdcd; /* ボーダー指定 */
  --app-li-SubhDet3-brd: 1px solid #cdcdcd; /* ボーダー指定 写真無しテキストリンクのみ*/
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {
	:root {
	  --font-ListSubhDet: 1.2rem; /* 概要基本（一覧）フォントサイズ */
	  --font-kinagakuTxt: 1.6rem; /* 概要価格（一覧）フォントサイズ */
	  --font-SemPrdIco: 1.2rem; /* 見出しアイコン表示用 フォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-ListSubhDet: 1.2rem; /* 概要基本（一覧）フォントサイズ */
	  --font-kinagakuTxt: 1.4rem; /* 概要価格（一覧）フォントサイズ */
	  --font-SemPrdIco: 1.2rem; /* 見出しアイコン表示用 フォントサイズ */
	}
}
/* ** list1007 end ** */

/* ** list1008 start ** */
/*** 1008: 商品・セミナー詳細項目リスト02:アイコンありタイプ ***/
:root {
/*** セミナー・商品概要箇所のアイコン要素 ***/

/* セミナー用アイコン */
/* 価格 */
  --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; /* 背景色 */
}
/* ** list1008 end ** */

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

/* css変数は1001と共通です */

/* ** list1009 end ** */

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

/* css変数は1001と共通です */

/* ** list1011 end ** */

/* ** list11 start ** */
/*** 11: Flexリスト（要素横並びリスト） ***/
:root {
/* 親枠 */
  --app-FlexListArea-mg: 1.5rem auto; /* マージン */
  --app-FlexListArea-pd: 0; /* パディング */

/* リスト個別枠 */
  --app-FlexListInn-mg: 0 auto; /* マージン */
  --app-FlexListInn-pd: 1.5rem 0.5rem; /* パディング */
  --app-FlexListInn-brd: 1px dotted #171717; /* ボーダー指定 */
  --app-FlexListInn-bg: inhelit; /* 背景色 */

/* 親枠（要素がリストから抽出して一件のみ表示する場合に使用） */
  --app-FlexDataArea-mg: 0 auto; /* マージン */
  --app-FlexDataArea-pd: 0; /* パディング */

/* リスト一件抽出個別枠 */
  --app-FlexDataArea-mg: 0 auto; /* マージン */
  --app-FlexDataArea-pd: 0.5rem; /* パディング */
  --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; /* 四角写真サイズ */

/* 個別要素(データ要素) */
  --font-FlexItemDataTime: 1.2rem; /* 日時等 */
  --font-FlexItemDataName: 1.8rem; /* 名前 */
  --font-FlexItemDataName-S: 1.8rem; /* 名前(幅狭) */
  --font-FlexItemDataCorp: 1.4rem; /* 会社名等 */
  --font-FlexItemDataAdd: 1.4rem; /* 住所 */
  --font-FlexItemDataTxt: 1.4rem; /* その他テキスト */
  --font-FlexItemDataTxt-span: 1.8rem; /* その他テキスト要素で文字強弱がある場合 */
  --font-FlexItemDataMemo: 1.2rem; /* その他メモ */
}
/* ===================================================================================
for ipad max-width: 600px-800px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:800px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-FlexItemDataTime: 1.0rem; /* 日時等 */
	  --font-FlexItemDataName: 1.8rem; /* 名前 */
	  --font-FlexItemDataName-S: 1.6rem; /* 名前(幅狭) */
	  --font-FlexItemDataCorp: 1.2rem; /* 会社名等 */
	  --font-FlexItemDataAdd: 1.2rem; /* 住所 */
	  --font-FlexItemDataTxt: 1.2rem; /* その他テキスト */
	  --font-FlexItemDataTxt-span: 1.4rem; /* その他テキスト要素で文字強弱がある場合 */
	  --font-FlexItemDataMemo: 1.2rem; /* その他メモ */
	}
}
/* ** list11 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_myp_dez.css;
***************************************************/

/****************** マイページ指定 ******************/

/* ** myp01 start ** */
/*** 01: マイページナビ ***/
: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-bbg: 0 0 0.2rem #cdcdcd; /* 背景影色 */
  --font-mypagenav: 1.4rem; /* フォントサイズ */

/* マイページナビ第2階層指定 */
  --app-mypagenav-sec-bg: #f5f5f5; /* 背景色 */
  --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="%23000" d="M11 14.062V20h2v-5.938c3.946.492 7 3.858 7 7.938H4a8.001 8.001 0 0 1 7-7.938zM12 13c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6z" /></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-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-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-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>'); /* 紹介制度 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** myp01 end ** */

/* ** myp02 start ** */
/*** 02: マイページナビ(プロフ写真エリア) ***/
: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 #666; /* ボーダー指定 */
  --app-photoArea-size: 180px; /* 写真大きさ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** myp02 end ** */

/* ** myp03 start ** */
/*** 03: マイページトップ表示枠 ***/
:root {
/* 基本設定(DLタグ要素の共通設定) */
  --app-mypageBoxDet-dl-mg: 0 auto; /* DLマージン */
  --app-mypageBoxDet-dl-pd: 1.0rem 0; /* DLパディング */
  --app-mypageBoxDet-dt-size: 150px; /* DTサイズ */
  --app-mypageBoxDet-dt-pd: 0.5rem; /* DTパディング */
  --app-mypageBoxDet-dd-pd: 0.5rem; /* DDパディング */

/* マイページトップ等で使用 */
  --app-mypageBoxDet-rod: 0.2em; /* 角丸 */
  --app-mypageBoxDet-mg: 0.5rem auto; /* マージン */
  --app-mypageBoxDet-pd: 1.0rem; /* パディング */
  --app-mypageBoxDet-txt: #171717; /* テキスト色 */
  --app-mypageBoxDet-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-mypageBoxDet-brd-dl: 1px dotted #cdcdcd; /* 仕切りボーダー指定 */
  --app-mypageBoxDet-bg: #fff; /* 背景色 */
  --app-mypageBoxDet-bbg: 0 0 0.2rem #cdcdcd; /* 背景影色 */
  --font-mypageBoxDet: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-mypageBoxDet-brd: inhelit; /* ボーダー指定 */
	  --app-mypageBoxDet-bbg: inhelit; /* 背景影色 */
	}
}
/* ** myp03 end ** */

/* ** myp05 start ** */
/*** 05:マイページ購入・申込・受付一覧表示枠 ***/
:root {
/* 外枠 */
  --app-mypageOrdBox-rod: 0.2em; /* 角丸 */
  --app-mypageOrdBox-mg: 0.5rem auto; /* マージン */
  --app-mypageOrdBox-pd: 1.0rem; /* パディング */
  --app-mypageOrdBox-txt: #171717; /* テキスト色 */
  --app-mypageOrdBox-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-mypageOrdBox-brd-dl: 1px dotted #8e8e8e; /* 仕切りボーダー指定 */
  --app-mypageOrdBox-bg: #f7f7f7; /* 背景色 */
  --font-mypageOrdBox: 1.4rem; /* フォントサイズ */

/* 内枠 */
  --app-mypageOrdBoxInn-rod: 0.2em; /* 角丸 */
  --app-mypageOrdBoxInn-mg: 0.5rem auto; /* マージン */
  --app-mypageOrdBoxInn-pd: 1.0rem 1.5rem; /* パディング */
  --app-mypageOrdBoxInn-bg: #fff; /* 背景色 */
  --app-mypageOrdBoxInn-brd: 1px dotted #999; /* ボーダー指定 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** myp05 end ** */

/* ** myp06 start ** */
/*** 06:マイページ購入詳細表示枠 ***/
:root {
  --app-ordDetBox-rod: 0.3em; /* 角丸 */
  --app-ordDetBox-pd: 1.5em; /* パディング */
  --app-ordDetBox-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-ordDetBox-bg: #fff; /* 背景色 */
  --app-ordDetBox-bbg: 0 0 0.5rem #cdcdcd; /* 背景影色 */

/*** マイページ購入商品注文履歴表示 ***/

/* 商品単価 */
  --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; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** myp06 end ** */

/* ** myp07 start ** */
/*** 07:マイページ通知一覧表示枠 ***/
:root {
/* 基本枠 */
  --app-pushList-rod: 0.2em; /* 角丸 */
  --app-pushList-mg: 1.0rem auto; /* マージン */
  --app-pushList-pd: 2.0rem; /* パディング */
  --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; /* 背景色 */

/* 日付エリア */
  --font-pushDateDetail: 1.2rem; /* フォントサイズ */

/* タイトル */
  --font-pushTtl: 2.0rem; /* フォントサイズ */

/* テキスト */
  --font-pushBody: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-pushList-pd: 1.0rem; /* パディング */
	  --font-pushTtl: 1.8rem; /* フォントサイズ */
	}
}
/* ** myp07 end ** */

/* ** myp08 start ** */
/*** 08:いいね・投稿履歴表示 ***/
:root {
/* 基本枠 */
  --app-postList-rod: 0.2em; /* 角丸 */
  --app-postList-mg: 1.0rem auto; /* マージン */
  --app-postList-pd: 2.0rem; /* パディング */
  --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-mg: 0 auto; /* マージン */
  --app-postList-li-pd: 2.0rem 1.0rem; /* パディング */
  --app-postList-li-brd: 1px dotted #8e8e8e; /* ボーダー指定 */

/* 日付・写真エリア */
  --font-postDateDetail: 1.2rem; /* フォントサイズ */

/* タイトル */
  --font-postTtl: 2.0rem; /* フォントサイズ */

/* テキスト */
  --font-postBody: 1.4rem; /* フォントサイズ */

/* 商品価格・カートボタン */
  --font-postPrdNo: 1.0rem; /* フォントサイズ(商品型番) */
  --font-postPrdPay: 2.6rem; /* フォントサイズ(商品型番) */

/* 投稿コメント表示タイトル */
  --app-postBodyTi-txt: #666; /* テキスト色 */

/* トピックスカテゴリ */
  --font-postDateCate: 1.4rem; /* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** myp08 end ** */
@charset "utf-8";
/***************************************************
information
	filename : app_article.css;
***************************************************/

/* ** article01 start ** */
/****************** 幅指定 ******************/
:root {
/* 画面幅 */
  --app-articleBox-width: 100%; /* コンテンツ基本幅 */
  --app-articleArea-width: 800px; /* コンテンツ基本幅(エディタ用) */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@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; /* パディング */

/*** セミナー詳細メインビジュアル ***/
  --app-semVisualArea-mg: 0 auto 2.0rem auto; /* マージン */
  --app-semVisualArea-pd: 0; /* パディング */

/*** 商品詳細メインビジュアル ***/
  --app-prdVisualArea-mg: 0 auto 2.0rem auto; /* マージン */
  --app-prdVisualArea-pd: 0; /* パディング */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article02 end ** */

/* ** article0301 start ** */
/****************** 詳細ページメインタイトル ******************/
:root {
/*** コンテンツ詳細メインタイトル ***/
  --app-conTitle-mg: 0 auto; /* マージン */
  --app-conTitle-pd: 2.0rem 0; /* パディング */
  --app-conTitle-txt: #000; /* テキスト色 */
  --app-conTitle-bg: inhelit; /* 背景色 */
  --font-conTitle: 4.0rem; /* フォントサイズ */
  --font-conTitle-gy: 1.2em; /* 行間 */

/*** セミナー詳細メインタイトル ***/
  --app-semTitle-mg: 0 auto; /* マージン */
  --app-semTitle-pd: 2.0rem 0; /* パディング */
  --app-semTitle-txt: #000; /* テキスト色 */
  --app-semTitle-bg: inhelit; /* 背景色 */
  --font-semTitle: 3.5rem; /* フォントサイズ */
  --font-semTitle-gy: 1.2em; /* 行間 */

/*** 商品詳細メインタイトル ***/
  --app-prdTitle-mg: 0 auto; /* マージン */
  --app-prdTitle-pd: 2.0rem 0; /* パディング */
  --app-prdTitle-txt: #000; /* テキスト色 */
  --app-prdTitle-bg: inhelit; /* 背景色 */
  --font-prdTitle: 3.5rem; /* フォントサイズ */
  --font-prdTitle-gy: 1.2em; /* 行間 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/*** コンテンツ詳細メインタイトル ***/
	  --app-conTitle-mg: 0 auto; /* マージン */
	  --app-conTitle-pd: 2.0rem; /* パディング */
	  --font-conTitle: 3.0rem; /* フォントサイズ */
	  --font-conTitle-gy: 1.2em; /* 行間 */

	/*** セミナー詳細メインタイトル ***/
	  --app-semTitle-mg: 0 auto; /* マージン */
	  --app-semTitle-pd: 2.0rem; /* パディング */
	  --font-semTitle: 3.0rem; /* フォントサイズ */
	  --font-semTitle-gy: 1.2em; /* 行間 */

	/*** 商品詳細メインタイトル ***/
	  --app-prdTitle-mg: 0 auto; /* マージン */
	  --app-prdTitle-pd: 2.0rem; /* パディング */
	  --font-prdTitle: 3.0rem; /* フォントサイズ */
	  --font-prdTitle-gy: 1.2em; /* 行間 */
	}
}
/* ** article0301 end ** */

/* ** article0302 start ** */
/****************** H2 本文基本タイトル ******************/
:root {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article0302 end ** */

/* ** article0303 start ** */
/****************** H3 本文基本タイトル ******************/
:root {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article0303 end ** */

/* ** article0304 start ** */
/****************** H4 本文基本タイトル ******************/
:root {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article0304 end ** */

/* ** article0305 start ** */
/****************** H5 本文基本タイトル ******************/
:root {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article0305 end ** */

/* ** article0306 start ** */
/****************** H6 本文基本タイトル ******************/
:root {
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article0306 end ** */

/* ** article0401 start ** */
/****************** 本文基本テキスト ******************/
:root {
  --app-articleP-mg: 0 auto; /* マージン */
  --app-articleP-pd: 2.0rem 0.2rem; /* パディング */
  --app-articleP-txt: #000; /* テキスト色 */
  --app-articleP-bg: inhelit; /* 背景色 */
  --font-articleP: 1.6rem; /* フォントサイズ */
  --font-articleP-gy: 1.4em; /* 行間 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article0401 end ** */

/* ** article0501 start ** */
/****************** 本文基本リスト ******************/
:root {
/* 基本設定 */
  --app-articleUOL-mg: 0 auto; /* マージン */
  --app-articleUOL-pd: 1.5rem 0 1.5rem 1.5rem; /* パディング */
  --app-articleUOL-txt: #000; /* テキスト色 */
  --app-articleUOL-bg: inhelit; /* 背景色 */
  --font-articleUOL: 1.6rem; /* フォントサイズ */
  --font-articleUOL-gy: 1.6em; /* 行間 */

/* ulリスト個別設定 */
  --app-articleULi-mg: 1.0rem; /* マージン */
  --app-articleULi-pd: 0 0 0 0.5rem; /* パディング */

/* olリスト個別設定 */
  --app-articleOLi-mg: 1.0rem; /* マージン */
  --app-articleOLi-pd: 0 0 0 0.5rem; /* パディング */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
/* 基本設定 */
	  --font-articleUOL: 1.6rem; /* フォントサイズ */

/* ulリスト個別設定 */
	  --app-articleULi-mg: 1.0rem 0.5rem; /* マージン */
	  --app-articleULi-pd: 0 0 0 0.1rem; /* パディング */

/* olリスト個別設定 */
	  --app-articleOLi-mg: 1.0rem 0.5rem; /* マージン */
	  --app-articleOLi-pd: 0 0 0 0.1rem; /* パディング */
	}
}
/* ** article0501 end ** */

/* ** article0601 start ** */
/****************** 本文基本テーブルタグ ******************/
:root {
/* テーブル要素共通 */
  --app-articleTable-mg: 1.0rem auto; /* マージン */
  --app-articleTable-pd: 0; /* パディング */
  --app-articleTable-txt: #171717; /* テキスト色 */
  --app-articleTable-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --font-articleTable: 1.4rem;/* フォントサイズ */

/* Th指定 */
  --app-articleTable-th-pd: 1.0rem; /* パディング */
  --app-articleTable-th-bg: #f4f4f4; /* 背景色 */

/* Td指定 */
  --app-articleTable-td-pd: 1.0rem; /* パディング */
  --app-articleTable-td-bg: #fff; /* td背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article0601 end ** */

/* ** article0701 start ** */
/****************** 本文画像埋め込み ******************/
:root {
/* 画像埋め込み基本 */
  --app-articlePImg-mg: 1.0rem auto; /* マージン */
  --app-articlePImg-pd: 0 3.0rem; /* パディング */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	/* 画像埋め込み基本 */
	  --app-articlePImg-mg: 0.5rem auto; /* マージン */
	  --app-articlePImg-pd: 0 0.5rem; /* パディング */
	}
}
/* ** article0701 end ** */

/* ** article0801 start ** */
/****************** 本文画像埋め込み ******************/
:root {
  --app-preBox-rod: 0.3em; /* 角丸 */
  --app-preBox-mg: 0 auto; /* マージン */
  --app-preBox-pd: 2.0rem; /* パディング */
  --app-preBox-txt: #fff; /* テキスト色 */
  --app-preBox-brd: inhelit; /* ボーダー指定 */
  --app-preBox-bg: #2e2e2e; /* 背景色 */
  --font-preBox: 1.4rem;/* フォントサイズ */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article0801 end ** */

/* ** article0901 start ** */
/****************** dlタグ基本設定 ******************/
:root {
  --app-dlBox-rod: 0.3em; /* 角丸 */
  --app-dlBox-mg: 0 auto; /* マージン */
  --app-dlBox-pd: 0; /* パディング */
  --app-dlBox-txt: #000; /* テキスト色 */
  --app-dlBox-brd: inhelit; /* ボーダー指定 */
  --app-dlBox-bg: inhelit; /* 背景色 */
  --font-dlBox: 1.6rem;/* フォントサイズ */

  --app-dlBox-dl-mg: 0; /* マージン */
  --app-dlBox-dl-pd: 0; /* パディング */
  --app-dlBox-dl-brd: 1px dotted #cdcdcd; /* ボーダー指定 */

  --app-dlBox-dt-size: 40%; /* サイズ指定 */
  --app-dlBox-dt-mg: 0; /* マージン */
  --app-dlBox-dt-pd: 1.5rem 1.0rem; /* パディング */

  --app-dlBox-dd-size: 100%; /* サイズ指定 */
  --app-dlBox-dd-mg: 0; /* マージン */
  --app-dlBox-dd-pd: 1.5rem 1.0rem; /* パディング */
  
  --app-dlBox-dla-txt: inhelit; /* テキスト色 */
  --app-dlBox-dla-bg: inhelit; /* 背景色 */
  --app-dlBox-dlb-txt: inhelit; /* テキスト色 */
  --app-dlBox-dlb-bg: inhelit; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-dlBox-dt-size: 100%; /* サイズ指定 */
	  --app-dlBox-dd-size: 100%; /* サイズ指定 */
	  --app-dlBox-dt-pd: 1.5rem 1.0rem 0.5rem 1.0rem; /* パディング */
	  --app-dlBox-dd-pd: 0.5rem 1.0rem 1.5rem 1.0rem; /* パディング */
	}
}
/* ** article0901 end ** */

/* ** article1001 start ** */
/****************** デザイン装飾基本設定 ******************/
:root {
/*** pタグ装飾 ***/
  --app-p-style-rod: 0.3em; /* 角丸 */
  --app-p-style-mg: 3.0rem auto; /* マージン */
  --app-p-style-pd: 2.5rem; /* パディング */
  --app-p-style-txt: #000; /* テキスト色 */
  --app-p-style-brd: 0.3rem solid #666; /* ボーダー指定 */
  --app-p-style-bg: #eee; /* 背景色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** article1001 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_navi_dez.css;
***************************************************/

/*======== navi_parts.css ========*/
/******************************************* ナビゲーション設定 *******************************************/

/* ** navi01 start ** */
/*** 01: スクロールすると上からメニューが出現するパターン ***/
:root {
  --app-scroll-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-scroll-cr: #fff; /* 背景色 */
  --app-scroll-sd: 0 0 2.0rem #cdcdcd; /* 背景影色 */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** navi01 end ** */

/* ** navi02 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; /* 背景影色(カラーチェンジ) */
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** navi02 end ** */

/* ** navi03 start ** */
/*** 03: サブナビ(ヘッダー) ***/
:root {
/* サブナビ(ヘッダー)基本 */
  --app-snavi-mg: 0 auto; /* マージン */
  --app-snavi-pd: 0.5em 0; /* パディング */
  --app-snavi-cr: inherit; /* 背景色 */
  --app-snavi-brd: inhelit; /* ボーダー指定 */
  --app-snavi-txt: #000; /* テキスト色 */
  --font-snavi: 1.4rem; /* フォントサイズ */

/* サブナビ(ヘッダー)aタグ */
  --app-snavi-a-mg: 0 0.8rem; /* マージン */
  --app-snavi-a-pd: 0.5em 0; /* パディング */
  --app-snavi-a-cr: inherit; /* 背景色（aタグ） */
  --app-snavi-a-txt: #000; /* テキスト色（aタグ） */
  --app-snavi-ah-cr: #e60012; /* 背景色（aタグフォーカス） */
  --app-snavi-ah-txt: #000; /* テキスト色（aタグフォーカス） */

/* ドロワー内メニュー */
  --app-snavi-dra-mg: 0 auto; /* マージン */
  --app-snavi-dra-pd: 1.5rem 0; /* パディング */
  --app-snavi-dra-a-mg: 0 auto; /* aタグマージン */
  --app-snavi-dra-a-pd: 1.5rem; /* aタグパディング */
  --font-snavi-dra: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	  --font-snavi: 1.3rem; /* フォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-snav: 1.3rem; /* フォントサイズ */
	}
}
/* ** navi03 end ** */

/* ** navi04 start ** */
/*** 04: グローバルナビ ***/
:root {
/* グローバルナビ基本 */
  --app-gnavi-mg: 0 auto; /* マージン */
  --app-gnavi-pd: 0; /* パディング */
  --app-gnavi-cr: inherit; /* 背景色 */
  --app-gnavi-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-gnavi-txt: #000; /* テキスト色 */
  --font-gnavi: 1.5rem; /* フォントサイズ */

/* グローバルナビaタグ */
  --app-gnavi-a-mg: 0; /* マージン */
  --app-gnavi-a-pd: 0; /* パディング */
  --app-gnavi-a-cr: inherit; /* 背景色（aタグ） */
  --app-gnavi-a-txt: #000; /* テキスト色（aタグ） */
  --app-gnavi-ah-cr: #e60012; /* 背景色（aタグフォーカス） */
  --app-gnavi-ah-txt: #000; /* テキスト色（aタグフォーカス） */

/* ドロップダウンナビ(サブナビ・グローバルナビ) */
  --app-dpnav-a-cr: #171717; /* 背景色（aタグ） */
  --app-dpnav-a-txt: #fff; /* テキスト色（aタグ） */
  --app-dpnav-a-brd: 1px solid #cdcdcd; /* ボーダー指定 */

/* ドロワー内メニュー */
  --app-gnavi-dra-mg: 0 auto; /* マージン */
  --app-gnavi-dra-pd: 1.5rem 0; /* パディング */
  --app-gnavi-dra-a-mg: 0 auto; /* aタグマージン */
  --app-gnavi-dra-a-pd: 1.5rem; /* aタグパディング */
  --font-gnavi-dra: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** navi04 end ** */

/* ** navi05 start ** */
/*** 05: グローバルナビ(シンプル) ***/
:root {
/* グローバルナビ(シンプル)基本 */
  --app-gnavis-mg: 0 auto; /* マージン */
  --app-gnavis-pd: 0.8rem; /* パディング */
  --app-gnavis-cr: inherit; /* 背景色 */
  --app-gnavis-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-gnavis-txt: #000; /* テキスト色 */
  --font-gnavis: 1.4rem; /* フォントサイズ */

/* グローバルナビ(シンプル)aタグ */
  --app-gnavis-a-mg: 0; /* マージン */
  --app-gnavis-a-pd: 0 0.5rem; /* パディング */
  --app-gnavis-a-cr: inherit; /* 背景色（aタグ） */
  --app-gnavis-a-txt: #000; /* テキスト色（aタグ） */
  --app-gnavis-ah-cr: #e60012; /* 背景色（aタグフォーカス） */
  --app-gnavis-ah-txt: #000; /* テキスト色（aタグフォーカス） */

/* ドロワー内メニュー */
  --app-gnavis-dra-mg: 0 auto; /* マージン */
  --app-gnavis-dra-pd: 1.5rem 0; /* パディング */
  --app-gnavis-dra-a-mg: 0 auto; /* aタグマージン */
  --app-gnavis-dra-a-pd: 1.5rem; /* aタグパディング */
  --font-gnavis-dra: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** navi05 end ** */

/* ** navi06 start ** */
/*** 06: フッターナビ ***/
:root {
/* フッターナビ基本 */
  --app-fnavi-mg: 0 auto; /* マージン */
  --app-fnavi-pd: 1.0rem 0.5rem; /* パディング */
  --app-fnavi-cr: inhelit; /* 背景色 */
  --app-fnavi-txt: #fff; /* テキスト色 */
  --font-fnavi: 1.3rem; /* フォントサイズ */

/* フッターナビaタグ */
  --app-fnavi-a-mg: 0 1.0rem; /* マージン */
  --app-fnavi-a-pd: 0 2.0rem; /* パディング */
  --app-fnavi-a-cr: inherit; /* 背景色（aタグ） */
  --app-fnavi-a-txt: #fff; /* テキスト色（aタグ） */

/* ドロワー内メニュー */
  --app-fnavi-dra-mg: 0 auto; /* マージン */
  --app-fnavi-dra-pd: 1.5rem 0; /* パディング */
  --app-fnavi-dra-a-mg: 0 auto; /* aタグマージン */
  --app-fnavi-dra-a-pd: 1.5rem; /* aタグパディング */
  --font-fnavi-dra: 1.6rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** navi06 end ** */

/* ** navi07 start ** */
/*** 07: カテゴリナビスライダー ***/
:root {
/* カテゴリナビスライダー基本 */
  --app-catenavSl-mg: 0 auto; /* マージン */
  --app-catenavSl-pd: 0; /* パディング */
  --app-catenavSl-cr: #eee; /* 背景色 */
  --app-catenavSl-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-catenavSl-txt: #000; /* テキスト色 */
  --font-catenavSl: 1.5rem; /* フォントサイズ */

/* カテゴリナビスライダーaタグ */
  --app-catenavSl-a-mg: 0; /* マージン */
  --app-catenavSl-a-pd: 1.5rem 0; /* パディング */
  --app-catenavSl-a-cr: #fff; /* 背景色（aタグ） */
  --app-catenavSl-a-txt: #000; /* テキスト色（aタグ） */
  --app-catenavSl-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-catenavSl-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-catenavSl: 1.2rem; /* フォントサイズ */
	}
}
/* ** navi07 end ** */

/* ** navi08 start ** */
/*** 08: カテゴリナビ横 ***/
:root {
/* カテゴリナビ横基本 */
  --app-catenavY-mg: 0 auto; /* マージン */
  --app-catenavY-pd: 0; /* パディング */
  --app-catenavY-cr: inhelit; /* 背景色 */
  --app-catenavY-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-catenavY-txt: #000; /* テキスト色 */
  --font-catenavY: 1.4rem; /* フォントサイズ */

/* カテゴリナビ横リスト */
  --app-catenavY-li-mg: 0; /* マージン */
  --app-catenavY-li-pd: 0 0.1rem; /* パディング */

/* カテゴリナビ横aタグ */
  --app-catenavY-rod: 0.2em; /* 角丸 */
  --app-catenavY-a-mg: 0; /* マージン */
  --app-catenavY-a-pd: 0.8rem 0.5rem; /* パディング */
  --app-catenavY-a-cr: #fff; /* 背景色（aタグ） */
  --app-catenavY-a-txt: #000; /* テキスト色（aタグ） */
  --app-catenavY-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-catenavY-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-catenavY: 1.2rem; /* フォントサイズ */
	}
}
/* ** navi08 end ** */

/* ** navi09 start ** */
/*** 09: カテゴリナビ縦 ***/
:root {
/* カテゴリナビ縦基本 */
  --app-catenav-mg: 0 auto; /* マージン */
  --app-catenav-pd: 0; /* パディング */
  --app-catenav-cr: inhelit; /* 背景色 */
  --app-catenav-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-catenav-txt: #000; /* テキスト色 */
  --font-catenav: 1.6rem; /* フォントサイズ */

/* カテゴリナビ縦リスト */
  --app-catenav-li-mg: 0; /* マージン */
  --app-catenav-li-pd: 0.2rem 0; /* パディング */

/* カテゴリナビ縦aタグ */
  --app-catenav-rod: 0.2em; /* 角丸 */
  --app-catenav-a-mg: 0; /* マージン */
  --app-catenav-a-pd: 1.5rem 0; /* パディング */
  --app-catenav-a-cr: #fff; /* 背景色（aタグ） */
  --app-catenav-a-txt: #000; /* テキスト色（aタグ） */
  --app-catenav-ah-cr: #171717; /* 背景色（aタグフォーカス） */
  --app-catenav-ah-txt: #fff; /* テキスト色（aタグフォーカス） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	  --font-catenav: 1.5rem; /* フォントサイズ */
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --font-catenav: 1.2rem; /* フォントサイズ */
	}
}
/* ** navi09 end ** */

/* ** navi10 start ** */
/*** 10: アコーディオンメニュー ***/
:root {
/* アコーディオンメニュー基本 */
  --app-widget-mg: 0 auto; /* マージン */
  --app-widget-pd: 0; /* パディング */
  --app-widget-cr: inhelit; /* 背景色 */
  --app-widget-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-txt: #000; /* テキスト色 */
  --font-widget: 1.4rem; /* フォントサイズ */

/* アコーディオンメニュー所属カテゴリタイトル */
  --app-widget-ti-mg: 0 auto; /* マージン */
  --app-widget-ti-pd: 1.2rem 0.5rem; /* パディング */
  --app-widget-ti-cr: #000; /* 背景色 */
  --app-widget-ti-brd: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-ti-txt: #fff; /* テキスト色 */
  --font-widget-ti: 1.4rem; /* フォントサイズ */

/* アコーディオンメニューaタグ */
  --app-widget-a-mg: 0; /* マージン */
  --app-widget-a-pd: 0.8rem 0; /* パディング */
  --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: 1px solid #cdcdcd; /* ボーダー指定 */
  --app-widget-ab-cr: #000; /* 背景色 */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** navi10 end ** */

/* ** navi11 start ** */
/*** 11: ドロワメニュー(ハンバーガーボタン) ***/
:root {
  --font-hambarg: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** navi11 end ** */

/* ** navi12 start ** */
/*** 12: ドロワメニュー(検索ボタン) ***/

/* ** navi12 end ** */

/* ** navi13 start ** */
/*** 13: ドロワメニュー(FixItem位置制御) ***/
:root {
  --font-mnaviUTxt: 1.2rem; /* フォントサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** navi13 end ** */

/* ** navi14 start ** */
/*** 14: ドロワメニュー(枠) ***/
: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%; /* 検索ウィンドウサイズ */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
/* ドロワメニューサイズ指定 */
  --sp-drawer-size: 90%; /* ドロワーウィンドウサイズ */
  --sp-modal-size: 90%; /* 検索ウィンドウサイズ */
	}
}
/* ** navi14 end ** */

/* ** navi15 start ** */
/*** 15: パンくずリンク ***/
:root {
/* パンくずリンク基本 */
  --app-panlink-mg: 0 auto; /* マージン */
  --app-panlink-pd: 1.0rem 0; /* パディング */
  --app-panlink-a-cr: inherit; /* 背景色 */
  --app-panlink-txt: #999; /* テキスト色 */
  --font-panlink: 1.3rem; /* フォントサイズ */

/* パンくずリンクaタグ */
  --app-panlink-a-txt: #171717; /* テキスト色（aタグ） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	}
}
/* ** navi15 end ** */

/* ** navi16 start ** */
/*** 16: ページナンバーナビ ***/
:root {
/* ページナンバーナビ基本 */
  --app-pagenum-mg: 2.0rem auto; /* マージン */
  --app-pagenum-pd: 2.0rem 0.5rem; /* パディング */
  --font-pagenum: 1.8rem; /* フォントサイズ */

/* ページナンバーナビaタグ */
  --app-pagenum-rod: 0.4em; /* 角丸 */
  --app-pagenum-a-mg: 0.5rem 0.2rem; /* マージン */
  --app-pagenum-a-pd: 1.2rem 1.5rem; /* パディング */
  --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タグフォーカス） */
}
/* ===================================================================================
for ipad max-width: 600px-1100px
=================================================================================== */
@media screen and (min-width:600px) and ( max-width:1100px) {
	:root {
	}
}
/* ===================================================================================
for SP max-width: 600px
=================================================================================== */
@media screen and (max-width: 600px) {
	:root {
	  --app-pagenum-mg: 1.0rem auto; /* マージン */
	  --app-pagenum-pd: 2.0rem 0.5rem; /* パディング */
	  --font-pagenum: 1.6rem; /* フォントサイズ */
	}
}
/* ** navi16 end ** */
@charset "utf-8";
/***************************************************
information
  filename : app_user.css;
***************************************************/

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

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



/* ** user_custom end ** */