@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap");
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

img { vertical-align: bottom; max-width: 100%; }

li { list-style: none; }

body { font-family: YakuHanMP, a-otf-ryumin-pr6n, "Noto Serif JP", serif, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-feature-settings: "palt"; font-weight: 300; -webkit-text-size-adjust: 100%; letter-spacing: 0.01em; color: #222; background: url("../img/bg.jpg") center top; }

html { font-size: calc(100vw / 32); }
@media only screen and (min-width: 751px) { html { font-size: 16px; } }

::selection { background: #1c3f5f; color: #fff; }

::-moz-selection { background: #1c3f5f; color: #fff; }

#wrapper { overflow: hidden; position: relative; }

@media only screen and (min-width: 751px) { #wrapper { min-width: 1280px; }
  .sp { display: none; } }
@media only screen and (max-width: 750px) { .pc { display: none; } }
@-webkit-keyframes in_image { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-o-keyframes in_image { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes in_image { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@keyframes in_image { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes in_image1 { 0% { opacity: 0; -webkit-transform: translateY(20px) rotateY(45deg); -moz-transform: translateY(20px) rotateY(45deg); -ms-transform: translateY(20px) rotateY(45deg); -o-transform: translateY(20px) rotateY(45deg); transform: translateY(20px) rotateY(45deg); }
  100% { opacity: 1; -webkit-transform: translateY(0) rotateY(0); -moz-transform: translateY(0) rotateY(0); -ms-transform: translateY(0) rotateY(0); -o-transform: translateY(0) rotateY(0); transform: translateY(0) rotateY(0); } }
@-o-keyframes in_image1 { 0% { opacity: 0; -webkit-transform: translateY(20px) rotateY(45deg); -moz-transform: translateY(20px) rotateY(45deg); -ms-transform: translateY(20px) rotateY(45deg); -o-transform: translateY(20px) rotateY(45deg); transform: translateY(20px) rotateY(45deg); }
  100% { opacity: 1; -webkit-transform: translateY(0) rotateY(0); -moz-transform: translateY(0) rotateY(0); -ms-transform: translateY(0) rotateY(0); -o-transform: translateY(0) rotateY(0); transform: translateY(0) rotateY(0); } }
@-moz-keyframes in_image1 { 0% { opacity: 0; -webkit-transform: translateY(20px) rotateY(45deg); -moz-transform: translateY(20px) rotateY(45deg); -ms-transform: translateY(20px) rotateY(45deg); -o-transform: translateY(20px) rotateY(45deg); transform: translateY(20px) rotateY(45deg); }
  100% { opacity: 1; -webkit-transform: translateY(0) rotateY(0); -moz-transform: translateY(0) rotateY(0); -ms-transform: translateY(0) rotateY(0); -o-transform: translateY(0) rotateY(0); transform: translateY(0) rotateY(0); } }
@keyframes in_image1 { 0% { opacity: 0; -webkit-transform: translateY(20px) rotateY(45deg); -moz-transform: translateY(20px) rotateY(45deg); -ms-transform: translateY(20px) rotateY(45deg); -o-transform: translateY(20px) rotateY(45deg); transform: translateY(20px) rotateY(45deg); }
  100% { opacity: 1; -webkit-transform: translateY(0) rotateY(0); -moz-transform: translateY(0) rotateY(0); -ms-transform: translateY(0) rotateY(0); -o-transform: translateY(0) rotateY(0); transform: translateY(0) rotateY(0); } }
@-webkit-keyframes in_image2 { 0% { opacity: 0; -webkit-transform: translateY(-20px) rotateY(45deg); -moz-transform: translateY(-20px) rotateY(45deg); -ms-transform: translateY(-20px) rotateY(45deg); -o-transform: translateY(-20px) rotateY(45deg); transform: translateY(-20px) rotateY(45deg); }
  100% { opacity: 1; -webkit-transform: translateY(0) rotateY(0); -moz-transform: translateY(0) rotateY(0); -ms-transform: translateY(0) rotateY(0); -o-transform: translateY(0) rotateY(0); transform: translateY(0) rotateY(0); } }
@-o-keyframes in_image2 { 0% { opacity: 0; -webkit-transform: translateY(-20px) rotateY(45deg); -moz-transform: translateY(-20px) rotateY(45deg); -ms-transform: translateY(-20px) rotateY(45deg); -o-transform: translateY(-20px) rotateY(45deg); transform: translateY(-20px) rotateY(45deg); }
  100% { opacity: 1; -webkit-transform: translateY(0) rotateY(0); -moz-transform: translateY(0) rotateY(0); -ms-transform: translateY(0) rotateY(0); -o-transform: translateY(0) rotateY(0); transform: translateY(0) rotateY(0); } }
@-moz-keyframes in_image2 { 0% { opacity: 0; -webkit-transform: translateY(-20px) rotateY(45deg); -moz-transform: translateY(-20px) rotateY(45deg); -ms-transform: translateY(-20px) rotateY(45deg); -o-transform: translateY(-20px) rotateY(45deg); transform: translateY(-20px) rotateY(45deg); }
  100% { opacity: 1; -webkit-transform: translateY(0) rotateY(0); -moz-transform: translateY(0) rotateY(0); -ms-transform: translateY(0) rotateY(0); -o-transform: translateY(0) rotateY(0); transform: translateY(0) rotateY(0); } }
@keyframes in_image2 { 0% { opacity: 0; -webkit-transform: translateY(-20px) rotateY(45deg); -moz-transform: translateY(-20px) rotateY(45deg); -ms-transform: translateY(-20px) rotateY(45deg); -o-transform: translateY(-20px) rotateY(45deg); transform: translateY(-20px) rotateY(45deg); }
  100% { opacity: 1; -webkit-transform: translateY(0) rotateY(0); -moz-transform: translateY(0) rotateY(0); -ms-transform: translateY(0) rotateY(0); -o-transform: translateY(0) rotateY(0); transform: translateY(0) rotateY(0); } }
@-webkit-keyframes move_img { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  25% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
  75% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-o-keyframes move_img { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  25% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
  75% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes move_img { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  25% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
  75% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@keyframes move_img { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  25% { -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
  75% { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
.main_area h1 { opacity: 0; }
.main_area .visual li { opacity: 0; }

.is_open .main_area h1 { -webkit-animation: in_image 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -moz-animation: in_image 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; -o-animation: in_image 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: in_image 0.8s cubic-bezier(0.33, 1, 0.68, 1) forwards; }
.is_open .main_area .visual li:nth-child(1) { -webkit-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.7s forwards; -moz-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.7s forwards; -o-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.7s forwards; animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.7s forwards; }
.is_open .main_area .visual li:nth-child(2) { -webkit-animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1s forwards; -moz-animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1s forwards; -o-animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1s forwards; animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1s forwards; }
.is_open .main_area .visual li:nth-child(3) { -webkit-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.3s forwards; -moz-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.3s forwards; -o-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.3s forwards; animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.3s forwards; }
.is_open .main_area .visual li:nth-child(4) { -webkit-animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.6s forwards; -moz-animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.6s forwards; -o-animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.6s forwards; animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.6s forwards; }
.is_open .main_area .visual li:nth-child(5) { -webkit-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.9s forwards; -moz-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.9s forwards; -o-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.9s forwards; animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 1.9s forwards; }
.is_open .main_area .visual li:nth-child(6) { -webkit-animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.2s forwards; -moz-animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.2s forwards; -o-animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.2s forwards; animation: in_image1 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.2s forwards; }
.is_open .main_area .visual li:nth-child(7) { -webkit-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.5s forwards; -moz-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.5s forwards; -o-animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.5s forwards; animation: in_image2 0.8s cubic-bezier(0.33, 1, 0.68, 1) 2.5s forwards; }

.main_area .main_visual { position: relative; }
.main_area .main_visual img { -webkit-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); }
.main_area dl { text-align: center; }
.main_area dl dt { background: url("../img/onair_deco.png") no-repeat center bottom; }
.main_area dl dd a { color: #000; text-decoration: none; position: relative; }
.main_area dl dd a:after { content: ""; display: block; position: absolute; width: 100%; height: 1px; background: #000; left: 0; bottom: -1px; }
@media only screen and (min-width: 751px) { .main_area { margin-bottom: 104px; }
  .main_area .main_visual { position: relative; min-height: 900px; height: 100vh; width: 1220px; margin: auto; }
  .main_area .main_visual .vis_content { position: relative; top: 50%; height: 738px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .main_area .main_visual .visual li { position: absolute; }
  .main_area .main_visual .visual .v1 { top: 0; left: calc(50% + 136px); }
  .main_area .main_visual .visual .v2 { top: 65px; left: calc(50% + 386px); }
  .main_area .main_visual .visual .v3 { top: 414px; left: calc(50% - 614px); }
  .main_area .main_visual .visual .v4 { top: 349px; left: calc(50% - 364px); }
  .main_area .main_visual .visual .v5 { top: 414px; left: calc(50% - 114px); }
  .main_area .main_visual .visual .v6 { top: 349px; left: calc(50% + 136px); }
  .main_area .main_visual .visual .v7 { top: 414px; left: calc(50% + 386px); }
  .main_area dl dt { padding-bottom: 30px; margin-bottom: 16px; font-size: 30px; }
  .main_area dl dd { font-size: 20px; }
  .main_area dl dd a { -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_area dl dd a:before { content: ""; display: block; position: absolute; width: 0%; height: 1em; background: #1c3f5f; left: 0;top:5px; z-index: -1; -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_area dl dd a:hover { color: #fff; }
  .main_area dl dd a:hover:before { width: 100%; }
  .main_area .channel { margin-bottom: 70px; } }
@media only screen and (max-width: 750px) { .main_area { margin-bottom: 13.33vw; }
  .main_area .main_visual { padding-top: 2.26vw; width: 96vw; margin: 2.26vw auto 5.33vw; position: relative; }
  .main_area .main_visual h1 { width: 90.66vw; margin: 45.85vw auto 55.85vw; }
  .main_area .main_visual .visual li { width: 22.93vw; position: absolute; }
  .main_area .main_visual .visual .v1 { top: 0; left: 0; }
  .main_area .main_visual .visual .v2 { left: 24.53vw; top: 8.66vw; }
  .main_area .main_visual .visual .v3 { top: 0; left: 49.06vw; }
  .main_area .main_visual .visual .v4 { left: 73.59vw; top: 8.66vw; }
  .main_area .main_visual .visual .v5 { top: 116.23vw; left: calc(50% - 35.995vw); }
  .main_area .main_visual .visual .v6 { top: 111.57vw; left: calc(50% - 11.465vw); }
  .main_area .main_visual .visual .v7 { top: 116.23vw; left: calc(50% + 13.065vw); }
  .main_area dl dt { padding-bottom: 6vw; -webkit-background-size: 27vw; -o-background-size: 27vw; background-size: 27vw; font-size: 1.2rem; margin-bottom: 2vw; }
  .main_area .channel { margin-bottom: 8vw; } }

.about_area { position: relative; }
.about_area:before { content: ""; display: block; position: absolute; width: 80%; height: 100%; right: 0; top: 0; background: url("../img/bg_contest.png") right top; z-index: -1; }
.about_area .text { line-height: 2; position: relative; }
.about_area .text p { position: relative; display: inline-block; }
.about_area .text p:before { content: ""; display: block; position: absolute; width: 100%; height: 1.1em; background: #FFF; bottom: -0.12em; z-index: -1; }
@media only screen and (min-width: 751px) { .about_area { padding: 67px 0; }
  .about_area h2 { position: relative; left: 50%; margin-left: -508px; width: 334px; margin-bottom: 56px; }
  .about_area .text { width: 1016px; margin: auto; font-size: 18px; }
  .about_area .text p { font-size: 22px; } }
@media only screen and (max-width: 750px) { .about_area { padding: 8.8vw 0 10.66vw; }
  .about_area:before { -webkit-background-size: 300px; -o-background-size: 300px; background-size: 300px; }
  .about_area h2 { margin-left: 4.26vw; margin-bottom: 7.33vw; width: 44.53vw; }
  .about_area .text { width: 91.46vw; margin: auto; font-size: 1.1rem; }
  .about_area .text p { font-size: 1.26rem; } }

.lineup_area { position: relative; }
.lineup_area .lineup_list { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
@media only screen and (min-width: 751px) { .lineup_area { margin: 140px 0 80px; }
  .lineup_area h2 { position: relative; width: 334px; left: 50%; margin-left: 165px; margin-bottom: 56px; }
  .lineup_area .lineup_list { width: 1000px; margin: auto; }
  .lineup_area .lineup_list li { width: 320px; margin-bottom: 22px; margin-right: 20px; }
  .lineup_area .lineup_list li:nth-child(3n), .lineup_area .lineup_list li:last-child { margin-right: 0; }
  .lineup_area .lineup_list li a { position: relative; display: block; -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); }
  .lineup_area .lineup_list li a:hover { opacity: 0.8; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
  .lineup_area .andmore { text-align: center; } }
@media only screen and (max-width: 750px) { .lineup_area { margin: 20vw auto 13.06vw; width: 89.33vw; }
  .lineup_area h2 { width: 44.53vw; margin-left: auto; margin-right: 4.26vw; margin-bottom: 7.33vw; }
  .lineup_area .lineup_list { margin-bottom: 6.66vw; }
  .lineup_area .lineup_list li { width: 44vw; margin-bottom: 1.33vw; margin-right: 1.3vw; }
  .lineup_area .lineup_list li:last-child, .lineup_area .lineup_list li:nth-child(even) { margin-right: 0; }
  .lineup_area .andmore { width: 18.66vw; margin: auto; } }

.cast_area { position: relative; }
.cast_area:before { content: ""; display: block; position: absolute; width: 80%; height: 100%; left: 0; top: 0; background: url("../img/bg_contest.png") left top; z-index: -1; }
.cast_area dl { display: flex; }
.cast_area dl dt { color: #1c3f5f; }
@media only screen and (min-width: 751px) { .cast_area { padding: 80px 0; }
  .cast_area h2 { position: relative; left: 50%; margin-left: -508px; width: 334px; margin-bottom: 56px; }
  .cast_area dl { width: 1016px; margin: auto; }
  .cast_area dl dt { font-size: 22px; width: 160px; }
  .cast_area dl dd { font-size: 18px; line-height: 22px; }
  .cast_area .mc { margin-bottom: 46px; } }
@media only screen and (max-width: 750px) { .cast_area { padding: 10.66vw 0 16.8vw; }
  .cast_area:before { -webkit-background-size: 300px; -o-background-size: 300px; background-size: 300px; }
  .cast_area h2 { margin-left: 4.26vw; margin-bottom: 7.33vw; width: 35.2vw; }
  .cast_area dl { width: 89.33vw; margin: auto; }
  .cast_area dl dt { font-size: 1.2rem; width: 8em; }
  .cast_area dl dd { font-size: 1.1rem; }
  .cast_area dl.mc { margin-bottom: 6vw; } }

footer { position: relative; }
footer .share { font-family: "Cormorant Garamond", serif; }
footer .share p, footer .share ul, footer .share li { display: inline-block; vertical-align: middle; }
footer .share p { letter-spacing: 0.2em; font-weight: 700; }
footer .share li { letter-spacing: -.4em; }
footer .aniplex { letter-spacing: -.4em; }
footer .aniplex li { font-family: "Cormorant Garamond", serif; letter-spacing: .1em; padding: 0 0.8em; display: inline-block; position: relative; }
footer .aniplex li a { color: #222; text-decoration: none; }
footer .aniplex li:after { right: 0; top: 0; content: ""; display: block; position: absolute; width: 1px; height: 100%; background: #222; }
footer .aniplex li:last-child { padding-right: 0; }
footer .aniplex li:last-child:after { display: none; }
@media only screen and (min-width: 751px) { footer { padding: 50px; }
  footer .share { position: absolute; top: calc(50% - 11px); font-size: 14px; }
  footer .share li { width: 22px; margin-left: 20px; }
  footer .share a { position: relative; display: block; -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); }
  footer .share a:hover { opacity: 0.8; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
  footer .aniplex { text-align: right; margin-bottom: 8px; }
  footer .aniplex a { -webkit-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1); }
  footer .aniplex a:hover { opacity: 0.7; }
  footer .notice, footer .copyright { text-align: right; line-height: 1.8; font-size: 11px; } }
@media only screen and (max-width: 750px) { footer { padding: 13.33vw 5.33vw 6.66vw; text-align: right; }
  footer .share { margin-bottom: 8vw; }
  footer .share li { width: 7vw; margin-left: 6vw; }
  footer .aniplex { margin-bottom: 6vw; }
  footer .notice { line-height: 1.4; font-size: 0.9rem; margin-bottom: 4vw; }
  footer .copyright { line-height: 1.6; font-size: 0.9rem; } }

@-webkit-keyframes rote { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes rote { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes rote { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rote { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
.deco { position: absolute; z-index: -1; -webkit-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.8s cubic-bezier(0.5, 1, 0.89, 1); }
.deco img { -webkit-animation: rote 40s linear infinite; -moz-animation: rote 40s linear infinite; -o-animation: rote 40s linear infinite; animation: rote 40s linear infinite; }
.deco.deco1 { left: -7%; top: 20%; }
.deco.deco2 { right: -7%; top: 58%; }
.deco.deco3 { left: -7%; top: 82%; }
@media only screen and (max-width: 750px) { .deco { width: 74vw; }
  .deco.deco1 { left: -26%; }
  .deco.deco2 { right: -26%; }
  .deco.deco3 { left: -26%; } }

.channel, .streming { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); }
.channel.active, .streming.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.about_area:before { width: 0; -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); }
.about_area h2, .about_area .text { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); }
.about_area h2 { -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; -moz-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; -ms-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; -o-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; }
.about_area.active:before { width: 80%; }
.about_area.active h2 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.about_area .text { -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; -moz-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; -ms-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; -o-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1) 0.2s; }
.about_area .text.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.lineup_area h2, .lineup_area li, .lineup_area .andmore { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); }
.lineup_area.active h2, .lineup_area.active li, .lineup_area.active .andmore { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.lineup_area.active li:nth-child(1) { -webkit-transition-delay: 0.36667s; -moz-transition-delay: 0.36667s; -ms-transition-delay: 0.36667s; -o-transition-delay: 0.36667s; transition-delay: 0.36667s; }
.lineup_area.active li:nth-child(2) { -webkit-transition-delay: 0.53333s; -moz-transition-delay: 0.53333s; -ms-transition-delay: 0.53333s; -o-transition-delay: 0.53333s; transition-delay: 0.53333s; }
.lineup_area.active li:nth-child(3) { -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -ms-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
.lineup_area.active li:nth-child(4) { -webkit-transition-delay: 0.86667s; -moz-transition-delay: 0.86667s; -ms-transition-delay: 0.86667s; -o-transition-delay: 0.86667s; transition-delay: 0.86667s; }
.lineup_area.active li:nth-child(5) { -webkit-transition-delay: 1.03333s; -moz-transition-delay: 1.03333s; -ms-transition-delay: 1.03333s; -o-transition-delay: 1.03333s; transition-delay: 1.03333s; }
.lineup_area.active li:nth-child(6) { -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -ms-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
.lineup_area.active li:nth-child(7) { -webkit-transition-delay: 1.36667s; -moz-transition-delay: 1.36667s; -ms-transition-delay: 1.36667s; -o-transition-delay: 1.36667s; transition-delay: 1.36667s; }
.lineup_area.active li:nth-child(8) { -webkit-transition-delay: 1.53333s; -moz-transition-delay: 1.53333s; -ms-transition-delay: 1.53333s; -o-transition-delay: 1.53333s; transition-delay: 1.53333s; }
.lineup_area.active p { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }

.cast_area:before { width: 0; -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); }
.cast_area h2, .cast_area dl { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); -moz-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); -ms-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); -o-transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); transition: all 0.8s cubic-bezier(0.33, 1, 0.68, 1); }
.cast_area.active:before { width: 100%; }
.cast_area.active h2, .cast_area.active dl { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.cast_area.active h2 { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.cast_area.active dl:nth-child(2) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.cast_area.active dl:nth-child(3) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }