@charset "UTF-8";
/*header*/
.head { width: 100%; height: 0; padding-top: 81%; position: relative;}
.headsp { width: 100%; height: 0; padding-top: 81%; position: absolute; top: 0; left: 0;}
/*_poster*/
.postersp { width: 100%; height: 0; padding-top: 64%; position: absolute; top: 0; left: 0;}
.postersp .poster_img { width: 100%; height: 0; padding-top: 64%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
.sub_postersp { width: 62.5%; height: 0; padding-top: 16%; position: absolute; bottom: 0; left: 0;}
.sub_postersp .sub_poster { width: 25%; max-width: 150px;}
.sub_postersp #sub_p1 { position: absolute; top: 0; left: 0;}
.sub_postersp #sub_p2 { position: absolute; top: 0; left: 25%;}
.sub_postersp #sub_p3 { position: absolute; top: 0; left: 50%;}
.sub_postersp #sub_p4 { position: absolute; top: 0; left: 75%;}
.sub_postersp .sub_poster .sub_p-imgsp { width: 100%; height: 0; padding-top: 106.666666666666667%; position: relative;}
.sub_postersp .sub_poster .sub_p-img { width: 100%; height: 0; padding-top: 106.666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
/*_sns*/
#snssp { width: 36%; position: absolute; bottom: 0; right: 0; height: 20%; display: none;}
#snssp dt { color: rgba(0, 113, 172, .8);}
#snssp .sns_title { font-weight: bold; display: none;}
#snssp .sns_title-s { font-size: 90%;}
#snssp dd:before, #snssp dd:after, #snssp ul:before, #snssp ul:after { content: ""; display: table; }
#snssp dd:after, #snssp ul:after { clear: both; }
#snssp ul { max-width: 200px; margin:  3px auto 0 auto;}
#snssp li { width: 32%; position: relative; float: left;}
/* #snssp li:first-child { width: 32%; margin-left: 18%;} pre*/
#snssp .sns_maru { width: 100%; max-width: 60px; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#snssp .sns_maru a { width: 100%; height: 0; padding-top: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0); border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
#snssp .sns_maru a:hover { background: rgba(255, 255, 255, .2);}

/*shishakai*/
#shishakai { box-sizing: border-box; width: 98%; max-width: 640px; margin: 5px auto; padding: 15px 10px; box-shadow: rgba(240, 240, 240, 1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(240, 240, 240, 1) 0px 1px 2px 2px; -moz-box-shadow: rgba(240, 240, 240, 1) 0px 1px 2px 2px; position: relative; background: radial-gradient( rgba(254, 224, 241, .8), rgba(234, 143, 183, .5) ) fixed; border-left: 2px dotted rgba(255, 255, 255, .8); border-right: 2px dotted rgba(255, 255, 255, .8); color: rgba(0, 0, 0, 1); -webkit-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); font-size: 98%; line-height: 170%; font-weight: bold; letter-spacing: .1em;}
#shishakai a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#shishakai a:hover { background: rgba(255, 255, 255, .2);}
#shishakai .marker { background: linear-gradient(transparent 40%, rgba(255, 255, 255, .8) 0%); background: -moz-linear-gradient(transparent 40%, rgba(255, 255, 255, .8) 0%); background: -webkit-linear-gradient(transparent 40%, rgba(255, 255, 255, .8) 0%);}

.onair_time-change { box-sizing: border-box; width: 98%; padding: 10px; margin: 10px auto 0 auto; font-size: 90%; letter-spacing: .1em; color: rgba(180, 40, 0, 1); text-align: center; border: 2px solid rgba(200, 60, 20, 1);}

/*countdown*/
#cdall { width: 100%; margin: 0 auto; padding-top: 2px;}
#cdsp { width: 100%; height: 0; padding-top: 13.157894736842105%; position: relative; overflow: hidden;}
#cd { width: 100%; height: 0; padding-top: 13.157894736842105%; 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: 50%; height: 100%; margin: 0 0 0 25%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.ctmgl0 div { box-sizing: border-box; float: left; width: 50%; height: 100%; 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;}
#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);}
#countdown #cdd { width: 12%; height: 80%; position: absolute; top: 15%; left: 27%;}
#countdown #cdh { width: 12%; height: 80%; position: absolute; top: 15%; left: 44%;}
#countdown #cdm { width: 12%; height: 80%; position: absolute; top: 15%; left: 65%;}
#countdown #cds { width: 12%; height: 80%; position: absolute; top: 15%; left: 82%;}
#countdown0 #cdd { display: none;}
#countdown0 #cdh { width: 12%; height: 80%; position: absolute; top: 15%; left: 41%;}
#countdown0 #cdm { width: 12%; height: 80%; position: absolute; top: 15%; left: 62%;}
#countdown0 #cds { width: 12%; height: 80%; position: absolute; top: 15%; left: 80%;}
/*countdown_close*/
#cdall { height: 20px;}
#cd, #countdown, #countdown0 { display: none;}

/*news*/
#newssp { box-sizing: border-box; width: 100%; max-width: 760px; max-width: 640px; margin: -3px auto 0 auto; color: rgba(0, 0, 0, 1); background: rgba(190, 225, 75, 1); box-shadow: rgba(240, 240, 240, 1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(240, 240, 240, 1) 0px 1px 2px 2px; -moz-box-shadow: rgba(240, 240, 240, 1) 0px 1px 2px 2px; position: relative;}
#newssp .clip_img { width: 50px; height: 60px; display: block; background: url(../img/clip.png) no-repeat; position: absolute; top: -20px; left: 0;}
#newssp:before, #newssp:after { content: ""; display: table;}
#newssp:after { clear: both;}
#newssp .news_title { min-height: 25px; display: block; position: relative;}
#newssp .news_title .news_imgsp { width: 22%; max-width: 110px; display: block; margin: 5px 0 0 40px;}
#newssp .news_title .news_img { width: 100%; height: 0; padding-top: 27.272727272727273%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_news.png);}
.news input, #newssp .more { display: none;}
.news label { width: 12px; height: 12px; position: absolute; top: 10px; right: 8px;}
.news label::after { display: block; content: ''; width: 6px; height: 6px; border-top: 4px solid rgba(105, 149, 19, 1); border-right: 4px solid rgba(105, 149, 19, 1); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);}
.news label:hover { cursor: pointer; -webkit-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8;}
.news #nsp .kkm { box-sizing: border-box; width: 96%; min-height: 30px; margin: 0 auto 7px auto; padding: 15px 10px; font-size: 90%; text-align: left; background: rgba(252, 255, 212, 1); line-height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: rgba(100, 100, 100, .3) 0px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, .3) 0px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, .3) 0px 1px 1px 1px;}
.news #nsp .cls { height: 0; overflow: hidden; -webkit-transition: max-height 30s linear; -moz-transition: max-height 30s linear; transition: max-height 30s linear;} 
.news #nsopn:checked ~ #nsp .cls { height: auto;}
.news input:checked + label:hover:after, .news input:checked ~ label::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.news .subt { color: rgba(100, 100, 100, 1); font-weight: bold; font-size: 90%;}
.news a .subt { color: rgba(111, 175, 0, 1); font-weight: bold;}
.news a { color: rgba(84, 120, 20, 1);}
.news a:hover { color: rgba(195, 0, 0, 1);}
.news a:hover .subt { color: rgba(235, 73, 22, 1);}
.plusnews { text-align: right; padding: 5px 8px 10px 0; font-size: 90%; font-weight: bold;}
.plusnews a { width: 100%; height: 100%; display: block;}
.plusnews span { display: inline;}
.plusnews0 { display: none;}
/*menu_story*/
#story_nav { box-sizing: border-box; width: 96%; margin: 5px auto; background: rgba(255, 201, 60, 1); position: relative;}
#story_nav::after { content: ""; border-color: rgba(235, 184, 55, 1) rgba(255, 255, 255, 1) rgba(255, 255, 255, 1) rgba(235, 184, 55, 1); border-style: solid; border-width: 0 0 30px 30px; position: absolute; bottom: 0; right: 0;}
#story_nav .story_lnk { width: 30px; height: 30px; position: absolute; bottom: 0; right: 0;}
#story_nav .story_lnk a { width: 100%; height: 100%; display: block; position: absolute; bottom: 0; right: 0; z-index: 10000;}
#story_nav .story_lnk a:hover { background: rgba(255, 255, 255, .2);}
#story_nav dt { padding: 5px 10px;}
#story_nav dt:before, #story_nav dt:after { content: ""; display: table;}
#story_nav dt:after { clear: both;}
#story_nav dd { width: 92%; margin: 0 auto; padding-bottom: 10px;}
#story_nav .story_title { float: left; display: block; width: 32%; max-width: 140px; height: 0; padding-top: 6.857142857142857%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_spot.png);}
#story_nav .story_update { float: right; font-size: 90%; font-weight: bold; color: rgba(255, 249, 222, 1); padding-top: 3px;}
#story_nav #spotsp { width: 100%; max-width: 520px; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 1); background: rgba(0, 0, 0, 1);}
#story_nav #movie { width: 100%; height: 0; padding-top: 56.25%; position: relative;}
#story_nav #movie #finish_img { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#story_nav #movie iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0;}
#story_nav #spotsp .nojs { width: 90%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); color: rgba(255, 255, 255, 1);}
#story_nav #story:before, #story_nav #story:after { content: ""; display: table;}
#story_nav #story:after { clear: both;}
#story_nav #story { max-width: 520px; margin: 0 auto;}
#story_nav #story .onair_p { width: 48%; max-width: 240px; float: left; z-index: 1;}
#story_nav #story .onair_imgsp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: relative; background: rgba(255, 255, 255, 1); border: 4px solid rgba(255, 255, 255, 1); box-shadow: 0 1px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .2); z-index: 10;}
#story_nav #story .onair_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; z-index: 100; display: none;}
#story_nav #story .onair_img a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1000;}
#story_nav #story .onair_img a:hover { background: rgba(255, 255, 255, .2);}
#story_nav #story .onair_t { width: 51.5%; float: right;}
#story_nav #story .onair_title { padding-bottom: 2px; border-bottom: 1px solid rgba(255, 255, 255, 1); text-align: right;}
#story_nav #story .onair_title:before, #story_nav #story .onair_title:after { content: ""; display: table;}
#story_nav #story .onair_title:after { clear: both;}
#story_nav #story .story_titleimg { float: right; width: 100%; max-width: 140px; height: 0; padding-top: 17.142857142857143%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_story.png);}
#story_nav #story .onair_info { width: 90%; padding: 10px 0 5px 10%; text-align: left; font-size: 96%;}
/*menu_comment*/
#comment_nav { box-sizing: border-box; width: 96%; max-width: 320px; margin: 10px auto; padding: 10px; background-size: 20px 20px; background-image: linear-gradient(rgba(130, 242, 255, .5) 3%, rgba(130, 242, 255, .5) 3%, transparent 3%, transparent 97%, rgba(130, 242, 255, .5) 97%, rgba(130, 242, 255, .5) 100%), linear-gradient(90deg, rgba(130, 242, 255, .5) 3%, rgba(130, 242, 255, .5) 3%, transparent 3%, transparent 97%, rgba(130, 242, 255, .5) 97%, rgba(130, 242, 255, .5) 100%); position: relative;}
#comment_nav a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#comment_nav a:hover { background: rgba(255, 255, 255, .2);}
#comment_nav .comment_set:before, #comment_nav .comment_set:after { content: ""; display: table;}
#comment_nav .comment_set:after { clear: both;}
#comment_nav .comment_titlesp { width: 48%; float: left; padding-top: 10px;}
#comment_nav .comment_moviesp { width: 50%; float: right;}
#comment_nav .comment_title { width: 100%; max-width: 160px; height: 0; padding-top: 37.5%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_comment.png);}
#comment_nav .comment_movie0 { width: 100%; max-width: 320px; height: 0; padding-top: 56.25%; display: block; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); background: rgba(255, 255, 255, 1); position: relative;}
#comment_nav .comment_movie { width: 100%; max-width: 320px; height: 0; padding-top: 56.25%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
/*menu_interview*/
#interview_nav { box-sizing: border-box; width: 96%; max-width: 320px; margin: 5px auto; padding: 15px 10px; background-size: 20px 20px; background-image: linear-gradient(rgba(165, 252, 113, .5) 3%, rgba(165, 252, 113, .5) 3%, transparent 3%, transparent 97%, rgba(165, 252, 113, .5) 97%, rgba(165, 252, 113, .5) 100%), linear-gradient(90deg, rgba(165, 252, 113, .5) 3%, rgba(165, 252, 113, .5) 3%, transparent 3%, transparent 97%, rgba(165, 252, 113, .5) 97%, rgba(165, 252, 113, .5) 100%); position: relative;}
#interview_nav a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#interview_nav a:hover { background: rgba(255, 255, 255, .2);}
#interview_nav .interview_set:before, #interview_nav .interview_set:after { content: ""; display: table;}
#interview_nav .interview_set:after { clear: both;}
#interview_nav .interview_titlesp { width: 38%; float: left; padding-top: 10px;}
#interview_nav .interview_moviesp { width: 60%; float: right;}
#interview_nav .interview_title { width: 100%; max-width: 160px; height: 0; padding-top: 37.5%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_interview.png);}
#interview_nav .interview_movie0 { width: 100%; max-width: 320px; height: 0; padding-top: 56.25%; display: block; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); background: rgba(255, 255, 255, 1); position: relative;}
#interview_nav .interview_movie { width: 100%; max-width: 320px; height: 0; padding-top: 56.25%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
/*menu_present*/
#present_nav { box-sizing: border-box; width: 96%; max-width: 320px; margin: 10px auto; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); position: relative;}
#present_nav .present_img { width: 100%; height: 0; padding-top: 42.1875%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_present.jpg); position: relative;}
#present_nav a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#present_nav a:hover { background: rgba(255, 255, 255, .2);}
/*menu_scene*/
#scene_nav { box-sizing: border-box; width: 96%; max-width: 320px; margin: 10px auto; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); position: relative; background-color: rgba(225, 131, 167, 1); background-image: linear-gradient(0, rgba(187, 89, 127, .07) 50%, transparent 50%), linear-gradient(90deg, rgba(206, 116, 151, .13) 50%, transparent 50%), linear-gradient(90deg, transparent 50%, rgba(255,255,255,.17) 50%), linear-gradient(90deg, transparent 50%, rgba(177, 51, 100, .29) 50%); background-size: 43px, 59px, 67px, 83px; }
#scene_nav .scene_img-space { width: 100%; height: 0; padding-top: 42.1875%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#scene_nav .scene_img { width: 100%; height: 0; padding-top: 42.1875%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}
#scene_nav a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#scene_nav a:hover { background: rgba(255, 255, 255, .2);}
/*menu_omikuji*/
/*#omikuji_nav { box-sizing: border-box; width: 96%; max-width: 320px; margin: 10px auto; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); position: relative; background-color: rgba(205, 2, 5, .45); background-image: linear-gradient(45deg, rgba(202, 0, 49, .4) 25%, transparent 25%, transparent 75%, rgba(202, 0, 49, .4) 75%, rgba(202, 0, 49, .4)), linear-gradient(45deg, rgba(202, 0, 49, .4) 25%, transparent 25%, transparent 75%, rgba(202, 0, 49, .4) 75%, rgba(202, 0, 49, .4)); background-position: 0 0, 5px 5px; background-size: 10px 10px;}*/
#omikuji_nav { box-sizing: border-box; width: 96%; max-width: 320px; margin: 10px auto; position: relative; background-color: rgba(205, 2, 5, .45); background-image: linear-gradient(45deg, rgba(202, 0, 49, .4) 25%, transparent 25%, transparent 75%, rgba(202, 0, 49, .4) 75%, rgba(202, 0, 49, .4)), linear-gradient(45deg, rgba(202, 0, 49, .4) 25%, transparent 25%, transparent 75%, rgba(202, 0, 49, .4) 75%, rgba(202, 0, 49, .4)); background-position: 0 0, 5px 5px; background-size: 10px 10px;}
#omikuji_nav .omikuji_img { width: 100%; height: 0; padding-top: 25%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_omikuji_ss.png); position: relative; -webkit-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6;}
#omikuji_nav a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#omikuji_nav a:hover { background: rgba(255, 255, 255, .2);}
#pre-space { display: none;}
#omikuji_nav .info_txt { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-size: 160%; font-weight: bold; letter-spacing: .2em;}
/*menu_note*/
#note_nav { box-sizing: border-box; width: 96%; max-width: 320px; margin: 10px auto; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); position: relative;}
#note_nav .note_img { width: 100%; height: 0; padding-top: 42.1875%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/mn_note0.jpg); position: relative;}
#note_nav .tape { box-sizing: border-box; width: 95%; position: absolute; left: 2.5%; bottom: 1em; background-color: rgba(255, 255, 255, .75); border-left: 2px dotted rgba(100, 100, 100, .3); border-right: 2px dotted rgba(100, 100, 100, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2); padding: 1em; transform: rotate(-3deg); text-align: left; font-size: 90%;}
#note_nav a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#note_nav a:hover { background: rgba(255, 255, 255, .2);}
#note_nav .note_update { width: 50%; text-align: left; font-size: 80%; font-weight: bold; color: rgba(92, 139, 197, .9); padding-top: 3px; position: absolute; top: 23%; left: 10.5%;}
/*_new mark*/
.mark_new { width: 45px; height: 45px; background: url(../img/new.png) no-repeat; z-index: 10000;}
#note_nav .mark_new { position: absolute; top: -15px; right: -2%;}
#interview_nav .mark_new { position: absolute; top: -15px; left: -2%;}
#scene_nav .mark_new { position: absolute; bottom: 1px; left: 0;}
#omikuji_nav .mark_new { position: absolute; top: -10px; right: -2%;}
/*SNS*/
.sns_set { box-sizing: border-box; width: 94%; max-width: 320px; margin: 0 auto 5px auto; padding: 10px;}
/*_Twitter*/
#twitter_sp dt { box-sizing: border-box; width: 100%; min-height: 30px; background: url(../img/snsmark_twitter.png) top left no-repeat; padding: 10px 0 0 40px; text-align: left; font-size: 140%; font-weight: bold; color: rgba(255, 255, 255, 1); letter-spacing: .1em; position: relative;}
#twitter_sp dt a { font-weight: lighter; text-align: right; display: block; position: absolute; top: 10px; right: 0; color: rgba(255, 255, 255, .8); font-size: 90%; letter-spacing: .2em;}
#twitter_sp dt a:hover { color: rgba(255, 255, 255, 1);}
#twitter_sp dd { width: 100%; margin: 0 auto; height: 240px;}
#twitter_sp dd iframe { width: 100% !important;}
#twitter_sp dd iframe { width: 740px !important;}
/*_Instagram*/
#instagram_sp dt { box-sizing: border-box; width: 100%; min-height: 30px; background: url(../img/snsmark_instagram.png) top left no-repeat; padding: 10px 0 0 40px; text-align: left; font-size: 140%; font-weight: bold; color: rgba(255, 255, 255, 1); letter-spacing: .1em; position: relative;}
#instagram_sp dt a { font-weight: lighter; text-align: right; display: block; position: absolute; top: 10px; right: 0; color: rgba(255, 255, 255, .8); font-size: 90%; letter-spacing: .2em;}
#instagram_sp dt a:hover { color: rgba(255, 255, 255, 1);}
#instagram_sp dd { width: 100%; margin: 0 auto; padding-top: 10px;}
#instagram_sp .insta_next { width: 100%; text-align: right; letter-spacing: .2em; padding: 10px 5px 10px 0;}
#instagram_sp .insta_next a { color: rgba(255, 255, 255, .8);}
#instagram_sp .insta_next a:hover { color: rgba(255, 255, 255, 1);}
#instagram_sp div.insta { width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; margin-left: 1%;}
#instagram_sp div.insta ul { width: 100%; max-width: 300px; margin: 0 auto;}
#instagram_sp div.insta ul:before, #instagram_sp div.insta ul:after { content: ""; display: table; }
#instagram_sp div.insta ul:after { clear: both; }
#instagram_sp div.insta ul li { width: 31%; max-width: 100px; float: left; margin: 3px 0 2px 2%;}
#instagram_sp div.insta ul li a { width: 100%; height: 100%; display:block;}
#instagram_sp 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_sp div.insta ul li a { background-size: cover;}
#instagram_sp div.insta ul li a:hover img { background-color: rgba(60, 50, 107, .1);}
#instagram_sp 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_sp div.insta ul li a img.icon-video { background-image:url(/um/img/play.png);}
/*_LINE*/
#line_sp dt { box-sizing: border-box; width: 100%; min-height: 30px; background: url(../img/snsmark_line.png) top left no-repeat; padding: 10px 0 0 40px; text-align: left; font-size: 140%; font-weight: bold; color: rgba(255, 255, 255, 1); letter-spacing: .1em; position: relative;}
#line_sp dt a { font-weight: lighter; text-align: right; display: block; position: absolute; top: 10px; right: 0; color: rgba(255, 255, 255, .8); font-size: 90%; letter-spacing: .2em;}
#line_sp dt a:hover { color: rgba(255, 255, 255, 1);}
#line_sp dd { display: none;}
/*link*/
.lnk_set { width: 96%; max-width: 300px; margin: 10px auto;}
.lnk_set:before, .lnk_set:after { content: ""; display: table;}
.lnk_set:after { clear: both;}
.lnksp { width: 49%; max-width: 146px;}
.lnksp0 { width: 49%; max-width: 146px; position: relative; background: rgba(255, 255, 255, .75);}
.lnksp0 .lnk { -webkit-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2;}
.lnksp0 .lasttxt { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-size: 140%; font-weight: bold; letter-spacing: .05em;}
#lnk_paravi { float: left;}
#lnk_tbsfree { float: right;}
.lnk { width: 100%; height: 0; padding-top: 91.780821917808219%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#lnk_paravi .lnk { background-image: url(../img/lnk_paravi.png);}
#lnk_tbsfree .lnk { background-image: url(../img/lnk_tbsfree.png);}
.lnk a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
.lnk a:hover { background: rgba(255, 255, 255, .2);}
/*ishop*/
.ishop_set { width: 96%; max-width: 300px; margin: 10px auto;}
.ishop_space { width: 100%; height: 0; padding-top: 45%; position: relative;}
.ishop_image { width: 100%; height: 0; padding-top: 45%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2); display: none;}
.ishop_image a { width: 100%; height: 0; padding-top: 45%; position: absolute; top: 0; left: 0; display: block;}
.ishop_image a:hover { background: rgba(255, 255, 255, .2);}

/*for_W480-*/
@media screen and (min-width: 480px) {
#snssp .sns_title-s { font-size: 120%;}
}

/*for_W640-*/
@media screen and (min-width: 640px) {
#snssp dt { padding-top: 15px;}
#snssp .sns_title { font-size: 160%; display: inline;}
/*shishakai*/
#shishakai { text-align: center;}
.onair_time-change { margin: 8px auto 5px auto; font-size: 100%;}
/*countdown*/
#cdall { width: 99%; max-width: 990px; padding-top: 0;}
#cdsp { width: 100%; height: 0; padding-top: 12.121212121212121%;}
#cd { width: 100%; height: 0; padding-top: 12.121212121212121%;}
#countdown #cdd { width: 9%; height: 80%; position: absolute; top: 22%; left: 35%;}
#countdown #cdh { width: 9%; height: 80%; position: absolute; top: 22%; left: 48%;}
#countdown #cdm { width: 9%; height: 80%; position: absolute; top: 22%; left: 64%;}
#countdown #cds { width: 9%; height: 80%; position: absolute; top: 22%; left: 77%;}
#countdown0 #cdd { display: none;}
#countdown0 #cdh { width: 9%; height: 80%; position: absolute; top: 22%; left: 44%;}
#countdown0 #cdm { width: 9%; height: 80%; position: absolute; top: 22%; left: 61%;}
#countdown0 #cds { width: 9%; height: 80%; position: absolute; top: 22%; left: 74%;}
/*menu_story*/
#story_nav { max-width: 640px;}
#story_nav #story .onair_info { width: 90%; padding: 30px 0 5px 15%; font-size: 110%; letter-spacing: .1em;}
/*menu_comment + menu_note*/
.comm_repo { width: 96%; max-width: 600px; margin: 0 auto 20px auto;}
.lnk_set:before, .lnk_set:after { content: ""; display: table;}
.lnk_set:after { clear: both;}
.comm_repo2 { margin: 0 auto;}
.comm_repo2:before, .comm_repo2:after { content: ""; display: table;}
.comm_repo2:after { clear: both;}
#comment_nav { width: 54%; float: left; padding: 20px 10px;}
#interview_nav { width: 49%; float: left; padding: 14px 10px; margin-top: 10px;}
#note_nav { width: 49%; float: right; margin-top: 5px;}
#note_nav .tape { text-align: left; font-size: 85%;}
#present_nav { width: 49%; float: left;}
#scene_nav { width: 49%; float: right; margin-top: 6px;}
#omikuji_nav { width: 100%; max-width: 300px; float: left; margin-top: 10px;}
#omikuji_nav .omikuji_img { padding-top: 42.5%; background-image: url(../img/mn/mn_omikuji.png);}
/*Twitter + instagram*/
.twitter_insta { width: 96%; max-width: 600px; margin: 10px auto 0 auto;}
.twitter_insta:before, .twitter_insta:after { content: ""; display: table;}
.twitter_insta:after { clear: both;}
#twitter_sp { width: 49.5%; float: left;}
#instagram_sp { width: 49.5%; float: right;}
#instagram_sp dd { height: 220px; padding-top: 20px;}
#instagram_sp .insta_next { padding: 20px 5px 0 0;}
#line_sp { width: 96%; max-width: 600px;}
/*btm*/
#btm_set { width: 96%; max-width: 600px; margin: 0 auto;}
#btm_set:before, #btm_set:after { content: ""; display: table;}
#btm_set:after { clear: both;}
#btm_left { width: 49.5%; float: left;}
#btm_right { width: 49.5%; float: right;}
}

/*for_W768-*/
@media screen and (min-width: 768px) {
/*shishakai*/
#shishakai { font-size: 110%;}
}

/*for_W1000-*/
@media screen and (min-width: 1000px) {
#container { background: rgba(255, 255, 255, 1) url(../img/head_bg.png) top center repeat-x;}
#cdall { height: 10px;}
/*shishakai*/
#shishakai { max-width: 800px; margin: 5px auto; padding: 20px 0; font-size: 120%; line-height: 180%; letter-spacing: .3em; -webkit-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); z-index: 100000;}
.onair_time-change { margin: 5px auto 10px auto; padding: 20px; font-size: 110%; letter-spacing: .3em; border: 0; font-weight: bold;}
.onair_time-change span { border-bottom: 1px dashed rgba(200, 60, 20, .8); padding-bottom: 2px;}

/*_sns*/
.sns_set { max-width: 400px;}
#snssp dl { margin-top: 50px;}
#snssp dl:before, #snssp dl:after { content: ""; display: table;}
#snssp dl:after { clear: both;}
#snssp dt { width: 150px; text-align: right; line-height: 140%; float: left;}
#snssp .sns_title { font-size: 180%; letter-spacing: .1em;}
#snssp .sns_title-s { font-size: 120%;}
#snssp ul { width: 190px; margin: 0; float: right;}
/*contents*/
#contents { position: relative; height: 460px;}
#contents { position: relative; height: 620px;}
/*news*/
#newssp { box-sizing: border-box; width: 100%; max-width: 295px; margin: 0; position: absolute; top: -5px; right: 0; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); height: 200px; z-index: 1000;}
.news label { display: none;}
.news #nsp .kkm { width: 100%;}
.news #nsp #kkm1 { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg);}
.news #nsp .cls { width: 100%; -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); height: 160px; overflow: auto; margin-left: -10px;} 
#newssp .news_title .news_imgsp { width: 100%; max-width: 110px; display: block; margin: 0; position: absolute; top: 5px; right: 5px;}
.plusnews span { display: none;}
.plusnews { width: 100px; height: 25px; background: url(../img/more.png) no-repeat; margin-left: 20px;}
.plusnews a:hover { background: rgba(190, 225, 75, .2);}
/*menu_basic*/
.b_nav-sp { width: 200px; position: absolute; top: -10px; left: 0;}
#basic_nav { height: 175px; max-width: 200px;}
#basic_nav li { width: 100%;}
#basic_nav li .mn { height: 50px;}
#basic_nav li .mn .mnimg { width: 100%; max-width: 120px; height: 30px; padding-top: 0;}
#basic_nav #mn_intro { top: -5px; left: 0; -webkit-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg);}
#basic_nav #mn_cast { top: 60px; left: 0; -webkit-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg);}
#basic_nav #mn_staff { top: 120px; left: 0;}
/*menu_basic2*/
.b2_nav-sp { width: 200px; position: absolute; top: 160px; left: 0;}
#basic2_nav { height: 285px; max-width: 200px;}
#basic2_nav li { width: 100%;}
#basic2_nav li .mn { height: 60px;}
#basic2_nav #mn_chart { top: 5px; left: 0;}
#basic2_nav #mn_alz { top: 75px; left: 0;}
#basic2_nav #mn_message { top: 145px; left: 0; -webkit-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg);}
#basic2_nav #mn_extra { top: 215px; left: 0;}
/*menu_story*/
#story_nav { max-width: 480px; margin: 0; position: absolute; top: 0; left: 210px;}
/*comm_repo*/
.comm_repo { width: 96%; max-width: 300px; margin: 0; position: absolute; top: 180px; right: 0; z-index: 100;}
#comment_nav { width: 100%; float: none;}
#interview_nav { width: 100%; float: none; padding: 25px 10px 30px 5px;}
#interview_nav .mark_new { position: absolute; top: 75px; left: 23%;}
#note_nav { width: 100%; float: none; margin-top: -10px;}
#note_nav .tape { text-align: left; font-size: 85%;}
#note_nav .mark_new { top: -10px; right: -10px;}
.comm_repo2 { width: 100%; max-width: 1000px; margin: 0; position: absolute; top: 465px; left: 0; z-index: 100;}
#present_nav { width: 35%; max-width: 342px; float: left;}
#scene_nav { width: 35%; max-width: 342px; float: left; margin-top: 10px; margin-left: 5px;}
/*#omikuji_nav { width: 30%; max-width: 300px; float: right; margin-top: 10px;}
#omikuji_nav .omikuji_img { padding-top: 48.125%; background-image: url(../img/mn/mn_omikuji.png);}*/
/*#pre-space { box-sizing: border-box; width: 30%; max-width: 300px; float: right; margin: 0; margin-top: 10px; display: block; position: relative;}
#pre-space .pre-space_img { width: 100%; height: 0; padding-top: 48.125%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn/pre-space.png); position: absolute; top: 0; left: 0;}*/
#omikuji_nav { position: absolute; top: 10px; right: 0;}
/*footer*/
#btm { width: 100%; max-width: 1000px; margin: 0 auto; height: 650px; position: relative;}
#copyright { width: 96%; max-width: 600px; margin: 0; text-align: left; padding: 0; position: absolute; top: 520px; left: 350px;}
/*bn*/
.bnsp { width: 300px; height: 250px; margin: 0; position: absolute; top: 340px; left: 0;}
/*SNS*/
.twitter_insta { max-width: 690px; margin: 0; position: absolute; top: 20px; left: 0;}
#instagram_sp .insta_next { padding: 10px 5px 0 0;}
#line_sp { max-width: 300px; height: 148px; margin: 0; position: absolute; top: 20px; right: 0;}
#line_sp { max-width: 300px; height: 148px; margin: 0; position: absolute; top: 162px; right: 0;}
#line_sp dt { box-sizing: border-box; width: 45%;}
#line_sp dt a { top: 60px; right: 0; text-align: left;}
#line_sp dd { display: block;}
#line_sp dd .qr { width: 118px; height: 118px; background: url(../img/qr.png?0) no-repeat; position: absolute; top: 14px; right: 14px;}
#line_sp dd .qr a { width: 100%; height: 100%; display: block;}
#line_sp dd .qr a:hover { background: rgba(255, 255, 255, .2);}
/*btm*/
#btm_left, #btm_right { width: 49.5%; float: note;}
/*LINK*/
.lnk_set { margin: 0; position: absolute; top: 340px; left: 700px;}
/*ishop*/
/*.ishop_set { margin: 0; position: absolute; top: 175px; right: 0;}
.ishop_set { margin: 0; position: absolute; top: 20px; right: 0;}*/
.ishop_set { margin: 0; position: absolute; bottom: 2px; right: 0; z-index: 10000000;}
/*snsbtn*/
.twtfb { position: absolute; top: 380px; left: 350px;}
}