@media only screen and (min-width: 751px) { #wrapper { min-width: 1200px; } }
@media only screen and (max-width: 750px) { body { background-image: url("../img/common/bg_black_sp.jpg"); } }

.main_top .main_visual p { opacity: 0; -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); }
.main_top .main_info .top_logo, .main_top .main_info .top_onair, .main_top .main_info .top_movie, .main_top .main_info .top_bnr { opacity: 0; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); }

.is_open .main_visual p { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity 5s ease-out 0.8s, transform 6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; -moz-transition: opacity 5s ease-out 0.8s, transform 6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; -ms-transition: opacity 5s ease-out 0.8s, transform 6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; -o-transition: opacity 5s ease-out 0.8s, transform 6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; transition: opacity 5s ease-out 0.8s, transform 6s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; }
.is_open .main_info .top_logo, .is_open .main_info .top_onair, .is_open .main_info .top_movie, .is_open .main_info .top_bnr { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 1s cubic-bezier(0.11, 0, 0.5, 0) 0.8s, transform 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; -moz-transition: opacity 1s cubic-bezier(0.11, 0, 0.5, 0) 0.8s, transform 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; -ms-transition: opacity 1s cubic-bezier(0.11, 0, 0.5, 0) 0.8s, transform 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; -o-transition: opacity 1s cubic-bezier(0.11, 0, 0.5, 0) 0.8s, transform 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; transition: opacity 1s cubic-bezier(0.11, 0, 0.5, 0) 0.8s, transform 1.4s cubic-bezier(0.5, 1, 0.89, 1) 0.8s; }
.is_open .main_info .top_onair { -webkit-transition-delay: 1s, 1s; -moz-transition-delay: 1s, 1s; -ms-transition-delay: 1s, 1s; -o-transition-delay: 1s, 1s; transition-delay: 1s, 1s; }
.is_open .main_info .top_movie { -webkit-transition-delay: 1.2s, 1.2s; -moz-transition-delay: 1.2s, 1.2s; -ms-transition-delay: 1.2s, 1.2s; -o-transition-delay: 1.2s, 1.2s; transition-delay: 1.2s, 1.2s; }
.is_open .main_info .top_bnr { -webkit-transition-delay: 1.2s, 1.2s; -moz-transition-delay: 1.2s, 1.2s; -ms-transition-delay: 1.2s, 1.2s; -o-transition-delay: 1.2s, 1.2s; transition-delay: 1.2s, 1.2s; }

@media only screen and (min-width: 751px) { .main_navigation:before { display: none; }
  .main_navigation .main_nav__wrap h1 { display: none; }
  .main_navigation .main_navi { margin-top: 76px; }
  .main_navigation .main_navi .main_navi__item { color: #fff; }
  .main_navigation .main_navi .main_navi__item .t_jp:before { background: #FFF; }
  .main_navigation .main_navi .main_navi__item .t_en:after { border-color: rgba(255, 255, 255, 0.25); }
  .main_navigation .main_navi .main_navi__item:hover .t_jp { color: #000; }
  .main_navigation .main_navi .main_navi__item:hover .t_jp:before { width: 100%; left: 0; right: auto; }
  .main_navigation .main_navi .main_navi__item.current .t_jp { color: #000; }
  .main_navigation .main_navi .main_navi__item.current .t_jp:before { width: 100%; left: 0; right: auto; } }
@media only screen and (max-width: 750px) { .main_navigation .navigation_header { top: 0; } }

.main_top { position: relative; }
.main_top .main_visual { overflow: hidden; }
.main_top .top_movie .movie_thumb { position: relative; width: 100%; height: 100%; }
.main_top .top_movie .movie_thumb:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("../img/common/btn_play.png") no-repeat center rgba(0, 0, 0, 0.6); }
.main_top .top_movie .movie_thumb .thumb { width: 100%; height: 100%; background: no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
@media only screen and (min-width: 751px) { .main_top { position: relative; }
  .main_top .main_visual { width: 54%; min-width: 600px; margin: 0 0 0 auto; }
  .main_top .main_info { position: absolute; top: 76px; width: calc(46% - 220px); min-width: 360px; left: 220px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 40px 76px; }
  .main_top .main_info h1 { margin-bottom: 30px; }
  .main_top .main_info .top_onair { margin-bottom: 40px; }
  .main_top .main_info .top_movie { height: 10.75vw; cursor: pointer; overflow: hidden; }
  .main_top .main_info .top_movie .movie_thumb { -webkit-transition: transform 0.2s ease-out; -moz-transition: transform 0.2s ease-out; -ms-transition: transform 0.2s ease-out; -o-transition: transform 0.2s ease-out; transition: transform 0.2s ease-out; }
  .main_top .main_info .top_movie .movie_thumb:after { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; -webkit-background-size: 55px; -o-background-size: 55px; background-size: 55px; }
  .main_top .main_info .top_movie:hover .movie_thumb { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); }
  .main_top .main_info .top_movie:hover .movie_thumb:after { opacity: 0; }
  .main_top .main_info .top_bnr { margin-top: 30px; }
  .main_top .main_info .top_bnr p { overflow: hidden; margin-bottom: 6px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
  .main_top .main_info .top_bnr p:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } }
@media only screen and (max-width: 750px) { .main_top { background: url("../img/top/bg_topmain_sp.jpg"); padding-bottom: 17.33vw; padding-top: 12vw; }
  .main_top .main_info { position: relative; margin-top: -26.94vw; }
  .main_top .top_logo { width: 53.06vw; margin: 0 auto 4.8vw; visibility: hidden; }
  .main_top .top_onair { width: 65.06vw; margin: 0 auto 8vw; }
  .main_top .top_movie { width: 84vw; height: 37.33vw; margin: auto; }
  .main_top .top_movie .movie_thumb:after { -webkit-background-size: 13.33vw; -o-background-size: 13.33vw; background-size: 13.33vw; }
  .main_top .top_bnr { width: 84vw; margin: 4vw auto 0; }
  .main_top .top_bnr p { margin-bottom: 6px; } }

.news_top { position: relative; }
.news_top .news_bg_cover { position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
.news_top .news_bg_cover .news_bg { width: 100%; height: 100%; }
@media only screen and (min-width: 751px) { .news_top .news_bg_cover { -webkit-mask-image: url(../img/top/bg_effect_pc.png); mask-image: url(../img/top/bg_effect_pc.png); -webkit-mask-size: cover; mask-size: cover; -webkit-mask-position: center 100%; mask-position: center 100%; }
  .news_top .news_bg_cover .news_bg { background: url("../img/common/bg_pc.jpg") no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; } }
@media only screen and (max-width: 750px) { .news_top .news_bg_cover .news_bg { background: url("../img/common/bg_sp.jpg") no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 120% !important; position: absolute; top: -10%; } }
.news_top .news_wrap { opacity: 0; }
.news_top .news_list .news_list__item { border-bottom: 1px solid rgba(0, 0, 0, 0.2); position: relative; }
.news_top .news_list .news_list__item a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.news_top .news_list .news_list__item .news_date { font-family: "Besley", serif; }
.news_top .news_list .news_list__item .news_date p { background: #000; color: #FFF; text-align: center; }
.news_top .news_list .news_list__item .news_title { line-height: 1.4; }
.news_top .news_list .news_list__item:before { content: ""; display: block; position: absolute; width: 6px; height: 6px; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: calc(50% - 3px); right: 0; }
@media only screen and (min-width: 751px) { .news_top { padding: 36vh 0 150px; }
  .news_top .cap_news { position: absolute; width: 160px; left: 75px; top: 36vh; }
  .news_top .news_list { margin: 0 80px 0 280px; }
  .news_top .news_list .news_list__item { padding: 30px 0; display: flex; -webkit-align-items: center; align-items: center; }
  .news_top .news_list .news_list__item .news_date { font-size: 24px; }
  .news_top .news_list .news_list__item .news_date p { font-size: 14px; margin-top: 8px; }
  .news_top .news_list .news_list__item .news_title { padding: 0 50px 0 30px; -webkit-transition: color 0.2s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: color 0.2s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: color 0.2s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: color 0.2s cubic-bezier(0.5, 1, 0.89, 1); transition: color 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
  .news_top .news_list .news_list__item:before { -webkit-transition: right 0.2s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: right 0.2s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: right 0.2s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: right 0.2s cubic-bezier(0.5, 1, 0.89, 1); transition: right 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
  .news_top .news_list .news_list__item:hover:before { right: 12px; background: #b80027; }
  .news_top .news_list .news_list__item:hover .news_title { color: #b80027; } }
@media only screen and (max-width: 750px) { .news_top { padding: 50vh 0 20.8vw; }
  .news_top .cap_news { width: 26.4vw; margin: 0 auto 8vw; position: relative; }
  .news_top .news_list { width: 84vw; margin: auto; border-top: 1px solid rgba(0, 0, 0, 0.2); position: relative; }
  .news_top .news_list .news_list__item { display: flex; -webkit-align-items: center; align-items: center; padding: 6.66vw 0; }
  .news_top .news_list .news_list__item .news_date { font-size: 1.7rem; }
  .news_top .news_list .news_list__item .news_date p { font-size: 1rem; margin-top: 1.33vw; }
  .news_top .news_list .news_list__item .news_title { padding: 0 11.73vw 0 4vw; font-size: 1.18rem; }
  .news_top .news_list .news_list__item:before { width: 6px; height: 6px; top: calc(50% - 3px); right: 0; } }
.news_top .news_bg_cover { visibility: hidden; -webkit-transition: visibility 0.4s ease-out; -moz-transition: visibility 0.4s ease-out; -ms-transition: visibility 0.4s ease-out; -o-transition: visibility 0.4s ease-out; transition: visibility 0.4s ease-out; }
.news_top .news_bg_cover .news_bg { opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.news_top.active .news_bg_cover { visibility: visible; -webkit-animation: maskAnime 0.48s steps(11) both; -moz-animation: maskAnime 0.48s steps(11) both; -o-animation: maskAnime 0.48s steps(11) both; animation: maskAnime 0.48s steps(11) both; }
.news_top.active .news_bg_cover .news_bg { visibility: visible; opacity: 1; }
.news_top.active .news_wrap { opacity: 1; -webkit-transition: opacity 0.8s ease-out 0.4s; -moz-transition: opacity 0.8s ease-out 0.4s; -ms-transition: opacity 0.8s ease-out 0.4s; -o-transition: opacity 0.8s ease-out 0.4s; transition: opacity 0.8s ease-out 0.4s; }

.bc_newyear { position: absolute; top: -100%; height: 0; opacity: 0; overflow: hidden; }

.m-modal .m-modal__content { position: relative; }
.m-modal .data_image { position: relative; }
.m-modal .data_image .voice p { position: absolute; cursor: pointer; }
.m-modal .data_image .text { text-align: center; }
.m-modal[data-modal-type='template'] .m-modal__bg { background: url("../img/top/newyear/bottom.png") no-repeat center bottom, url("../img/top/newyear/bg.jpg") center; -webkit-background-size: 100%,auto; -o-background-size: 100%,auto; background-size: 100%,auto; }
@media only screen and (min-width: 751px) { .m-modal .data_image { width: 750px; margin: auto; }
  .m-modal .data_image .text { margin-top: 10px; }
  .m-modal .data_image .voice .-inosuke { width: 134px; height: 322px; top: 152px; left: 33px; }
  .m-modal .data_image .voice .-zenitsu { width: 120px; height: 303px; left: 169px; top: 167px; }
  .m-modal .data_image .voice .-tengen { width: 175px; height: 440px; top: 57px; left: 291px; }
  .m-modal .data_image .voice .-tanjiro { width: 113px; height: 317px; top: 152px; left: 472px; }
  .m-modal .data_image .voice .-neduko { width: 130px; height: 274px; top: 194px; left: 594px; } }
@media only screen and (max-width: 750px) { .m-modal[data-modal-type='template'] .m-modal__bg { -webkit-background-size: auto, 9.33vw; -o-background-size: auto, 9.33vw; background-size: auto, 9.33vw; }
  .m-modal .data_image .text { margin-top: 2.4vw; font-size: 1.08rem; }
  .m-modal .data_image .voice .-inosuke { width: 17.86vw; height: 42.93vw; top: 20.26vw; left: 4.4vw; }
  .m-modal .data_image .voice .-zenitsu { width: 16vw; height: 40.4vw; left: 22.53vw; top: 22.26vw; }
  .m-modal .data_image .voice .-tengen { width: 23.33vw; height: 58.66vw; top: 7.6vw; left: 38.8vw; }
  .m-modal .data_image .voice .-tanjiro { width: 15.06vw; height: 42.26vw; top: 20.26vw; left: 62.93vw; }
  .m-modal .data_image .voice .-neduko { width: 17.33vw; height: 36.53vw; top: 25.86vw; left: 79.2vw; } }