@charset "UTF-8";
/* CSS Document */
div:after, article:after, ul:after,dl:after, aside:after { content:""; display:block; clear:both;}
body { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; line-height: 1.7; overflow-x: hidden; color: #27193d;  letter-spacing: 0.02em; overflow-y: scroll; overflow-x: hidden}
.f_osw,.lower-pagetitle .en { font-family: "Oswald", sans-serif; font-optical-sizing: auto;  font-style: normal;}
.f_ox,.page-outline .price,.tel,.topics-list dt {font-family: 'Oxygen', sans-serif; }
.f_pop,._en {font-family: 'Poppins', sans-serif;}
.all { min-width:1200px;}
.v_481 { display:block; visibility:visible;}
.v_480 { display:none; visibility:hidden;}
.v_sp { display:none; visibility:hidden;}
.v_pc { display:block; visibility:visible;}
#page-top { position: fixed; bottom: 5px; right: 10px; z-index: 100; transition: ease .3s; opacity: 0; pointer-events: none;}
#page-top._view { bottom: 10px; opacity: 1; pointer-events: all;}
#page-top a { width: 70px; height:70px; background: url("../img/btn_pagetop.png") no-repeat right bottom; background-size:contain; display:block;filter: drop-shadow(0px 1px 2px rgba(0,0,0,.1));}
.ls_num li { list-style:decimal; margin-left: 1em;}
.text_ll { font-size:22px; font-weight: 700;line-height: 1.4;}
.text_l { font-size:20px; font-weight: 700; line-height: 1.4;}
.text_m { font-size:17px; font-weight: 600}
.text_s { font-size:12px; font-weight: 400; line-height: 1.6;}
.text_ss { font-size:11px; font-weight: 300; line-height: 1.6;}
.note {/* color: #666;*/}
.lsn {letter-spacing: normal!important;}
.ls_ { text-indent:-1em; margin-left: 1em}
.mt0 { margin-top:0!important}
.mt6 { margin-top: 6px;}
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt80 { margin-top: 80px;}
.mt100 { margin-top: 100px;}
.mt_lll { margin-top: 30px;}
.mt_ll { margin-top: 25px;}
.mt_l { margin-top: 20px;}
.mt_m { margin-top: 15px;}
.mt_s { margin-top: 10px;}
.mt_ss { margin-top: 5px;}
.ta_c { text-align: center;}
.ta_r { text-align: right;}
.ta_l { text-align: left;}
.w300,.w400,.w500,.w600,.w700,.w800 { width: 100%; margin-left: auto; margin-right: auto;}
.w300 { max-width: 300px;}
.w400 { max-width: 400px;}
.w500 { max-width: 500px;}
.w600 { max-width: 600px;}
.w700 { max-width: 700px;}
.w800 { max-width: 800px;}
.c_red {color:#ea3431; }
.c_pink {color:#FF40a9; }
.c_blue {color:#26c2b5; }
.c_blue-l {color:#00b2ff; }
.c_pur {color:#6a01ff;}
.c_org {color:#ef7b30;}
.c_org-l {color:#f7ac39;}
.c_yel {color:#ffea00;}
/*green #26c2b5  org #ef7b30 yellow #f7ac39 red #ea3431*/
.bg_pink { background:#ff40a9; color: white;}
.bg_red { background:#ea3431; color: white;}
.bg_org { background:#ef7b30; background: #f79c0f; color: white;}
.bg_org-l { background:#ef7b30; color: white;}
.bg_pur { color:white; background: #6a01ff;}
.bg_blue { color:white; background: #26c2b5;}
.bg_blue-l { color:white; background: #00b2ff;}
.g_yel { background: linear-gradient(25deg, #f7ac39, #f7ac39)!important; color: white;}
.g_org { background: linear-gradient(25deg, #f79c0f, #f79c0f)!important; color: white;}
.g_red { background: linear-gradient(25deg, #ef7b30, #f7ac39)!important; color: white;}
.g_blue { background: linear-gradient(25deg, #26c2b5, #26c2b5)!important; color: white;}
strong { font-weight:800;}
.hv-br { -webkit-transition:all 0.1s; -moz-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
.hv-br:hover,.footer-bnr__item a:hover,#page-top a:hover,.ticketinfo-btn:hover {-webkit-filter: brightness(110%); filter: brightness(110%);}
.sdw,.modal-artists__box { -webkit-filter: drop-shadow(0px 0px 8px rgba(0,0,0,.2)); filter: drop-shadow(0px 0px 8px rgba(0,0,0,.2));}
.sdw_s,.index-twitter_tl,.footer-bnr__item a,.header-sns li a { -webkit-filter: drop-shadow(0px 1px 4px rgba(0,0,0,.03));  filter: drop-shadow(0px 1px 4px rgba(0,0,0,.03));}
.artists-list__item_ { -webkit-filter: drop-shadow(0px 1px 4px rgba(0,0,0,.04));  filter: drop-shadow(0px 1px 4px rgba(0,0,0,.04));}
.sdw_ss,.goods-list__item .photo {-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));  filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));}
a.textlink,
.textpage-textarea a { color: #00b3ff; text-decoration:underline;}
a.textlink._b { color: #222;}
a.textlink:hover,
.textpage-textarea a:hover { text-decoration:none;}
section { position: relative;}
.dn { display:none!important;}
.cursor_zoom { cursor: zoom-in;}
.border1 { border-width:1px; margin: 2em 0; border-color: #ccc;}
.head-informatino { position: relative; z-index: 10; display: block; background:linear-gradient(25deg, #6a01ff, #8102f3);  }
.head-informatino a { text-align: center; color: white; font-weight: 600; display: flex; justify-content: center; align-items: center; height: 38px; font-size: 17px;}
.il { display:inline!important;}
.ib { display:inline-block!important;}
.tac { text-align: center;}
.tal { text-align: justify;}
.fw6 { font-weight:600!important;}
.fw8 { font-weight:800!important;}
.fw7 { font-weight:700!important;}
.fw3 { font-weight:300!important;}

@media screen and (max-width:768px){
	body { line-height: 1.65; }
	.all { min-width:600px;}
	.v_pc { display:none; visibility:hidden;}
	.v_sp { display:block; visibility:visible;}
 	#page-top { right: 7px; }
	#page-top._view { bottom: 6px; }
	#page-top a { width: 56px; height:56px; }
	.text_ll { font-size:20px; }
	.text_l { font-size:17px; }
	.text_m { font-size:15px;}
	.text_s { font-size:12px; line-height: 1.5;}
	.text_ss { font-size:10px; line-height: 1.5;}
	.mt6 { margin-top: 5px;}
	.mt10 { margin-top: 7px;}
	.mt20 { margin-top: 16px;}
	.mt30 { margin-top: 24px;}
	.mt40 { margin-top: 33px;}
	.mt50 { margin-top: 40px;}
	.mt60 { margin-top: 45px;}
	.mt80 { margin-top: 60px;}
	.mt100 { margin-top: 70px;}
	.mt_lll { margin-top: 24px;}
	.mt_ll { margin-top: 18px;}
	.mt_l { margin-top: 15px;}
	.mt_m { margin-top: 12px;}
	.mt_s { margin-top: 8px;}
	.mt_ss { margin-top: 4px;}
	.w300 { max-width: 240px;}
	.w400 { max-width: 300px;}
	.w500 { max-width: 350px;}
	.w600 { max-width: 400px;}
	.w700 { max-width: 500px;}
	.w800 { max-width: 600px;}
	.border1 { margin: 1.75em 0;}
	.head-informatino a { height: 32px; font-size: 15px;}
}
@media screen and (max-width:500px){
	.v_481 { display:none; visibility:hidden;}
	.v_480 { display:block; visibility:visible;}
	body { line-height: 1.58; }
	.all { min-width:auto;}
	#page-top { bottom: 0px; right: 4px;}
	#page-top._view { bottom: 3px; }
	#page-top a { width: 50px; height:50px; }
	.text_ll { font-size:17px; }
	.text_l { font-size:15px; }
	.text_m { font-size:12px;}
	.text_s { font-size:10px; line-height: 1.4; letter-spacing: normal;}
	.text_ss { font-size:9px; line-height: 1.4; letter-spacing: normal;}
	.mt6 { margin-top: 4px;}
	.mt10 { margin-top: 6px;}
	.mt20 { margin-top: 12px;}
	.mt30 { margin-top: 18px;}
	.mt40 { margin-top: 24px;}
	.mt50 { margin-top: 26px;}
	.mt60 { margin-top: 30px;}
	.mt80 { margin-top: 40px;}
	.mt100 { margin-top: 44px;}
	.mt_lll { margin-top: 20px;}
	.mt_ll { margin-top: 15px;}
	.mt_l { margin-top: 13px;}
	.mt_m { margin-top: 10px;}
	.mt_s { margin-top: 6px;}
	.mt_ss { margin-top: 3px;}
	.w300 { max-width: 220px;}
	.w400 { max-width: 300px;}
	.w500 { max-width: 300px;}
	.w600 { max-width: 350px;}
	.w700 { max-width: 400px;}
	.w800 { max-width: 400px;}
	.border1 { margin: 1.5em 0;}
	.head-informatino a { height: 28px; font-size: 13px;}
}


/*header*/
.header { z-index: 1010; position: relative;}
.header__inr { display: flex; align-items: center; height: auto;}
.header__logo { width: 227px; margin-left: 00px; margin-right: 22px; transition:all 0.3s; position: relative; left: 0; right: 0; margin-top:-5px;}
.header-nav { display: flex; position: relative; transition:all 0.32s; top: -3px}
.header-nav__item { margin-right: 0;}
.header-nav__item a { font-weight: 700; color: white; letter-spacing: 0.05em; font-size: 20px; position: relative; border-right: solid 1px white; padding: 3px 31px 8px; display: block; line-height: 1; z-index: 10; text-align: center;}
.lower .header-nav__item a { font-size: 21px; padding: 3px 29px 8px; }
/*.lower .header-nav__item:first-child a { padding-left:0;}
.lower .header-nav__item:last-child a { padding-right:0;}*/
.header-nav li._home { display: none} 
.header-nav__item:last-child a { border:none;}
.header-nav__item a i { display: block; font-size: 68%; font-family: 'Poppins', sans-serif; font-weight: 300; letter-spacing: 0.02em; padding-bottom: 0.35em; font-style: normal}
.header-nav__item.current a { pointer-events:none;}
.header-nav__item a ._en { font-size: 112%;}
.header-nav__item.current a,
.header-nav__item a:hover { color: ;}
.header-sns { position: absolute; right: 15px; top: 16px; -webkit-transition:all 0.35s; -moz-transition:all 0.35s; -ms-transition:all 0.35s; transition:all 0.35s; font-size:0;}
.page-index .header-sns { pointer-events: all;}
.header-sns li { width: 26px; display: inline-block; margin-left: 9px; line-height: 1;}
.nav-toggle { display: none}

@media screen and (max-width:768px){
	.header { position: absolute; left: 0; right: 0;  margin: 0 auto; pointer-events: none; bottom: 0; display: flex; align-items: center; justify-content: center; height: 100vh; height: 100dvh; top: 0;}
	.open .header { background: rgba(0,0,0,.02)}
	.open .header__logo { display: none!important;}
	.header-nav__bg,
	.header-nav li,
	.header-sns { opacity: 0; left: 0; position: relative;}
	.open .header-nav__bg,
	.open .header-nav li,
	.open .header-sns { opacity: 1; left: 00%;}
	.open .header-nav li._home { opacity: 1; pointer-events: all;}
	.header__inr { height: auto; display: block; text-align: center; top: 0;}
	.open .header__inr { pointer-events: all;}
	.header__logo { width: 185px; margin-left: 0px; margin-top: 0px; pointer-events: all; position: absolute; left: -3px; top: -5px;}
	.header-nav { display: block; padding: 0 0 23px;}
	.header-nav__item { margin-right: auto; margin-left: auto; margin-top: 0px; border-bottom: solid 1px rgba(255,255,255,.50); }
	.header-nav__item:nth-child(2) { margin-top: 0; border-top: solid 1px rgba(255,255,255,.50);}
	.header-nav__item a,
	.lower .header-nav__item a { font-size: 21px; display: block; padding:13px 0 15px; position: relative; border: none; letter-spacing: 0.06em; width: 300px;}
	.header-nav__item a i { font-size: 68%; padding-bottom: 0.35em;}
	.header-nav__item a:hover { background:rgba(255,255,255,.06)}
	.header-nav__item:nth-child(n) { transition: 0s;}
	.header-sns,
	.header-nav__item { top: 10px; transition: none;}
	.open .header-sns,
	.open .header-nav__item:nth-child(n) { transition: .6s ; top: 0;}
	.open .header-nav__item:nth-child(1) { transition-delay: .0s }
	.open .header-nav__item:nth-child(2) { transition-delay: .08s }
	.open .header-nav__item:nth-child(3) { transition-delay: .16s }
	.open .header-nav__item:nth-child(4) { transition-delay: .24s }
	.open .header-nav__item:nth-child(5) { transition-delay: .32s }
	.open .header-nav__item:nth-child(6) { transition-delay: .4s }
	.open .header-sns { transition-delay: 0.48s;}
	.header-sns { position: relative; right:auto;}
	.header-sns li { width: 25px; margin:0 4px;}
	.header-sns li a:hover { opacity:0.8;}
	.page-index .header-sns { pointer-events: none;}
	.open.page-index .header-sns { pointer-events: all;}
	.header-nav li._home { opacity: 0; width: 280px; left: -5px; margin-bottom: 24px; pointer-events: none; display: block; margin-left: auto; margin-right: auto}
	
	.header-nav__bg { position: fixed; top: 0; width: 100%; height: 100vh; background:url("../img/bgc.jpg"); transition: all .0s ease-out; opacity: 0; z-index: 1000; pointer-events: none; background-position: right top; /*background: #26bdb0*/ background-size: auto 100%}
	.open .header-nav__bg { transition: all .2s ease-out; opacity: 1; pointer-events: all;}
	.nav-toggle { display: block; position: absolute; right: 16px; top: 17px; width: 31px; height:31px; cursor: pointer; padding: 0px 0px; z-index: 1011; -webkit-tap-highlight-color:rgba(0,0,0,0.01); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
	.nav-toggle div { position: relative; }
	.nav-toggle span { display: block; position: absolute; height: 1.5px; border-radius: 0px; width: 100%; background: #fff; left: 0; zoom: 1; -webkit-transition: .35s ease-in-out; transition: .35s ease-in-out; }
	.nav-toggle span:nth-child(1) { top: 0; }
	.nav-toggle span:nth-child(2) { top: 8px; }
	.nav-toggle span:nth-child(3) { top: 16px; }
	.open .nav-toggle { background: transparent; }
	.open .nav-toggle span { background: #fff; width: 35px;}
	.open .nav-toggle span:nth-child(1) { top: 10px; left: -2px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); zoom: 1; }
	.open .nav-toggle span:nth-child(2) { width: 0; left: 50%; }
	.open .nav-toggle span:nth-child(3) { top: 10px; left: -2px; -webkit-transform: rotate(135deg); transform: rotate(135deg); zoom: 1; }
	.header-nav__item a::before {bottom: -1px; z-index: 0;}
}
@media screen and (max-width:500px){
	.header__inr { }
	.header__logo { width: 133px; margin-top: -6px; margin-left: -6px; }
	.header-nav { padding: 0 0 20px;}
	.header-nav__item a,
	.lower .header-nav__item a { font-size: 17px; padding:8px 0 10px; width: 260px;}
	.header-sns li { width: 23px; margin:0 4px;}
	.header-nav li._home {width: 210px; margin-bottom: 16px;}
	.nav-toggle { right: 13px; top: 18px; width: 30px; height:30px; }
	.nav-toggle span:nth-child(1) { top: 0; }
	.nav-toggle span:nth-child(2) { top: 8px; }
	.nav-toggle span:nth-child(3) { top: 16px; }
	.open .nav-toggle span:nth-child(1) { top: 9px;}
	.open .nav-toggle span:nth-child(3) { top: 9px;}
}


/*footer*/
.footer { position:relative; text-align: center; color: white;padding: 180px 0 0; z-index: 1}
/*.footer:before { background:url("../img/grad_footer.png") bottom center; background-size: 100% 100%; position: absolute; left: 0; bottom: 0; right: 0; height: 500px; content: ""; z-index: -1}*/
.footer__inr {  width: 100%; margin-left: auto; margin-right: auto; display: block; max-width: 1100px;}
.page-index .footer__inr { display:block; }
.footer-bnr { font-size:0;}
.footer-bnr._second { margin-top: 6px;}
.footer-bnr__item { margin: 0 3px; max-width: calc(25% - 6px); display: inline-block; box-shadow: 0px 2px 10px rgba(0,0,0,.07);}
.footer-bnr__item:nth-child(n + 4) { margin-top: 0px;}
.footer-bnr__item:first-child { margin-left:0px;}
.footer .attention { margin: 70px 0 110px;}
.footer .attention dt { font-size: 15px; font-weight: 500;}
.footer .attention dd { font-size: 13px; margin-top: 10px; text-align: left;}
.footer-copyright { font-size: 12px; margin-top: 0px; padding: 0 0 38px; font-weight: 200; letter-spacing: 0.08em}
.footer-sns { display: flex; margin: 0px auto 60px; justify-content: center; }
.footer-sns li { width: 28px; margin: 0 6px}

@media screen and (max-width:768px){
	.footer { padding: 100px 0 0;}
	.footer:before { height: 400px;}
	.footer-bnr { margin: auto;}
	.footer-bnr._second { margin-top: 5px;}
	.footer-bnr__item { width: calc(50% - 2.5px); max-width: none; margin-left: 5px; margin-right: 0; }
	.footer-bnr__item:nth-child(odd) { margin-left:0;}
	.footer-bnr__item:nth-child(n + 3) { margin-top:5px;}
	.footer .attention { margin: 50px 0 80px;}
	.footer .attention dt { font-size: 14px;}
	.footer .attention dd { font-size: 12px; margin-top: 8px; }
	.footer-copyright { font-size: 10px; padding: 0 0 16px;}
	.footer-sns { margin: 0 auto 37px; }
	.footer-sns li { width: 26px; margin: 0 5px}
}
@media screen and (max-width:500px){
	.footer { padding: 80px 0 0;}
	.footer:before { height: 300px;}
	.footer__inr { padding:0px 0 0; width: 100%; }
	.footer-bnr {}
	.footer-bnr._second { margin-top: 0px;}
	.footer-bnr__item { width: calc(50% - 0px); margin: 0 auto;}
	.footer-bnr__item:first-child { margin-left:auto; margin-top: 0}
	.footer-bnr__item:nth-child(even) { margin-left:0px;}
	.footer-bnr__item:nth-child(n + 2) { margin-top:0px;}
	.footer .attention { margin: 40px 0 60px;}
	.footer .attention dt { font-size: 12px;}
	.footer .attention dd { font-size: 10px; margin-top: 6px; }
	.footer-copyright { font-size: 8px; padding: 0 0 13px;}
	.footer-sns { margin: 0 auto 24px; }
	.footer-sns li { width: 23px; margin: 0 4px}
}


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

@media screen and (max-width:1300px){
	.privacypolicy { font-size: 10px; padding-left: 20px; height: 70px; }
}
@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: 55px}
	.privacypolicy br { display:none!important;}
}


/*contetns*/
.page-index .all:after{ background-image: none; }
.all:before { position: fixed; content: ""; left: 0; right: 0; top: 0; height: 100vh; opacity: 1; background: url("../img/bgc.jpg"); background-size: auto 100%;}
.all { position: relative; z-index:0; overflow-x: hidden;}
@keyframes Gradient { 0% { background-position: 0% 0% } 100% { background-position: 100% 50%} }
.open .all { height:100vh; overflow: hidden;}
.contents { position:relative; min-height: calc(100vh - 223px);z-index: 10}
.page-information .contents { width: 100%; max-width: 1240px; margin-left: auto; margin-right: auto;}
.contents:before { background:white; border-left: none; border-right: none; position: absolute; content: ""; top: 0; left: 0px; width: calc(100% + 00px); bottom: 0; content: ""; }
.contents-inr { position: relative; max-width: 1100px; width: 100%;  margin-left: auto; margin-right: auto; padding: 110px 40px 150px; }
.page-timetable .contents-inr,
.page-artists .contents-inr { max-width: 1300px; padding-top: 120px;}
.lower-pagetitle { color: white; height: 400px; padding: 0px 0 105px; display: flex; justify-content: center; align-items: center;  text-align: center; position: relative; z-index: 1; flex-flow: column;}
.lower-pagetitle .title {font-size: 62px; font-weight: 800; letter-spacing: 0.05em; line-height: 1;  }
.lower-pagetitle .title._s {font-size: 60px; letter-spacing: 0.03em;}
.lower-pagetitle .title ._e {  font-weight: 700; letter-spacing: 0.03em; font-size: 122%;}
.lower-pagetitle .en { line-height: 1; text-align: center; margin-bottom: 14px;font-size: 35px; font-weight: 300; letter-spacing: 0.04em}

@media screen and (max-width:768px){
	.all:before {/* background-size: 1100px auto;*/}
	.all { padding-top :1px;}
	.contents { min-height: calc(100vh - 500px)}
	.contents:before { border-width: 6px;}
	.contents-inr { padding: 60px 24px 80px; }
	.page-artists .contents-inr { padding: 76px 18px 50px; }
	.lower-pagetitle { height: 380px; padding: 16px 0 0px;}
	.lower-pagetitle .title {font-size: 45px; }
	.lower-pagetitle .title._s {font-size: 40px; }
	.lower-pagetitle .title ._e { font-size: 130%;}
	.lower-pagetitle .en { margin-bottom: 12px; font-size: 30px; }
}
@media screen and (max-width:500px){
	.all:before { background-size: 1240px auto;}
	.contents-inr { padding: 55px 20px 75px; }
	.contents { min-height: calc(100vh - 223px)}
	.contents:before { border-width: 6px;}
	.contents-inr { padding: 20px 12px 50px; }
	.page-artists .contents-inr { padding: 48px 10px 20px;}
	.lower-pagetitle { height: 250px; padding: 16px 0 0px;}
	.lower-pagetitle .title {font-size: 33px; }
	.lower-pagetitle .title._s {font-size: 28px;}
	.lower-pagetitle .en { margin-bottom: 10px; font-size: 22px; }
}





/* index */
.page-index .header { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none;}
.page-index .header__logo,
.page-index .header-nav { display: none}
.mainvisual { display: flex; text-align: center; align-items: center; padding-bottom: 0px; height: 1100px;}
.mainvisual-inr { width: 100%; }
.mainvisual .copy { font-size: 31px; margin-bottom:-83px; color: white; font-weight: 500; letter-spacing: 0; line-height: 1.35; position: relative; z-index: 1; font-style: italic; font-weight: 800;}
.mainvisual .logo { width: 780px; margin: 0px auto 0px; position: relative; left: -20px;filter: drop-shadow(0px 2px 5px rgba(0,0,0,.08));}
.mainvisual .date { margin: -15px auto 0px; width: calc(100% - 40px); max-width: 880px; position: relative; opacity: 1; display: flex; flex-flow: column; align-items: center;}
.mainvisual .day { }
.mainvisual .place { width: 33%; margin-top: 22px}
.mainvisual .header-nav { display:flex; justify-content: center; position: relative; right: 0; margin-top: 90px; opacity: 1; transition: ease .6s; transition-delay: .3s; transform: scale(1.1)}
.mainvisual .header-nav._view { right: 0; opacity: 1; }

.about { color:white; width: 100%; position: relative; background: #26bdb0; margin-top: 0px!important;}
.about,.index-topics {filter: drop-shadow(0px 1px 4px rgba(0,0,0,.1)); margin: auto; margin-top: 8px; border-radius: 0px;width: calc(100% - 16px);}
.bg-group { margin: auto;}
/*.about .cover { background: rgba(0,0,0,.2); position: absolute; left: 0; right: 0; height: 100%; top: 0; transition:all ease 2s;}*/
.about-inr {text-align: center; width: calc(100% - 100px);max-width: 1100px; margin-left: auto; margin-right: auto; padding: 80px 0px 80px; border: solid 0px rgba(255,255,255,1.00); border-left: none; border-right: none; border-radius: 20px;}
.about .title { font-size: 46px; line-height: 1; font-weight: 900; margin: 0 auto 36px; position: relative; letter-spacing: normal;/*-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));  filter: drop-shadow(0px 2px 10px rgba(0,0,0,.5));*/}
.about .title i { width: 150px; position: absolute; left: 0; right: 0; z-index: -1; margin: auto; top: -36px; opacity: 0.95; transform: rotate(-50deg); transition: ease 0.5s; opacity: 0; transition-delay: .2s;}
.about .title i.scrollin {transform: rotate(0deg); opacity: 1}
.about .text { font-size: 17px; line-height: 1.65; font-weight: 400; text-align: justify;}
.about .text strong { font-weight:500}

.index-topics { background: white;}
.index-topics__inr { width: calc(100% - 100px); max-width: 1100px; margin-left: auto; margin-right: auto; padding:80px 0 100px;}
.index-topics .title { color: ; font-size: 65px; font-weight: 600; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 36px; line-height: 1; letter-spacing: normal;}
.topics-list { max-height:480px; overflow-y: auto; background: rgba(255,255,255,.96);  padding: 0px 0px;}
.topics-list dl:first-child {border-top-style: solid;}
.topics-list dl:last-child { border: none_; }
.topics-list dl { display: table; border-color: rgba(25,16,38,0.3); border-width: 1px; border-bottom-style: solid; width: 100%; padding-left: 14px;}
.topics-list dt,	
.topics-list dd { padding: 16px 0 20px;}
.topics-list dt { font-size: 17px; letter-spacing: 0.04em; display: table-cell; font-weight: 700; width: 93px; color: #27193d; text-align: left; position: relative; top: 1px;}
.topics-list dd { font-size: 13.5px; font-weight: 400; text-align: left; display: table-cell; padding-right: 0px;}
.topics-list dd a { text-decoration:underline; color:#27193d; }
.topics-list dd a:hover { text-decoration:none;}

.index-movie { max-width:1080px; width: calc(100% - 80px); margin-left: auto; margin-right: auto; margin:0 auto 130px; }
.moviewrap { position: relative; padding-bottom: 56.5%; height: 0; margin: 0px auto; width:100%;}
.moviewrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:20;}

@media screen and (max-width:768px){
	.page-index .header__logo { position: absolute;}
	.page-index .header__logo { left:100%;}
	.open.page-index .header__logo { left:0;}
	.page-index .header__logo,
	.page-index .header-nav,
	.page-index .header-sns { display: block; opacity:0;}
	.open.page-index .header-nav,
	.open.page-index .header-sns { display: block; opacity:1;}
	.mainvisual .header-nav { display:none!important; }
	.mainvisual { padding-bottom: 0px; min-height: 800px; height: auto;}
	.mainvisual .copy { font-size: 24px; margin-bottom: -58px; }
	.mainvisual .logo { width: 78%; left: -15px; margin: 0px auto 0px; }
	.mainvisual .date { margin: -10px auto 0px; width: calc(100% - 60px); }
	
	.mainvisual-nav { max-width: 520px; margin: 0 auto;}
	.mainvisual-nav li {  margin: 0 6px 0 0; width: calc(33.33% - 4px);}
	.mainvisual-nav li:nth-child(3n) { margin-right:0;}
	.mainvisual-nav li a { width: 100%; border-radius: 24px; line-height: 37px; font-size: 14px; margin: 0 auto 8px;box-shadow: 0px 0px 0 1.2px #fff;}
	.index-artists { margin-bottom: 0px; top: 20px; margin-top: -20px; }
	.index-artists .day { width: 210px; bottom: 10px; }
	.about { height:auto; background-attachment:scroll; background-size: 101% auto; background-position-y: -240px !important;}
	.about, .index-topics { margin-top: 5px;width: calc(100% - 10px);}
	.about-inr { width: calc(100% - 62px);padding: 48px 0px 60px; } 
	.about .title { font-size: 36px; margin: 0 auto 30px; }
	.about .title i { width: 115px; top: -29px; }
	.about .text { font-size: 16.5px; line-height: 1.7; }
	.about .text { font-size: 14px; line-height: 1.45; }
	.index-mc { width: 290px; margin-top: 40px}
	.index-mc .photo { margin:  40px auto 8px;}
	.index-mc .name { font-size: 12px; }
	
	.index-topics__inr { width: calc(100% - 48px); padding:50px 0 65px;}
	.index-topics .title { font-size: 48px; margin-bottom: 26px;}
	.infoarea { top: 48px;}
	.topics-list { height: auto; max-height:450px; }
	.index-twitter_tl { height: auto; max-height:600px; }
	.topics-list dl { border-width: 1px; padding-left: 10px; }
	.topics-list dt,	
	.topics-list dd { padding: 16px 0 19px;}
	.index-twitter-btn { margin-top: 24px;}
	.index-movie { width: calc(100% - 0px); margin-bottom: 0;}
	.about .cover { background: rgba(0,0,0,.2);}
	.about .title img {
		-webkit-filter: drop-shadow(0px 1px 2px rgba(0,0,0,.02));
		filter: drop-shadow(0px 1px 3px rgba(0,0,0,.2));
	}
	
	.about .title {
		-webkit-filter: drop-shadow(0px 1px 3px rgba(0,0,0,.0));
		filter: drop-shadow(0px 1px 3px rgba(0,0,0,.0));}
}
@media screen and (max-width:500px){
	.mainvisual { padding-bottom: 0px; min-height: 570px; padding-top: 5px;}
	.mainvisual .copy { font-size: 16px; margin-bottom: -32px}
	.mainvisual .logo { width: 86%; margin: 0px auto 0px; left: -4%; }
	.mainvisual .date { margin: 10px auto 0px; width: calc(100% - 22px); }
	.mainvisual .place { width: 51%; margin-top: 14px;}
	
	.mainvisual-nav { max-width: 320px; margin: 0 auto; text-align: left;}
	.mainvisual-nav li:nth-child(n) { display: block_; margin: 0; width: calc(50% - 3px);}
	.mainvisual-nav li:nth-child(even) { margin-left:6px;}
	.mainvisual-nav li:nth-child(n + 3) { margin-top:6px;}
	.mainvisual-nav li a { width: 100%; margin: 0 auto 0px; line-height: 33px; font-size: 13px;box-shadow: 0px 0px 0 1px #fff; }
	.index-artists { margin-bottom: 0px; top: 30px; margin-top: -45px; }
	.index-artists .day { width: 175px; bottom: 6px; }
	.about, .index-topics { margin-top: 0px;width: calc(100% - 0px);}
	.about-inr { width: calc(100% - 0px);padding: 48px 0 56px;}
	.about .title { width:86%; margin: 0 auto 24px; max-width: 330px; font-size: 29px;}
	.about .title i { width: 84px; top: -19px; }
	.about .text { font-size: 12.5px; padding: 0 13px; line-height: 1.4;}
	.index-mc { width: 100%; max-width: 240px; margin-top: 33px}
	.index-mc .photo { margin:  0 auto 6px;}
	.index-mc .name { font-size: 11px; }
	
	.index-topics__inr { width: calc(100% - 24px); padding:48px 0 62px;}
	.index-topics .title { font-size: 39px; margin-bottom: 20px;}
	.topics-list { padding:0}
	.infoarea { top: 42px;}
	.infoarea-inr { width: calc(100% - 20px); padding-top: 0px; padding-bottom: 50px;}
	.infoarea__block._twitter { margin: 54px auto 0;}
	.infoarea__block .title { width: 160px; margin-bottom: 28px;}
	.topics-list { max-height:280px; }
	.topics-list,
	.index-twitter_tl {}
	.index-twitter_tl { max-height:450px; }
	.topics-list dl { border-width: 1px; }
	.topics-list dt { font-size: 16px; width: 100%; display: block; padding: 6px 0 0;}
	.topics-list dd { font-size: 12.5px; padding-right: 0px; display: block; padding: 0px 0 10px;}
	.index-twitter-btn { margin-top: 22px;}
	.index-movie { width: calc(100% - 0px);}
}


/*outline*/
.outline-table { border-top: solid 1px rgba(25,16,38,0.2); font-size: 15px}
.outline-table > dl { display: table; width: 100%; border-bottom: solid 1px rgba(25,16,38,0.2);}
.outline-table > dl > dt,
.outline-table > dl > dd { display: table-cell; padding:  25px 0 25px;}
.outline-table > dl > dt { width: 270px; font-size: 17px; padding-right: 14px; font-weight: 700; vertical-align: middle; text-align: center; line-height: 1.4}
.outline-table .map { width: 100%; }
.access dt { font-weight: 600; font-size: 16px; margin-bottom: 4px;}
.access dd { font-size: 14px;}
.ic_sq { font-size: 11px; position: relative; top: -2px; margin-right: 4px; font-style: normal}
.glaybox { background:rgba(25,16,38,0.03); padding: 24px;}
.pricelist { width:100%; display: flex; color:; padding: 0; border-radius: 4px; align-items: center; }
.pricelist._detail { border-bottom-right-radius: 0px!important; border-bottom-left-radius: 0px!important;}
.pricelist .type { font-size: 20px; font-weight: 800;padding: 0 0 0 18px;}
.pricelist .type small { font-weight: 600; position: relative; top: -1px; font-size: 65%; letter-spacing: 0.02em}
.pricelist .label { font-size: 13.0px; line-height: 27px; width: 84px; text-align: center; font-weight: 800; padding: 0 0 0 3px; position: relative; top: -0.7px;}
.pricelist .price { font-size: 31px; font-weight: 900; padding-left: 3px; line-height: 1; letter-spacing: 0.02em;}
.pricelist .price small {font-size: 10px; font-weight: 400; margin-left: -4px; position: relative;top: -1px;}
.bg_purple { background-color: #6701FF;}
.bg_pink { background-color:#E80CA6 ;}
.bg_yellow { background-color: #FCC200;}
.vip-detail { padding: 1px 12px 12px; border-radius: 0 0 4px 4px;}
.vip-detail .inr { display: flex; background: white; padding: 22px;  color: #27193d;}
.vip-detail .inr > div { width:calc(50% - 8px);}
.vip-detail .inr > div._goods { margin-left:16px;}
.vip-detail dl { display: flex;}
.vip-detail .vip-label { color: white; font-size: 14px; background-color: #FCC200; line-height: 24px; width: 50px; text-align: center; padding-bottom: 1px; position: relative; top: -3px; font-weight: 800; letter-spacing: 0.08em;}
.vip-detail dd {text-align: left; font-size: 18px; padding-left: 10px;font-weight: 700; line-height: 1;}
.vip-detail figure { cursor:pointer; margin: 20px 0; align-items: center; display: block;}
.vip-detail .img {  width: 100%;}
.vip-detail .detail { margin-top:24px; border-top: solid 1px white; padding: 25px 25px 33px; font-size: 12.5px; background: white;color: #27193d;}
.vip-detail .detail .title { font-size: 17px; margin-bottom: 12px; font-weight: 800; border-bottom: 1px solid #27193d ; padding-bottom: 11px;}
.line { background: linear-gradient( transparent 92% ,#FFED01 92%); position: relative; padding-bottom: 6px;}
.vip-detail .detail h6 { font-weight: 800; margin-top: 1.4em; font-size: 15px;}
.vip-detail .detail .textarea { margin-top: 0px; line-height: 1.7; letter-spacing: 0.04em}
.title_tickettype { padding:4px 0 6px; font-weight: 800; font-size: 22px; letter-spacing: 0.02em; line-height: 1.3; /*border-bottom:solid 2.5px #ea3431; */font-style: italic; background: #ea3431; color: white; text-align: center; display: block;}
.title_tickettype small { font-size: 15px; font-weight: 700; margin-left: 0.4em; display: inline-block; position: relative; top: -2px; letter-spacing: normal}
.ticket-box { position: relative; margin-top: 7px; ; padding: 11px 0px 20px; border-bottom: 1px rgba(25,16,38,0.2) solid;}
.bdno { border: none;}
.ticket-box._first { border-top: 1px rgba(25,16,38,0.2) solid;}
.ticket-box:last-child { margin-bottom:0;}
.ticket-box._last { margin-bottom:0; border: none; padding-bottom: 0;}
.company { font-weight:800; font-size: 16px; line-height: 1.5; }
.company small { font-weight:600; font-size: 75%; line-height: 1.4; }
.ticket-box .label { font-size:10px; margin-left: 8px; padding: 4px 8px; top: -3px;}
.ticket-box .text { font-size: 15px; font-weight:  500; margin-top: 7px;}
.ticket-box .text a { font-weight:300;}
.ticket-box .text-at { font-size: 11px; font-weight: 200; margin-top: 9px;}
.tel { font-size:25px; font-weight: 700; line-height: 1; letter-spacing: 0.02em;}
.tel .text_s { position:relative; top: -3px;}
.link { margin-top:;}
.link a { font-weight:300; color: #00b3ff; font-size: 14px; line-height: 1;}
.label { display: inline-block; font-size: 10px; position: relative; top: -2px; font-weight: 600; padding: 4px 10px; line-height: 1; margin-right: 10px; letter-spacing: 0.04em;}
.outline-table .note { text-align:left}
.bd-box { border: solid #ff0278 4px; padding: 22px 0px 24px; border-left: none; border-right: none; }
.bd-box .title { font-size:20px; margin-bottom: 16px; line-height: 1.55; font-weight: 700}
.bd-box .title small { font-size:12px; font-weight: 600;}
.bd-box .text_l { font-size: 16px;}
.bd-box .price { font-size: 24px; line-height: 1; margin-left: 0.4em; font-weight: 700;}
.bd-box .price small { position:relative; left: -3px;}
.line-yellow { background: linear-gradient(transparent 50%, yellow 50%); padding:0 5px; margin-left: -5px;}
.logoarea figure { display: inline-block; max-width: 100px; vertical-align: middle; margin-right: 1.5em;}
.logoarea figure:last-child { margin-right: 0; }
.logo_up { width:53px; position: relative; top: 0px;}
figure.duskin { width: 94px}
figure.duskinrent { width: 90px;}
figure.logo-at { width: 142px; position: relative; top: -3px;}
figure.logo-eve { width:75px; position: relative; top: -4px; left: 1px;}
figure.logo-kelloggs { width:93px; position: relative; top: 1px;}
.logo_cokeon { width:150px; position: relative; top:0; }
.sold { font-size: 50%; position: relative; top: -3px; right: 8px;}
.price_online strong { font-weight: 700; position: relative; top: -3px; font-size: 15px; display: inline-block; text-align: left; width: 110px;}
.gray-box {background:rgba(25,16,38,0.03); padding: 28px 30px;}
.box-type2 {display:flex; width: 100%;}
.box-type2 dt { padding-right: 20px; position: relative; top: -2px; font-weight: 700;}
.box-type2 dd { flex:2}
.bd-box_gray { letter-spacing: 0.02em; border: solid 7px rgba(25,16,38,0.06); padding: 30px; }
.bd-box_gray .title { text-align: center; font-size: 17px; margin-bottom: 12px; line-height: 1.4;}
.bd-box_gray .text {font-size: 80%; line-height: 1.65; text-align: justify;}
._onlineticket.gray-box {padding: 24px 25px;}
._onlineticket dl { margin-top: 17px; }
._onlineticket dl dt { font-size: 15px; margin-bottom: 1px;}
._onlineticket dl dd { font-size: 14px; margin-left: 0.9em}
.flex-type1 { display: flex; align-items: center;}

@media screen and (max-width:768px){
	.page-outline .contents-inr { padding: 0px;}
	.outline-table { font-size: 14px; border: none;}
	.outline-table > dl { display: block; border: none;}
	.outline-table > dl > dt,
	.outline-table > dl > dd { display: block; }
	.outline-table > dl > dt { width: 100%; font-size: 16px; padding-left: 0px; border-bottom: solid 1px rgba(25,16,38,0.2); border-top: solid 1px rgba(25,16,38,0.2);  text-align: center; padding: 6px; background: rgba(25,16,38,0.03);}
	.outline-table > dl > dd { padding: 19px 18px 21px;}
	.access dt { font-size: 15px; margin-bottom: 2px;}
	.access dd { font-size: 13px;}
	.ic_sq { font-size: 10px; top: -2px; margin-right: 3px;}
	.glaybox { padding: 20px;}
	.pricelist { padding: 0; border-radius: 3px; } 
	.pricelist .type { font-size: 17px; padding: 0 0 0 13px;}
	.pricelist .type small { font-size: 65%; }
	.pricelist .label { font-size: 12.5px; line-height: 26px; width: 80px; }
	.pricelist .price { font-size: 28px; padding-left: 2px; line-height: 1;}
	.vip-detail { padding: 1px 10px 10px; border-radius: 0 0 4px 4px;}
	.vip-detail .inr { padding: 19px; }
	.vip-detail .inr > div { width:calc(50% - 8px);}
	.vip-detail .inr > div._goods { margin-left:16px;}
	.vip-detail .vip-label { font-size: 13px; line-height: 21px; width: 43px; top: -3px;}
	.vip-detail dd { font-size: 16px; padding-left: 8px;}
	.vip-detail figure { margin: 20px 0;}
	.vip-detail .detail { margin-top:22px; padding: 20px 20px 28px; font-size: 12px; }
	.vip-detail .detail .title { font-size: 17px; margin-bottom: 12px; padding-bottom: 11px;}
	.line { padding-bottom: 6px;}
	.vip-detail .detail h6 { margin-top: 1.4em; font-size: 15px;}
	.vip-detail .detail .textarea { line-height: 1.65; }
	.title_tickettype { padding: 4px 0 6px; font-size: 19px; }
	.title_tickettype small { font-size: 14px; top: -1px; margin-left: 0.1em;}
	.ticket-box { margin-top: 0px; padding:  12px 0px 14px; }
	.company { font-size: 15px; }
	.ticket-box .label { font-size:9px; margin-left: 8px; padding: 4px 6px; top: -3px;}
	.ticket-box .text { font-size: 13px; margin-top: 5px;}
	.ticket-box .text-at { font-size: 9px; margin-top: 7px; }
	.tel { font-size:23px; }
	.tel .text_s { top: -3px;}
	.link { margin-top:0px;}
	.link a { font-size: 13px; }
	.label { font-size: 9px; top: -2px; padding: 4px 6px; margin-right: 9px;}
	.logo_up { width:46px;}
	.outline-info { text-align:left}
	.bd-box { border-width: 3px; padding: 20px 8px 20px; }
	.bd-box .title { font-size:17px; margin-bottom: 13px;}
	.bd-box .title small { font-size:11px;}
	.bd-box .text_l { font-size: 14px;}
	.bd-box .price { font-size: 22px; line-height: 1;}
	.bd-box .price small { left: -3px;}
	.line-yellow { padding:0 5px; margin-left: -5px;}
	.logoarea figure { max-width: 100px;}
	figure.duskin { width: 88px}
	figure.duskinrent { width: 85px;}
	figure.logo-at { width: 120px; top: -3px;}
	figure.logo-eve { width:68px; top: -5px; left: 1.5px;}
	figure.logo-kelloggs { width:82px; top: 1px;}
	.logo_cokeon { width:122px;} 
	.sold { top: -2px; right: 6px;}
	.price_online strong { top: -3px; font-size: 12px; width:90px;}
	.gray-box { padding: 22px 26px 26px;;}
	.box-type2 dt { padding-right: 10px;}
	.bd-box_gray { border-width: 5px; padding: 20px 20px;}
	.bd-box_gray .title { font-size: 15px; margin-bottom: 10px;}
	.bd-box_gray .text { line-height: 1.55;}
	._onlineticket.gray-box {padding: 16px 17px 17px;}
	._onlineticket dl { margin-top: 13px; }
	._onlineticket dl dt { font-size: 13px; margin-bottom: 0; }
	._onlineticket dl dd { font-size: 12px; }
	.vip-detail .text_s { font-size: 9px;}
}
@media screen and (max-width:500px){
	.page-outline .contents-inr { padding:0 0;}
	.outline-table { font-size: 12px}
	.outline-table > dl > dd { padding:12px 11px 13px; }
	.outline-table > dl > dt { padding: 5px 0 5px; font-size: 14px; }
	.access dt { font-size: 12px; margin-bottom: 2px;}
	.access dd { font-size: 11px;}
	.ic_sq { font-size: 8px; top: -2px; margin-right: 3px;}
	.glaybox { padding: 20px;}
	.pricelist { padding: 0; border-radius: 3px; } 
	.pricelist .type { font-size: 15px; padding: 0 0 0 11px;}
	.pricelist .type._s { font-size: 14px; line-height: 1.1}
	.pricelist .type small { font-size: 65%; }
	.pricelist .price { font-size: 25px; padding-right: 2px;}
	.pricelist .price small {font-size: 8px; margin-left: -4px; top: 0px;}
	.pricelist .label { font-size: 11.00px; line-height: 22px; width: 69px; }
	.vip-detail { padding: 1px 5px 5px; border-radius: 0 0 3px 3px;}
	.vip-detail .inr { padding: 15px 14px; display: block;}
	.vip-detail .inr > div { width:calc(100%);}
	.vip-detail .inr > div._goods { margin-left:0px; margin-top: 28px;}
	.vip-detail .vip-label { font-size: 12px; line-height: 19px; width: 40px; top: -2px;}
	.vip-detail dd { font-size: 16px; padding-left: 8px;}
	.vip-detail figure { margin: 20px 0;}
	.vip-detail .detail { margin-top:20px; padding: 12px 14px 16px; font-size: 11px; }
	.vip-detail .detail .title { font-size: 13px; margin-bottom: 8px; padding-bottom: 9px; line-height: 1.5}
	.line { padding-bottom: 6px;}
	.vip-detail .detail h6 { margin-top: 1.1em; font-size: 13px;}
	.vip-detail .detail .textarea { line-height: 1.55; }
	.vip-detail .detail .ic_sq { font-size: 8px; top: -2px; margin-right: 3px;}
	.title_tickettype { padding: 3px 0 4px; font-size: 16px; min-width: 0; letter-spacing: normal; border-width: 2px;}
	.title_tickettype small { font-size: 12px; top: -1px; margin-left: 0.1em;}
	.ticket-box { margin-top: 0px; padding: 14px 0px 15px; text-align: left; }
	.company { font-size: 13px; margin-bottom: 4px; }
	.ticket-box .label { font-size: 8px; margin-left: 7px; padding: 3px 5px; top: -3px;}
	.ticket-box .text { font-size: 12px; margin-top:8px;}
	.ticket-box .text-at { font-size: 9px; margin-top: 7px; }
	.ticket-box .box-type2 { flex-flow: column;}	
	.tel { font-size:22px; }
	.tel .text_s { top: -3px;}
	.link { margin-top:1px;}
	.link a { font-size: 12px; }
	.label { font-size: 8px; top: -2px; padding: 4px 6px; margin-right: 8px;}
	.bd-box { border-width: 3px; padding: 16px 8px 18px; margin-top: 6px }
	.bd-box .title { font-size:16px; margin-bottom: 12px;}
	.bd-box .title small { font-size:10px;}
	.bd-box .text_l { font-size: 13px;}
	.bd-box .price { font-size: 20px; }
	.bd-box .price small { left: -3px;}
	.line-yellow { padding:0 5px; margin-left: -5px;}
	.logoarea figure { max-width: 100px;}
	.logo_up { width: 46px;}
	figure.duskin { width: 88px}
	figure.duskinrent { width: 85px;}
	figure.logo-at { width: 120px; margin: 0 auto; top: 0px;}
	figure.logo-eve { width:68px; top: -5px; left: 2px;}
	figure.logo-kelloggs { width:82px; top: 1px;}
	.logo_cokeon { width:114px;} 
	.sold { top: -2px; right: 5px;}
	.price_online strong { top: -3px; font-size: 10px; width: 72px;}
	.gray-box { padding:18px 20px 20px;}
	.bd-box_gray { border-width: 4px; padding: 14px 12px;}
	.bd-box_gray .title { font-size: 14px; margin-bottom: 8px;}
	._onlineticket.gray-box {padding: 12px 14px 14px;}
	._onlineticket dl { margin-top: 10px; }
	._onlineticket dl dt { font-size: 12px; }
	._onlineticket dl dd { font-size: 10px; margin-left: 0; }
	._onlineticket dl dd .ic_sq { font-size: 8px; top: -1px; margin-right: 2px;}
	.vip-detail .text_s { font-size: 8px;}
}


/* 出演アーティスト */
.artists__block { margin-top: 160px;}
.artists__block .titlearea { text-align: center;  margin-bottom: 61px; line-height: 1;}
.artists__block .titlearea img { max-width: 490px;}
.artists__block ._day { display: block; font-size: 24px; font-weight: 800; font-style: italic;}
.artists__block .title {font-size: 46px; display: block;font-weight: 800; margin-top: 8px;}
.artists-list__item { width: calc(50% - 13px); float: left; text-align: center; position: relative; font-size: 0;}
.artists-list__item:nth-child(n + 3) { margin-top: 72px; }
.artists-list__item:nth-child(even) { margin-left: 26px; }
.artists-list__item .photo { overflow: hidden;}
.artists-list__item .photo img { -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}
/*.artists-list__item .photo img:hover { -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);}*/
.artists-list__item .name { margin: 0 auto; bottom: -22px; position: absolute; line-height: 1.4; transform: skewX(-16deg); -webkit-transform: skewX(-16deg); font-weight: 600; letter-spacing: 0.02em; left: 0; right: 0; }
.artists-list__item .name span {padding:0px 26px 1.5px; font-size: 20px; font-weight: 700; line-height: 33px; display: inline-block; letter-spacing: 0.04em;}
.artists-list__item .name span._s { font-size: 18px; letter-spacing: normal;}
.artists-list__item .name span small { font-size: 72%;} 
._0214 { margin-top: 270px;}
.text_andmore { text-align: center; font-size: 41px; font-family: 'Lato', sans-serif; font-weight: 600; font-style: italic; margin: 44px 0px 0px; pointer-events: none; letter-spacing: normal; opacity: 0.9;}
.artists-list__item._first:before {text-align: center; font-size: 28px; font-family: 'Lato', sans-serif; font-weight: 700; content: "and more..."; position: absolute; left: 100%; top: -225px; display: none; width: 200px; margin-left: -100px; font-style: italic; pointer-events: none; letter-spacing: normal; }
._andmore { cursor:default!important; width: 100%; float: none; clear: both; max-width: 180px; margin: auto; padding: 30px 0 50px;}
._new { display:inline-block; color: #ffff00; padding: 0 0 0px 7px!important; font-size: 12px!important; position: relative; top: -1px;}
.artists-list_mc .artists-list__item  { width: calc(100%); max-width: 280px; float:none; margin: auto;}
.artists-list_mc .artists-list__item .name { position: static; margin-top: -9px;}
.artists-list_mc .artists-list__item .name small { display: block; line-height: 1; font-size: 56%; position: relative; padding-bottom: 3px; top: -2px; letter-spacing: normal;} 
.artists-list_mc { padding:20px 0 20px;}

@media screen and (max-width:768px){
	.artists__block { margin-top:90px;}
	.artists__block .titlearea { margin-bottom: 43px; }
	.artists__block .titlearea img { max-width: 360px;}
	.artists__block ._day { font-size: 21px; }
	.artists__block .title {font-size: 35px; margin-top: 7px;}
	.artists-list_mc { padding:20px 0 80px;}
	.artists-list_mc .artists-list__item { max-width: 420px; }
	.artists-list__item { width: calc(50% - 5px); margin-bottom: 2px; }
	.artists-list__item:nth-child(even) { margin-left: 10px; }
	.artists-list__item:nth-child(n + 3) { margin-top: 42px; }
	.artists-list__item .name { bottom: -16px;  }
	.artists-list__item .name span { padding:0px 13px 1px; font-size: 14px; line-height: 23px;}
	.artists-list__item .name span._s { font-size: 12.5px; }
	._0214 { margin-top: 170px;}
	.artists-list__item._first:before { top: -164px; font-size:23px; width: 200px; margin-left: -100px;}
	.text_andmore { font-size: 32px; margin: 29px 0px 0px}
	._new { padding: 0 0 0px 4px!important; font-size: 10px!important; }
	.artists-list_mc .artists-list__item  { max-width: 200px;}
	.artists-list_mc .artists-list__item .name { margin-top: -8px;}
}
@media screen and (max-width:500px){
	.artists__block { margin-top:80px;}
	.artists__block .titlearea { margin-bottom: 33px; }
	.artists__block .titlearea img { max-width: 260px;}
	.artists__block ._day { font-size: 17px; }
	.artists__block .title {font-size: 28px; margin-top: 6px;}
	.artists-list__item { width: calc(100%); margin-bottom: 0px; }
	.artists-list__item:nth-child(even) { margin-left: 0px; }
	.artists-list__item:nth-child(n + 2) { margin-top: 40px; }
	.artists-list__item .name { bottom: -16px; font-size: 12px; line-height: 1; }
	.artists-list__item .name span {padding:0px 14px 1.0px; font-size: 14.5px; line-height: 25px; letter-spacing: normal;}
	.artists-list__item .name span._s { font-size: 12.5px; }
	._0214 { margin-top: 0px;}
	.artists-list__item._first:before { top: 5px; left: 0; right: 0; font-size:24px; width: 180px; margin:0 auto;}
	.text_andmore { font-size: 25px; margin: 28px 0px 0px}
	._new { padding: 0 0 0px 4px!important; font-size: 9.5px!important; }
	.artists-list_mc .artists-list__item  { max-width: 48%;}
	.artists-list_mc .artists-list__item .name { margin-top: -9px;}
	.artists-list_mc .artists-list__item .name small { font-size: 54%; padding-bottom: 2px; top: -2px;} 
}


/*information*/
.page-information .contents-inr { padding-top: 115px; max-width: 1080px;}
.textpage-titlearea { text-align: center}
.textpage-titlearea .subtitle { font-size: 18px; line-height: 1.2; margin-bottom:9px ; font-weight: 800; letter-spacing: 0.02em;}
.grad1 { background: linear-gradient(120deg, #FF2690 10%, #FF7526); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.textpage-titlearea .subtitle { font-size: 24px; line-height: 1.5;margin-top: 20px; font-weight: 800;}
.textpage-titlearea .title { font-size: 40px; line-height: 1.3; padding:0px; font-weight: 800; letter-spacing: normal; margin-bottom: 28px;}
.textpage-titlearea .title._s { font-size: 35px; }
.textpage-titlearea .title._en { font-size: 53px; line-height: 1.15; letter-spacing: normal; font-weight: 800;}
.textpage-titlearea figure { width: 55px; margin: 20px auto 60px;}
.textpage-titlearea .date { font-size: 25px; padding-left:0; line-height: 1; margin-bottom: 5px; font-weight: 500;}
.fs05 { font-size:50%!important;}
.fs06 { font-size:60%!important;}
.fs07 { font-size:70%!important;}
.fs08 { font-size:80%!important;}
.fs085 { font-size:85%!important;}
.fs09 { font-size:90%!important;}
.fs095 { font-size:95%!important;}
.fs11 { font-size:110%!important;}
.textpage-titlearea .title small { font-size: 14px; display: block; margin-bottom: 4px; letter-spacing: normal}
.textpage-textarea { font-size: 16px; letter-spacing: 0.04em;line-height: 1.75; font-weight: 400;}
.textpage-textarea h3 { text-align: center; margin-bottom: 35px; font-size: 24px; line-height: 1.5; font-weight: 800;}
.textpage-textarea h4 { text-align: center; margin-bottom: 16px; font-size: 17px;}
.textpage-textarea .ls_num > li { margin-bottom: 1px;}
.textpage-textarea ul { font-size: 15px;}
.ls_at li { margin-left: 1em; position: relative; font-size: 11px; font-weight: 200; /*color: #666; */line-height: 1.7}
.ls_at li:before { content:"※"; position: absolute; left: -1.2em;}
.ls_dot li {  margin-left: 1em; position: relative; font-size: 90%;}
.ls_dot > li:before { content:"・"; position: absolute; left: -1.2em;}
.page-information .contents:before { -moz-transform: rotate(-0deg); -webkit-transform: rotate(-0deg); -ms-transform: rotate(-0deg); transform: rotate(-0deg);}
.textpage-textarea .info-block__title { font-size: 28px; line-height: 1.4; font-weight: 800; margin: 0;}
.box-grad1 {padding: 0; background: linear-gradient(-90deg, #FF7526, #FF2690); }
.textpage-textarea .info-block hr { height: 2.4px; border: none; margin: 16px 0 16px;}
.textpage-textarea .info-block { margin-top: 85px;}
.bd-block { border: solid 2.5px lightseagreen; padding:24px 32px; max-width: 900px; margin-left: auto; margin-right: auto; line-height: 1.5;}
.flex { display: flex;}
.imgarea._2box { display: flex;}
.imgarea._2box figure:first-child { margin-right: 1em}
.photo { margin-left:auto; margin-right: auto;}
.photo._l { max-width:85%;}
.photo._m { max-width:65%;}
.photo._s { max-width:35%;}

@media screen and (max-width:768px){
	.page-information .contents { margin-top:0;}
	.page-information .contents-inr { padding-top: 60px; padding-bottom: 80px;}
	.textpage-titlearea .title { font-size: 26px; }
	.textpage-titlearea .title._s { font-size: 26px; }
	.textpage-titlearea .title._en {font-size: 48px; line-height: 1.1;}
	.textpage-titlearea .subtitle { font-size: 18px; margin-bottom:5px; margin-top: 12px}
	.textpage-titlearea .date { font-size: 20px; line-height: 1.4; margin-bottom: 3px;}
	.textpage-titlearea figure { width: 35px; margin: 13px auto 36px;}
	.textpage-titlearea .title small { font-size: 12px; margin-bottom: 4px; }
	.textpage-titlearea hr { height: 0px; width:  100%; margin:0px auto 0px;}
	.textpage-textarea { font-size: 13.5px; line-height: 1.6;}
	.textpage-textarea h3 { margin-bottom: 19px; font-size: 19px;}
	.textpage-textarea h4 { margin-bottom: 12px; font-size: 15px;}
	.ls_at li { font-size: 10px; }
	.textpage-textarea ul { font-size: 12.5px;}
	.textpage-textarea .info-block__title { font-size: 23px; line-height: 1.35;}
	.textpage-textarea .info-block hr { height: 2.2px; margin: 13px 0 13px;}
	.textpage-textarea .info-block { margin-top: 60px;}
	.bd-block { border-width: 2px; padding:18px 24px; max-width: 640px; width: 90%; text-align: justify; line-height: 1.45; font-size: 13px;}
	.photo._l { max-width:88%;}
	.photo._m { max-width:72%;}
	.photo._s { max-width:42%;}
}
@media screen and (max-width:500px){
	.page-information .contents { margin-top:0;}
	.page-information .contents-inr { padding-top: 40px; padding-left: 10px; padding-right: 10px; padding-bottom: 50px;}
	.textpage-titlearea .title { font-size: 18px; line-height: 1.3; margin-bottom: 22px;}
	.textpage-titlearea .title._s { font-size: 20px; }
	.textpage-titlearea .subtitle { font-size: 13px; margin-bottom:4px; margin-top: 10px;}
	.textpage-titlearea .title small { font-size: 11px; margin-bottom: 3px; }
	.textpage-titlearea .title._en {font-size: 40px; }
	.textpage-titlearea .date { font-size: 15px; line-height: 1.3;  margin-bottom: 2.5px;}
	.textpage-titlearea figure { width: 33px; margin: 11px auto 25px;}
	.textpage-titlearea hr { height: 0px; width: ; margin:0px auto 0px;;}
	.textpage-textarea { font-size: 12px; line-height: 1.45}
	.textpage-textarea h3 { margin-bottom: 15px; font-size: 14.5px; line-height: 1.35}
	.textpage-textarea h4 { margin-bottom: 8px; font-size: 14px;}
	.ls_at li { font-size: 9px; line-height: 1.38; }
	.textpage-textarea ul { font-size: 11.5px; line-height: 1.38;}
	.textpage-textarea .info-block__title { font-size: 19px; line-height: 1.3; letter-spacing: normal;}
	.textpage-textarea .info-block hr { height: 1.5px; margin: 10px 0 10px;}
	.textpage-textarea .info-block { margin-top: 40px;}
	.imgarea._2box {flex-flow: column;}
	.imgarea._2box figure:first-child { margin-bottom: 7px; margin-right: 0;}
	.bd-block { border-width: 1.5px; padding:9px 13px; width: 92%; line-height: 1.38; font-size: 11.5px; letter-spacing: normal;}
	.photo._l { max-width:100%;}
	.photo._m { max-width:80%;}
	.photo._s { max-width:50%;}
	._480cm { flex-flow: column}
}

.fadein { opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); -webkit-transition: all .8s; transition: all .8s; }
.fadein.scrollin { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.fadein-top { opacity: 0; -webkit-transform: translateY(-8px); transform: translateY(-8px); -webkit-transition: all .7s; transition: all .7s; }
.fadein-top.scrollin { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.fadein-side { position: relative; transform: translate3d(50%, 0, 0); opacity: 0;
-webkit-transition: transform 0.8s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transition: transform 0.8s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); }
.fadein-side.scrollin { transform: translate3d(0%, 0, 0) !important;opacity: 1;}
.fadein-ttl { overflow: hidden; position: relative;}
.fadein-ttl span { position: relative; display: inline-block; transform: translate3d(-100%, 0, 0);
-webkit-transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transition: transform 0.5s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); }
.fadein-ttl span:after { content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-color: #fff; transform: translate3d(0%, 0, 0); -webkit-transition: transform 0.2s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transition: transform 0.2s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99) ; }
.fadein-ttl.scrollin span { transform: translate3d(0%, 0, 0) !important;}
.fadein-ttl.scrollin span:after { -webkit-transition-delay: 0.3s !important; transition-delay: 0.3s !important; transform: translate3d(100%, 0%, 0) !important;}
.delay1 {-webkit-transition-delay: 0.1s; transition-delay: 0.1s}
.delay2 {-webkit-transition-delay: 0.2s; transition-delay: 0.2s}

#loadingBg { position: fixed; bottom: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 9999; -webkit-transition: height .5s cubic-bezier(0.9, 0.1, 0.3, 0.9); transition: height .5s cubic-bezier(0.9, 0.1, 0.3, 0.9);pointer-events: none;}
.load #loadingBg { -webkit-transition:all 0.3s; transition:all 0.3s; }
.loading { background: #120d1a; position: fixed; top: 0; left: 0; height: 100vh; display: block; z-index: 5000; width: 100%; overflow: hidden; opacity: 1; }
.loading .inr { display: block; text-align: center; width: 100%; padding-bottom: 20px; height: 100%; position: relative;}
.ld-text { color: white; font-family: 'Lato', sans-serif; font-style:italic; font-weight: 500; font-size: 36px; z-index: 1; position: relative; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; opacity: 0; left: 0px; top:-0px; text-align: center; position: fixed; left: 0; right: 0; top:calc(50% - 31px);}
.ld-bar { position: relative; top: calc(50% - 70px); z-index:0; width: 0%; left: -10%; height: 240px; overflow-x: hidden; 
	-moz-transform-origin:left top; -webkit-transform-origin:left top; -ms-transform-origin:left top; transform-origin:left top;
	-moz-transform: rotate(-4deg); -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); opacity: 0}
.loading {-webkit-transition:all 1s; transition:all 1s;}
.load .ld-text { opacity: 1; left: 0}
.load .ld-bar { width:120%; opacity: 1; -webkit-transition:all 0.6s; transition:all 0.6s;}

@keyframes loadingbar { 0% { background-position: 0% 0% } 100% { background-position: 100% 50%} }
@media screen\0 { .loading { display: none;} }

@media screen and (max-width:768px){
	.ld-text { font-size: 27px; top:calc(50% - 21px);}
	.ld-bar { }
}
@media screen and (max-width:500px){
	.fadein { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }
	.ld-text { font-size: 24px; top:calc(50% - 17px); padding-right: 5px;}
	.ld-bar {top: calc(50% - 50px); height: 150px;}
}
.ld-bar { background: linear-gradient(100deg,
	#6C00FF, #E617B5, #E0A72B, #16C9A6, #145CD9,#6C00FF);
	background-size: 1000% 1000%; animation: loadingbar 20s ease infinite;}


.information-top { background:#ee0305; text-align: center; padding: 12px 0 18px; position:relative; z-index: 3000; min-width: 1000px;}
.information-top:after { background:url("../img/arw_r.png") no-repeat center; background-size: 100% auto; width: 19px; height:100%; position: absolute; right: 10px; top: 0;}
.information-top .text { color: white; display: inline-block; margin-right: 10px; font-weight: 600; font-size: 20px; letter-spacing: 0.03em; position: relative; top: 2px;}
.information-top .btn { background: white; color: #ee0305; font-size: 15px; font-weight:700; min-width:186px; display: inline-block; line-height: 42px; border-radius: 3px;}
@media screen and (max-width:768px){
	.information-top { padding: 10px 0 16px; min-width: auto;}
	.information-top:after { width: 16px; right: 8px; top: 0;}
	.information-top .text { margin-right: 10px; font-size: 17px; top: 1px;}
	.information-top .btn { font-size: 12px; min-width:130px; line-height: 35px;}
}
@media screen and (max-width:600px){
	.information-top { padding: 9px 0 10px;}
	.information-top:after { width: 15px; right: 5px; top: 0;}
	.information-top .text { margin-right: 0px; display: block; font-size: 15px; top: 0px; line-height: 1.45;}
	.information-top .btn { font-size: 12px; min-width:144px; line-height: 31px; margin-top: 5px;}
}

 
/*ticketinfo*/
.ticketinfo { position: fixed; bottom: -10px; left:0; z-index: 5000; -webkit-transition:all .8s; transition:all .8s; opacity: 0; -webkit-transition-delay: .6s; transition-delay: 0.6s; }
.ticketinfo._view { bottom: 0; opacity: 1}
.ticketinfo a { background: #f51840; color: white; font-size: 25px; width: 400px; height: 90px; display: flex; align-items: center; justify-content: center; font-weight: 900; flex-flow: column; line-height: 1; padding-bottom: 0px;filter: drop-shadow(0px 0px 3px rgba(0,0,0,.12));}
.ticketinfo a ._small { display: block; font-size:19px; position: relative; padding-top: 8px; color: #ffef3a; font-weight: 800; margin-bottom: -2px}
.ticketinfo a i {display:block; width: 10px; height: 100%; top: 0; bottom: 0; right: 10px; position: absolute; background: url("../img/arw_white.png") no-repeat center; background-size:  100% auto; content: ""; }
.ticketinfo-close {vertical-align: top; position: absolute; left: 4px; top: -24px; z-index: 1; width: 30px; cursor: pointer; filter: drop-shadow(0px 1px 2px rgba(0,0,0,.04));}
.side-menu { position: fixed; right: -44px; top: 18px;z-index: 100; vertical-align: bottom; transition: all 0.5s ease; transition-delay: 1s;}
._lower .side-menu { top: 108px;}
.side-menu._view { right:0;}
.side-menu li {width:44px; filter: drop-shadow(0px 1px 1px rgba(0,0,0,.1)); margin-left: auto; margin-right: 0;}
.side-menu li:nth-child(n + 2) { margin-top: 3px;}
.side-menu li._flyer,
.page-ticket .side-menu li._ticket{ display: none;}
.page-index .side-menu li._flyer { display: block;}

@media screen and (max-width:1280px){
	.side-menu { top: 12px;}
	.side-menu li {width:39px;}
	.side-menu li:nth-child(n + 2) { margin-top: 3px;}
}
@media screen and (max-width:768px){
	.ticketinfo { width: auto; }
	.ticketinfo a { font-size: 21px; height: 75px; padding:0 0 0px; width: 340px; }
	.ticketinfo a ._small { font-size:17px; padding-top: 6px;}
	.ticketinfo a i { width: 9px; }
	.ticketinfo-close { left: 3px; top: -22px; width: 28px;}
	.side-menu { top: auto; bottom:66px;}
	.side-menu li._ticket { display:none;}
	.side-menu li {width:35px;}
	.side-menu li:nth-child(n + 2) { margin-top: 2px;}
}
@media screen and (max-width:480px){
	.ticketinfo { width: auto; }
	.ticketinfo a { font-size: 18px; height: 65px; padding:0 0px 2px 0px; justify-content: center; letter-spacing: normal; min-width: 260px; width: 300px;}
	.ticketinfo a ._small { font-size:16px; padding-top: 4.5px;}
	.ticketinfo a span._s { top: 1px; margin-left: -5px;}
	.ticketinfo a i { width: 8px;top: 1px; margin-left: 0; }
	.ticketinfo-close { left: 2px; top: -22px; width: 28px;}
	.side-menu { bottom:auto; top: 111vw; position: absolute; transition: all 0.0s; transition-delay: 0s;}
	.side-menu li {width:29px;}
	.side-menu li._ticket { display:none;}
}



/*main*/
.mainvisual__mv { position: fixed; top: 0; right: 0; bottom: 0; z-index: 0; left: 0; background: rgba(255,255,255,.00); opacity: 0.8; mix-blend-mode:luminosity;}
.mainvisual__mv video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.mainvisual__mv img { height:100%; mix-blend-mode:multiply; opacity: 0.6}

@media screen and (max-width:500px){
    .mainvisual__mv video { min-height: auto; height: 100%; top: 0; -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%);}
}

@media print{.noprint, .cast img { display: none;}}