@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,300;1,400;1,900&family=Noto+Sans+JP:wght@100;400;700&family=Noto+Serif+JP:wght@200;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


body{position: relative; z-index: 1; left: 0; top: 0;box-sizing: border-box; padding: 0 !important; margin: 0 !important;}
div, img, figure, section, article, ul, ol, dl{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.wmvlr{-webkit-writing-mode: vertical-lr;
-ms-writing-mode: vertical-lr;
writing-mode: vertical-lr;}
/* - TEXT */
.tac{text-align: center !important}
.tar{text-align: right !important;}
.tal{text-align: left !important;}
.vat{vertical-align: top;}
.vam{vertical-align: middle;}
.vab{vertical-align: bottom;}
.indent-1{text-indent: -1em; padding-left: 1em;}
.lts0{letter-spacing: 0px !important;}.lts1{letter-spacing: 1px !important;}.lts2{letter-spacing: 2px !important;}

/* - FONT SIZE */
.fz05{font-size: .5em;}.fz06{font-size: .6em;}.fz07{font-size: .7em;}.fz08{font-size: .8em;}.fz09{font-size: .9em;}
.fz10{font-size: 1em;}.fz11{font-size: 1.1em;}.fz12{font-size: 1.2em;}.fz13{font-size: 1.3em;}.fz14{font-size: 1.4em;}
.fz15{font-size: 1.5em;}.fz16{font-size: 1.6em;}.fz17{font-size: 1.7em;}.fz18{font-size: 1.8em;}.fz19{font-size: 1.9em;}
.fz20{font-size: 2em;}
/* - FONT WEIGHT */
.fwb{font-weight: bold !important;}.fwn{font-weight: normal !important;}.fwl{font-weight: lighter !important;}
/* - LINE HEIGHT */
.lh10{line-height: 1;}.lh11{line-height: 1.1;}.lh12{line-height: 1.2;}.lh13{line-height: 1.3;}.lh14{line-height: 1.4;}.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}.lh17{line-height: 1.7;}.lh18{line-height: 1.8;}.lh19{line-height: 1.9;}.lh20{line-height: 2;}
.lh21{line-height: 2.1;}.lh22{line-height: 2.2;}.lh23{line-height: 2.3;}.lh24{line-height: 2.4;}.lh25{line-height: 2.5;}
.lh26{line-height: 2.6;}.lh27{line-height: 2.7;}.lh28{line-height: 2.8;}.lh29{line-height: 2.9;}.lh30{line-height: 3;}

/* - IMAGE */
.img-responsive{display:block;max-width:100%;height:auto}
.tile{
	width:300px;
	height:300px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	layout-grid-line:225px;
}
.tile img{vertical-align:middle;}

.trim { overflow: hidden; width: 200px; height: 200px; position: relative;}
.trim img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/* - FLOAT */
.fl{float:left !important}.fr{float:right !important}
.cf:after{content: ".";display: block;visibility: hidden;height: 0;font-size: 0;clear: both;}
/* - FLEX */
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex-jcsb-aic{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.flex-jcsa-aic{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	-ms-align-items: center;
	align-items: center;
}
.flex-jcsb-ais{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: stretch;
	align-items: stretch;
}
.flex-jcsa-ais{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	-ms-align-items: stretch;
	align-items: stretch;
}
.flex-jcsb-aifs{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.flex-jcsa-aifs{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.flex-jcsb-aife{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
.flex-jcsa-aife{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
/* FLEX 縦 */
.flex-fdc-jcsb-aifs{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.flex-fdc-jcsa-aic{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	-ms-align-items: center;
	align-items: center;
}
.flex-fdc-jcsb-aic{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

.fw_w{
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.fdr{
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}
.fdrr{
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.fdc{
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.fdcr{
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.jcfs{	justify-content: flex-start;}
.jcfe{ justify-content: flex-end;}
.jcc{ justify-content: center;}
.jcsa{ justify-content: space-around;}
.jcsb{justify-content: space-between;}
.aifs{
	-ms-align-items: flex-start;
	align-items: flex-start;
}
.aife{
	-ms-align-items: flex-end;
	align-items: flex-end;
}
.aic{
	-ms-align-items: center;
	align-items: center;
}
.aib{
	-ms-align-items: baseline;
	align-items: baseline;
}
.ais{
	-ms-align-items: stretch;
	align-items: stretch;
}
/* - FRAME */
div.frame_full{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	z-index:0;
	margin-top: 1em;
	margin-bottom: 1em;
}
div.frame_full iframe{
	border:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:0;
}
div.frame_full video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:0;
}
/* - BLOCKQUOTE */
blockquote {
	position: relative;
	padding: 10px 10px 10px 32px;
	box-sizing: border-box;
	color: #464646;
	background: #e0e0e0;
}
blockquote:before{
	display: inline-block;
	position: absolute;
	top: -6px;
	left: -15px;
	vertical-align: middle;
	content: "“";
	font-family: sans-serif;
	color: #e0e0e0;
	font-size: 70px;
	line-height: 1;
	z-index: 2;
}
blockquote:after{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	border-width: 0 0 40px 40px;
	border-style: solid;
	border-color: transparent #ffffff;
}
blockquote p {
	position: relative;
	padding: 0;
	margin: 10px 0;
	z-index: 3;
}
blockquote cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 0.9em;
}
/* OTHER */
.m_a{margin-left: auto!important; margin-right: auto!important;}
.p_r{position: relative !important;}
.p_a{position: absolute !important;}
.tdu{text-decoration: underline !important;}
.tdn{text-decoration: none !important;}
.db{display: block !important;}
.lstn{list-style-type: none;}
.blink {
  animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0% { opacity: 1; }
 100% { opacity: 0; }
}
.blinkS2 {
  animation: blinkAnimeS2 2s infinite alternate;
}
@keyframes blinkAnimeS2{
   0%{ color : red;   background:white }
 100%{ color : white; background:red   }
}
ul{padding-inline-start: 2em;}
dd{margin-inline-start: 2em;}
/* MARGIN & PADDING */
.m0{margin: 0 !important;}.mt0{margin-top:0 !important}.mb0{margin-bottom:0 !important}.ms0{margin-left: 0 !important; margin-right: 0 !important;}.ml0{margin-left: 0 !important;}.mr0{margin-right: 0 !important;}
.m0{margin: 0 !important;}.mt0{margin-top:0 !important}.mb0{margin-bottom:0 !important}.ms0{margin-left: 0 !important; margin-right: 0 !important;}.ml0{margin-left: 0 !important;}.mr0{margin-right: 0 !important;}
/* DISPLAY */
.d-n{display: none;}
.d-i{display: inline;}
.d-ib{display: inline-block;}
.d-b{display: block;}
.d-t{display: table;}
.d-tc{display: table-cell;}
.d-tr{display: table-row;}
.d-f{display: -webkit-flex; display: -ms-flex; display: flex;}
.d-if{display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex;}

/* FONT */
body{font-size: 4vw; line-height: 1.8; color: #2E2E2E;}
p,li,dt,dd,th,td{font-size: 4vw; line-height: 1.8;}
h1{font-size: 2em; line-height: 1.3em; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
h2{font-size: 1.5em; line-height: 1.3em; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
h3{font-size: 1.2em; line-height: 1.3em; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
h4{font-size: 1em; line-height: 1.3em; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
h5{font-size: .8em; line-height: 1.3em; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
h6{font-size: .7em; line-height: 1.3em; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}

/* - WIDTH */
.w5p{ width: 4%;} .w10p{ width: 9%;} .w15p{ width: 14%;} .w20p{ width: 19%;} .w25p{ width: 24%;}
.w30p{ width: 29%;} .w33p{ width: 32%;} .w35p{ width: 34%;} .w40p{ width: 39%;} .w45p{ width: 44%;} .w50p{ width: 49%;}
.w55p{ width: 54%;} .w60p{ width: 59%;} .w65p{ width: 64%;} .w70p{ width: 69%;} .w75p{ width: 74%;}
.w80p{ width: 79%;} .w85p{ width: 84%;} .w90p{ width: 89%;} .w95p{ width: 94%;} .w100p{ width: 100%;}
/* WRAPPER */
	.wrap{width: 95%; box-sizing: border-box; margin: 0 auto;}

/* end CLASS DEFAULT */
/* CLASS SM */
@media only screen and (min-width:576px) {
	/* DISPLAY */
	.d-sm-n{display: none;}
	.d-sm-i{display: inline;}
	.d-sm-ib{display: inline-block;}
	.d-sm-b{display: block;}
	.d-sm-t{display: table;}
	.d-sm-tc{display: table-cell;}
	.d-sm-tr{display: table-row;}
	.d-sm-f{display: -webkit-flex; display: -ms-flex; display: flex;}
	.d-sm-if{display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex;}

	/* - WIDTH */
	.sm-w5p{ width: 4%;} .sm-w10p{ width: 9%;} .sm-w15p{ width: 14%;} .sm-w20p{ width: 19%;} .sm-w25p{ width: 24%;}
	.sm-w30p{ width: 29%;} .sm-w33p{ width: 32%;} .sm-w35p{ width: 34%;} .sm-w40p{ width: 39%;} .sm-w45p{ width: 44%;} .sm-w50p{ width: 49%;}
	.sm-w55p{ width: 54%;} .sm-w60p{ width: 59%;} .sm-w65p{ width: 64%;} .sm-w70p{ width: 69%;} .sm-w75p{ width: 74%;}
	.sm-w80p{ width: 79%;} .sm-w85p{ width: 84%;} .sm-w90p{ width: 89%;} .sm-w95p{ width: 94%;} .sm-w100p{ width: 100%;}
	/* FONT */
	body{font-size: 2vw;}
	p,li,dt,dd,th,td{font-size: 2vw;}

	/* WRAPPER */

	/* FLEXBOX */
	.sm-fw_w{ -webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap; flex-wrap: wrap; }
	.sm-fdr{ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
	.sm-fdrr{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
	.sm-fdc{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.sm-fdcr{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
	.sm-jcfs{ justify-content: flex-start;}
	.sm-jcfe{ justify-content: flex-end;}
	.sm-jcc{  justify-content: center;}
	.sm-jcsa{ justify-content: space-around;}
	.sm-jcsb{ justify-content: space-between;}
	.sm-aifs{ -ms-align-items: flex-start; align-items: flex-start; }
	.sm-aife{ -ms-align-items: flex-end; align-items: flex-end; }
	.sm-aic{ -ms-align-items: center; align-items: center; }
	.sm-aib{ -ms-align-items: baseline; align-items: baseline; }
	.sm-ais{ -ms-align-items: stretch; align-items: stretch; }
}/* end CLASS SM */
/* CLASS MD */
@media only screen and (min-width:768px) {
	/* DISPLAY */
	.d-md-n{display: none;}
	.d-md-i{display: inline;}
	.d-md-ib{display: inline-block;}
	.d-md-b{display: block;}
	.d-md-t{display: table;}
	.d-md-tc{display: table-cell;}
	.d-md-tr{display: table-row;}
	.d-md-f{display: -webkit-flex; display: -ms-flex; display: flex;}
	.d-md-if{display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex;}

	/* - WIDTH */
	.md-w5p{ width: 4%;} .md-w10p{ width: 9%;} .md-w15p{ width: 14%;} .md-w20p{ width: 19%;} .md-w25p{ width: 24%;}
	.md-w30p{ width: 29%;} .md-w33p{ width: 32%;} .md-w35p{ width: 34%;} .md-w40p{ width: 39%;} .md-w45p{ width: 44%;} .md-w50p{ width: 49%;}
	.md-w55p{ width: 54%;} .md-w60p{ width: 59%;} .md-w65p{ width: 64%;} .md-w70p{ width: 69%;} .md-w75p{ width: 74%;}
	.md-w80p{ width: 79%;} .md-w85p{ width: 84%;} .md-w90p{ width: 89%;} .md-w95p{ width: 94%;} .md-w100p{ width: 100%;}
	/* FONT */
	body{font-size: 16px;}
	p,li,dt,dd,th,td{font-size: 16px;}

	/* WRAPPER */


	/* FLEXBOX */
	.md-fw_w{ -webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap; flex-wrap: wrap; }
	.md-fdr{ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
	.md-fdrr{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
	.md-fdc{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.md-fdcr{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
	.md-jcfs{ justify-content: flex-start;}
	.md-jcfe{ justify-content: flex-end;}
	.md-jcc{  justify-content: center;}
	.md-jcsa{ justify-content: space-around;}
	.md-jcsb{ justify-content: space-between;}
	.md-aifs{ -ms-align-items: flex-start; align-items: flex-start; }
	.md-aife{ -ms-align-items: flex-end; align-items: flex-end; }
	.md-aic{ -ms-align-items: center; align-items: center; }
	.md-aib{ -ms-align-items: baseline; align-items: baseline; }
	.md-ais{ -ms-align-items: stretch; align-items: stretch; }
}/* end CLASS MD */
/* CLASS LG */
@media only screen and (min-width:1024px) {
	/* DISPLAY */
	.d-lg-n{display: none;}
	.d-lg-i{display: inline;}
	.d-lg-ib{display: inline-block;}
	.d-lg-b{display: block;}
	.d-lg-t{display: table;}
	.d-lg-tc{display: table-cell;}
	.d-lg-tr{display: table-row;}
	.d-lg-f{display: -webkit-flex; display: -ms-flex; display: flex;}
	.d-lg-if{display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex;}

	/* FONT */

	/* - WIDTH */
	.lg-w5p{ width: 4%;} .lg-w10p{ width: 9%;} .lg-w15p{ width: 14%;} .lg-w20p{ width: 19%;} .lg-w25p{ width: 24%;}
	.lg-w30p{ width: 29%;} .lg-w33p{ width: 32%;} .lg-w35p{ width: 34%;} .lg-w40p{ width: 39%;} .lg-w45p{ width: 44%;} .lg-w50p{ width: 49%;}
	.lg-w55p{ width: 54%;} .lg-w60p{ width: 59%;} .lg-w65p{ width: 64%;} .lg-w70p{ width: 69%;} .lg-w75p{ width: 74%;}
	.lg-w80p{ width: 79%;} .lg-w85p{ width: 84%;} .lg-w90p{ width: 89%;} .lg-w95p{ width: 94%;} .lg-w100p{ width: 100%;}
	/* WRAPPER */

	/* FLEXBOX */
	.lg-fw_w{ -webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap; flex-wrap: wrap; }
	.lg-fdr{ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
	.lg-fdrr{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
	.lg-fdc{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.lg-fdcr{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
	.lg-jcfs{ justify-content: flex-start;}
	.lg-jcfe{ justify-content: flex-end;}
	.lg-jcc{  justify-content: center;}
	.lg-jcsa{ justify-content: space-around;}
	.lg-jcsb{ justify-content: space-between;}
	.lg-aifs{ -ms-align-items: flex-start; align-items: flex-start; }
	.lg-aife{ -ms-align-items: flex-end; align-items: flex-end; }
	.lg-aic{ -ms-align-items: center; align-items: center; }
	.lg-aib{ -ms-align-items: baseline; align-items: baseline; }
	.lg-ais{ -ms-align-items: stretch; align-items: stretch; }
}/* end CLASS LG */
/* CLASS XL */
@media only screen and (min-width:1280px) {
	/* DISPLAY */
	.d-xl-n{display: none;}
	.d-xl-i{display: inline;}
	.d-xl-ib{display: inline-block;}
	.d-xl-b{display: block;}
	.d-xl-t{display: table;}
	.d-xl-tc{display: table-cell;}
	.d-xl-tr{display: table-row;}
	.d-xl-f{display: -webkit-flex; display: -ms-flex; display: flex;}
	.d-xl-if{display: -webkit-inline-flex; display: -ms-inline-flex; display: inline-flex;}

	/* FONT */

	/* - WIDTH */
	.xl-w5p{ width: 4%;} .xl-w10p{ width: 9%;} .xl-w15p{ width: 14%;} .xl-w20p{ width: 19%;} .xl-w25p{ width: 24%;}
	.xl-w30p{ width: 29%;} .xl-w33p{ width: 32%;} .xl-w35p{ width: 34%;} .xl-w40p{ width: 39%;} .xl-w45p{ width: 44%;} .xl-w50p{ width: 49%;}
	.xl-w55p{ width: 54%;} .xl-w60p{ width: 59%;} .xl-w65p{ width: 64%;} .xl-w70p{ width: 69%;} .xl-w75p{ width: 74%;}
	.xl-w80p{ width: 79%;} .xl-w85p{ width: 84%;} .xl-w90p{ width: 89%;} .xl-w95p{ width: 94%;} .xl-w100p{ width: 100%;}
	/* WRAPPER */


	/* FLEXBOX */
	.xl-fw_w{ -webkit-flex-wrap: wrap;	-ms-flex-wrap: wrap; flex-wrap: wrap; }
	.xl-fdr{ -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
	.xl-fdrr{ -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; }
	.xl-fdc{ -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; }
	.xl-fdcr{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; }
	.xl-jcfs{ justify-content: flex-start;}
	.xl-jcfe{ justify-content: flex-end;}
	.xl-jcc{  justify-content: center;}
	.xl-jcsa{ justify-content: space-around;}
	.xl-jcsb{ justify-content: space-between;}
	.xl-aifs{ -ms-align-items: flex-start; align-items: flex-start; }
	.xl-aife{ -ms-align-items: flex-end; align-items: flex-end; }
	.xl-aic{ -ms-align-items: center; align-items: center; }
	.xl-aib{ -ms-align-items: baseline; align-items: baseline; }
	.xl-ais{ -ms-align-items: stretch; align-items: stretch; }
}/* end CLASS XL */

/* FONT FAMILY */
body { font-family: 'Lato',"Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.ff-Mincho{ font-family: 'Noto Serif JP',  YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.wf-sawarabimincho { font-family: "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; }
.wrap {
	width: 95%;
	box-sizing: border-box;
	margin: 0 auto;
	*zoom: 1;
}
@media screen and (min-width: 1024px){
	.wrap{width: 1000px;}
}
@media screen and (min-width: 1280px){
	.wrap{width: 1180px;}
}

/* FONT */
body{font-size: 3.5vw;}
p,li,dt,dd,th,td{font-size: 3.5vw;}
a{color: #333342; text-decoration: none;}
@media screen and (min-width: 768px){
	body{font-size: 2vw;}
	p,li,dt,dd,th,td{font-size: 2vw;}
}
@media screen and (min-width: 1024px){
	body{font-size: 16px;}
	p,li,dt,dd,th,td{font-size: 16px;}
}
.vacant{
	width: 100%;
	height: 15.625vw;
}



body{background-color: #1e1e1e !important;}
/* - HEADER */
header{
	width: 100%;
	height: 15.625vw;
	min-height: 50px;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0;
	position: fixed !important;
	z-index: 1000;
	top: 0;
	background-color: #1e1e1e;
	border-top: 0.375em solid #0b72b6;
  position: relative;
}
.header-logo a{
	width: 15.625vw;
}
.header-logo a img{
	width: 15.625vw;
	height: auto;
}
.header-logo a:hover img{
	opacity: .7;
}
header .search{
	position: relative;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
header .search label{
	color: #fff;
  font-size: 2em;
	cursor: pointer;
}
header .search label:hover{
	color: #eee;
}

header .search > input{
	display: none;
}
header .search .hidden_show{
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	position: absolute;
	left: 0;
	box-sizing: border-box;
	top: 7.32vw;
}
header .search input:checked ~ .hidden_show{
	background-color: #fff;
	width: 22em;
	height: 6.25em;
	padding: 1.2em;
	opacity: 1;
}
header .search form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  -ms-align-items: stretch;
  align-items: stretch;
}
.hidden_show .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
  position: relative;
  border: 0;
  background: #000;
  color: #fff;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.hidden_show .ec-headerSearch .ec-headerSearch__category .ec-select select{
  width: 100%;
  cursor: pointer;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  appearance: none;
  color: #fff;
}
.hidden_show .ec-headerSearch .ec-headerSearch__category .ec-select select option{
  color: #000;
}
.hidden_show .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
  position: absolute;
  top: 0.8em;
  right: 0.4em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #fff;
  pointer-events: none;
}
.hidden_show .ec-headerSearch .ec-headerSearch__keyword {
  position: relative;
  color: #525263;
  border: 1px solid #ccc;
  background-color: #f6f6f6;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
.hidden_show .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
    width: 100%;
    height: 34px;
    font-size: 16px;
    border: 0 none;
    padding: 0.5em 50px 0.5em 1em;
    box-shadow: none;
    background: none;
    box-sizing: border-box;
    margin-bottom: 0; }
.hidden_show .ec-headerSearch .ec-headerSearch__keyword .ec-icon {
    width: 22px;
    height: 22px; }
.hidden_show .ec-headerSearch .ec-headerSearch__keywordBtn {
  border: 0;
  background: none;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-55%);
  display: block;
  white-space: nowrap;
  z-index: 1; }

.ec-headerNaviRole__right{
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: flex-end;
  -ms-align-items: center;
  align-items: center;
}
.ec-headerNav__item a,
.ec-headerNav__item a i{
  color: #fff !important;
}
.ec-headerNav__item a:hover,
.ec-headerNav__item a:hover i{
  color: #eee !important;
}
.ec-headerRole__cart{
  max-width: 50px;
}
.ec-cartNavi {
  color: #fff;
  background-color: transparent;
}
.ec-cartNavi i:hover{
  color: #eee;
}

@media screen and (min-width: 576px){
	header{
		height: 13vw;
	}
	.vacant{
		height: 13vw;
	}
	.link-container,section,article{
		padding-top: 13vw;
		margin-top: -13vw;
	}
  header .search .hidden_show{
    top: 13vw;
  }
.header-logo{
  height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin-left: 1em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
}
@media screen and (min-width: 768px){
	header{
		height: 9.77vw;
	}
	.vacant{
		height: 9.77vw;
	}
	.link-container,section,article{
		padding-top: 9.77vw;
		margin-top: -9.77vw;
	}
  header .search .hidden_show{
    top: 9.77vw;
  }
	.header-logo,
	.header-logo a,
	.header-logo a img{
	width: 9vw;
	}
	.hidden_show .ec-headerSearch .ec-headerSearch__category,
	.hidden_show .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search,
	.hidden_show .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search .category_id{
		width: 100%;
	}
	.hidden_show .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
		position: relative;
		border: 0;
		background: #000;
		color: #fff;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.hidden_show .ec-headerSearch .ec-headerSearch__keyword {
		width: 100%;
		position: relative;
		color: #525263;
		border: 1px solid #ccc;
		background-color: #f6f6f6;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 0;
	}
}
@media screen and (min-width: 992px){
	header{
		height: 100px;
	}
	.vacant{
		height: 100px;
	}
	.link-container,section,article{
		padding-top: 100px;
		margin-top: -100px;
	}
  header .search .hidden_show{
    top: 100px;
  }

	header > div{
		height: 100%;
	}
  .header-logo,
	.header-logo a,
	.header-logo a img{
	width: 90px;
	}
}
.frame-blue{border: 0.05em solid #0b72b6;}
.frame-white{border: 0.06em solid #fff;}
.bg-white{background-color: #fff;}
.bg-black{background-color: #1e1e1e;}
.bg-gray{background-color: #d9dfe6;}
.bg-blue{background-color: #0b72b6;}
.c-white{color: #fff;}
.c-black{color: #1e1e1e;}
.c-gray{color: #d9dfe6;}
.c-lgray{color: #bebebe;}
.c-blue{color: #0b72b6;}

.link-btn a{
	display: inline-block;
	background-color: #ae1540;
	color: #fff;
	padding: 1em 2em;
}
.link-btn a:hover{
	background-color: #770b2c;
}
.bb-white{
	border-bottom: 0.05em solid #fff;
}
/*----------------------------------------------*/
h2.top-catch{
	margin: 0;
	padding-top: .5em;
	padding-bottom: .5em;
	color: #1e1e1e;
	background-color: #fff;
}
h2.title.sideline span{
	background-color: #1E1E1E;
	position: relative;
	padding-left: 1.2em;
	padding-right: 1.2em;
}
h2.title.sideline{
	position: relative;
}
h2.title.sideline:before{
	position: absolute;
	z-index: 0;
	content:"";
	width: 100%;
	height: 0.0625em;
	background-color: #fff;
	left: 0;
	top:50%;
	transform: translateY(-50%);
}
a.btn-blue{background-color: #0b72b6; color: #fff;}
a.btn-blue:hover{background-color: #549ccb;}

ul.category-list{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}
ul.category-list li{
	margin: .2em 0;
	padding: .2em;
	list-style-type: none;
}
ul.category-list li a{
	padding: .5em 1em;
	margin-bottom: .2em;
	border-radius: 1em;
	background-color: #373737;
	color: #fff;
}
ul.category-list li a:hover{
	background-color: #737373;
}
/*----------------------------------------------*/
.ec-layoutRole{
    background-color: transparent;
}
.ec-sliderRole{
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
}
.slick-slider {
		margin-bottom: 30px;
}

.slick-dots {
		position: absolute;
		bottom: -45px;
		display: block;
		width: 100%;
		padding: 0;
		list-style: none;
		text-align: center;
}

.slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 5px;
		padding: 0;

		cursor: pointer;
}

.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px;
		height: 20px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
		outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
		opacity: 1;
}

.slick-dots li button:before {
		content: " ";
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 12px;
		height: 12px;
		text-align: center;
		opacity: .75;
		background-color: #fff;
		border-radius: 50%;

}

.slick-dots li.slick-active button:before {
		opacity: .75;
		background-color: #0b72b6;
}

.slick-dots li button.thumbnail img {
		width: 0;
		height: 0;
}

.slick-slider{
    margin-bottom: 0;
}
.slick-dots{
	bottom: 3px;
}
.ec-shelfGrid .ec-shelfGrid__item{
	background-color: #373737;
}
@media screen and (min-width: 768px){
	.ec-shelfGrid .ec-shelfGrid__item{
		width: 24%;
		margin-left: .5%;margin-right: .5%;
	}

}
.ec-blockBtn--action{
	border: 1px solid #0b72b6;
	background-color: #0b72b6;
}.ec-blockBtn--action:hover{
	border: 1px solid #074f7f;
	background-color: #074f7f;
}
.top-news{
	max-width: 1130px;
	margin: 0 auto;
}

.acd-check{
  display: none;
}
.acd-label{
  display: block;
  margin-bottom: 0.3em;
  padding: 1em 3em 1em 4em;
  position: relative;
	border-bottom: 0.03em solid #333;
}
.acd-label:before{
	content:"Q.";
	font-size: 1.5em;
	padding-right: 1em;
	margin-left: -2em;
	color: #0b72b6;
}
.acd-label:after{
  box-sizing: border-box;
	font-family: "Font Awesome 5 Free";
  content: '\f107';
  display: block;
  position: absolute;
	font-size: 1.5em;
  right: 1em;
  top: 50%;
	transform: translateY( -50% );
}
.acd-content{
  border-bottom: 0.03em solid #333;
  display: block;
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden;
}
.acd-content p{
	padding-left: 3em;
}
.acd-content p:before{
	content:"A.";
	font-weight: bold;
	font-size: 1.5em;
	padding-right: 1em;
	margin-left: -2em;
	color: #e6002d;
}
.acd-check:checked + .acd-label:after{
    content: '\f106';
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 1em;
    visibility: visible;
}


div.postage-base{
	overflow-x: scroll;
	width: 100%;
}
table.postage{
	color: #333;
	border-collapse: collapse;
}
table.postage th,table.postage td{
	border: 1px solid #333;
	text-align: center;
	font-size: .9em;
}
table.postage tr:nth-child(even) td{
	background-color: #eee;
}
table.postage tr:nth-child(odd) td{
	background-color: #fff;
}
table.postage th{
	background-color: #7f7f7f;
	color: #fff;
}