@charset "UTF-8";
:root { --main_padding:120px; }

@media only screen and (max-width: 769px) { :root { --main_padding:50px; } }
/* ---------- COMMON ---------- */
.container { position: relative; width: 90%; max-width: 1000px; margin: 0 auto; }

.container_in { position: relative; width: 90%; max-width: 800px; margin: 0 auto; }

.page_tit { font-family: "Syne", "Noto Sans JP", serif; font-size: 100px; font-weight: bold; line-height: 0.7em; margin-bottom: 60px; }
.page_tit span { display: block; font-size: 0.13em; letter-spacing: 0.1em; }

.top_article { position: relative; padding: var(--main_padding) 0; }

.stars { position: absolute; width: 20vw; max-width: 140px; height: 20vw; max-height: 140px; background: no-repeat center url("../images/svg/stars.svg"); background-size: contain; }

.fade_in .container .h_outer { opacity: 0; transition: 1s; }
.fade_in.scroll_in .container .h_outer { opacity: 1; transform: translate(0, 0); }

.h_outer { position: relative; width: 100%; }
.h_outer.top_h { margin-bottom: calc(var(--main_padding)*3/5); }
.h_outer h2 img { height: min(124px, calc( 100vw * 1 / 6 )); }

.intop_h_outer { background: linear-gradient(321deg, #046eff 0%, #4465fc 8%, #9c58f8 31%, #ff81a1 100%); position: relative; width: 100%; margin-top: 120px; margin-bottom: 60px; padding: 40px 0; }
.intop_h_outer::before { content: ""; position: absolute; width: 100%; height: 1px; top: -8px; left: 0; border-top: 2px solid #fc80a4; }
.intop_h_outer::after { content: ""; position: absolute; background: no-repeat left url(../images/svg/bg_line.svg); background-size: cover; width: 50%; height: 100px; right: -40px; top: 50%; transform: translateY(-50%); opacity: 0.1; }
.intop_h_outer .in_tit { font-family: "Syne", "Noto Sans JP", serif; font-size: 100px; font-weight: bold; line-height: 1em; text-align: left; padding-left: 40px; color: #fff; }
.intop_h_outer .in_tit .txt { display: inline-block; vertical-align: middle; padding-left: 1.5em; font-size: 0.13em; letter-spacing: 0.1em; }
.intop_h_outer .in_tit .mark { position: absolute; background: no-repeat right url(../images/svg/star_nomal.svg); background-size: contain; width: 500px; height: 120px; top: 50%; right: 20px; transform: translateY(-50%); z-index: 0; }

#in_info .in_top_bg img { clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 0% 60%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 30%, 0% 60%); }

@media only screen and (max-width: 769px) { .page_tit { font-size: 34px; line-height: 0.8em; margin-bottom: 30px; }
  .page_tit span { font-size: 0.3em; }
  #in_info .in_top_bg img { clip-path: polygon(0% 0%, 100% 0%, 100% 37%, 0% 62%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 37%, 0% 62%); }
  .intop_h_outer { margin-top: 80px; margin-bottom: 30px; padding: 20px 0; }
  .intop_h_outer::before { top: -6px; border-top: 1px solid #fc80a4; }
  .intop_h_outer::after { width: 80%; height: 70px; right: -10%; }
  .intop_h_outer .in_tit { font-size: 10vw; padding-left: 20px; }
  .intop_h_outer .in_tit .txt { font-size: 0.3em; display: block; padding-left: 0; line-height: 1.5em; margin-bottom: 6px; }
  .intop_h_outer .in_tit .mark { position: relative; top: inherit; right: inherit; left: -6px; transform: inherit; display: block; background-position: left; width: 100%; height: 40px; } }
.link_btn { font-family: "Syne", "Noto Sans JP", serif; font-size: 14px; color: #fff; background: linear-gradient(270deg, #046eff 0%, #4465fc 35%, #9c58f8 74%, #ff81a1 100%); color: #fff; display: block; width: 100%; text-align: center; padding: 1.5em 3.5em 1.5em 0; position: relative; }
.link_btn::before { position: absolute; display: block; content: ""; top: 0; left: 0; height: 100%; width: 0; background-color: #000; transition: 0.4s cubic-bezier(0.87, 0, 0.13, 1); }
.link_btn .txt { position: relative; }
.link_btn .arrow { position: absolute; width: 3.5em; height: 100%; top: 0; right: 0; background-color: #000; }
.link_btn .arrow::after { position: absolute; display: block; content: ""; top: 50%; left: 46%; border: 1px solid; border-color: transparent #fff #fff transparent; width: 9px; height: 9px; transform: translate(-50%, -50%) rotate(-45deg); }
.link_btn:hover::before { width: 100%; }

@media only screen and (max-width: 769px) { .link_btn { font-size: 14px; padding: 1.5em 2.5em 1.5em 0; }
  .link_btn .arrow { width: 2.5em; }
  .link_btn .arrow::after { width: 5px; height: 5px; } }
.white_box { text-align: left; background-color: #fff; color: #000; padding: 60px; font-size: 14px; margin-bottom: calc(var(--main_padding)*2/3); border: 1px solid #C6C6C6; }
.white_box:last-of-type { margin-bottom: 0; }
.white_box .date { color: #000; font-weight: bold; font-family: "Cinzel", "Noto Sans JP", serif; font-size: 18px; letter-spacing: 0.1em; }
.white_box h3.h_title { display: block; width: 100%; line-height: 1.6em; font-size: 24px; font-weight: bold; color: #9C58F8; margin-bottom: calc(var(--main_padding)/4); }
.white_box figure { margin-bottom: 14px; }
.white_box iframe { width: 100%; }
.white_box img { width: 100%; height: auto; }
.white_box img.app_badge { width: 170px !important; padding-top: 5px; }
.white_box h4 { font-size: 1.3em; font-weight: bold; margin-bottom: 1em; line-height: 1.6em; }
.white_box h5 { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; line-height: 1.6em; }
.white_box p { line-height: 1.8em; }
.white_box a { overflow-wrap: break-word; }
.white_box ul { margin-bottom: 1em; }
.white_box li { line-height: 1.8em; margin-bottom: 0.5em; }
.white_box hr { border-top: 2px dashed #9C58F8; border-right: none; border-bottom: none; border-left: none; margin-bottom: 2em; margin-top: 2em; }

.kome, .maru, .kaku { position: relative; margin-left: 1em; }

.kome::before { position: absolute; left: -1.2em; font-size: 0.9em; content: "※"; }

.maru::before { position: absolute; left: -1.2em; font-size: 0.7em; content: "・"; }

.kaku::before { position: absolute; left: -1.2em; font-size: 0.7em; content: "■"; }

@media only screen and (max-width: 769px) { .white_box { padding: calc(var(--main_padding)*2/4) calc(var(--main_padding)*2/5); margin-bottom: calc(var(--main_padding)/2); }
  .white_box h3.h_title { font-size: 16px; } }
/*----- animation ------*/
@keyframes rotation { 0% { transform: translateX(-50%) translateY(-50%) rotate(0); }
  100% { transform: translateX(-50%) translateY(-50%) rotate(-360deg); } }
/* ---------- TOP PAGE ---------- */
/* TOP */
#fv { position: relative; overflow: hidden; /*height: 100vh;*/ width: 100%; background: linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%); }
#fv .kv_box { display: block; margin-bottom: 120px; position: relative; z-index: 10; }
#fv .kv_box .kv { position: relative; width: 100%; height: 100%; object-fit: cover; object-position: 50% 35%; }
#fv .kv_box .fv_logo { position: absolute; bottom: 6%; left: 50%; width: 50%; max-width: 640px; object-fit: contain; object-position: 50% 50%; max-height: 40vh; filter: drop-shadow(0 0 5px linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%)) drop-shadow(0 0 5px rgba(98, 60, 53, 0.8)); opacity: 0; -webkit-filter: drop-shadow(0 0 5px linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%)) drop-shadow(0 0 5px rgba(98, 60, 53, 0.8)); opacity: 0; -moz-filter: drop-shadow(0 0 5px linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%)) drop-shadow(0 0 5px rgba(98, 60, 53, 0.8)); opacity: 0; transform: translate(-50%, 50%); transition: 1s; transition-delay: 0.4s; }
#fv .kv_box .fv_logo.active { opacity: 1; transform: translate(-50%, 0%); }

@media only screen and (max-width: 1000px) { #fv { height: auto; }
  #fv .kv { width: 100%; height: auto; }
  #fv .fv_logo { bottom: 6%; } }
@media only screen and (max-width: 769px) { #fv { padding: 0 0 8vw; margin-top: 57px; }
  #fv .kv_box { margin-bottom: 40px; }
  #fv .kv_box .fv_logo { bottom: 30px; width: 85%; }
  #fv .kv_box .fv_logo.active { transform: translate(-50%, 0); } }
@keyframes sdl { 0% { transform: scale(1, 0); transform-origin: 0 0; }
  50% { transform: scale(1, 1); transform-origin: 0 0; }
  50.1% { transform: scale(1, 1); transform-origin: 0 100%; }
  100% { transform: scale(1, 0); transform-origin: 0 100%; } }
.fv_under { position: relative; }
.fv_under::before { content: ""; position: absolute; background-image: url("../images/svg/intro_bg.svg"); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: contain; top: 0; left: 50%; transform: translateX(-50%); opacity: 0.1; }
.fv_under::after { content: ""; position: absolute; background-image: url("../images/svg/intro_text_bg.svg"); width: 120%; height: 120%; background-position: center; background-repeat: no-repeat; background-size: contain; top: 50%; left: 50%; transform: translateX(-50%); opacity: 0.1; animation: 120s linear infinite rotation; }
.fv_under .container { z-index: 10; }
.fv_under .intro { color: #fff; margin-bottom: 120px; }
.fv_under .intro .page_tit { font-family: inherit; font-size: 80px; line-height: 1.5em; }
.fv_under .intro .sub_txt { font-size: 40px; font-weight: bold; line-height: 1.5em; }
.fv_under .intro p { font-size: 16px; line-height: 2em; margin-bottom: 2em; }
.fv_under .top_tickets { margin-bottom: 120px; position: relative; z-index: 10; }
.fv_under .top_tickets .page_tit { color: #fff; font-size: 60px; font-weight: 700; letter-spacing: 0.75em; white-space: nowrap; padding-left: 0.25em; margin-bottom: -3px; }
.fv_under .top_tickets .tk_box { background-color: #fff; display: flex; align-items: center; width: 100%; padding: 40px; }
.fv_under .top_tickets .tk_box .left { width: 60%; }
.fv_under .top_tickets .tk_box .left .date { font-family: "Cinzel", "Noto Sans JP", serif; font-size: 60px; margin-bottom: 0.6em; }
.fv_under .top_tickets .tk_box .left .date .day { font-size: 1.8em; }
.fv_under .top_tickets .tk_box .left .date .dow { writing-mode: vertical-rl; font-size: 0.4em; letter-spacing: 0.5em; position: relative; top: 13px; padding-left: 4px; }
.fv_under .top_tickets .tk_box .left .txt { display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: bold; }
.fv_under .top_tickets .tk_box .left .txt span { background-color: #000; font-size: 14px; font-weight: normal; color: #fff; width: 8em; padding: 0.6em; margin-right: 12px; }
.fv_under .top_tickets .tk_box .left .strong { font-size: 24px; font-weight: bold; margin-top: 1.4em; }
.fv_under .top_tickets .tk_box .right { width: 40%; }

@media only screen and (max-width: 769px) { .fv_under::before { width: 80%; height: 80%; top: -20%; }
  .fv_under::after { width: 90%; height: 90%; top: 19%; }
  .fv_under .intro { margin-bottom: 40px; }
  .fv_under .intro .page_tit { font-size: 30px; margin-bottom: 20px; }
  .fv_under .intro .sub_txt { font-size: 20px; text-align: center; }
  .fv_under .intro p { font-size: 12px; text-align: left; }
  .fv_under .top_tickets { margin-bottom: 0; }
  .fv_under .top_tickets .page_tit { font-size: 6.2vw; letter-spacing: 0.5em; }
  .fv_under .top_tickets .tk_box { padding: 20px; display: block; }
  .fv_under .top_tickets .tk_box .left { width: 100%; }
  .fv_under .top_tickets .tk_box .left .date { font-size: 36px; margin-bottom: 1em; }
  .fv_under .top_tickets .tk_box .left .date .dow { top: 7px; }
  .fv_under .top_tickets .tk_box .left .txt { font-size: 14px; }
  .fv_under .top_tickets .tk_box .left .txt span { font-size: 12px; width: 6em; }
  .fv_under .top_tickets .tk_box .left .strong { font-size: 20px; }
  .fv_under .top_tickets .tk_box .right { width: 100%; } }
/* NEWS */
#news .container .h_outer { text-align: left; display: flex; justify-content: space-between; align-items: center; }
#news .container .h_outer .stars { transform: translate(-100%, -100%); top: 0; left: 0; }
#news .container .h_outer .page_tit { margin: 0; }
#news .container .h_outer .page_tit span { display: inline-block; vertical-align: middle; padding-left: 1.5em; }
#news .container .h_outer .link_btn { min-width: 300px; }
#news .container ul { margin-bottom: calc(var(--main_padding)*3/5); }
#news .container ul li { position: relative; width: 100%; background-color: rgba(255, 255, 255, 0.6); margin-bottom: calc(var(--main_padding)/6); border: 1px solid #000; }
#news .container ul li:last-of-type { margin-bottom: 0; }
#news .container ul li a.news_rack { position: relative; display: block; width: 100%; padding: 16px 0; text-align: left; border-left: 8px solid #000; }
#news .container ul li a.news_rack::before { position: absolute; display: block; content: ""; top: 0; left: 0; height: 100%; width: 0; background-color: #000; transition: 0.4s cubic-bezier(0.87, 0, 0.13, 1); }
#news .container ul li a.news_rack::after { position: absolute; display: block; content: ""; top: 50%; right: 1.7em; border: 1px solid; border-color: transparent #000 #000 transparent; width: 9px; height: 9px; transform: translateY(-50%) rotate(-45deg); transition: 0.4s cubic-bezier(0.87, 0, 0.13, 1); }
#news .container ul li a.news_rack .text_box { position: relative; display: flex; align-items: center; }
#news .container ul li a.news_rack .text_box .date { display: block; margin: 0; text-align: left; padding-left: 0.7em; color: #000; font-family: "Cinzel", "Noto Sans JP", serif; font-size: 42px; font-weight: normal; line-height: 1.5em; width: 4em; transition: 0.4s cubic-bezier(0.87, 0, 0.13, 1); }
#news .container ul li a.news_rack .text_box .title { display: block; line-height: 1.7em; margin-bottom: 0; color: #000; font-size: 14px; font-weight: bold; padding-right: 4em; width: calc(100% - 4em); transition: 0.4s cubic-bezier(0.87, 0, 0.13, 1); }
#news .container ul li a.news_rack:hover::before { width: 100%; }
#news .container ul li a.news_rack:hover::after { border-color: transparent #fff #fff transparent; }
#news .container ul li a.news_rack:hover .text_box .date { color: #fff; }
#news .container ul li a.news_rack:hover .text_box .title { color: #fff; }

@media only screen and (max-width: 769px) { #news .container .h_outer { align-items: inherit; }
  #news .container .h_outer .stars { top: -15px; left: 11vw; }
  #news .container .h_outer .page_tit span { display: block; padding-left: 0; }
  #news .container .h_outer .link_btn { min-width: 140px; font-size: 11px; padding: 1em 2.5em 1em 0; }
  #news .container ul { margin-bottom: 0; }
  #news .container ul li { margin-bottom: calc(var(--main_padding)/4); }
  #news .container ul li::after { background-size: 30%; }
  #news .container ul li a.news_rack { padding: 0; }
  #news .container ul li a.news_rack .text_box { display: block; padding: 12px; }
  #news .container ul li a.news_rack .text_box .date { font-size: 34px; padding-left: 0; }
  #news .container ul li a.news_rack .text_box .title { font-size: 12px; font-weight: 500; padding: 0px; } }
/* GOODS */
#goods { background-color: #F2F2F2; background-image: url("../images/svg/bg_line.svg"); background-position: 40% 22%; background-repeat: no-repeat; background-size: auto; }
#goods .bg_box { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 50%; height: calc(100% - (var(--main_padding)*2)); background: no-repeat left url("../images/map_img-min.jpg"); background-size: cover; overflow: hidden; }
#goods .bg_box::before { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%); opacity: 0.6; }
#goods .bg_box .compass { position: absolute; top: 50%; left: 100%; transform: translate(-50%, -50%); height: 170%; width: 200vw; background: no-repeat center url("../images/svg/compass.svg"); background-size: contain; animation: 120s linear infinite rotation; pointer-events: none; }
#goods .h_outer { text-align: left; }
#goods .h_outer .page_tit span { display: inline-block; vertical-align: middle; padding-left: 1.5em; }
#goods .h_outer .arrow_box { width: 130px; position: absolute; top: 10%; right: 0; }
#goods .h_outer .arrow_box .goods-swiper-button-next, #goods .h_outer .arrow_box .goods-swiper-button-prev { position: absolute; height: 60px; width: 60px; top: 0; margin: 0; }
#goods .h_outer .arrow_box .goods-swiper-button-next::before, #goods .h_outer .arrow_box .goods-swiper-button-prev::before { position: absolute; display: block; content: ""; width: 100%; height: 100%; top: 50%; left: 50%; background-size: contain; background-image: url("../images/svg/arrow_goods_next.svg"); background-repeat: no-repeat; background-position: center; }
#goods .h_outer .arrow_box .goods-swiper-button-next { right: 0px; }
#goods .h_outer .arrow_box .goods-swiper-button-next::before { transform: translate(-50%, -50%); }
#goods .h_outer .arrow_box .goods-swiper-button-prev { left: 0px; }
#goods .h_outer .arrow_box .goods-swiper-button-prev::before { transform: translate(-50%, -50%) rotateZ(180deg); }
#goods .h_outer .arrow_box .swiper-button-next:focus, #goods .h_outer .arrow_box .swiper-button-prev:focus { outline: none; }
#goods .h_outer .arrow_box .swiper-button-next::after, #goods .h_outer .arrow_box .swiper-button-prev::after { display: none; }
#goods .goods_img_outer { position: relative; margin-bottom: calc(var(--main_padding)*3/5); transition: 0.2s; display: flex; width: 94%; margin: 0 auto calc(var(--main_padding)*3/5); justify-content: space-between; flex-wrap: wrap; }
#goods .goods_img_outer:hover { transform: translateY(-4px); }
#goods .goods_img_outer a { width: 49%; margin-bottom: 30px; }
#goods .goods_img_outer a img { width: 100%; }
#goods .goods_img_outer .swiper-container { overflow: visible; }
#goods .goods_img_outer .swiper-container a img { width: 100%; height: auto; }
#goods .link_btn { font-size: 16px; padding: 2em 3.5em 2em 0; }

@media only screen and (max-width: 769px) { #goods .bg_box .compass { height: 120%; width: 200vw; }
  #goods .container .h_outer .page_tit span { display: block; padding-left: 0; }
  #goods .container .h_outer .arrow_box { width: 64px; }
  #goods .container .h_outer .arrow_box .goods-swiper-button-next, #goods .container .h_outer .arrow_box .goods-swiper-button-prev { height: 30px; width: 30px; }
  #goods .goods_img_outer a { width: 100%; margin-bottom: 8px; }
  #goods .link_btn { font-size: 14px; padding: 1.5em 2.5em 1.5em 0; } }
/* CAST */
#cast { background: linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%); overflow: hidden; padding: 120px 0 200px; }
#cast .h_outer { text-align: left; }
#cast .h_outer .page_tit { color: #fff; margin-bottom: 160px; }
#cast .h_outer .page_tit span { display: inline-block; vertical-align: middle; padding-left: 1.5em; }
#cast .castname_swiper_outer { position: absolute; top: 50%; right: calc(((100vw - min(1000px , 90vw))/2 * -1) + 10vw); transform: translateY(-50%); width: 330px; height: 64px; padding: 3px; border-radius: 5px; display: flex; justify-content: center; overflow: hidden; }
#cast .castname_swiper_outer .castname_swiper { width: 180px; height: 100%; }
#cast .castname_swiper_outer .castname_swiper .swiper-wrapper .swiper-slide { display: flex; align-items: center; justify-content: center; }
#cast .castname_swiper_outer .castname_swiper .swiper-wrapper .swiper-slide .stit { margin-bottom: 0; color: #fff; letter-spacing: 0.1em; font-family: YakuHanJP, "Lato", "Noto Sans JP", sans-serif; font-size: 15px; }
#cast .castname_swiper_outer .castname-swiper-button-next, #cast .castname_swiper_outer .castname-swiper-button-prev { position: absolute; height: 100%; width: 60px; top: 0; margin: 0; }
#cast .castname_swiper_outer .castname-swiper-button-next::before, #cast .castname_swiper_outer .castname-swiper-button-prev::before { position: absolute; display: block; content: ""; width: 100%; height: 100%; top: 50%; left: 50%; background-size: contain; background-image: url("../images/svg/btn_next.svg"); background-repeat: no-repeat; background-position: center; }
#cast .castname_swiper_outer .castname-swiper-button-next { right: 0px; }
#cast .castname_swiper_outer .castname-swiper-button-next::before { transform: translate(-50%, -50%); }
#cast .castname_swiper_outer .castname-swiper-button-prev { left: 0px; }
#cast .castname_swiper_outer .castname-swiper-button-prev::before { transform: translate(-50%, -50%) rotateZ(180deg); }
#cast .castname_swiper_outer .swiper-button-next:focus, #cast .castname_swiper_outer .swiper-button-prev:focus { outline: none; }
#cast .castname_swiper_outer .swiper-button-next::after, #cast .castname_swiper_outer .swiper-button-prev::after { display: none; }
#cast .cast_swiper_outer { position: relative; }
#cast .cast_swiper_outer .bg_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 260%; width: 120%; pointer-events: none; background: no-repeat center url(../images/svg/member_bg.svg); background-size: contain; background-position: 50% 0; opacity: 0.1; }
#cast .cast_swiper_outer .cast_swiper { position: relative; overflow: visible; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper { align-items: center; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide { position: relative; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide:hover { cursor: pointer; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide::before { content: ""; position: absolute; background: no-repeat center url(../images/svg/cast_flag_left.svg); background-size: contain; width: 3%; height: 112%; top: -4%; left: 6%; transition: 0.4s; transition-delay: 0.2s; transform: scale(0.8); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide::after { content: ""; position: absolute; background: no-repeat center url(../images/svg/cast_flag_right.svg); background-size: contain; width: 47%; height: 89%; bottom: -3.6%; right: -1.7%; transition: 0.4s; transition-delay: 0.2s; transform: scale(0.8); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide .img_wrap { padding: 3%; background-color: #fff; transition: 0.4s; transition-delay: 0.2s; overflow: hidden; transform: scale(0.8); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide .img_wrap::before { position: absolute; display: block; content: ""; top: 2%; left: 7%; width: 50%; height: 50%; transform: translateX(15%); background: no-repeat center url(../images/svg/cast_box_left.svg); background-size: contain; pointer-events: none; opacity: 0; transition: 0.8s; transition-delay: 0.3s; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide .img_wrap::after { position: absolute; display: block; content: ""; bottom: 2%; right: 16%; width: 50%; height: 20%; transform: translateX(-15%); background: no-repeat center url(../images/svg/cast_box_right.svg); background-size: contain; pointer-events: none; opacity: 0; transition: 0.8s; transition-delay: 0.3s; z-index: -1; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide .img_wrap .img_outer { position: relative; padding: 0; width: 85%; cursor: pointer; height: 0; padding-top: 100%; overflow: hidden; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide .img_wrap .img_outer::after { position: absolute; display: block; content: ""; background-color: #046eff; width: 0; height: 120%; top: 0; left: -53%; z-index: -1; transform: rotate(-45deg); transform-origin: left; transition: 1s; transition-delay: 0.3s; opacity: 0; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide .img_wrap .img_outer .cast_img { position: absolute; height: auto; width: auto; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide .cast_name { position: absolute; right: -1.6%; top: 3%; transform: translateX(-50%) translateY(40%); width: 10%; height: 94%; opacity: 0; transition: 0.8s; transition-delay: 0.2s; cursor: pointer; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide .cast_name img { width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translateY(0); transition: 0.2s; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-active::before { left: -14.8%; transform: scale(1.2); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-active::after { bottom: -6.9%; right: -14.9%; transform: scale(1.2); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img_wrap { transform: scale(1.2); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img_wrap::before { opacity: 1; transform: translateX(0%); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img_wrap::after { opacity: 1; transform: translateX(0%); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .img_wrap .img_outer::after { opacity: 1; width: 300%; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .cast_name { transform: translateX(-50%) translateY(0px); opacity: 1; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-active .cast_name:hover img { transform: translateY(0px); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active::before { left: -14.8%; transform: scale(1.2); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active::after { bottom: -6.9%; right: -14.9%; transform: scale(1.2); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .img_wrap { transform: scale(1.2); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .img_wrap::before { opacity: 1; transform: translateX(0%); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .img_wrap::after { opacity: 1; transform: translateX(0%); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .img_wrap .img_outer { transform: scale(1.2); }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .img_wrap .img_outer::after { opacity: 1; width: 300%; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .cast_name { transform: translateX(-50%) translateY(0px); opacity: 1; }
#cast .cast_swiper_outer .cast_swiper .swiper-wrapper .swiper-slide.swiper-slide-duplicate-active .cast_name:hover img { transform: translateY(0px); }
#cast .castmodal_swiper_outer { position: fixed; width: 100%; height: 100vh; /*background-color: rgba(0, 0, 0, 0.85);*/ display: flex; align-items: center; justify-content: center; top: 0; left: 0; opacity: 0; pointer-events: none; transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1); z-index: 10000; }
#cast .castmodal_swiper_outer .modal_close_layer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.95; background: linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%); }
#cast .castmodal_swiper_outer .castmodal_swiper { overflow: visible; width: min(1000px, 80%); height: min(600px, 60%); margin: 0 auto; padding: 0; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide { padding: 0; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide.swiper-slide-active { pointer-events: none; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer { position: relative; width: 100%; height: 100%; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner { position: relative; height: 100%; width: 100%; display: flex; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .left_box { position: relative; width: 50%; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .left_box .cast_img { position: absolute; top: 50%; left: 50%; height: 140%; transform: translate(-50%, -50%); }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .left_box .comment { position: absolute; top: 1.6em; left: 1.6em; font-size: 24px; font-weight: 800; color: #fa6432; text-align: left; line-height: 1.6em; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box { width: 50%; height: min(600px, 100%); overflow-y: auto; overflow-x: hidden; position: relative; text-align: left; padding: 0 35px; padding-left: 0; color: #fff; font-size: 16px; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box::-webkit-scrollbar { /*display:none;*/ width: 10px; height: 10px; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box::-webkit-scrollbar-thumb { border-radius: 100px; background: #fff; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .name { margin-bottom: 1.8em; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .name .small_text { font-size: 1em; color: #fff; margin-bottom: 0.4em; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .name .small_text img { height: 18px; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .name .name_text { font-size: 3.2em; font-weight: bold; line-height: 1em; margin-bottom: 0.2em; color: #fff; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .profile { position: relative; margin-bottom: 2em; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .profile .profile_text { position: relative; display: block; padding: 0 0.4em; font-size: 14px; line-height: 1.8em; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info { position: relative; display: flex; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info .pro_tit { writing-mode: vertical-rl; width: 10%; font-family: "Syne", "Noto Sans JP", serif; font-size: 24px; font-weight: bold; text-align: center; background: linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%); border: 1px solid #fff; padding: 0 0.5em; margin: 0; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info .grid { display: grid; width: 90%; grid-template-columns: 41% 55%; grid-column-gap: 4%; grid-row-gap: 0; background-color: #fff; padding: 20px 30px; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info .grid p { display: block; border-top: 1px solid #bdcccc; margin-bottom: 0; line-height: 1.6em; font-size: 14px; font-weight: bold; padding: 0.3em 0; white-space: nowrap; color: #9C58F8; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info .grid p:nth-child(even) { color: #FF60D4; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info .grid p:nth-last-of-type(1) { border-bottom: 1px solid #bdcccc; }
#cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info .grid p:nth-last-of-type(2) { border-bottom: 1px solid #bdcccc; }
#cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-prev, #cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-next, #cast .castmodal_swiper_outer .castmodal_swiper .modal_close_btn { position: fixed; width: 80px; height: 60px; z-index: 1; transition: 0.2s; }
#cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-prev:hover, #cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-next:hover, #cast .castmodal_swiper_outer .castmodal_swiper .modal_close_btn:hover { transform: translateY(-4px); }
#cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-prev { left: 30px; right: auto; }
#cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-next { right: 30px; left: auto; }
#cast .castmodal_swiper_outer .castmodal_swiper .modal_close_btn { position: fixed; top: 2%; right: 2%; cursor: pointer; transform: translateX(-50%); width: 80px; }
#cast .castmodal_swiper_outer .castmodal_swiper .modal_close_btn:hover { transform: translateX(-50%) translateY(-4px); }
#cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-prev::after, #cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-next::after { display: none; }
#cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-prev::before, #cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-next::before, #cast .castmodal_swiper_outer .castmodal_swiper .modal_close_btn::before { display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center url("../images/svg/cast_modal_next.svg"); background-size: contain; }
#cast .castmodal_swiper_outer .castmodal_swiper .modal_close_btn::before { background-image: url("../images/svg/btn_close.svg"); }
#cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-prev::before { transform: rotateZ(180deg); }
#cast .castmodal_swiper_outer.active { opacity: 1; pointer-events: inherit; transform: translateY(0); }
#cast .castmodal_swiper_outer.active .castmodal_swiper .swiper-wrapper .swiper-slide.swiper-slide-active { pointer-events: inherit; }

@media only screen and (max-width: 769px) { #cast { padding: 60px 0 42vw; }
  #cast .h_outer .page_tit { margin-bottom: 80px; }
  #cast .h_outer .page_tit span { display: block; padding-left: 0; }
  #cast .castname_swiper_outer { top: inherit; bottom: -116vw; right: 50%; background: none; width: 80%; height: 66%; padding: 0; border-radius: 0; transform: translateX(50%); margin: 0 auto; }
  #cast .castname_swiper_outer .bg_box { top: 64%; }
  #cast .castname_swiper_outer .castname-swiper-button-next, #cast .castname_swiper_outer .castname-swiper-button-prev { width: 50px; top: 0; margin: 0; }
  #cast .castname_swiper_outer .castname-swiper-button-next::before, #cast .castname_swiper_outer .castname-swiper-button-prev::before { width: 100%; height: 100%; top: 50%; left: 50%; background-size: contain; background-image: url("../images/svg/btn_next.svg"); }
  #cast .castmodal_swiper_outer .castmodal_swiper { height: 100%; width: 100%; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer { width: 100%; height: 100%; padding: 4%; overflow-y: scroll; overflow-x: hidden; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner { position: relative; height: auto; width: 100%; display: flex; flex-direction: column; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .left_box { position: relative; width: min(500px, 100%); height: min(6000px, 150vw); margin: 0 auto; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .left_box .cast_img { position: absolute; display: block; padding-top: calc(var(--main_padding)/2); width: 100%; height: 100%; object-fit: contain; object-position: center; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .left_box .comment { top: 1.6em; left: 1.2em; font-size: 20px; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box { width: 100%; overflow: hidden; height: auto; padding: 10px 10px 80px; font-size: 14px; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .name .small_text { font-size: 1em; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .name .small_text img { height: 12px; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .name .name_text { font-size: 2.6em; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info .pro_tit { font-size: 14px; padding: 0 0.3em; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info .grid { padding: 12px; }
  #cast .castmodal_swiper_outer .castmodal_swiper .swiper-wrapper .swiper-slide .modal_outer .modal_inner .right_box .info .grid p { font-size: 12px; }
  #cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-prev, #cast .castmodal_swiper_outer .castmodal_swiper .cast-swiper-button-next { display: none; }
  #cast .castmodal_swiper_outer .castmodal_swiper .modal_close_btn { position: fixed; bottom: auto; left: auto; top: 0; right: 15px; transform: translateX(0); width: 60px; }
  #cast .castmodal_swiper_outer .castmodal_swiper .modal_close_btn:hover { transform: translate(0); } }
/* SHARE */
.share { padding: var(--main_padding) 0 calc(var(--main_padding)*1); }
.share .container .h_outer { margin-bottom: calc(var(--main_padding)/2); }
.share .container .h_outer .page_tit { margin-bottom: 100px; }
.share .container .h_outer .stars { top: 0; right: -30px; transform: translate(100%, -100%) rotateZ(180deg); }
.share .container .link_btn { max-width: 600px; padding: 2em 3.5em 2em 0; margin: 0 auto 40px; font-size: 16px; font-family: inherit; }
.share .container .tweet_btn { display: block; width: 95%; max-width: 380px; margin: 0 auto; margin-bottom: 40px; transition: 0.2s; }
.share .container .tweet_btn:hover { transform: translateY(-5px); }
.share .container .tweet_btn img { width: 100%; height: auto; }
.share .container .sns_flex { display: flex; justify-content: center; }
.share .container .sns_flex a { display: block; width: 66px; margin-right: 50px; transition: 0.2s; }
.share .container .sns_flex a:last-of-type { margin-right: 0; }
.share .container .sns_flex a:hover { transform: translateY(-3px); }
.share .container .sns_flex a img { width: 100%; height: auto; }

@media only screen and (max-width: 769px) { .share .container .h_outer { margin-bottom: calc(var(--main_padding)/1.5); }
  .share .container .h_outer .page_tit { margin-bottom: 40px; }
  .share .container .link_btn { font-size: 14px; padding: 1.5em 2.5em 1.5em 0; }
  .share .container .tweet_btn { margin-bottom: 30px; }
  .share .container .sns_flex a { width: 40px; margin-right: 30px; } }
/* ---------- NEWS_PAGE ---------- */
#in_news .container_in .white_box_outer { padding-top: 100px; margin-top: -100px; margin-bottom: calc(var(--main_padding)/2); }
#in_news .container_in .white_box_outer .white_box { margin-bottom: 0; }

/* ---------- GOODS_PAGE ---------- */
#in_goods .container_in { transform-style: inherit !important; -webkit-transform-style: inherit !important; transform: inherit !important; }
#in_goods .container_in .goods_img { margin-bottom: calc(var(--main_padding)*1); }
#in_goods .container_in .goods_img img { width: 100%; height: auto; margin-bottom: calc(var(--main_padding)/4); transition: 0.2s; cursor: pointer; }
#in_goods .container_in .goods_img img:last-of-type { margin-bottom: 0; }
#in_goods .container_in .goods_img img:hover { transform: translateY(-5px); }
#in_goods .container_in .goods_period { margin-bottom: calc(var(--main_padding)*1); }
#in_goods .container_in .goods_period .texts { margin-bottom: calc(var(--main_padding)/2); }
#in_goods .container_in .goods_period .texts h3 { font-size: min(32 * 1px, calc( 100vw * 32 / (1120 + 40 * 2) )); font-weight: 900; color: #000; line-height: 1em; margin-bottom: 0.6em; }
#in_goods .container_in .goods_period .texts p { font-size: min(16 * 1px, calc( 100vw * 16 / (1120 + 40 * 2) )); font-weight: bold; color: #000; line-height: 1em; margin-bottom: 2em; }
#in_goods .container_in .goods_period .texts .goods_date { display: flex; justify-content: center; }
#in_goods .container_in .goods_period .texts .goods_date p { font-size: 26px; font-weight: bold; line-height: 2em; margin: 0; }
#in_goods .container_in .goods_period .texts .goods_date p span { font-size: 2em; }
#in_goods .container_in .goods_period .link_flex { display: flex; }
#in_goods .container_in .goods_period .link_flex .outer { width: 49%; margin-right: 2%; }
#in_goods .container_in .goods_period .link_flex .outer:last-of-type { margin-right: 0; }
#in_goods .container_in .goods_period .link_flex .outer .title { display: block; width: 130px; margin: 0 auto 20px; }
#in_goods .container_in .goods_period .link_flex .outer a { display: block; width: 100%; max-width: 400px; margin: 0 auto; }
#in_goods .container_in .goods_modal { position: fixed; top: 0px; left: 0; right: 0; bottom: 0; width: 100%; height: calc(100%); z-index: 10000; opacity: 0; pointer-events: none; transition: 0.2s; }
#in_goods .container_in .goods_modal .modal_bg { position: absolute; top: 0px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%); opacity: 0.8; }
#in_goods .container_in .goods_modal .modal_inner { position: absolute; width: auto; height: auto; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: left; }
#in_goods .container_in .goods_modal .modal_inner img { width: auto; height: auto; max-width: min(1200px, 90vw); max-height: calc( 80vh); }
#in_goods .container_in .goods_modal .modal_inner img:hover { transform: translateY(0); }
#in_goods .container_in .goods_modal .modal_close_btn { position: absolute; top: 20px; right: 20px; width: 80px; height: 60px; background: no-repeat center url("../images/svg/btn_close.svg"); background-size: contain; cursor: pointer; }
#in_goods .container_in .goods_modal.visible { opacity: 1; pointer-events: auto; }

@media only screen and (max-width: 769px) { #in_goods .container_in .goods_period { margin-bottom: calc(var(--main_padding)*1); }
  #in_goods .container_in .goods_period .texts { margin-bottom: 20; }
  #in_goods .container_in .goods_period .texts h3 { font-size: calc( 100vw * 24 / 414 ); font-weight: 900; }
  #in_goods .container_in .goods_period .texts p { font-size: calc( 100vw * 14 / 414 ); font-weight: bold; }
  #in_goods .container_in .goods_period .texts .goods_date { display: block; }
  #in_goods .container_in .goods_period .texts .goods_date p { font-size: 20px; }
  #in_goods .container_in .goods_period .period_text { width: 95%; margin: 0 auto 40px; }
  #in_goods .container_in .goods_period .link_flex { flex-direction: column; }
  #in_goods .container_in .goods_period .link_flex .outer { width: 100%; margin-right: 0; margin-bottom: 12px; }
  #in_goods .container_in .goods_period .link_flex .outer:last-of-type { margin-bottom: 0; }
  #in_goods .container_in .goods_modal .modal_inner img { width: auto; height: auto; max-width: min(1200px, calc(100vw - 16px)); max-height: calc( 97vh); }
  #in_goods .container_in .goods_modal .modal_close_btn { top: 15px; right: 15px; width: 60px; height: 60px; } }
/* ---------- TICKETS_PAGE ---------- */
#in_tickets .container_in .language { position: absolute; width: 100%; display: flex; justify-content: flex-end; left: 0; top: -43px; }
#in_tickets .container_in .language a { display: block; background-color: #fff; color: #FF60D4; border: 2px solid #FF60D4; border-radius: 8px; font-weight: bold; padding: 0.2em 1em; margin-right: 0.4em; transition: 0.2s; border: 1px solid; }
#in_tickets .container_in .language a:last-of-type { margin-right: 0; }
#in_tickets .container_in .language a.now { background-color: #FF60D4; color: #fff; pointer-events: none; }
#in_tickets .container_in .language a:hover { transform: translateY(-3px); }
#in_tickets .container_in .white_box h3.h_title { margin-bottom: calc(var(--main_padding)/6); font-size: 24px; font-weight: bold; border-top: 1px solid; border-bottom: 1px solid; padding: 0.4em 0; }
#in_tickets .container_in .white_box .content .price_flex { margin-bottom: calc(var(--main_padding)/6); display: flex; justify-content: space-between; }
#in_tickets .container_in .white_box .content .price_flex .price { font-size: 37px; color: #000; margin-bottom: 0; font-weight: 700; line-height: 1.5em; }
#in_tickets .container_in .white_box .content .price_flex .price span { font-size: 0.7em; line-height: 1.5em; }
#in_tickets .container_in .white_box .content .ticket_btn_box { width: 100%; margin-bottom: calc(var(--main_padding)/3); }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer { position: relative; width: 100%; margin-bottom: 15px; padding: calc(var(--main_padding)/4); padding-left: calc(var(--main_padding)/3); display: flex; justify-content: space-between; align-items: center; background-color: #046eff; }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer::before { content: ""; position: absolute; background: no-repeat url("../images/svg/member_bg.svg"); background-position: center; background-size: contain; width: 40%; height: 90%; left: 5%; top: 50%; transform: translateY(-50%); opacity: 0.1; }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer:last-of-type { margin-bottom: 0; }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer h4 { display: block; color: #fff; font-weight: 700; font-size: 36px; letter-spacing: 0.05em; margin-bottom: 0; width: calc(100% - 200px); line-height: 1.4em; }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer h4.sub { font-size: 25px; }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer h4.sub span { display: block; margin-top: 0.3em; font-size: 1.3em; }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer a { display: block; width: 200px; height: auto; transform: translate(8px, 8px); }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer a img { width: 100%; height: auto; filter: drop-shadow(8px 8px 0px linear-gradient(270deg, #046eff 0%, #4465fc 35%, #9c58f8 74%, #ff81a1 100%)); transform: translate(-8px, -8px); transition: 0.2s; }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer a img:hover { filter: drop-shadow(0px 0px 0px linear-gradient(270deg, #046eff 0%, #4465fc 35%, #9c58f8 74%, #ff81a1 100%)); transform: translate(0px, 0px); }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer:nth-of-type(1) { background-position: 50% 0%; }
#in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer:nth-of-type(3) { background-position: 50% 100%; }
#in_tickets .container_in .white_box .content .ticket_btn_box.streaming .ticket_btn_outer { justify-content: center; padding: calc(var(--main_padding)/3) calc(var(--main_padding)/4); }

@media only screen and (max-width: 769px) { #in_tickets .container_in .language { position: relative; top: -10px; }
  #in_tickets .container_in .white_box h3.h_title { margin-bottom: calc(var(--main_padding)/8); font-size: 18px; }
  #in_tickets .container_in .white_box .content .price_flex { flex-direction: column; }
  #in_tickets .container_in .white_box .content .price_flex .price { font-size: 26px; margin-bottom: 10px; }
  #in_tickets .container_in .white_box .content .price_flex.venue { margin-bottom: 10px; }
  #in_tickets .container_in .white_box .content .price_flex.venue .price { margin-bottom: 0; }
  #in_tickets .container_in .white_box .content .price_flex .ticket_btn_outer { width: 60%; margin: 0 auto; display: grid; place-items: center; }
  #in_tickets .container_in .white_box .content .price_flex .ticket_btn_outer a { display: block; }
  #in_tickets .container_in .white_box .content .ticket_btn_box { margin-bottom: calc(var(--main_padding)/2); }
  #in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer { padding: calc(var(--main_padding)/3); padding-bottom: calc(var(--main_padding)/3 + 8px); flex-direction: column; justify-content: center; }
  #in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer::before { top: 30%; left: inherit; right: 7%; }
  #in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer h4 { margin-bottom: 0.6em; font-size: calc( 100vw * 1 / 15 ); width: auto; }
  #in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer h4.sub { font-size: 16px; }
  #in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer a { width: 75%; }
  #in_tickets .container_in .white_box .content .ticket_btn_box .ticket_btn_outer a img { width: 100%; height: auto; }
  #in_tickets .container_in .white_box .content .ticket_btn_box.streaming .ticket_btn_outer { padding: calc(var(--main_padding)/2) calc(var(--main_padding)/3); }
  #in_tickets .container_in .white_box .content .ticket_btn_box.streaming .ticket_btn_outer a { top: 50%; } }
/* ---------- INFO_PAGE ---------- */
#in_info .intop_h_outer h2 img { transform: translateX(10%); }
#in_info .container_in { margin-bottom: calc(var(--main_padding)); }
#in_info .container_in.top { background: linear-gradient(0deg, #046eff 0%, #9c58f8 35%, #ff81a1 100%); padding: 40px; }
#in_info .container_in .logo { display: block; width: 60%; margin: 0 auto 40px; }
#in_info .container_in .company p { font-size: 16px; letter-spacing: 0.1em; line-height: 1.4em; margin-bottom: 0.8em; font-weight: 600; color: #fff; }

@media only screen and (max-width: 769px) { #in_info .container_in.top { padding: 20px; width: 100%; margin-bottom: 20px; }
  #in_info .container_in .logo { width: 100%; }
  #in_info .container_in .company p { font-size: 13px; } }
/* ---------- 404 PAGE ---------- */
#error_404 { padding: calc(var(--main_padding)*2) 0; }
#error_404 .container_s .stit { font-size: 26px; line-height: 1em; margin-bottom: 1em; }
#error_404 .container_s .text { margin-bottom: 3em; }