@charset "UTF-8";
/* CSS Document */

/* contents */
.contents { background: white no-repeat top center; max-width: 1300px; margin: 0 auto; min-height: 100px; position: relative; z-index: 10; background-size: 100% auto; padding-bottom: 20px; width: calc(100% - 40px);}
.contents._dk { background: rgba(21,21,26,.8); color: white;}
._w1300 { max-width:1300px; margin-left: auto; margin-right: auto;}
.page-titlearea { color: white; text-align: center; position: relative; z-index: 20;}
.page-titlearea .inr { position: relative; justify-content: center; height: 580px; display: flex; align-items: center; flex-flow: column; padding-top: 100px;}
.page-titlearea .title { color:#e9c67c; position: relative; z-index: 10;filter: drop-shadow(0px 2px 8px rgba(0,0,0,.25))}
.page-titlearea .title .g_gold { background: linear-gradient(-3deg, #cba345 40%, #e9c67c);  display: block; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.page-titlearea .title span { display: block;}
.page-titlearea .title .en { font-size: 32px; line-height: 1; font-weight:400; padding-bottom: 22px; letter-spacing: 0.05em; color: #fcd71c;}
.page-titlearea .title .jp { font-size: 68px; font-weight: 800; line-height: 1; letter-spacing: 0.02em; color: white; }
.page-titlearea .title .label {  display: inline-block; background:rgba(255,255,255,0.9); min-width: 200px; line-height: 32px; color: #162326; font-size: 20px; font-weight: 700; margin:13px auto 0; padding: 0 20px 1px; vertical-align: top;}
.page-titlearea .title._m .jp { font-size: 60px; }
.page-titlearea .title._s .jp { font-size: 48px; }
.page-titlearea .title._ss .jp { font-size: 40px; }
.page-titlearea .textarea { position:relative; z-index: 2; text-align: center;}
.attention li,.ls-list { text-indent:-1em; padding-left: 1em; letter-spacing: normal;}
.ls-num li { list-style: decimal; text-indent:-1em; padding-left: 1em; letter-spacing: normal; list-style-position: inside}
.textlink { text-decoration: underline; color: #011525}
.textlink.c_blue { color:#006EBE}
.textlink:hover { text-decoration: none; }
.contents-header { overflow: hidden;}
.top-character { position: absolute;z-index: 2; vertical-align: bottom; right: 0; left: 0;  overflow: hidden; top: 0; height: 600px;}
.page-about .top-character { top: -145px;height: 1000px;}
.page-about .top-character ._01 { width: 600px; left: calc(50% - 300px); margin-left: -396px; position: absolute; bottom: -60px;}
.page-about .top-character ._02 { width: 820px; right: calc(50% - 417px); margin-right: -688px; position: absolute; bottom: -82px;}
.page-outline .top-character img { width: 500px; right: calc(50% - 250px); margin-right: -509px; position: absolute; bottom: -193px;}
.page-program .top-character { top: -98px; height: 1000px;}
.page-program .top-character img { width: 580px; right: calc(50% - 285px); margin-right: 10px; position: absolute; top: 0}
.page-supporter .top-character { top: 0px; height: 600px;}
.page-supporter .top-character img { width: 250px; right: calc(50% - 125px); margin-right: -455px; position: absolute; bottom: -120px}

@media screen and (max-width:1300px){
	.page-titlearea .title .en { font-size: 30px; padding-bottom: 21px;  }
	.page-titlearea .title .jp { font-size: 63px; }
}
@media screen and (max-width:768px){
	.contents { min-height: 600px; width: 100%; }
	.page-titlearea .inr { height: 400px; padding-top: 50px;}
	.page-titlearea .title .en { font-size: 24px; padding-bottom: 14px;}
	.page-titlearea .title .jp { font-size: 47px; }
	.page-titlearea .title._m .jp { font-size: 42px; }
	.page-titlearea .title._s .jp { font-size: 32px; }
	.page-titlearea .title._ss .jp { font-size: 28px; }
	.page-titlearea .title .label { min-width: 170px; line-height: 30px; font-size: 17px; margin:11px auto 0;}
	.contents:after { left: 9px; bottom: -365px; width: 220px; height: 487px;}
	.attention li,.ls-list,.ls-num { font-size: 12.5px; line-height: 1.7;}
	.contents-header .photo{ height: 400px; padding-bottom: 65%; padding-bottom: 44%; }
	.top-character { height: 600px;}
	.page-about .top-character { top: -40px; height: 440px;}
	.page-about .top-character ._01 { width: 316px; left: calc(50% - 170px); margin-left: -207px; bottom: -90px;}
	.page-about .top-character ._02 { width: 436px; right: calc(50% - 220px); margin-right: -358px; bottom: -90px;}
	.page-outline .top-character img { width: 320px; right: calc(50% - 160px); margin-right: -279px;bottom: 103px;}
	.page-program .top-character { top: -98px; height: 440px;}
	.page-program .top-character img { width: 380px; right: calc(50% - 285px); margin-right: 10px;}
	.page-supporter .top-character { height: 440px;}
	.page-supporter .top-character img { width: 172px; right: calc(50% - 90px); margin-right: -259px;bottom: -52px}
}
@media screen and (max-width:480px){
	.contents { min-height: 380px; width: 100%; }
	.page-titlearea .inr { height: 280px; padding-top: 55px;}
	.page-titlearea .title .en { font-size: 18px; padding-bottom: 6px;}
	.page-titlearea .title .jp { font-size: 33px; line-height: 1.28; }
	.page-titlearea .title._l .jp { font-size: 30px; }
	.page-titlearea .title._m .jp { font-size: 29px; }
	.page-titlearea .title._s .jp { font-size: 21px; line-height: 1.33;}
	.page-titlearea .title._ss .jp { font-size: 18px; }
	.page-titlearea .title .label { min-width: 125px; line-height: 24px; font-size: 14px; margin:9px auto 0;}
	.contents:after { left: -41px; bottom: -302px; width: 170px; height: 364px;}
	.attention li,.ls-list { font-size: 11px; line-height: 1.6;}
	.contents-header .photo { height: 260px; padding-bottom: 65%; padding-bottom: 44%; }
	.top-character { height: 300px;}
	.page-about .top-character { top: -0px; height: 280px;}
	.page-about .top-character ._01 { width: 194px; left: calc(50% - 100px); margin-left: -134px;bottom: -45px;}
	.page-about .top-character ._02 { width: 272px; right: calc(50% - 140px); margin-right: -214px;bottom: -38px;}
	.page-outline .top-character img { width: 240px; right: calc(50% - 120px); margin-right: -147px;bottom: -50px;}
	.page-program .top-character { top: -98px; height: 280px;}
	.page-program .top-character img { width: 580px; right: calc(50% - 285px); margin-right: 10px;}
	.page-supporter .top-character { height: 300px;}
	.page-supporter .top-character img { width: 124px; right: calc(50% - 62px); margin-right: -148px;bottom: -35px}
}


/* header */
.header { position:absolute; z-index: 50; left: 0; right: 0; top: 0;}
.header a { color: white;}
.header-inr { display: flex; align-items: center;}
.header__logo { width: 220px; margin-top: 12px; margin-left: 14px; }
.gnav { margin-left: 6px; position: relative; top: -8px;}
.gnav__item { display: inline-block; margin-left: 40px;}
.gnav__item > a { font-weight: 600; letter-spacing: 0.02em; font-size: 19px; min-height: 45px; display: flex; align-items: center;/* text-shadow: 0 1px 1px rgb(0 0 0 / 60%)*/filter: drop-shadow(0px 1px 5px rgba(21,21,26,.85))}
.gnav__item > a:after { content: ""; display: inline-block; width: 5.5px; height: 10px; background: url("../img/arw_w.png") no-repeat center; background-size: 100% auto; margin-left: 7.5px; position: relative; top: 1.5px;} 
.gnav__item.current > a:after,
.gnav__item:hover > a:after { background-image: url("../img/arw_r.png"); }
.gnav__item a:hover,
.gnav__item.current a,
.dropmenu-btn:hover > a,
.gnav-sp__item.current a,
.gnav-sp__item:hover > a,
.dropmenu-box li a:hover,
.dropmenu-box li.current a { color:#ffe600;}
.btn-english { position:absolute; right: 13px; top: 13px; }
.btn-english a { width: 90px; font-size: 12px; font-weight: 400; line-height: 23px; padding-bottom: 1px; border: solid 1px white; display: block; text-align: center; letter-spacing: 0.02em; color: white;}
.btn-english a:hover { border-color : #ffe600; color: #ffe600;}
.dropmenu-btn {perspective: 400px; z-index: 1; pointer-events: all;}
.dropmenu-btn._special { z-index: 100;}
.dropmenu-btn a { cursor: pointer;}
.dropmenu-box { position: absolute; background:rgba(21,21,26,.98); width: 240px; margin-left: -120px;  top: 45px; visibility:hidden; opacity: 0.8; -webkit-transform: scale(1,0); transform: scale(1,0); transform-origin: 0% 0; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; left: 50%; box-shadow:0px 1px 10px rgba(0,0,3,0.3); -webkit-box-shadow:0px 2px 9px rgba(0,0,3,0.3); }
.dropmenu li._hover ol{ visibility: visible; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); opacity: 1;}
.dropmenu-box li a { display: flex; align-items: center; justify-content: center; height:44px; border-bottom: 1px solid rgba(255,255,255,.00); color: #f6f1e9; text-align: center; font-size: 16px; font-weight: 600; letter-spacing: normal}
.dropmenu-box li:last-child a { border: none!important;} 
.dropmenu-box li a:hover,
.dropmenu-box li.current a {background: rgba(255,255,255,.025);}
.gnav__item .dropmenu-box li.current a { pointer-events: none!important;}
.dropmenu-box li ._s { font-size:85%; display: inline-block;}
.dropmenu-box li a small { display: block; font-size: 10px; line-height: 1.12;}

@media screen and (max-width:1300px){
	.header__logo { width: 190px; margin-top: 8px; margin-left: 11px;}
	.gnav { margin-left: 2px; }
	.gnav__item { margin-left: 31px; }
	.gnav__item > a { font-size: 17px; }
	.btn-english { position: absolute; right: 10px; top: 10px;}
	.btn-english a { width: 80px; font-size: 12px; line-height: 20px;}
}
@media screen and (max-width:768px){
	.header-inr { }
	.header__logo { width: 160px; margin-top: 5px; margin-left: 6px }
	.gnav { margin-left: 10px; top: -20px; display: none;}
	.gnav__item { margin-left: 40px; min-height: 50px;}
	.gnav__item > a { font-size: 16px; min-height: 50px; }
	.header .btn-english { right: 18px; top: 18px; display: none}
	.btn-english a { font-size: 12px; min-width:100px; line-height: 23px; padding-bottom: 1px;  }
	.dropmenu-box { width: 440px; margin-left: -220px; top: 30px; }
	.dropmenu-box li { width:50%; float: left; border-bottom: none!important;}
	.dropmenu-box li a {border:none;}
	.dropmenu-box li:nth-child(odd) {border-right: 1px solid rgba(255,255,255,.08);}
	.dropmenu-box li:nth-child(n + 3) {border-top: 1px solid rgba(255,255,255,.08);}
	.dropmenu-box li a { height:43px; font-size: 14px; } 
	.dropmenu-box li a small { font-size: 10px; }
}
@media screen and (max-width:480px){
	.header-inr { }
	.header__logo { width: 114px; margin-top: 4px; margin-left: 5px; }
	.gnav { margin-left: 10px; top: -20px; display: none;}
	.gnav__item { margin-left: 40px; min-height: 50px;}
	.gnav__item > a { font-size: 16px; min-height: 50px; }
	.header .btn-english { right: 18px; top: 18px; display: none}
	.btn-english a { font-size: 11px; min-width:70px; line-height: 20px; padding-bottom: 1px; }
	.dropmenu-box { width: calc(100% - 20px); margin-left:auto; margin-right: auto; top: 25px; left: 0; right: 0; }
	.dropmenu-box li a { height:36px; font-size: 12.5px; } 
	.dropmenu-box li._s a { font-size: 11px; }
	.dropmenu-box li a small { font-size: 10px; }
}


/* header-sp */
.gnav-sp {position: fixed; z-index: 61; left: 0; right: 0; height: 100%; display: flex; align-items: center; justify-content: center; flex-flow: column; -webkit-transition: all .0s ease-out; transition: all .0s ease-out; top: 10px; opacity: 0; pointer-events: none}
.open .gnav-sp { top:0; opacity: 1;-webkit-transition: all .9s ease; transition: all .9s ease; }
.gnav-sp .menu,.gnav-sp .nav-sns { pointer-events: none;}
.open .gnav-sp .menu,.open .nav-sns { pointer-events: all;}
.gnav-sp__item { text-align: center; font-size: 21px; margin-bottom: 17px; line-height: 1; font-weight: 700;}
.gnav-sp__item.logo { width: 226px; margin-bottom: 31px; margin-left: auto; margin-right: auto;}
.gnav-sp__item a { color: white;}
.gnav-sp .btn-english {position: static; }
.gnav-sp .nav-sns { margin: 4px auto 25px; display: flex;}
.gnav-sp .nav-sns li {width: 24px; margin: 0 5px }
.menubg { content: ""; display: block; position: fixed; left: 0; right: 0; top:0; height: 100vh; height: 100dvh; background:black url("../img/bg_contents.jpg")  top center; background-size: 1000px auto ; -webkit-transition: all .05s ease-out; transition: all .05s ease-out;  opacity: 0; z-index: 60; pointer-events: none;}
@supports (-webkit-touch-callout: none) {
	.menubg { min-height: 100dvh; height: -webkit-fill-available;}
}
.menubg:after { content: ""; background: rgba(0,0,0,1.00); left: 0; top: 0; right: 0; bottom: 0; position: absolute; opacity: .3}
.open .menubg { -webkit-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 1; pointer-events: all;}
.nav-toggle { position: absolute; cursor: pointer; padding: 0px 0px; z-index: 1001; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; height: auto; width: auto; right: 0px; top: 0px; display: none;}
.nav-toggle div { position: relative; } 
.nav-toggle .btn { background: linear-gradient(30deg,#ed6c00,#ed6c00); height: 30px; text-align: center; color: #fff; font-weight: 600; width:104px; font-size: 16px; letter-spacing: normal; overflow:hidden; position: relative; z-index: 10;}
.nav-toggle .btn ._menu,
.nav-toggle .btn ._close { position:absolute; left: 4px; right: 0; transition: all .3s ease; display: flex; align-items: center; justify-content: center; height: 27px; line-height: 1; vertical-align: top;}
.nav-toggle .btn img { width: 65px}
.nav-toggle .btn ._menu { top: 2px; }
.nav-toggle .btn ._close { top: 30px}
.open .nav-toggle .btn ._menu { top: -30px;}
.open .nav-toggle .btn ._close { top: 1px}
.open .gnav-sp .btn-english {pointer-events: all;}
.nav-toggle .btn i { font-size: 22px; line-height: 1; margin-right: 1px; top: 0px; position: relative; font-style: normal;}

@media screen and (max-width:768px){
	.nav-toggle { display:block}
}
@media screen and (max-width:480px){
	.gnav-sp { top:8px; padding-bottom: 30px;}
	.gnav-sp ul.menu { width: 100%}
	.gnav-sp__item { font-size: 17.5px; margin-bottom: 12px; }
	.gnav-sp__item.logo { width: 162px; margin-bottom: 21px; }
	.gnav-sp .nav-sns { margin: 3.5px auto 17px;}
	.gnav-sp .nav-sns li {width: 20px; margin: 0 5px }
	.nav-toggle { right: 0px; top: 0px; width: auto; height: auto;}
	.nav-toggle .btn {height: 28px; width: 90px; font-size: 14px; }
	.nav-toggle .btn ._menu,
	.nav-toggle .btn ._close { height: 28px; left: 3px }
	.nav-toggle .btn img { width: 60px}
	.nav-toggle .btn i { font-size: 18px;top: -0px; margin-right: 1;}
	.nav-toggle .btn ._menu { top: 0px;}
	.open .nav-toggle .btn ._close { top: 0px}
	.menubg { background-size: 600px auto ; height: 100vh; height: 100dvh;}
	@supports (-webkit-touch-callout: none) {
		.menubg { min-height: 100dvh; height: -webkit-fill-available;}
	}
}


/*footer*/
.footer { position: relative; z-index: 10; position: relative; color:white; text-align: center; background: rgba(21,21,26,0.8); margin-top: 200px;}
.footer-inr { padding: 86px 0 38px;}
.footer .logoarea { display: flex; justify-content: center; align-items: center;}
.footer .logoarea li._earth { width: 215px;}
.footer .logoarea li._fujitv { width: 215px;margin:0 90px;}
.footer .logoarea li._cirque { width: 182px; margin-left: 2px; }
.footer .logoarea li p { font-size: 14px; line-height: 1; margin-bottom: 17px;}
.footer .logoarea li a { display: block;}
.footer .nav-sns { margin-top: 62px; text-align: center; display: flex; justify-content: center; align-items: center;}
.footer .nav-sns li { width: 25px; margin-left: 13px;}
.footer .nav-sns li:first-child { margin-left:0}
.footer .nav-sns li a { display: block;}
.footer .fjevent { font-size: 12px; font-weight: 400; margin-top: 33px;} 
.footer a { color:white; text-decoration: underline;}
.footer a:hover { text-decoration: none;}
.footer .copyright { font-size: 11px; margin-top: 14px; text-align: center; font-weight: 400; letter-spacing: 0.06em;}

@media screen and (max-width:768px){
	.all:before { height: 200px;}
	.footer { margin-top: 100px;}
	.footer-inr { padding: 62px 0 28px;}
	.footer .logoarea { margin-right: 5px;}
	.footer .logoarea li._earth { width: 164px;}
	.footer .logoarea li._fujitv { width: 160px;margin:0 55px;}
	.footer .logoarea li._cirque { width: 135px;}
	.footer .logoarea li p { font-size: 12px; margin-bottom: 13px;}
	.footer .nav-sns { margin-top: 46px;}
	.footer .nav-sns li { width: 22px; margin-left: 12px;}
	.footer .fjevent { font-size: 11px; font-weight: 400; margin-top: 24px;} 
	.footer .copyright { font-size: 10px; margin-top: 9px;}
}
@media screen and (max-width:480px){
	.footer { margin-top: 80px;}
	.footer-inr { padding: 40px 0 20px;}
	.footer .logoarea { margin-right: auto; margin-left: auto; width: 92%;}
	.footer .logoarea li._earth { width: 130px;}
	.footer .logoarea li._fujitv { width: 130px; margin:23px; }
	.footer .logoarea li._cirque { width: 108px; }
	.footer .logoarea li p { font-size: 10px; margin-bottom: 9px;}
	.footer .nav-sns { margin-top: 25px;}
	.footer .nav-sns li { width: 20px; margin-left: 10px;}
	.footer .fjevent { font-size: 10px; margin-top: 22px;} 
	.footer .copyright { font-size: 9px; margin-top: 7px;}
}


/* privacypolicy */
.privacypolicy { position:relative; font-size: 11px; color: white; background: rgba(10,10,15,0.90); width: 100%; display: flex; height: 80px; justify-content: flex-start; align-items: center; padding-left: 24px; font-weight: 300; letter-spacing: normal; z-index: 11;}
.privacypolicy a { color:white; text-decoration: underline;}

@media screen and (max-width:1300px){
	.privacypolicy { font-size: 10px; padding-left: 20px; }
}
@media screen and (max-width:768px){
	.privacypolicy { font-size:9px; height: 70px; padding: 15px; line-height: 1.6; justify-content: left; text-align: left; }
}
@media screen and (max-width:480px){
	.privacypolicy { font-size:7px; height: 55px; padding: 10px; padding-right: 90px}
	.privacypolicy br { display:none!important;}
}


/* index */
.mainvisual { position: relative; height: 1100px; background: #2f1547;}
.mainvisual:after { background:url("../img/bg_mainvisual.jpg") no-repeat top center; height: 1500px; position: absolute; top:-170px; left: 0; right: 0; content: ""; background-size: 2000px auto; z-index: 10; transform: scale(1.03); transition: all 2.0s }
.mainvisual._view:after { transform: scale(1)}
.mainvisual .titlearea { position:absolute; z-index: 10; max-width: 960px; margin-left: auto; margin-right: auto; z-index: 11; width: 80%; bottom: 126px; left: 0; right: 0;}
.mainvisual .titlearea .title2 { margin-top: 0px; margin-bottom: 0px;}
.mainvisual .side-btnarea { width: 37px; position: absolute; right: -30px; bottom: 105px; z-index: 51;transition: all 1s ease .0s; }
.mainvisual._view .side-btnarea { right: 0;}
.mainvisual .side-btnarea li { margin-top: 7px; position: relative;}
.page-index .header {background: rgba(21,21,26,.80); display: flex; align-items: center; justify-content: center; height: 90px; position: absolute; bottom: 0; top: auto;}
.page-index .header .header__logo,
.page-index .header .btn-english { display: none;}
.page-index .header .gnav { margin-left: 0; position: relative; top: 0;}
.page-index .header .gnav__item:nth-child(1) { margin-left: 0;}
.page-index .mainvisual .btn-english {z-index: 20;}
.tokyo-osaka { margin: 0 auto 0; display: flex; width: 100%; position: relative; z-index: 10;}
.tokyo-osaka .block { width: calc(50%); padding: 0px; color: white; text-align: center; font-weight: 900; line-height: 1; display: flex; align-items: center; justify-content: center; height: 220px; position: relative;}
.tokyo-osaka .block a {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%;}
.tokyo-osaka .block img { max-width: 550px; position: relative; top: -11px; }
.tokyo-osaka .block._tokyo { background: #d60b33;}
.tokyo-osaka .block._osaka { background: #282b33;}
.tokyo-osaka .title { font-size: 26px;background: linear-gradient(-3deg, #cba345 40%, #e9c67c);  display: block; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.tokyo-osaka .place {font-size: 23px; margin-top: 11.5px;}
.tokyo-osaka .day {font-size: 21px; margin-top: 11px; letter-spacing: 0.04em;}
.tokyo-osaka a i { width:11px; height: 100%; background:url("../img/arw_r_l.png") no-repeat center; background-size:100% auto; position: absolute; right: 17px; top: 0; display: block;}
.index-lead { z-index: 20; position: relative; overflow: hidden;}
.index-lead .inr {min-height: 880px;  text-align: center; color: white; position: relative; display: flex; justify-content: center; align-items: center; padding-bottom: 64px; }
.index-lead .titlearea { position: relative; top: 20px;}
.index-lead .title { width: 660px; margin: auto; position: relative; }
.index-lead .text { font-size: 26px; margin-top: 30px; line-height: 1.53; font-weight: 900; text-align: center;}
.index-lead .character {  position: absolute;}
.index-lead .character._01 { left: calc(50% - 350px); margin-left: -430px; width: 700px; bottom: -135px; transform: translateX(-30px) }
.index-lead .character._02 { right: calc(50% - 450px); margin-right: -829px; width: 950px; bottom: -110px;transform: translateX(30px) }
.index-lead .character._01,
.index-lead .character._02 { transition:all 1.3s ease 2.5s; opacity: 0}
.index-lead.scrollin .character._01,
.index-lead.scrollin .character._02 { transform: translateX(0px)!important; opacity: 1}
.index-special { background: url("../img/bg_special.jpg") center no-repeat; background-size: 100% auto; }
.index-special .special {padding: 170px 0 125px; position: relative;}
.special .titlearea { text-align: center;}
.special .title { display: inline-block; -webkit-filter: drop-shadow(0px 2px 8px rgba(0,0,0,.8)); filter: drop-shadow(0px 2px 8px rgba(0,0,0,.8)); position: relative; z-index: 10}
.special figure { position: absolute; width: 376px; left: 0; right: -36px; top: -23px; margin: auto;}
.special .swiper { overflow: inherit;}
.index-special .swiper-wrapper { filter: drop-shadow(0px 2px 10px rgba(0,0,0,.6)); } 
.special .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-40px;}
.ic- { position:relative; top: 0px; font-size: 150%; line-height: 0; margin: 0 3px; display: inline-block; font-style: normal;}
.index-sns { margin: 0px 0 0px; position: relative; padding: 140px 0 10px}
.index-sns:before { background: linear-gradient(0deg, rgba(0,0,0,.0),rgba(0,0,0,.1)); content: ""; left: 0; right: 0; position: absolute; height: 80px; top: 0;}
.index-sns .titlearea { text-align: center; position: relative;}
.index-sns .titlearea .title { font-size: 49px; font-weight: 900; line-height: 1.25; font-style: italic;}
.index-sns .titlearea .text { font-size: 24px; font-weight: 800; color: white; line-height: 1.5; text-align: center; margin-top: 14px; position: relative;}
.index-sns .character { position: absolute; z-index: -1; }
.index-sns .character._01 { width: 180px;  z-index:-1 ;top: -42px; left:calc(50% - 100px); margin-left: -460px;}
.index-sns .character._02 { width: 235px; z-index: -1; top: 24px; right:calc(50% - 120px); margin-right: -469px;}
.index-sns .snsarea { max-width: 1100px; margin-top: 78px; margin-left: auto; margin-right: auto; position: relative; display: flex;}
.snsarea .block { width: 520px; text-align: center;}
.snsarea .block._facebook { margin-right: 60px;}
.snsarea .block._facebook .timeline { height:633px; overflow-y: auto; background: white;border-radius: 7px; overflow: hidden;}
.snsarea .title-sns { width: 212px; margin-left: auto; margin-right: auto; margin-bottom: 11px;}
.snsarea .block ._instagram { margin-top: 66px;}
.snsarea .btnarea { background: white; display: flex; align-items: center; flex-flow: column; height: 245px; justify-content: center; border-radius: 7px;}
.snsarea .btnarea .text { font-weight: 800; font-size: 20px; margin-bottom: 26px; line-height: 1; letter-spacing: normal;}
.snsarea .btnarea a { background: #0d5db8; border-radius: 8px; color: white; width: 360px; line-height: 68px; display: inline-block; font-weight: 400; font-size: 19px; filter: drop-shadow(0px 0.5px 2px rgba(0,0,0,.35));}
.info-topics { background: rgba(21,21,26,.80); color: white;}
.index-topics .inr {padding: 101px 0px 120px; max-width: 1200px; width: calc(100% - 80px); margin-left: auto; margin-right: auto;}
.index-topics .title,
.index-special .title { font-size: 64px; margin-bottom: 46px; text-align: center; font-weight: 600; line-height: 1;}
.infomation-list { border-top: dotted 1px rgba(255,255,255,.80); width: 100%; overflow: auto; max-height: 365px;}
.infomation-list dl { border-bottom: dotted 1px rgba(255,255,255,.80); display: flex; }
.infomation-list dt { font-size: 16px; vertical-align: middle; font-weight: 600; text-align:left; padding-left: 9px; width: 106px; margin-top: 15.5px; letter-spacing: normal;}
.infomation-list dd { font-size: 14px; padding: 18px 0 19px; flex: 2; font-weight: 400;}
.infomation-list dd a { color: #fcd61f; text-decoration: underline;}
.infomation-list dd a:hover { text-decoration: none;}
.info-mezamashi { background: rgba(255,255,255,.98); color: black; }
.info-mezamashi.index-topics .title { width: 346px; margin-left: auto; margin-right: auto; position: relative; left: -10px; margin-top: 15px;}
.info-mezamashi .infomation-list {border-color: rgba(54,20,49,.50);}
.info-mezamashi .infomation-list dl {border-color: rgba(54,20,49,.50);}
.info-mezamashi .infomation-list dd a { color: #15151a;} 

@media screen and (max-width:1300px){
	.mainvisual { height: 980px;}
	.mainvisual:after { height: 1300px; top:-158px; background-size: 1680px auto;}
	.mainvisual .titlearea { max-width: 855px; bottom: 108px;}
	.mainvisual .side-btnarea { width: 35px; }
	.mainvisual .side-btnarea li { margin-top: 6px;}
	.page-index .header { height: 84px; }
	.tokyo-osaka .block { height: 180px;}
	.tokyo-osaka .block img { width: 78%;}
	.tokyo-osaka .block a { padding-right: 5px;}
	.index-lead .inr { min-height: 820px; padding-bottom: 54px;}
	.index-lead .title { width: 49%;}
	.index-lead .text {font-size: 23px; margin-top: 24px;}
	.index-lead .character._01 { margin-left: -386px; width: 670px; bottom: -101px; transform: translateX(-20px)}
	.index-lead .character._02 { margin-right: -722px; width: 894px; bottom: -74px; transform: translateX(20px)}
	.index-special .special { padding: 150px 0 100px;}
	.special figure { width: 320px; top: -16px}
}
@media screen and (max-width:768px){ 
	.mainvisual {height: 800px; }
	.mainvisual:after { height: 980px; top:-88px; background-size: 1283px auto; right: -40px }
	.mainvisual .titlearea { max-width: 800px; width: 84%; bottom: 28px; }
	.mainvisual .side-btnarea { width: 28px; bottom: 16px; }
	.mainvisual .side-btnarea li { margin-top: 5px; }
	.page-index .header { display: none;}
	.page-index .header .header__logo,
	.page-index .btn-english._mv { display: none;} 
	.tokyo-osaka .block { height: 116px;}
	.tokyo-osaka .block img { top: -4px; width: 82%}
	.tokyo-osaka .block a { padding-right: 3px;}
	.tokyo-osaka .title { font-size: 26px; }
	.tokyo-osaka .place {font-size: 23px; margin-top: 11.5px;}
	.tokyo-osaka .day {font-size: 21px; margin-top: 11px;}
	.tokyo-osaka a i { width:8px;  right: 11px; } 
	.index-lead .inr {min-height: 915px; padding-top: 61px; align-items: flex-start}
	.index-lead .titlearea { top: 0;}
	.index-lead .title { width: 66%; transform: rotate(4deg)}
	.index-lead .text { font-size: 17.5px; margin-top: 17px; filter: drop-shadow(0px 0.6px 2.5px rgba(0,0,0,.5)); line-height: 1.45; text-align: justify; padding: 0 20px; letter-spacing: normal; font-weight: 700;}
	.index-lead .character._01 { left: calc(50% - 200px); margin-left: -139px; width: 470px; bottom: -91px;transform: translateX(-10px)}
	.index-lead .character._02 { right: calc(50% - 270px); margin-right: -372px; width: 621px; bottom: -95px;transform: translateX(10px)}
	.index-special { background-size: 800px auto; }
	.index-special .special { padding: 100px 0 70px;}
	.special figure {width:264px;right: -14px; top: -19px;}
	.special .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-29px;}
	.index-sns {padding: 80px 30px 0px}
	.index-sns:before {height: 80px;}
	.index-sns .titlearea .title { font-size: 29px;}
	.index-sns .titlearea .text { font-size: 17px; margin-top: 6px;}
	.index-sns .character._01 { width: 110px; top: -28px; left:calc(50% - 60px); margin-left: -270px;}
	.index-sns .character._02 { width: 147px; top: 22px; right:calc(50% - 70px); margin-right: -291px;}
	.index-sns .snsarea { max-width: 1100px; margin-top: 48px; }
	.snsarea .block { width: 520px;}
	.snsarea .block._facebook { margin-right: 22px;}
	.snsarea .block._facebook .timeline { height:600px; border-radius: 6px; }
	.snsarea .title-sns { width: 150px; margin-bottom: 10px;}
	.snsarea .block ._instagram { margin-top: 50px;}
	.snsarea .btnarea { height: 180px; border-radius: 6px;}
	.snsarea .btnarea .text { font-size: 17px; margin-bottom: 22px; }
	.snsarea .btnarea a {border-radius: 7px;width: 220px; line-height: 48px;font-size: 15px;}
	.index-topics .inr {padding: 60px 0px 82px;width: calc(100% - 60px);}
	.index-topics .title,
	.index-special .title { font-size: 48px; margin-bottom: 32px;}
	.infomation-list { max-height: 365px;}
	.infomation-list dt { font-size: 13px; padding-left: 7px; width: 83px; margin-top: 12.5px;}
	.infomation-list dd { font-size: 12px; padding: 13px 0 14px; line-height: 1.5;}
	.info-mezamashi.index-topics .title { width: 288px;left: -12px; margin-top: 4px;}
	.page-index .mainvisual .btn-english { z-index: auto}
}
@media screen and (max-width:480px){
	.mainvisual {height: 540px; }
	.mainvisual:after { height: 810px; top:-70px; background-size: 890px auto; right: -103px; }
	.mainvisual .titlearea { max-width: 800px; width: 85%; bottom: 29px; }
	.mainvisual .side-btnarea { width: 24px; bottom: 13px; }
	.mainvisual .side-btnarea li { margin-top: 5px; }
	.page-index .header { display: none;}
	.page-index .header .header__logo,
	.page-index .btn-english._mv { display: none;} 
	.tokyo-osaka .block { height: 74px;}
	.tokyo-osaka .block img { top: -3px; width: 88%} 
	.tokyo-osaka .title { font-size: 26px; }
	.tokyo-osaka .place {font-size: 23px; margin-top: 11.5px;}
	.tokyo-osaka .day {font-size: 21px; margin-top: 11px;}
	.tokyo-osaka a i { width:5px;  right: 5px; } 
	.index-lead .inr {min-height: 560px; padding-top: 33px; align-items: flex-start}
	.index-lead .titlearea { top: 0;}
	.index-lead .title { width: 76%; }
	.index-lead .text { font-size: 14px; margin-top: 12px; filter: drop-shadow(0px 0.6px 2.5px rgba(0,0,0,.5)); line-height: 1.40; letter-spacing: normal; text-align: justify; padding: 0 12px;}
	.index-lead .character._01 { left: calc(50% - 140px); margin-left: -53px; width: 284px; bottom: -82px;}
	.index-lead .character._02 { right: calc(50% - 176px); margin-right: -218px; width: 380px; bottom: -100px;}
	.index-special { background-size: 466px auto; }
	.index-special .special { padding: 71px 0 60px;}
	.special figure {width:176px;right: -10px; top: -17px;}
	.special .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:-29px;}
	.index-sns {padding: 55px 20px 0px}
	.index-sns:before {height: 80px;}
	.index-sns .titlearea .title { font-size: 26px;}
	.index-sns .titlearea .text { font-size: 12px; margin-top: 7px;}
	.index-sns .character._01 { width: 99px; top: -28px; left:calc(50% - 40px); margin-left: -153px;}
	.index-sns .character._02 { width: 132px; top: 18px; right:calc(50% - 53px); margin-right: -166px;}
	.index-sns .snsarea { margin-top: 35px; flex-flow: column;}
	.snsarea .block { width: 100%; margin-left: 0; margin-right: auto;}
	.snsarea .block._facebook { margin-right:auto; margin-left: auto;}
	.snsarea .block._facebook .timeline { height:526px; border-radius: 5px; }	
	.snsarea .title-sns { width: 135px; margin-bottom: 7px;}
	.snsarea .block ._twitter,
	.snsarea .block ._instagram { margin-top: 30px;}
	.snsarea .btnarea { height: 148px; border-radius: 5px;}
	.snsarea .btnarea .text { font-size: 15px; margin-bottom: 18px; }
	.snsarea .btnarea a {border-radius: 6px;width: 220px; line-height: 48px;font-size: 13px;}
	.index-topics .inr {padding: 40px 0px 53px;width: calc(100% - 20px);}
	.index-topics .title,
	.index-special .title { font-size: 40px; margin-bottom: 25px;}
	.infomation-list { max-height: 365px;}
	.infomation-list dt { font-size: 12px; padding-left: 5px; width: 77px; margin-top: 7.5px;}
	.infomation-list dd { font-size: 11px; padding: 9px 0 10px; line-height: 1.45; letter-spacing: normal;}
	.info-mezamashi.index-topics .title { width: 235px;left: -12px; margin-top: -6px;}
}


/* index-information */
.opening { background: rgba(10,14,16,.94); position: fixed; top: 0; left: 0; right: 0; height: 100vh; height: 100dvh; z-index: 2000; }
@supports (-webkit-touch-callout: none) {
	.openning { min-height: 100dvh; height: -webkit-fill-available;}
}
.opening .inr { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center;}
.opening .movie,
.opening .bnr { -webkit-filter: drop-shadow(0px 1px 10px rgba(0,0,0,.3));  filter: drop-shadow(0px 1px 6px rgba(00,00,00,.3)); position: relative; z-index: 10}
.opening .movie { max-width: 1000px; width: 100%;}
.opening .bnr { max-width: 670px; }
.opening .bnr._l { max-width: 860px;}
.opening .bg { width: 100%; position: absolute; left: 0;top: 0; width: 100%; height: 100%; z-index: 1;} 
.opening i.close { width: 50px; position: absolute; right: 24px; top: 22px; cursor: pointer; z-index: 2}
.info-wrap { background:#000;}
.information__movie-slide {position: relative; overflow-x: hidden; overflow-y: visible;  z-index: 20; background: black;}
.information__movie-slide .inr:before { background: black; content: ""; left: 0; right: 0; bottom: 0; height: 1px; z-index: 10; position: absolute;}
.information__movie-slide .inr { background:black;display: flex; position: relative;}
.information__movie-slide .movie { width: 52.16%;}
.information__movie-slide .slide { width: 47.84%; overflow: visible; position: relative; overflow: hidden;}
.information__movie-slide .swiper-horizontal>.swiper-pagination-bullets { bottom: -38px;}
.information__movie-slide .swiper-button-prev { left: 1px!important; width: 29px}
.information__movie-slide .swiper-button-next { right: 1px!important; width: 29px}
.information__movie-slide .swiper-button-next:after,.information__movie-slide .swiper-button-prev:after { font-size: 32px!important;}
.page-index .swiper-button-prev,
.page-index .swiper-button-next { width: 29px; background-size: 100% auto!important; background-position: center!important;}
.page-index .swiper-button-prev { left: 0px!important;}
.page-index .swiper-button-next { right: 0px!important;}
.page-index .swiper-button-next:after,.page-index .swiper-button-prev:after {display: none!important;}
.page-index .swiper-button-prev { background: url("../img/arw_slide_l.png") no-repeat;}
.page-index .swiper-button-next { background: url("../img/arw_slide_r.png") no-repeat;}
.page-index .swiper-pagination-bullet { background: transparent!important; border: solid 1px #fcd61f; opacity: 0.7; }
.page-index .swiper-pagination-bullet-active { background: #fcd61f!important; opacity: 1;}
.miw1200 { min-width: 1200px;}
.opening .information { text-align: center; color: white; position: relative; z-index: 10}
.opening .information .subtitle { font-size: 19px; font-weight: 600; line-height: 1.5}
.opening .information .title { font-size: 35px; font-weight: 700; line-height: 1.4}
.opening .information .title small { font-size:68%;}
.opening .information figure { max-width: 350px; display: inline-block;}
.opening .information .text { font-weight: 600; font-size: 18px; line-height: 1.6;}
.opening .information .btn { text-align: center;}
.opening .information .btn a { position: relative;}
.ic_arw-r:after { position: absolute; content: ""; right: 15px; top: 0; width: 15px; bottom: 0; background: url("../img/arw_w.png") no-repeat center; background-size: 100% auto;  }

@media screen and (max-width:768px){
	.opening .bnr { max-width: 500px;}
	.opening .bnr._l { max-width: 770px;}
	.opening i.close { width: 44px; right: 18px; top: 19px; }
	.information__movie-slide .swiper-button-prev { left: 0px!important; width: 23px}
	.information__movie-slide .swiper-button-next { right: 0px!important; width: 23px}
	.information__movie-slide .swiper-button-next:after,.information__movie-slide .swiper-button-prev:after { font-size: 22px!important;}
	.page-index .swiper-button-prev,
	.page-index .swiper-button-next { width: 23px; }
}
@media screen and (max-width:480px){
	.miw1200 { min-width: auto}
	.information__movie-slide { padding-bottom: 0px; top: 0; width: calc(100% - 0px);}
	.information__movie-slide .inr { display: block;}
	.information__movie-slide .movie { width: 100%; }
	.information__movie-slide .slide { width: 100%; }
	.information__movie-slide .swiper-horizontal>.swiper-pagination-bullets { bottom: -24px!important;}
	.information__movie-slide .swiper-button-prev,.information__movie-slide .swiper-button-next {}
	.information__movie-slide .swiper-button-next:after,.information__movie-slide .swiper-button-prev:after { font-size: 22px!important;}
	.information__movie-slide .swiper-button-prev { left: 0px!important; width: 18px}
	.information__movie-slide .swiper-button-next { right: 0px!important; width: 18px}
	.page-index .swiper-button-next { width: 18px;}
	.page-index .swiper-button-prev { left: 0px!important;}
	.page-index .swiper-button-next { right: 0px!important;}
	.opening .information .subtitle { font-size: 14px; margin-bottom: 8px;}
	.opening .information .title { font-size: 28px; line-height: 1.3}
	.opening .information figure { width: 80%}
	.opening .information .text { font-size: 12px; line-height: 1.55 }
	.btn._red a { font-size: 15px; height: 48px; width: 270px; border-radius: 3px;}
	.ic_arw-r:after { right: 13px; top: 0; width: 12px; }
	.opening .information-type2 { width: calc(100% - 24px);}
	.opening .information-type2 .textarea { margin-top: 6px; padding: 16px 0 13px; }
	.opening .information-type2 .label { width: 100px; top: -17px;}
	.opening .information-type2 .title { font-size: 16px; line-height: 1.3;}
	.opening .information-type2 .text { font-size: 12px; margin-top: 6px; line-height: 1.4; text-align: left;}
	.opening .information-type2 .btn { margin-top: 8px }
	.opening .information-type2 .btn a { font-size: 11px; height: 30px; width: 170px; padding-bottom: 1px;}
}


/* about */
.article._bg { background:url("../img/bg_contents.jpg") no-repeat center -100px; background-size: 100% auto;}
.article { padding: 100px 100px 120px;}
.article._type1 { text-align: center; }
.article._type1 .title { font-size: 36px; line-height: 1.5; position: relative; z-index: 10;}
.article._type1 .title._l { font-size: 40px; line-height: 1.4}
.article._type1 .text { font-size: 17px; line-height: 1.7;}
.tac { text-align: center;}
.tal { text-align: justify!important;}
.tar { text-align: right!important;}
.dn { display:none;}
.pb0{ padding-bottom:0!important;}
.title-block { background:#15151a; color: white; text-align: center; padding: 18px; font-size: 30px;}
.title-gold { color:#f9c441; text-align: center; font-weight: 900; font-size: 55px; background: linear-gradient(180deg,#ffe600 30%, #f9c441 70%); display: block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0.03em; line-height: 1.2;}
.title-gold._s { font-size: 47px; }
.history-list { text-align: left; margin-top: 100px}
.history-list__item { margin-right: 18px; width: calc(25% - 13.5px); vertical-align: top; display: inline-block; vertical-align: top; text-align: center;}
.history-list__item:nth-child(4n) { margin-right: 0; }
.history-list__item:nth-child(n + 5) { margin-top: 80px;}
.history-list__item .year { font-size: 37px; font-weight: 700; line-height: 1; color:#cba345; font-style: italic; position: relative; padding-bottom: 13px; letter-spacing: -.01em; text-indent: -0.25em;}
.history-list__item .year:before { position: absolute; border:#cba345 solid 3px;; width: 175px; height: 175px; border-radius: 50%; content: ""; margin: auto; left: 0; right: 0; top: -37px; z-index: -1;}
.history-list__item .en { font-size: 12px; color: #cba345; margin-top: 16px; line-height: 1.2;}
.history-list__item .name { font-weight: 900; font-size:21px; line-height: 1.5; margin-top: 2px}
.history-list__item .name._s {font-size: 16px; margin-top: 5px;}
.history-list__item .label { font-size: 12px; background: url("../img/ribon.png") no-repeat; background-size: 100% 100%; color: white; max-width: 103px; line-height: 23px;font-weight: 800; margin-left: auto; margin-right: auto; margin-top: 10px; letter-spacing: normal; font-style: italic; text-shadow: 0px 0px 3px rgba(0, 0, 0, .3);}
.history-list__item .label .num { font-size: 18px; font-style: italic; font-weight: 700; margin-right: 1px; letter-spacing: 0.01em;}
.article .btnarea { text-align: center;}
.article .btnarea li { display: inline-block;}
.btn-bd { border: solid 1px #cba345; color: #cba345; font-size: 18px; display: flex; justify-content: center; width: 480px; height: 80px; align-items: center; font-weight: 600; letter-spacing: normal;-webkit-transition: all .1s ease; transition: all .1s ease;}
.btn-bd:hover { color: white; background:#cba345; }
.ic_blank { width: 17px; height: 17px; background: url("../img/icon_blank_w.png") no-repeat; background-size: 100% auto!important; position: relative; top: 2px; margin-left: 8px;}
.btn-bd:hover .ic_blank {background: url("../img/icon_blank_w.png") no-repeat;}
.ic_blank._w { background-image: url("../img/icon_blank_w.png");}
.introduction .bd-box {margin: 65px auto 0px; color: white;}
.introduction .bd-box figure { width: 150px; margin-right: 29px; }
.bd-box {display: flex; padding: 37px 30px 41px; border: solid 1px rgba(255,255,255,0.90); border-radius: 20px;}
.bd-box .textarea { flex: 2;}
.bd-box .bd-box__title { font-size: 23px; font-weight: 800; line-height: 1.3; padding-top: 0px; letter-spacing: normal; text-align: left}
.bd-box .bd-box__text { font-size: 15px; margin-top: 16px; line-height: 1.65; text-align: justify; letter-spacing: 0;}
article.history { padding-top:130px;}

@media screen and (max-width:1300px){
	.article { padding: 80px 80px 100px;}
}
@media screen and (max-width:768px){
	.article { padding: 58px 33px 70px;} 
	.article._type1 .title { font-size: 23px; }
	.article._type1 .title._l { font-size: 28px; }
	.article._type1 .text { font-size: 14px; line-height: 1.55; text-align: justify!important;} 
	.title-block { padding: 12px; font-size: 23px;}
	.title-gold { font-size: 39px; }
	.title-gold._s { font-size: 29px; }
	.history-list { margin-top:65px}
	.history-list__item:nth-child(n) { margin-right: 9px; width: calc(25% - 6.75px); margin-top: 0;}
	.history-list__item:nth-child(4n) { margin-right: 0; }
	.history-list__item:nth-child(n + 5) { margin-top: 52px;}
	.history-list__item .year { font-size: 23px; padding-bottom: 9px; padding-right: 0.2em; text-indent: -0.2em; }
	.history-list__item .year:before { width: 114px; height: 114px; top: -24px; border-width: 2.5px;}
	.history-list__item .en { font-size: 9px; margin-top: 9px;}
	.history-list__item .name { font-size:14px; margin-top: 3px; line-height: 1.3}
	.history-list__item .name._s {font-size: 12px; margin-top: 5px; line-height: 1.22}
	.history-list__item .label { font-size: 9px; max-width: 82px; line-height: 17px; margin-top: 9px;}
	.history-list__item .label .num { font-size: 15px; margin-right: 1px;}
	.btn-bd { font-size: 16px; width: 420px; height: 70px;}
	.ic_blank { width: 16px; height: 15px; top: 2px; margin-left: 8px;}
	.introduction .bd-box {margin: 36px auto 0px;}
	.introduction .bd-box figure { width: 117px; margin-right: 17px; }
	.bd-box { padding: 21px 18px 25px; border-radius: 16px;}
	.bd-box .bd-box__title { font-size: 15.5px; padding-top: 0px;}
	.bd-box .bd-box__text { font-size: 12px; line-height: 1.4; letter-spacing: 0; margin-top: 8px; }
	article.history { padding-top:80px;}
}
@media screen and (max-width:480px){
	.article._bg { background-position: center top;}
	.feather._right,
	.feather._left { width: 90px; height: 280px; }
	.feather._left { left: -60px; top: -40px; }
	.feather._right { right: -60px; top: -40px;}
	.article { padding: 33px 12px 38px;} 
	.article._type1 .title { font-size: 16px; line-height: 1.5; letter-spacing: 0.02em;}
	.article._type1 .title._l { font-size: 19px; }
	.article._type1 .text { font-size: 12.5px; line-height: 1.4; text-align: justify; letter-spacing: normal;} 
	.title-block { padding: 11px; font-size: 18px; line-height: 1.5;}
	.title-gold { font-size: 29px; }
	.title-gold._s { font-size: 21px; }
	.history-list { margin-top: 48px}
	.history-list__item:nth-child(n) { margin-right: 6px; width: calc(33.33% - 4px); margin-top: 0;}
	.history-list__item:nth-child(3n) { margin-right: 0; }
	.history-list__item:nth-child(n + 4) { margin-top: 43px;}
	.history-list__item .year { font-size: 19px; padding-bottom: 7px; padding-right: 0.22em; }
	.history-list__item .year:before { width: 90px; height: 90px; top: -21px; border-width: 2.0px;}
	.history-list__item .en { font-size: 7px; margin-top: 6px;}
	.history-list__item .name { font-size:12px; margin-top: 2px; line-height: 1.3;}
	.history-list__item .name._s {font-size: 9px; margin-top: 5px; line-height: 1.25; letter-spacing: normal;}
	.history-list__item .label { font-size: 8px; max-width: 64px; line-height: 14px; margin-top: 7px;}
	.history-list__item .label .num { font-size: 12px; margin-right: 1px;}
	.btn-bd { font-size: 13px; width: 325px; height: 60px;}
	._2btn .btn-bd { font-size: 15px; }
	.ic_blank { width: 13px; height: 13px; top: 2px; margin-left: 7px;}
	.introduction .bd-box {margin: 28px auto 0px; flex-flow: column; }
	.introduction .bd-box figure { width: 100px; margin-right: auto; margin-left: auto;}
	.bd-box { padding: 16px; border-radius: 8px; border-width: 1px;}
	.bd-box .bd-box__title { font-size: 15.0px; align-items: center; padding-bottom: 0px; text-align: center; line-height: 1.3}
	.bd-box .bd-box__text { font-size: 11.5px; line-height: 1.35; margin-top: 10px; clear: both;}
	article.history { padding-top:56px;}
}


/* program */
.page-program .contents {background:transparent; max-width: 1080px;}
.page-titlearea._type2 .inr { padding-top: 100px;}
.page-program .titlearea { text-align: center; color: white; margin-bottom: 80px; margin-top: -105px;}
.page-program .copy { font-size: 43px; font-weight: 900; font-style: italic; line-height: 1.2; display: inline-block; color: #fcd61f; letter-spacing: normal;}
.page-program .titlearea .text_l { font-size: 25px; margin: 12px 0 36px; }
.page-program .titlearea .text_s { font-size: 13px; }
.text-whiteblock p { background: white; line-height: 1; color: #15151a; font-weight: 700; font-size: 30px; display: inline-block; letter-spacing: -0.04em; padding: 1px 3px 3px; vertical-align: top; margin-top: 5px;}
.program__item { position: relative; overflow: hidden; margin-top: 50px;filter: drop-shadow(0px 1px 10px rgba(0,0,0,.3))}
.program__item .textarea {position:relative; color: white; background: rgba(21,21,26,.0); left: 0px; top: 0px; padding: 40px 40px 44px; width: 100%; z-index: 1; transform: scale(1.22); margin-top: -9px;}
.program__item .en { color: #fcd61f; font-size: 15px; font-weight: 400; display: block;line-height: 1;padding-bottom: 12px; padding-left: 0; text-align: center;}
.program__item .title { font-size: 28px; font-weight: 900; line-height: 1;padding-top: 0; text-align: left; text-align: center;}
.program__item .title._s { font-size: 23px;} 
.program__item .text{ padding-top: 30px; font-size: 15px; line-height: 1.65; display: none!important}
.program__item figure { position: relative;}
.program__item figure .credit { font-size: 9px; position: absolute; left: 10px; bottom: 9px; color: white; font-weight: 
 300;filter: drop-shadow(0px 0.5px 3px rgba(0,0,0,.5))}

@media screen and (max-width:768px){
	.page-program .contents { padding: 0 8px;}
	.page-titlearea._type2 .inr { padding-top: 55px;}
	.page-program .titlearea { margin-bottom: 46px; margin-top: -90px}
	.page-program .copy { font-size: 31px;}
	.page-program .titlearea .text_l { font-size: 20px; margin: 12px 0 30px; }
	.page-program .titlearea .text_s { font-size: 11px; }
	.program__item { margin-top: 42px;}
	.program__item .textarea { padding: 22px 26px;  margin-top: -0px; transform: scale(1.20);}
	.program__item .en { font-size: 11px; padding-bottom: 7px; padding-left: 2px;}
	.program__item .title { font-size: 22px;padding-top: 0px;}
	.program__item .title._s { font-size: 19px;} 
	.program__item .title._s .en { margin-bottom: 2px;}
	.program__item .text{ padding-top: 13px; font-size: 12px; line-height: 1.6}
}
@media screen and (max-width:480px){
	.page-program .contents { padding: 0 5px;}
	.page-titlearea._type2 .inr { padding-top: 82px; height: 300px}
	.page-program .titlearea { margin-bottom: 22px; letter-spacing: normal; margin-top: -52px}
	.page-program .copy { font-size: 22px; letter-spacing: normal; white-space: nowrap;}
	.page-program .titlearea .text_l { font-size: 13px; letter-spacing: normal;margin: 9px 0 19px; line-height: 1.3 }
	.page-program .titlearea .text_s { font-size: 9px; line-height: 1.5; }
	.program__item { margin-top: 20px;}
	.program__item .textarea {left: 0px; top: 0px; padding: 14px 18px; max-width: 480px; }
	.program__item .en { font-size: 8px; padding-bottom: 5.5px; padding-left: 2px;}
	.program__item .title { font-size: 17px;padding-top: 0px;}
	.program__item .title._s { font-size: 15px;} 
	.program__item .title._s .en { margin-bottom: 1px;}
	.program__item .text{ padding-top: 9px; font-size: 11px; line-height: 1.5 }
}


/* character */
.page-character .article { padding-top: 0;}
.character-main .character__item { float: none; max-width: 1000px; margin-left: auto; margin-right: auto; width: 100%; display: flex; align-items: center;}
.character-main .character__item .textarea {width: 390px; margin-left: 55px; }
.character-main .character__item figure { width: 520px; margin-bottom: 0;}
.character-main .character__item._trickster .textarea {order: 1; position: relative; right: -85px; margin-left: 20px; top: 48px;}
.character-main .character__item._trickster figure { order: 2; position: relative; margin-top: 0px; right: 50px; transform: scale(1.07)}
.character-main .character__item._innocent figure { position: relative; width: 350px; margin-left: 120px;}
.character__item figure._top { padding: 0 36px; margin-top: -30px;}
.character__item { position: relative; width: calc(50% - 2.5%); display: inline-block; float: left; text-align: center; color: white; margin-left: auto; margin-right: auto;}
.character__item:nth-child(even) { margin-left: 5%;}
.character__item:nth-child(n + 1) { margin-top: 80px;}
.character__item figure { margin-bottom: 31px; overflow: hidden; display: block;}
.character__item .en { color: #fcd61f; font-size: 16px; font-weight: 400; display: block;line-height: 1;}
.character__item .name { font-size: 31px; font-weight: 800; line-height: 1; padding-top: 10px; letter-spacing: normal;}
.character__item .name._s { font-size: 36px;} 
.character__item .text { padding-top: 32px; font-size: 16.5px; line-height: 1.55; text-align:justify; display: none}

@media screen and (max-width:768px){
	.character-main .character__item { width: calc(100% - 0px); margin-left: auto!important; margin-right: auto!important;}
	.character-main .character__item .textarea {width: 41%; margin-left: 4%; }
	.character-main .character__item figure { width: 55%; margin-bottom: 0;}
	.character-main .character__item._trickster .textarea {right: -50px; margin-left: 10px; top: 30px;}
	.character-main .character__item._trickster figure { right: 30px; transform: scale(1.07)}
	.character__item figure._top { padding: 0 28px; margin-top: -22px;}
	.page-character .article { padding: 0px 20px 60px;}
	.character__item { width: calc(50% - 9px); }
	.character__item:nth-child(even) { margin-left: 16px;}
	.character__item:nth-child(n + 1) { margin-top: 45px;}
	.character__item figure { margin-bottom: 17px;}
	.character__item .en { font-size: 13px; }
	.character__item .name { font-size: 23px; padding-top: 8.5px; }
	.character__item .name._s { font-size: 21px;} 
	.character__item .text { padding-top: 21px; font-size: 12.5px; line-height: 1.62;}
}
@media screen and (max-width:480px){
	.page-character .article { padding: 36px 12px 40px;}
	.character__item { width: calc(100%); }
	.character__item:nth-child(even) { margin-left: 0px;}
	.character__item:nth-child(n + 2) { margin-top: 45px;}
	.character__item figure { margin-bottom: 16px;}
	.character__item figure._top { padding: 00px; margin-left: auto; margin-right: auto; margin-top:0px; width: 75%;}
	.character__item:nth-child(1) { margin-top: 0;}
	.character__item .en { font-size: 13px; }
	.character__item .name { font-size: 23px; padding-top: 8.5px; }
	.character__item .name._s { font-size: 21px;} 
	.character__item .text { padding-top: 21px; font-size: 12.5px; line-height: 1.62;}
}


/* information */
.page-information .contents { margin-top:180px;}
.page-titlearea .title-text { font-size: 46px; line-height: 1; letter-spacing: 0.04em; position: relative; top: 36px;}
.page-titlearea .title-text._s { font-size: 40px; line-height: 1.3;}
.page-titlearea .title-text .date { font-size: 15px; font-weight: 500; letter-spacing: normal; padding-top: 12px; margin-bottom: 0;}
.page-titlearea .title-text small { display: block; font-size: 22px; margin-bottom: 18px;}
.informatin .attention { color:#EC1C24; font-weight: 500; text-align: center; font-size: 16px; margin-top: 3px;}
.informatin .title { font-weight: 700; text-align: center; font-size: 28px;}
.informatin .title_m { font-weight: 700; font-size: 20px; padding-bottom: 18px; line-height: 1;}
.informatin .list { font-size: 17px; line-height: 1.8;}
.ls_dot li,.ls_at li { margin-left: 1em; text-indent: -1em; }
.page-info .article .text {font-size: 16px; line-height: 1.9;}
.page-info h5 { margin-bottom: 0.4em;}
.info-btmtext { font-size:90%; text-align: right; margin-top: 1.5em;}
.photo { margin-left:auto; margin-right: auto;}
.photo._l { max-width:85%;}
.photo._m { max-width:65%;}
.photo._s { max-width:35%;}
.photolist li { width: calc(50% - 10px); float: left; margin-bottom: 20px;}
.photolist li:nth-child(even) { margin-left: 20px;}
.photolist li .cap { margin-top:0.5em;}
.page-info .glaybox { font-size:16px;}

@media screen and (max-width:768px){
	.page-information .contents { margin-top:110px;}
	.page-titlearea .title-text { font-size: 35px; top: 35px;}
	.page-titlearea .title-text small { font-size: 19px; margin-bottom: 13px;}
	.page-titlearea .title-text._s { font-size: 30px; line-height: 1.25; top: 48px;}
	.page-titlearea .title-text .date { font-size: 14px; padding-top: 9px;}
	.informatin .attention { font-size: 14px; margin-top: 4px;}
	.informatin .title { font-size: 23px;}
	.informatin .title_m { font-size: 18px; padding-bottom: 14px;}
	.informatin .list { font-size: 14px; line-height: 1.7}
	.page-info .article._type1 .title { font-size: 24px;}
	.page-info .article .text,.page-info .ls-list,.page-info .ls-num  {font-size: 14px; line-height: 1.7;}
	.info-btmtext { margin-top: 1.5em; font-size: 13px;}
	.photo._l { max-width:88%;}
	.photo._m { max-width:72%;}
	.photo._s { max-width:42%;}
	.photolist li { width: calc(50% - 5px); margin-bottom: 10px;}
	.photolist li:nth-child(even) { margin-left: 10px;}
	.photolist li .cap { margin-top:0.5em;}
	.page-info .glaybox { font-size:15px;}
}
@media screen and (max-width:480px){
	.page-information .contents { margin-top:76px;}
	.page-titlearea .title-text { font-size: 26px; top: 26px;}
	.page-titlearea .title-text small { font-size: 14px; margin-bottom: 10px;}
	.page-titlearea .title-text._s { font-size: 22px; line-height: 1.25; top: 46px;}
	.page-titlearea .title-text .date { font-size: 12px; padding-top: 8px;}
	.informatin .attention { font-size: 12px; margin-top: 2px;}
	.informatin .title { font-size: 18px;}
	.informatin .title_m { font-size: 16px; padding-bottom: 13px;}
	.informatin .list { font-size: 12px; line-height: 1.6}
	.page-info .article._type1 .title { font-size: 20px;}
	.page-info .article .text,.page-info .ls-list,.page-info .ls-num  {font-size: 12.5px; line-height: 1.6;}
	.info-btmtext { margin-top: 1.3em; font-size: 12px;}
	.photo._l { max-width:100%;}
	.photo._m { max-width:80%;}
	.photo._s { max-width:50%;}
	.photolist li { width: calc(100%); margin-bottom: 10px;}
	.photolist li:nth-child(even) { margin-left: 0px;}
	.photolist li .cap { margin-top:0.5em;}
	.page-info .glaybox { font-size:13px;}
}
 

/* outline */
.page-outline .contents {border-radius: 9px 9px 0 0; }
.page-outline .article { padding:0 100px 100px;}
.contents-nav { border-radius: 9px 9px 0 0; overflow: hidden; background: rgba(21,21,26,1);}
.contents-nav li { width: 50%;display: inline-block; position: relative; }
.contents-nav a { z-index: 10; color: white; height: 107px; display: flex; text-align: center; align-items: center; justify-content: center; font-size: 35px; font-weight: 900; -webkit-transition:all 0.0s ease; transition:all 0.0s ease; position: relative; overflow: hidden; letter-spacing: 0.04em; padding-bottom: 2px;}
.contents-nav a:before { content:""; background: url("../img/arw_down.png") no-repeat bottom center; width: 15px; height: 20px; position: absolute; bottom: 8px; left: 0; right: 0; margin: auto; background-size: 100% auto;}
.contents-nav .current a{ pointer-events: none;}
.contents-nav .current a,
.contents-nav a:hover { background: #d60b33}
.contents-nav li:nth-child(2).current a,
.contents-nav li:nth-child(2) a:hover { background: #0058a6}
.contents-nav li.comingsoon a { color: rgba(255,255,255,.95); pointer-events: none;}
.contents-nav li.comingsoon a:before { display: none;}
.outline-table { width: 100%; box-shadow: 0px 0px 0 1px rgba(16,37,51,.99); position: relative;}
.outline-title { font-size: 16px; width: 230px; vertical-align: middle; background:rgba(30,30,41,.99); color: #fff; font-weight: 700; letter-spacing: 0.05em; border-bottom: solid 1px #bbb;  line-height: 1.45; text-align: center; position: relative;}
.outline-title._s { font-size: 12px; }
.outline-title h3 { font-weight: 600;} 
.outline-title small { font-size: 12px; display: block; margin-top: 3px; line-height: 1.5; font-weight: 400;}
.outline-text { padding: 24px 26px;  border-bottom: solid 1px rgba(16,37,51,.97); font-weight: 400; font-size: 15px}
.outline-text._sponcer span { display: inline-block;}
tr:last-child .outline-title,
tr:last-child .outline-text { border: none;}
.outline .tel { font-size: 22px; font-weight: 700; line-height: 1;}
.outline .url { font-size: 12px; }
.text_lll { font-size: 26px; font-weight: 800; line-height: 1.4;}
.text_ll { font-size: 22px; font-weight: 800; line-height: 1.4;}
.text_lp { font-size: 22px;  font-weight: 800; line-height: 1.4;}
.text_l { font-size: 19px; font-weight: 800; line-height: 1.45;}
.text_m { font-size: 17px; font-weight: 700; }
.text_s { font-size: 12px; position: relative; line-height: 1.8; font-weight: 400; }
.text_ss { font-size: 11px; line-height: 1.5; font-weight: 400; letter-spacing: normal;}
.text_sss { font-size: 10px; line-height: 1.5; font-weight: 400; letter-spacing: normal;}
.note { opacity:0.8; text-align: left; line-height: 1.5}
.ib { display:inline-block;}
.outline-text ._last dd { font-size: 15px; line-height: 1.75;}
.outline-text ._last dd span { font-size: 12px; }
.index-article { padding:80px 60px; background: rgba(255,255,255,.96)}
.ic_sq { display: inline-block; font-size: 56%; margin-right: 0.3em; position: relative; font-style: normal; top: -2px; color: #d60b33}
.ic_sq._black { display: inline; color: #162326;}
.note_title { font-size:14px; margin-bottom: 2px;}
.schedule { margin-top: 24px;}
.schedule li:nth-child(n + 2) { margin-top: 12px;}
.pricelist { width: 100%; margin-top: 10px;}
.map-link { font-size: 10px; padding-left: 0.5em; position: relative; letter-spacing: 0.04em; font-weight: 400; top: -1px;}
.map-link:before { display: inline-block; content: ""; width: 9px; height: 13px; background: url("../img/ic_map.png") no-repeat; background-size: 100% auto; position: relative; left: 0px; top: 3.5px; letter-spacing: 0.2em; margin-right: 3px; margin-left: 15px;}
.map-link a { color:#162326; text-decoration: underline;}
.map-link a:hover { color: #d60b33; text-decoration: none;}
.tel_label { font-size: 17px; margin-right: 13px;position: relative; top: -5px}
.tel { font-size: 21px; font-weight: 800; letter-spacing: normal; line-height: 1; display: inline-block; vertical-align: middle; position: relative;top: -2.5px;}
.tel._l { font-size: 30px; }
.outline-table .ticket { display: flex; width: 100%; padding: 15px 0; border-bottom: dotted 1px rgba(21,21,41,.92); align-items: center;}
._first {border-top: dotted 1px rgba(35,24,21,.92)}
.ticket dt {width: 213px; font-size: 17px; line-height: 1.35; position: relative; padding-left: 5px; font-weight: 800; letter-spacing: normal;}
.ticket dt .ic_sq { position: relative; top: -1px; left: 0px;}
.ticket dt small { font-size: 72%;}
.ticket dd { font-size: 14px; position: relative;}
.ticket._wide { display:block; }
.ticket._wide dt { width: 100%;}
.outline-table .label { position: relative; top: -1px; background: rgba(160,214,255,.20); padding: 0px; display: inline-block; text-align:center; background: #0058a6; color: white; font-weight: 700;}
.ticket dd .label { font-size: 10px; margin-right: 8px; line-height: 17px; min-width: 47px;}
.outline-table .label._ll { font-size: 14px; margin-right: 10px; line-height: 26px; font-weight:900; min-width:90px; top: -2px; padding: 0 10px 1px;}
.outline-table .label._l { font-size: 11px; margin-left: 12px; line-height: 22px; font-weight:700; min-width: 60px; background:#40515c ; top: -2px;  padding: 0 10px;}
.label._m { font-size:12px; text-align: center; display: inline-block; color: white; line-height: 24px; min-width: 120px; padding: 0 6px 1px; position: relative; top: -3px; font-weight: 700; margin-right: 10px; letter-spacing: normal;}
.url { color: #2a7ea8; font-weight: 400;}
.outline-head { padding:48px 0 58px; font-size: 40px; line-height: 1.25; text-align: center; font-weight: 900;  font-style: italic;  color: #d60b33; letter-spacing: normal; transform: scaleX(0.95); display: block;}
.outline-head a { text-decoration: underline; }
.outline-head a:hover { text-decoration: none;}
.ic_note { line-height: 1; position: relative; top: 3px; width: 17px; margin-right: 2px; display: inline-block}
.access {display: flex; margin-top: 16px}
.access figure:first-child { margin-right: 10px;}
.seat { width:450px; margin-left: auto; margin-right: auto; position: relative; left: -5px;}
.flex { display:flex;}
.label-gray { font-size: 11.0px; background: rgba(30,30,41,.08); line-height: 24px; width: 68px; display: inline-block; text-align: center; margin-left: 10px; font-weight: 500;}
.bar-red { background:#e6174b; color: white; text-align: center; line-height: 1.35; font-weight: 900; padding: 10px; font-size: 22px; margin-bottom: 20px;}
.logo_earth { width: 140px; display: inline-block}

@media screen and (max-width:768px){
	.page-outline .contents {border-radius: 9px 9px 0 0; }
	.page-outline .article { padding:0;}
	.contents-nav { border-radius: 0; }
	.contents-nav a { height: 68px; font-size: 22.5px;}
	.contents-nav a:before { height: 100%; width: 11px; bottom: 5px; }
	.contents-nav .current a:before,
	.contents-nav a:hover:before { }
    .outline-table { box-shadow: none; border: solid 1px rgba(35,24,21,1.00); border-right: none; border-bottom: none; }
    .outline-title { font-size: 12.50px; width: 122px; line-height: 1.35; }
    .outline-title._s { font-size: 13px; }
    .outline-title small { font-size: 10px; margin-top: 2px; }
	.outline-title .tit-label { line-height: 15px; font-size: 10px; min-width: 60px; padding: 0 5px; margin-bottom: 2px;}
    .outline-text { padding:15px 16px; font-size: 12.5px; border-width: 1px; line-height: 1.5;}
    .outline .tel { font-size: 20px;}
	.text_lll { font-size: 24px;}
	.text_ll { font-size: 17px; line-height: 1.4;}
	.text_lp { font-size: 16px; }
	.text_l { font-size: 15px; line-height: 1.45;}
	.text_m { font-size: 14px; }
	.text_s { font-size: 10px; line-height: 1.45}
	.text_ss { font-size: 10px; }
	.text_sss { font-size: 9px;}
    .outline-text ._last dd { font-size: 13px; line-height: 1.7;}
    .outline-text ._last dd span { font-size:11px;}
    .index-article { padding:60px 40px;}
    .ic_sq { top: -2px;}    
    .note_title { font-size:13px; margin-bottom: 2px;}
	.pricelist { margin-top:5px;}
	.map-link { font-size: 10px; letter-spacing: 0.06em;}
	.map-link:before { width: 8px; height: 13px; left: 0px; }
	.map { min-height: 24px; }
	.tel_label { font-size: 13px; margin-right: 9px; top: -4px}
	.tel { font-size: 18px;}
	.tel._l { font-size: 25px; }
	.outline-table .ticket { padding: 12px 9px 13px; display: block;}
	.ticket dt {width: 100%; font-size: 14.5px; line-height: 1.5; padding-left: 0px; margin-bottom: 3.7px;}
	.ticket dt .ic_sq { left: 3px; display: none;}
	.ticket dd { font-size: 13px; }
	.ticket dd .label { font-size: 8px; margin-right: 6px;line-height: 14px; min-width: 34px; padding-bottom: 1px;}
	.outline-table .label._ll { font-size: 12px; margin-right: 9px; line-height: 24px; min-width: 98px; padding: 0 9px;}
	.outline-table .label._l { font-size: 9px; margin-left: 9px; line-height: 17px; min-width: 51px; padding: 0 8px;}
	.label._m { font-size:10px; line-height: 21px; min-width: 105px; padding: 0 5px 1px; margin-right: 11px; letter-spacing: normal;}
	.outline-head { padding:24px 0 29px; font-size: 23px;}
	.ic_note { top: 3px; width: 16px; margin-right: 2px;}
	.schedule { margin-top: 20px; }
	.schedule li:nth-child(n + 2) {margin-top: 7px;}
	.access { margin-top: 13px; }
	.access figure:first-child { margin-right: 10px; }
	.seat { width:320px; left: -2px; }
	.label-gray { font-size: 10.0px; line-height: 22px; width: 64px; margin-left: 9px;}
	.bar-red { padding: 6px 0 6.5px; font-size: 17px; margin-bottom: 15px;}
	.logo_earth { width: 108px; }
}
@media screen and (max-width:480px){
	.page-outline .contents {border-radius: 9px 9px 0 0; }
	.page-outline .article { padding:0;}
	.contents-nav { border-radius: 0; }
	.contents-nav a { height: 49px; font-size: 17px;}
	.contents-nav a:before { width: 9px; bottom: 4px;}
	.contents-nav .current a:before,
	.contents-nav a:hover:before {}
	.outline-tab { right: -0px; top: -27px;}
	.outline-tab li { margin-left: 2px;}
	.outline-tab a { line-height: 26px; font-size: 11px; border-radius: 3px 3px 0 0; padding: 0 13px 0; min-width: 105px; border: solid 1px #102533; color: #102533; background: white; border-bottom: none; }
	.outline-tab a:after { width: 8px; right: 4px; background-image: url("../img/icon_arw_d.png"); top: 2px;}
	.outline-logo { margin-top: 25px; padding: 0 10px;}
    .outline-table { border: none; }
    .outline-title { font-size: 13.5px; width: 100%; display: block; line-height: 1; padding: 8px 0 8.5px; border: none; font-weight: 900;}
	.outline-title br { display: none; }
    .outline-title._s { font-size: 13px; }
    .outline-title small { font-size: 10px; display: inline-block; line-height: 1; margin-left: 6px}
	.outline-title .tit-label { line-height: 18px; font-size: 10px; min-width: auto; padding: 0 5px; margin-bottom: 0px; margin-right: 7px; position: relative; top: -1px;}
    .outline-text { padding: 11px 10px 11px; font-size: 12px; display: block; width: 100%; line-height: 1.4; letter-spacing: normal;}
    ._access { text-align:justify; font-size: 11px; line-height: 1.6;}
    .outline ._address { display:block; margin-top: 2px;}
    .outline .tel { font-size: 16px;}
	.text_lll { font-size: 21px; line-height: 1.35}
	.text_ll { font-size: 15px; line-height: 1.35;}
	.text_lp { font-size: 14.5px; }
	.text_l { font-size: 14.5px; line-height: 1.35;}
	.text_m { font-size: 13.5px; }
	.text_s { font-size: 9.5px; line-height: 1.3 }
	.text_ss { font-size: 9px; }
	.text_sss { font-size: 8px;}
    .outline-text ._last dd { font-size: 10px; line-height: 1.6; }
    .outline-text ._last dd span { font-size:9px;}
    .index-article { padding:44px 18px;}
    .ic_sq { margin-right: 0.25em; top: -1.5px; font-size: 60%}
	.url { font-size: 13px; letter-spacing: normal;}
	.tel._l {font-size: 22px;}
    .note_title { font-size:13px; margin-bottom: 2px;}
	.map-link { font-size: 9px; letter-spacing: 0.06em;}
	.map-link:before { width: 8px; height: 12px; left: 0; top: 3.0px; margin-left: 5px;}
	.map { min-height: 24px; }
	.tel_label { font-size: 12px; margin-right: 9px; top: 0; display: block; padding-bottom: 4px;}
	.tel { font-size: 17px;}
	.outline-table .ticket { padding: 11px 4px 11px; display: block; text-align: left;}
	.ticket dt { font-size: 14px; line-height: 1.5;}
	.ticket dt._s { font-size: 12.5px;}
	.ticket dd { font-size: 12px; }
	.ticket dd .label { font-size: 7.5px; margin-right: 5px;line-height: 13px; min-width: 31px; padding: 0 0 0.5px;}
	.outline-table .label._ll { font-size: 9.5px; margin-right: 6px; line-height: 20px; min-width: 74px; padding: 0 5px; letter-spacing: normal;}
	.outline-table .label._l { font-size: 7px; margin-left: 7px; line-height: 14px; min-width: 33px; padding: 0 5px 0.5px;}
	.label._m { font-size:12px; line-height: 20px; min-width: 130px; padding: 0 7px; margin-right: 0px; margin-bottom: 2px;}
	.outline-head { padding:15px 0 17px; font-size: 16px;}
	.outline-head.text_lll { font-size: 16px;}
	.ic_note { top: 3px; width: 15px; margin-right: 2px;}
	.access { margin-top: 9px; flex-flow: column;}
	.access figure:first-child { margin:0 0 10px 0;}
	.seat { width:255px; left: 0px; }
	.schedule { margin-top: 15px; }
	.schedule li:nth-child(n + 2) {margin-top: 4px;}
	.address { display: inline-block; margin-top: 5px;}
	.bar-red { padding: 4.5px 0 4.5px; font-size: 14px; margin-bottom: 9px;}
	.logo_earth { width: 105px; }
    .label-gray { font-size: 9.5px; line-height: 21px; width: 58px; margin-left: 9px;}
}


/* download & movie */
.flyer-title { font-size: 23px; line-height: 1.45; position: relative; margin-bottom: 70px; font-weight: 800; }
.flyer-title h3 { font-weight: 800;}
.flyer-list { display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap}
.flyer-list__item { width: calc(33.33% - 3.2%); margin-left: 4.8%; text-align: center;}
.flyer-list__item:nth-child(1),.flyer-list__item:nth-child(4),.flyer-list__item:nth-child(7),.flyer-list__item:nth-child(10),.flyer-list__item:nth-child(13) { margin-left:0;}
.flyer-list__item:nth-child(n + 4) { margin-top:70px;}
.flyer-list .name { font-size: 20px; padding: 17px 0 18px; font-weight: 800;}
.flyer-list .name small { font-size: 13px; font-weight: 600; letter-spacing: normal; position: relative; top: -1.4px;}
.flyer-list .btn { text-align: center;}
.flyer-list .note { font-size: 11px; text-align: center; margin-top: 11px;}
.btn-black { background: #1E2e38; border-radius: 4px; color: white; font-weight: 700; text-align: center; display: inline-block; transition: all 0.3 ease}
.btn-black:hover { background:#ff8017 }
.btn-black { width: 280px; line-height: 55px; font-size: 17px }
.btn-black._s { width: 210px; line-height: 44px; font-size: 14px; font-weight: 800; letter-spacing: normal;}
.ic_dl { width: 15px; height: 15px; background: url("../img/ic_dl.png") no-repeat center; background-size: 100% auto; display: inline-block; position: relative; top: 2.5px; left: 6px; margin-right: -4px;}
.page-movie .contents { background:none;}
.article._type3 { background:rgba(21,21,26,.8); color: white; padding: 60px 0 100px}
.page-movie .article._type3 { padding: 0; background: transparent;}
.article._type3 .title._s { font-size: 31px;}
.article._type3 .title { font-size: 38px; font-weight: 800; text-align: center; line-height: 1.4;}
.movie-list { padding:44px 0 0;}
.movie-list__item { text-align: center; width: calc(50% - 17px);float: left;}
.movie-list__item:nth-child(even) { margin-left: 34px;}
.movie-list__item:nth-child(n + 3) { margin-top: 45px;}
.movie-list__item .name { font-size:22px; padding-top: 14px; line-height: 1.45; letter-spacing: 0.02em;font-weight: 800;}
.movie-list__item .name small { display: inline-block; font-size: 68%; position: relative; top: -1.5px;}
.movie-list__item .note { font-size: 13px; padding-top: 3px; text-align: center; font-weight: 500;}
.movie-list__item .ic_new { display: inline-block; color: #fa0830; font-size: 15px; font-style: normal; font-weight: 700; margin-right: 6px; position: relative; top: -2px;}
.movie-list._ver1 { max-width: 900px; margin-left: auto; margin-right: auto;}
._ver1 .movie-list__item:nth-child(n) { width: calc(100%);float: none;  margin-left: auto; margin-right: auto;}
._ver1 .movie-list__item:nth-child(n + 2) { margin-top: 60px;}
	
@media screen and (max-width:768px){
	.flyer-title { font-size: 17px; margin-bottom: 48px; line-height: 1.4 }
	.flyer-list__item { width: calc(33.33% - 13.33px); margin-left: 20px; }
	.flyer-list__item:nth-child(n + 4) { margin-top:48px;}
	.flyer-list .name { font-size: 14px; padding: 10px 0 10px;}
	.flyer-list .name small { font-size: 11px; top: -0.5px;}
	.flyer-list .note { font-size: 8px; margin-top: 6px; line-height: 1.5} 
	.btn-black._s { width: 135px; line-height: 31px; font-size: 11px }
	.ic_dl { width: 11px; height: 11px; top: 1.5px; left: 3px; margin-right: -3px;}
	.article._type3 { padding:54px 0 70px}
	.article._type3 .title { font-size: 32px; }
	.article._type3 .title._s { font-size: 24px; }
	.movie-list {padding: 35px 10px 0;}
	.movie-list__item { width: calc(50% - 4px);}
	.movie-list__item:nth-child(even) { margin-left: 8px;}
	.movie-list__item:nth-child(n + 3) { margin-top: 28px;}
	.movie-list__item .name { font-size:16px; padding-top: 12px; }
	.movie-list__item .note { font-size: 10px; padding-top: 3px; }
	.movie-list__item .ic_new { font-size: 11.5px; margin-right: 6px; top: -1.5px; }
	.btn-black { width: 260px; line-height: 48px; font-size: 16px }
	.movie-list._ver1 { max-width: 90%;}
	._ver1 .movie-list__item:nth-child(n + 2) { margin-top: 50px;}
}
@media screen and (max-width:480px){
	.flyer-title { font-size: 13px; margin-bottom: 22px; line-height: 1.3; text-align: left; letter-spacing: normal;}
	.flyer-list__item:nth-child(n) { width: calc(50% - 4px); margin-left: 8px; }
	.flyer-list__item:nth-child(odd) { margin-left: 0}
	.flyer-list__item:nth-child(n + 3) { margin-top:20px;}
	.flyer-list .name { font-size: 12px; padding: 7px 0;}
	.flyer-list .note { font-size: 7px; margin-top: 6px; line-height: 1.5} 
	.btn-black._s { width: 108px; line-height: 26px; font-size: 9.50px; border-radius: 3px; }
	.ic_dl { width: 11px; height: 11px; top: 1.5px; left: 2px; margin-right: -4px;}
	.article._type3 { padding: 30px 0 52px}
	.article._type3 .title { font-size: 25px; }
	.article._type3 .title._s { font-size: 19px; line-height: 1.3 }
	.movie-list {padding: 25px 8px 0;}
	.movie-list__item { width: calc(100%);}
	.movie-list__item:nth-child(even) { margin-left: 0px;}
	.movie-list__item:nth-child(n + 2) { margin-top: 33px;}
	.movie-list__item .name { font-size:17px; padding-top: 11px; }
	.movie-list__item .note { font-size: 10px; padding-top: 2px; }
	.movie-list__item .ic_new { font-size: 11.5px; margin-right: 6px; top: -1.5px; }
	.btn-black { width: 240px; line-height: 44px; font-size: 15px }
	.movie-list._ver1 { max-width: 97%;}
	._ver1 .movie-list__item:nth-child(n + 2) { margin-top: 33px;}
}


/* supporter */
.page-supporter .article { padding-bottom:80px; overflow: hidden;}
.title-supporter {transform: scale(1.24) rotate(-2.0deg); position: relative; top: -18px;}
.page-supporter .btmtext {text-align: center; font-size: 28px; margin-top: 50px; font-weight: 800; letter-spacing: normal;}
.supporter-prof { display: flex; font-size: 15px; padding: 75px 0; border-bottom: dotted 1px rgba(21,21,26,.35)}
.supporter-prof._first { padding-top: 60px;}
.supporter-prof .photo { width: 320px; position: relative; filter: drop-shadow(0px 2px 2.5px rgba(0,0,0,.1))}
.supporter-prof .photo .new { width: 80px; height: 80px; left: 0; top: 0; position: absolute;}
.supporter-prof .photo figcaption { font-size:11px; position: relative; left: 7px;}
.supporter-prof .textarea { padding-left: 60px; flex: 2;}
.supporter-prof._block .textarea { padding-left: 0;}
.supporter-prof .en {color:#ff8017; letter-spacing: normal; line-height: 1; margin-bottom: 11px; font-size: 16px;}
.supporter-prof .name { font-size: 34px; line-height: 1;}
.supporter-prof .name small { font-size: 67%; letter-spacing: normal;}
.supporter-prof .name small.group { font-size: 46%; position: relative; top: -0.32em; margin-left: 0.4em}
.supporter-prof .name_s { font-weight: 600; margin-top: 14px; line-height: 1.5;}
.supporter-prof h5.title {font-size: 15px; line-height: 1; margin-top: 37px; padding-bottom: 14px; border-bottom: dotted 1px rgba(0,0,0,.55); margin-bottom: 11px; font-weight: 800; }
.supporter-prof h5.title i { font-size: 8px; top: -2px;}
.supporter-prof .text { line-height: 1.5; font-size: 14px;}
.supporter-prof .movie { display: flex; padding: 6px 0; }
.supporter-prof .movie figure { width: 260px;}
.supporter-prof .movie .textarea { padding-left: 25px; flex: 2; padding:0 0 40px; position: relative; padding-left: 23px;}
.supporter-prof .movie .date { font-size: 12px; font-weight: 400; margin-bottom: 4px;}
.supporter-prof .movie .title { font-weight: 700; line-height: 1.6; font-size: 16px;}
.supporter-prof .movie .btn .ic_arw { background: url("../img/arw_w.png") no-repeat center; width: 5.5px; height: 11px; display: inline-block; background-size:100% auto; margin-right: -10px; margin-left: 4.5px;}
.supporter-prof .movie .btn a { font-size: 13px; line-height: 35px; min-width: 144px; border-radius: 2px; position: absolute; right: 0; bottom: 0; width: auto;}
.supporter-prof .movie .btn a i{ font-size: 10px;}
.supporter-prof .info { overflow-y: auto; max-height: 250px;}
.supporter-prof .info li { display: flex; border-bottom: dotted 1px #15151a; padding: 13px 0; line-height: 1.6; font-size: 14px;}
.supporter-prof .info a { text-decoration: underline; color: #15151a;}
.supporter-prof .info a:hover { text-decoration: none;}
.supporter-prof .info .day {font-size: 16px; position: relative; top: -2px; min-width: 100px; font-weight: 600;}
.supporter-prof .info .title { font-size: 14px;}
.supporter-prof._block { display: block;}
.supporter-prof._block .photo { width: 100%; max-width: 550px; margin-bottom: 50px;}
.supporter-prof._block .en,
.supporter-prof._block .name,
.supporter-prof._block .name_s { text-align:center;}
._supporter .border { border: none; border-top: solid 1px #15151a; margin-top: 0; margin-bottom: 0;}
._supporter .border._m0 { margin:0!important; }
.btnarea_gbd { text-align: center;background:rgba(19,44,61,.04); padding: 60px 0}
.btnarea_gbd .btn { display: inline-block; margin-left: 14px;}
.btnarea_gbd .btn:first-child { margin-left: 0;}
.btnarea_gbd .btn a { height: 98px; width: 400px; display: flex; align-items: center; color: #162326; border: solid 1px rgba(19,44,61,.20); font-weight: 700; border-radius: 8px; padding:0 22px; line-height: 1.55; letter-spacing: normal; text-align: left; background: white;}
.btnarea_gbd .btn a:hover { background:#fbfbfb; }
.btnarea_gbd img { width: 62px; }
.btnarea_gbd span { flex:2; padding-left: 20px; }

@media screen and (max-width:1300px) {
	.supporter-prof { padding: 67px 0; font-size: 14px;}
	.supporter-prof._first { padding-top: 45px;}
	.supporter-prof .photo { width: 300px;}
	.supporter-prof .textarea { padding-left: 50px;}
	.supporter-prof .name { font-size: 30px;}
	.supporter-prof h5.title { font-size: 16px; margin-top: 30px;}
	.supporter-prof .text { line-height: 1.7; }
}
@media screen and (max-width:768px){
	.page-supporter .article { padding-bottom:40px;}
	.title-supporter {transform: scale(1.23)  rotate(-2.0deg); position: relative; top: -7px;}
	.page-supporter .btmtext {font-size: 22px; margin-top: 32px; letter-spacing: normal;}
	.supporter-prof { font-size: 12.5px; padding: 48px 0; display: flex;}
	.supporter-prof._first { padding-top: 36px;}
	.supporter-prof .photo { width: 190px; }
	.supporter-prof .photo .new { width: 68px; height: 68px; }
	.supporter-prof .photo figcaption { font-size:9px; left: 4px;}
	.supporter-prof .textarea { padding-left: 30px; }
	.supporter-prof .en { margin-bottom: 8px; font-size: 13px;}
	.supporter-prof .name { font-size: 26px; }
	.supporter-prof .name_s { margin-top: 10px; }
	.supporter-prof h5.title {font-size: 14px; margin-top: 28px; padding-bottom: 9px; margin-bottom: 6px; }
	.supporter-prof h5.title i { font-size: 8px; top: -2px; margin-right: 0.25em;}
	.supporter-prof .text { line-height: 1.4; font-size: 12.5px;}
	.supporter-prof .movie { padding: 6px 0;}
	.supporter-prof .movie figure { width: 160px;}
	.supporter-prof .movie .textarea { padding:0 0 36px; padding-left: 18px; margin-top: 0;}
	.supporter-prof .movie .date { font-size: 11px; margin-bottom: 2px;}
	.supporter-prof .movie .title { font-size: 13px; line-height: 1.4}
	.supporter-prof .movie .btn .ic_arw { width: 5px; height: 9px; margin-right: -8px; margin-left: 4px;}
	.supporter-prof .movie .btn a { font-size: 11px; line-height: 27px; min-width: 100px; border-radius: 3px; padding-bottom: 1px; width: auto;}
	.supporter-prof .movie .btn a i{ font-size: 10px;}
	.supporter-prof .info { max-height: 230px;}
	.supporter-prof .info li { padding: 12px 0; font-size: 11px;}
	.supporter-prof .info .day {font-size: 15px; top: -2px; min-width: 90px; }
	.supporter-prof .info .title { font-size: 14px;}
	.supporter-prof .info .text { font-size:12px;}
	.supporter-prof._block .photo { max-width: 360px; margin-bottom: 24px;}
	._supporter .border { margin-bottom: 15px;}
	.btnarea_gbd { padding: 30px 0}
	.btnarea_gbd .btn { margin-left: 8px; width: calc(50% - 30px);}
	.btnarea_gbd .btn a { height: 70px; font-size: 13px; width: calc(100%); border-radius: 8px; padding:0 14px; }
	.btnarea_gbd img { width: 44px; }
	.btnarea_gbd span { padding-left: 11px; }
}
@media screen and (max-width:480px){
	.page-supporter .article { padding-bottom:22px;}
	._ouentai .title-supporter {max-width:auto; width: 60%; margin: 30px auto 12px;}
	.title-supporter {transform: scale(1.67)  rotate(-3deg); position: relative; top: 4px;}
	.page-supporter .btmtext {font-size: 17px; margin-top: 24px; line-height: 1.38}
	.supporter-prof { font-size: 12px; padding: 48px 0 24px; display: block;}
	.supporter-prof._first { padding-top: 24px;}
	.supporter-prof .photo { width: 210px; }
	.supporter-prof .photo .new { width: 56px; height: 56px; }
	.supporter-prof .textarea { padding-left: 0; margin-top: 13px}
	.supporter-prof .en { margin-bottom: 7px; font-size: 11px; text-align: center;}
	.supporter-prof .name { font-size: 22px; text-align: center; margin-bottom: -13px;}
	.supporter-prof .name_s { margin-top: 10px; text-align: center;}
	.supporter-prof .name small.group { font-size: 43%; top: -0.25em; margin-left: 0em}
	.supporter-prof h5.title {font-size: 13px; margin-top: 24px; padding-bottom: 9px; margin-bottom: 7px; }
	.supporter-prof h5.title i { font-size: 7px; top: -1.5px; margin-right: 0.3em;}
	.supporter-prof .text { line-height: 1.33; font-size: 11.5px; letter-spacing: normal;}
	.supporter-prof .movie { padding: 4px 0;}
	.supporter-prof .movie figure { width: 120px;}
	.supporter-prof .movie .textarea { padding:0 0 35px; padding-left: 10px;}
	.supporter-prof .movie .date { font-size: 9px; margin-bottom: 1px;}
	.supporter-prof .movie .title { font-size: 11px; line-height: 1.4; letter-spacing: normal;}
	.supporter-prof .movie .btn .ic_arw { width: 5px; height: 7px; margin-right: -8px; margin-left: 4px;}
	.supporter-prof .movie .btn a { font-size: 10px; line-height: 22px; min-width: 100px; border-radius: 2px; }
	.supporter-prof .movie .btn a i{ font-size: 10px;}
	.supporter-prof .info { max-height: 230px;}
	.supporter-prof .info li { padding: 12px 0; font-size: 11px;}
	.supporter-prof .info .day {font-size: 15px; top: -2px; min-width: 90px; }
	.supporter-prof .info .title { font-size: 14px;}
	.supporter-prof .info .text { font-size:12px;}
	.supporter-prof._block .photo { max-width: 280px; margin-bottom: 0px;}
	._supporter .border { margin-bottom: 10px;}
	.btnarea_gbd { padding: 24px 0}
	.btnarea_gbd .btn { width: calc(300px); display: block; margin: auto; margin-top: 4px;}
	.btnarea_gbd .btn:first-child { margin-left: auto; margin-top: 0;}
	.btnarea_gbd .btn a { height: 62px; font-size: 13px; width: calc(100%); border-radius: 8px; padding:0 14px; }
	.btnarea_gbd img { width: 42px; }
	.btnarea_gbd span { padding-left: 10px; }
}


/*special contetns*/
.page-special .contents { max-width: 1200px;}
.flex { display: flex;}
.special-title { font-size: 33px; line-height: 1.25; font-weight: 900; text-align: center; letter-spacing: normal; margin-bottom: 1.6em;}
.imgarea._2box { display: flex;}
.imgarea._2box figure:first-child { margin-right: 1em}
._type2 .article__title { width: 100%; margin: auto;}
._type2 .article__content { align-items: flex-start; justify-content: center;  position: relative;}
._type2 .article__content .photoarea { position: absolute; width: 520px; left: -144px; height: 100%; }
._type2 .article__content .textarea { flex: 2; margin-left: calc(440px); position: relative; top: -5px;}
._type2 .article__content .textarea .text { line-height:1.9; text-align: justify;}
.glaybox { background:rgba(30,47,51,.04); padding: 22px 32px 26px;}
.glaybox__title { font-size: 17px; font-weight: 800; display: flex; align-items: center;}
.glaybox__title._l { font-size: 21px; }
.glaybox__title .label { font-size: 12px; margin-right: 13px; position: relative; top: 1px; font-weight: 600;}
.glaybox__title small { font-size: 11px; font-weight: 500; margin-left: 13px; position: relative; top: 1px; letter-spacing: normal;}
.glaybox__text { font-size:13px; line-height: 1.65; margin-top: 8px; text-align: justify;}
.table-type2 { width: 100%; border-radius: 5px;  box-shadow: 0px 0px 0 1px #1E2e38; position: relative;}
.table-type2 th { font-size: 13px; width: 130px; vertical-align: middle; background:#1E2e38; color: #fff; font-weight: 600; letter-spacing: 0.06em; border-bottom: solid 1px #bbb; line-height: 1.45; text-align: center; position: relative;}
.table-type2 td { padding: 15px 18px; border-bottom: solid 1px #1E2e38; font-weight: 400; font-size: 13px; line-height: 1.6;}
.table-type2 td .map iframe { width: 100%; height: 250px;}
.table-type2 tr:last-child th,
.table-type2 tr:last-child td { border: none;}
.table-type2 tr:first-child th {border-radius: 3px 0 0 0;}
.table-type2 tr:last-child th { border-radius: 0 0 0 3px;}

@media screen and (max-width:768px){
	.special-title { font-size: 25px; line-height: 1.23; margin-bottom: 1.1em;}
	._type2 .article__content { margin-top: 43px;}
	._type2 .article__content .photoarea { width: 35%; left: -35px;}
	._type2 .article__content .textarea { margin-left: calc(35% + 6px); }
	._type2 .article__content .textarea .text { font-size: 14px; line-height: 1.65;}
	.glaybox { padding: 15px 22px 20px;}
	.glaybox__title { font-size: 15px; }
	.glaybox__title._l { font-size: 18px; }
	.glaybox__title .label { font-size: 11px; margin-right: 10px; top: 0; }
	.glaybox__title small { font-size: 10px; margin-left: 12px; }
	.glaybox__text { font-size:11.5px; margin-top: 6px; line-height: 1.6;}
	.table-type2 { border-radius: 4px; box-shadow: 0px 0px 0 1px rgb(16 37 51 / 99%); }
	.table-type2 th { font-size: 12px; width: 130px; }
	.table-type2 td { padding: 12px 14px; font-size: 12px; }
	.table-type2 td .map iframe { height: 180px;}
}
@media screen and (max-width:480px){
	.special-title { font-size: 20px; line-height: 1.2; margin-bottom: 1.0em;}
	.imgarea._2box {flex-flow: column;}
	.imgarea._2box figure:first-child { margin-bottom: 7px; margin-right: 0;}
	._type2 .article__title { width: 73%; }
	._type2 .article__content { flex-flow:column; margin-top: 28px;}
	._type2 .article__content .photoarea { width: 72%; left: auto; margin: auto; position: relative;}
	._type2 .article__content .textarea { margin-left:auto; }
	._type2 .article__content .textarea .text { font-size: 12.5px; line-height: 1.6; margin-top: 34px;}
	.glaybox { padding: 14px 15px 15px;}
	.glaybox__title { font-size: 14px; }
	.glaybox__title._l { font-size: 18px; }
	.glaybox__title .label { font-size: 10px; margin-right: 9px; top: 0; }
	.glaybox__title small { font-size: 9px; margin-left: 9px; }
	.glaybox__text { font-size:11px; margin-top: 4px; line-height: 1.45;}
	.table-type2 { border-radius: 3px; box-shadow: 0px 0px 0 1px rgb(16 37 51 / 99%); }
	.table-type2 th { font-size: 10px; width: 85px; }
	.table-type2 td { padding: 9px 10px; font-size: 11px; line-height: 1.4; letter-spacing: normal;}
	.table-type2 td .map iframe { height: 130px;}
}
   

.fadein { opacity: 0; transform: translateY(10px); transition: all 1s; transition-delay: .1s!important;}
.fadein._d1 { transition-delay:.2s!important;}
.fadein._d2 { transition-delay:.3s!important;}
.fadein._d3 { transition-delay:.4s!important;}
.fadein._d { opacity: 0; transform: translateY(-10px);}
.fadein.scrollin { opacity: 1; transform: translate(0); }
.fadein._p { transform-origin: bottom center; transform: scale(0.95,0.95); top: 0px; position: relative;}
.fadein._p.scrollin { transform: scale(1,1); top: 0;}
.fadein._zo { transform: translateY(0px); transform: scale(.95); transition: all .7s cubic-bezier(0.9, 0.1, 0.3, 0.9);transition-delay: .0s!important;}
.fadein._zo.scrollin { transform: scale(1);}
.action { opacity: 0}
.action.scrollin { opacity: 1}
@media screen and (max-width:480px){
    .fadein { opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px);}
}

.hv-hs:hover,.footer-btn a:hover,.footer-sns a:hover { animation-name: flash; animation-duration: 1s; animation-fill-mode: both}
@-webkit-keyframes flash { 0% {opacity: 1} 10% {opacity: 0.8} 60% {opacity: 1} }
@keyframes flash { 0% {opacity: 1} 10% {opacity: 0.8} 60% {opacity: 1} }
@media print{.noprint, .cast img { display: none;}}