<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@media (max-width: 1179px){
	#head {
 	background:url("../images/smp/header.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(832 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
 	}
	#head h1, #head h2 {
	font-size: 0em;
	}
	#main {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	width:100%;
	margin: 0 auto;
	}
	#ttl_cast {
	background:url("../images/smp/ttl_cast.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(120 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#cast_makihara {
	background:url("../images/smp/cast_makihara.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(725 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#cast_danmitsu {
	background:url("../images/smp/cast_danmitsu.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(745 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#cast_yamada {
	background:url("../images/smp/cast_yamada.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(673 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#cast_tetsuo {
	background:url("../images/smp/cast_tetsuo.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(657 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#cast_okai {
	background:url("../images/smp/cast_okai.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(728 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#about {
	background:url("../images/smp/about.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(2023 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#cafe {
	background:url("../images/smp/cafe.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(2692 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#animal {
	background:url("../images/smp/animal.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(2129 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#udon {
	background:url("../images/smp/udon.png") center top no-repeat;
	width: 100%;
 	height: 0;
	padding-top:calc(2830 / 750 * 100%);
	background-size: contain;
 	font-size: 0em;
	}
	#ar01 {
	position: relative;
	width: 87%;
	padding-top:calc(9 / 16 * 87%);
	margin: 0 auto;
	margin-top:-112%;
	}
	#ar02 {
	position: relative;
	width: 87%;
	padding-top:calc(9 / 16 * 87%);
	margin: 0 auto;
	margin-top: 1%;
	}
	#cafe01 {
	position: relative;
	width: 87%;
	padding-top:calc(9 / 16 * 87%);
	margin: 0 auto;
	margin-top:-148%;
	}
	#cafe02 {
	position: relative;
	width: 87%;
	padding-top:calc(9 / 16 * 87%);
	margin: 0 auto;
	margin-top: 1%;
	}
	#udon01 {
	position: relative;
	width: 87%;
	padding-top:calc(9 / 16 * 87%);
	margin: 0 auto;
	margin-top:-160%;
	}
	#udon02 {
	position: relative;
	width: 87%;
	padding-top:calc(9 / 16 * 87%);
	margin: 0 auto;
	margin-top: 1%;
	}
	#ar01 video, #ar02 video, #cafe01 video, #cafe02 video, #udon01 video, #udon02 video {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0 ;
	right: 0;
	}

	#smp_movie {
	display: block;
	position: relative;
	width:320px;
	height: 180px;
	margin: 3% auto;
	}
	
	
	#pc_movie {display:none;}
	
}


</pre></body></html>