@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700;900&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: "M PLUS Rounded 1c", sans-serif, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; -webkit-text-size-adjust: 100%; letter-spacing: 0.06em; font-weight: 400; color: #624f4b; position: relative; }

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

a { text-decoration: none; }

h1, h2, h3, h4, h5 { font-weight: normal; }

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

@media only screen and (min-width: 751px) { .sp { display: none; }
  #wrapper { min-width: 1200px; overflow: hidden; } }
@media only screen and (max-width: 750px) { .pc { display: none; } }
::selection { background: #674f4f; color: #fff; }

::-moz-selection { background: #674f4f; color: #fff; }

@-webkit-keyframes move_bg { 0% { background-position: center 0px; }
  100% { background-position: center -1400px; } }
@-o-keyframes move_bg { 0% { background-position: center 0px; }
  100% { background-position: center -1400px; } }
@-moz-keyframes move_bg { 0% { background-position: center 0px; }
  100% { background-position: center -1400px; } }
@keyframes move_bg { 0% { background-position: center 0px; }
  100% { background-position: center -1400px; } }
@-webkit-keyframes move_bg_sp { 0% { background-position: center 0px; }
  100% { background-position: center -140vw; } }
@-o-keyframes move_bg_sp { 0% { background-position: center 0px; }
  100% { background-position: center -140vw; } }
@-moz-keyframes move_bg_sp { 0% { background-position: center 0px; }
  100% { background-position: center -140vw; } }
@keyframes move_bg_sp { 0% { background-position: center 0px; }
  100% { background-position: center -140vw; } }
@-webkit-keyframes load_logo { 0% { opacity: 0; -webkit-transform: translateY(60px) scale(1); -moz-transform: translateY(60px) scale(1); -ms-transform: translateY(60px) scale(1); -o-transform: translateY(60px) scale(1); transform: translateY(60px) scale(1); }
  100% { opacity: 1; -webkit-transform: translateY(0) scale(1.08); -moz-transform: translateY(0) scale(1.08); -ms-transform: translateY(0) scale(1.08); -o-transform: translateY(0) scale(1.08); transform: translateY(0) scale(1.08); } }
@-o-keyframes load_logo { 0% { opacity: 0; -webkit-transform: translateY(60px) scale(1); -moz-transform: translateY(60px) scale(1); -ms-transform: translateY(60px) scale(1); -o-transform: translateY(60px) scale(1); transform: translateY(60px) scale(1); }
  100% { opacity: 1; -webkit-transform: translateY(0) scale(1.08); -moz-transform: translateY(0) scale(1.08); -ms-transform: translateY(0) scale(1.08); -o-transform: translateY(0) scale(1.08); transform: translateY(0) scale(1.08); } }
@-moz-keyframes load_logo { 0% { opacity: 0; -webkit-transform: translateY(60px) scale(1); -moz-transform: translateY(60px) scale(1); -ms-transform: translateY(60px) scale(1); -o-transform: translateY(60px) scale(1); transform: translateY(60px) scale(1); }
  100% { opacity: 1; -webkit-transform: translateY(0) scale(1.08); -moz-transform: translateY(0) scale(1.08); -ms-transform: translateY(0) scale(1.08); -o-transform: translateY(0) scale(1.08); transform: translateY(0) scale(1.08); } }
@keyframes load_logo { 0% { opacity: 0; -webkit-transform: translateY(60px) scale(1); -moz-transform: translateY(60px) scale(1); -ms-transform: translateY(60px) scale(1); -o-transform: translateY(60px) scale(1); transform: translateY(60px) scale(1); }
  100% { opacity: 1; -webkit-transform: translateY(0) scale(1.08); -moz-transform: translateY(0) scale(1.08); -ms-transform: translateY(0) scale(1.08); -o-transform: translateY(0) scale(1.08); transform: translateY(0) scale(1.08); } }
#loading { position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: 1000; background: #fdfbe6; overflow: hidden; }
#loading .bg { position: absolute; width: 100%; height: 100%; }
#loading .bg p { position: absolute; width: 100%; height: 100%; background: center top; }
#loading .bg .bg1 { background-image: url("../img/bg_intro/bg_repeat_1.png"); }
#loading .bg .bg2 { background-image: url("../img/bg_intro/bg_repeat_2.png"); }
#loading .bg .bg3 { background-image: url("../img/bg_intro/bg_repeat_3.png"); }
#loading .logo { position: absolute; opacity: 0; }
#loading .cover p { position: absolute; width: 0; height: 100%; top: 0; left: 0; }
#loading .cover p:nth-child(1) { background: #f1a6c4; z-index: 5; }
#loading .cover p:nth-child(2) { background: #f5d171; z-index: 6; }
#loading .cover p:nth-child(3) { background: #87cab8; z-index: 7; }
@media only screen and (min-width: 751px) { #loading .bg .bg1 { -webkit-animation: move_bg 22s linear infinite; -moz-animation: move_bg 22s linear infinite; -o-animation: move_bg 22s linear infinite; animation: move_bg 22s linear infinite; }
  #loading .bg .bg2 { -webkit-animation: move_bg 15s linear infinite; -moz-animation: move_bg 15s linear infinite; -o-animation: move_bg 15s linear infinite; animation: move_bg 15s linear infinite; }
  #loading .bg .bg3 { -webkit-animation: move_bg 30s linear infinite; -moz-animation: move_bg 30s linear infinite; -o-animation: move_bg 30s linear infinite; animation: move_bg 30s linear infinite; }
  #loading .logo { width: 528px; height: 136px; top: calc(50% - 68px); left: calc(50% - 264px); } }
@media only screen and (max-width: 750px) { #loading .bg p { -webkit-background-size: 140vw; -o-background-size: 140vw; background-size: 140vw; }
  #loading .bg .bg1 { -webkit-animation: move_bg_sp 22s linear infinite; -moz-animation: move_bg_sp 22s linear infinite; -o-animation: move_bg_sp 22s linear infinite; animation: move_bg_sp 22s linear infinite; }
  #loading .bg .bg2 { -webkit-animation: move_bg_sp 15s linear infinite; -moz-animation: move_bg_sp 15s linear infinite; -o-animation: move_bg_sp 15s linear infinite; animation: move_bg_sp 15s linear infinite; }
  #loading .bg .bg3 { -webkit-animation: move_bg_sp 30s linear infinite; -moz-animation: move_bg_sp 30s linear infinite; -o-animation: move_bg_sp 30s linear infinite; animation: move_bg_sp 30s linear infinite; }
  #loading .logo { width: 60vw; height: 7.73vw; top: calc(50% - 3.82vw); left: calc(50% - 30vw); } }
#loading.is_soon { width: 0; -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.55s; -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.55s; -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.55s; -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.55s; transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.55s; }
#loading.is_soon .logo { display: none; }
#loading.is_soon .cover p:nth-child(1) { width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.1s; -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.1s; -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.1s; -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.1s; transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.1s; }
#loading.is_soon .cover p:nth-child(2) { width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.25s; -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.25s; -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.25s; -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.25s; transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.25s; }
#loading.is_soon .cover p:nth-child(3) { width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.4s; -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.4s; -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.4s; -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.4s; transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 0.4s; }
#loading.is_start { width: 0; -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.25s; -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.25s; -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.25s; -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.25s; transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.25s; }
#loading.is_start .logo { -webkit-animation: load_logo 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15) 0.4s forwards; -moz-animation: load_logo 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15) 0.4s forwards; -o-animation: load_logo 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15) 0.4s forwards; animation: load_logo 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15) 0.4s forwards; }
#loading.is_start .cover p:nth-child(1) { width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.8s; -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.8s; -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.8s; -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.8s; transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.8s; }
#loading.is_start .cover p:nth-child(2) { width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.95s; -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.95s; -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.95s; -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.95s; transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 1.95s; }
#loading.is_start .cover p:nth-child(3) { width: 100%; -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.1s; -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.1s; -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.1s; -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.1s; transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1) 2.1s; }

.main_area .kv_img { opacity: 0; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); }
.main_area .kv_logo { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }
.main_area .kv_item { opacity: 0; -webkit-transform: translateY(80px); -moz-transform: translateY(80px); -ms-transform: translateY(80px); -o-transform: translateY(80px); transform: translateY(80px); }
.main_area .kv_onair { opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
.main_area .kv_movie { opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }
.main_area .sns_tw, .main_area .sns_ig { opacity: 0; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); }

.is_start .main_area .kv_img, .is_start .main_area .kv_item, .is_start .main_area .kv_logo { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.is_start .main_area .kv_onair, .is_start .main_area .sns_tw, .is_start .main_area .sns_ig, .is_start .main_area .kv_movie { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.4s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.4s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.4s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.4s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.4s ease-in; }
.is_start .main_area .kv_item { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
.is_start .main_area .kv_logo { -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
.is_start .main_area .kv_onair { -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -ms-transition-delay: 1.3s; -o-transition-delay: 1.3s; transition-delay: 1.3s; }
.is_start .main_area .kv_movie { -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
.is_start .main_area .sns_tw { -webkit-transition-delay: 1.5s; -moz-transition-delay: 1.5s; -ms-transition-delay: 1.5s; -o-transition-delay: 1.5s; transition-delay: 1.5s; }
.is_start .main_area .sns_ig { -webkit-transition-delay: 1.6s; -moz-transition-delay: 1.6s; -ms-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }

.main_navigation { position: fixed; width: 100%; z-index: 500; top: 0; }
.main_navigation .btn_navigation { position: fixed; color: #624f4b; z-index: 10; cursor: pointer; }
.main_navigation .btn_navigation .btn { position: absolute; top: 0; width: 100%; }
.main_navigation .btn_navigation .btn p { position: absolute; width: 100%; height: 6px; background: #624f4b; -webkit-border-radius: 4px; border-radius: 4px; }
.main_navigation .btn_navigation .btn p:nth-child(1) { top: 0; }
.main_navigation .btn_navigation .btn p:nth-child(2) { top: calc(50% - 3px); }
.main_navigation .btn_navigation .btn p:nth-child(3) { top: calc(100% - 6px); }
.main_navigation .btn_navigation .cap { font-weight: 500; position: relative; }
.main_navigation .btn_navigation .cap:before { content: "MENU"; position: absolute; top: 0; left: 0; }
.main_navigation .btn_navigation .cap:after { content: "CLOSE"; position: absolute; top: 0; left: 0; opacity: 0; }
.main_navigation .main_nav { visibility: hidden; position: fixed; width: 100%; height: 0; top: 0; left: 0; }
.main_navigation .main_nav .nav_bg { position: absolute; width: 100%; height: 100%; background: #F2E9CA; }
.main_navigation .main_nav .nav_list { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.main_navigation .main_nav .nav_list li { position: relative; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.main_navigation .main_nav .nav_list li .text_en { font-weight: 900; color: #fdfbe6; }
.main_navigation .main_nav .nav_list li .text_jp { font-weight: 700; }
.main_navigation .main_nav .nav_list li:last-child { margin-bottom: 0; }
.main_navigation .main_nav .nav_list li a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; }
@media only screen and (min-width: 751px) { .main_navigation .btn_navigation { width: 45px; top: 24px; right: 50px; padding-top: 38px; }
  .main_navigation .btn_navigation .btn { height: 32px; top: 0; }
  .main_navigation .btn_navigation .btn p { -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); }
  .main_navigation .btn_navigation .btn p:nth-child(1) { -webkit-transition-delay: -0.1s; -moz-transition-delay: -0.1s; -ms-transition-delay: -0.1s; -o-transition-delay: -0.1s; transition-delay: -0.1s; }
  .main_navigation .btn_navigation .btn p:nth-child(2) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
  .main_navigation .btn_navigation .btn p:nth-child(3) { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
  .main_navigation .btn_navigation .cap { letter-spacing: 0.3em; font-weight: 700; font-size: 12px; }
  .main_navigation .btn_navigation .cap:after { letter-spacing: 0.2em; }
  .main_navigation .btn_navigation:hover .btn p { background: #87cab8; }
  .main_navigation .main_nav .nav_list { width: 76vw; }
  .main_navigation .main_nav .nav_list ul { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .main_navigation .main_nav .nav_list li { margin-bottom: 10px; }
  .main_navigation .main_nav .nav_list li .text_en { font-size: 50px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
  .main_navigation .main_nav .nav_list li:nth-child(odd) { width: 50%; }
  .main_navigation .main_nav .nav_list li:nth-child(even) { width: 50%; }
  .main_navigation .main_nav .nav_list li:nth-child(1):hover .text_en { color: #f0a5c4; }
  .main_navigation .main_nav .nav_list li:nth-child(2):hover .text_en { color: #ec7cac; }
  .main_navigation .main_nav .nav_list li:nth-child(3):hover .text_en { color: #87cab8; }
  .main_navigation .main_nav .nav_list li:nth-child(4):hover .text_en { color: #6ec2ab; }
  .main_navigation .main_nav .nav_list li:nth-child(5):hover .text_en { color: #f8e19b; }
  .main_navigation .main_nav .nav_list li:nth-child(6):hover .text_en { color: #f5b16a; }
  .main_navigation .main_nav .nav_list li:nth-child(7):hover .text_en { color: #f0a5c4; }
  .main_navigation .main_nav .nav_list li:nth-child(8):hover .text_en { color: #ec7cac; }
  .main_navigation .main_nav .nav_list li:nth-child(9):hover .text_en { color: #87cab8; }
  .main_navigation .main_nav .nav_list li:nth-child(10):hover .text_en { color: #6ec2ab; }
  .main_navigation .main_nav .nav_list li:nth-child(11):hover .text_en { color: #f8e19b; }
  .main_navigation .main_nav .nav_list li:nth-child(12):hover .text_en { color: #f5b16a; }
  .main_navigation .main_nav .nav_list li:nth-child(13):hover .text_en { color: #f0a5c4; }
  .main_navigation .main_nav .nav_list li:nth-child(14):hover .text_en { color: #ec7cac; } }
@media only screen and (max-width: 750px) { .main_navigation .btn_navigation { width: 8vw; top: 3.46vw; right: 2.66vw; padding-top: 6.93vw; }
  .main_navigation .btn_navigation .btn { height: 5.33vw; top: 0; }
  .main_navigation .btn_navigation .btn p { height: 4px; }
  .main_navigation .btn_navigation .btn p:nth-child(1) { top: 0; }
  .main_navigation .btn_navigation .btn p:nth-child(2) { top: calc(50% - 2px); }
  .main_navigation .btn_navigation .btn p:nth-child(3) { top: calc(100% - 4px); }
  .main_navigation .btn_navigation .cap { letter-spacing: 0.12em; font-weight: 700; font-size: 0.8rem; }
  .main_navigation .btn_navigation .cap:after { letter-spacing: 0.03em; }
  .main_navigation .main_nav .nav_list li { margin-bottom: 3vw; }
  .main_navigation .main_nav .nav_list li .text_en { font-size: 3rem; } }
.main_navigation.is_open .btn_navigation p:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: calc(50% - 3px); }
.main_navigation.is_open .btn_navigation p:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(50% - 3px); }
.main_navigation.is_open .btn_navigation p:nth-child(2) { width: 0; }
.main_navigation.is_open .btn_navigation .cap:after { opacity: 1; }
.main_navigation.is_open .btn_navigation .cap:before { opacity: 0; }
.main_navigation.is_open .btn_navigation:hover p { background: #f5b16a; }
.main_navigation.is_open .main_nav { visibility: visible; height: 100%; }
.main_navigation.is_open .main_nav .nav_list li { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.main_navigation.is_open .main_nav .nav_list li:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(2) { -webkit-transition-delay: 0.18s; -moz-transition-delay: 0.18s; -ms-transition-delay: 0.18s; -o-transition-delay: 0.18s; transition-delay: 0.18s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(3) { -webkit-transition-delay: 0.36s; -moz-transition-delay: 0.36s; -ms-transition-delay: 0.36s; -o-transition-delay: 0.36s; transition-delay: 0.36s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(4) { -webkit-transition-delay: 0.54s; -moz-transition-delay: 0.54s; -ms-transition-delay: 0.54s; -o-transition-delay: 0.54s; transition-delay: 0.54s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(5) { -webkit-transition-delay: 0.72s; -moz-transition-delay: 0.72s; -ms-transition-delay: 0.72s; -o-transition-delay: 0.72s; transition-delay: 0.72s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(6) { -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -ms-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(7) { -webkit-transition-delay: 1.08s; -moz-transition-delay: 1.08s; -ms-transition-delay: 1.08s; -o-transition-delay: 1.08s; transition-delay: 1.08s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(8) { -webkit-transition-delay: 1.26s; -moz-transition-delay: 1.26s; -ms-transition-delay: 1.26s; -o-transition-delay: 1.26s; transition-delay: 1.26s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(9) { -webkit-transition-delay: 1.44s; -moz-transition-delay: 1.44s; -ms-transition-delay: 1.44s; -o-transition-delay: 1.44s; transition-delay: 1.44s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(10) { -webkit-transition-delay: 1.62s; -moz-transition-delay: 1.62s; -ms-transition-delay: 1.62s; -o-transition-delay: 1.62s; transition-delay: 1.62s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(11) { -webkit-transition-delay: 1.8s; -moz-transition-delay: 1.8s; -ms-transition-delay: 1.8s; -o-transition-delay: 1.8s; transition-delay: 1.8s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(12) { -webkit-transition-delay: 1.98s; -moz-transition-delay: 1.98s; -ms-transition-delay: 1.98s; -o-transition-delay: 1.98s; transition-delay: 1.98s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(13) { -webkit-transition-delay: 2.16s; -moz-transition-delay: 2.16s; -ms-transition-delay: 2.16s; -o-transition-delay: 2.16s; transition-delay: 2.16s; }
.main_navigation.is_open .main_nav .nav_list li:nth-child(14) { -webkit-transition-delay: 2.34s; -moz-transition-delay: 2.34s; -ms-transition-delay: 2.34s; -o-transition-delay: 2.34s; transition-delay: 2.34s; }
.main_navigation.is_close .main_nav { visibility: visible; height: 100%; }
.main_navigation.is_close .main_nav .nav_bg { opacity: 0; -webkit-transition: opacity 0.4s ease-out 0.4s; -moz-transition: opacity 0.4s ease-out 0.4s; -ms-transition: opacity 0.4s ease-out 0.4s; -o-transition: opacity 0.4s ease-out 0.4s; transition: opacity 0.4s ease-out 0.4s; }
.main_navigation.is_close .main_nav .nav_list li { opacity: 0; }

@-webkit-keyframes slide_corve { 0% { background-position: left top; }
  100% { background-position: 133px top; } }
@-o-keyframes slide_corve { 0% { background-position: left top; }
  100% { background-position: 133px top; } }
@-moz-keyframes slide_corve { 0% { background-position: left top; }
  100% { background-position: 133px top; } }
@keyframes slide_corve { 0% { background-position: left top; }
  100% { background-position: 133px top; } }
@-webkit-keyframes hover_icon { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-o-keyframes hover_icon { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes hover_icon { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@keyframes hover_icon { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
  100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes icon_rotate { 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 icon_rotate { 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 icon_rotate { 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 icon_rotate { 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); } }
@-webkit-keyframes icon_rotate_reverse { 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 icon_rotate_reverse { 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 icon_rotate_reverse { 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 icon_rotate_reverse { 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); } }
.main_area { background: url("../img/kv_room.jpg") no-repeat center top #fdfbe6; background: url("../img/kv_bg.jpg") no-repeat center top #fdfbe6; position: relative; }
.main_area .kv_logo, .main_area .kv_item, .main_area .kv_onair, .main_area .kv_movie, .main_area .sns_tw, .main_area .sns_ig { position: absolute; }
.main_area .kv_movie { -webkit-box-shadow: 10px 10px 0 #faf1c9; box-shadow: 10px 10px 0 #faf1c9; overflow: hidden; }
.main_area .kv_movie:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../img/movie_frame.png") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; z-index: 4; }
.main_area .kv_movie:after { content: ""; display: block; position: absolute; background: url("../img/play_button.png") no-repeat; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; z-index: 5; }
.main_area .kv_movie .player { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.main_area .kv_cover { position: absolute; width: 100%; left: 0; bottom: -3px; }
.main_area .kv_cover .cover { fill: #F2E9CA; }
.main_area .kv_onair, .main_area .kv_movie, .main_area .sns_tw, .main_area .sns_ig { z-index: 5; }
.main_area .sns_tw, .main_area .sns_ig { background: no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="265.844" height="264.156" viewBox="0 0 265.844 264.156"><path fill="%23fff" d="M209.961,313.565c-50.978-50.978-54.366-108.916-9.808-167.547,24.176-31.816,56.593-51.726,91.279-56.066a111.165,111.165,0,0,1,86.153,25.421c4.8,4.031,9.4,8.233,13.661,12.5,53.306,53.307,58.013,114.219,12.919,167.106-45.246,53.072-118.571,83.311-180.39,31.239C218.882,322.089,214.226,317.83,209.961,313.565Z" transform="translate(-169.062 -89.063)"/></svg>'); }
.main_area .sns_tw .svg_twitter, .main_area .sns_ig .svg_twitter { fill: #6fb4eb; }
.main_area .sns_tw a, .main_area .sns_ig a { display: block; width: 100%; height: 100%; position: relative; z-index: 10; }
.main_area .sns_tw p, .main_area .sns_ig p { position: relative; }
.main_area .sns_tw:after, .main_area .sns_ig:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url("../img/official_tw.png") no-repeat center; -webkit-background-size: 80%; -o-background-size: 80%; background-size: 80%; top: 0; left: 0; -webkit-animation: icon_rotate 10s linear infinite; -moz-animation: icon_rotate 10s linear infinite; -o-animation: icon_rotate 10s linear infinite; animation: icon_rotate 10s linear infinite; }
.main_area .sns_ig:after { background-image: url("../img/official_ig.png"); }
@media only screen and (min-width: 751px) { .main_area { -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
  .main_area .kv_logo { top: 0; width: 100%; }
  .main_area .kv_movie { width: 324px; height: 110px; bottom: 54px; right: 76px; -webkit-border-radius: 10px; border-radius: 10px; cursor: pointer; }
  .main_area .kv_movie:after { width: 40px; height: 40px; bottom: 10px; right: 10px; }
  .main_area .kv_movie .player { width: 324px; height: 182px; }
  .main_area .kv_movie:hover:after { -webkit-animation: icon_rotate 6s linear infinite; -moz-animation: icon_rotate 6s linear infinite; -o-animation: icon_rotate 6s linear infinite; animation: icon_rotate 6s linear infinite; }
  .main_area .kv_onair { width: 246px; bottom: 190px; right: 118px; }
  .main_area .kv_item { width: 98px; width: 7%; bottom: -2%; left: 26%; z-index: 3; }
  .main_area .sns_tw, .main_area .sns_ig { width: 132px; height: 132px; }
  .main_area .sns_tw p, .main_area .sns_ig p { width: 25px; margin: auto; top: calc(50% - 13px); }
  .main_area .sns_tw:hover p, .main_area .sns_ig:hover p { -webkit-animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; -moz-animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; -o-animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; }
  .main_area .sns_tw { top: 45px; left: 84px; }
  .main_area .sns_ig { top: 197px; left: 35px; } }
@media only screen and (max-width: 750px) { .main_area { background-color: #F2E9CA; background-position: center top; -webkit-background-size: 240vw; -o-background-size: 240vw; background-size: 240vw; }
  .main_area .kv_main { position: relative; margin-bottom: 15vw; }
  .main_area .kv_cover { width: 150vw; left: -25vw; bottom: -5px; }
  .main_area .kv_logo { width: 240vw; left: calc(50% - 120vw); top: 0; }
  .main_area .kv_img { position: relative; top: 0; width: 240vw; left: calc(50% - 120vw); }
  .main_area .kv_item { width: 18.13vw; left: 5.86vw; top: 96.8vw; }
  .main_area .kv_onair { width: 68vw; position: relative; margin: auto; margin-bottom: 6vw; }
  .main_area .kv_movie { width: 86.66vw; height: 29.6vw; position: relative; margin: auto; -webkit-border-radius: 10px; border-radius: 10px; }
  .main_area .kv_movie .player { width: 90.66vw; height: 50.93vw; }
  .main_area .kv_movie:after { width: 14vw; height: 14vw; right: 3vw; bottom: 3vw; }
  .main_area .sns_tw, .main_area .sns_ig { width: 21.33vw; height: 21.33vw; }
  .main_area .sns_tw p, .main_area .sns_ig p { width: 5.6vw; margin: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .main_area .sns_tw { right: 4.6vw; bottom: 0; }
  .main_area .sns_ig { right: 27.93vw; bottom: -6vw; } }

.banner_area { background: #F2E9CA; overflow: hidden; }
.banner_area ul { letter-spacing: -.4em; }
.banner_area ul li { display: inline-block; border: 2px solid #a8895a; -webkit-border-radius: 8px; border-radius: 8px; overflow: hidden; }
@media only screen and (min-width: 751px) { .banner_area { padding: 30px 0 97px; text-align: center; }
  .banner_area .banner_list { margin: auto; }
  .banner_area li { width: 320px; margin-right: 24px; }
  .banner_area li a { position: relative; display: block; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
  .banner_area li:hover a { -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) { .banner_area { padding-top: 7.73vw; padding-bottom: 14.4vw; }
  .banner_area li { width: 76vw; margin: 0 2.8vw; } }

.news_contents { background: #F2E9CA; position: relative; overflow: hidden; }
.news_contents .news_bg:before, .news_contents .news_bg:after { top: calc(50% - 180px); content: ""; display: block; position: absolute; background: url("../img/bg_circle.png") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; z-index: 1; }
.news_contents .news_bg:before { -webkit-animation: icon_rotate 25s linear infinite; -moz-animation: icon_rotate 25s linear infinite; -o-animation: icon_rotate 25s linear infinite; animation: icon_rotate 25s linear infinite; }
.news_contents .news_bg:after { -webkit-animation: icon_rotate_reverse 25s linear infinite; -moz-animation: icon_rotate_reverse 25s linear infinite; -o-animation: icon_rotate_reverse 25s linear infinite; animation: icon_rotate_reverse 25s linear infinite; }
.news_contents .news_area { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news_contents .news_area li { border: 2px solid #a8895a; background: url("../img/icon_arw.svg") no-repeat #fdfbe6; position: relative; z-index: 5; }
.news_contents .news_area li:last-child { margin-bottom: 0; }
.news_contents .news_area li .news_date { font-weight: 700; }
.news_contents .news_area li .news_title { line-height: 1.4; }
.news_contents .news_area li a { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; }
.news_contents .twitter_area { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #a8895a; background: #fdfbe6; position: relative; z-index: 5; }
.news_contents .twitter_area .twitter_head { border-bottom: 2px dashed #cca061; text-align: center; position: relative; font-weight: 700; }
.news_contents .twitter_area .twitter_head .svg_twitter { fill: #624f4b; }
.news_contents .twitter_area .twitter_head a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("../img/icon_blank.svg") no-repeat right center; }
@media only screen and (min-width: 751px) { .news_contents { padding-bottom: 130px; }
  .news_contents h2 { width: 372px; width: 26.57%; text-align: center; margin: 0 auto 66px; }
  .news_contents .news_bg:before, .news_contents .news_bg:after { width: 420px; height: 420px; }
  .news_contents .news_bg:before { left: -210px; }
  .news_contents .news_bg:after { right: -210px; }
  .news_contents .news_wrap { width: 1000px; margin: auto; }
  .news_contents .news_area { width: 484px; float: left; }
  .news_contents .news_area li { -webkit-background-size: 12px; -o-background-size: 12px; background-size: 12px; background-position: right 24px center; -webkit-border-radius: 15px; border-radius: 15px; margin-bottom: 13px; height: 110px; padding: 0 64px 0 30px; }
  .news_contents .news_area li div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .news_contents .news_area li .news_date { font-size: 12px; margin-bottom: 10px; }
  .news_contents .news_area li:hover { -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; -webkit-transition-delay: 0s !important; -moz-transition-delay: 0s !important; -ms-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; }
  .news_contents .news_area li:hover:nth-child(1) { background-color: #f0a5c4; }
  .news_contents .news_area li:hover:nth-child(2) { background-color: #87cab8; }
  .news_contents .news_area li:hover:nth-child(3) { background-color: #f8e19b; }
  .news_contents .twitter_area { width: 484px; float: right; -webkit-border-radius: 15px; border-radius: 15px; height: 370px; padding: 0 20px; }
  .news_contents .twitter_area .twitter_head { padding: 20px 0; }
  .news_contents .twitter_area .twitter_head span { width: 22px; position: relative; top: 2px; margin-right: 10px; }
  .news_contents .twitter_area .twitter_head span svg { width: 22px; }
  .news_contents .twitter_area .twitter_head a { -webkit-background-size: 18px; -o-background-size: 18px; background-size: 18px; background-position: center right 10px; }
  .news_contents .twitter_area .twitter_widget { height: calc(100% - 64px); } }
@media only screen and (max-width: 750px) { .news_contents { padding-bottom: 24.53vw; }
  .news_contents h2 { width: 50.93vw; margin: 0 auto 16vw; }
  .news_contents .news_bg { width: 100%; height: 100%; position: absolute; z-index: 0; }
  .news_contents .news_bg:before, .news_contents .news_bg:after { width: 45.33vw; height: 45.33vw; left: calc(50% - 22.65vw); }
  .news_contents .news_bg:before { top: 19vw; }
  .news_contents .news_bg:after { top: auto; bottom: 9.3vw; }
  .news_contents .news_area { width: 86.66vw; margin: 0 auto 8.8vw; }
  .news_contents .news_area li { -webkit-background-size: 12px; -o-background-size: 12px; background-size: 12px; background-position: right 2.6vw center; -webkit-border-radius: 13px; border-radius: 13px; margin-bottom: 2vw; padding: 3vw 8vw 3vw 4vw; }
  .news_contents .news_area li .news_date { font-size: 1.1rem; margin-bottom: 8px; }
  .news_contents .news_area li .news_title { font-size: 1.3rem; font-weight: 600; }
  .news_contents .twitter_area { width: 86.66vw; margin: auto; -webkit-border-radius: 12px; border-radius: 12px; }
  .news_contents .twitter_area .twitter_head { padding: 3vw 0 4.6vw; }
  .news_contents .twitter_area .twitter_head span { width: 22px; position: relative; top: 2px; margin-right: 10px; }
  .news_contents .twitter_area .twitter_head span svg { width: 22px; }
  .news_contents .twitter_area .twitter_head a { -webkit-background-size: 18px; -o-background-size: 18px; background-size: 18px; background-position: center right 10px; }
  .news_contents .twitter_area .twitter_widget { height: 64vw; } }

.intro_area { background: #f6cdc7; position: relative; }
.intro_area:before { content: ""; display: block; position: absolute; width: 100%; background: url("../img/curve_repeat.png") repeat-x center top; height: 24px; top: 0; -webkit-animation: slide_corve 3s linear infinite; -moz-animation: slide_corve 3s linear infinite; -o-animation: slide_corve 3s linear infinite; animation: slide_corve 3s linear infinite; z-index: 3; }
.intro_area .intro_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.intro_area .intro_bg p { position: absolute; }
@media only screen and (min-width: 751px) { .intro_area { padding-bottom: 170px; padding-top: 158px; }
  .intro_area .intro_bg .chara1 { width: 28%; top: 16%; left: calc(50% + 535px); -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); transform: rotate(-18deg); }
  .intro_area .intro_bg .chara2 { width: 37%; top: 38%; right: calc(50% + 513px); -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); }
  .intro_area .intro_bg .chara3 { width: 30%; top: 65%; left: calc(50% + 443px); -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); transform: rotate(-18deg); }
  .intro_area h2 { width: 1040px; width: 74.28%; text-align: center; margin: 0 auto 66px; }
  .intro_area .intro_text { background: url("../img/bg_intro_pc.png") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 800px; width: 57.14%; margin: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 9.2% 6%; } }
@media only screen and (max-width: 750px) { .intro_area { padding-top: 21.33vw; padding-bottom: 32vw; }
  .intro_area .intro_bg .chara1 { width: 30vw; top: 61vw; right: -10vw; -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); transform: rotate(-18deg); }
  .intro_area .intro_bg .chara2 { width: 42vw; top: 61vw; left: -18vw; -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); }
  .intro_area .intro_bg .chara3 { width: 36vw; bottom: 2vw; right: -15vw; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  .intro_area h2 { width: 80.93vw; margin: 0 auto 29.06vw; }
  .intro_area .intro_text { background: url("../img/bg_intro_sp.png") no-repeat center top; -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; position: relative; } }

.onair_area { position: relative; background: #d4e8c5; }
.onair_area:before { content: ""; display: block; position: absolute; width: 100%; background: url("../img/curve_repeat_pink.png") repeat-x center top; height: 24px; top: 0; -webkit-animation: slide_corve 3s linear infinite; -moz-animation: slide_corve 3s linear infinite; -o-animation: slide_corve 3s linear infinite; animation: slide_corve 3s linear infinite; z-index: 3; }
.onair_area .onair_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; overflow: hidden; }
.onair_area .onair_bg p { position: absolute; width: 100%; height: 500%; top: 0; background: center top; }
.onair_area .onair_bg .bg1 { background-image: url("../img/bg_repeat_1.png"); }
.onair_area .onair_bg .bg2 { background-image: url("../img/bg_repeat_2.png"); }
.onair_area .onair_bg .bg3 { background-image: url("../img/bg_repeat_3.png"); }
.onair_area h2, .onair_area .onair_lead { position: relative; z-index: 5; }
.onair_area .onair_wrap { position: relative; z-index: 5; border: 2px solid #a8895a; background: #fdfbe6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.onair_area .onair_wrap .onair_cap { border-bottom: 2px dashed #cca061; text-align: center; font-weight: 700; }
.onair_area .onair_wrap ul li { line-height: 1.4; }
.onair_area .onair_wrap ul li:last-child { margin-bottom: 0; }
.onair_area .onair_wrap ul li a { color: #624f4b; text-decoration: underline; }
@media only screen and (min-width: 751px) { .onair_area { padding-top: 192px; padding-bottom: 115px; }
  .onair_area .onair_bg .bg1 { -webkit-animation: move_bg 18s linear infinite; -moz-animation: move_bg 18s linear infinite; -o-animation: move_bg 18s linear infinite; animation: move_bg 18s linear infinite; }
  .onair_area .onair_bg .bg2 { -webkit-animation: move_bg 13s linear infinite; -moz-animation: move_bg 13s linear infinite; -o-animation: move_bg 13s linear infinite; animation: move_bg 13s linear infinite; }
  .onair_area .onair_bg .bg3 { -webkit-animation: move_bg 22s linear infinite; -moz-animation: move_bg 22s linear infinite; -o-animation: move_bg 22s linear infinite; animation: move_bg 22s linear infinite; }
  .onair_area h2 { width: 432px; width: 30.85%; text-align: center; margin: 0 auto 66px; }
  .onair_area .onair_lead { width: 648px; width: 46.28%; margin: 0 auto 50px; }
  .onair_area .onair_wrap { width: 900px; margin: auto; -webkit-border-radius: 15px; border-radius: 15px; padding: 53px 96px 58px; margin-bottom: 20px; }
  .onair_area .onair_wrap:last-child { margin-bottom: 0; }
  .onair_area .onair_wrap .onair_cap { font-size: 26px; padding-bottom: 20px; margin-bottom: 33px; }

  .onair_area .onair_wrap ul li { font-size: 20px; font-weight: 500; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px;
  	-webkit-justify-content: center;
		justify-content: center;
  }
  .onair_area .onair_wrap ul li .channel { width: 136px; }
  .onair_area .onair_wrap ul li .date { width: 140px; }
  .onair_area .onair_wrap ul li .time span { display: block; font-size: 14px; }
  .onair_area .onair_wrap.onair_streaming ul li .channel { width: 40%; }
  .onair_area .onair_wrap.onair_streaming ul li .date { width: 60%; } }
@media only screen and (max-width: 750px) { .onair_area { padding-top: 23.46vw; padding-bottom: 26.66vw; }
  .onair_area .onair_bg p { -webkit-background-size: 140vw; -o-background-size: 140vw; background-size: 140vw; }
  .onair_area .onair_bg .bg1 { -webkit-animation: move_bg_sp 18s linear infinite; -moz-animation: move_bg_sp 18s linear infinite; -o-animation: move_bg_sp 18s linear infinite; animation: move_bg_sp 18s linear infinite; }
  .onair_area .onair_bg .bg2 { -webkit-animation: move_bg_sp 13s linear infinite; -moz-animation: move_bg_sp 13s linear infinite; -o-animation: move_bg_sp 13s linear infinite; animation: move_bg_sp 13s linear infinite; }
  .onair_area .onair_bg .bg3 { -webkit-animation: move_bg_sp 22s linear infinite; -moz-animation: move_bg_sp 22s linear infinite; -o-animation: move_bg_sp 22s linear infinite; animation: move_bg_sp 22s linear infinite; }
  .onair_area h2 { width: 57.33vw; margin: 0 auto 8.26vw; }
  .onair_area .onair_lead { width: 89.33vw; margin: 0 auto 9.33vw; }
  .onair_area .onair_wrap { width: 92vw; margin: auto; -webkit-border-radius: 12px; border-radius: 12px; padding: 6vw; margin-bottom: 5.33vw; }
  .onair_area .onair_wrap:last-child { margin-bottom: 0; }
  .onair_area .onair_wrap .onair_cap { font-size: 1.8rem; padding-bottom: 3vw; margin-bottom: 5.33vw; }
  .onair_area .onair_wrap ul li { font-size: 1.3rem; font-weight: 500; margin-bottom: 4vw; position: relative; /*padding-left: 27.2vw;*/ }
 /* .onair_area .onair_wrap ul li .channel { position: absolute; top: 0; left: 0; }*/
  .onair_area .onair_wrap ul li .time span { display: block; font-size: 1rem; }
 /* .onair_area .onair_wrap.onair_streaming ul li { padding-left: 55%; }*/
 }

.chara_area { position: relative; background: #F2E9CA; overflow: hidden; }
.chara_area:before { content: ""; display: block; position: absolute; width: 100%; background: url("../img/curve_repeat_green.png") repeat-x center top; height: 24px; top: 0; -webkit-animation: slide_corve 3s linear infinite; -moz-animation: slide_corve 3s linear infinite; -o-animation: slide_corve 3s linear infinite; animation: slide_corve 3s linear infinite; z-index: 3; }
.chara_area .chara_bg:before, .chara_area .chara_bg:after { top: calc(50% - 180px); content: ""; display: block; position: absolute; background: url("../img/bg_circle.png") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; z-index: 1; }
.chara_area .chara_bg:before { -webkit-animation: icon_rotate 25s linear infinite; -moz-animation: icon_rotate 25s linear infinite; -o-animation: icon_rotate 25s linear infinite; animation: icon_rotate 25s linear infinite; }
.chara_area .chara_bg:after { -webkit-animation: icon_rotate_reverse 25s linear infinite; -moz-animation: icon_rotate_reverse 25s linear infinite; -o-animation: icon_rotate_reverse 25s linear infinite; animation: icon_rotate_reverse 25s linear infinite; }
.chara_area .chara_wrap { position: relative; z-index: 5; }
.chara_area .character_in { position: relative; font-weight: 700; float: left; z-index: 5; }
.chara_area .character_in .chara_text { line-height: 1.6; }
.chara_area .character_in .chara_cv { position: relative; }
.chara_area .character_in .chara_cv .cv_text { position: relative; display: inline-block; }
.chara_area .character_in .chara_cv .cv_text:after { content: ""; display: block; position: absolute; background: url("../img/icon_comment.svg") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; top: 0; }
.chara_area .chara_navigation ul { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; }
.chara_area .chara_navigation ul li { position: relative; }
.chara_area .chara_navigation ul li .bg { position: absolute; bottom: 0; width: 70%; left: 15%; }
.chara_area .chara_navigation ul li .chara { position: relative; }
@media only screen and (min-width: 751px) { .chara_area { padding-top: 190px; padding-bottom: 110px; }
  .chara_area .chara_bg:before, .chara_area .chara_bg:after { width: 420px; height: 420px; }
  .chara_area .chara_bg:before { left: -210px; }
  .chara_area .chara_bg:after { right: -210px; }
  .chara_area h2 { width: 800px; width: 57.14%; text-align: center; margin: 0 auto 66px; }
  .chara_area .character_in { background: url("../img/bg_chara.png") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 64vw; min-width: 900px; margin-right: 26vw; }
  .chara_area .character_in .chara_img { position: absolute; width: 38.66%; left: 5.6%; top: 50%; text-align: right; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .chara_area .character_in .chara_info { width: 520px; width: 57.77%; margin: 0 0 0 auto; padding: 10% 0; }
  .chara_area .character_in .chara_info .chara_name { margin-bottom: 33px; }
  .chara_area .character_in .chara_info .chara_text { font-size: 18px; margin-bottom: 24px; }
  .chara_area .character_in .chara_info .chara_cv .cv_text { font-size: 24px; vertical-align: middle; margin-right: 77px; z-index: 10; position: relative; cursor: pointer; }
  .chara_area .character_in .chara_info .chara_cv .cv_text:after { height: 24px; width: 32px; right: -40px; }
  .chara_area .character_in .chara_info .chara_cv .cv_text:hover:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
  .chara_area .character_in .chara_info .chara_cv .cv_img { width: 200px; width: 38.46%; display: inline-block; vertical-align: middle; }
  .chara_area .character_in.chara_tyranno .chara_name { width: 360px; width: 69.23%; }
  .chara_area .character_in.chara_tricera .chara_name { width: 57%; }
  .chara_area .character_in.chara_steno .chara_name { width: 72%; }
  .chara_area .character_in.chara_chara4 .chara_img { left: 10%; width: 30%; }
  .chara_area .character_in.chara_chara4 .chara_name { width: 69%; }
  .chara_area .character_in.chara_chara5 .chara_img { left: 10%; width: 28%; }
  .chara_area .character_in.chara_chara5 .chara_name { width: 62%; }
  .chara_area .chara_navigation { width: 800px; margin: auto; margin-top: 18px; }
  .chara_area .chara_navigation ul li { width: 140px; overflow: hidden; cursor: pointer; margin-right: 18px; }
  .chara_area .chara_navigation ul li .chara { z-index: 15; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
  .chara_area .chara_navigation ul li:hover .chara { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  .chara_area .chara_navigation ul li:last-child { margin-right: 0; }
  .chara_area .chara_navigation ul .c_steno .chara { top: 20px; }
  .chara_area .chara_navigation ul .c_tricera .chara { top: 20px; }
  .chara_area .chara_navigation ul .c_chara4 .bg { width: 100%; left: 0; }
  .chara_area .chara_navigation ul .c_chara5 .bg { width: 100%; left: 0; }
  .chara_area .chara_navigation ul .c_chara5 .chara { top: 35px; } }
@media only screen and (max-width: 750px) { .chara_area { padding-top: 24vw; padding-bottom: 14.4vw; }
  .chara_area h2 { width: 61.06vw; margin: 0 auto 21.6vw; }
  .chara_area .chara_bg { width: 100%; height: 100%; position: absolute; z-index: 0; }
  .chara_area .chara_bg:before, .chara_area .chara_bg:after { width: 45.33vw; height: 45.33vw; left: calc(50% - 22.65vw); }
  .chara_area .chara_bg:before { top: 39vw; }
  .chara_area .chara_bg:after { top: auto; bottom: 46.26vw; }
  .chara_area .character_in { background: url("../img/bg_chara.png") no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; width: 100vw; }
  .chara_area .character_in .chara_img { padding-top: 4vw; width: 79.66vw; margin: auto; }
  .chara_area .character_in .chara_info { padding: 12vw 0 10.66vw 9.33vw; }
  .chara_area .character_in .chara_info .chara_name { margin-bottom: 5.33vw; }
  .chara_area .character_in .chara_info .chara_text { font-size: 1.3rem; margin-bottom: 5.33vw; }
  .chara_area .character_in .chara_info .chara_cv .cv_text { font-size: 1.8rem; vertical-align: middle; margin-right: 15.2vw; }
  .chara_area .character_in .chara_info .chara_cv .cv_text:after { height: 20px; width: 28px; right: -30px; }
  .chara_area .character_in .chara_info .chara_cv .cv_img { width: 33.6vw; display: inline-block; vertical-align: middle; }
  .chara_area .character_in.chara_tyranno .chara_name { width: 66.66vw; }
  .chara_area .character_in.chara_tricera .chara_name { width: 53.33vw; }
  .chara_area .character_in.chara_steno .chara_name { width: 76.4vw; }
  .chara_area .character_in.chara_chara4 .chara_name { width: 73.06vw; }
  .chara_area .character_in.chara_chara5 .chara_name { width: 64.13vw; }
  .chara_area .chara_navigation ul li { width: 20vw; overflow: hidden; margin-right: 2vw; }
  .chara_area .chara_navigation ul li:last-child { margin-right: 0; }
  .chara_area .chara_navigation ul .c_steno .chara { top: 2.6vw; }
  .chara_area .chara_navigation ul .c_tricera .chara { top: 2.6vw; }
  .chara_area .chara_navigation ul .c_chara4 .bg { width: 100%; left: 0; }
  .chara_area .chara_navigation ul .c_chara5 .bg { width: 100%; left: 0; }
  .chara_area .chara_navigation ul .c_chara5 .chara { top: 4.6vw; } }

.story_area { background: #f6cdc7; position: relative; overflow: hidden; }
.story_area .story_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.story_area .story_bg p { position: absolute; }
.story_area:before { content: ""; display: block; position: absolute; width: 100%; background: url("../img/curve_repeat.png") repeat-x center top; height: 24px; top: 0; -webkit-animation: slide_corve 3s linear infinite; -moz-animation: slide_corve 3s linear infinite; -o-animation: slide_corve 3s linear infinite; animation: slide_corve 3s linear infinite; z-index: 3; }
.story_area h2 { position: relative; z-index: 5; }
.story_area .story_wrap { position: relative; }
.story_area .story_contents { background: #fdfbe6; border: 2px solid #a8895a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.story_area .story_contents .story_num { text-align: center; position: relative; z-index: 1; font-weight: 700; line-height: 1.8; }
.story_area .story_contents .story_num span { position: relative; margin: 0 0.3em; }
.story_area .story_contents .story_num span:before { content: ""; display: block; position: absolute; width: 50px; height: 50px; background: no-repeat center; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="265.844" height="264.156" viewBox="0 0 265.844 264.156"><path fill="%23f0a5c4" d="M209.961,313.565c-50.978-50.978-54.366-108.916-9.808-167.547,24.176-31.816,56.593-51.726,91.279-56.066a111.165,111.165,0,0,1,86.153,25.421c4.8,4.031,9.4,8.233,13.661,12.5,53.306,53.307,58.013,114.219,12.919,167.106-45.246,53.072-118.571,83.311-180.39,31.239C218.882,322.089,214.226,317.83,209.961,313.565Z" transform="translate(-169.062 -89.063)"/></svg>'); -webkit-background-size: contain; -o-background-size: contain; background-size: contain; top: calc(50% - 25px); left: calc(50% - 25px); z-index: -1; }
.story_area .story_contents .story_image { border: 2px solid #a8895a; overflow: hidden; -webkit-box-shadow: 10px 10px 0 #faf1c9; box-shadow: 10px 10px 0 #faf1c9; }
.story_area .story_contents .story_image img { width: 100%; }
.story_area .story_contents .story_text { font-weight: 700; text-align: center; line-height: 1.5; }
.story_area .story_navi ul { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.story_area .story_navi ul li { border: 2px solid #a8895a; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #624f4b; font-weight: 700; position: relative; z-index: 1; overflow: hidden; }
.story_area .story_navi ul li:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background: #fdfbe6; }
.story_area .story_navi ul li:nth-child(1).current { color: #fff; }
.story_area .story_navi ul li:nth-child(1).current:before { background: #f0a5c4; }
.story_area .story_navi ul li:nth-child(2).current { color: #fff; }
.story_area .story_navi ul li:nth-child(2).current:before { background: #ec7cac; }
.story_area .story_navi ul li:nth-child(3).current { color: #fff; }
.story_area .story_navi ul li:nth-child(3).current:before { background: #87cab8; }
.story_area .story_navi ul li:nth-child(4).current { color: #fff; }
.story_area .story_navi ul li:nth-child(4).current:before { background: #6ec2ab; }
.story_area .story_navi ul li:nth-child(5).current { color: #fff; }
.story_area .story_navi ul li:nth-child(5).current:before { background: #f8e19b; }
.story_area .story_navi ul li:nth-child(6).current { color: #fff; }
.story_area .story_navi ul li:nth-child(6).current:before { background: #f5b16a; }
.story_area .story_navi ul li:nth-child(7).current { color: #fff; }
.story_area .story_navi ul li:nth-child(7).current:before { background: #f0a5c4; }
.story_area .story_navi ul li:nth-child(8).current { color: #fff; }
.story_area .story_navi ul li:nth-child(8).current:before { background: #ec7cac; }
.story_area .story_navi ul li:nth-child(9).current { color: #fff; }
.story_area .story_navi ul li:nth-child(9).current:before { background: #87cab8; }
.story_area .story_navi ul li:nth-child(10).current { color: #fff; }
.story_area .story_navi ul li:nth-child(10).current:before { background: #6ec2ab; }
.story_area .story_navi ul li:nth-child(11).current { color: #fff; }
.story_area .story_navi ul li:nth-child(11).current:before { background: #f8e19b; }
.story_area .story_navi ul li:nth-child(12).current { color: #fff; }
.story_area .story_navi ul li:nth-child(12).current:before { background: #f5b16a; }
.story_area .story_navi ul li:nth-child(13).current { color: #fff; }
.story_area .story_navi ul li:nth-child(13).current:before { background: #f0a5c4; }
.story_area .story_navi ul li:nth-child(14).current { color: #fff; }
.story_area .story_navi ul li:nth-child(14).current:before { background: #ec7cac; }
.story_area .story_navi ul li:nth-child(15).current { color: #fff; }
.story_area .story_navi ul li:nth-child(15).current:before { background: #87cab8; }
.story_area .story_navi ul li:nth-child(16).current { color: #fff; }
.story_area .story_navi ul li:nth-child(16).current:before { background: #6ec2ab; }
.story_area .story_navi ul li:nth-child(17).current { color: #fff; }
.story_area .story_navi ul li:nth-child(17).current:before { background: #f8e19b; }
.story_area .story_navi ul li:nth-child(18).current { color: #fff; }
.story_area .story_navi ul li:nth-child(18).current:before { background: #f5b16a; }
.story_area .story_navi ul li:nth-child(19).current { color: #fff; }
.story_area .story_navi ul li:nth-child(19).current:before { background: #f0a5c4; }
.story_area .story_navi ul li:nth-child(20).current { color: #fff; }
.story_area .story_navi ul li:nth-child(20).current:before { background: #ec7cac; }
.story_area .story_navi ul li:nth-child(21).current { color: #fff; }
.story_area .story_navi ul li:nth-child(21).current:before { background: #87cab8; }
.story_area .story_navi ul li:nth-child(22).current { color: #fff; }
.story_area .story_navi ul li:nth-child(22).current:before { background: #6ec2ab; }
.story_area .story_navi ul li:nth-child(23).current { color: #fff; }
.story_area .story_navi ul li:nth-child(23).current:before { background: #f8e19b; }
.story_area .story_navi ul li:nth-child(24).current { color: #fff; }
.story_area .story_navi ul li:nth-child(24).current:before { background: #f5b16a; }
.story_area .story_navi ul li:nth-child(25).current { color: #fff; }
.story_area .story_navi ul li:nth-child(25).current:before { background: #f0a5c4; }
.story_area .story_navi ul li:nth-child(26).current { color: #fff; }
.story_area .story_navi ul li:nth-child(26).current:before { background: #ec7cac; }
.story_area .story_navi ul li:nth-child(27).current { color: #fff; }
.story_area .story_navi ul li:nth-child(27).current:before { background: #87cab8; }
.story_area .story_navi ul li:nth-child(28).current { color: #fff; }
.story_area .story_navi ul li:nth-child(28).current:before { background: #6ec2ab; }
.story_area .story_navi ul li:nth-child(29).current { color: #fff; }
.story_area .story_navi ul li:nth-child(29).current:before { background: #f8e19b; }
@media only screen and (min-width: 751px) { .story_area { padding-top: 190px; padding-bottom: 146px; }
  .story_area .story_bg .chara1 { width: 27%; top: 45%; left: calc(50% + 486px); -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); transform: rotate(-18deg); }
  .story_area .story_bg .chara2 { width: 36%; top: 38%; right: calc(50% + 480px); -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); }
  .story_area .story_bg .chara3 { width: 30%; top: 10%; left: calc(50% + 380px); -webkit-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); }
  .story_area h2 { width: 405px; width: 28.92%; margin: 0 auto 50px; }
  .story_area .story_contents { width: 100%; padding: 50px 78px; -webkit-border-radius: 8px; border-radius: 8px; }
  .story_area .story_contents .story_num { margin-bottom: 30px; font-size: 30px; }
  .story_area .story_contents .story_num span { width: 40px; }
  .story_area .story_contents .story_image { -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 30px; }
  .story_area .story_contents .story_text { font-size: 26px; }
  .story_area .story_slide { min-width: 900px; width: 70%; margin: 0 auto 30px; }
  .story_area .story_navi { min-width: 900px; width: 900px; width: 70.31%; margin: auto; }
  .story_area .story_navi li { width: 70px; font-size: 20px; height: 55px; line-height: 55px; margin-right: 6px; margin-bottom: 6px; cursor: pointer; -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; }
  .story_area .story_navi li:before { -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; }
  .story_area .story_navi li:hover:nth-child(1) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(1):before { background: #f0a5c4; }
  .story_area .story_navi li:hover:nth-child(2) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(2):before { background: #ec7cac; }
  .story_area .story_navi li:hover:nth-child(3) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(3):before { background: #87cab8; }
  .story_area .story_navi li:hover:nth-child(4) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(4):before { background: #6ec2ab; }
  .story_area .story_navi li:hover:nth-child(5) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(5):before { background: #f8e19b; }
  .story_area .story_navi li:hover:nth-child(6) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(6):before { background: #f5b16a; }
  .story_area .story_navi li:hover:nth-child(7) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(7):before { background: #f0a5c4; }
  .story_area .story_navi li:hover:nth-child(8) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(8):before { background: #ec7cac; }
  .story_area .story_navi li:hover:nth-child(9) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(9):before { background: #87cab8; }
  .story_area .story_navi li:hover:nth-child(10) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(10):before { background: #6ec2ab; }
  .story_area .story_navi li:hover:nth-child(11) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(11):before { background: #f8e19b; }
  .story_area .story_navi li:hover:nth-child(12) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(12):before { background: #f5b16a; }
  .story_area .story_navi li:hover:nth-child(13) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(13):before { background: #f0a5c4; }
  .story_area .story_navi li:hover:nth-child(14) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(14):before { background: #ec7cac; }
  .story_area .story_navi li:hover:nth-child(15) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(15):before { background: #87cab8; }
  .story_area .story_navi li:hover:nth-child(16) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(16):before { background: #6ec2ab; }
  .story_area .story_navi li:hover:nth-child(17) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(17):before { background: #f8e19b; }
  .story_area .story_navi li:hover:nth-child(18) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(18):before { background: #f5b16a; }
  .story_area .story_navi li:hover:nth-child(19) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(19):before { background: #f0a5c4; }
  .story_area .story_navi li:hover:nth-child(20) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(20):before { background: #ec7cac; }
  .story_area .story_navi li:hover:nth-child(21) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(21):before { background: #87cab8; }
  .story_area .story_navi li:hover:nth-child(22) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(22):before { background: #6ec2ab; }
  .story_area .story_navi li:hover:nth-child(23) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(23):before { background: #f8e19b; }
  .story_area .story_navi li:hover:nth-child(24) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(24):before { background: #f5b16a; }
  .story_area .story_navi li:hover:nth-child(25) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(25):before { background: #f0a5c4; }
  .story_area .story_navi li:hover:nth-child(26) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(26):before { background: #ec7cac; }
  .story_area .story_navi li:hover:nth-child(27) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(27):before { background: #87cab8; }
  .story_area .story_navi li:hover:nth-child(28) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(28):before { background: #6ec2ab; }
  .story_area .story_navi li:hover:nth-child(29) { color: #fff; }
  .story_area .story_navi li:hover:nth-child(29):before { background: #f8e19b; } }
@media only screen and (max-width: 750px) { .story_area { padding-top: 24vw; padding-bottom: 18.13vw; }
  .story_area .story_bg .chara1 { width: 30vw; top: 15vw; right: -13vw; -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); transform: rotate(-18deg); }
  .story_area .story_bg .chara2 { width: 42vw; top: 21vw; left: -20vw; -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); }
  .story_area .story_bg .chara3 { width: 36vw; bottom: -6vw; right: -15vw; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  .story_area h2 { width: 53.33vw; margin: 0 auto 8vw; }
  .story_area .story_slide { width: 86.66vw; margin: 0 auto 6vw; }
  .story_area .story_slide .story_contents { padding: 10.66vw 6.66vw; -webkit-border-radius: 8px; border-radius: 8px; }
  .story_area .story_slide .story_contents .story_num { font-size: 1.4rem; margin-bottom: 6vw; }
  .story_area .story_slide .story_contents .story_num span:before { width: 8vw; height: 8vw; top: calc(50% - 4vw); left: calc(50% - 4vw); }
  .story_area .story_slide .story_contents .story_image { margin-bottom: 6vw; -webkit-border-radius: 6px; border-radius: 6px; }
  .story_area .story_slide .story_contents .story_text { font-size: 1.2rem; }
  .story_area .story_navi { width: 86.66vw; margin: auto; }
  .story_area .story_navi li { width: 12%; margin-left: 0.5%; margin-bottom: 1.2vw; height: 8vw; line-height: 7.2vw; } }

.staff_area { background: #d4e8c5; position: relative; overflow: hidden; }
.staff_area .staff_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.staff_area .staff_bg p { position: absolute; }
.staff_area .staff_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; overflow: hidden; }
.staff_area .staff_bg p { position: absolute; width: 100%; height: 500%; top: 0; background: center top; }
.staff_area .staff_bg .bg1 { background-image: url("../img/bg_repeat_1.png"); }
.staff_area .staff_bg .bg2 { background-image: url("../img/bg_repeat_2.png"); }
.staff_area .staff_bg .bg3 { background-image: url("../img/bg_repeat_3.png"); }
.staff_area:before { content: ""; display: block; position: absolute; width: 100%; background: url("../img/curve_repeat_pink.png") repeat-x center top; height: 24px; top: 0; -webkit-animation: slide_corve 3s linear infinite; -moz-animation: slide_corve 3s linear infinite; -o-animation: slide_corve 3s linear infinite; animation: slide_corve 3s linear infinite; z-index: 3; }
.staff_area h2 { position: relative; z-index: 5; }
.staff_area dl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #a8895a; background: #fdfbe6; color: #624f4b; position: relative; z-index: 5; }
.staff_area dl dt { background: no-repeat left center; font-weight: 500; }
.staff_area dl:nth-of-type(1) dt { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="265.844" height="264.156" viewBox="0 0 265.844 264.156"><path fill="%23f0a5c4" d="M209.961,313.565c-50.978-50.978-54.366-108.916-9.808-167.547,24.176-31.816,56.593-51.726,91.279-56.066a111.165,111.165,0,0,1,86.153,25.421c4.8,4.031,9.4,8.233,13.661,12.5,53.306,53.307,58.013,114.219,12.919,167.106-45.246,53.072-118.571,83.311-180.39,31.239C218.882,322.089,214.226,317.83,209.961,313.565Z" transform="translate(-169.062 -89.063)"/></svg>'); }
.staff_area dl:nth-of-type(2) dt { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="265.844" height="264.156" viewBox="0 0 265.844 264.156"><path fill="%23ec7cac" d="M209.961,313.565c-50.978-50.978-54.366-108.916-9.808-167.547,24.176-31.816,56.593-51.726,91.279-56.066a111.165,111.165,0,0,1,86.153,25.421c4.8,4.031,9.4,8.233,13.661,12.5,53.306,53.307,58.013,114.219,12.919,167.106-45.246,53.072-118.571,83.311-180.39,31.239C218.882,322.089,214.226,317.83,209.961,313.565Z" transform="translate(-169.062 -89.063)"/></svg>'); }
.staff_area dl:nth-of-type(3) dt { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="265.844" height="264.156" viewBox="0 0 265.844 264.156"><path fill="%2387cab8" d="M209.961,313.565c-50.978-50.978-54.366-108.916-9.808-167.547,24.176-31.816,56.593-51.726,91.279-56.066a111.165,111.165,0,0,1,86.153,25.421c4.8,4.031,9.4,8.233,13.661,12.5,53.306,53.307,58.013,114.219,12.919,167.106-45.246,53.072-118.571,83.311-180.39,31.239C218.882,322.089,214.226,317.83,209.961,313.565Z" transform="translate(-169.062 -89.063)"/></svg>'); }
.staff_area dl:nth-of-type(4) dt { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="265.844" height="264.156" viewBox="0 0 265.844 264.156"><path fill="%23f8e19b" d="M209.961,313.565c-50.978-50.978-54.366-108.916-9.808-167.547,24.176-31.816,56.593-51.726,91.279-56.066a111.165,111.165,0,0,1,86.153,25.421c4.8,4.031,9.4,8.233,13.661,12.5,53.306,53.307,58.013,114.219,12.919,167.106-45.246,53.072-118.571,83.311-180.39,31.239C218.882,322.089,214.226,317.83,209.961,313.565Z" transform="translate(-169.062 -89.063)"/></svg>'); }
.staff_area dl:nth-of-type(5) dt { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="265.844" height="264.156" viewBox="0 0 265.844 264.156"><path fill="%23f5b16a" d="M209.961,313.565c-50.978-50.978-54.366-108.916-9.808-167.547,24.176-31.816,56.593-51.726,91.279-56.066a111.165,111.165,0,0,1,86.153,25.421c4.8,4.031,9.4,8.233,13.661,12.5,53.306,53.307,58.013,114.219,12.919,167.106-45.246,53.072-118.571,83.311-180.39,31.239C218.882,322.089,214.226,317.83,209.961,313.565Z" transform="translate(-169.062 -89.063)"/></svg>'); }
.staff_area dl dd { font-weight: 700; }
@media only screen and (min-width: 751px) { .staff_area { padding-top: 190px; padding-bottom: 146px; }
  .staff_area .staff_bg .bg1 { -webkit-animation: move_bg 18s linear infinite; -moz-animation: move_bg 18s linear infinite; -o-animation: move_bg 18s linear infinite; animation: move_bg 18s linear infinite; }
  .staff_area .staff_bg .bg2 { -webkit-animation: move_bg 13s linear infinite; -moz-animation: move_bg 13s linear infinite; -o-animation: move_bg 13s linear infinite; animation: move_bg 13s linear infinite; }
  .staff_area .staff_bg .bg3 { -webkit-animation: move_bg 22s linear infinite; -moz-animation: move_bg 22s linear infinite; -o-animation: move_bg 22s linear infinite; animation: move_bg 22s linear infinite; }
  .staff_area h2 { width: 405px; width: 28.92%; margin: 0 auto 50px; }
  .staff_area dl { -webkit-border-radius: 8px; border-radius: 8px; font-size: 18px; width: 900px; margin: 0 auto 20px; height: 106px; line-height: 106px; padding-left: 125px; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .staff_area dl dt { width: 240px; -webkit-background-size: 48px; -o-background-size: 48px; background-size: 48px; padding-left: 20px; }
  .staff_area dl dd { font-size: 26px; } }
@media only screen and (max-width: 750px) { .staff_area { padding-top: 24vw; padding-bottom: 18.13vw; }
  .staff_area .staff_bg p { -webkit-background-size: 140vw; -o-background-size: 140vw; background-size: 140vw; }
  .staff_area .staff_bg .bg1 { -webkit-animation: move_bg_sp 18s linear infinite; -moz-animation: move_bg_sp 18s linear infinite; -o-animation: move_bg_sp 18s linear infinite; animation: move_bg_sp 18s linear infinite; }
  .staff_area .staff_bg .bg2 { -webkit-animation: move_bg_sp 13s linear infinite; -moz-animation: move_bg_sp 13s linear infinite; -o-animation: move_bg_sp 13s linear infinite; animation: move_bg_sp 13s linear infinite; }
  .staff_area .staff_bg .bg3 { -webkit-animation: move_bg_sp 22s linear infinite; -moz-animation: move_bg_sp 22s linear infinite; -o-animation: move_bg_sp 22s linear infinite; animation: move_bg_sp 22s linear infinite; }
  .staff_area h2 { width: 53.33vw; margin: 0 auto 8vw; }
  .staff_area dl { width: 90.66vw; margin: 0 auto 6vw; height: 24vw; -webkit-border-radius: 12px; border-radius: 12px; padding-left: 7.46vw; display: table; }
  .staff_area dl dt { -webkit-background-size: 10vw; -o-background-size: 10vw; background-size: 10vw; padding-left: 5vw; width: 35vw; font-size: 1.18rem; display: table-cell; vertical-align: middle; line-height: 1.4; }
  .staff_area dl dd { font-size: 1.4rem; line-height: 24vw; }
  .staff_area .bg_cover { width: 150vw; left: -25vw; }
  .staff_area .c1 { width: 15.06vw; left: 35%; bottom: 2.6vw; }
  .staff_area .c2 { width: 15.06vw; left: 45.5%; bottom: 2.2vw; }
  .staff_area .c3 { width: 17.6vw; left: 54.5%; bottom: 1.8vw; } }

.music_area { position: relative; background: #F2E9CA; }
.music_area:before { content: ""; display: block; position: absolute; width: 100%; background: url("../img/curve_repeat_green.png") repeat-x center top; height: 24px; top: 0; -webkit-animation: slide_corve 3s linear infinite; -moz-animation: slide_corve 3s linear infinite; -o-animation: slide_corve 3s linear infinite; animation: slide_corve 3s linear infinite; z-index: 3; }
.music_area .bg_cover { position: absolute; width: 100%; bottom: -3px; }
.music_area .bg_cover .cover { fill: #674f4f; }
.music_area .foot_chara p { position: absolute; }
.music_area h2 { position: relative; z-index: 5; }
.music_area .music_wrap { border: 2px solid #a8895a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fdfbe6; position: relative; z-index: 5; }
.music_area .music_wrap .music_img { overflow: hidden; }
.music_area .music_wrap .music_title { font-weight: 900; line-height: 1.2; text-align: center; }
.music_area .music_wrap .music_text { line-height: 1.8; font-weight: 500; }
.music_area .music_wrap .music_link li { border: 2px solid #a8895a; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.music_area .music_wrap .music_link li a { color: #624f4b; display: block; width: 100%; font-weight: 600; }
@media only screen and (min-width: 751px) { .music_area { padding-top: 178px; padding-bottom: 146px; }
  .music_area h2 { width: 424px; width: 30.28%; margin: 0 auto 50px; }
  .music_area .c1 { width: 80px; width: 80px; width: 5.71%; left: 41.6%; bottom: 7.6%; }
  .music_area .c2 { width: 80px; width: 5.71%; left: 47.7%; bottom: 6.3%; }
  .music_area .c3 { width: 88px; width: 6.28%; left: 52.8%; bottom: 6.3%; }
  .music_area .music_wrap { width: 900px; width: 64.28%; -webkit-border-radius: 15px; border-radius: 15px; margin: auto; padding: 50px 100px; }
  .music_area .music_wrap .music_img { margin-bottom: 40px; -webkit-border-radius: 10px; border-radius: 10px; }
  .music_area .music_wrap .music_title { font-size: 30px; margin-bottom: 30px; }
  .music_area .music_wrap .music_text { font-size: 14px; font-weight: 400; margin-bottom: 40px; }
  .music_area .music_wrap .music_link { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .music_area .music_wrap .music_link li { width: 48%; margin-bottom: 20px; }
  .music_area .music_wrap .music_link li a { font-size: 14px; padding: 20px 0; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; }
  .music_area .music_wrap .music_link li:nth-child(odd) { margin-right: 4%; }
  .music_area .music_wrap .music_link li:hover:nth-child(1) a { background-color: #f0a5c4; }
  .music_area .music_wrap .music_link li:hover:nth-child(2) a { background-color: #ec7cac; }
  .music_area .music_wrap .music_link li:hover:nth-child(3) a { background-color: #87cab8; }
  .music_area .music_wrap .music_link li:hover:nth-child(4) a { background-color: #f8e19b; } }
@media only screen and (max-width: 750px) { .music_area { padding-top: 22.66vw; padding-bottom: 18.13vw; }
  .music_area .bg_cover { width: 150vw; left: -25vw; }
  .music_area .c1 { width: 15.06vw; left: 35%; bottom: 2.6vw; }
  .music_area .c2 { width: 15.06vw; left: 45.5%; bottom: 2.2vw; }
  .music_area .c3 { width: 17.6vw; left: 54.5%; bottom: 1.8vw; }
  .music_area h2 { width: 59.46vw; margin: 0 auto 8vw; }
  .music_area .music_wrap { width: 86.66vw; margin: auto; padding: 5vw 5vw 10vw; -webkit-border-radius: 13px; border-radius: 13px; }
  .music_area .music_wrap .music_img { -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 6vw; }
  .music_area .music_wrap .music_title { margin-bottom: 6vw; font-size: 2rem; }
  .music_area .music_wrap .music_text { margin-bottom: 6vw; font-size: 1.2rem; }
  .music_area .music_wrap .music_link li { margin-bottom: 2.66vw; }
  .music_area .music_wrap .music_link li:last-child { margin-bottom: 0; }
  .music_area .music_wrap .music_link li a { padding: 3vw 0; } }

.movie_area { position: relative; background: #f6cdc7; }
.movie_area:before { content: ""; display: block; position: absolute; width: 100%; background: url("../img/curve_repeat.png") repeat-x center top; height: 24px; top: 0; -webkit-animation: slide_corve 3s linear infinite; -moz-animation: slide_corve 3s linear infinite; -o-animation: slide_corve 3s linear infinite; animation: slide_corve 3s linear infinite; z-index: 3; }
.movie_area .movie_bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.movie_area .movie_bg p { position: absolute; }
.movie_area .bg_cover { position: absolute; width: 100%; bottom: -3px; }
.movie_area .bg_cover .cover { fill: #674f4f; }
.movie_area .foot_chara p { position: absolute; }
.movie_area .movie_wrap { border: 2px solid #a8895a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fdfbe6; position: relative; z-index: 5; }
.movie_area .movie_wrap .movie_player { width: 100%; overflow: hidden; border: 2px solid #a8895a; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.movie_area .movie_wrap .movie_player iframe { width: 100%; height: 100%; }
.movie_area .movie_wrap .movie_player .movie_cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background: no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.movie_area .movie_wrap .movie_player .movie_cover:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url("../img/play_button.png") no-repeat center; z-index: 2; }
.movie_area .movie_wrap .movie_player .movie_cover.is_play { opacity: 0; visibility: hidden; }
.movie_area .movie_wrap .movie_list li { border: 2px solid #a8895a; -webkit-border-radius: 50px; border-radius: 50px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; line-height: 1.3; color: #624f4b; display: block; width: 100%; font-weight: 600; position: relative; }
.movie_area .movie_wrap .movie_list li:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: #FFF; top: 0; left: 0; z-index: -1; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.movie_area .movie_wrap .movie_list li:nth-child(1):before { background-color: #f0a5c4; }
.movie_area .movie_wrap .movie_list li:nth-child(2):before { background-color: #ec7cac; }
.movie_area .movie_wrap .movie_list li:nth-child(3):before { background-color: #87cab8; }
.movie_area .movie_wrap .movie_list li:nth-child(4):before { background-color: #6ec2ab; }
.movie_area .movie_wrap .movie_list li:nth-child(5):before { background-color: #f8e19b; }
.movie_area .movie_wrap .movie_list li:nth-child(6):before { background-color: #f5b16a; }
.movie_area .movie_wrap .movie_list li:nth-child(7):before { background-color: #f0a5c4; }
.movie_area .movie_wrap .movie_list li:nth-child(8):before { background-color: #ec7cac; }
.movie_area .movie_wrap .movie_list li:nth-child(9):before { background-color: #87cab8; }
.movie_area .movie_wrap .movie_list li:nth-child(10):before { background-color: #6ec2ab; }
.movie_area .movie_wrap .movie_list li:nth-child(11):before { background-color: #f8e19b; }
.movie_area .movie_wrap .movie_list li:nth-child(12):before { background-color: #f5b16a; }
.movie_area .movie_wrap .movie_list li.current:before { opacity: 1; }
@media only screen and (min-width: 751px) { .movie_area { padding-top: 178px; padding-bottom: 314px; }
  .movie_area .movie_bg .chara1 { width: 27%; top: 45%; left: calc(50% + 486px); -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); transform: rotate(-18deg); }
  .movie_area .movie_bg .chara2 { width: 36%; top: 38%; right: calc(50% + 480px); -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); }
  .movie_area .movie_bg .chara3 { width: 30%; top: 10%; left: calc(50% + 380px); -webkit-transform: rotate(-24deg); -moz-transform: rotate(-24deg); -ms-transform: rotate(-24deg); -o-transform: rotate(-24deg); transform: rotate(-24deg); }
  .movie_area h2 { width: 424px; width: 30.28%; margin: 0 auto 50px; }
  .movie_area .c1 { width: 80px; width: 80px; width: 5.71%; left: 41.6%; bottom: 7.6%; }
  .movie_area .c2 { width: 80px; width: 5.71%; left: 47.7%; bottom: 6.3%; }
  .movie_area .c3 { width: 88px; width: 6.28%; left: 52.8%; bottom: 6.3%; }
  .movie_area .movie_wrap { width: 900px; width: 64.28%; -webkit-border-radius: 15px; border-radius: 15px; margin: auto; padding: 50px 100px; }
  .movie_area .movie_wrap .movie_player { margin-bottom: 35px; -webkit-box-shadow: 10px 10px 0 #faf1c9; box-shadow: 10px 10px 0 #faf1c9; -webkit-border-radius: 10px; border-radius: 10px; }
  .movie_area .movie_wrap .movie_player .movie_cover:after { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
  .movie_area .movie_wrap .movie_player .movie_cover:hover:after { opacity: 0; }
  .movie_area .movie_wrap .movie_list { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .movie_area .movie_wrap .movie_list li { width: 48%; margin-bottom: 20px; font-size: 14px; padding: 16px 0; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; transition: background 0.2s ease-out; }
  .movie_area .movie_wrap .movie_list li:nth-child(odd) { margin-right: 4%; }
  .movie_area .movie_wrap .movie_list li:hover:before { opacity: 1; } }
@media only screen and (max-width: 750px) { .movie_area { padding-top: 22.66vw; padding-bottom: 53.33vw; }
  .movie_area .movie_bg .chara1 { width: 30vw; top: 15vw; right: -13vw; -webkit-transform: rotate(-18deg); -moz-transform: rotate(-18deg); -ms-transform: rotate(-18deg); -o-transform: rotate(-18deg); transform: rotate(-18deg); }
  .movie_area .movie_bg .chara2 { width: 42vw; top: 21vw; left: -20vw; -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); }
  .movie_area .movie_bg .chara3 { width: 36vw; bottom: -6vw; right: -15vw; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  .movie_area .bg_cover { width: 150vw; left: -25vw; }
  .movie_area .c1 { width: 15.06vw; left: 35%; bottom: 2.6vw; }
  .movie_area .c2 { width: 15.06vw; left: 45.5%; bottom: 2.2vw; }
  .movie_area .c3 { width: 17.6vw; left: 54.5%; bottom: 1.8vw; }
  .movie_area h2 { width: 59.46vw; margin: 0 auto 8vw; }
  .movie_area .movie_wrap { width: 86.66vw; margin: auto; padding: 5vw 5vw 10vw; -webkit-border-radius: 13px; border-radius: 13px; }
  .movie_area .movie_wrap .movie_player { margin-bottom: 4vw; -webkit-box-shadow: 8px 8px 0 #faf1c9; box-shadow: 8px 8px 0 #faf1c9; -webkit-border-radius: 8px; border-radius: 8px; }
  .movie_area .movie_wrap .movie_list li { margin-bottom: 2.66vw; padding: 3vw 0; }
  .movie_area .movie_wrap .movie_list li:last-child { margin-bottom: 0; }
  .movie_area .movie_wrap .movie_list li:before { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } }

footer { background: #674f4f; color: #fff; position: relative; }
footer a { color: #fff; }
footer .share { letter-spacing: -.4em; }
footer .share p, footer .share ul, footer .share li { display: inline-block; vertical-align: middle; }
footer .share p { letter-spacing: 0.1em; }
footer .aniplex { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; letter-spacing: 0.1em; }
@media only screen and (min-width: 751px) { footer { padding: 40px 0 76px 50px; }
  footer .share { position: absolute; right: 50px; }
  footer .share li { width: 30px; margin-left: 38px; }
  footer .share li a { display: block; }
  footer .share li:hover a { -webkit-animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; -moz-animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; -o-animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; }
  footer .aniplex { margin-bottom: 20px; font-size: 14px; }
  footer .aniplex li { margin-right: 24px; }
  footer .aniplex li a { display: block; }
  footer .aniplex li:hover a { -webkit-animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; -moz-animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; -o-animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; animation: hover_icon 0.6s cubic-bezier(0.35, 1, 0.62, 1) forwards; }
  footer p { font-size: 12px; }
  footer .notes { margin-bottom: 8px; }
  footer a { position: relative; z-index: 15; } }
@media only screen and (max-width: 750px) { footer { text-align: center; padding-top: 10.66vw; padding-bottom: 16vw; }
  footer .share { font-size: 1.2rem; margin-bottom: 12.8vw; }
  footer .share li { width: 7vw; margin-left: 6vw; }
  footer .aniplex { -webkit-justify-content: center; justify-content: center; margin-bottom: 8.66vw; }
  footer .aniplex li { margin: 0 3vw; }
  footer p { line-height: 2; font-size: 0.9rem; } }

.banner_area .banner_list { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.banner_area.active .banner_list { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.news_contents h2 { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.news_contents h2.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.news_contents .news_area li { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.news_contents .news_area.active li { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.news_contents .news_area.active li:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.news_contents .news_area.active li:nth-child(2) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.news_contents .news_area.active li:nth-child(3) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.news_contents .twitter_area { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.news_contents .twitter_area.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.intro_area h2 { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.intro_area .intro_text { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15) 0.4s, opacity 0.8s ease-in 0.4s; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15) 0.4s, opacity 0.8s ease-in 0.4s; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15) 0.4s, opacity 0.8s ease-in 0.4s; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15) 0.4s, opacity 0.8s ease-in 0.4s; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15) 0.4s, opacity 0.8s ease-in 0.4s; }
.intro_area h2.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.intro_area .intro_text.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.onair_area h2, .onair_area .onair_lead, .onair_area .onair_wrap { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.onair_area h2.active, .onair_area .onair_lead.active, .onair_area .onair_wrap.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.staff_area h2 { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.staff_area h2.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.staff_area .staff_text.in_scroll dl { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15); -moz-transition: all 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15); -ms-transition: all 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15); -o-transition: all 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15); transition: all 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15); }
.staff_area .staff_text.in_scroll.active dl { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.staff_area .staff_text.in_scroll.active dl:nth-child(1) { -webkit-transition-delay: 0.225s; -moz-transition-delay: 0.225s; -ms-transition-delay: 0.225s; -o-transition-delay: 0.225s; transition-delay: 0.225s; }
.staff_area .staff_text.in_scroll.active dl:nth-child(2) { -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ms-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; }
.staff_area .staff_text.in_scroll.active dl:nth-child(3) { -webkit-transition-delay: 0.475s; -moz-transition-delay: 0.475s; -ms-transition-delay: 0.475s; -o-transition-delay: 0.475s; transition-delay: 0.475s; }
.staff_area .staff_text.in_scroll.active dl:nth-child(4) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.staff_area .staff_text.in_scroll.active dl:nth-child(5) { -webkit-transition-delay: 0.725s; -moz-transition-delay: 0.725s; -ms-transition-delay: 0.725s; -o-transition-delay: 0.725s; transition-delay: 0.725s; }

.chara_area h2 { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.chara_area h2.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.chara_area .chara_wrap .character_in { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.chara_area .chara_wrap .character_in .chara_img img { position: relative; opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.chara_area .chara_wrap .character_in .chara_name, .chara_area .chara_wrap .character_in .chara_text, .chara_area .chara_wrap .character_in .chara_cv { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.chara_area .chara_wrap .chara_navigation li { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.chara_area .chara_wrap.active .character_in { opacity: 1; }
.chara_area .chara_wrap.active .character_in .chara_img img { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.chara_area .chara_wrap.active .character_in .chara_name, .chara_area .chara_wrap.active .character_in .chara_text, .chara_area .chara_wrap.active .character_in .chara_cv { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.chara_area .chara_wrap.active .character_in .chara_name { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.chara_area .chara_wrap.active .character_in .chara_text { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.chara_area .chara_wrap.active .character_in .chara_cv { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.chara_area .chara_wrap.active .chara_navigation li { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.chara_area .chara_wrap.active .chara_navigation li:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.chara_area .chara_wrap.active .chara_navigation li:nth-child(2) { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.chara_area .chara_wrap.active .chara_navigation li:nth-child(3) { -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
.chara_area .chara_wrap.active .chara_navigation li:nth-child(4) { -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -ms-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
.chara_area .chara_wrap.active .chara_navigation li:nth-child(5) { -webkit-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }

.music_area h2 { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.music_area h2.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.music_area .music_wrap { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.music_area .music_wrap.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.movie_area .bg_cover.in_scroll .foot_chara p { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.movie_area .bg_cover.in_scroll.active .foot_chara p { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.movie_area .bg_cover.in_scroll.active .c1 { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
.movie_area .bg_cover.in_scroll.active .c3 { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.movie_area h2 { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.movie_area h2.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.movie_area .movie_wrap { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.movie_area .movie_wrap.active { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.floatcontents { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; background: #fdfbe6; display: none; }
.floatcontents .wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.floatcontents .close { position: absolute; background: no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="265.844" height="264.156" viewBox="0 0 265.844 264.156"><path fill="%23674f4f" d="M209.961,313.565c-50.978-50.978-54.366-108.916-9.808-167.547,24.176-31.816,56.593-51.726,91.279-56.066a111.165,111.165,0,0,1,86.153,25.421c4.8,4.031,9.4,8.233,13.661,12.5,53.306,53.307,58.013,114.219,12.919,167.106-45.246,53.072-118.571,83.311-180.39,31.239C218.882,322.089,214.226,317.83,209.961,313.565Z" transform="translate(-169.062 -89.063)"/></svg>'); }
.floatcontents .close p { position: absolute; }
.floatcontents .close p:before, .floatcontents .close p:after { content: ""; display: block; position: absolute; top: 50%; width: 100%; height: 3px; background: #fff; }
.floatcontents .close p:before { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.floatcontents .close p:after { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }
.floatcontents .movie_player { position: absolute; }
.floatcontents .movie_player iframe { width: 100%; height: 100%; }
@media only screen and (min-width: 751px) { .floatcontents .close { width: 80px; height: 80px; top: 24px; right: 24px; cursor: pointer; }
  .floatcontents .close p { width: 36px; height: 40px; top: calc(50% - 20px); left: calc(50% - 18px); }
  .floatcontents .close p:before, .floatcontents .close p:after { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
  .floatcontents .close:hover p:before { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }
  .floatcontents .close:hover p:after { -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
  .floatcontents .movie_player { width: 980px; left: calc(50% - 490px); height: 552px; top: calc(50% - 276px); } }
@media only screen and (max-width: 750px) { .floatcontents .close { width: 14vw; height: 14vw; top: 3vw; right: 3vw; }
  .floatcontents .close p { width: 8vw; height: 8vw; top: calc(50% - 4vw); left: calc(50% - 4vw); }
  .floatcontents .movie_player { width: 93.33vw; height: 52.53vw; left: calc(50% - 93.33vw/2); top: calc(50% - 52.53vw/2); } }

@-webkit-keyframes rote_out { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes rote_out { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes rote_out { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rote_out { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes rote_over { 0% { -webkit-transform: scale(1.8) rotate(0deg); -moz-transform: scale(1.8) rotate(0deg); -ms-transform: scale(1.8) rotate(0deg); -o-transform: scale(1.8) rotate(0deg); transform: scale(1.8) rotate(0deg); }
  100% { -webkit-transform: scale(1.8) rotate(360deg); -moz-transform: scale(1.8) rotate(360deg); -ms-transform: scale(1.8) rotate(360deg); -o-transform: scale(1.8) rotate(360deg); transform: scale(1.8) rotate(360deg); } }
@-o-keyframes rote_over { 0% { -webkit-transform: scale(1.8) rotate(0deg); -moz-transform: scale(1.8) rotate(0deg); -ms-transform: scale(1.8) rotate(0deg); -o-transform: scale(1.8) rotate(0deg); transform: scale(1.8) rotate(0deg); }
  100% { -webkit-transform: scale(1.8) rotate(360deg); -moz-transform: scale(1.8) rotate(360deg); -ms-transform: scale(1.8) rotate(360deg); -o-transform: scale(1.8) rotate(360deg); transform: scale(1.8) rotate(360deg); } }
@-moz-keyframes rote_over { 0% { -webkit-transform: scale(1.8) rotate(0deg); -moz-transform: scale(1.8) rotate(0deg); -ms-transform: scale(1.8) rotate(0deg); -o-transform: scale(1.8) rotate(0deg); transform: scale(1.8) rotate(0deg); }
  100% { -webkit-transform: scale(1.8) rotate(360deg); -moz-transform: scale(1.8) rotate(360deg); -ms-transform: scale(1.8) rotate(360deg); -o-transform: scale(1.8) rotate(360deg); transform: scale(1.8) rotate(360deg); } }
@keyframes rote_over { 0% { -webkit-transform: scale(1.8) rotate(0deg); -moz-transform: scale(1.8) rotate(0deg); -ms-transform: scale(1.8) rotate(0deg); -o-transform: scale(1.8) rotate(0deg); transform: scale(1.8) rotate(0deg); }
  100% { -webkit-transform: scale(1.8) rotate(360deg); -moz-transform: scale(1.8) rotate(360deg); -ms-transform: scale(1.8) rotate(360deg); -o-transform: scale(1.8) rotate(360deg); transform: scale(1.8) rotate(360deg); } }
.l-cursor .l-cursor__deco { position: fixed; top: -25px; left: -25px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transition: opacity 0.4s ease, -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s ease, -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s ease, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.4s ease, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 8; }
.l-cursor .l-cursor__deco p { position: absolute; width: 50px; height: 50px; pointer-events: none; -webkit-animation: rote_out 2s linear infinite; -moz-animation: rote_out 2s linear infinite; -o-animation: rote_out 2s linear infinite; animation: rote_out 2s linear infinite; }
.l-cursor .l-cursor__deco p:after { content: ""; display: block; position: absolute; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="265.844" height="264.156" viewBox="0 0 265.844 264.156"><path fill="%23f5b16a" d="M209.961,313.565c-50.978-50.978-54.366-108.916-9.808-167.547,24.176-31.816,56.593-51.726,91.279-56.066a111.165,111.165,0,0,1,86.153,25.421c4.8,4.031,9.4,8.233,13.661,12.5,53.306,53.307,58.013,114.219,12.919,167.106-45.246,53.072-118.571,83.311-180.39,31.239C218.882,322.089,214.226,317.83,209.961,313.565Z" transform="translate(-169.062 -89.063)"/></svg>'); width: 50px; height: 50px; pointer-events: none; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; opacity: 0.7; -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); }
.l-cursor.is-hide .l-cursor__deco { opacity: 0; }
.l-cursor.is-scope .l-cursor__deco p:after { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); }
@media only screen and (max-width: 750px) { .l-cursor { display: none; } }

.floatcomment { background: rgba(242, 233, 202, 0.8); display: block; visibility: hidden; height: 0; opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
.floatcomment .close { background: none; }
.floatcomment .close p { position: absolute; }
.floatcomment .close p:before, .floatcomment .close p:after { content: ""; display: block; position: absolute; top: 50%; width: 100%; height: 8px; background: #624f4b; -webkit-border-radius: 4px; border-radius: 4px; }
.floatcomment .close p:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.floatcomment .close p:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.floatcomment .comment_wrap { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.floatcomment .comment_wrap .comment_header { vertical-align: middle; font-weight: 700; text-align: center; }
.floatcomment .comment_wrap .comment_header .cast_img, .floatcomment .comment_wrap .comment_header .cast_name { display: inline-block; vertical-align: middle; }
.floatcomment .comment_wrap .comment_header .cast_name { text-align: left; }
.floatcomment .comment_wrap .comment_text { line-height: 1.8; font-weight: 600; }
@media only screen and (min-width: 751px) { .floatcomment .close { width: 60px; height: 60px; cursor: pointer; left: calc(50% + 345px); top: calc(50% - 280px); z-index: 10; }
  .floatcomment .close p { width: 40px; height: 40px; top: calc(50% - 20px); left: calc(50% - 20px); }
  .floatcomment .close p:before, .floatcomment .close p:after { -webkit-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -moz-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -ms-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); -o-transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1); }
  .floatcomment .close:hover p:before { background: #ec7cac; }
  .floatcomment .close:hover p:after { background: #ec7cac; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; }
  .floatcomment .comment_wrap { background: url("../img/bg_chara.png") no-repeat center; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; width: 900px; padding: 150px; }
  .floatcomment .comment_wrap .comment_header { text-align: center; margin-bottom: 26px; }
  .floatcomment .comment_wrap .comment_header .cast_img { width: 200px; margin-right: 50px; }
  .floatcomment .comment_wrap .comment_header .cast_name .role { font-size: 24px; margin-bottom: 16px; }
  .floatcomment .comment_wrap .comment_header .cast_name .name { font-size: 30px; }
  .floatcomment .comment_wrap .comment_text { font-size: 16px; } }
@media only screen and (max-width: 750px) { .floatcomment .close { top: 0; right: 0; }
  .floatcomment .close p:before, .floatcomment .close p:after { height: 6px; }
  .floatcomment .comment_wrap { background: url("../img/bg_chara.png") no-repeat center; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; padding: 12vw 0; }
  .floatcomment .comment_wrap .comment_header { text-align: center; margin-bottom: 6vw; }
  .floatcomment .comment_wrap .comment_header .cast_img { width: 37.33vw; margin-right: 5vw; }
  .floatcomment .comment_wrap .comment_header .cast_name .role { font-size: 1.1rem; margin-bottom: 2vw; }
  .floatcomment .comment_wrap .comment_header .cast_name .name { font-size: 2rem; }
  .floatcomment .comment_wrap .comment_text { font-size: 1.2rem; padding: 0 6vw; } }
.floatcomment .comment_header, .floatcomment .comment_text { opacity: 0; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -moz-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -ms-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; -o-transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; transition: transform 0.6s cubic-bezier(0.17, 0.67, 0.46, 2.15), opacity 0.8s ease-in; }
.floatcomment.is_open { height: 100%; visibility: visible; opacity: 1; }
.floatcomment.is_open .comment_header, .floatcomment.is_open .comment_text { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.floatcomment.is_open .comment_text { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }
.floatcomment.is_close { height: 100%; visibility: visible; opacity: 0; }