/*	header
============================== */
#con_header { background-image: url(../img/bg_head-ind.jpg);}
#poster_sp { width: 100%; height: 0; padding-top: 70.68493151%; padding-top: -webkit-calc(1032 / 1460 * 100%); padding-top: calc(1032 / 1460 * 100%); position: relative;}
#poster_fadein { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none;}
#poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: contain;}

/*	contents
============================== */
.con_line { border-top: 1px solid rgba(0, 39, 122, 1);}
.gotoCpage { width: 74%; max-width: 240px; margin: 0 auto .5em auto;}
.gotoCpage a { display: block; width: 100%; height: 0; padding-top: 22%; background-color: rgba(0, 39, 122, 1); position: relative;}
.gotoCpage a .gotopage_txt { width: 90%; text-align: center; position: absolute; top: 50%; left: 5%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: rgba(255, 255, 255, 1); font-weight: bold; letter-spacing: .1em; line-height: 100%;}
.gotoCpage a .gotopage_txt::after { content: ''; width: 19px; height: 15px; background-repeat: no-repeat; background-size: contain; background-image: url(../img/ya.png); position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.sub_txt { font-size: 80%; font-weight: 400;}
.gotoCpage a:hover { background-color: rgba(0, 39, 122, .75);}
/*for_W768-*/
@media all and (min-width: 768px) { 
.gotoCpage a .gotopage_txt::after { content: ''; width: 16px; height: 13px;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
.gotoCpage { max-width: 300px;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
.gotoCpage a { padding-top: 20%;}
}

/*follow*/
#ind_follow { width: 100%;}
.followBox { box-sizing: border-box; width: 100%; max-width: 990px; border: 1px solid rgba(0, 39, 122, 1); background-color: rgba(255, 255, 255, .75); margin: .25em auto .5em auto; padding: 1em;}
.str_start { letter-spacing: .1em; font-size: 110%; text-align: center; font-weight: bold; color: rgba(24, 43, 119, 1);}
.str_btn { text-align: center;}
.str_btn ul { width: 100%; max-width: 480px; display: flex; flex-flow: row nowrap; justify-content: space-between; margin: 1em auto .75em auto;}
.str_btn li { flex-basis: 48%;}
.str_btn li a { display: block; box-sizing: border-box; width: 100%; height: 0; padding-top: 32%; border: 1px solid rgba(0, 39, 122, 1); background-color: rgba(255, 255, 255, 1); texta-lign: center; position: relative;}
.str_btn li a .icon { display: block; width: 90%; position: absolute; top: 50%; right: 5%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.str_btn li a .icon .img { display: block; width: 100%; height: 0; padding-top: 32%; background-repeat: no-repeat; background-size: cover;}
.bnrt { font-weight: bold; padding-bottom: 1em;}
.str_btn li a:hover { opacity: .8;}
/*_sns*/
#sns_follow { width: 98%; max-width: 360px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; margin: .5em auto 0 auto;}
.sns_title, .sns_icon { flex-basis: 49%;}
.sns_title { text-align: left;}
.sns_icon ul { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.sns_icon li { flex-basis: 30%;}
.sns_icon li a { display: block; width: 100%; height: 0; padding-top: 100%; background-color: rgba(0, 0, 0,  1); border-radius: 100px; position: relative;}
.sns_icon li a:hover { opacity: .8;}
.sns_icon li a .sns_icon-img { display: block; width: 60%; height: 0; padding-top: 60%; background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#sns_follow { justify-content: center;}
.followBox { font-size: 90%; padding: 1.5em 1em 2em 1em;}
.str_btn ul { max-width: 600px;}
#sns_follow { max-width: 480px;}
.sns_title { flex-basis: 43%;}
.sns_icon { flex-basis: 53%;}
.sns_icon li { flex-basis: 28%;}
.bnrt { font-size: 90%; padding-bottom: .5em;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
#sns_follow { max-width: 540px;}
}

/*next story*/
#ind_story { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: bottom center; background-image: url(../img/bg_story-s.jpg);}
#h2_story { display: block; width: 100%; height: 0; padding-top: 13.63636364%; padding-top: -webkit-calc(240 / 1760 * 100%); calc(240 / 1760 * 100%); background-repeat: no-repeat; background-size: contain; margin-bottom: .5em;}
.movieBox, .storyBox { box-sizing: border-box; width: 100%; max-width: 990px; border: 1px solid rgba(0, 39, 122, 1); background-color: rgba(255, 255, 255, .75); margin: 0 auto .5em auto; padding: 1em 1em .5em 1em;}
.storyBox { padding: .5em 1em;}
.storyBox h3 { font-family: "oswald", sans-serif; font-weight: 700; font-style: normal; text-align: center; letter-spacing: .1em; font-size: 120%; color: rgba(24, 43, 119, 1);}
.storyBox p { padding: 1em .5em; texta-lign: left; font-size: 96%; line-height: 130%;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#ind_story { background-image: url(../img/bg_story.jpg);}
#ind_story h2 { width: 64%;}
.storyBox { padding: .5em 1em 1em 1em;}
.storyBox p { padding: 1em 1.5em .5em .5em; texta-lign: left; font-size: 92%;}
#ind_story #story_txt { width: 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-end;}
#ind_story #story_txt .gotoCpage a { padding-top: 23%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
.storyBox { padding: 1.5em 1em;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
.storyBox h3 { font-size: 160%;}
.storyBox h3 .f180 { font-size: 160%;}
.storyBox p { padding: 1.75em 1.5em .75em .5em; texta-lign: left; font-size: 92%;}
#ind_story #story_txt .gotoCpage a { padding-top: 20%;}
}

/*topics*/
#ind_topics { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center; background-image: url(../img/bg_topics-s.jpg); padding-top: 1.5em; padding-bottom: 3em;}
#ind_topics .h2_sp { display: block; width: 69%; float: right;}
#h2_topics { margin-bottom: .5em;}
/*for_W768-*/
@media all and (min-width: 768px) { 
#ind_topics { background-image: url(../img/bg_topics.jpg?0);}
#ind_topics .h2_sp { width: 48%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#ind_topics .wrap { padding: 1.75em 0 3.5em 0;}
}

/*news*/
#ind_news { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: top center; background-image: url(../img/bg_news-s.jpg); padding-top: .5em;}
#ind_news .wrap { width: 98%; margin: 0 auto; padding: .75em 0 1.5em 0;}
#ind_news .h2_sp { display: block; width: 59%;}
#h2_news { margin-bottom: .5em; float: left; margin-left: 3%;}
.news_ulsp { width: 100%; max-width: 480px; max-height: 250px; margin: 1em auto; overflow-y: auto;}
.news_ulsp::-webkit-scrollbar { width: 10px;}
.news_ulsp::-webkit-scrollbar-track { background: rgba(29, 56, 146, .3);}
.news_ulsp::-webkit-scrollbar-thumb { background: rgba(24, 43, 119, 1);}
.news_ulsp ul { width: 96%; margin-left: 3%; display: flex; flex-flow: row wrap; justify-content: flex-start;}
.news_ulsp li { width: 100%;}
.news_ulsp li .news_set { display: block; box-sizing: border-box; width: 98%; border: 1px solid rgba(0, 39, 122, 1); background-color: rgba(255, 255, 255, .75); margin:  0 0 1em 0; box-shadow: 2px 7px 10px 0 rgba(0, 0, 0, .2); padding: .65em; font-size: 84%; line-height: 130%; display: flex; flex-flow: row nowrap; justify-content: space-between; position: relative;}
.news_ulsp li .news_set .news_imgsp { display: block; width: 44%; flex-basis: 44%; background-color: rgba(255, 255, 255, 1);}
.news_ulsp li .news_set .news_img { display: block; width: 100%; height: 0; padding-top: 66.42857143%; padding-top: -webkit-calc(93 / 140 * 100%); calc(93 / 140 * 100%); background-repeat: no-repeat; background-size: contain; background-position: center center;}
.news_ulsp li .news_set .news_txtsp { display: block; width: 54%; flex-basis: 54%;}
.news_ulsp li .news_set .news_txtsp .news_contxt { display: block; width: 100%; text-align: left; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 3; line-height: 130%;}
.news_ulsp li .news_set .news_txtsp .news_contxt { display: block; width: 100%; text-align: left; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; line-height: 130%; padding-top: 1em;}
.news_ulsp li .news_set .news_txtsp .news_ctg { display: inline-block; background-color: rgba(24, 43, 119, 1); color: rgba(255, 255, 255, 1); font-family: "oswald", sans-serif; font-weight: 700; font-style: normal; letter-spacing: .1em; font-size: 96%; padding: .05em .35em.075em .35em; margin-bottom: .15em;}
.news_ulsp li .news_set .news_update { display: block; font-family: "oswald", sans-serif; font-weight: 700; font-style: normal; letter-spacing: .1em; font-size: 96%; text-align: right; position: absolute; bottom: 6px; right: 6px;}
.news_ulsp li .news_set:hover { opacity: .8;}
/*for_W480-*/
@media all and (min-width: 480px) { 
.news_ulsp { max-height: 300px;}
}
/*for_W640-*/
@media all and (min-width: 640px) { 
.news_ulsp { max-width: 400px;  max-height: 310px;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#ind_news { background-image: url(../img/bg_news.jpg?0);}
#ind_news .h2_sp { width: 41%;}
.news_ulsp { max-width: 1080px; max-height: 250px;}
.news_ulsp ul { width: 97.5%; margin-left: 2%;}
.news_ulsp li { width: 49%; margin-right: .9%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#ind_news .wrap { padding: 1.75em 0 2.5em 0;}
.news_ulsp { max-height: 290px;}
.news_ulsp li .news_set .news_imgsp { width: 38%;}
.news_ulsp li .news_set .news_txtsp { width: 60%; font-size: 90%;}
.news_ulsp li .news_set .news_txtsp .news_contxt { padding: 1em 0 .25em 0; -webkit-line-clamp: 3;}
.news_ulsp li .news_set .news_txtsp .news_update { font-size: 90%;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
.news_ulsp { max-height: 320px;}
}

/*stream*/
#ind_stream { width: 100%; background-repeat: no-repeat; background-size: cover; background-position: bottom center; background-image: url(../img/bg_stream-s.jpg); padding-top: 1em; padding-bottom: 10em;}
#ind_stream .h2_sp { display: block; width: 64%; float: right;}
#h2_stream { display: block; width: 100%; height: 0; padding-top: 21.42857143%; padding-top: -webkit-calc(240 / 1120 * 100%); calc(240 / 1120 * 100%); background-repeat: no-repeat; background-size: contain; margin-bottom: .5em;}
.stream_set { width: 90%; max-width: 400px; margin: .75em auto; text-align: center; font-weight: bold; color: rgba(24, 43, 119, 1);}
#ind_stream .stream_txt { padding-top: .5em; padding-bottom: .5em; letter-spacing: .1em;}
.stream_icon { width: 100%; display: flex; flex-flow: row nowrap; justify-content: center; padding-bottom: .75em;}
.stream_icon2 { justify-content: space-between;}
.stream_icon-imgsp { width: 49%;}
.stream_icon-img { width: 100%; height: 0; padding-top: 33.46456693%; -webkit-calc(170 / 508 * 100%); calc(170 / 508 * 100%);position: relative;}
.stream_icon-img a { display: block; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid rgba(0, 39, 122, 1); background-color: rgba(255, 255, 255, 1); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: 0;}
.stream_icon-img a:hover { opacity: .75;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#ind_stream { padding-bottom: 14em;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#ind_stream { background-image: url(../img/bg_stream.jpg);}
#ind_stream .h2_sp { width: 44%;}
#stream_all { width: 100%; max-width: 1080px; display: flex; flex-flow: row nowrap; justify-content: space-between;}
.stream_set { width: 39%; flex-basis: 39%;}
.stream_set:first-child { width: 19%; flex-basis: 19%;}
.stream_set:first-child .stream_icon-imgsp { width: 100%;}
#ind_stream .stream_txt { font-size: 80%; letter-spacing: 0;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#ind_stream .stream_txt { font-size: 88%;}
}
/*for_W1200-*/
@media all and (min-width: 1200px) { 
.stream_set:first-child { width: 18%; flex-basis: 18%;}
}