<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">	@charset "utf-8";
	/* CSS Document */
	.pc {
	display: none !important;
	}
	/* 蜈ｱ騾�*/
	body {
	font-family: Georgia, 貂ｸ譏取悃, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS譏取悃E, 繝｡繧､繝ｪ繧ｪ, Meiryo, serif;
	color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 1;
	background: url(../img/sp/bg.jpg) repeat;
	}
	.imgTxt {
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	}
	p {
	margin: 0 auto;
	line-height: 1.6rem;
	padding: 20px 10px;
	vertical-align: middle;
	}
	#wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
	#head {
	background: url(../img/sp/header_bg.png) no-repeat center center;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
	}
	#head .header_logo {
	background: url(../img/sp/header_logo.png) no-repeat center bottom;
    background-size: 80% auto;
    padding-bottom: calc( 90 / 750 * 100%);
    min-height: 93px;
	}
	#head .header_nare {
    background: url(../img/sp/nare.png) no-repeat right top;
    background-size: 30% auto;
     padding-bottom: calc( 100/ 160 * 100%);
}
	#head .date_bg {
	width:100%;
	}
	#head .date_bg .date {
	background: url(../img/sp/date.png) no-repeat center bottom;
	background-size: 100% auto;
	padding-bottom: calc( 180 / 750 * 100%)}
	#contents {}
	.read {
		  margin: 5% 0 8%;}
	h3 {
	margin: 0 0 3% 3%;
    padding: 0.25em 0.5em;
    background: transparent;
    border-left: solid 5px #fff;
	font-size: 1.5rem;
	}
	.gaiyou {
		width: 100%;
	}
	.gaiyou .capture {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
	}

	.gaiyou .capture .img01 {
	background: url(../img/sp/cap01.png) center no-repeat;
	height:0;
	margin: 0 auto ;
	padding-top: calc( 350 / 749 * 100%);
	background-size: contain;
	font-size: 0em;
	}
	.gaiyou .capture .img02 {
	background: url(../img/sp/cap02.png) center no-repeat;
	height:0;
	margin: 0 auto;
	padding-top: calc( 350 / 749 * 100%);
	background-size: contain;
	font-size: 0em;
	}
	.gaiyou .capture .img03 {
	background: url(../img/sp/cap03.png) center no-repeat;
	height:0;
	margin: 0 auto;
	padding-top: calc( 350 / 749 * 100%);
	background-size: contain;
	font-size: 0em;
	}

	.gaiyou .txt {
	margin: 0;
	padding: 0 0 0 0;
	width: 98%;
	line-height: 1.2;
	}
	#footer {
		background: #000000;
		margin: 2em 0 0 0;
		padding: 3em 0;
		display: block;
	}
	#footer .foot {
	background: url(../img/sp/gaiyou.png) center no-repeat;
		height: 0;
		margin: 0 auto;
		padding-top: calc( 280 / 682 * 100%);
		background-size: contain;
		font-size: 0em;
	}

	/* MOVIE */
#movie {
width: 100%;
}
#movie #in-movie {
width: 100%;
max-width: 1100px;
margin: 0 auto;
position: relative;
}
/*#movie #in-movie p {
    width: 100%;
    text-align: center;
}
*/

#movie #in-movie p#coment {
position: absolute;
bottom: 25%;
right: 0;
margin: 0 auto;
width: 18.728%;
height: 38.838%;
background: url(../img/coment2.png) no-repeat;
padding-top: 0;
background-size: contain;
font-size: 0px;
}
#movie #in-movie p#coment a.pc {
position: absolute;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
top: 0;
cursor: pointer;
}
#movie #in-movie p#coment a.pc:hover {
background: rgba(200, 200, 200, 0.2);
border: 1px solid rgba(33, 33, 33, 0.2);
}
#movie #in-movie p#coment a.sp {
display: none;
}
#movie #in-movie .movie_area {
width: 80%;
margin: 0 auto;
padding: 2em 0 0.5em;
text-align: left;
}
#movie #in-movie .movie_area .video #vjs_video_540, #movie #in-movie .movie_area .video #vjs_video_3, #movie #in-movie .movie_area .video .video-js {
padding-top: 56.3%;
}</pre></body></html>