/* 	header
============================== */
/*poster*/
.poster_img { width: 100%; height: 0; padding-top: 70.714285714285714%; padding-top: -webkit-calc(990 / 1400 * 100%); padding-top: calc(990 / 1400 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; box-shadow: 0px 4px 8px 0px rgba(3, 0, 89, .2);}

/* 	start
============================== */
#start { width: 98%; padding: 0 0 1em 0; margin: 0 auto;}
#start div { width: 100%; height: 0; padding-top: 7.5%; padding-top: -webkit-calc(90 / 1200 * 100%); padding-top: calc(90 / 1200 * 100%); background-repeat: no-repeat; -webkit-background-size: contain;}

/* 	contents
============================== */
.unit { width: 98%; margin: 0 auto;}

/* 	next
============================== */
#next_sp #spot_sp { margin: 0 auto .2em auto;}
#next_sp #ykk_sp { box-sizing: border-box; width: 98%; margin: 0 auto; background: rgba(255, 255, 255, .5); padding: .2em .2em 1em .2em;}
#next_sp #ykk_sp h3 { width: 100%;}
#next_sp #ykk_sp h3:before, #next_sp #ykk_sp h3:after { content: ""; display: table;}
#next_sp #ykk_sp h3:after { clear: both;}
#next_sp #ykk_sp h3::after { content: ""; display: block; clear: both;}
#next_sp #ykk_sp .num { width: 12.5%; float: left; display: block; box-shadow: 0 0 2px rgba(181, 165, 56, .3); -webkit-box-shadow: 0 0 2px rgba(181, 165, 56, .3);}
#next_sp #ykk_sp .num .nm_img { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#next_sp #ykk_sp .oa_sp { width: 84%; float: left; margin: .6em 0 0 3%; display: block;}
#next_sp #ykk_sp .oa_sp .oa_img { width: 100%; height: 0; padding-top: 9.090909090909091%; padding-top: -webkit-calc(60 / 660 * 100%); padding-top: calc(60 / 660 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#next_sp #ykk_sp .story_txt { box-sizing: border-box; width: 100%; padding: 1em; text-align: left; line-height: 180%;}
#next_sp .lnk_sp { width: 32%; max-width: 180px; margin: -15px auto 15px auto;}
#next_sp .lnk_sp a { width: 100%; height: 0; padding-top: 28%; padding-top: -webkit-calc(84 / 300 * 100%); padding-top: calc(84 / 300 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#next_sp .lnk_sp a:hover { filter: hue-rotate(180deg); -webkit-filter: hue-rotate(180deg);}
/*for_W900-*/
@media all and (min-width: 900px) {
#next_sp { padding-bottom: 0; position: relative;}
#next_sp h2 { width: 18%; position: absolute; top: 1.5em; left: 54%;}
#next_sp #spot_sp { width: 52%; position: absolute; top: 1.5em; left: .5%;}
#next_sp #ykk_sp { width: 45%; min-height: 220px; margin: 2.5em 0 0 54%; padding: .2em;}
#next_sp #ykk_sp .num { width: 20%; float: right; margin: -2.5em -2% 0 0;}
#next_sp #ykk_sp .oa_sp { width: 78%; float: left; margin: .6em 0 0 3%;}
#next_sp #ykk_sp .story_txt { font-size: 80%; line-height: 170%; padding: 1em;}
#next_sp .lnk_sp { width: 14%; margin: .3em 0 0 85%;}
}

/* 	topics
============================== */
#topics_sp { position: relative;}
#topics_sp h2 { margin: 0 0 .75em 2%;}
#topics_sp h2 .img { width: 100%; height: 0; padding-top: 22.508038585209003%; padding-top: -webkit-calc(65 / 333 * 100%); padding-top: calc(65 / 333 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#topics_sp .lnk_sp { width: 18%; max-width: 90px; position: absolute; top: 1.8em; right: 1%;}
#topics_sp .lnk_sp a { width: 100%; height: 0; padding-top: 41.573033707865169%; padding-top: -webkit-calc(74 / 178 * 100%); padding-top: calc(74 / 178 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#topics_sp .lnk_sp a:hover { filter: hue-rotate(180deg); -webkit-filter: hue-rotate(180deg);}
/*for_W768-*/
@media all and (min-width: 768px) {
#topics_sp .lnk_sp { right: -webkit-calc(.5% + 30px); right: calc(.5% + 30px);}
}
/*for_W900-*/
@media all and (min-width: 900px) {
#topics_sp { height: 400px;}
#topics_sp .lnk_sp { max-width: 80px; position: absolute; top: 355px; right: 33px;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#topics_sp .lnk_sp { position: absolute; top: 366px; right: 41px;}
}

/* 	news
============================== */
#news_sp #lst_sp { width: 92%; max-width: 400px; max-height: 300px; margin: 0 auto; overflow-y: auto;}
#news_sp #lst_sp li { width: 96%; height: 90px; margin: .3em 0 .65em 0; background-color: rgba(255, 255, 255, .8); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-image: url(../img/news_bg.png); -webkit-background-posiiton: center center; background-posiiton: center center; box-shadow: 0 1px 5px rgba(3, 0, 89, .3); -webkit-box-shadow: 0 1px 5px rgba(3, 0, 89, .3); position: relative;}
#news_sp #lst_sp .dm_sp { opacity: .5;}
#news_sp #lst_sp li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#news_sp #lst_sp li a:hover { filter: brightness(1.2) saturate(130%); -webkit-filter: brightness(1.2) saturate(130%);}
#news_sp #lst_sp .img_sp { box-sizing: border-box; width: 127px; height: 90px; position: absolute; top: 0; left: 0; display: block; border: 2px solid rgba(255, 255, 255, .5); background-color: rgba(255, 255, 255, .5);}
#news_sp #lst_sp .img_sp .img, #news_sp #lst_sp .img_sp .img .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
#news_sp #lst_sp .img_sp .img { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-background-position: top center; background-position: top center;}
#news_sp #lst_sp .txt_sp { width: -webkit-calc(100% - 150px); width: calc(100% - 150px); height: -webkit-calc(90px - 2em); height: calc(90px - 2em); height: ; padding: 1em 0; position: absolute; top: 0; left: 140px; font-size: 92%; text-align: left; overflow: hidden; display: block;}
#news_sp #lst_sp .txt_sp .title_txt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: rgba(0, 26, 125, 1); line-height: 150%;}
#news_sp #lst_sp .txt_sp .update { font-size: 90%; text-align: right; position: absolute; bottom: 1em; right: 0; color: rgba(73, 107, 255, 1);}
/*for_W640-*/
@media all and (min-width: 640px) {
#news_sp #lst_sp { max-width: 500px; max-height: 390px;}
#news_sp #lst_sp li { height: 120px; margin: .3em 0 .6em 0;}
#news_sp #lst_sp .img_sp { width: 170px; height: 120px;}
#news_sp #lst_sp .txt_sp { width: -webkit-calc(100% - 195px); width: calc(100% - 195px); height: -webkit-calc(120px - 2em); height: calc(120px - 2em); padding: 1em 0; position: absolute; top: 0; left: 185px;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#news_sp { padding-bottom: 2em;}
#news_sp #lst_sp { width: 98%; max-width: 900px; max-height: 200px;}
#news_sp #lst_sp ul:before, #news_sp #lst_sp ul:after { content: ""; display: table;}
#news_sp #lst_sp ul:after { clear: both;}
#news_sp #lst_sp ul::after { content: ""; display: block; clear: both;}
#news_sp #lst_sp li { float: left; margin: .3em 1.2% .25em 0; width: 48%; height: 90px;}
#news_sp #lst_sp .img_sp { width: 127px; height: 90px;}
#news_sp #lst_sp .txt_sp { width: -webkit-calc(100% - 140px); width: calc(100% - 140px); height: -webkit-calc(90px - 1em); height: calc(90px - 1em); padding: .5em 0; position: absolute; top: 0; left: 135px; font-size: 88%; line-height: 140%;}
#news_sp #lst_sp .txt_sp .update { font-size: 80%; bottom: .2em;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#news_sp #lst_sp { max-width: 1000px; max-height: 260px;}
#news_sp #lst_sp li { margin: .3em 1.2% .25em 0; height: 120px;}
#news_sp #lst_sp .img_sp { width: 170px; height: 120px;}
#news_sp #lst_sp .txt_sp { width: -webkit-calc(100% - 190px); width: calc(100% - 190px); padding: 1em 0; position: absolute; top: 0; left: 180px; height: -webkit-calc(120px - 2em); height: calc(120px - 2em); font-size: 92%; line-height: 160%;}
}

/* 	sp
============================== */
#sp_sp { width: 96%; max-width: 510px; margin: 0 auto;}
#sp_sp:before, #sp_sp:after { content: ""; display: table;}
#sp_sp:after { clear: both;}
#sp_sp::after { content: ""; display: block; clear: both;}
#sp_sp .yp_sp { box-sizing: border-box; width: 100%; height: 0; padding-top: 33.866666666666667%; padding-top: -webkit-calc(508 / 1500 * 100%); padding-top: calc(508 / 1500 * 100%); margin: 0 auto .75em auto; background-color: rgba(255, 255, 255, 1); border: 3px solid rgba(255, 255, 255, 1); box-shadow: 0 1px 5px rgba(3, 0, 89, .3); -webkit-box-shadow: 0 1px 5px rgba(3, 0, 89, .3); position: relative;}
#sp_sp .yp_sp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#sp_sp .yp_sp a:hover { filter: brightness(1.2) saturate(130%); -webkit-filter: brightness(1.2) saturate(130%);}
#sp_sp #ytb_sp { background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-background-position: bottom center; background-position: bottom center;}
#sp_sp #ytb_sp .img_sp { box-sizing: border-box; width: 60.9%; display: block; position: absolute; top: 0; left: 0;}
#sp_sp #ytb_sp .img_sp .img { width: 100%; height: 0; padding-top: 56.444444444444444%; padding-top: -webkit-calc(508 / 900 * 100%); padding-top: calc(508 / 900 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#sp_sp #ytb_sp .title_sp { width: 36%; display: block; position: absolute; top: .75em; left: 63%; padding-bottom: 5em;}
#sp_sp #ytb_sp .title_sp .img { width: 100%; height: 0; padding-top: 32.352941176470588%; padding-top: -webkit-calc(110 / 340 * 100%); padding-top: calc(110 / 340 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#sp_sp #ytb_sp .info_sp { box-sizing: border-box; width: 35%; padding: .5em 1em; background: rgba(255, 240, 240, .65); border-radius: 10px; -webkit-border-radius: 10px; color: rgba(86, 8, 8, 1); text-align: left; font-size: 85%; line-height: 130%; position: absolute; top: 50%; right: .5em; display: block;}
#sp_sp #chart_sp, #sp_sp #paraviorg_sp, #sp_sp #goods_sp, #sp_sp #dvd_sp { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover;}
#sp_sp #chart a:hover, #sp_sp #paravi_org a:hover, #sp_sp #goods a:hover { filter: brightness(1.1) saturate(120%); -webkit-filter: brightness(1.1) saturate(120%);}
/*for_W480-*/
@media all and (min-width: 480px) {
#sp_sp #ytb_sp .info_sp { padding: 1em .5em; top: 53%;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#sp_sp { width: 99%; max-width: 990px; padding-bottom: 2em;}
#sp_sp .yp_sp { width: 48%; padding-top: 16.256%; padding-top: -webkit-calc(508 / 1500 * 48%); padding-top: calc(508 / 1500 * 48%); margin: 0 .4% 0 1%; float: left;}
#sp_sp #ytb_sp .info_sp { padding: .75em; font-size: 75%; letter-spacing: .09em;}
.spset { padding-bottom: .75em;}
.spset:before, .spset:after { content: ""; display: table;}
.spset:after { clear: both;}
.spset::after { content: ""; display: block; clear: both;}
/*#sp_sp #goods { margin: 0 auto; float: none;}*/
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
.spset { padding-bottom: 1em;}
}

/* 	stream
============================== */
#stream_sp { width: 96%; max-width: 510px; margin: 0 auto .5em;}
#stream_sp:before, #stream_sp:after { content: ""; display: table;}
#stream_sp:after { clear: both;}
#stream_sp::after { content: ""; display: block; clear: both;}
#stream_sp .st_sp { box-sizing: border-box; width: 32%; margin: 0 .5% 0 .8%; background-color: rgba(255, 255, 255, 1); box-shadow: 0 1px 5px rgba(3, 0, 89, .3); -webkit-box-shadow: 0 1px 5px rgba(3, 0, 89, .3); float: left;}
#stream_sp .st_sp0 { box-sizing: border-box; width: 32%; margin: 0 .5% 0 .8%; background-color: rgba(255, 255, 255, .35); box-shadow: 0 1px 5px rgba(3, 0, 89, .3); -webkit-box-shadow: 0 1px 5px rgba(3, 0, 89, .3); float: left;}
#stream_sp .st_sp a, #stream_sp .st_sp0 .st_sp00 { width: 100%; height: 0; padding-top: 100%; display: block; position: relative;}
#stream_sp .st_sp a:hover { filter: brightness(1.2) saturate(120%); -webkit-filter: brightness(1.2) saturate(120%);}
#stream_sp #tver_sp a:hover { filter: brightness(1.1) saturate(110%); -webkit-filter: brightness(1.1) saturate(110%);}
#stream_sp .st_sp .st_img, #stream_sp .st_sp0 .st_img { width: 100%; height: 100%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}
#stream_sp .st_sp0 { background-color: rgba(255, 255, 255, .35); font-size: 90%; font-weight: bold;}
#stream_sp .st_sp0 .st_img { opacity: .2;}
#stream_sp .st_sp0 .st_txt { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); color: rgba(0, 0, 0, 1);}

/*for_W768-*/
@media all and (min-width: 768px) {
#stream_sp { width: 98%; max-width: 980px; padding-bottom: 2em;}
#stream_sp .st_sp a, #stream_sp .st_sp0 .st_sp00 { width: 100%; height: 0; padding-top: 39.473684210526316%; padding-top: -webkit-calc(300 / 760 * 100%); padding-top: calc(300 / 760 * 100%);}
}

/* 	sns
============================== */
#sns_sp .sns_wk dt a, #sns_sp0 .sns_wk dt a { width: 100%; display: block; padding-bottom: .5em;}
#sns_sp .sns_wk dt a:before, #sns_sp .sns_wk dt a:after, #sns_sp0 .sns_wk dt a:before, #sns_sp0 .sns_wk dt a:after { content: ""; display: table;}
#sns_sp .sns_wk dt a:after, #sns_sp0 .sns_wk dt a:after { clear: both;}
#sns_sp .sns_wk dt a::after, #sns_sp0 .sns_wk dt a::after { content: ""; display: block; clear: both;}
#sns_sp .sns_wk dt a:hover, #sns_sp0 .sns_wk dt a:hover { opacity: .8;}
#sns_sp .sns_wk dd, #sns_sp0 .sns_wk dd { height: 300px; background: rgba(255, 255, 255, 1);}
#sns_sp #insta_sp dd, #sns_sp0 #insta_sp dd { box-sizing: border-box; text-align: center; padding-top: 10px;}
#sns_sp .sns_title, #sns_sp0 .sns_title { width: 50%; float: left; display: block;}
#sns_sp .sns_title .img, #sns_sp0 .sns_title .img { width: 100%; height: 0; padding-top: 17.957957957957958%; padding-top: -webkit-calc(80 / 340 * 100%); padding-top: calc(80 / 340 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#sns_sp .sns_title-txt, #sns_sp0 .sns_title-txt { width: 50%; float: right; text-align: right; letter-spacing: .1em; display: block; padding-top: .8em; color: rgba(255, 255, 255, 1);}
#sns_sp #twitter_sp .tlsp, #sns_sp0 #twitter_sp .tlsp { width: 100%; margin: 0 auto 1em auto;}
#sns_sp #twitter_sp .tlsp .tl, #sns_sp0 #twitter_sp .tlsp .tl { box-sizing: border-box; width: 100%; height: 300px; -webkit-box-sizing:border-box; box-sizing:border-box;}
#sns_sp #twitter_sp .tlsp .tl iframe, #sns_sp0 #twitter_sp .tlsp .tl iframe { width: 100% !important;}
#sns_sp #twitter_sp .tlsp .tl iframe, #sns_sp0 #twitter_sp .tlsp .tl iframe { width: 740px !important;}
/*_instagram_api-none*/
#sns_sp0 #insta_sp .lnkol a { width: 100%; display: block;}
#sns_sp0 #insta_sp .lnkol a:before, #sns_sp #insta_sp .lnkol a:after { content: ""; display: table;}
#sns_sp0 #insta_sp .lnkol a:after { clear: both;}
#sns_sp0 #insta_sp .lnkol a::after { content: ""; display: block; clear: both;}
#sns_sp0 #insta_sp .lnkol a:hover { opacity: .8;}

/*for_W768-*/
@media all and (min-width: 768px) {
#sns_sp { max-width: 820px;}
#sns_sp #sns_set:before, #sns_sp #sns_set:after { content: ""; display: table;}
#sns_sp #sns_set:after { clear: both;}
#sns_sp #sns_set::after { content: ""; display: block; clear: both;}
#sns_sp .sns_wk { width: 47%; margin: .5em 0 .75em 1.5%; float: left;}
/*_instagram_api-none*/
#sns_sp0 { max-width: 1000px; position: relative;}
#sns_sp0:before, #sns_sp0:after { content: ""; display: table;}
#sns_sp0:after { clear: both;}
#sns_sp0::after { content: ""; display: block; clear: both;}
#sns_sp0 h2 { max-width: 180px; margin: 0; position: absolute; top: 6em; left: 21%;}
#sns_sp0 #sns_set { width: 78%; margin: 0 auto;}
#sns_sp0 .sns_wk { width: 48%; margin: 0 0 .75em 1%; float: right;}
#sns_sp0 #insta_sp { width: 48%; margin: 215px 0 .75em 0; height: 150px; padding-top: 40px;}
#sns_sp0 #insta_sp .sns_title, #sns_sp0 #insta_sp .sns_title-txt { width: 50%; float: none; margin: 0 auto;}
#sns_sp0 #insta_sp .sns_title-txt { padding-top: .2em; letter-spacing: 0; display: block; text-align: center;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
#sns_sp { max-width: 1000px;}
#sns_sp:before, #sns_sp:after { content: ""; display: table;}
#sns_sp:after { clear: both;}
#sns_sp::after { content: ""; display: block; clear: both;}
#sns_sp h2 { max-width: 180px; margin: 8em 0 0 1%; float: left;}
#sns_sp #sns_set { width: 78%; float: left; margin-left: 2%;}
#sns_sp .sns_wk { width: 48%; margin: 0 0 .75em 1%;}
/*_instagram_api-none*/
#sns_sp0 #insta_sp { margin: 220px 0 .75em 0;}
}

/*	instagram
============================== */
.insta { width: 280px; height: 280px; margin: 0 auto;}
.insta ul li { float: left; width: 33.333333333333333%;}
.insta ul li span, .insta ul li a, .insta ul li a img { display:block;}
.insta ul li a, .insta ul li a img { background-position: top center; background-repeat: no-repeat;}
.insta ul li a { background-size: cover; position: relative; height: 0; padding-top: 100%;}
.insta ul li a:hover { filter: brightness(1.2) saturate(120%); -webkit-filter: brightness(1.2) saturate(120%);}
.insta ul li a img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0 1px 5px rgba(3, 0, 89, .3); -webkit-box-shadow: 0 1px 5px rgba(3, 0, 89, .3);}
.insta ul li a .icon-video { background-image: url(/um/img/play.png);}
.insta ul li:nth-child(3n-2) > span { margin-right: 6px;}
.insta ul li:nth-child(3n-1) > span { margin-left: 3px; margin-right: 3px;}
.insta ul li:nth-child(3n) > span { margin-left: 6px;}
.insta ul li { margin-bottom: 9px;}
/*for_W768-*/
@media all and (min-width: 768px) {
.insta ul li:nth-child(3n-2) > span { margin-right: 8px;}
.insta ul li:nth-child(3n-1) > span { margin-left: 4px; margin-right: 4px;}
.insta ul li:nth-child(3n) > span { margin-left: 8px;}
.insta ul li { margin-bottom: 11px;}
}

/*	DVD-Blu-ray
============================== */
#dbsp { width: 98%; max-width: 1000px; margin: 0 auto; padding: 0 0 1em 0;}
#dbsp a { width: 100%; height: 0; padding-top: 5.805515239477504%; padding-top: -webkit-calc(80 / 1378 * 100%); padding-top: calc(80 / 1378 * 100%); display: block; position: relative;}
#dbsp a:hover { filter: brightness(1.2) saturate(120%); -webkit-filter: brightness(1.2) saturate(120%);}
#db { width: 100%; height: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0;}