@charset "utf-8";
 /* --------------------------------------------------------- */

:root {
	--yellow: #F9BC00;
	--green: #AEDFAE;
	--orange: #FF5017;
	--blue: #9FD6EE;
}


 html {}
 body {
 	margin: 0;
 	padding: 0;
 	color: #333333;
 	font-family: "ＭＳ Ｐゴシック", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", 'Meiryo', "Osaka", arial, sans-serif;
 	font-size: 13px;
 	*font-size: small;
 	*font: x-small;
 	line-height: 1.5;
 	height: 100%;
 	background-color: #FFFFFF; /*
	background-image: url('/hshonten/special/page/img/1805/bg.png?elx_nc=1');
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: left top;
	background-size: 960px 30px;
	*/
 }
 html:not(:target) body {
 	font-size: 13px;
 } /* IE 以外 */
 body {
 	-webkit-text-size-adjust: 100%;
 } /* WebKit */
 a:link {

 }
 a:visited {
	 color: inherit;

 }
 a:hover {

 }
 a:active {

 }
 a:active, a:focus {
 	outline: none;
 }
 a img {
 	border: 0;
 }
 img {
 	vertical-align: bottom;
 }
 iframe {
 	display: block;
 }
 figure{
	 margin: 0;
 }
 .pc {
 	display: block;
 }
 .sp {
 	display: none;
 }
 @media screen and (max-width: 750px) {
 	.pc {
 		display: none;
 	}
 	.sp {
 		display: block;
 	}
 }
 /* --------------------------------------------------------- */
 /*#waku_inner {
	margin: 0 auto;
	color: #202020;
	width: 1280px;
}*/
 /* --------------------------------------------------------- */
 h1, h2, h3, h4, h5, h6, p, img {
 	clear: none;
 	margin: 0;
 	padding: 0;
 	text-align: left;
	 font-size: 100%;
 }
 ul, dl, dt, dd {
 	margin: 0;
 	padding: 0;
 }
 ul li {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }
 p, li {
 	/* line-height: 1.8; */
 }
 em {
 	font-style: normal;
 	font-weight: normal;
 }
 a,
 a:link,
 a:hover,
 a:active,
 a:visited{
	 color: inherit;
	 text-decoration: none;
 }
 .prg05em {
 	text-indent: -0.5em;
 	padding-left: 0.5em;
 }
 .prg10em {
 	text-indent: -1.0em;
 	padding-left: 1.0em;
 }
 .prg15em {
 	text-indent: -1.5em;
 	padding-left: 1.5em;
 }
 .w50 {
 	width: 50%;
 }
 hr.normal {
 	width: 100%;
 	margin: 20px 0px;
 	padding: 0px;
 	border-top: none;
 	border-left: none;
 	border-right: none;
 	color: #B6B6B6;
 	border-bottom: 1px dotted #B6B6B6;
 }
 hr.dotLine {
 	width: 100%;
 	margin: 20px 0px;
 	padding: 0px;
 	border-top: none;
 	border-left: none;
 	border-right: none;
 	color: #D71309;
 	border-bottom: 1px dotted #D71309;
 }

 .ta-c{
	text-align: center;
 }
 .ta-r{
	text-align: right;
 }

 .fz-s{
	 font-size: 90%;
 }
 .fz-l{
	 font-size: 110%;
 }
 
 .fw-b{
	 font-weight: 700;
 }

 .caption{
	 font-size: 70%;
 }


 /* margin */
 .mb5 {
 	margin-bottom: 5px !important;
 }

 .mb10 {
 	margin-bottom: 10px !important;
 }

 .mb15 {
 	margin-bottom: 15px !important;
 }

 .mb20 {
 	margin-bottom: 20px !important;
 }

 .mb25 {
 	margin-bottom: 25px !important;
 }

 .mb30 {
 	margin-bottom: 30px !important;
 }

 .mb35 {
 	margin-bottom: 35px !important;
 }

 .mb40 {
 	margin-bottom: 40px !important;
 }

 .mb45 {
 	margin-bottom: 45px !important;
 }

 .mb50 {
 	margin-bottom: 50px !important;
 }

 .mb55 {
 	margin-bottom: 55px !important;
 }

 .mb60 {
 	margin-bottom: 60px !important;
 }

 .mb65 {
 	margin-bottom: 65px !important;
 }

 .mb70 {
 	margin-bottom: 70px !important;
 }

 .mb75 {
 	margin-bottom: 75px !important;
 }

 .mb80 {
 	margin-bottom: 80px !important;
 }

 .mb85 {
 	margin-bottom: 85px !important;
 }

 .mb90 {
 	margin-bottom: 90px !important;
 }

 .mb95 {
 	margin-bottom: 95px !important;
 }

 .mb100 {
 	margin-bottom: 100px !important;
 }

 .mb105 {
 	margin-bottom: 105px !important;
 }

 .mb110 {
 	margin-bottom: 110px !important;
 }

 .mb115 {
 	margin-bottom: 115px !important;
 }

 .mb120 {
 	margin-bottom: 120px !important;
 }

 .mb125 {
 	margin-bottom: 125px !important;
 }

 .mb130 {
 	margin-bottom: 130px !important;
 }

 .mb135 {
 	margin-bottom: 135px !important;
 }

 .mb140 {
 	margin-bottom: 140px !important;
 }

 .mb145 {
 	margin-bottom: 145px !important;
 }

 .mb150 {
 	margin-bottom: 150px !important;
 }

 .mb155 {
 	margin-bottom: 155px !important;
 }

 .mb160 {
 	margin-bottom: 160px !important;
 }

 .mb165 {
 	margin-bottom: 165px !important;
 }

 .mb170 {
 	margin-bottom: 170px !important;
 }

 .mb175 {
 	margin-bottom: 175px !important;
 }

 .mb180 {
 	margin-bottom: 180px !important;
 }

 .mb185 {
 	margin-bottom: 185px !important;
 }

 .mb190 {
 	margin-bottom: 190px !important;
 }

 .mb195 {
 	margin-bottom: 195px !important;
 }

 .mb200 {
 	margin-bottom: 200px !important;
 }

 @media screen and (max-width: 750px) {
 	.mb5 {
 		margin-bottom: 0.666vw !important;
 	}

 	.mb10 {
 		margin-bottom: 1.333vw !important;
 	}

 	.mb15 {
 		margin-bottom: 2vw !important;
 	}

 	.mb20 {
 		margin-bottom: 2.666vw !important;
 	}

 	.mb25 {
 		margin-bottom: 3.333vw !important;
 	}

 	.mb30 {
 		margin-bottom: 4vw !important;
 	}

 	.mb35 {
 		margin-bottom: 4.666vw !important;
 	}

 	.mb40 {
 		margin-bottom: 5.333vw !important;
 	}

 	.mb45 {
 		margin-bottom: 6vw !important;
 	}

 	.mb50 {
 		margin-bottom: 6.666vw !important;
 	}

 	.mb55 {
 		margin-bottom: 7.333vw !important;
 	}

 	.mb60 {
 		margin-bottom: 8vw !important;
 	}

 	.mb65 {
 		margin-bottom: 8.666vw !important;
 	}

 	.mb70 {
 		margin-bottom: 9.333vw !important;
 	}

 	.mb75 {
 		margin-bottom: 10vw !important;
 	}

 	.mb80 {
 		margin-bottom: 10.666vw !important;
 	}

 	.mb85 {
 		margin-bottom: 11.333vw !important;
 	}

 	.mb90 {
 		margin-bottom: 12vw !important;
 	}

 	.mb95 {
 		margin-bottom: 12.666vw !important;
 	}

 	.mb100 {
 		margin-bottom: 13.333vw !important;
 	}

 	.mb105 {
 		margin-bottom: 14vw !important;
 	}

 	.mb110 {
 		margin-bottom: 14.666vw !important;
 	}

 	.mb115 {
 		margin-bottom: 15.333vw !important;
 	}

 	.mb120 {
 		margin-bottom: 16vw !important;
 	}

 	.mb125 {
 		margin-bottom: 16.666vw !important;
 	}

 	.mb130 {
 		margin-bottom: 17.333vw !important;
 	}

 	.mb135 {
 		margin-bottom: 18vw !important;
 	}

 	.mb140 {
 		margin-bottom: 18.666vw !important;
 	}

 	.mb145 {
 		margin-bottom: 19.333vw !important;
 	}

 	.mb150 {
 		margin-bottom: 20vw !important;
 	}

 	.mb155 {
 		margin-bottom: 20.666vw !important;
 	}

 	.mb160 {
 		margin-bottom: 21.333vw !important;
 	}

 	.mb165 {
 		margin-bottom: 22vw !important;
 	}

 	.mb170 {
 		margin-bottom: 22.666vw !important;
 	}

 	.mb175 {
 		margin-bottom: 23.333vw !important;
 	}

 	.mb180 {
 		margin-bottom: 24vw !important;
 	}

 	.mb185 {
 		margin-bottom: 24.666vw !important;
 	}

 	.mb190 {
 		margin-bottom: 25.333vw !important;
 	}

 	.mb195 {
 		margin-bottom: 26vw !important;
 	}

 	.mb200 {
 		margin-bottom: 26.666vw !important;
 	}
 }

 .pt5 {
 	padding-top: 5px !important;
 }

 .pt10 {
 	padding-top: 10px !important;
 }

 .pt15 {
 	padding-top: 15px !important;
 }

 .pt20 {
 	padding-top: 20px !important;
 }

 .pt25 {
 	padding-top: 25px !important;
 }

 .pt30 {
 	padding-top: 30px !important;
 }

 .pt35 {
 	padding-top: 35px !important;
 }

 .pt40 {
 	padding-top: 40px !important;
 }

 .pt45 {
 	padding-top: 45px !important;
 }

 .pt50 {
 	padding-top: 50px !important;
 }

 .pt55 {
 	padding-top: 55px !important;
 }

 .pt60 {
 	padding-top: 60px !important;
 }

 .pt65 {
 	padding-top: 65px !important;
 }

 .pt70 {
 	padding-top: 70px !important;
 }

 .pt75 {
 	padding-top: 75px !important;
 }

 .pt80 {
 	padding-top: 80px !important;
 }

 .pt85 {
 	padding-top: 85px !important;
 }

 .pt90 {
 	padding-top: 90px !important;
 }

 .pt95 {
 	padding-top: 95px !important;
 }

 .pt100 {
 	padding-top: 100px !important;
 }

 .pt105 {
 	padding-top: 105px !important;
 }

 .pt110 {
 	padding-top: 110px !important;
 }

 .pt115 {
 	padding-top: 115px !important;
 }

 .pt120 {
 	padding-top: 120px !important;
 }

 .pt125 {
 	padding-top: 125px !important;
 }

 .pt130 {
 	padding-top: 130px !important;
 }

 .pt135 {
 	padding-top: 135px !important;
 }

 .pt140 {
 	padding-top: 140px !important;
 }

 .pt145 {
 	padding-top: 145px !important;
 }

 .pt150 {
 	padding-top: 150px !important;
 }

 .pt155 {
 	padding-top: 155px !important;
 }

 .pt160 {
 	padding-top: 160px !important;
 }

 .pt165 {
 	padding-top: 165px !important;
 }

 .pt170 {
 	padding-top: 170px !important;
 }

 .pt175 {
 	padding-top: 175px !important;
 }

 .pt180 {
 	padding-top: 180px !important;
 }

 .pt185 {
 	padding-top: 185px !important;
 }

 .pt190 {
 	padding-top: 190px !important;
 }

 .pt195 {
 	padding-top: 195px !important;
 }

 .pt200 {
 	padding-top: 200px !important;
 }

 .pb5 {
 	padding-bottom: 5px !important;
 }

 .pb10 {
 	padding-bottom: 10px !important;
 }

 .pb15 {
 	padding-bottom: 15px !important;
 }

 .pb20 {
 	padding-bottom: 20px !important;
 }

 .pb25 {
 	padding-bottom: 25px !important;
 }

 .pb30 {
 	padding-bottom: 30px !important;
 }

 .pb35 {
 	padding-bottom: 35px !important;
 }

 .pb40 {
 	padding-bottom: 40px !important;
 }

 .pb45 {
 	padding-bottom: 45px !important;
 }

 .pb50 {
 	padding-bottom: 50px !important;
 }

 .pb55 {
 	padding-bottom: 55px !important;
 }

 .pb60 {
 	padding-bottom: 60px !important;
 }

 .pb65 {
 	padding-bottom: 65px !important;
 }

 .pb70 {
 	padding-bottom: 70px !important;
 }

 .pb75 {
 	padding-bottom: 75px !important;
 }

 .pb80 {
 	padding-bottom: 80px !important;
 }

 .pb85 {
 	padding-bottom: 85px !important;
 }

 .pb90 {
 	padding-bottom: 90px !important;
 }

 .pb95 {
 	padding-bottom: 95px !important;
 }

 .pb100 {
 	padding-bottom: 100px !important;
 }

 .pb105 {
 	padding-bottom: 105px !important;
 }

 .pb110 {
 	padding-bottom: 110px !important;
 }

 .pb115 {
 	padding-bottom: 115px !important;
 }

 .pb120 {
 	padding-bottom: 120px !important;
 }

 .pb125 {
 	padding-bottom: 125px !important;
 }

 .pb130 {
 	padding-bottom: 130px !important;
 }

 .pb135 {
 	padding-bottom: 135px !important;
 }

 .pb140 {
 	padding-bottom: 140px !important;
 }

 .pb145 {
 	padding-bottom: 145px !important;
 }

 .pb150 {
 	padding-bottom: 150px !important;
 }

 .pb155 {
 	padding-bottom: 155px !important;
 }

 .pb160 {
 	padding-bottom: 160px !important;
 }

 .pb165 {
 	padding-bottom: 165px !important;
 }

 .pb170 {
 	padding-bottom: 170px !important;
 }

 .pb175 {
 	padding-bottom: 175px !important;
 }

 .pb180 {
 	padding-bottom: 180px !important;
 }

 .pb185 {
 	padding-bottom: 185px !important;
 }

 .pb190 {
 	padding-bottom: 190px !important;
 }

 .pb195 {
 	padding-bottom: 195px !important;
 }

 .pb200 {
 	padding-bottom: 200px !important;
 }

 .py5 {
 	padding-top: 5px !important;
 	padding-bottom: 5px !important;
 }

 .py10 {
 	padding-top: 10px !important;
 	padding-bottom: 10px !important;
 }

 .py15 {
 	padding-top: 15px !important;
 	padding-bottom: 15px !important;
 }

 .py20 {
 	padding-top: 20px !important;
 	padding-bottom: 20px !important;
 }

 .py25 {
 	padding-top: 25px !important;
 	padding-bottom: 25px !important;
 }

 .py30 {
 	padding-top: 30px !important;
 	padding-bottom: 30px !important;
 }

 .py35 {
 	padding-top: 35px !important;
 	padding-bottom: 35px !important;
 }

 .py40 {
 	padding-top: 40px !important;
 	padding-bottom: 40px !important;
 }

 .py45 {
 	padding-top: 45px !important;
 	padding-bottom: 45px !important;
 }

 .py50 {
 	padding-top: 50px !important;
 	padding-bottom: 50px !important;
 }

 .py55 {
 	padding-top: 55px !important;
 	padding-bottom: 55px !important;
 }

 .py60 {
 	padding-top: 60px !important;
 	padding-bottom: 60px !important;
 }

 .py65 {
 	padding-top: 65px !important;
 	padding-bottom: 65px !important;
 }

 .py70 {
 	padding-top: 70px !important;
 	padding-bottom: 70px !important;
 }

 .py75 {
 	padding-top: 75px !important;
 	padding-bottom: 75px !important;
 }

 .py80 {
 	padding-top: 80px !important;
 	padding-bottom: 80px !important;
 }

 .py85 {
 	padding-top: 85px !important;
 	padding-bottom: 85px !important;
 }

 .py90 {
 	padding-top: 90px !important;
 	padding-bottom: 90px !important;
 }

 .py95 {
 	padding-top: 95px !important;
 	padding-bottom: 95px !important;
 }

 .py100 {
 	padding-top: 100px !important;
 	padding-bottom: 100px !important;
 }

 @media screen and (max-width: 750px) {
 	.pt5 {
 		padding-top: 0.666vw !important;
 	}

 	.pt10 {
 		padding-top: 1.333vw !important;
 	}

 	.pt15 {
 		padding-top: 2vw !important;
 	}

 	.pt20 {
 		padding-top: 2.666vw !important;
 	}

 	.pt25 {
 		padding-top: 3.333vw !important;
 	}

 	.pt30 {
 		padding-top: 4vw !important;
 	}

 	.pt35 {
 		padding-top: 4.666vw !important;
 	}

 	.pt40 {
 		padding-top: 5.333vw !important;
 	}

 	.pt45 {
 		padding-top: 6vw !important;
 	}

 	.pt50 {
 		padding-top: 6.666vw !important;
 	}

 	.pt55 {
 		padding-top: 7.333vw !important;
 	}

 	.pt60 {
 		padding-top: 8vw !important;
 	}

 	.pt65 {
 		padding-top: 8.666vw !important;
 	}

 	.pt70 {
 		padding-top: 9.333vw !important;
 	}

 	.pt75 {
 		padding-top: 10vw !important;
 	}

 	.pt80 {
 		padding-top: 10.666vw !important;
 	}

 	.pt85 {
 		padding-top: 11.333vw !important;
 	}

 	.pt90 {
 		padding-top: 12vw !important;
 	}

 	.pt95 {
 		padding-top: 12.666vw !important;
 	}

 	.pt100 {
 		padding-top: 13.333vw !important;
 	}

 	.pt105 {
 		padding-top: 14vw !important;
 	}

 	.pt110 {
 		padding-top: 14.666vw !important;
 	}

 	.pt115 {
 		padding-top: 15.333vw !important;
 	}

 	.pt120 {
 		padding-top: 16vw !important;
 	}

 	.pt125 {
 		padding-top: 16.666vw !important;
 	}

 	.pt130 {
 		padding-top: 17.333vw !important;
 	}

 	.pt135 {
 		padding-top: 18vw !important;
 	}

 	.pt140 {
 		padding-top: 18.666vw !important;
 	}

 	.pt145 {
 		padding-top: 19.333vw !important;
 	}

 	.pt150 {
 		padding-top: 20vw !important;
 	}

 	.pt155 {
 		padding-top: 20.666vw !important;
 	}

 	.pt160 {
 		padding-top: 21.333vw !important;
 	}

 	.pt165 {
 		padding-top: 22vw !important;
 	}

 	.pt170 {
 		padding-top: 22.666vw !important;
 	}

 	.pt175 {
 		padding-top: 23.333vw !important;
 	}

 	.pt180 {
 		padding-top: 24vw !important;
 	}

 	.pt185 {
 		padding-top: 24.666vw !important;
 	}

 	.pt190 {
 		padding-top: 25.333vw !important;
 	}

 	.pt195 {
 		padding-top: 26vw !important;
 	}

 	.pt200 {
 		padding-top: 26.666vw !important;
 	}

 	.pb5 {
 		padding-bottom: 0.666vw !important;
 	}

 	.pb10 {
 		padding-bottom: 1.333vw !important;
 	}

 	.pb15 {
 		padding-bottom: 2vw !important;
 	}

 	.pb20 {
 		padding-bottom: 2.666vw !important;
 	}

 	.pb25 {
 		padding-bottom: 3.333vw !important;
 	}

 	.pb30 {
 		padding-bottom: 4vw !important;
 	}

 	.pb35 {
 		padding-bottom: 4.666vw !important;
 	}

 	.pb40 {
 		padding-bottom: 5.333vw !important;
 	}

 	.pb45 {
 		padding-bottom: 6vw !important;
 	}

 	.pb50 {
 		padding-bottom: 6.666vw !important;
 	}

 	.pb55 {
 		padding-bottom: 7.333vw !important;
 	}

 	.pb60 {
 		padding-bottom: 8vw !important;
 	}

 	.pb65 {
 		padding-bottom: 8.666vw !important;
 	}

 	.pb70 {
 		padding-bottom: 9.333vw !important;
 	}

 	.pb75 {
 		padding-bottom: 10vw !important;
 	}

 	.pb80 {
 		padding-bottom: 10.666vw !important;
 	}

 	.pb85 {
 		padding-bottom: 11.333vw !important;
 	}

 	.pb90 {
 		padding-bottom: 12vw !important;
 	}

 	.pb95 {
 		padding-bottom: 12.666vw !important;
 	}

 	.pb100 {
 		padding-bottom: 13.333vw !important;
 	}

 	.pb105 {
 		padding-bottom: 14vw !important;
 	}

 	.pb110 {
 		padding-bottom: 14.666vw !important;
 	}

 	.pb115 {
 		padding-bottom: 15.333vw !important;
 	}

 	.pb120 {
 		padding-bottom: 16vw !important;
 	}

 	.pb125 {
 		padding-bottom: 16.666vw !important;
 	}

 	.pb130 {
 		padding-bottom: 17.333vw !important;
 	}

 	.pb135 {
 		padding-bottom: 18vw !important;
 	}

 	.pb140 {
 		padding-bottom: 18.666vw !important;
 	}

 	.pb145 {
 		padding-bottom: 19.333vw !important;
 	}

 	.pb150 {
 		padding-bottom: 20vw !important;
 	}

 	.pb155 {
 		padding-bottom: 20.666vw !important;
 	}

 	.pb160 {
 		padding-bottom: 21.333vw !important;
 	}

 	.pb165 {
 		padding-bottom: 22vw !important;
 	}

 	.pb170 {
 		padding-bottom: 22.666vw !important;
 	}

 	.pb175 {
 		padding-bottom: 23.333vw !important;
 	}

 	.pb180 {
 		padding-bottom: 24vw !important;
 	}

 	.pb185 {
 		padding-bottom: 24.666vw !important;
 	}

 	.pb190 {
 		padding-bottom: 25.333vw !important;
 	}

 	.pb195 {
 		padding-bottom: 26vw !important;
 	}

 	.pb200 {
 		padding-bottom: 26.666vw !important;
 	}

 	.py5 {
 		padding-top: 0.666vw !important;
 		padding-bottom: 0.666vw !important;
 	}

 	.py10 {
 		padding-top: 1.333vw !important;
 		padding-bottom: 1.333vw !important;
 	}

 	.py15 {
 		padding-top: 2vw !important;
 		padding-bottom: 2vw !important;
 	}

 	.py20 {
 		padding-top: 2.666vw !important;
 		padding-bottom: 2.666vw !important;
 	}

 	.py25 {
 		padding-top: 3.333vw !important;
 		padding-bottom: 3.333vw !important;
 	}

 	.py30 {
 		padding-top: 4vw !important;
 		padding-bottom: 4vw !important;
 	}

 	.py35 {
 		padding-top: 4.666vw !important;
 		padding-bottom: 4.666vw !important;
 	}

 	.py40 {
 		padding-top: 5.333vw !important;
 		padding-bottom: 5.333vw !important;
 	}

 	.py45 {
 		padding-top: 6vw !important;
 		padding-bottom: 6vw !important;
 	}

 	.py50 {
 		padding-top: 6.666vw !important;
 		padding-bottom: 6.666vw !important;
 	}

 	.py55 {
 		padding-top: 7.333vw !important;
 		padding-bottom: 7.333vw !important;
 	}

 	.py60 {
 		padding-top: 8vw !important;
 		padding-bottom: 8vw !important;
 	}

 	.py65 {
 		padding-top: 8.666vw !important;
 		padding-bottom: 8.666vw !important;
 	}

 	.py70 {
 		padding-top: 9.333vw !important;
 		padding-bottom: 9.333vw !important;
 	}

 	.py75 {
 		padding-top: 10vw !important;
 		padding-bottom: 10vw !important;
 	}

 	.py80 {
 		padding-top: 10.666vw !important;
 		padding-bottom: 10.666vw !important;
 	}

 	.py85 {
 		padding-top: 11.333vw !important;
 		padding-bottom: 11.333vw !important;
 	}

 	.py90 {
 		padding-top: 12vw !important;
 		padding-bottom: 12vw !important;
 	}

 	.py95 {
 		padding-top: 12.666vw !important;
 		padding-bottom: 12.666vw !important;
 	}

 	.py100 {
 		padding-top: 13.333vw !important;
 		padding-bottom: 13.333vw !important;
 	}
 }


 .clearfix:after {
 	content: "";
 	height: 0;
 	visibility: hidden;
 	display: block;
 	clear: both;
 }




 /* ------------------------------------------------------------
	common header / footer
-------------------------------------------------------------- */
 
 #section_header {
 	width: 100%;
 	background-color: #1E1E1E;
 }
 #section_header p {
 	max-width: 750px;
 	margin-left: auto !important;
 	margin-right: auto !important;
 	padding: 12px 4px;
 	box-sizing: border-box;
 }
 #section_header p img {
 	width: 50%;
 	max-width: 400px;
 }
 #section_footer {
 	width: 100%;
 	background-color: #1E1E1E;
 	padding: 0;
 	box-sizing: border-box;
 }
 #section_footer img {
 	width: 100%;
 }
 #section_footer .copyright {
 	color: #FFFFFF;
 	/* font-size: 80%; */
 	text-align: center;
 	padding: 12px;
 	box-sizing: border-box;
 	background: #3C3C3C;
 }
 #section_footer #navi {
 	width: 100%;
 	max-width: 750px;
 	margin-left: auto !important;
 	margin-right: auto !important;
 	padding: 0;
 	box-sizing: border-box;
 }
 #section_footer #navi dl dd.cellL {
 	width: 80%;
 	float: left;
 	box-sizing: border-box;
 }
 #section_footer #navi dl dd.cellR {
 	width: 20%;
 	float: right;
 	box-sizing: border-box;
 }
 #section_footer #navi dl dd ul li {
 	width: 50%;
 	float: left;
 	padding: 10px 0 0 10px;
 	box-sizing: border-box;
 }
 #section_footer #navi dl dd ul li img {
 	max-width: 330px;
 	max-height: 50px;
 }
 #section_footer #navi dl dd.cellR img {
 	max-width: 170px;
 }
 
 @media screen and (max-width: 750px) {
 
 }



/* ------------------------------------------------------------
	common
-------------------------------------------------------------- */

.page-inner {
	position: relative;
	max-width: 750px;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 0.5em 4%;
	box-sizing: border-box;
}
.bg-blue {
	background: #9FD6EE;
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
	.youtube iframe {
		border-radius: 14px;
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
.youtube.radius{
	border-radius: 1em;
	overflow: hidden;
	z-index: 1; /* この行を追加 */
}
.youtube.radius.border{
	border: solid 2px #111;
}
 @media screen and (max-width: 750px) {
	.youtube.radius.border{
		border: solid 1px #111;
	}
 }

#page-header{
	position: absolute;
	left: 0;
	top: 72px;
	z-index: 9;
	width: 100%;
	background: #FF5017;
	transition: transform 0.4s;
	transform: translate(0, 0);
}
 @media screen and (max-width: 750px) {
	 #page-header {
	 	top: 12.4vw;
	 }
 }
#page-header.fixed{
	position: fixed;
	top: 0;
}
#page-header.close {
	transform: translate(0, -200%);
}
#page-header .logo{
	width: 14.125%;
}
#page-header #gnav-trigger {
	display: block;
	position: absolute;
	right: 4%;
	top: 26%;
	width: 6%;
	padding-top: 6%;
	cursor: pointer;
}
#page-header #gnav-trigger span{
	display: block;
	position: absolute;
	width: 100%;
	height: 4px;
	background: #111;
}
 @media screen and (max-width: 750px) {
	#page-header #gnav-trigger span {
		height: 2px;
	}
 }
#page-header #gnav-trigger span:nth-child(1){
	top: 0;
}
#page-header #gnav-trigger span:nth-child(2) {
	top: 50%;
	transform: translate(0, -50%);
}
#page-header #gnav-trigger span:nth-child(3) {
	bottom: 0;
}

#page-gNavigation{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: #FBFAF2;
}
#page-gNavigation h2{
	padding: 2% 8%;
}
#page-gNavigation .nav-list{
	text-align: center;
}
#page-gNavigation .nav-list li a{
	display: block;
	padding: 0.5em;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: #5A3400;
}
 @media screen and (max-width: 750px) {
 	#page-gNavigation .nav-list li a {
 		font-size: 160%;
 	}
 }

#page-gNavigation #gnav-trigger-close {
	display: block;
	position: absolute;
	right: 12%;
	bottom: -6%;
	width: 6%;
	padding-top: 6%;
	cursor: pointer;
}
#page-gNavigation #gnav-trigger-close span {
	display: block;
	position: absolute;
	width: 100%;
	height: 6px;
	background: #FF5017;
}
 @media screen and (max-width: 750px) {
	#page-gNavigation #gnav-trigger-close span {
		height: 3px;
	}
 }
#page-gNavigation #gnav-trigger-close span:nth-child(1) {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

#page-gNavigation #gnav-trigger-close span:nth-child(2) {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}


 .content-wrap{
	 width: 750px;
	 margin: 0 auto;
	 padding: 150px 0 1px 0;
	 background: #fff;
	 font-size: 28px;
	 line-height: 2;
	 letter-spacing: 0.05em;
	 font-family: "游ゴシック", 'Noto Sans JP',sans-serif;
	 font-weight: 500;
	 font-feature-settings: "palt";
 }
  .toppage .content-wrap {
  	padding: 76px 0 1px 0;
	background: #FBFAF2;
  }
  .content-wrap img{
	  width: 100%;
	  height: auto;
  }
  .content-wrap picture {
  	display: block;
  	border-radius: 28px;
  	overflow: hidden;
  	/* border: solid 2px #111; */
  }
  .content-wrap picture.border {
  	border: solid 2px #111;
  }
 @media screen and (max-width: 750px) {
	 .content-wrap {
		 width: 100%;
	 	padding: 17% 0 1px 0;
	 	font-size: 3.7333vw;
	 }
	 .content-wrap picture {
	 	border-radius: 14px;
	 	/* border: solid 1px #111; */
	 }
	 .content-wrap picture.border {
	 	border: solid 1px #111;
	 }
 }



.section-inner{
	padding: 0 7%;
	margin-bottom: 7%;
}

.btn{
	display: block;
	position: relative;
	width: 70%;
	margin: 0 auto;
	padding: 0.8em 4% 0.8em 0;
	border: solid 2px #111;
	border-radius: 2em;
	text-decoration: none;
	text-align: center;
	background: #fff;
	font-weight: 700;
	font-size: 130%;
	line-height: 1;
	letter-spacing: 0.15em;
}
 @media screen and (max-width: 750px) {
	.btn {
		border: solid 1px #111;
	}
 }
.article-contnet .btn{
	border: none;
}

.btn[href]::after {
	content: '▶';
	position: absolute;
	right: 2%;
	top: 50%;
	font-size: 77%;
	transform: translate(0, -50%);
}
.btn.yellow {
	background: #F9BC00;
}
.btn.blue {
	background: #9FD6EE;
}
.btn.orange {
	background: #FF5017;
}
.btn.green {
	background: #AEDFAE;
}
.btn.brown {
	background: #B27B4D;
}
.btn.bluegreen {
	background: #00AE6E;
}
.btn.black {
	background: #000;
	color: #fff;
}
.btn.gray {
	background: #333;
	color: #fff;
}
.btn.accordion {
	border: none;
	cursor: pointer;
}
.btn.accordion::before {
	content: attr(data-open);
}
.btn.accordion.open::before {
	content: attr(data-close);
}
.btn.accordion::after {
	content: '▼';
	position: absolute;
	top: 50%;
	right: 4%;
	font-size: 60%;
	transform: translate(0, -50%);
}
.btn.accordion.open::after {
	content: '▲';
}

.article-list{}
.article-list li{
	margin-bottom: 8%;
}
.article-item{
	display: flex;
	justify-content: flex-start;
	align-items:stretch;
	position: relative;
	padding: 0 2.45%;
	border: solid 2px #111;
	border-radius: 1em;
	text-decoration: none;
	line-height: 1.8;
	background: #FBFAF3;
}
 @media screen and (max-width: 750px) {
	.article-item {
		border: solid 1px #111;
	}
 }
.article-item[href]::after {
	content: '▶';
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translate(0, -50%);
}
.article-item.current{
	background: #F9BC00;
}
.article-item.future {
	background: #FF5017;
}

.article-item:hover {
	text-decoration: none;
}
.article-item figure{
	display: flex;
	align-items: center;
	position: relative;
	width: 22%;
	margin: 0;
	padding-right: 4%;
	flex-shrink: 0;
}
.article-item.future figure::after {
	/* content: '';
	position: absolute;
	left: 0;
	bottom: 0.5em;
	width: 100%;
	height: 0.8em;
	background: url(../img/article/comingsoon.png) no-repeat center;
	background-size: 80%; */
}

.article-item dl {
	display: flex;
	flex-direction: column;
}
.article-item dt {
	display: flex;
	align-items: center;
	padding: 0.25em 0 0 0;
	height: 3em;
	font-weight: 700;
	font-size: 130%;
	line-height: 1.2;
	letter-spacing: 0.15em;
}

.article-item dt.three-lines {
	height: 4em;
}

.article-item dd {
	position: relative;
	height: 1.5em;
	padding: 0 0 0.5em 3.7em;
	font-weight: 700;
}
.article-item dd::before{
	content: '';
	display: inline-block;
	position: absolute;
	left: -0.5em;
	top: -0.2em;
	width: 4em;
	height: 1.8em;
	margin-right: 0.5em;
	background: url(../img/period.png) no-repeat;
	background-size: 100%;
	transform: translate(0, 0.4em);
}

.article-item-size dt {
	display: flex;
	padding: 0.25em 0 0 0;
	height: 3em;
	font-weight: 700;
	font-size: 110%;
	line-height: 1.2;
	letter-spacing: 0.15em;
	flex-direction: column;
	align-items: flex-start;
}
.article-item-size dt span{
	font-size: 75%;
	text-align: left;
}


.shadow-btn {
	display: flex;
	justify-content: flex-start;
	position: relative;
	align-items: stretch;
	padding: 2.45%;
	border: solid 2px #111;
	border-radius: 1em;
	text-decoration: none;
	line-height: 1.8;
	background: #fff;
	box-shadow: 18px 18px 0px -3px #111;
}
.shadow-btn.orange{
	box-shadow: 18px 18px 0px -3px #FF5017;
}
.shadow-btn.blue{
	box-shadow: 18px 18px 0px -3px #9FD6EE;
}
.shadow-btn.green{
	box-shadow: 18px 18px 0px -3px #AEDFAE;
}
.shadow-btn.yellow{
	box-shadow: 18px 18px 0px -3px #F9BC00;
}
 @media screen and (max-width: 750px) {
 	.shadow-btn {
		border: solid 1px #111;
 		box-shadow: 9px 9px 0px -3px #111;
 	}
	 .shadow-btn.orange{
		box-shadow: 9px 9px 0px -3px #FF5017;
	}
	.shadow-btn.blue{
		box-shadow: 9px 9px 0px -3px #9FD6EE;
	}
	.shadow-btn.green{
		box-shadow: 9px 9px 0px -3px #AEDFAE;
	}
	.shadow-btn.yellow{
		box-shadow: 9px 9px 0px -3px #F9BC00;
	}
 }
.shadow-btn:hover {
	text-decoration: none;
}
.shadow-btn figure {
	display: flex;
	align-items: center;
	width: 16%;
	margin: 0;
	padding: 3% 2% 3%;
}
.shadow-btn p {
	display: flex;
	align-items: center;
	font-size: 90%;
	font-weight: 700;
}
.shadow-btn[href]::after{
	content: '▶';
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translate(0, -50%);
}

.shadow-wrap{
	display: inline-block;
	position: relative;
	padding: 2.45% 1em;
	border: solid 2px #111;
	border-radius: 0.5em;
	text-decoration: none;
	line-height: 1.8;
	background: #fff;
	box-shadow: 18px 18px 0px -3px #111;
}
.shadow-wrap[href]{
	padding: 2.45% 2.5em;
}
 .shadow-wrap.orange{
	box-shadow: 18px 18px 0px -3px #FF5017;
}
.shadow-wrap.blue{
	box-shadow: 18px 18px 0px -3px #9FD6EE;
}
.shadow-wrap.green{
	box-shadow: 18px 18px 0px -3px #AEDFAE;
}
.shadow-wrap.yellow{
	box-shadow: 18px 18px 0px -3px #F9BC00;
}
@media screen and (max-width: 750px) {
	.shadow-wrap {
		border: solid 1px #111;
		box-shadow: 9px 9px 0px -3px #111;
	}
	.shadow-wrap.orange{
		box-shadow: 9px 9px 0px -3px #FF5017;
	}
	.shadow-wrap.blue{
		box-shadow: 9px 9px 0px -3px #9FD6EE;
	}
	.shadow-wrap.green{
		box-shadow: 9px 9px 0px -3px #AEDFAE;
	}
	.shadow-wrap.yellow{
		box-shadow: 9px 9px 0px -3px #F9BC00;
	}
 }
 .shadow-wrap[href]::after{
	content: '▶';
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translate(0, -50%);
}

.elipsis-txt{
	text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.elipsis-txt::after{
}


#contents-footer {
	padding: 16% 0 4%;
}
#contents-footer small {

}


 /* ------------------------------------------------------------
	index
-------------------------------------------------------------- */


/* .midokoro-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
} */

.midokoro-list li{
	width: 100%;
	margin-bottom: 7%;
}

.midokoro-list li a{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.midokoro-list .midokoro-thumb {
	width: 37%;
}

.midokoro-list .midokoro-txtarea {
	width: 60%;
}

.midokoro-list .midokoro-tit{
	position: relative;
	margin-bottom: 0.5em;
	font-weight: 700;
	line-height: 1.4;
	color: #5A3400;
}
.midokoro-list .midokoro-tit::before {
	content: '';
	display: block;
	width: 1.7em;
	height: 1.7em;

}
.midokoro-list li:nth-of-type(1) .midokoro-tit::before {
	background: url(../img/top/num_01.png) no-repeat;
	background-size: 100%;
}
.midokoro-list li:nth-of-type(2) .midokoro-tit::before {
	background: url(../img/top/num_02.png) no-repeat;
	background-size: 100%;
}
.midokoro-list li:nth-of-type(3) .midokoro-tit::before {
	background: url(../img/top/num_03.png) no-repeat;
	background-size: 100%;
}
.midokoro-list li:nth-of-type(4) .midokoro-tit::before {
	background: url(../img/top/num_04.png) no-repeat;
	background-size: 100%;
}

.midokoro-list .midokoro-txt {
	line-height: 1.4;
}

.popup-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.popup-list li{
	width: 33.33333%;
	width: calc(100% / 3);
}
.popup-frame{
	border-radius: 1em;
	overflow: hidden;
}

.share-list{
	display: flex;
	justify-content: center;
}
.share-list li{
	width: 14%;
	margin: 0 3%;
}

.quad-boder-box{
	padding: 4%;
	border-top: solid 14px #FF5017;
	border-left: solid 14px #AEDFAE;
	border-right: solid 14px #F9BC00;
	border-bottom: solid 14px #9FD6EE;
	background: #fff;
}
.radius-box{
	border-radius: 44px;
	overflow: hidden;
}
 @media screen and (max-width: 750px) {
	.quad-boder-box {
		padding: 4%;
		border-top: solid 7px #FF5017;
		border-left: solid 7px #AEDFAE;
		border-right: solid 7px #F9BC00;
		border-bottom: solid 7px #9FD6EE;
	}
	.radius-box {
		border-radius: 22px;
		overflow: hidden;
	}
 }

.whats-txt{
	line-height: 2.2;
}

.movie-tit{
	width: 33%;
	margin: 0 auto;
}

.member-tit{
	display: block;
	width: 15em;
	margin: 0 auto;
}
.member-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.member-list li{
	width: 48%;
	margin-bottom: 8%;
	font-size: 90%;
}
.member-list li figure{
	padding: 0 13.4%;
	transform: translate(0, 2.5%);
}
.member-box{
	position: relative;
	z-index: 2;
	padding: 4% 0;
	font-size: 90%;
	border-radius: 1em;
}
.member-box.yellow{
	background: #F9BC00;
}
.member-box.blue {
	background: #9FD6EE;
}
.member-box.orange {
	background: #FF5017;
}
.member-box.bluegreen {
	background: #00AE6E;
}
.member-box.green {
	background: #AEDFAE;
}

#nowbefore{
	margin-top: 28%;
	padding: 0 0 8% 0;
}
#nowbefore h2{
	transform: translate(0, -50%);
}



/* ------------------------------------------------------------
	archive
-------------------------------------------------------------- */

.tag-list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 2% 8%;
}
.tag-list li{
	margin: 1%;
}
.tag-list li a{
	display: block;
	padding: 0 1em 0.1em 1em;
	border: solid 2px #111;
	border-radius: 2em;
	text-decoration: none;
	transition: 0.2s;
}
.tag-list li a:hover,
.tag-list li a.active{
	background: #FF5017;
}
 @media screen and (max-width: 750px) {
	 .tag-list li a{
		border: solid 1px #111;
	}
 }


 /* ------------------------------------------------------------
	下層
-------------------------------------------------------------- */

.dialog{
	position: relative;
	padding: 1em;
	border: solid 2px #111;
	border-radius: 1em;
	background: #fff;
}
.dialog::after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	right: 4%;
	width: 52px;
	height: 29px;
	background: url(../img/article/tail_yellow.png) no-repeat;
	background-size: 100%;
}
.dialog.yellow{
	border: solid 2px #F9BC00;
}
@media screen and (max-width: 750px) {
	.dialog{
		border: solid 1px #111;
	}
	.dialog::after {
		width: 26px;
		height: 15px;
	}
	.dialog.yellow{
		border: solid 1px #F9BC00;
	}
}

.navigator-list{
	display: flex;
	justify-content: space-evenly;
	padding: 8% 0;
	line-height: 1.5;
}

.navigator-list li{
	width: 50%;
}
.navigator-list li figure{
	margin-bottom: 0.5em;
	padding: 0 31.45%;
}
.navigator-list li p {
	text-align: center;
}

.midkoro-btn {
	display: flex;
	align-items: center;
	position: relative;
	height: 3em;
	padding: .3em 4% .3em 32%;
	border: solid 2px #111;
	border-radius: 0.5em;
	text-decoration: none;
	text-align: left;
	background: #fff;
	font-weight: 700;
	font-size: 100%;
	line-height: 1.3;
	letter-spacing: 0.15em;
}
@media screen and (max-width: 750px) {
	.midkoro-btn {
		border: solid 1px #111;
	}	
}

.midkoro-btn::before {
	content: '';
	display: block;
	position: absolute;
	top: 0.6em;
	left: 4%;
	width: 24%;
	height: 3em;
	/* background: url(../img/article/midokoro_01.png) no-repeat;
	background-size: 100%; */
}

.midokoro-nav>li:nth-child(1) .midkoro-btn::before {
	background: url(../img/article/midokoro_01.png) no-repeat;
	background-size: 100%;
}

.midokoro-nav>li:nth-child(2) .midkoro-btn::before {
	background: url(../img/article/midokoro_02.png) no-repeat;
	background-size: 100%;
}

.midokoro-nav>li:nth-child(3) .midkoro-btn::before {
	background: url(../img/article/midokoro_03.png) no-repeat;
	background-size: 100%;
}

.midokoro-nav>li:nth-child(4) .midkoro-btn::before {
	background: url(../img/article/midokoro_04.png) no-repeat;
	background-size: 100%;
}

.midkoro-btn[href]::after {
	content: '▼';
	position: absolute;
	right: 2%;
	top: 50%;
	font-size: 77%;
	transform: translate(0, -50%);
}

.under .midkoro-btn[href]::after {
	content: '▲';
}

.midkoro-btn.orange {
	background: #FF5017;
}

.midkoro-btn.green {
	background: #AEDFAE;
}

.midkoro-btn.blue {
	background: #9FD6EE;
}

.midkoro-btn.yellow {
	background: #F9BC00;
}

.midkoro-btn.brown {
	background: #B27B4D;
}
.midkoro-btn.bluegreen {
	background: #00AE6E;
}

.midkoro-btn.img-only {
	border: none;
	padding: 0;
}

.midkoro-btn.img-only::before {
	content: none;
}

.midokoro-nav li {
	margin-bottom: 1em;
}


.midokoro-sec-tit{
	display: flex;
	align-items: center;
	position: relative;
	height: 3em;
	padding: .3em 4% .3em 27%;
	text-decoration: none;
	text-align: center;
	background: #fff;
	font-weight: 700;
	font-size: 130%;
	line-height: 1.3;
	letter-spacing: 0.15em;
}
.midokoro-sec-tit::before {
	content: '';
	display: block;
	position: absolute;
	top: 1em;
	left: 4%;
	width: 19.4%;
	height: 3em;
	background: url(../img/article/midokoro_01.png) no-repeat;
	background-size: 100%;
}
#midokoro01 .midokoro-sec-tit::before {
	background: url(../img/article/midokoro_01.png) no-repeat;
	background-size: 100%;
}
#midokoro02 .midokoro-sec-tit::before {
	background: url(../img/article/midokoro_02.png) no-repeat;
	background-size: 100%;
}
#midokoro03 .midokoro-sec-tit::before {
	background: url(../img/article/midokoro_03.png) no-repeat;
	background-size: 100%;
}
#midokoro04 .midokoro-sec-tit::before {
	background: url(../img/article/midokoro_04.png) no-repeat;
	background-size: 100%;
}

.midokoro-sec-tit.orange{
	background: #FF5017;
}
.midokoro-sec-tit.green {
	background: #AEDFAE;
}
.midokoro-sec-tit.blue {
	background: #9FD6EE;
}
.midokoro-sec-tit.yellow {
	padding-bottom: 1.8em;
	background: #F9BC00;
}
.midokoro-sec-tit.brown {
	padding-bottom: 1.8em;
	background: #B27B4D;
}

.midokoro-sec-tit i{
	display: block;
	position: absolute;
	bottom: .3em;
	left: 0;
	width: 100%;
}

.article-contnet{
	display: none;
}
.article-contnet h3{
	text-align: center;
}
.article-contnet h3 span{
	display: block;
	padding-bottom: .5em;
}
.article-contnet h3 a{
	display: inline-block;
	min-width: 14em;
}
.article-contnet h4{
	position: relative;
	text-align: center;
	letter-spacing: .2em;
}
.article-contnet h4::before{
	content: '';
	display: inline-block;
	width: 2px;
	height: 1.3em;
	background: #111;
	transform: translate(-1.5em, .3em) rotate(-30deg);
}
.article-contnet h4::after{
	content: '';
	display: inline-block;
	width: 2px;
	height: 1.3em;
	background: #111;
	transform: translate(1.5em, .3em) rotate(30deg);
}
.article-contnet h4.orange::before,
.article-contnet h4.orange::after{
	background: #FF5017;
}
.article-contnet h4.green::before,
.article-contnet h4.green::after{
	background: #AEDFAE;
}
.article-contnet h4.blue::before,
.article-contnet h4.blue::after{
	background: #9FD6EE;
}

.article-contnet .navigator-comment{
	display: flex;
	flex-direction:row-reverse;
	justify-content: space-between;
	align-items: flex-end;
}

.article-contnet .navigator-comment dt{
	position: relative;
	width: 14%;
	transform: translate(0, 1em);
}
.article-contnet .navigator-comment dt .navigator-name{
	position: absolute;
	width: 200%;
	font-size: 80%;
	line-height: 1.5;
	text-align: center;
	transform: translate(-25%, 0);
}
.article-contnet .navigator-comment dt figure{
	margin-bottom: .3em;
}
.article-contnet .navigator-comment dd{
	position: relative;
	width: 74%;
	padding: 4%;
	border: solid 2px #333;
	border-radius: 1em;
	background: #fff;
}
.article-contnet .navigator-comment dd::after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 100%;
	width: 50px;
	height: 20px;
}
.article-contnet .navigator-comment.orange dd{
	border: solid 2px #FF5017;
}
.article-contnet .navigator-comment.orange dd::after{
	background: url(../img/article/tail_orange.png) no-repeat;
	background-size: 100%;
}
.article-contnet .navigator-comment.blue dd{
	border: solid 2px #9FD6EE;
}
.article-contnet .navigator-comment.blue dd::after{
	background: url(../img/article/tail_blue.png) no-repeat;
	background-size: 100%;
}
.article-contnet .navigator-comment.green dd{
	border: solid 2px #AEDFAE;
}
.article-contnet .navigator-comment.green dd::after{
	background: url(../img/article/tail_green.png) no-repeat;
	background-size: 100%;
}
@media screen and (max-width: 750px) {
	.article-contnet .navigator-comment dd{
		border: solid 1px #333;
	}
	.article-contnet .navigator-comment dd::after{
		width:25px;
		height: 10px;
	}
	.article-contnet .navigator-comment.orange dd{
		border: solid 1px #FF5017;
	}
	.article-contnet .navigator-comment.blue dd{
		border: solid 1px #9FD6EE;
	}
	.article-contnet .navigator-comment.green dd{
		border: solid 1px #AEDFAE;
	}
}

.interviwyee-greet{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.interviwyee-greet dt{
	position: relative;
	width: 18%;
}
.interviwyee-greet dt .interviwyee-name{
	position: absolute;
	width: 200%;
	font-size: 80%;
	text-align: center;
	transform: translate(-25%, 0);
}
.interviwyee-greet dd{
	width: 78%;
}

.page-nav{
	overflow: hidden;
}
.page-nav .prev{
	display: inline-block;
	width: 32.1%;
	padding-left: 4%;
}
.page-nav .next{
	display: inline-block;
	float: right;
	width: 32.1%;
	padding-right: 4%;
}

.announcemnet{
	padding: 1em 0 0;
	margin-bottom: 2em;
	border: solid 2px #111;
	border-radius: 1em;
	background: #fff;
}
.announcemnet h2{
	padding: 0 0 0.5em 0;
}
.announcemnet dl {
	padding: 0.8em 1em;
	line-height: 1.5;
	border-top: solid 2px #111;
	font-weight: bold;
}
.announcemnet dl.now {
	position: relative;
	/*padding: 1.3em 1em 0.8em 1em;*/
	padding: 0.3em 1em 0.8em 1em;
	border-top: none;
	font-size: 120%;
}
.announcemnet dl.now::before {
	content: '';
	position: absolute;
	left: 4%;
	top: 8%;
	display: block;
	width: 3.5em;
	height: 4.2em;
	background: url(../img/top/now.png) no-repeat;
	background-size: 100%;
}
.announcemnet dl dt{

}
.announcemnet dl dd {
	font-size: 90%;
}
.announcemnet dl.now dt{
	margin-left: 4em;
}
.announcemnet dl.now dd {
	margin-left: 4.5em;
}
.announcemnet a{
	display: block;
	position: relative;
}
.announcemnet a[href]::after {
	content: '▶';
	display: block;
	position: absolute;
	right: 0.5em;
	top: 50%;
	transform: translate(0, -50%);
}

@media screen and (max-width: 750px) {
	.announcemnet {
		border: solid 1px #111;
	}
	.announcemnet dl {
		border-top: solid 1px #111;
	}
}

.navigator-link{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.navigator-link li{
	position: relative;
	width: 33%;
	height: 0;
	padding: 33% 0 0 0;
}
.navigator-link li a{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.recommended-title {
	text-align: center;
	font-size: 170%;
	letter-spacing: 0.3em;
}

.popup-list li a {
	display: block;
	text-align: center;
}

.popup-list li:nth-child(n+4) {
	margin-top: 6%;
}

.popup-image {
	max-width: 175px;
	max-height: 175px;
	width: 22.5vw;
	height: 22.5vw;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
}

.popup-image img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.popup-text {
	display: block;
	line-height: 1.5;
	margin-top: 3%;
}

.movie-title {
	text-align: center;
	font-size: 121%;
	letter-spacing: 0.02em;
}

.movie-body {
	width: 84%;
	margin: auto;
}

/* article */

.article-mv {
	width: 100%;
	margin: auto;
	border-radius: 1em;
	overflow: hidden;
}

.article-contnet .article-title {
	font-size: 114%;
	text-align: left;
}

.article-text {
	line-height: 1.75;
}

.article-text.big {
	font-size: 114%;
}

.article-text.small {
	font-size: 92%;
}

.article-note {
	font-size: 92%;
	line-height: 1.75;
}

.article-two-column {
	display: flex;
	justify-content: space-between;
}

.article-two-column .article-text{
	width: 54%;
}

.article-two-column .article-half-image {
	width: 38.8%;
}

.article-body {
	position: relative;
}

.article-body::before {
	content: '';
	position: absolute;
	top: -90px;
	left: 0;
	width: 7px;
	height: calc(100% + 210px);
	background-color: #000;
}

@media screen and (max-width: 750px) {
	.article-body::before {
		top: -12vw;
		width: 1.87vw;
		height: calc(100% + 28vw);
	}
}

.article-body.orange::before {
	background-color: #FF5017;
}

.article-body.green::before {
	background-color: #AEDFAE;
}

.article-body.yellow::before {
	background-color: #F9BC00;
}

.article-body.blue::before {
	background-color: #9FD6EE;
}

.midokoro-title {
	display: flex;
	align-items: center;
	padding: .6em 4% .6em 32%;
	font-size: 135%;
	line-height: 1.3;
	position: relative;
    box-sizing: border-box;
    min-height: 145px;
}
@media screen and (max-width: 750px) {
	.midokoro-title {
		min-height: 19vw;
	}
}

.midokoro-title.orange {
	background-color: #FF5017;
}

.midokoro-title.green {
	background-color: #AEDFAE;
}

.midokoro-title.yellow {
	background-color: #F9BC00;
}

.midokoro-title.blue {
	background-color: #9FD6EE;
}

.midokoro-title.img-only {
	background: none;
	padding: 0;
	min-height: 0;
}

.midokoro-title::before {
    content: '';
    display: block;
    position: absolute;
    top: 0.9em;
    left: 4%;
    width: 24%;
    height: 3em;
}

.midokoro-title.point01::before {
	background: url(../img/article/midokoro_01.png) no-repeat;
    background-size: 100%;
}

.midokoro-title.point02::before {
	background: url(../img/article/midokoro_02.png) no-repeat;
    background-size: 100%;
}

.midokoro-title.point03::before {
	background: url(../img/article/midokoro_03.png) no-repeat;
    background-size: 100%;
}

.midokoro-title.point04::before {
	background: url(../img/article/midokoro_04.png) no-repeat;
    background-size: 100%;
}

.midokoro-title.img-only::before {
	content: none;
}

.more-title {
	width: 90%;
	margin: auto;
	font-size: 115%;
	padding: .72em 1.5% .72em 1.5%;
	line-height: 1.3;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 132px;
	box-sizing: border-box;
	text-align: center;
}

.shadow-wrap.gray {
	box-shadow: 9px 9px 0px -3px #b3b3b3;
}

@media screen and (max-width: 750px) {
	.more-title {
		min-height: 17.9vw;
	}
	.shadow-wrap.gray {
		box-shadow: 0.35em 0.35em 0px 0px #b3b3b3;
	}
}

.text-add-arrow {
	position: relative;
}

.text-add-arrow::after {
	content: '▶';
	display: block;
	position: absolute;
	right: -0.8em;
	bottom: -0.1em;
}

.text-add-arrow.small::after {
	font-size: 90%;
	right: -0.7em;
	bottom: -0.2em;
}

.follow-nav {
	position: sticky;
	bottom: 0;
	right: 0;
	text-align: right;
	overflow: hidden;
}

.follow-nav-btn {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 17.8%;
	height: 17.8%;
}

.follow-nav-list {
	width: 100%;
	display: flex;
	position: absolute;
	top: 0;
	left: 100%;
	transition: left .4s;
}

.follow-nav-list.open {
	left: 0;
}

.follow-nav-item {
	width: 25%;
	border: 1px solid #000;
	border-right: none;
}

.follow-nav-item:first-of-type {
	border-radius: 1em 0 0 1em;
}

.follow-nav-item:last-of-type {
	border-right: 1px solid #000;
}

.follow-nav-item.orange {
	background-color: #FF5017;
}

.follow-nav-item.green {
	background-color: #AEDFAE;
}

.follow-nav-item.yellow {
	background-color: #F9BC00;
}

.follow-nav-item.blue {
	background-color: #9FD6EE;
}

.follow-nav-item.img-only {
	background: none;
}

.follow-nav-item a {
	width: 100%;
	display: block;
	padding: 19.1% 10%;
	box-sizing: border-box;
}

.follow-nav-item.img-only a {
	padding: 0;
	height: 100%;
}

.follow-nav-item.img-only a img {
	padding: 0;
	height: 100%;
}

@media screen and (max-width: 750px) {
	.follow-nav-item a {
		padding: 19.1% 10%;
	}
}

.modaal-container .modaal-close:before, .modaal-container .modaal-close:after {
	background: #DE5121;
}

.btn.open-btn,
.btn.close-btn {
	border: none;
	cursor: pointer;
}

.btn.close-btn {
	display: none;
}

.btn.open-btn::after {
	content: '▼';
	position: absolute;
	top: 50%;
	right: 4%;
	font-size: 60%;
	transform: translate(0, -50%);
}
.btn.close-btn::after {
	content: '▲';
	position: absolute;
	top: 50%;
	right: 4%;
	font-size: 60%;
	transform: translate(0, -50%);
}

.article-btn {
	width: 81%;
}

.article-btn.bluegreen {
	color: #fff;
}

.popup-text.arrow {
	position: relative;
	display: inline;
}

.popup-text.arrow::after {
	content: '▶';
	display: block;
	position: absolute;
	font-size: 80%;
	right: -1.1em;
    bottom: 0.1em;
}

.add-bg-color {
	margin-bottom: 100px !important;
	padding-bottom: 100px !important;
}

@media screen and (max-width: 750px) {
	.add-bg-color {
		margin-bottom: 13.333vw !important;
		padding-bottom: 16vw !important;
	}
}

.promotion-link {
	line-height: 1.46;
	letter-spacing: 0.07em;
	position: relative;
}

.promotion-link::after {
	content: '▶';
	display: block;
	position: absolute;
	right: -1.2em;
	bottom: 0;
}

.article-anchor {
	position: relative;
	margin-left: 50px;
}

@media screen and (max-width: 750px) {
	.article-anchor {
		margin-left: 6.66vw;
	}
}

.article-anchor::before {
	content: "";
	position: absolute;
	z-index: 1;
	display: inline-block;
	top: 50%;
	left: -55px;
	transform: translateY(-50%);
	width: 54px;
	height: 57px;
	max-width: 100%;
	background: URL('../img/article/instgram_icon_20230323.png') no-repeat;
	background-size: contain;
}

@media screen and (max-width: 750px) {
	.article-anchor::before {
		left: -7.3vw;
		width: 7.2vw;
		height: 7.6vw;
	}
}

.article-anchor--02:before {
	top: 50%;
	left: 37px;
	width: 37px;
	height: 38px;
	transform: translateY(-50%);
	background: URL('../img/article/instgram_icon-sp_20230323.png') no-repeat;
	background-size: contain;
}

@media screen and (max-width: 750px) {
	.article-anchor--02:before {
		top: 55%;
		left: 4.6vw;
		width: 4.9vw;
		height: 5.9vw;
	}
}

.article-anchor--03::before {
	content: "";
	position: absolute;
	z-index: 1;
	display: inline-block;
	top: 50%;
	left: -55px;
	transform: translateY(-50%);
	width: 54px;
	height: 57px;
	max-width: 100%;
	background: URL('../img/article/twitter_icon_20230621.png') no-repeat;
	background-size: contain;
}

@media screen and (max-width: 750px) {
	.article-anchor--03::before {
		left: -7.3vw;
		width: 7.2vw;
		height: 7.6vw;
	}
}