@charset "UTF-8";
:root {
    --font-en: "Oswald","Noto Sans JP",sans-serif;
    --font-jp: "Noto Sans JP", sans-serif;
    --key-color:#ffca00;
    --key-color02:#F9BA05;
    --sm-bg:#fff5d6;


    --btn-color: #D09E00;
    --btn-shadow: #D09E00;
    --bnr-color: #FFF5D6;
    --bnr-shadow: #D09E00;
    --white: #fff;
    --txt-color: #000;
    --top-bg: #FAD400;
    --top-border: #D09E00;
    --in-bg: #FFF5D6;
    --in-txt-bg-color: #FFEC83;
    --in-stxt-color: #fabe00;
    --in-border: #FFEC83;
    --sp-menu-bg: #FABE00;
    --sp-menu-bg-border: #FFD800;
    --txt-bg-color: #D09E00;
    --hoshitori-head-color: #fabe00;
    --hoshitori-bg-color: #FFEC83;
    --hoshitori-time-color: #ffd552;
    --hoshitori-sat: #00b2e9;
    --hoshitori-sun: #ff2626;
    --spring-color: #e0125e;
    --summer-color: #fabe00;
    --autumn-color: #FF7834;
    --winter-color: #1EAFE6;

    

}

@media only screen and (max-width: 768px) {
    :root {
        --grid-edge:62px;
        --grid-in:61px;
        --grid-txt:60px;
    }
}

.bg_wrap{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: -1;}
.bg_wrap .ob_wrap{position: relative;width: 100%;height: 100%;}
.bg_wrap .ob_wrap .ob{position: absolute;}
.fix_wrap .bg_wrap .ob_wrap .ob.ob01{bottom: 3vw;left: 5vw;width: 7vw;}
.fix_wrap .bg_wrap .ob_wrap .ob.ob02{width: 7vw;top: 11vw;right: 7vw;}
.fix_wrap .bg_wrap .ob_wrap .ob.ob03{bottom: 10vw;right: 7vw;width: 10vw;}
.fix_wrap .bg_wrap .ob_wrap .ob.ob04{left: 13vw;top: 26vw;width: 3.3vw;transform: scale(-1,1);}
.fix_wrap .bg_wrap .ob_wrap .ob.ob05{right: 0;top: 24vw;width: 12vw;}
.fix_wrap .bg_wrap .ob_wrap .ob.ob06{top: 10vw;left: 4vw;width: 8vw;}
.bg_wrap{}


.grad01{background: rgb(249,186,5);background: linear-gradient(90deg, rgba(249,186,5,1) 0%, rgba(230,80,135,1) 100%);-webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent; text-fill-color:transparent;}
.grad02{background: rgb(249,186,5);background: linear-gradient(90deg, rgba(249,186,5,1) 0%, rgba(30,175,230,1) 100%);-webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent; text-fill-color:transparent;}
.grad03{background: rgb(240,130,75);background: linear-gradient(90deg, rgba(240,130,75,1) 0%, rgba(230,80,135,1) 100%);-webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent; text-fill-color:transparent;}
.grad04{background: rgb(240,130,75);background: linear-gradient(90deg, rgba(240,130,75,1) 0%, rgba(30,175,230,1) 100%);-webkit-background-clip: text;background-clip: text; -webkit-text-fill-color: transparent; text-fill-color:transparent;}

/* 1106 */
/* 1106 */
.bg_overlay{padding: 30px; position: relative;}
.bg_overlay:before{content:""; position: absolute;width: 100%;height: 100%;background: #fff;opacity: 1;top: 0;left: 0;z-index: -1;}
/* アニメーション */
.loader_bg {background: url(../images/bg.jpg)center;background-size: cover; width: 100%;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10000;}
.loader {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%)rotate(0deg);width: min(7.4vw, 143px); opacity: 0;animation: anime_loader 2s;animation-fill-mode: forwards;}


.loading{position: fixed;width: 100%;height: 100vh;top: 0;z-index: 10000;pointer-events: none;}
.loading .loading_logo{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;width: 14%;}
.loading .loading_logo img{display: block; animation: loading .7s ease-in-out both;animation-delay: .4s;}
.loading svg{}
.loading_bg{width: 100%;height: 100%;position: absolute;top:0;left: 0;}
.loading_bg:before{background: #fff6c9;content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.loading_bg:after{content: "";background:url(../images/mado_bg.svg)center no-repeat;background-size: cover; position: absolute;width: 100%;height: 100%;;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.intro_on .loading .loading_logo img{animation: loading02 .7s ease-in-out both;}
.intro_on .loading_bg{animation: fadeout .6s forwards ;animation-delay: 1s;}
.intro_on .loading_bg:before{animation: 1s fadeout  ease-in-out forwards;animation-delay: .1s;}
.intro_on .loading_bg:after{animation:loading_bg 1.7s ease-in-out both;animation-delay: 0s;}
.intro_on{}
/* .loading_bg:after{content: "";background:url(../images/a3_act2-2_s_kv.jpg) center center no-repeat;background-size: 70%; position: absolute;width: 100%;height: 100%;;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-mask-image: url(../images/mado.svg);-webkit-mask-size: 20%;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;animation:loading_bg .4s ease-in-out backwards;animation-delay: 1.8s;} */

@media only screen and (max-width: 834px) {
    .loading .loading_logo{width: 30%; top: 45%;}
    .loading_bg:after{display: none;}
}

@keyframes loading {
    0%{transform: translateY(5%);opacity: 0;}
    100%{transform: translateY(0%);opacity: 1;}
}
@keyframes loading02 {
    0%{transform: translateY(0%)scale(1);}
    100%{transform: translateY(0%)scale(0);}
}
@keyframes loading_bg {
    0%{transform: translate(-50%,-50%)scale(0);}
    10%{transform: translate(-50%,-50%)scale(1);}
    50%{transform: translate(-50%,-50%)scale(1);}
    100%{transform:translate(-34%,-50%)scale(30);}
}
@keyframes fadeout {
    0%{opacity: 1;}
    100%{opacity: 0;}
}

.intro_loader .mainimg {display: none;}

.intro_loader .troupelive {margin-top: 150vh;}

/* #top .fix_wrap .fix_logo {transform: translateX(-30%);opacity: 0;transition: 1s all;} */
#top .fix_wrap .fix_left_box {transform: translateX(-30%);opacity: 0;transition: 1s all;}

@keyframes anime_loader {
  0% {
    width: min(7.4vw, 143px);opacity: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);
  }
  35% {
    width: min(7.4vw, 143px);opacity: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);
  }
  55% {
    width: min(7.4vw, 143px);opacity: 1;top: 50%;left: 50%;transform: translate(-50%, -50%)rotateY(0deg);
  }
  100% {
    width: min(4.4vw, 113px);opacity: 1;top: 0.4vw;left: 0.7vw;transform: translate(0%, 0%)rotateY(-1080deg);
  }
}
@keyframes anime_loader_sp {
  0% {
    opacity: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);
  }
  35% {
    opacity: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);
  }
  55% {
    opacity: 1;top: 50%;left: 50%;transform: translate(-50%, -50%)rotateY(0deg);
  }
  100% {
    opacity: 1;top: 20px;left: 50%;transform: translate(-50%, 0%)rotateY(-1080deg);
  }
}
/* .top_main_inner .top_kv {opacity: 0;transform: scale(1.6);} */
/* .intro_on .loader {animation: none;animation-fill-mode: inherit;} */
.intro_on .top_main_inner .top_right_box {transform: translateX(0);opacity: 1;}
.top_main_inner .top_kv {opacity: 1;transform: scale(1);transition: 1.4s;}
.intro_on .top_main_inner .top_kv {opacity: 1;transform: scale(1);transition: 1s;transition-delay:.8s;}
.intro_on .top_main_inner .top_kv:before {transform: translateX(-101%);}
.intro_on .top_main_inner .top_kv:after {transform: translateX(101%);}
.intro_on#top .fix_wrap .fix_logo {transform: translateX(0);opacity: 1;}
.intro_on#top .fix_wrap .fix_left_box {transform: translateX(0);opacity: 1;}

.top_main_inner .top_kv:before{display: none;}
.top_main_inner .top_kv:after{display: none;}

.intro_on{}
.top_main_inner .top_btn{opacity: 0;transform: translateX(10%);transition: .6s all;}
.intro_on .top_main_inner .top_btn{opacity: 1;transform: translateX(0%);transition: .6s all;transition-delay: .8s;}
.intro_on{}

.top_main_inner .top_date .inner{transform: translateX(-10%);opacity: 0;}
.intro_on .top_main_inner .top_date .inner{transform: translateX(0%);opacity: 1;transition: .6s; transition-delay:1s;}

@media only screen and (max-width: 834px) {
    .loader {width: 24vw;animation: anime_loader_sp 2.5s;animation-fill-mode: forwards;}
    .fix_bg {display: none;}

    #top .fix_wrap .fix_logo {transform: translate(-50%, 0);opacity: inherit;}
    .intro_on#top .fix_wrap .fix_logo {transform: translate(-50%, 0);opacity: inherit;}
    .intro_on#top .fix_wrap .fix_left_box {transform: inherit;opacity: inherit;}
    .intro_on .nav_trigger {display: block;}
}
/****************** 共通 *********************/
img {
  width: 100%;
}

main{position: relative;z-index: 5;}

.container {width: 92%;margin: 0 auto; max-width: 1100px;position: relative;}
.content-wrap:not(:last-of-type) {margin-bottom: 50px;}

.heading {display: inline-block; font-weight: bold; color: var(--txt-color);font-size: 70px;line-height: 1em; margin-bottom: 70px;letter-spacing: 10px;}

.btn_01 { font-size: 18px;letter-spacing: 0px;padding-right: 40px;font-weight: bold;color: #6C6C6C;display: inline-block;text-decoration: none;position: relative;}
.btn_01:before{position: absolute;content: "";background: url(../images/btn_arrow.svg)center; background-size: contain;width: 25px;height: 25px;top: 50%;transform: translateY(-50%);right: 0;}
.btn_01:hover {transform: scale(1.05);}

.btn_02 {font-size: 1vw;font-weight: bold;line-height: 1.8em;background: var(--key-color);display: block;color: #fff;padding: 1.5vw 1vw;position: relative;/*max-width: 400px; */margin: 0 auto;text-decoration: none;letter-spacing: 0;transition: .2s;overflow: hidden;}
.btn_02:before { position: absolute;background-image: url(../images/btn_bg.png);background-size:auto 100%; background-repeat: no-repeat; background-position: left center; width: 100%; height: 100%;content: "";top: 50%;left: 0;transform: translateY(-50%);transition: .2s ;}
.btn_02:hover {opacity: 1;transition: .2s;filter: brightness(1.1);}
.btn_02:hover:before {transform-origin: left;transform: translateY(-50%);background-size:auto 120%; transition: .3s;}
.btn_02.in {background: var(--key-color);color: var(--white);}
.btn_02.in::before {border: 1px solid var(--white);}
.btn_02.in:hover {box-shadow: 0px 0px 10px #F9BA0580;transform: translateY(-5%);}

.btn_03 {display: block;font-size: 20px;background: var(--txt-color);width: min(100%, 350px);color: var(--white);text-align: center;border-radius: 35px;margin: 0 auto;padding: 20px;border: 1px solid var(--txt-color);text-decoration: none;}
.btn_03:hover {background: var(--white);width: min(100%, 350px);color: var(--txt-color);}

.ticket_btn {display: block;color: var(--key-color);background: var(--white);padding: 35px;border-radius: 50px;margin: 0 auto 50px;width: min(100%, 600px);text-decoration: none;}
.ticket_btn:hover {box-shadow: 0 0 16px var(--key-color02);transform: scale(1.05);}
.ticket_btn.in {border: 1px solid var(--key-color);}

.min-txt {font-size: 0.6em;}
.txt_pink {color: var(--txt-pink);}
.txt-small {font-size: 0.6em;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.font-bold {font-weight: bold;}
.del-line{position: relative;}
.del-line:before{position: absolute;content: "";background: #f00;width: 36px;height: 1px;top: 51%;left: 50%;transform: translate(-50%, -50%);}

.comingsoon {font-size: 100px;margin: 20vw 0 20vw;font-weight: bold; line-height: 1em;}

.bnr_box .container {max-width: 1200px;}
.bnr_box:not(:last-of-type){margin-bottom: 140px;}
.bnr_box ul {display: flex;flex-wrap: wrap;}
.bnr_box li {width: 23%;margin-right: 2%;line-height: 0;margin-bottom: 2%;}
.bnr_box li:hover {transform: translateY(-3px);transition: 0.2s ease;}
.bnr_box li:hover img {opacity: 1;}
.bnr_box.box03 ul{justify-content: center;}
.bnr_box.box03 ul li{width: 31%;}

.btn_box { /*max-width: 840px;*/ margin: 0 auto;}
.btn_box ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.btn_box ul li {width: 49%;}
.btn_box ul li .btn_02 {font-size: clamp(12px,1.4vw,16px);line-height: 2em;padding: 0; display: flex; justify-content: center; align-items: center;  min-height: 7em;}

.sns_box ul{}
.sns_box ul{align-items: center;}
.sns_box ul li a{display: flex;align-items: center;line-height: 1em;}
.sns {position: relative;}
.sns:before {position: absolute;content: "";width: 17px;height: 14px;top: 50%;left: -5px;transform: translateY(-50%);background-size: contain;background-position: center top;background-repeat: no-repeat;}

@media only screen and (max-width: 768px) {
    .heading {margin-bottom: 0px;font-size: 38px;letter-spacing: 3px;margin-bottom: 40px;}
    .btn_03 {font-size: 16px;padding: 15px;}
    .ticket_btn {padding: 25px;}
    .bnr_box {padding: 0 0 24px;}
    .bnr_box ul {margin: 0 auto;}
    .bnr_box li {width: 49%;}
    .bnr_box li:nth-child(2n) {margin-right:0;}
    .bnr_box li:hover {transform: translateY(0);}
    .btn_box ul li {display: block;width: 100%;}
    .btn_box ul li:nth-of-type(odd) {margin-right: inherit;margin-bottom: 20px;}
    .btn_box ul li .btn_02 {font-size: max(2vw, 14px);line-height: 1.5em;min-height: 5em;}
	.bnr_box.box03 ul li{width: 100%;margin-right: inherit;}
    .bnr_box:not(:last-of-type){margin-bottom: 70px;}

    .btn_02:before{width: 100vw;}

    .comingsoon {font-size: 10vw;}

    .sns:before {width: 15px;height: 12px;}
    .sns.yt:before {width: 19px;height: 13px;}
}


/******* SCHEDULEパーツ ********/
.schedule-box{margin-bottom: 60px;}

/* .schedule_list:last-of-type {margin-bottom: 70px;} */
.schedule_list{display: flex;width: 100%;text-align: left;font-weight: normal;}
.schedule_list:not(:last-of-type){margin-bottom: 30px;}
.schedule_list .prefecture{display: inline-block;font-size: 16px;margin-bottom: 0.5em;width: 10%;margin-right: 2%;border-right: 1px solid #808080;}
.schedule_list .day{display: inline-block;width: 40%;margin-right: 2%;font-size: 48px;line-height: 1.4em;margin-bottom: 0;}
.schedule_list .day .year{display: block;font-size: 19px;line-height: 1.4em;}
.schedule_list .day .date{font-size: 28px;}
.schedule_list .day{}
.schedule_list .venue{display:flex;width: 46%;font-size: 24px;align-items: flex-end;}
.schedule_list .place {position: relative; font-weight: bold;font-size: 18px;line-height: 1em;margin-right: 40px;display: inline-block;top: -10px;}
.schedule_list .place:before {position: absolute;content: "";background: #fff;width: 100%;height: 5px;bottom: -10px;left: 50%;transform: translate(-50%, 0);}
/* .schedule_list .day {font-size: clamp(35px,6vw, 50px); line-height: 1em;margin-right: 26px;display: inline-block;margin-bottom: 20px;}
.schedule_list .day .txt-min {font-size: 0.65em;}
.schedule_list .venue {font-size: clamp(22px,5vw,33px);line-height: 1em;display: inline-block;font-weight: bold;position: relative;top: -5px;} */


@media only screen and (max-width: 768px) {
    .schedule-box{margin-bottom: 30px;}
    .schedule_list {margin-bottom: 10px;font-size: 14px;width: 100%;padding: 10px;display: block;}
    .schedule_list .prefecture{width: 100%;border-right: none;border-bottom: 1px solid #808080;}
    .schedule_list .place {margin-right: 0px;top: 0px;margin-bottom: 40px;}
    .schedule_list .place:before {position: absolute;content: "";background: #fff;width: 100%;height: 5px;bottom: -10px;left: 50%;transform: translate(-50%, 0);}
    .schedule_list .day {margin-right: 0px;width: 100%;margin-bottom: 10px;font-size: 32px;}
    .schedule_list .day .year {font-size: 0.65em;}
    .schedule_list .day .date {font-size: 0.65em;}
    .schedule_list .day .space {padding: 0 10px;}
    .schedule_list .venue {top: inherit;letter-spacing: 0;width: 100%;font-size: 18px;}
}
/******* SCHEDULEパーツ ********/



/******* NEWSパーツ ********/
.news_container {max-width: 1145px;margin: 0 auto;}
.news_container .news_list {display: flex;flex-wrap: wrap;margin-bottom: 60px;}
.news_container .news_list li {width: 100%;margin-bottom: 41px;}
.news_container .news_list li a {text-decoration: none;display:block;color: #000;}
.news_container .news_list li a .news_content {display: flex;position: relative;overflow: hidden;}
.news_container .news_list li a .news_content:nth-of-type(odd) {padding-right: 5%;}
.news_container .news_list li a .news_content:before {position: absolute;content: "";width: 100%;height: 100%;background-color: #fff;opacity: 0;transition: 0.2s all;z-index: -1;}
.news_container .news_list li a .news_content:hover:before {transform: translateX(0);opacity: 0.3;}
.news_container .news_list li a .news_content figure {width: 37%;margin-right: 5%;}
.news_container .news_list li a .news_content figure img {display: block;}
.news_container .news_list li a .news_content .txt_box {width: 58%;font-size: 16px;line-height: 1.6em;text-align: left;}
.news_container .news_list li a .news_content .txt_box .s_size {display: block;font-weight: bold;font-size: 0.62em; margin-bottom: 8.5px;}

.news_container .news_list li a.disactive{pointer-events: none!important;}

#in .news_container .news_content:before {background: var(--txt-pink);}
#in .news_container .news_list li{ width:100%;}
#in .news_container .news_list li a {}
#in .news_container .news_list li a .news_content figure{ width:18%;}


@media only screen and (max-width: 768px) {
    .news_container .news_list {margin-bottom: 70px;}
    .news_container .news_list li {flex-basis: 100%;max-width: 100%;margin-bottom: 40px;}
    .news_container .news_list li a .news_content:nth-of-type(odd) {padding-right: 0;}
    .news_container .news_list li a .news_content figure {width: 30%;}
    .news_container .news_list li a .news_content .txt_box {width: 65%;font-size: 16px;}
    .news_container .news_list li a .news_content .txt_box .s_size{ font-size:14px}

    #in .news_container .news_list li a .news_content figure {width: 25%;}
    #in .news_container .news_list li a .news_content .txt_box {width: 70%;}
}
/******* NEWSパーツ ********/



/******************　↑↑↑ 共通 ↑↑↑　*********************/


/********************* TOPメイン ************************/
.top_main{}

.top_main_inner {position: relative;transition: 1s all;height: 100vh;display: flex;align-items: center;flex-wrap: wrap;}
.top_main_inner .top_kv {width: auto;max-width: 70%;max-height: calc(100vh - 80px);position: relative;opacity: 1;transition: 1s all;overflow: hidden;margin: 0 auto;border-radius: 50px;transform: scale(.8);}
.top_main_inner .top_kv.logo {width: min(50%,500px);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.top_main_inner .top_kv:before {position: absolute;content: "";background: var(--key-color);width: 50%;height: 100%;top: 0;left: 0;transition: 0.6s all;transform: translateX(0);opacity: 1; transition-delay: 0.1s;}
.top_main_inner .top_kv:after {position: absolute;content: "";background: var(--key-color);width: 50%;height: 100%;top: 0;right: 0;transition: 0.6s all;transform: translateX(0);opacity: 1; transition-delay: 0.1s;}
.top_main_inner .top_right_box {width: 25%;position: absolute;bottom: 20px;right: 20px;transition: 1s all;}
.top_main_inner .top_right_box .top_nav {margin-top: 8.8vw;margin-right: 2.5vw;margin-bottom: 5.7vw;}
.top_main_inner .top_right_box .top_nav ul li {text-align: right;font-size: 2vw; letter-spacing: 0.1em;text-decoration: underline;line-height: 1.2em;}
.top_main_inner .top_right_box .top_nav ul li:not(:last-of-type) {margin-bottom: 1.2vw;}
.top_main_inner .top_right_box .top_nav ul li a {color: #000;display: inline-block;text-decoration: underline;}
.top_main_inner .top_right_box .top_nav ul li a:hover {transform: translateX(-10px);}
.top_main_inner .top_right_box .top_btn {width: 100%;margin-left: auto;margin-right: 2.5vw;}
.top_main_inner .top_right_box .top_btn ul li:not(:last-of-type) {margin-bottom: 1vw;}
/* .top_main_inner .top_right_box .top_btn ul li .btn_02:hover {box-shadow: 0 0 10px var(--bnr-shadow);transform: translateY(0) translateX(-2%);} */
.top_main_inner .top_right_box .top_btn .fix {position: fixed;}

.top_main_inner .top_date{position: absolute;bottom: 3vw;left: 2vw;width: 32vw;transition: 1s all;}
.top_main_inner .top_date img{display: block;line-height: 0;}
.top_main_inner .top_date{}
.top_main_inner .top_date .time{filter: drop-shadow(0px 0px 7px var(--key-color02));margin-bottom: 1.5vw;}
.top_main_inner .top_date .place{filter: drop-shadow(0px 0px 5px #fff);color: #ffdb26;font-size: 1.9vw;letter-spacing: .05vw;}

/* ================================= GSAP =================================== */
.top_main_inner.active {transform: translateY(-100%);transition: 1s all;margin-bottom: -40%;}
/* .top_main_inner.active .top_kv {transform: scale(1.5)translateY(-50%);transition: 1s all;}
.top_main_inner.active .top_kv.logo {transform: scale(1.5)translateY(-50%);transition: 1s all;} */
.top_main_inner.active .top_right_box{transform: translateX(100%);transition: .8s all;}
.top_main_inner.active .top_date{transform: translateX(-100%);transition: .8s all;}
.top_main_inner.active{}

@media only screen and (max-width: 768px) {
    .top_main {position: relative;margin-bottom: 5vw;}
    .top_main .top_main_inner {width: 98%;padding-top: 25vw;margin: 0 auto;height: auto;}
    .top_main .top_main_inner .top_kv {width: 100%;max-width: 100%; border-radius: 20px;line-height: 0;}
    .top_main .top_main_inner .top_kv.logo{width: 70%; position: relative;top:inherit;left: inherit;transform: inherit; margin-bottom: 10vw;}
    .top_main .top_main_inner .top_right_box {display: none;}
    .top_main .top_date {width: 92%;margin: 0 auto 0;position: relative;left: inherit;bottom: inherit;}

    .top_main_inner .top_date .time{filter: drop-shadow(0px 0px 7px var(--key-color02));margin-bottom: 5vw;}
    .top_main_inner .top_date .place{font-size: 5.3vw;}
    .top_main_inner.active {transform: translateY(0%);transition: 1s all;margin-bottom: 0%;}
    .top_main_inner.active .top_date{transform: translateX(0%);transition: .8s all;}
}
/********************* TOPメイン ************************/
/********************* TOPページ ************************/
.top_content {
  padding: 10vw 0;
  /*****************TOP スケジュール*******************/
  /*****************TOP スケジュール*******************/
  /*****************TOP NEWS*******************/
  /*****************TOP NEWS*******************/
  /*****************TOP キャスト*******************/
  /*****************TOP キャスト*******************/
}
.top_content .section-wrap {width: 92%;margin:0 auto;position: relative;}
.top_content .section-wrap:not(:last-of-type) {margin-bottom: 240px;}
.top_content #top_schedule .container {max-width: 1000px;}

/* .top_content #top_schedule .container .in_container .schedule_list {margin-bottom: 30px;width: 100%;font-family:  var(--font-jp);font-weight: bold;font-size: 18px;line-height: 1.6em;} */

.top_content #top_schedule .container .in_container .btn_box {max-width: 840px;margin: 0 auto;}
.top_content #top_schedule .container .in_container .btn_box ul li {display: inline-block;width: 48%;}
.top_content #top_schedule .container .in_container .btn_box ul li:nth-of-type(odd) {margin-right: 2%;}
.top_content #top_schedule .container .in_container .btn_box ul li .btn_02 {font-size: max(0.8vw, 14px);line-height: 2em;padding: 1.6em;}
@media only screen and (max-width: 768px) {
    .top_content #top_schedule .container{width: 100%;}
    .top_content #top_schedule .container .in_container .schedule_list {margin-bottom: 0;font-size: 14px;width: 100%;padding: 10px;}
    .top_content #top_schedule .container .in_container .schedule_list .day {margin-right: 0px;width: 100%;margin-bottom: 0px;}
    .top_content #top_schedule .container .in_container .btn_box {max-width: 840px;margin: 0 auto;}
    .top_content #top_schedule .container .in_container .btn_box ul li {display: inline-block;width: 100%;}
    .top_content #top_schedule .container .in_container .btn_box ul li:nth-of-type(odd) {margin-right: 0;margin-bottom: 20px;}
}


/* ================================= GSAP =================================== */
/* .top_content{margin-top: 0%;}
.top_content #top_schedule .schedule_list{opacity: 0;transform: translateX(100px);transition: 1s;}

.top_content #top_schedule.active{}
.top_content #top_schedule.active .schedule_list{transform: translateX(0);opacity: 1;transition: 1s;}
.top_content #top_schedule.active .schedule_list.d1{transition-delay: .1s;}
.top_content #top_schedule.active .schedule_list.d2{transition-delay: .2s;}
.top_content #top_schedule.active .schedule_list.d3{transition-delay: .3s;}
.top_content #top_schedule.active .schedule_list.d1{}
.top_content #top_schedule.active{}
.top_content #top_schedule.active{}
.top_content #top_schedule.active{} */


@media only screen and (max-width: 768px) {
  .top_content #news .container {width: 100%;}
}

.top_content #top_cast .container{display: flex;max-width: 800px;}
.top_content #top_cast .container .heading-wrap{width: 30%;text-align: right;margin-right: 30%;}
.top_content #top_cast .container .in_container{width: 40%;}
.top_content #top_cast .container .btn-outer{}
.top_content #top_cast .container{}
.top_content #top_cast {}
.top_content #top_cast .bg_wrap .ob{width: 8vw;}
.top_content #top_cast .bg_wrap .ob01{left:10vw;top: 10vw;}
.top_content #top_cast .bg_wrap .ob02{bottom: -4vw;left: 0;}
.top_content #top_cast .bg_wrap .ob03{top: 0; right: 10vw;}
.top_content #top_cast .bg_wrap{}
.top_content #top_cast .bg_wrap{}
.top_content #top_cast {}
.top_content #top_cast {}
.top_content #top_cast {}
.top_content #top_cast .container .in_container .cast_box {display: flex; margin-bottom: 119px;}
.top_content #top_cast .container .in_container .cast_box ul:not(:last-of-type){margin-bottom: 3em;margin-right: 15%;}
.top_content #top_cast .container .in_container .cast_box ul li {display: block;position: relative;font-size: min(1.9vw, 26px);letter-spacing: 0.1em;line-height: 1em;font-weight: 500;/* width: min(10.5vw, 130.2px); */ text-align: left;}
.top_content #top_cast .container .in_container .cast_box ul li:not(:last-of-type) {margin-bottom: 40px;}
.top_content #top_cast .container .in_container .cast_box ul li span {color: var(--key-color02);font-size: 0.43em;display: block;margin-bottom: 0.6em;}
.top_content #top_cast .container .in_container .cast_box ul li span.note {color: #000;position: absolute;left: 50%;transform: translateX(-50%);width: 150%;}
.top_content #top_cast .container .in_container .cast_box ul.spring li span{color: var(--key-color02);}
.top_content #top_cast .container .in_container .cast_box .and_more {font-size: min(1.6vw, 22px);line-height: 1.4em; padding-top: 3vw;}
.top_content #top_cast .container .in_container .cast_box ul li.spring span{color:#E65087 ;}
.top_content #top_cast .container .in_container .cast_box ul li.summer span{color:#F9BA05 ;}
.top_content #top_cast .container .in_container .cast_box ul li.autumn span{color:#F0824B ;}
.top_content #top_cast .container .in_container .cast_box ul li.winter span{color:#1EAFE6 ;}
.top_content #top_cast .container .in_container .cast_box ul li.other span {color: #898989;}

@media only screen and (max-width: 768px) {
  .top_content #top_cast {margin-bottom: 120px;}
  .top_content #top_cast .container{display: block;}
  .top_content #top_cast .container .heading-wrap{width: 100%;text-align: center;margin-bottom: 60px;}
  .top_content #top_cast .container .in_container{width: 100%;text-align: center;}  

  .top_content #top_cast .container .in_container .cast_box {margin-bottom: 80px;display: block;}
  .top_content #top_cast .container .in_container .cast_box ul:not(:last-of-type){margin-right: inherit; margin-bottom: 60px;}
  .top_content #top_cast .container .in_container .cast_box ul li {width: 100%;font-size: 20px;text-align: center;}
  .top_content #top_cast .container .in_container .cast_box ul li:not(:last-of-type) {margin-right: 0;margin-bottom: 30px;}
  .top_content #top_cast .container .in_container .cast_box ul li.winter.d1{ margin-bottom: 60px;}
  .top_content #top_cast .container .in_container .cast_box .and_more {font-size: 18px;padding-top: 40px;}
  .top_content #top_cast {}
.top_content #top_cast .bg_wrap .ob{width: 14vw;}
}



/* ================================= GSAP =================================== */
/* .top_content #top_cast .cast_box li{transform: translateX(100px);opacity: 0;transition: 1s;}
.top_content #top_cast.active .cast_box li{transform: translateX(0);opacity: 1;transition: 1s;}
.top_content #top_cast.active .cast_box li.d1{transition-delay: .1s;}
.top_content #top_cast.active .cast_box li.d2{transition-delay: .2s;}
.top_content #top_cast.active .cast_box li.d3{transition-delay: .3s;}
.top_content #top_cast.active .cast_box li.d4{transition-delay: .4s;}
.top_content #top_cast.active .cast_box li.d5{transition-delay: .5s;}
.top_content #top_cast.active .cast_box li.d6{transition-delay: .6s;}
.top_content #top_cast.active{}
.top_content #top_cast.active{} */



.top_content #news .container{}
.top_content #news .container{display: flex;flex-direction: row-reverse;max-width: 900px;}
.top_content #news .heading-wrap{width: 45%;text-align: left;height: 500px;}
.top_content #news .heading-wrap .btn-outer{margin-bottom: 50px;}
.top_content #news .in_container{width: 40%;margin-right: 15%;}
.top_content #news .tw-box{position: absolute;right: 0;top: 120px;width: 50%;}
.top_content #news .bg_wrap .ob{width: 8vw;}
.top_content #news .bg_wrap .ob02{top: -10vw;right: 2vw;}
.top_content #news .bg_wrap .ob01{bottom: -6vw;right: 4vw;}
.top_content #news .bg_wrap .ob03{bottom: -4vw;left: 1vw;}
.top_content #news {}
.top_content #news{}
@media only screen and (max-width: 768px) {
    .top_content #news .container{flex-direction: column;}
    .top_content #news .heading-wrap{width: 100%;text-align: center;margin-bottom: 0;height: auto;}
    .top_content #news .heading-wrap .btn-outer{margin-bottom: 50px;}
    .top_content #news .bg_wrap .ob{width: 14vw;}
    .top_content #news .in_container{width: 100%;margin-right:inherit;}
    .top_content #news .tw-box{position: relative;right: inherit;top: inherit;width: 100%;}
    }


/****** TWITTER ********/
#tw {z-index:1;padding: 40px 0;position: relative;margin-bottom: 100px;}
#tw .container {max-width: 1000px;position: relative;background-color: #fff;border: 1px solid #c3c3c3;display: flex;align-items: center;margin: 0 auto;}
#tw .container .left {width: 36%;text-align: center;}
#tw .container .right {border-left: 1px solid #c3c3c3;width: 64%;}
#tw .container .heading {background: linear-gradient(270deg, #e65087, #fabe00, #f0824b, #1eafe6);background-size: 800% 800%;-webkit-animation: AnimationName 15s ease infinite;-moz-animation: AnimationName 15s ease infinite;animation: AnimationName 15s ease infinite;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: "Roboto", sans-serif;font-size: 30px;font-weight: bold;letter-spacing: 0.05em;line-height: 2em;margin-bottom: 26px;}
#tw .container .heading .min {display: block;font-size: 0.5em;line-height: 1.5em;}
#tw .container .link_btn {background-color: #000;color: #fff;font-size: 14px;line-height: 1.5em;padding: 16px 0;width: 80%;display: block;margin: 0 auto;}

@media only screen and (max-width: 768px) {
    #tw {margin-bottom: 60px;}
    #tw .container {display: block;}
    #tw .container .left {width: 100%;padding: 20px 12px;display: flex;align-items: center;}
    #tw .container .right {width: 100%;border-left: none;border-top: 1px solid #c3c3c3;}
    #tw .container .heading {font-size: 4vw;line-height: 1.5em;width: 50%;margin: 0;}
    #tw .container .heading span {font-size: 0.55em;}
    #tw .container .link_btn {width: 50%;padding: 12px 0;font-size: 12px;}
}
/******* TWITTER *******/
@media only screen and (max-width: 768px) {
    .top_content {padding: 0;}
    .top_content .section-wrap {width: 92%;margin: 0 auto;}
    .top_content .section-wrap:not(:last-of-type) {margin: 0 auto 100px;}
}
/********************* TOPページ ************************/


/*************FOOTER**************/
footer {background-color: inherit;width: 100%;}

@media only screen and (max-width: 768px) {
    footer {width: 100%;margin: 0 auto;}
}
#in footer {background-color: inherit;width: 100%;margin-left: inherit;}

/*************FOOTER**************/


/*************************** 下層 ******************************/
.pagetit {position: fixed;font-size: min(7.8vw, 150px);font-weight: bold;line-height: 1em; color: var(--txt-color);bottom: 4vw;left: 2vw;z-index: 100;animation: slideIn 0.6s cubic-bezier(0.3, 0.67, 0.57, 0.97) forwards;transform: translateX(-100%);transition: 0.3s all;}
.pagetit.active {font-size: 60px;}

.page_content {margin-top: 10vw;}

.txt {line-height: 2em;font-size: 22px;font-weight: normal;}
.txt:not(:last-of-type) {margin-bottom: 40px;}

/* .in_container {margin: 10vw auto 14vw;} */

@media only screen and (max-width: 768px) {
    .pagetit {bottom: 40px;left: 20px;}
    .pagetit.active {font-size: min(7.8vw, 150px);}

    .page_content {margin-top: 25vw;}
}

/********* INTRO ********/
#introduction .in_container {max-width: 905px;margin: 0 auto 14vw;}
#introduction .txt{text-align: left;}
#introduction .catch{font-size: 30px;color: var(--key-color);text-align: center;}

@media only screen and (max-width: 834px) {
  #introduction .txt {line-height: 2em;font-size: 18px;text-align: left; }
  #introduction .txt:not(:last-of-type) {margin-bottom: 30px;}
  #introduction .catch{ font-weight: bold; font-size: 20px; line-height: 1.5em;}
}
/********* INTRO ********/
/********* CAST ********/
#cast .in_container {max-width: 905px;margin: 0 auto 200px;}
#cast .in_container .cast_list {margin-bottom: 120px;}
#cast .in_container .cast_list .block {display: flex;align-items: center;position: relative;}
#cast .in_container .cast_list .block:not(:last-of-type){margin-bottom: 120px;}
#cast .in_container .cast_list .block figure {position: relative;width: 50%;line-height: 0;padding-right: 16px;opacity: 0;transition: 2s;}
#cast .in_container .cast_list .block figure .cast-front {height: 100%;transform: translate(8px,8px);overflow: hidden;border-radius: 20px;backface-visibility: hidden;transition: .6s;}
#cast .in_container .cast_list .block figure .cast-back{position: absolute; background:repeating-linear-gradient(-60deg,var(--key-color),var(--key-color) 3px,var(--sm-bg) 0,var(--sm-bg) 9px);width: calc(100% - 16px);height: 100%;top: 16px;right: 0px;transform: translate(-8px,-8px); border-radius: 20px;transition: .6s;backface-visibility: hidden;}
#cast .in_container .cast_list .block .card .back{background:repeating-linear-gradient(-60deg,#FFAAAA,#FFAAAA 3px,#F087A0 0,#F087A0 9px);width: calc(100% - 16px);height: 100%;top: 16px;right: 0px; border-radius: 20px;transition: .6s;backface-visibility: hidden;}
#cast .in_container .cast_list .block .card:before{    content: "";display: block;padding-top: 141.5%;}

#cast .in_container .cast_list .block figure.js-play{opacity: 1;transform: rotateY(360deg);}
#cast .in_container .cast_list .block figure.js-play .cast-front{transition: .3s;transition-delay: 1.5s;transform: translate(0px, 0px);}
#cast .in_container .cast_list .block figure.js-play .cast-back{transform: translate(0,0); transition: .3s;transition-delay: 1.5s;transition-timing-function: ease-in-out;}
#cast .in_container .cast_list .block figure.js-play{}
#cast .in_container .cast_list .block figure.js-play{}
#cast .in_container .cast_list .block figure.js-play{}
#cast .in_container .cast_list .block figure.js-play{}
#cast .in_container .cast_list .block .js-play.card .front {transform: rotateY(0);}
#cast .in_container .cast_list .block .js-play.card .back {transform: rotateY(180deg);}

#cast .in_container .cast_list.spring .block figure .cast-back{background:repeating-linear-gradient(-60deg,#FFAAAA,#FFAAAA 3px,#F087A0 0,#F087A0 9px);}
#cast .in_container .cast_list.summer .block figure .cast-back{background:repeating-linear-gradient(-60deg,var(--key-color),var(--key-color) 3px,var(--sm-bg) 0,var(--sm-bg) 9px);}
#cast .in_container .cast_list.autumn .block figure .cast-back{background:repeating-linear-gradient(-60deg,#edb06f,#edc16f 3px,#ffd798 0,#ffd498 9px);}
#cast .in_container .cast_list.winter .block figure .cast-back{background:repeating-linear-gradient(-60deg,#6FCCED,#6FCCED 3px,#98E4FF 0,#98E4FF 9px);}
#cast .in_container .cast_list.other .block figure .cast-back{background:repeating-linear-gradient(-60deg,#C9C9C9,#C9C9C9 3px,#E5E5E5 0,#E5E5E5 9px);}
#cast .in_container .cast_list.winter{}
#cast .in_container .cast_list.winter{}
#cast .in_container .cast_list{}
#cast .in_container .cast_list{}




#cast .in_container .cast_list .block .card {
    width: 50%; /* 任意の横幅を指定 */
    position: relative;
    cursor: pointer;
  }
  
  
  /* カード内の画像 */
  .card img {
    width: 100%;
  }
  
  /* カード裏面・表面の共通スタイル */
  .card .back,
  .card .front {
      transition: all 1s;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      backface-visibility: hidden;
    }
    .card .back{background:repeating-linear-gradient(-60deg,#FFAAAA,#FFAAAA 3px,#F087A0 0,#F087A0 9px);width: calc(100% - 16px);height: 100%;top: 16px;right: 0px; border-radius: 20px;transition: .6s;backface-visibility: hidden;}
    
  /* カード表面のスタイル */
  .card .front {
    transform: rotateY(-180deg);
  }
  





#cast .in_container .cast_list .block .txt_box {width: 40%;text-align: left;margin-left: 10%;}
#cast .in_container .cast_list .block .txt_box .name {font-size: 53px;font-weight: 600;line-height: 1.5em;letter-spacing: 0.1em;margin-bottom: 0.2em;font-weight: 500;}
#cast .in_container .cast_list .block .txt_box .name span.role {color: #fff;background: var(--key-color); display: inline-block;padding: .2em; font-size:24px;line-height: 1.2em;margin-bottom: 0.2em;}
#cast .in_container .cast_list .block .txt_box .name span.actor{display: block;}
#cast .in_container .cast_list .block .txt_box .name span.spring{background: #F8749C;}
#cast .in_container .cast_list .block .txt_box .name span.summer{background: #FFDB53;}
#cast .in_container .cast_list .block .txt_box .name span.autumn{background: #ffa653;}
#cast .in_container .cast_list .block .txt_box .name span.winter{background: #1EAFE6;}
#cast .in_container .cast_list .block .txt_box .name span.other{background: #898989;}
#cast .in_container .cast_list .block .txt_box .bd {margin-bottom: 2vw;}
#cast .in_container .cast_list .block .txt_box .link_box { font-size: 12px;display: flex;justify-content: start;}
#cast .in_container .cast_list .block .txt_box .link_box .l_top {margin-bottom: 1em;}
#cast .in_container .cast_list .block .txt_box .link_box .l_top a {margin-right: 40px;position: relative;}
#cast .in_container .cast_list .block .txt_box .link_box .l_top a::after {position: absolute;content: "";background-image: url("../images/btn_arrow.svg");background-repeat: no-repeat;background-size: contain;width: 14px;height: 14px;top: 50%;right: -24px;transform: translateY(-50%);}
#cast .in_container .cast_list .block .txt_box .link_box .l_bottom img {width: auto;}
#cast .in_container .cast_list .block:nth-of-type(even) {flex-direction: row-reverse;}
/* #cast .in_container .cast_list .block:nth-of-type(even) figure img {transform: translateX(0);}
#cast .in_container .cast_list .block:nth-of-type(even) figure img:last-of-type {left: inherit;right: -7%;} */
#cast .in_container .cast_list .block:nth-of-type(even) .txt_box {margin-right: 10%;margin-left: 0;text-align: right;}
#cast .in_container .cast_list .block:nth-of-type(even) .txt_box .link_box {justify-content: end;}
/* #cast .in_container .cast_list .block figure.js-play img {transform: translateX(0%);transition: .3s;} */
#cast .in_container .cast_list .and_more {font-size: 33px;font-weight: bold;line-height: 1.4em; padding-top: 8vw;}
#cast .in_container .cast_list .and_more span{ font-size: 24px;}
#cast .in_container .staff-list .sub-tit {font-size: 26px;font-weight: bold;line-height: 1.4em;margin-bottom: 60px; }
#cast .in_container .staff-list .staff:not(:last-of-type) {margin-bottom: 1.4em;}
#cast .in_container .staff-list .staff dl {display: flex;font-size: 20px;}
#cast .in_container .staff-list .staff dl dt {text-align: right;width: 49%;margin-right: 2%;position: relative;}
#cast .in_container .staff-list .staff dl dt:before {position: absolute;content: ":";top: 45%;right: -10px;transform: translateY(-50%);}
#cast .in_container .staff-list .staff dl dd {text-align: left;width: 49%;}
#cast .in_container .staff-list ul:not(:last-of-type){margin-bottom: 3em;}

#cast .in_container .gtit {font-size: 40px;line-height: 1.4em; font-weight: bold;}
#cast .in_container .gtit.spring{color: #e0125e;}
#cast .in_container .gtit.summer{color: #fabe00;}
#cast .in_container .gtit.autumn{color: #FF7834;}
#cast .in_container .gtit.winter{color: #1EAFE6;}
#cast .in_container .gtit.border-t{ }

#cast .in_container .list{margin-bottom: 140px;padding-bottom: 140px;border-bottom: 1px dashed #666;}
#cast .in_container .list ul{display: flex;justify-content: center;}
#cast .in_container .list ul li{font-size: 24px;font-weight: bold;font-family: 'Noto Sans JP', sans-serif;line-height: 1.4em;}
#cast .in_container .list ul li:not(:last-of-type){margin-right: 40px;}

@media only screen and (max-width: 768px) {
    #cast .in_container .cast_list {margin-bottom: 80px;}
    #cast .in_container .cast_list .block {display: block;}
    #cast .in_container .cast_list .block:not(:last-of-type) {margin-bottom: 50px;}
    #cast .in_container .cast_list .block:nth-of-type(even) .txt_box {margin-right: inherit;margin: 0 auto;}
    #cast .in_container .cast_list .block figure {width: 80%;margin: 0 auto 30px;}
    #cast .in_container .cast_list .block .txt_box {width: 80%;margin: 0 auto;}
    #cast .in_container .cast_list .block .txt_box .name {font-size: 28px;}
    #cast .in_container .cast_list .block .txt_box .name span.role{font-size: 16px;}
	#cast .in_container .cast_list .and_more{ font-size: 24px;}
	#cast .in_container .cast_list .and_more span{ font-size: 20px;}
    #cast .in_container .staff-list .sub-tit {font-size: 5.8vw;margin-bottom: 7vw;}
    #cast .in_container .staff-list .staff:not(:last-of-type) {margin-bottom: 0.4em;}
    #cast .in_container .staff-list .staff dl {font-size: 3.6vw;}
    #cast .in_container .staff-list .staff dl dt {width: 23%;margin-right: 4%;}
    #cast .in_container .staff-list .staff dl dd {width: 73%;}
    #cast .in_container .staff-list ul:not(:last-of-type){margin-bottom: 1.2em;}

    #cast .in_container .gtit {font-size: 30px}
	#cast .in_container .gtit.border-t{ }
    #cast .in_container .list{margin-bottom: 80px;padding-bottom: 80px;}
    #cast .in_container .list ul{display: block;}
    #cast .in_container .list ul li{font-size: 18px;}
    #cast .in_container .list ul li:not(:last-of-type){margin-right: inherit;margin-bottom: 20px;}
}
/********* CAST ********/
/********* NEWS ********/
.paging {text-align: center;}

.pagination {clear: both;padding: 20px 0;position: relative;font-size: 14px;line-height: 14px;text-align: center;display: inline-block;}
.pagination-box {display: inline-block;}
.pagination span, .pagination a {display: block;float: left;margin: 2px 12px 2px 0;padding: 10px 15px 10px 15px;text-decoration: none;width: auto;color: var(--txt-color);background: transparent;position: relative;z-index: 1; }
.pagination span:after, .pagination a:after {content: "";position: absolute;background-color: var(--top-bg);width: 34px;height: 34px;z-index: -1;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: 0.2s ease;}
.pagination a:after {background-color: transparent;}
.pagination a:hover {color: var(--white);}
.pagination a:hover:after {background-color: var(--top-bg);transition: 0.2s ease;}
.pagination .current {padding: 10px 15px 10px 15px;color: var(--white);}

@media only screen and (max-width: 413px) {
    .pagination {font-size: 12px;line-height: 12px;}
    .pagination span, .pagination a {padding: 8px 10px 8px 10px;}
    .pagination a:hover {color: var(--txt-color);}
    .pagination a:hover:after {background-color: transparent;}
    .pagination .current {padding: 8px 10px 8px 10px;}
}
/********* NEWS ********/
/********* TICKET ********/
#tickets .pagetit {font-size: min(7.8vw, 100px);text-align: left;transition: 0.3s all;}
#tickets .pagetit.active {font-size: 60px;}
#tickets .comingsoon {margin: 10vw 0 13vw;}
#tickets .in_container {margin: 0 auto 14vw;}
#tickets .in_container .schedule_list {max-width: 607px;margin: 0 auto 50px;line-height: 1.6em;}
#tickets .in_container .schedule_list .day {font-size: clamp(45px,7vw, 80px); margin-bottom: 40px;}
#tickets .in_container .schedule_list .venue {font-size: clamp(22px,4.2vw,43px);}
#tickets .in_container .schedule {width: min(100%, 900px);margin: 0 auto 140px;}
#tickets .in_container .ticket-contents {text-align: left;}
#tickets .in_container .ticket-contents .content_list:not(:last-of-type) {margin-bottom: 109px;}
#tickets .in_container .ticket-contents .content_list dl {display: flex; justify-content: space-between;}
#tickets .in_container .ticket-contents .content_list dl dt {width: 20%;}
#tickets .in_container .ticket-contents .content_list dl dt .in_tit {position: relative;display: inline-block; font-size: 29px;line-height: 1.4em;font-weight: bold;}
#tickets .in_container .ticket-contents .content_list dl dt .in_tit:before {position: absolute;content: "";background: var(--key-color);width: 100%;height: 5px;bottom: -20px;}
#tickets .in_container .ticket-contents .content_list dl dt .in_tit:after {position: absolute;content: attr(data-title) "";width: 100%;font-size: 16px;bottom: -70px;left: 0;}
#tickets .in_container .ticket-contents .content_list dl dt .in_tit.jp {font-size: 18px;}
#tickets .in_container .ticket-contents .content_list dl dd {width: 78%;font-weight: normal;}
#tickets .in_container .ticket-contents .content_list dl dd .in_head {background-color:  var(--key-color); color: #fff; padding: 0.5em 1em; font-weight: bold;font-size: 20px;line-height: 1.4em;}
#tickets .in_container .ticket-contents .content_list dl dd .txt {font-size: 32px;line-height: 1.6em;}
#tickets .in_container .ticket-contents .content_list dl dd .bg_box {background: var(--white);padding: 50px;}
#tickets .in_container .ticket-contents .content_list dl dd .bg_box:not(:last-of-type) {margin-bottom: 20px;}
#tickets .in_container .ticket-contents .content_list dl dd .outline {border-bottom: 1px dashed #C7C7C7;padding-bottom: 20px;margin-bottom: 20px;}
#tickets .in_container .ticket-contents .content_list dl dd .outline dt {width: 30%;margin-right: 4%;font-weight: bold;}
#tickets .in_container .ticket-contents .content_list dl dd .outline dd {width: 66%;}
#tickets .in_container .ticket-contents .content_list dl dd .in_txt {font-size: 16px;}
#tickets .in_container .ticket-contents .content_list dl dd .box_space_left {padding-right: 33%;position: relative;}
#tickets .in_container .ticket-contents .content_list dl dd .box_space_left .logo {position: absolute;content: "";width: 26%;height: auto;right: 10px;}
#tickets .in_container .ticket-contents .content_list dl dd .bb {border-bottom: 1px solid #C7C7C7;}
#tickets .in_container .ticket-contents .content_list dl dd .txt_block {margin-bottom: 30px;}
#tickets .in_container .ticket-contents .content_list dl dd .txt_block:not(:last-of-type) {padding-bottom: 20px;margin-bottom: 20px;}
#tickets .in_container .ticket-contents .content_list dl dd .detail-wrap {display: flex;justify-content: space-between;margin-bottom: 95px;}
#tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .playguide {width: 75%;margin-right: 5%;}
#tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .playguide dl {display: flex;}
#tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .playguide dl dt {width: 22%;margin-right: 8%;}
#tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .playguide dl dd {width: 70%;}
#tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .btn_03 {width: 20%;font-size: 14px;padding: 10px;}
#tickets .in_container .ticket-contents .content_list dl dd .tag {background: var(--key-color);position: relative;font-size: min(1.4vw, 16px);display: flex;align-items: center;color: var(--white);font-weight: bold;padding: min(1vw, 10px) 0 min(1vw, 10px) 3%;z-index: 2;}
#tickets .in_container .ticket-contents .content_list dl dd .tag:before {position: absolute;content: "";background: var(--key-color);width: min(5vw, 34px);height: min(5vw, 34px);right: -17px;top: 50%;transform: translate(0, -50%) rotate(45deg);z-index: -1;}
#tickets .in_container .ticket-contents .content_list dl dd .note-wrap {margin-bottom: 50px;}
#tickets .in_container .ticket-contents .content_list dl dd .note {margin-bottom: 0; }

#tickets .in_container .ticket-contents .content_list .bg_box:not(:last-of-type) {margin-bottom: 50px;}

#tickets .in_container .schedule_block .price-txt{margin-bottom: 1em; /*display: flex; justify-content: center;*/}
#tickets .in_container .schedule_block .price-txt .price_stit{ font-size: 16px; line-height: 1.5em; border: 1px solid #000; padding: 0.5em 1em; margin-bottom: 0.5em; display: flex; align-items: center; justify-content: center;}
#tickets .in_container .schedule_block .price-txt .price_stit .areamap a{ background-color: var(--key-color02); color: #fff;    padding: 0.5em 1em; text-decoration: none;font-size: 14px;line-height: 1em;margin-left: 1em;}

#tickets .in_container .schedule_block .price-txt ul{display: flex; justify-content: center;}
#tickets .in_container .schedule_block .price-txt li{display: inline-block;position: relative;}
#tickets .in_container .schedule_block .price-txt li:not(:last-of-type){padding-right: 1.2em;}
#tickets .in_container .schedule_block .price-txt li:not(:last-of-type):before{position: absolute;content: "/";top: 50%;transform: translateY(-50%);right: .3em;}
#tickets .in_container .schedule_block{}
#tickets .in_container .schedule_block .bg_box{background: var(--white);padding: 40px;}

/*****************　星取り表　*******************/
#tickets .in_container .content-wrap:not(:last-of-type){margin-bottom: 80px;}
#tickets .in_container .schedule_block{margin-bottom: 80px;}
#tickets .in_container .content-wrap.schedule_block:last-of-type{margin-bottom: 120px;}
#tickets .in_container .schedule_block .schedule-tit{font-size: 38px;text-align: center;margin-bottom: 10px;line-height: 1.4em;font-weight: bold;color: var(--key-color02);}
#tickets .in_container .schedule_block .place{font-size:30px;line-height: 1.6em;color: #333;}
#tickets .in_container .schedule_block .calender01{ width: 100%; table-layout: fixed;border-collapse: collapse; }
#tickets .in_container .schedule_block .calender01.pc_only{display: table;}
#tickets .in_container .schedule_block .calender01 .sat{color: var(--hoshitori-sat);}
#tickets .in_container .schedule_block .calender01 .sun{color: var(--hoshitori-sun);}

#tickets .in_container .schedule_block .calender01 thead{width: 100%;}
#tickets .in_container .schedule_block .calender01 th{width: 14%;text-align: center;padding: 20px 0;border-bottom: 1px solid #fff;background: var(--hoshitori-head-color);color: #fff;}
#tickets .in_container .schedule_block .calender01 th:not(:last-of-type){border-right: 1px solid #fff;}
#tickets .in_container .schedule_block .calender01 th.year{border-right: 1px solid #fff;}
#tickets .in_container .schedule_block .calender01 td{text-align: center;padding: 20px 0;border-bottom: 1px solid #fff;background: var(--sm-bg);}
#tickets .in_container .schedule_block .calender01 td:not(:last-of-type){border-right: 1px solid #fff;}
/* #tickets .in_container .schedule_block .calender01 td:nth-of-type(odd){background: rgb(245, 245, 245)} */
#tickets .in_container .schedule_block .calender01 td.time{background: var(--hoshitori-time-color);color: #fff;}
#tickets .in_container .schedule_block .calender01 td.off{background: #fff;color: #333;}
#tickets .in_container .schedule_block .calender01 td.time.sat{color: var(--hoshitori-sat);}
#tickets .in_container .schedule_block .calender01 td.time.sun{color: var(--hoshitori-sun);}
/*****************　星取り表　*******************/


@media only screen and (max-width: 834px) {
    #tickets .pagetit.active {font-size: min(7.8vw, 100px);}
    #tickets .comingsoon {margin: 13vw 0 13vw;}
    #tickets .in_container .schedule_list {max-width: 607px;margin: 0 auto 50px;}
    #tickets .in_container .schedule_list .day {margin-bottom: 22px;}
    #tickets .in_container .schedule {margin: 0 auto 70px;}
    #tickets .in_container .ticket-contents .content_list:not(:last-of-type) {margin-bottom: 50px;}
    #tickets .in_container .ticket-contents .content_list dl {display: block;}
    #tickets .in_container .ticket-contents .content_list dl dt {width: 100%;margin-right: inherit;margin-bottom: 30px;}
    #tickets .in_container .ticket-contents .content_list dl dt .in_tit {font-size: 24px;}
    #tickets .in_container .ticket-contents .content_list dl dt .in_tit:before {bottom: -10px;}
    #tickets .in_container .ticket-contents .content_list dl dt .in_tit:after {bottom: inherit;top: -32px;font-size: 14px;}
    #tickets .in_container .ticket-contents .content_list dl dt .in_tit.jp {font-size: 16px;}
    #tickets .in_container .ticket-contents .content_list dl dd {width: 100%;}
    #tickets .in_container .ticket-contents .content_list dl dd .txt {font-size: 22px;}
    #tickets .in_container .ticket-contents .content_list dl dd .bg_box {background: var(--white);padding: 3%;}
    #tickets .in_container .ticket-contents .content_list dl dd .bg_box:not(:last-of-type) {}
    #tickets .in_container .ticket-contents .content_list dl dd .outline dt {width: 100%;margin-right: 0;margin-bottom: 10px; line-height: 1.5em;}
    #tickets .in_container .ticket-contents .content_list dl dd .outline dd {width: 100%;}
    #tickets .in_container .ticket-contents .content_list dl dd .in_txt {font-size: 16px;}
    #tickets .in_container .ticket-contents .content_list dl dd .box_space_left {padding-right: inherit;position: relative;padding-top: 50%;}
    #tickets .in_container .ticket-contents .content_list dl dd .box_space_left .logo {right: inherit;top: 0px;left: 50%;transform: translateX(-50%);}
    #tickets .in_container .ticket-contents .content_list dl dd .txt_block {margin-bottom: 20px;}
    #tickets .in_container .ticket-contents .content_list dl dd .txt_block:not(:last-of-type) {padding-bottom: 10px;}
    #tickets .in_container .ticket-contents .content_list dl dd .detail-wrap {display: block;margin-bottom: 45px;}
    #tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .playguide {width: 100%;margin-right: 0%;}
    #tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .playguide dl {display: block;margin-bottom: 30px;}
    #tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .playguide dl dt {width: min(40%, 150px);margin-right: 0;margin-bottom: 10px;font-size: 16px;}
    #tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .playguide dl dd {width: 100%;}
    #tickets .in_container .ticket-contents .content_list dl dd .detail-wrap .btn_03 {width: min(100%, 300px);font-size: 14px;padding: 10px;}
    #tickets .in_container .ticket-contents .content_list dl dd .tag {display: block;padding: 4px 10px;}
    #tickets .in_container .ticket-contents .content_list dl dd .tag:before {right: -12px;width: 23px;height: 23px;}
    #tickets .in_container .ticket-contents .content_list dl dd .note-wrap {margin-bottom: 30px;}


    #tickets .in_container .content-wrap:not(:last-of-type){margin-bottom: 40px;}
    #tickets .in_container .schedule_block{margin-bottom: 40px;}
    #tickets .in_container .schedule_block .schedule-tit{font-size: 24px;}
    #tickets .in_container .schedule_block .place{font-size: 20px;}
    #tickets .in_container .schedule_block .calender01 th{padding: 12px 0;width: 8%;}
    #tickets .in_container .schedule_block .calender01 td{padding: 6px 0;}
    #tickets .in_container .schedule_block .calender01 td.time{font-size: 16px;line-height: 1.3em;}
    #tickets .in_container .schedule_block .price-txt{/* display: inherit;*/    border-top: 1px solid #000;}
    #tickets .in_container .schedule_block .price-txt .price_stit{ margin-right: 0; border: none; border-bottom: 1px solid #000;line-height: 1.3em;}
    #tickets .in_container .schedule_block .price-txt ul{flex-wrap: wrap;}
    #tickets .in_container .schedule_block .price-txt li{font-size: 16px;line-height: 1.6em;}
    #tickets .in_container .schedule_block .bg_box{padding: 20px;}
}
/********* TICKET ********/
/********* NOTICE ********/
#notice {}
#notice .heading1 {font-size: clamp(20px,2vw,26px);font-weight: bold;line-height: 1.3em;margin-bottom: 1.5em;}
#notice .txt {text-align: left;font-size: 16px;line-height: 2em;margin-bottom: 80px;}
#notice .txt_box{ text-align: left; margin-bottom: 60px; background: #fff; padding: 5%;}
#notice .txt_box.border{}
#notice .txt_box .heading{ font-size: 24px; font-weight: bold; line-height: 1.3em; margin-bottom: 1.5em; text-align: center; padding-top: 40px;}
#notice .txt_box .stit{     border-left: 4px solid var(--key-color);padding: 0.5em 0 0.5em 1em;font-weight: bold;font-size: 1.2em;line-height: 1.5em;margin: 0 0 1em;}
#notice .txt_box p{ margin-bottom: 2em;}
#notice .txt_box p:last-child{ margin-bottom: 0;}
#notice .txt_box p strong{ font-size: 1.05em; line-height: 1.5em;}
#notice .txt_box a{text-decoration: underline;}
#notice .txt_box a:hover{text-decoration: none;opacity: .8;}
#notice .txt_box ul{ list-style: disc; padding-left: 24px; margin-bottom: 1.5em;}
#notice .txt_box li{ margin-bottom: 0.6em;}

#notice .txt_box .alert{ margin-bottom: 1em;}
#notice .txt_box .alert .sstit{ font-weight: bold;font-size: 1.2em;line-height: 1.7em;}

.backtoticket a{text-decoration: none; display: block; border: 1px solid #000; padding: 1em 0; }

@media only screen and (max-width: 834px) {
    #notice .txt{ font-size: 14px; line-height: 1.8em; margin-bottom: 20px;}
    #notice .txt_box{ margin-bottom: 20px;}
    #notice .txt_box.border{ padding: 20px 12px;}
    #notice .txt_box .heading{ font-size: 16px; padding-top: 12px;}
    #notice .txt_box ul{ padding-left: 20px; margin-bottom: 1em;}
    #notice .txt_box li{ font-size: 14px; line-height: 1.5em;}
    #notice .txt_box p{ margin-bottom: 1em;}

    #notice .txt_box .stit{ font-size: 1em; margin-top: 2em;}
    #notice .txt_box .alert .sstit{ font-size: 1em;}
}

/********* NOTICE ********/
.fix_wrap .fix_left_box {left: 3vw;}

#in_news {text-align: left;}
#in_news .container {max-width: 980px;margin: 0 auto 10vw;}
#in_news .container .single {margin-bottom: 130px;}
#in_news .container .single p{/*margin:0 0 .3em 0 ;*/}
#in_news .container .single .date {font-size: 12px; margin-bottom: 20px;}
#in_news .container .single .heading {font-size: 20px;font-weight: bold;line-height: 1.6em;text-decoration: none;margin-bottom: 50px;}
#in_news .container .txt_box .txt {font-size: 16px;line-height: 1.8em;}
#in_news .container .txt_box .txt:not(:last-of-type) {margin-bottom: 1.6em;}
#in_news .container .txt_box a {text-decoration: underline; color: #f8749c;}
#in_news .container .txt_box a:hover {opacity: .8;}
#in_news .container .single_bottom {text-align: center; }
#in_news #tw .container {margin: 0 auto;}

#in_news .container .txt_box h2{ background-color: #f5f5f5;padding: 1em 2em;font-weight: bold;font-size: 1.5em;line-height: 1.5em;margin: 3em 0 1em;}
#in_news .container .txt_box h3{ border-left: 4px solid var(--key-color);padding: 0.5em 0 0.5em 1em;font-weight: bold;margin: 2em 0 1em;}
#in_news .container .txt_box blockquote{padding:1px 24px 20px;background: #fafafa;}
@media only screen and (max-width: 834px) {
	#in_news .container .single{ margin-bottom: 60px; padding: 3%;}
	#in_news .container .single .heading{ font-size: 18px; margin-bottom: 30px;}
	#in_news .container .single .date {font-size: 14px;}
    
    #in_news .container .txt_box h2{ padding: 1em; font-size: 1.2em;}
}


/********* GOODS ********/
#goods .detail-block{padding: 50px 0 0;margin-bottom: 120px;}
#goods .detail-block .btn_box{ max-width: inherit;}
#goods .detail-block .btn_box ul{ display: flex; justify-content: center;}
#goods .detail-block .btn_box ul li{ width: 30%; margin: 0 1%;}
#goods .detail-block .btn_box ul li:nth-of-type(odd){ margin-right: 1%;}

#goods .detail-block .ouen_link{ margin-top:60px;}
#goods .detail-block .ouen_link a{display: block;border: 1px solid #f8749c;border-radius: 50px;background-color: #fff;color: #f8749c;padding: 20px 0;width: 30%;margin: 0 auto;text-align: center;font-weight: bold;text-decoration: none;}
#goods .detail-block .ouen_link a:hover{ box-shadow: 0px 0px 10px #e6508780; transform: translateY(-5%);}

#goods .goods-block .flex-box{display: flex;flex-wrap: wrap;}
#goods .goods-block .flex-box .goods-box{flex-basis: 32%;width: 30%;border: 2px solid #fff;background-color: #fff5d6;position: relative;margin-bottom: 50px;margin-right: 2%;}
#goods .goods-block .flex-box .goods-box:nth-child(3n){margin-right: 0;}
/*#goods .goods-block .flex-box .goods-box:first-child{ flex-basis: 70%; max-width: 70%; margin: 0 auto 50px;}*/
#goods .goods-block .flex-box .goods-box a{ display: block; line-height: 0;}
#goods .goods-block .flex-box .goods-box .txt-box{padding: 30px 20px;text-align: left;}
#goods .goods-block .flex-box .goods-box .txt-box p{font-size: 13px;line-height: 1.6em;font-weight: 400;}
#goods .goods-block .flex-box .goods-box .txt-box .g-tit{font-size: 18px;font-weight: bold;line-height: 1.8em;margin-bottom: 20px; }
#goods .goods-block .flex-box .goods-box .txt-box .g-tit span{display: block;color: #ff0000;/* font-size: 0.7em; */line-height: 1.5em;margin-bottom: 0.8em;}

#goods .text-note{text-align: left;margin-bottom: 80px;}
#goods .text-note ul li{font-size: 14px;line-height: 1.6em;}
#goods .text-note ul li:not(:last-of-type){margin-bottom: 0.5em;}

#goods .bottom-link .link-button a{max-width: 422px;margin: 0 auto 60px;}

@media only screen and (max-width: 834px){
    #goods .detail-block{padding: 0;margin-bottom: 50px;}
	#goods .detail-block .btn_box ul{ display: block;}
	#goods .detail-block .btn_box ul li{ width: 100%; margin-right: 0 !important; margin-bottom: 6px;}

    #goods .goods-block .flex-box{display: block;}
    #goods .goods-block .flex-box .goods-box{flex-basis: 100%;width: 100%;margin-bottom: 25px;}
/*	#goods .goods-block .flex-box .goods-box:first-child{flex-basis: 100%;max-width: 100%;margin-bottom: 25px;}*/
    #goods .goods-block .flex-box .goods-box .txt-box{padding: 12px 11px;}
    #goods .goods-block .flex-box .goods-box .txt-box .g-tit{margin-bottom: 15px;font-size: 15px;}
    #goods .goods-block .flex-box .goods-box .txt-box p{font-size: 13px;margin-bottom: 10px;}
    #goods .text-note{margin-bottom: 30px;}

    #goods .bottom-link .link-button a{margin: 0 auto 50px;}
    #goods .link-button a{padding: 20px 0;font-size: 16px;}
    
    #goods .detail-block .ouen_link{ margin-top: 20px;}
    #goods .detail-block .ouen_link a{ width: 100%;}
}


/********************** STREAMING *******************************/
#streaming .container{margin: 0 auto 160px;}
#streaming .sche_middle{ padding-top: 60px;}
#streaming .list_info{}
#streaming .contents_list{}
#streaming .contents_list li{ background-color: #feeff1; padding: 60px; text-align: left; margin-bottom: 20px;}
#streaming .contents_list li .heading{ color: #917771; font-size: 30px; font-weight: bold; line-height: 1.5em; margin-bottom: 1em;}
#streaming .contents_list li p{ font-size: 16px; line-height: 1.7em; margin-bottom: 1.5em;}
#streaming .contents_list li p strong{ color: var(--key-color);}
#streaming .contents_list li p span{ display: inline-block; font-size: 0.8em; line-height: 1.5em;}
#streaming .contents_list li a{ color: var(--key-color); text-decoration: underline;}

#streaming .heading1{font-size: clamp(20px,2vw,26px);font-weight: bold;line-height: 1.5em;margin-bottom: 80px;}
#streaming .txt_box{text-align: left;}
#streaming .txt_box:last-of-type{margin-bottom: 80px;}

@media only screen and (max-width: 768px){
    #streaming .container{margin: 0 auto 100px;}
#streaming .sche_middle{ padding-top: 20px;}
#streaming .contents_list li{ padding: 20px 12px; margin-bottom: 12px;}
#streaming .contents_list li .heading{ font-size: 18px;}
#streaming .contents_list li p{ font-size: 14px; line-height: 1.5em; margin-bottom: 1em;}
#streaming .heading1{text-align: left; margin-bottom: 50px;}
#streaming .txt_box:last-of-type{margin-bottom: 40px;}
}
.list_info{ margin-bottom: 60px;}
.list_info li{display: flex;justify-content: space-between;text-align: left;padding: 20px 0;border-bottom: 1px dashed #ccc;}
.list_info li:last-child{ border-bottom:none;}
.list_info li .stit{color: var(--key-color);width: 20%;font-weight: bold;margin: 0;}
.list_info li .txt{width: 76%;font-size: 16px;}
.list_info li .txt p{ font-weight: 400;}
.list_info li .txt p:last-child{ margin:0;}
.list_info li .txt a{ color: var(--key-color); text-decoration: underline;}

@media only screen and (max-width: 768px){

/* .list_info{ margin-bottom: 20px;} */
.list_info li{ display: block; padding: 12px 0;}
.list_info li .stit{ width: 100%; font-size: 15px; margin-bottom: 8px;}
.list_info li .txt{ width: 100%;}
.list_info li .txt p{ font-size: 14px; line-height: 1.5em;}
}


/********* GUIDE ********/
#guide.page_content{ margin-bottom: 120px;}

#guide .detail-block{padding: 50px 0 0;margin-bottom: 120px;}
#guide .detail-block .btn_box ul li{ vertical-align: top;}
#guide .detail-block .btn_box ul li span{ color: #f00; font-size: 13px;}

#guide .block{ padding: 40px; text-align: left; background-color: var(--white); margin-bottom: 20px; line-height: 1.7em;}
#guide .block .title{ font-size: 30px; font-weight: bold; line-height: 1.3em; margin-bottom: 1.3em; text-align: center; color: var(--key-color); text-decoration: none;}
#guide .block .title2 { font-size: 20px; font-weight: bold; line-height: 1.5em; margin-bottom: 0.2em; margin-top: 2em;}
#guide .block ul{ list-style: disc; padding-left: 24px; margin-bottom: 20px;}
#guide .block li{}
#guide .block a.btn_02{ color: #fff; text-decoration: none; text-align: center; font-size: 1em; width: 100%; max-width: inherit; margin-bottom: 2em;}
#guide .block a.btn_02:before{ width: 100%; height: 100%;}
#guide .block a{ color: var(--key-color); text-decoration: underline;}
#guide .block img{ width:auto; max-width: 100%;}
#guide .block .red{ color:#f00;}
#guide .block .yellow{ color:#ff7c00;}

.youtubefull{position:relative;width:100%; margin:0 auto;padding-top:56.25%;}
.youtubefull iframe{position:absolute;top:0;right:0;width:100%;height:100%;}

@media only screen and (max-width: 834px){
#guide .detail-block{ padding: 0; margin-bottom: 40px;}

#guide .block{ padding: 20px 12px; margin-bottom: 12px; font-size: 14px; line-height: 1.6em;}
#guide .block .heading{ font-size: 20px; text-align: left; margin-bottom: 1em;}
#guide .block .heading2{ font-size: 16px;}
#guide .block ul{ margin-bottom: 12px;}
#guide .block a.btn_02{ font-size: max(0.8vw, 12px); line-height: 2em; padding: 1.6em;}
#guide .block a.btn_02:before{ width: 97%; height: 88%;}
}
/******************************* error_404 *********************************/
#error_404 {
    text-align: center;
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    padding: 100px 0 200px;
  }
  #error_404 .stit {
    font-size: 3em;
    line-height: 1.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
  }
  #error_404 .text {
    font-size: 1.2em;
  }
  #error_404 .button-outer {
    margin-top: 3em;
  }


/*lightbox*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #faffb3;
}

#colorbox {
  outline: none;
}

/* #cboxContent{margin-bottom:60px; overflow:visible;}*/
#cboxContent {
  margin-right: 60px;
  overflow: visible;
  margin-bottom: 0;
}

.cboxIframe {
  background: #000;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  background: #fff;
}

#cboxLoadingGraphic {
  background: url(../images/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
  background: #fff;
}

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

#cboxSlideshow, #cboxClose {
  text-indent: -9999px;
  width: 40px;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../images/controls2.png) no-repeat 0 0;
}

#cboxClose {
  background-position: 7px 0;
  right: -50px;
  border: 0;
  outline: none;
}

#cboxClose:hover {
  background-position: -40px 0;
}

@media screen and (max-width: 768px) {
  #cboxContent {
    margin-right: 0;
    margin-bottom: 50px;
  }

  #cboxClose {
    right: 0;
    top: inherit;
    bottom: -35px;
    height: 22px;
  }
}/*# sourceMappingURL=pages.css.map */