/*header*/
#header0 { width: 100%; margin: 0 auto; background: rgba(255, 224, 0, 0);}
#poster_sp { width: 100%; height: 0; padding-top: 70.871722182849043%; position: relative; overflow: hidden;}
#poster_fadein { width: 100%; height: 0; padding-top: 70.871722182849043%; position: absolute; top: 0; left: 0; display: none;}
#poster { width: 100%; height: 0; padding-top: 70.871722182849043%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#star_all { width: 26.080793763288448%; position: absolute; top: 65%; left: 38%;}
#star_sp { width: 100%; height: 0; padding-top: 30.16304347826087%; position: relative; overflow: hidden;}
#star_fadein { width: 100%; height: 0; padding-top: 30.16304347826087%; position: absolute; top: 0; left: 0; display: none;}
#star { width: 100%; height: 0; padding-top: 30.16304347826087%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#star_mask { width: 100%; height: 100%; position: absolute; top: 0; left: 0; mask-image: url(../img/star0.png); -webkit-mask-image: url(../img/star0.png); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: cover; -webkit-mask-size: cover;}
.mask { width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background-image: url(../img/kirari.png); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; animation: ltmove 6s linear infinite; -webkit-animation: ltmove 6s linear infinite; -moz-animation: ltmove 6s linear infinite;}
@keyframes ltmove { 0% { left: -100%;} 5% { left: 0;} 10% { left: 100%;} 100% { left: 100%;}}
@-webkit-keyframes ltmove { 0% { left: -100%;} 5% { left: 0;} 10% { left: 100%;} 100% { left: 100%;}}
@-moz-keyframes ltmove { 0% { left: -100%;} 5% { left: 0;} 10% { left: 100%;} 100% { left: 100%;}}

/*CountDown*/
#cdall { box-sizing: border-box; width: 100%; padding: 5px 0; margin: 0 auto; background: rgba(255, 224, 0, 1);}
#cdall0 { box-sizing: border-box; width: 100%; margin: 0 auto; background: rgba(255, 255, 255, 1);}
#cdcd { width: 100%; max-width: 1000px; margin: 0 auto;}
#cdsp { width: 100%; height: 0; padding-top: 10%; position: relative;}
#cd { width: 100%; height: 0; padding-top: 10%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.ctmgl div { box-sizing: border-box; float: left; width: 45%; height: 81%; margin: 0 0 0 25%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.ctmgl1 div { box-sizing: border-box; float: left; width: 45%; height: 81%; margin: 0 0 0 30%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.ctmgl0 div { box-sizing: border-box; float: left; width: 45%; height: 81%; margin: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#cdd:before, #cdh:before, #cdm:before, #cds:before, #cdd:after, #cdh:after, #cdm:after, #cds:after { content: ""; display: table;}
#cdd:after, #cdh:after, #cdm:after, #cds:after { clear: both;}
#cdd { width: 10%; height: 100%; position: absolute; top: 8%; left: 31%;}
#cdh { width: 10%; height: 100%; position: absolute; top: 8%; left: 46%;}
#cdm { width: 10%; height: 100%; position: absolute; top: 8%; left: 66%;}
#cds { width: 10%; height: 100%; position: absolute; top: 8%; left: 83%;}
.none_day #cdd { display: none;}
.none_day #cdh { width: 12%; height: 100%; position: absolute; top: 8%; left: 40%;}
.none_day #cdm { width: 12%; height: 100%; position: absolute; top: 8%; left: 62%;}
.none_day #cds { width: 12%; height: 100%; position: absolute; top: 8%; left: 80%;}
#d1, #h1, #m1, #s1 { background-image: url(../img/cd/1.png);}
#d2, #h2, #m2, #s2 { background-image: url(../img/cd/2.png);}
#d3, #h3, #m3, #s3 { background-image: url(../img/cd/3.png);}
#d4, #h4, #m4, #s4 { background-image: url(../img/cd/4.png);}
#d5, #h5, #m5, #s5 { background-image: url(../img/cd/5.png);}
#d6, #h6, #m6, #s6 { background-image: url(../img/cd/6.png);}
#d7, #h7, #m7, #s7 { background-image: url(../img/cd/7.png);}
#d8, #h8, #m8, #s8 { background-image: url(../img/cd/8.png);}
#d9, #h9, #m9, #s9 { background-image: url(../img/cd/9.png);}
#d0, #h0, #m0, #s0 { background-image: url(../img/cd/0.png);}
/*news*/
#news_sp { box-sizing: border-box; width: 100%; max-width: 1000px; margin: 1em auto 2em auto; padding-bottom: 2em; background: rgba(255, 255, 255, 1); position: relative;}
#news_title { width: 100%; height: 0; padding-top: 18.666666666666667%; position: relative;}
#news_title-img { width: 100%; height: 0; padding-top: 18.666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#news_sp ul:before, #news_sp ul:after, #news_sp li:before, #news_sp li:after { content: ""; display: table;}
#news_sp ul:after, #news_sp li:after { clear: both;}
#news_sp ul { width: 92%; margin: .2em auto .6em auto; 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;}
#news_sp li { width: 100%; border-bottom: 1px solid rgba(204, 204, 204, .8); position: relative; color: rgba(0, 0, 0, 1);}
#news_sp li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#news_sp li a:hover { background: rgba(255, 255, 255, .3);}
#news_sp li .news_txt { width: 75%; margin: .5em .2em .4em .1em; float: left;}
#news_sp li .news_date { width: 60%;}
#news_sp li .news_date:before, #news_sp li .news_date:after { content: ""; display: table;}
#news_sp li .news_date:after { clear: both;}
#news_sp li .news_ctg { width: 40%; float: left;}
#news_sp li .news_ctg .mark { width: 100%; height: 0; padding-top: 23.076923076923077%; position: relative;}
#news_sp li .news_ctg .mark1 { background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/news_c-bg1.png);}
#news_sp li .news_ctg .mark2 { background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/news_c-bg2.png);}
#news_sp li .news_ctg .mark .ctg_txt { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-weight: bold; font-family: 'Century Gothic', 'arial'; letter-spacing: .1em;}
#news_sp li .news_up { width: 50%; float: right; font-size: 105%; font-family: 'Century'; padding-top: .1em;}
#news_sp li .news_title { width: 100%; padding-top: .3em; font-size: 120%; font-weight: bold;}
#news_sp li .ico_all { width: 20%; max-width: 138px; margin: .4em .6em .4em .1em; float: left;}
#news_sp li .ico_sp { width: 100%; height: 0; padding-top: 56.521739130434783%; position: relative; border: 1px solid rgba(200, 200, 200, .5);}
#news_sp li .ico_fadein { width: 100%; height: 0; padding-top: 56.521739130434783%; position: absolute; top: 0; left: 0; display: none;}
#news_sp li .ico { width: 100%; height: 0; padding-top: 56.521739130434783%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-background-position: center center; background-position: center center;}
#news_sp .btn { position: absolute; bottom: -1em; right: 1em;}
/*special
#special_sp { box-sizing: border-box; width: 92%; max-width: 1000px; margin: 1em auto; padding: 1em; background: rgba(255, 255, 255, 1); position: relative; background: -moz-linear-gradient(top, rgba(255, 246, 182, 1) 28%, rgba(255,224,0,1) 100%); background: -webkit-linear-gradient(top, rgba(255, 246, 182, 1) 28%,rgba(255,224,0,1) 100%); background: linear-gradient(to bottom, rgba(255, 246, 182, 1) 28%,rgba(255,224,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6b6', endColorstr='#ffe000',GradientType=0 ); color: rgba(0, 0, 0, 1); font-size: 120%; position: relative; padding: 5px;}
#special_sp .info_txt0 { width: 100%; height: 0; padding-top: 22%; position: relative;}
#special_sp .info_txt { width: 100%; height: 0; padding-top: 22%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}
#special_sp .info_txt-b0 { width: 100%; height: 0; padding-top: 18%; position: relative;}
#special_sp .info_txt-b { width: 100%; height: 0; padding-top: 18%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}
#special_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#special_sp a:hover { background: rgba(255, 255, 255, .4);}*/
#special_sp { box-sizing: border-box; width: 96%; max-width: 1000px; margin: 1em auto; padding: .8em; background: rgba(255, 255, 255, 1);}
#special_sp .info_txt { border: 1px solid rgba(255,224,0,1); color: rgba(0, 0, 0, 1); padding: 8px 2px 10px 2px; text-align: center; line-height: 140%; font-size: 110%; letter-spacing: .1em;}
/*spot*/
#spot_sp { box-sizing: border-box; width: 100%; max-width: 500px; margin: 2em auto; padding-bottom: 2em; background: rgba(255, 255, 255, 1); position: relative;}
#spot_title { width: 100%; height: 0; padding-top: 20%; position: relative;}
#spot_title-img { width: 100%; height: 0; padding-top: 20%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#spot_sp .movie_all { width: 92%; max-width: 480px; margin: .6em auto;}
#spot_sp .movie_sp { width: 100%; height: 0; padding-top: 56.25%; position: relative; z-index: 500000; overflow: hidden;}
#spot_sp .movie_sp iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; overflow: hidden;}
#spot_sp .movie_sp .nojs { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); color: rgba(255, 255, 255, 1);}
#spot_sp .movie_sp .imgsp { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*story*/
/*#story_sp { box-sizing: border-box; width: 92%; max-width: 500px; margin: 2em auto 1.6em auto; border: 1px solid rgba(0, 0, 0, .9); padding: 5px; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}*/
#story_sp { box-sizing: border-box; width: 92%; max-width: 500px; margin: 3em auto 1.6em auto; background: rgba(166, 3, 9, .8); border: 0; padding: 0; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
#story_sp #story_img-all { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1);}
#story_sp #story_img-sp { box-sizing: border-box; width: 100%; height: 0; padding-top: 66.666666666666667%; position: relative; border: 1px solid rgba(255, 255, 255, 1);}
#story_sp #story_img-fadein { width: 100%; height: 0; padding-top: 66.666666666666667%; position: absolute; top: 0; left: 0; display: none;}
#story_sp #story_img { width: 100%; height: 0; padding-top: 66.666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#story_sp .story_title { box-sizing: border-box; width: 100%; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 28%, rgba(255,224,0,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 28%,rgba(255,224,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 28%,rgba(255,224,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe000',GradientType=0 ); padding: 10px;}
#story_sp .story_title-txt { color: rgba(0, 0, 0, 1); font-size: 160%; text-align: left; letter-spacing: .1em;}
#story_sp a { width: 100%; height: 0; padding-top: 66.666666666666667%; display: block; position: absolute; top: 0; left: 0;}
#story_sp a:hover { background: rgba(255, 255, 255, .2);}
.story_read input { display: none;}
.story_read label { box-sizing: border-box; width: 100%;}
.story_read label::before { display: block; content: ''; width: 15px; height: 15px; margin-top: 8px; margin-right: 10px; border-top: 2px solid rgba(0, 0, 0, 1.0); border-right: 2px solid rgba(0, 0, 0, 1.0); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); float: right;}
.story_read label:hover { cursor: pointer;}
.story_read label .story_title-txt:hover { -webkit-opacity: .6; -moz-opacity: .6; opacity: .6;}
.story_nkm { height: 0; overflow: hidden; -webkit-transition: max-height 30s linear; -moz-transition: max-height 30s linear; transition: max-height 30s linear;} 
.story_nkm .story_txt { margin: 10px; padding: 10px; text-align: left; color: rgba(0, 0, 0, 1); background: rgba(255, 255, 255, 1); font-size: 124%; line-height: 160%;}
.story_read #nsopn:checked ~ .story_nkm { height: auto;}
.story_read input:checked + label:hover:before, .story_read input:checked ~ label::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
/*nav*/
#nav_sp { box-sizing: border-box; width: 97%; max-width: 500px; margin: 1em auto 0 auto;}
#nav_sp ul:before, #nav_sp ul:after { content: ""; display: table;}
#nav_sp ul:after { clear: both;}
#nav_sp li { width: 31%; float: left; margin: 0 0 .5em 2%; position: relative;}
#nav_sp li .mn_sp { width: 100%; height: 0; padding-top: 100%; position: relative;}
#nav_sp li .mn_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#nav_sp li .mn_sp a:hover { opacity: .9;}
#nav_sp li .mn_fadein { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; display: none;}
#nav_sp li .mn { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*#mn_paravi { opacity: .45; cursor: default; pointer-events: none;}*/
/*report*/
#report_sp { box-sizing: border-box; width: 92%; max-width: 500px; margin: 1em auto 1.6em auto; border: 0; padding: 0; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
#report_sp #report_img-sp { width: 100%; height: 0; padding-top: 40.181818181818182%; position: relative;}
#report_sp #report_img-fadein { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; display: none;}
#report_sp #report_img { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#report_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#report_sp a:hover { background: rgba(0, 0, 0, .1);}
#report_sp .update { width: 50%; position: absolute; top: 55%; left: 5%; text-align: left; font-size: 120%; font-weight: bold; color: rgba(243, 8, 36, 1); letter-spacing: .1em;}
#report_sp .update0 { width: 50%; position: absolute; top: 60%; left: 4%; text-align: left; font-size: 110%; font-weight: bold; color: rgba(0, 0, 0, 1); letter-spacing: .1em; -webkit-animation: fadeIn 4s ease 0s 1 normal; animation: fadeIn 4s ease-in-out 1;}
#report_sp .update0 .udl { background: linear-gradient(transparent 60%, #ffe840 60%);}
/*interview*/
#interview_sp { box-sizing: border-box; width: 92%; max-width: 500px; margin: 1em auto 1.6em auto; border: 0; padding: 0; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
#interview_sp #interview_img-sp { width: 100%; height: 0; padding-top: 40.181818181818182%; position: relative;}
#interview_sp #interview_img-fadein { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; display: none;}
#interview_sp #interview_img { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#interview_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#interview_sp a:hover { background: rgba(0, 0, 0, .1);}
#interview_sp .update0 { width: 50%; position: absolute; top: 80%; right: 7%; text-align: right; font-weight: bold; color: rgba(0, 0, 0, 1); letter-spacing: .1em; -webkit-animation: fadeIn 4s ease 0s 1 normal; animation: fadeIn 4s ease-in-out 1; font-size: 120%;}
#interview_sp .update0 { width: 50%; position: absolute; top: 86%; right: 1%; text-align: right; font-weight: bold; color: rgba(0, 0, 0, 1); letter-spacing: .1em; -webkit-animation: fadeIn 4s ease 0s 1 normal; animation: fadeIn 4s ease-in-out 1; font-size: 120%;}
#interview_sp .update0 .udl { background: linear-gradient(transparent 60%, #ffe840 60%);}
/*cuisine*/
#cuisine_sp { box-sizing: border-box; width: 92%; max-width: 500px; margin: 1em auto 1.6em auto; border: 0; padding: 0; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
#cuisine_sp #cuisine_img-sp { width: 100%; height: 0; padding-top: 40.181818181818182%; position: relative;}
#cuisine_sp #cuisine_img-fadein { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; display: none;}
#cuisine_sp #cuisine_img { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#cuisine_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#cuisine_sp a:hover { background: rgba(255, 255, 255, .2);}
#cuisine_sp .update0 { width: 93.5%; position: absolute; top: 74%; left: 6%; text-align: center; font-weight: bold; color: rgba(0, 0, 0, 1); letter-spacing: .1em; -webkit-animation: fadeIn 5s ease 0s 1 normal; animation: fadeIn 5s ease-in-out 1; font-size: 140%;}
/*michelin*/
#michelin_sp { box-sizing: border-box; width: 92%; max-width: 500px; margin: 1em auto 1.6em auto; border: 0; padding: 0; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
#michelin_sp #michelin_img-sp { width: 100%; height: 0; padding-top: 40.181818181818182%; position: relative;}
#michelin_sp #michelin_img-fadein { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; display: none;}
#michelin_sp #michelin_img { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#michelin_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#michelin_sp a:hover { background: rgba(255, 255, 255, .2);}
#michelin_sp .update0 { width: 50%; position: absolute; top: 80%; right: 7%; text-align: right; font-weight: bold; color: rgba(0, 0, 0, 1); letter-spacing: .1em; -webkit-animation: fadeIn 5s ease 0s 1 normal; animation: fadeIn 5s ease-in-out 1; font-size: 120%;}
#michelin_sp .update0 .udl { background: linear-gradient(transparent 60%, #ffe840 60%);}
/*gallery_threestar
#gallery_threestar { box-sizing: border-box; width: 92%; max-width: 400px; margin: 1em auto 1.6em auto;}
#gallery_threestar:before, #gallery_threestar:after { content: ""; display: table;}
#gallery_threestar:after { clear: both;}
#gallery_sp { box-sizing: border-box; width: 48.5%; float: left; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
#threestar_sp { box-sizing: border-box; width: 48.5%; float: right; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
.gallery_threestar_img-sp { width: 100%; height: 0; padding-top: 75%; position: relative;}
.gallery_threestar_img-fadein { width: 100%; height: 0; padding-top: 75%; position: absolute; top: 0; left: 0; display: none;}
.gallery_threestar_img { width: 100%; height: 0; padding-top: 75%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#gallery_sp a, #threestar_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#gallery_sp a:hover, #threestar_sp a:hover { background: rgba(255, 255, 255, .2);}
#gallery_sp .update0 { width: 80%; position: absolute; bottom: 7%; right: 4%; text-align: right; color: rgba(0, 0, 0, 1); -webkit-animation: fadeIn 3s ease 0s 1 normal; animation: fadeIn 3s ease-in-out 1; font-size: 140%; font-weight: bold;}*/
/*gallery*/
#gallery_threestar { box-sizing: border-box; width: 92%; max-width: 500px; margin: 1em auto 1.6em auto;}
#gallery_threestar:before, #gallery_threestar:after { content: ""; display: table;}
#gallery_threestar:after { clear: both;}
#gallery_sp { box-sizing: border-box; width: 100%; float: none; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
.gallery_threestar_img-sp { width: 100%; height: 0; padding-top: 36.404160475482912%; position: relative;}
.gallery_threestar_img-fadein { width: 100%; height: 0; padding-top: 36.404160475482912%; position: absolute; top: 0; left: 0; display: none;}
.gallery_threestar_img { width: 100%; height: 0; padding-top: 36.404160475482912%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#gallery_sp a, #threestar_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#gallery_sp a:hover, #threestar_sp a:hover { background: rgba(255, 255, 255, .2);}
#gallery_sp .update0 { width: 80%; position: absolute; bottom: 10%; right: 3%; text-align: right; color: rgba(0, 0, 0, 1); -webkit-animation: fadeIn 3s ease 0s 1 normal; animation: fadeIn 3s ease-in-out 1; font-size: 140%; font-weight: bold;}
/*free_paravi*/
#free_paravi { box-sizing: border-box; width: 100%; margin: 0 auto; padding-top: .6em; background: rgba(166, 3, 9, .8);}
#free_paravi0 { width: 100%; max-width: 920px; margin: 0 auto;}
#free_paravi0:before, #free_paravi0:after { content: ""; display: table;}
#free_paravi0:after { clear: both;}
#free_sp, #paravi_sp, #spinoff_sp { box-sizing: border-box; width: 90%; max-width: 300px; margin: 1em auto 1.3em auto; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
.free_paravi_img-sp { width: 100%; height: 0; padding-top: 40%; position: relative;}
.free_paravi_img-fadein { width: 100%; height: 0; padding-top: 40%; position: absolute; top: 0; left: 0; display: none;}
.free_paravi_img { width: 100%; height: 0; padding-top: 40%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#free_sp a, #paravi_sp a, #spinoff_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#free_sp a:hover, #paravi_sp a:hover, #spinoff_sp a:hover { background: rgba(166, 3, 9, .1);}
.free_sp0 .free_paravi_img-sp, .paravi_sp0 .free_paravi_img-sp { opacity: .3;}
.free_sp0 .free_info, .paravi_sp0 .paravi_info { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); color: rgba(255, 255, 255, .9); font-size: 120%; font-weight: bold; letter-spacing: .2em; display: none;}
/*goods*/
#goods { box-sizing: border-box; width: 92%; max-width: 400px; margin: 1em auto 1.6em auto;}
#goods:before, #goods:after { content: ""; display: table;}
#goods:after { clear: both;}
#official_sp { box-sizing: border-box; width: 48.5%; float: left; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2);}
#collabo_sp { box-sizing: border-box; width: 48.5%; float: right; position: relative; box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); -moz-box-shadow: 0 2px 5px rgba(0, 54, 120, .2); opacity: .6;}
.goods_img-sp { width: 100%; height: 0; padding-top: 75%; position: relative;}
.goods_img-fadein { width: 100%; height: 0; padding-top: 75%; position: absolute; top: 0; left: 0; display: none;}
.goods_img { width: 100%; height: 0; padding-top: 75%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#official_sp a, #collabo_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#official_sp a:hover, #collabo_sp a:hover { background: rgba(255, 255, 255, .2);}
/*share*/
.share_sp { box-sizing: border-box; width: 92%; max-width: 220px; margin: 1.6em auto 2.4em auto; border: 0; padding: 0;}
.share_sp .share_title { display: block; text-align: center;}
.marker { font-size: 130%; font-weight: bold; background: linear-gradient(transparent 70%, rgba(255, 232, 64, .75) 70%);}
.share_p-all { width: 100%; max-width: 220px; margin: 10px auto;}
.share_p-sp { width: 100%; height: 0; padding-top: 32.142857142857143%; position: relative;}
.share_p { width: 100%; height: 0; padding-top: 32.142857142857143%; position: absolute; top: 0; left: 0: background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/share0.png);}
.share_p .sns_sp { width: 30%;}
.share_p #s_twitter { position: absolute; top: 4%; left: 2%;}
.share_p #s_facebook { position: absolute; top: 4%; left: 35%;}
.share_p #s_line { position: absolute; top: 4%; left: 68%;}
.share_p .sns_lnk { width: 100%; height: 0; padding-top: 100%; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
.share_p .sns_lnk a { width: 100%; height: 100%; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
.share_p .sns_lnk a:hover { background: rgba(255, 255, 255, .2);}
/*.share_sp .snsimg_all { width: 100%; margin: 0 auto;}
.share_sp .snsimg_sp { width: 100%; height: 0; padding-top: 40.181818181818182%; position: relative;}
.share_sp .snsimg_fadein { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; display: none;}
.share_sp .snsimg { width: 100%; height: 0; padding-top: 40.181818181818182%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.share_sp .snsimg .sns_sp { width: 15%;}
.share_sp .snsimg #s_twitter { position: absolute; top: 38%; left: 26%;}
.share_sp .snsimg #s_facebook { position: absolute; top: 38%; left: 42%;}
.share_sp .snsimg #s_line { position: absolute; top: 38%; left: 60%;}
.share_sp .snsimg .sns_lnk { width: 100%; height: 0; padding-top: 100%; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
.share_sp .snsimg .sns_lnk a { width: 100%; height: 100%; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; top: 0; left: 0;}
.share_sp .snsimg .sns_lnk a:hover { background: rgba(255, 255, 255, .2);}*/
/*sns*/
#sns_sp { box-sizing: border-box; width: 100%; margin: 0 auto 1.2em auto; padding: 1em 0; background: rgba(166, 3, 9, 1);}
#sns_set { margin: 10px auto 0 auto;}
/*#sns_sp #line { margin-bottom: 0;}*/
#sns_sp #sns_all { width: 88%; max-width: 520px; margin: 0 auto;}
#sns_sp #sns_all .twitter_dl { width: 100%; margin: .3em auto;}
#sns_sp #sns_all .twitter_dl dt:before, #sns_sp #sns_all .twitter_dl dt:after { content: ""; display: table;}
#sns_sp #sns_all .twitter_dl dt:after { clear: both;}
#sns_sp #sns_all .twitter_dl .tt_txt { width: 35%; max-width: 220px; float: left; display: block;}
#sns_sp #sns_all .twitter_dl .tt_txt a { width: 100%; height: 0; padding-top: 25%; position: absolute; top: 0; left: 0; display: block;}
#sns_sp #sns_all .twitter_dl .tt_txt .txt_img0 { width: 100%; height: 0; padding-top: 25%; position: relative; display: block;}
#sns_sp #sns_all .twitter_dl .tt_txt .txt_img { width: 100%; height: 0; padding-top: 25%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: block;}
#sns_sp #sns_all .twitter_dl .tt_mark { width: 10%; max-width: 55px; float: right; display: block;}
#sns_sp #sns_all .twitter_dl .tt_mark a { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; display: block;}
#sns_sp #sns_all .twitter_dl .tt_mark .mark_img0 { width: 100%; height: 0; padding-top: 100%; position: relative; display: block;}
#sns_sp #sns_all .twitter_dl .tt_mark .mark_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: block;}
#sns_sp #sns_all .twitter_dl dd { height: 340px; padding-bottom: 0;}
#sns_sp #sns_all .twitter_dl dd { height: 250px; padding-bottom: 0;}
#sns_sp #sns_all .twitter_dl dd iframe { width: 100% !important;}
#sns_sp #sns_all .twitter_dl dd iframe { width: 740px !important;}
#sns_sp #sns_all .twitter_dl .tt_txt a:hover, #sns_sp #sns_all .twitter_dl .tt_mark a:hover { opacity: .9;}
#sns_sp #sns_other { width: 100%; margin: .2em auto;}
#sns_sp #sns_other:before, #sns_sp #sns_other:after { content: ""; display: table;}
#sns_sp #sns_other:after { clear: both;}
#sns_sp #sns_other .sns_btn { width: 49%;}
#sns_sp #sns_other #insta_btn { float: left;}
#sns_sp #sns_other #line_btn { float: right;}
#sns_sp #sns_other .sns_btn .lnkbtn { width: 100%; height: 0; padding-top: 50.396825396825397%; position: relative;}
#sns_sp #sns_other .sns_btn .lnkbtn_img { width: 100%; height: 0; padding-top: 50.396825396825397%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}
#sns_sp #sns_other .sns_btn .lnkbtn a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#sns_sp #sns_other .sns_btn .lnkbtn a:hover { opacity: .9;}
#instagram_all { width: 100%; max-width: 300px; margin: 0 auto 1.2em auto; padding: 1em 0;}
#instagram_sp { width: 100%; height: 0; padding-top: 100%; position:relative;}
#instagram { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#instagram div.insta { width: 92%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; position: absolute; top: 20%; left: 3.5%;}
#instagram div.insta ul { width: 100%; max-width: 300px; margin: 0 auto;}
#instagram div.insta ul:before, #instagram_sp div.insta ul:after { content: ""; display: table; }
#instagram div.insta ul:after { clear: both; }
#instagram div.insta ul li { width: 23%; max-width: 100px; float: left; margin: 3px 0 2px 1.8%;}
#instagram div.insta ul li a { width: 100%; height: 100%; display:block;}
#instagram div.insta ul li a img { background-position: center center; background-repeat: no-repeat; width: 100%; height: 100%; max-width:100px; max-height: 100px; display: block;}
#instagram div.insta ul li a { background-size: cover;}
#instagram div.insta ul li a:hover img { background-color: rgba(60, 50, 107, .1);}
#instagram div.insta ul li a img { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; box-shadow: rgba(0, 0, 0, .1) 1px 1px 2px 1px; -webkit-box-shadow: rgba(0, 0, 0, .1) 1px 1px 2px 1px; -moz-box-shadow: rgba(0, 0, 0, .1) 1px 1px 2px 1px;}
#instagram div.insta ul li a img.icon-video { background-image:url(/um/img/play.png);}
#instagram_sp .insta_alllink a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#instagram_sp .insta_alllink a:hover { background: rgba(166, 3, 9, .1);}
#instagram_sp .insta_alllink a::after { content: '▼ もっと見る'; text-align: center; width: 100%; position: absolute; bottom: 16px; left: 0;}

/*for_W480-*/
@media screen and (min-width: 480px) {
/*special*/
#special_sp .info_txt { font-size: 130%; letter-spacing: .1em;}
}

/*for_W640-*/
@media screen and (min-width: 640px) {
/*#sns_set #insta { margin: 0 auto 10px auto; float: none;}*/
#report_sp .update { font-size: 140%;}
/*news*/
#news_title, #news_title-img { padding-top: 10%;}
#news_sp li { font-size: 110%;}
#news_sp li .news_up { padding-top: .2em;}
/*special*/
#special_sp { font-size: 140%;}
#special_sp .info_txt { padding-top: 20px;}
}

/*for_W768-*/
@media screen and (min-width: 768px) {
#report_sp .update { font-size: 120%;}
#interview_sp .update { font-size: 120%;}
#gallery_sp .update0 { font-size: 140%; bottom: 10%; right: 4%;}
/*news*/
#news_sp { padding-bottom: 3em; margin-bottom: 1em;}
#news_sp li .news_ctg { width: 48%;}
#news_sp li .news_up { width: 49%; padding-top: 0;}
#news_sp li { width: 47%; margin-left: 2%; float: left;}
#news_sp li .news_title { width: 100%; padding-top: .2em; font-size: 110%; font-weight: bold;}
#news_sp .btn { width: 200px; position: absolute; bottom: -1.5em; right: calc(50% - 100px);}
#news_sp .btn a { padding-top: 20%;}
#news_sp .btn .news_link { font-size: 150%;}
/*spot_story*/
#spot_story:before, #spot_story:after { content: ""; display: table;}
#spot_story:after { clear: both;}
#spot_sp { width: 46.5%; margin: 2em 0 1.6em 2%; float: left; padding-bottom: .3em;}
#story_sp { width: 48%; margin: 2em 2% 1.6em 0; float: right;}
#spot_sp .movie_all { width: 84%; margin: .5em auto 2em auto;}
#spot_sp.spot_ind .movie_all { width: 90%; margin: 1.3em auto 1.3em auto;}
#story_sp.story_ind { padding: 0; border: 0;}
#story_sp.story_ind #story_img-sp { border: 0;}
#story_sp #story_img-all { box-sizing: border-box; width: 100%; background: rgba(255, 255, 255, 1);}
#story_sp #story_img-sp { box-sizing: border-box; width: 100%; height: 0; padding-top: 66.666666666666667%; position: relative; border: 1px solid rgba(255, 255, 255, 1);}
#story_sp #story_img-fadein { width: 100%; height: 0; padding-top: 66.666666666666667%; position: absolute; top: 0; left: 0; display: none;}
#story_sp #story_img { width: 100%; height: 0; padding-top: 66.666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#story_sp .story_title { box-sizing: border-box; width: 100%; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 28%, rgba(255,224,0,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 28%,rgba(255,224,0,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 28%,rgba(255,224,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe000',GradientType=0 ); padding: 10px;}
#story_sp .story_title-txt { color: rgba(0, 0, 0, 1); font-size: 160%; text-align: center; padding-top: .15em; letter-spacing: .1em;}
#story_sp a { width: 100%; height: 100%; padding-top: 0; display: block; position: absolute; top: 0; left: 0;}
#story_sp a:hover { background: rgba(255, 255, 255, .2);}
/*share*/
.share_sp { box-sizing: border-box; width: 92%; max-width: 450px; margin: 0 auto 10px auto;}
.share_sp:before, .share_sp:after { content: ""; display: table;}
.share_sp:after { clear: both;}
.share_sp .share_title { text-align: right; float: left; padding-top: 30px; padding-right: 20px;}
.share_sp .share_p-all { float: left;}
/*nav*/
#nav_sp { box-sizing: border-box; width: 98%; max-width: 1000px; margin: 1em auto 0 auto;}
#nav_sp ul:before, #nav_sp ul:after { content: ""; display: table;}
#nav_sp ul:after { clear: both;}
#nav_sp li { width: 15.5%; float: left; margin: 0 0 .5em 1%; position: relative;}
/*report_interview*/
#report_interview { max-width: 1000px; margin: 0 auto;}
#report_interview:before, #report_interview:after { content: ""; display: table;}
#report_interview:after { clear: both;}
#report_sp { width: 47.2%; margin: 2em 0 1.6em 2%; float: left;}
#interview_sp { width: 47.2%; margin: 2em 2% 1.6em 0; float: right;}
/*cuisine_michelin*/
#cuisine_michelin { max-width: 1000px; margin: 0 auto;}
#cuisine_michelin:before, #cuisine_michelin:after { content: ""; display: table;}
#cuisine_michelin:after { clear: both;}
#cuisine_sp { width: 47.2%; margin: 2em 0 .6em 2%; float: left;}
#michelin_sp { width: 47.2%; margin: 2em 2% .6em 0; float: right;}
#free_sp, #paravi_sp, #spinoff_sp { box-sizing: border-box; width: 32%; margin: .5em 0 1em 1%; float: left;}
.free_sp0 { display: block;}
}

/*for_W1000-*/
@media screen and (min-width: 1000px) {
#report_sp .update { font-size: 140%;}
/*news*/
#news_sp { margin: 2em auto; font-size: 120%;}
#news_sp li .news_title { letter-spacing: .05em;}
/*spot_story*/
#spot_story { max-width: 1000px; margin: 0 auto;}
#spot_sp { width: 48.5%; margin: 2em 0 1.6em 0; float: left;}
#story_sp { width: 50%; margin: 2em 0 1.6em 0; float: right;}
#spot_sp .btn { font-size: 110%;}
#spot_sp { height: 373px;}
/*report_share
#report_share { max-width: 1000px; margin: 0 auto;}
#report_sp { width: 48.9%; margin: 1em .2% 2em 0; float: left;}
.share_sp { width: 48.9%; margin: 1em 0 2em .2%; float: right;}*/
/*report_interview*/
#report_interview { max-width: 1000px; margin: 0 auto;}
#report_sp { width: 49.2%; margin: 2em 0 1.6em 0; float: left;}
#interview_sp { width: 49.2%; margin: 2em 0 1.6em 0; float: right;}
/*sub_set*/
#sub_set { width: 100%; max-width: 1000px; min-height: 350px; margin: 0 auto; position: relative;}
#sub_set { width: 100%; max-width: 1000px; min-height: 220px; margin: 0 auto; position: relative;}
#cuisine_michelin { max-width: 1000px; margin: 0 auto;}
#cuisine_sp { width: 49.2%; margin: .8em 0 .5em 0; float: left;}
#michelin_sp { width: 49.2%; margin: .8em 0 .5em 0; float: right;}
#cuisine_sp .update0 { font-size: 160%;}
#gallery_threestar { width: 49.2%; max-width: 500px; position: absolute; top: 0; left: 0;}
#gallery_sp .update0 { font-size: 160%; bottom: 12%; right: 3%; letter-spacing: .1em;}
#goods { width: 49.2%; max-width: 500px; position: absolute; top: 0; right: 0;}
#free_paravi { max-width: 920px; margin: 0 auto 1em auto; padding-top: 0; background: rgba(166, 3, 9, 0); position: absolute; bottom: 0; right: 40px;}
/*footer*/
#footer { position: relative; max-width: 1000px; margin: 0 auto;}
.gaibu { box-sizing: border-box; width: 100%; text-align: center; font-size: 110%; padding-right: 20px; padding-top: 20px; letter-spacing: .2em;}
.btm { width: 100%; max-width: 1000px; margin: 0 auto;}
#sns_sp #sns_all:before, #sns_sp #sns_all:after { content: ""; display: table;}
#sns_sp #sns_all:after { clear: both;}
/*
#sns_sp { box-sizing: border-box; width: 100%; max-width: 1000px; height: 425px; margin: 0 auto 2em auto; padding: 1.2em 0 0 0; background: rgba(166, 3, 9, 1);}
#sns_sp #sns_all { max-width: 340px; margin: 0; position: absolute; top: 0; right: 1%;}
#sns_sp #sns_all .twitter_dl { width: 100%; margin: 0; position: absolute; top: 45px; right: 1%;}
#sns_set { width: 630px; position: absolute; top: 0; left: 0; padding: 0; margin: 0;}
#line { position: absolute; top: 15px; left: 5px;}
#note { position: absolute; top: 15px; left: 320px;}
#instagram_all { position: absolute; top: 100px; left: 326px;}
.bnsp { margin: 0; position: absolute; top: 161px; left: 10px;}
*/
#sns_sp { box-sizing: border-box; width: 100%; max-width: 1000px; height: 315px; margin: 0 auto 2em auto; padding: 1.2em 0 0 0; background: rgba(166, 3, 9, 1);}
#sns_sp #sns_all { max-width: 340px; margin: 0; position: absolute; top: -30px; right: 1%;}
#sns_sp #sns_all .twitter_dl { width: 100%; margin: 0; position: absolute; top: 45px; right: 1%;}
#sns_set { width: 100%; max-width: 300px; position: absolute; top: 0; left: 320px; padding: 0; margin: 0;}
#sns_set .sns_all { width: 100%; float: none;}
#line { position: absolute; top: 15px; left: 0;}
#note { position: absolute; top: 85px; left: 6px;}
#insta { position: absolute; top: 180px; left: 6px;}
.bnsp { margin: 0; position: absolute; top: 35px; left: 10px;}

/*sns_btn*/
.twtfb { width: 100%; max-width: 290px; height: 26px; overflow: hidden; margin: 0 auto; padding: 16px 0 10px 0; position: relative;}
}

/*sp_plus
#header { width: 100%; margin: 0 auto; overflow-x: hidden;}
#poster_sp0 { width: 95%; max-width: 1000px; margin: 0 auto;}
#sp_info { width: 96%; margin: 0 auto 1em auto; padding: 3em 0 0 0; background: rgba(255, 255, 255, 1);}
#sp_info0 { width: 96%; margin: 0 auto .5em auto; padding: 3em 0 0 0;}

#sp_logo0 { width: 100%; max-width: 1000px; margin: 0 auto;}
#sp_logo { width: 100%; height: 0; padding-top: 34.5%; padding-top: -webkit-calc(414 / 1200 * 100%); padding-top: calc(414 / 1200 * 100%); position: relative;}
#splogo_fadein { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; animation: title_come 400ms linear forwards; animation-delay: 500ms;}
#splogo_img { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}

#sp_catch { width: 100%; max-width: 1000px; margin: 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-around;}
#sp_catch #sp_catch1-sp { flex-basis: 32.5%;}
#sp_catch #sp_catch2-sp { flex-basis: 67%; margin-top: 3em;}

#sp_catch0 { width: 100%; max-width: 1000px; margin: 0 auto;}
#sp_catch0 #sp_catch1-sp { width: 36%; margin: 1em auto 0 auto;}
#sp_catch0 #sp_catch2-sp { width: 72%; margin: 3em auto 1em auto;}

#sp_catch1 { width: 100%; height: 0; padding-top: 33.333333333333333%; padding-top: -webkit-calc(300 / 900 * 100%); padding-top: calc(300 / 900 * 100%); position: relative;}
#spcatch1_fadein { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; animation: catch_come 200ms linear forwards; animation-delay: 1000ms;}
#spcatch1_img { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}
#sp_catch2 { width: 100%; height: 0; padding-top: 11.688311688311688%; padding-top: -webkit-calc(180 / 1540 * 100%); padding-top: calc(180 / 1540 * 100%); position: relative;}
#spcatch2_fadein { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; animation: catch2_come 1800ms linear forwards; animation-delay: 800ms;}
#spcatch2_img { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}
@-webkit-keyframes title_come { 0% { transform:scale(0.8); opacity: 0;} 70% { transform:scale(1.5); opacity: .5;} 100% { transform:scale(1); opacity: 1;}}
@keyframes title_come { 0% { transform:scale(0.8); opacity: 0;} 70% { transform:scale(1.5); opacity: .5;} 100% { transform:scale(1); opacity: 1;}}
@-webkit-keyframes catch_come { 0% { transform:scale(2); opacity: .5;} 40% { transform:scale(2); opacity: .8;} 100% { transform:scale(1); opacity: 1;}}
@keyframes catch_come { 0% { transform:scale(2); opacity: .5;} 40% { transform:scale(2); opacity: .8;} 100% { transform:scale(1); opacity: 1;}}
@-webkit-keyframes catch2_come { 0% { opacity: 0;} 40% { opacity: 0;} 100% { margin-top: -2em; opacity: 1;}}
@keyframes catch2_come { 0% { opacity: 0;} 40% { opacity: 0;} 100% { margin-top: -2em; opacity: 1;}}

#sp_info0 #sp_catch { margin-top: 1em; }

@media screen and (min-width: 480px) { #sp_info, #sp_info0 { padding: 3.5em 0 0 0; } }
@media screen and (min-width: 768px) { #sp_info, #sp_info0 { width: 95%; padding: 5em 0 1em 0;} }
@media screen and (min-width: 900px) { #sp_info, #sp_info0 { padding: 6.5em 0 1.5em 0; } }
*/