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


/* ////////////////////////////////////////////////////////////////////////////////

	Common

//////////////////////////////////////////////////////////////////////////////// */
@font-face {
	font-family: 'sns_ico';
	src:
		url('../fonts/sns_ico.ttf?sij4de') format('truetype'),
		url('../fonts/sns_ico.woff?sij4de') format('woff'),
		url('../fonts/sns_ico.svg?sij4de#sns_ico') format('svg');
	font-weight: normal;
	font-style: normal;
}

i.snsIcon {
	font-family: 'sns_ico' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	color: #000;
}

.icon-ap:before { content: "\e900";}
.icon-blo:before { content: "\e901";}
.icon-fb:before { content: "\e902";}
.icon-hp:before { content: "\e903";}
.icon-in:before { content: "\e904";}
.icon-line:before { content: "\e905";}
.icon-spo:before { content: "\e906";}
.icon-tt:before { content: "\e907";}
.icon-tw:before { content: "\e908";}
.icon-yt:before { content: "\e909";}
.icon-x:before { content: "\e90a";}
.icon-wb:before { content: "\e90b";}


body {
	font-family: "Noto Sans JP", sans-serif;
	font-size: min(3.2vw, 14px);
	line-height: 1.8;
	letter-spacing: 0.08em;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
}
ul { list-style: none;}

.anim {
	opacity: 0;
	transition: all .6s ease-out;
}
.anim.on {
	opacity: 1;
}

main {
	display: none;
}

section {
	padding: min(12vw, 100px) 0;
}
section.comingsoon {
	padding: min(24vw, 250px) 0;
}
.contentWrap {
	max-width: 1100px;
	margin: 0 auto;
	padding-left: min(6vw, 60px);
	padding-right: min(6vw, 60px);
}
h2 {
	font-family: "Oswald", sans-serif;
	text-align: center;
	font-size: min(6.8vw, 48px);
    line-height: 1.2;
	margin-bottom: min(6vw, 30px);
	letter-spacing: 0.14em;
	text-indent: 0.14em;
}

.txtRed {
	color: #cc0000 !important;
	font-weight: bold;
}

@media screen and (min-width: 821px) {
	.sp { display: none;}
	
	a { transition: all 0.3s ease-out;}
	a:hover { opacity: 0.5;}
}
@media screen and (max-width: 820px) {
	.pc { display: none;}
}


/* ////////////////////////////////////////////////////////////////////////////////

	Navi

//////////////////////////////////////////////////////////////////////////////// */
#menuButton {
	display: block;
	width: min(12vw, 60px);
	height: min(12vw, 60px);
	position: fixed;
	top: min(3vw, 20px);
	right: min(3vw, 30px);
	z-index: 9999;
}
#menuButton::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.60);
}
#menuButton span {
	display: block;
	background: #000;
	width: 70%;
	height: 2px;
	position: absolute;
	top: 50%;
    left: 15%;
	transition: all 0.4s;
}
#menuButton span:nth-child(1) { transform: translateY(-350%) rotate(0deg);}
#menuButton span:nth-child(2) { transform: translateY(250%) rotate(0deg);}
#menuButton.active span:nth-child(1) { transform: translateY(-50%) rotate(45deg);}
#menuButton.active span:nth-child(2) { transform: translateY(-50%) rotate(-45deg);}


#globalNavi {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	height: 100svh;
	background-color: #000;
	z-index: 9998;
	display: none;
}
#globalNavi > div {
	height: 100%;
	width: 50%;
	padding: min(10vh, 80px) min(6vw, 60px);
}


#globalNavi .zeppNavi {
  background-color: #000;
  color: #fff;
}
#globalNavi .zeppNavi a {
  color: #fff;
	text-decoration: none;
}
#globalNavi .hallNavi {
  background: #cfa800;
  color: #443014;
}
#globalNavi .hallNavi a {
	color: #443014;
	text-decoration: none;
}
#globalNavi .naviTtl {
	margin-bottom: 5vw;
}
#globalNavi .naviTtl p {
	font-family: "Oswald", sans-serif;
  font-size: 1.2vw;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 1vw;
}

#globalNavi .naviTtl .ttlName {
  font-size: 5.4vw;
  line-height: 1.1;
}
#globalNavi .naviTtl .tourTtl {
  font-size: 3.2vw;
}


#globalNavi ul {
	font-family: "Oswald", sans-serif;
}
#globalNavi ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 2.8vw;
	font-weight: 600;
    line-height: 1.6;
}
#globalNavi ul li a span {
	font-size: 0.4em;
}

.nav--language {
    position: fixed;
	top: min(4.4vw, 33px);
    right: min(19vw, 120px);
    margin: 0;
    z-index: 200;
}
.wovn-languages {
    color: #e6e6e6;
    font-size: 10px;
    z-index: 5;
    width: 105px;
    height: 35px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 40px;
    -webkit-transition: all 0.6s cubic-bezier(0.035, 0.675, 0.225, 1.025) 0.3s;
    transition: all 0.6s cubic-bezier(0.035, 0.675, 0.225, 1.025) 0.3s;
    position: relative;
}
.wovn-languages .langIcon {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    left: 10px;
    top: 50%;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wovn-languages .langIcon svg {
    fill: #ffffff;
}
.wovn-languages .nav-dropdown {
    position: absolute;
    top: 50%;
    right: 10px;
    line-height: 1.4;
    text-align: right;
    font-size: 10px;
    font-family: noto-sans-cjk-jp, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Arial", sans-serif;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wovn-languages.visible .nav-dropdown {
    opacity: 1;
    pointer-events: visible;
    z-index: 1;
    border: none;
    color: #ffffff;
    top: 35px;
    left: 10px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding: 10px 10px 0;
    background: #d19f00;
    text-align: right;
}
.wovn-languages .nav-dropdown .list--language li {
    width: 100%;
    display: none;
    cursor: pointer;
    padding-bottom: 0;
    text-align: right;
    padding: 0;
}
.wovn-languages .nav-dropdown .list--language li.selected {
    display: block;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.wovn-languages.visible .nav-dropdown .list--language li {
    display: block;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    margin-bottom: 10px;
}

@media screen and (max-width: 820px) {
	
	#globalNavi {
		flex-direction: column;
	}
	#globalNavi > div {
		height: 50%;
		width: 100%;
		padding: min(12vw, 80px) min(6vw, 60px);
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	#globalNavi ul {
		display: flex;
		flex-wrap: wrap;
	}
	#globalNavi ul li {
		width: 50%;
	}
  
	#globalNavi ul li a {
		font-size: min(5.2vw, 24px);
	}
  
  #globalNavi .naviTtl .ttlName {
    font-size: 8.6vw;
    margin-bottom: 3vw;
  }
	#globalNavi .naviTtl .tourTtl {
    font-size: 5.2vw;
  }
  
}


/* ////////////////////////////////////////////////////////////////////////////////

	Footer

//////////////////////////////////////////////////////////////////////////////// */
footer {
	padding: min(10vw, 80px) 0 min(7vw, 40px);
	display: none;
	border-top: #000 solid 1px;
  color: #000;
  position: relative;
  z-index: 1;
}
footer .credit {
	text-align: center;
	font-size: min(2.8vw, 12px);
	line-height: 2;
  margin-top: min(6vw, 30px);
  margin-bottom: min(6vw, 30px);
}

footer .selectTab {
	border-top: #000 solid 1px;
	display: flex;
	margin-top: min(7vw, 40px);
}
footer .selectTab > div {
	width: 50%;
}
footer .selectTab > div:first-child {
	border-right: #000 solid 1px;
}
footer .selectTab > div a {
	display: flex;
	flex-direction: column;
    padding: 5% 10%;
	justify-content: center;
	align-items: center;
	height: 100%;
	position: relative;
}
footer .selectTab > div a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
    width: min(4vw, 30px);
    height: min(4vw, 30px);
}

footer .selectTab .tabTour {
	background-color: #4d4d4d;
}
footer .selectTab .tabTour a {
	padding-right: 15%;
}
footer .selectTab .tabTour a::before {
	right: 6%;
	border-top: #fff solid 1px;
	border-right: #fff solid 1px;
	transform: translateY(-50%) rotate(45deg);
}
footer .selectTab .tabTour .tourTitleSub {
	width: min(52%, 180px);
	margin-bottom: min(2vw, 20px);
}
footer .selectTab .tabTour .tourTitleMain {
	width: min(68%, 240px);
}

footer .ftrLinkWrap {
	display: flex;
	margin: 0 0 min(7vw, 40px) 0;
	border-top: #000 solid 1px;
	border-bottom: #000 solid 1px;
}
footer .ftrLink {
	border-right: #000 solid 1px;
	width: 20%;
}
footer .ftrLink a {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
footer .ftrLink:nth-child(1) img {
	width: 50%;
}
footer .ftrLink:nth-child(2) img {
	width: 60%;
}
footer .ftrLink:nth-child(3) img {
	width: 68%;
}
footer .ftrLinkWrap .ftrSns {
	display: flex;
	justify-content: center;
	gap: min(4vw, 20px);
	width: 40%;
	padding: min(8vw, 60px) 0;
}
footer .ftrLinkWrap .ftrSns a {
	color: #000;
	text-decoration: none;
	font-size: min(5.8vw, 24px);
}

footer .ftrBottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 min(6vw, 60px);
}
footer .ftrBottom .copyright {
	font-size: min(2.6vw, 10px);
}

footer .ftrBottom .pagetop a {
	display: block;
	width: min(6vw, 30px);
	height: min(6vw, 30px);
	position: relative;
}
footer .ftrBottom .pagetop a::before {
	content: "";
	width: 70%;
	height: 70%;
	position: absolute;
    top: 70%;
    left: 50%;
    border-top: #000 solid 4px;
    border-left: #000 solid 4px;
	transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (max-width: 820px) {
	footer .ftrLinkWrap {
		flex-wrap: wrap;
		border-top: #000 solid 1px;
		border-bottom: #000 solid 1px;
	}
	
	footer .selectTab .tabTour a::before {
    	right: 8%;
	}
	
	footer .ftrLink {
		border-right: none;
		border-bottom: #000 solid 1px;
		width: 100%;
	}
	footer .ftrLink:nth-child(2),
	footer .ftrLink:nth-child(3) {
		width: 50%;
	}
	footer .ftrLink:nth-child(2) {
		border-right: #000 solid 1px;
	}
	footer .ftrLink a {
		padding: min(4vw, 20px);
	}
	footer .ftrLink:nth-child(2) a,
	footer .ftrLink:nth-child(3) a {
		padding: min(6vw, 30px) min(4vw, 20px);
	}
	footer .ftrLink:nth-child(1) img { width: 30%;}
	footer .ftrLink:nth-child(2) img { width: 65%;}
	footer .ftrLink:nth-child(3) img { width: 73.9%;}
	
	footer .ftrLinkWrap .ftrSns {
		width: 100%;
	}
}


/* ////////////////////////////////////////////////////////////////////////////////

	Top title

//////////////////////////////////////////////////////////////////////////////// */
#mainTitleArea {
	width: 100%;
	height: 100vh;
	height: 100svh;
	display: flex;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#mainTitleArea > div {
	width: 50%;
	cursor: pointer;
	transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
	overflow: hidden;
  position: relative;
}
#mainTitleArea > div.on { width: 100% !important;}
#mainTitleArea > div.off { width: 0% !important;}

#mainTitleArea #ttlZepp {
  background: #000;
  color: #fff;
}
#mainTitleArea #ttlHall {
  background: #cca700 url("../images/hall_mv.jpg") no-repeat center bottom / 100%;
}

#mainTitleArea .titleInr {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-width: 40vw;
	height: 100%;
}

#mainTitleArea .titleMain {
  font-family: "Oswald", sans-serif;
  font-weight: 800;
  font-size: 9.4vw;
  line-height: 1;
}
#mainTitleArea #ttlZepp .titleMain {
  width: 560px;
  max-width: 70%;
  line-height: 0;
  margin: 0 auto 15%;
}
#mainTitleArea #ttlHall .titleMain {
  width: 640px;
  max-width: 80%;
  line-height: 0;
  margin: 0 auto 50%;
}
#mainTitleArea .tourName {
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 4.6vw;
  line-height: 1.2;
}
#mainTitleArea #ttlHall .tourName {
  padding-bottom: 1em;
}


.topSns {
	position: absolute;
	bottom: min(6vw, 30px);
	left: min(6vw, 60px);
	display: flex;
	gap: min(4vw, 20px);
}
.topSns a {
	color: #fff;
	text-decoration: none;
	font-size: min(4vw, 24px);
}
.topSns a i {
	color: #fff;
}

.topCopyright {
	position: absolute;
	bottom: min(6vw, 30px);
	right: min(6vw, 60px);
	font-size: min(2.8vw, 10px);
	color: #fff;
}



@media screen and (max-width: 820px) {
	
	#mainTitleArea {
		flex-direction: column;
	}
	#mainTitleArea > div {
		width: 100% !important;
		height: 50%;
	}
	
	#mainTitleArea > div.on {
		height: 100% !important;
	}
	#mainTitleArea > div.off {
		width: 100% !important;
		height: 0% !important;
	}
  
  #mainTitleArea .titleMain {
    font-size: 12.4vw;
  }
  #mainTitleArea .tourName {
    font-size: 6vw;
  }
  
  #mainTitleArea #ttlHall {
    background: #cca700 url(../images/hall_mv.jpg) no-repeat center bottom / 118%;
  }
  
  #mainTitleArea #ttlZepp .titleMain {
    width: 80vw;
    max-width: 56%;
    margin: 10vw auto 0;
  }
	#mainTitleArea #ttlHall .titleMain {
    width: 92vw;
    max-width: 62%;
    margin: 0 auto 42%;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////

	Common Parts

//////////////////////////////////////////////////////////////////////////////// */
.newsList {
	display: flex;
	flex-direction: column;
	gap: min(4vw, 20px) 0;
}
.newsList li {
	background-color: #fff;
	border-radius: 8px;
}
.newsList li a {
	display: flex;
	padding: min(4vw, 25px) min(5vw, 30px);
	color: #000;
	text-decoration: none;
}
.newsList li .date {
	width: 120px;
}
.newsList li .ttl {
	width: calc(100% - 120px);
}

.archives {
	display: none;
	flex-direction: column;
	gap: min(4vw, 20px) 0;
}

.viewMore {
	margin-top: min(6vw, 30px);
}
.viewMore a {
	display: block;
	border-radius: 60px;
	border: #fff solid 1px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: min(2vw, 8px) min(7vw, 50px);
	width: fit-content;
	margin: 0 auto;
}
.viewMore.on .view,
.viewMore .close {
    display: none;
}
.viewMore.on .close {
    display: block;
}

.modal {
	background-color: #fff;
    border-radius: 8px;
    padding: min(6vw, 40px);
}
.modal .newsHead {
	padding-bottom: min(3vw, 15px);
	border-bottom: #000 solid 1px;
	margin-bottom: min(6vw, 30px);
}
.modal .newsHead .date {
	font-size: min(2.8vw, 12px);
	margin-bottom: min(2vw, 10px);
}
.modal .newsHead .ttl {
    font-size: min(3.6vw, 18px);
}
.modal .newsBody p {
	margin-bottom: min(4vw, 20px);
}
.modal .newsBody p a {
    color: #f9152a;
  word-break: break-all;
}
.modal .newsBody a {
    color: #000;
    text-decoration: underline;
}

.modal .sheetWrap {
    display: flex;
    justify-content: space-between;
}
.modal .sheetWrap li {
    width: 48%;
}

.scheduleWrap + h2 {
    margin-top: min(10vw, 80px);
}

.scheduleWrap {
	color: #fff;
}
.scheduleHead {
	display: flex;
	padding-bottom: min(3vw, 15px);
	font-size: min(3vw, 12px);
}
.scheduleHead li:nth-child(1) { width: 23%;}
.scheduleHead li:nth-child(2) { width: 57%;}
.scheduleHead li:nth-child(3) { width: 20%;}

.scheduleHead span {
	background-color: #fff;
	color: #000;
	padding: min(0.8vw, 3px) min(2vw, 10px) min(1.2vw, 6px);
}

.scheduleList {
	border-top: #fff solid 1px;
}
.scheduleList li {
	display: flex;
	align-items: center;
	padding: min(4vw, 20px) 0;
	border-bottom: #fff solid 1px;
}
.scheduleList li .date {
	width: 23%;
	font-family: "Oswald", sans-serif;
	font-size: min(5.6vw, 36px);
	font-weight: 800;
	display: flex;
	align-items: center;
    line-height: 1;
}
.scheduleList li .date .year {
	font-size: 0.36em;
    transform: translateY(0.2em) rotate(90deg);
}
.scheduleList li .date .week {
    font-size: 0.4em;
    margin-left: 1em;
    font-weight: 500;
}
.scheduleList li .venue {
	width: 57%;
    font-size: min(3.6vw, 18px);
	display: flex;
    line-height: 1.6;
}
.scheduleList li .venue span {
	display: inline-block;
	font-size: 0.75em;
	width: min(18vw, 95px);
	border-right: #fff solid 1px;
	margin-right: min(4vw, 25px);
    line-height: 2.2;
    flex: none;
}
.scheduleList li .time {
	width: 20%;
}


.accordion {
  color: #fff;
	background-color: #443014;
  margin-top: min(4vw, 20px);
	margin-bottom: min(4vw, 20px);
}
.accordion dt {
	font-size: min(3.6vw, 18px);
	font-weight: bold;
	padding: min(4vw, 20px) min(12vw, 70px) min(4vw, 20px) min(5vw, 30px);
	position: relative;
	cursor: pointer;
}
.accordion dt span {
	position: absolute;
	top: 50%;
	right: min(5vw, 30px);
	width: min(4vw, 20px);
	height: min(4vw, 20px);
	transform: translateY(-50%);
}
.accordion dt span::before,
.accordion dt span::after {
	content: "";
	display: block;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.accordion dt span::before {
	width: 100%;
	height: 2px;
}
.accordion dt span::after {
	height: 100%;
	width: 2px;
	transition: all 0.3s ease-out;
}
.accordion dt.on span::after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.accordion dd {
	display: none;
	padding: min(4vw, 20px) min(6vw, 30px);
}
.accordion dd p + p {
	margin-top: min(4vw, 20px);
}
.accordion dd a {
	color: #fff;
	text-decoration: underline;
}

.accordion.accordionBlack {
    border-radius: 8px;
    overflow: hidden;
    border: #323232 solid 1px;
}
.accordion.accordionBlack dt {
    background-color: #323232;
    color: #fff;
}
.accordion.accordionBlack dt span::before,
.accordion.accordionBlack dt span::after {
	background-color: #fff;
}



.ticketType {
	color: #000;
	margin-bottom: min(6vw, 30px);
}
.ticketType li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: #000 solid 1px;
	padding: min(4vw, 20px) 0;
}
.ticketType li .type {
	font-size: min(3.4vw, 18px);
	font-weight: bold;
}
.ticketType li .price {
	font-size: min(3.2vw, 16px);
	font-weight: bold;
}


.note {
	margin-top: min(2vw, 10px);
	font-size: min(3vw, 12px);
}
.note a {
	color: #fff;
	text-decoration: underline;
}


.advanceTicket {
	border: #000 solid 1px;
	padding: min(6vw, 30px);
	color: #000;
	margin: min(3vw, 15px) 0 0;
}
.advanceTicket h3 {
	font-size: min(4.2vw, 20px);
	font-weight: bold;
	margin-bottom: min(3vw, 30px);
}

.ticketDetail {
	margin-bottom: min(3vw, 15px);
}
.ticketDetail.standalone {
	border-top: #000 solid 1px;
	margin: min(8vw, 60px) 0;
}
.ticketDetail li {
	display: flex;
	padding: min(4vw, 20px) 0;
	border-bottom: #000 solid 1px;
}
.ticketDetail li .ttl {
	width: 200px;
	font-size: min(3.6vw, 16px);
	font-weight: bold;
}
.ticketDetail li .desc {
	width: calc(100% - 200px);
}
.ticketDetail li .ticketDetail:last-child {
	margin-bottom: 0;
}
.ticketDetail li .ticketDetail li:first-child {
	padding-top: 0;
}
.ticketDetail li .ticketDetail li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.ticketDetail li .desc a {
	color: #fff;
	text-decoration: underline;
}


#trade {
    margin-top: min(8vw, 60px);
    padding-top: min(8vw, 60px);
    border-top: #ccc solid 1px;
}
#trade h4 {
    font-size: min(4vw, 20px);
}
.ticketInfo li {
    padding: min(6vw, 30px) 0;
    border-bottom: #ccc solid 1px;
}
.ticketInfo li .info_tit {
    font-weight: bold;
    color: #000;
    display: block;
    font-size: min(3.6vw, 18px);
    margin-bottom: min(4vw, 20px);
}
.ticketInfo li a {
    color: #000;
}
.sceduleCell {
    border-collapse: collapse;
    width: 100%;
}
.sceduleCell tr{

}
.sceduleCell th{
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5em;
    border: 1px solid;
    padding: 10px;
    background: #efefef!important;
}
.sceduleCell th span{
    display: block;
    color: #666;
    font-size: 12px;
}
.sceduleCell td{
    border: 1px solid;
    font-size: 15px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    line-height: 1.5em;
}
.sceduleCell td .time{
    display: block;
    color: #666;
    font-size: 12px;
}
.sceduleCell .cellDate{
    width: 15%;
}
.sceduleCell .cellVenue{
    width: 40%;
}
.sceduleCell .cellIssue{
    background: #D9E1F2;
    width: 15%;
}
.sceduleCell .cellTrade{
    background: #E2EFDA;
    width: 15%;
}
.sceduleCell .cellSeat{
    background: #FFF2CC;
    width: 15%;
}
.sceduleCell .sunday{
    color: #ff6363;
}
.sceduleCell .saturday{
    color: #6389ff;
}


.applyBtn {
	margin: min(8vw, 60px) auto;
}
.applyBtn:last-child {
	margin-bottom: 0;
}
.applyBtn a {
	display: block;
	background-color: #1844e6;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	padding: min(4vw, 20px);
	text-align: center;
	font-size: min(3.4vw, 16px);
	font-weight: bold;
	max-width: 400px;
	margin: 0 auto;
}
.applyBtn a.end {
	background-color: #666;
}
.modal .applyBtn a {
    background-color: #000;
}
.applyBtn span {
	display: block;
	background-color: #666;
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	padding: min(4vw, 20px);
	text-align: center;
	font-size: min(3.4vw, 16px);
	font-weight: bold;
	max-width: 400px;
	margin: 0 auto;
}

.admission {
	background-color: #000;
	padding: min(6vw, 30px) min(4vw, 50px) min(7vw, 50px);
	color: #fff;
}
.admission p {
	text-align: center;
	font-size: min(3.4vw, 18px);
	font-weight: bold;
	margin-bottom: min(4vw, 20px);
}
.admission .addmissionBtn {
	display: flex;
	justify-content: space-between;
}
.admission .addmissionBtn li {
	width: 48%;
}
.admission .addmissionBtn li a {
	display: block;
	background-color: #fff;
	border-radius: 8px;
	padding: min(6vw, 30px) min(4vw, 20px);
  line-height: 0;
  text-align: center;
}
.admission .addmissionBtn li:nth-child(1) img {
  width: 60%;
}
.admission .addmissionBtn li:nth-child(2) img {
	width: 68.6%;
}


.ticketScheduleHead {
	display: flex;
  padding: min(2vw, 10px) min(3vw, 15px);
	font-size: min(3.2vw, 14px);
  background-color: #000;
  color: #fff;
  margin-top: min(4vw, 20px);
}
.ticketScheduleHead li:nth-child(1) { width: 23%;}
.ticketScheduleHead li:nth-child(2) { width: 46%;}
.ticketScheduleHead li:nth-child(3) { width: 23%;}

.ticketSchedule {
/*	border-top: #000 solid 1px;*/
}
.ticketSchedule li {
	display: flex;
	align-items: center;
	padding: min(4vw, 20px) min(3vw, 15px);
	border-bottom: #000 solid 1px;
}
.ticketSchedule li.reception {
	background-color: #ffe075;
}
.ticketSchedule li.end {
	background-color: #ccc;
}
.ticketSchedule li.end .name,
.ticketSchedule li.end .period {
    text-decoration: line-through;
}
.ticketSchedule li .name {
	width: 23%;
    font-size: min(3.4vw, 16px);
	font-weight: bold;
}
.ticketSchedule li .period {
	width: 46%;
    font-size: min(3.4vw, 16px);
}
.ticketSchedule li .result {
	width: 23%;
    font-size: min(3.4vw, 16px);
}
.ticketSchedule li .detailBtn {
	width: 8%;
}
.ticketSchedule li .detailBtn a {
	display: block;
	color: #fff;
  background-color: #443014;
	text-decoration: none !important;
	text-align: center;
	border-radius: 40px;
	font-size: min(3vw, 12px);
	padding: min(0.4vw, 4px) min(1vw, 5px) min(1vw, 5px);
}

.comingSoon {
  text-align: center;
  padding: min(14vw, 120px) 0;
  border: #fff solid 1px;
  font-size: min(3.6vw, 18px);
}
.comingSoon p {
	text-align: center;
	font-size: min(3.6vw, 18px);
}

.whiteBox {
  background-color: #fff;
  color: #000;
  padding: min(6vw, 60px) min(4vw, 60px);
}
.whiteBox + .whiteBox {
  margin-top: min(8vw, 60px);
}
.whiteBox h3 {
  font-size: min(3.8vw, 20px);
}

@media screen and (min-width: 821px) {
    .sceduleCell td .cap {
        display: none;
    }
}
@media screen and (max-width: 820px) {
	
	.newsList li a {
		flex-direction: column;
	}
	.newsList li .date {
    	margin-bottom: min(1vw, 5px);
		width: 100%;
	}
	.newsList li .ttl {
		width: 100%;
	}
	
	.scheduleHead {
		display: none;
	}
	
	
	.scheduleList li {
		flex-wrap: wrap;
	}
	.scheduleList li .date,
	.scheduleList li .venue,
	.scheduleList li .time {
    	width: 100%;
		position: relative;
		padding: min(1vw, 5px) 0 min(1vw, 5px) min(22vw, 200px);
	}
	
	.scheduleList li .date .year {
    	font-size: 0.56em;
		transform: translateY(0.2em) rotate(0);
    	margin-right: 1em;
	}
	.scheduleList li .date .week {
    	font-size: 0.5em;
		transform: translateY(0.2em);
	}
	.scheduleList li .venue span {
    	font-size: 0.8em;
	}
	
	.scheduleList li > p::before {
		content: attr(data-title);
    	font-family: "Oswald", sans-serif;
		font-size: min(3vw, 12px);
		font-weight: normal;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		background-color: #fff;
		color: #000;
		line-height: 1.4;
		letter-spacing: 0.06em;
		width: min(18vw, 160px);
		text-align: center;
	}
	
	
	.ticketDetail li {
		flex-direction: column;
	}
	.ticketDetail li .ttl {
    	margin-bottom: min(1vw, 5px);
		width: 100%;
	}
	.ticketDetail li .desc {
		width: 100%;
	}
	
	.ticketDetail li .ticketDetail {
		margin-top: min(2vw, 10px);
	}
	.ticketDetail li .ticketDetail li {
		flex-direction: row;
	}
	.ticketDetail li .ticketDetail li .ttl {
    	font-size: min(3.2vw, 14px);
    	width: 25%;
	}
	.ticketDetail li .ticketDetail li .desc {
    	width: 75%;
	}
	
	.admission .addmissionBtn li:nth-child(1) img {
		width: 80%;
	}
	.admission .addmissionBtn li:nth-child(2) img {
		width: 91.6%;
	}
	
	.ticketScheduleHead {
		display: none;
	}
	
	.ticketSchedule li {
    	flex-direction: column;
	}
	.ticketSchedule li .name,
	.ticketSchedule li .period,
	.ticketSchedule li .result {
		width: 100%;
		position: relative;
		padding: min(1vw, 5px) 0 min(1vw, 5px) min(20vw, 180px);
	}
	.ticketSchedule li > p::before {
		content: attr(data-title);
		font-family: "Oswald", sans-serif;
		font-size: min(3vw, 12px);
		font-weight: normal;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	
	.ticketSchedule li .detailBtn {
		width: 100%;
		padding: min(2vw, 10px) 0 0 min(20vw, 180px);
	}
	.ticketSchedule li .detailBtn a {
		width: 20vw;
	}
	
    
    .sceduleCell,
    .sceduleCell tbody,
    .sceduleCell tr,
    .sceduleCell th,
    .sceduleCell td{
        display: block;
    }
    .sceduleCell .cellDate,
    .sceduleCell .cellVenue,
    .sceduleCell .cellIssue,
    .sceduleCell .cellTrade,
    .sceduleCell .cellSeat{
        width: 100%;
    }
    .sceduleCell {

    }
    .sceduleCell tbody{

    }
    .sceduleCell tr{
        border: 1px solid;
        margin: 0 0 20px;
        padding: 15px;
    }
    .sceduleCell tr:first-child {
    display: none;
    }
    .sceduleCell th{
        display:none;
    }
    .sceduleCell td{
        border: none;
        text-align: left;
    }
    .sceduleCell .cellDate {
        padding: 0;
        margin: 0 0 5px;
        font-size: 18px;
    }
    .sceduleCell .cellVenue {
        margin: 0 0 10px;
        border-bottom: 1px dashed;
        padding: 0 0 10px;
    }
    .sceduleCell .cellIssue {
        padding: 0 0 10px;
        margin: 0 0 10px;
        background: transparent;
        border-bottom: 1px dashed;
    }
    .sceduleCell .cellTrade {
        padding: 0 0 10px;
        margin: 0 0 10px;
        background: transparent;
        border-bottom: 1px dashed;
    }
    .sceduleCell .cellSeat {
        padding: 0;
        background: transparent;
    }
    .sceduleCell td .time {
        display: inline;
        color: #000;
        font-size: 100%;
    }
    .sceduleCell td .cap {
        display: block;
        font-size: 12px;
        color: #666;
    }

}



/* ////////////////////////////////////////////////////////////////////////////////

	Zepp Tour

//////////////////////////////////////////////////////////////////////////////// */
#zepp {
  background: url("../images/bg_zepp.gif") repeat center top / 256px auto;
  color: #fff;
	display: none;
}

#zeppMv {
  padding: min(20vw, 80px) min(6vw, 100px);
  font-family: "Oswald", sans-serif;
  position: relative;
  z-index: 1;
}
#zeppMv h1 {
  line-height: 1.05;
  font-size: 10vw;
  font-weight: 900;
  margin: 0 auto min(6vw, 30px);
  width: 460px;
  max-width: 50%;
}
#zeppMv h1 span {
  clip-path: inset(0 100% 0 0);
  display: inline-block;
}
#zeppMv h1 .ttlWrap {
  animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0.5s forwards;
}
@keyframes ttl {
  0% { clip-path: inset(0 100% 0 0);}
  100% { clip-path: inset(0 0% 0 0);}
}

#zeppMv .tourTtl {
  font-size: 5.3vw;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 5vw;
  
  clip-path: inset(0 100% 0 0);
  animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 1.6s forwards;
}


@keyframes ttl2 {
  0% { opacity: 0; transform: translateY(15px);}
  100% { opacity: 1; transform: translateY(0px);}
}
#zeppMv .year {
  font-size: 1.8vw;
  font-weight: 800;
  margin-top: 1vw;
  opacity: 0;
  transform: translateY(15px);
  animation: ttl2 0.6s ease-out 2.5s forwards;
}
#zeppMv .mvSchedule {
  opacity: 0;
  transform: translateY(15px);
  animation: ttl2 0.6s ease-out 2.8s forwards;
}
#zeppMv .mvSchedule li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2vw;
  line-height: 1.5;
}
#zeppMv .mvSchedule li .date {
  font-size: 3vw;
  font-weight: 600;
  display: flex;
  align-items: center;
}
#zeppMv .mvSchedule li .date span {
  font-size: 0.5em;
  margin-left: 0.8vw;
  margin-right: 0.3vw;
}
#zeppMv .mvSchedule li .venue {
  font-size: 3vw;
  font-weight: 600;
}
#zeppMv .mvSchedule li > span {
  display: block;
  flex: 1;
  background-color: #fff;
  height: 1px;
}

.fcOnly {
  background-color: #343434;
  text-align: center;
  color: #fff;
  margin-bottom: min(6vw, 30px);
  font-size: min(3.6vw, 20px);
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: min(1.5vw, 7px);
}


@media screen and (min-width: 821px) {
  #zeppMv h1 .ttlWrapSp {
    clip-path: inset(0 0 0 0);
  }
  #zeppMv h1 .ttlWrapPc {
    animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0.8s forwards;
  }
}
@media screen and (max-width: 820px) {
	
  #zeppMv h1 {
    font-size: 22vw;
    margin-bottom: 3vw;
    line-height: 0.95;
  }
  #zeppMv .tourTtl {
    font-size: 9.6vw;
  }
  #zeppMv h1 .ttlWrapSp {
    clip-path: inset(0 100% 0 0);
    animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0.8s forwards;
  }
  #zeppMv h1 .ttlWrapSp:nth-of-type(2) {
    animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 1.1s forwards;
  }
  #zeppMv h1 .ttlWrapPc {
    clip-path: inset(0 0 0 0);
  }
  
  #zeppMv .year {
    font-size: 3vw;
    margin-top: 2.5vw;
  }
  #zeppMv .mvSchedule li {
    line-height: 1.7;
  }
  #zeppMv .mvSchedule li .date {
    font-size: 4.8vw;
  }
  #zeppMv .mvSchedule li .venue {
    font-size: 4.6vw;
  }
  
}


/* ////////////////////////////////////////////////////////////////////////////////

	Tour

//////////////////////////////////////////////////////////////////////////////// */
#hall {
	display: none;
  
  background: linear-gradient(0deg, #d4ad00 10%, #ebd32e 25%, #d0ab00 40%, #d4ad00 60%, #ebd32e 75%, #d0ab00 90%);
  background-size: 100% 200%;
  animation: gradientMove 10s ease infinite;
}
@keyframes gradientMove {
  0% { background-position: 0% 0%; }
  50% { background-position: 0% 50%; }
  100% { background-position: 0% 0%; }
}

#hallMv {
  height: 100vh;
  padding: min(20vw, 80px) min(6vw, 100px);
  font-family: "Oswald", sans-serif;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #cca700 url("../images/hall_mv.jpg") no-repeat center bottom / 170vh;
}
#hallMv h1 {
  line-height: 0;
  font-size: 10vw;
  font-weight: 900;
  margin: 0 auto 60vh;
  width: 980px;
  max-width: 80%;
}
#hallMv h1 span {
  clip-path: inset(0 100% 0 0);
  display: inline-block;
}
#hallMv h1 .ttlWrap {
  animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0.5s forwards;
}
@keyframes ttl {
  0% { clip-path: inset(0 100% 0 0);}
  100% { clip-path: inset(0 0% 0 0);}
}

#hallMv .tourTtl {
  font-size: 5.3vw;
  font-weight: 900;
  line-height: 1.2;
  margin-bottom: 5vw;
  
  clip-path: inset(0 100% 0 0);
  animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 1.6s forwards;
}

#hall h2 {
  color: #443014;
}
#hall .newsList li {
  background-color: #443014;
}
#hall .newsList li a {
  color: #fff;
}

#hall .viewMore a {
  border: #443014 solid 1px;
  color: #fff;
  background-color: #443014;
}

#hall .ticketScheduleHead {
  background-color: #e3e3e3;
  color: #000;
}

#hall .scheduleWrap {
  color: #000;
}
#hall .scheduleList {
  border-top: none;
}
#hall .scheduleList li {
/*  border: #000 solid 1px;*/
  padding: 0;
  margin-bottom: min(3vw, 20px);
  background-color: #fff;
}
#hall .scheduleList li {
  align-items: normal;
}
#hall .scheduleList li > p {
  display: flex;
  align-items: center;
  border-left: #000 solid 1px;
  padding: min(2vw, 15px);
}
#hall .scheduleList li > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: #000 solid 1px;
  width: 18%;
}
#hall .scheduleList li > div p + p {
  border-top: #000 solid 1px;
}
#hall .scheduleList li > p.year {
  border: none;
  font-family: "Oswald", sans-serif;
  font-weight: 800;
  width: 5%;
  position: relative;
}
#hall .scheduleList li > p.year span {
  transform: translate(-50%, -50%) rotate(-90deg);
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: min(3.6vw, 18px);
}
#hall .scheduleList li .date {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: min(2vw, 10px) min(2vw, 15px);
  font-size: min(5.2vw, 32px);
}
#hall .scheduleList li > p.location {
  width: 13%;
  justify-content: center;
  font-size: min(3.6vw, 20px);
  font-weight: 800;
}
#hall .scheduleList li .venue {
  padding: min(3vw, 15px) min(3vw, 25px);
  font-size: min(3.8vw, 24px);
  font-weight: 800;
  width: 44%;
}
#hall .scheduleList li .time {
  justify-content: center;
  text-align: center;
  font-family: "Oswald", sans-serif;
  font-weight: 800;
}
#hall .scheduleList li .week.sat {
  color: #324e8e;
}
#hall .scheduleList li .week.sun {
  color: #c92a2a;
}

#hall .comingSoon {
  background-color: #fff;
}
#hall .whiteBox {
/*
  background-color: transparent;
  border: #000 solid 1px;
*/
}

#hall .applyBtn a {
  background-color: #e8af00;
}

#hall .admission {
  background-color: #443014;
  border-top: none;
}
#hall .admission p {
  color: #fff;
}
#hall .admission .addmissionBtn li a {
  background-color: #fff;
}

@media screen and (min-width: 821px) {
  #hallMv h1 .ttlWrapSp {
    clip-path: inset(0 0 0 0);
  }
  #hallMv h1 .ttlWrapPc {
    animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0.8s forwards;
  }
}
@media screen and (max-width: 820px) {
  
  #hallMv {
    background: #cca700 url("../images/hall_mv.jpg") no-repeat center bottom / 132%;
  }
  
  #hallMv h1 {
    font-size: 22vw;
    margin-bottom: 10vh;
    line-height: 0;
  }
  #hallMv .tourTtl {
    font-size: 9.6vw;
  }
  #hallMv h1 .ttlWrapSp {
    clip-path: inset(0 100% 0 0);
    animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 0.8s forwards;
  }
  #hallMv h1 .ttlWrapSp:nth-of-type(2) {
    animation: ttl 0.6s cubic-bezier(0.85, 0, 0.15, 1) 1.1s forwards;
  }
  #hallMv h1 .ttlWrapPc {
    clip-path: inset(0 0 0 0);
  }
  
  #hall .scheduleList li > p.year {
    width: 20%;
    border-bottom: #000 solid 1px;
    justify-content: center;
  }
  #hall .scheduleList li > p.year span {
    transform: translate(0%, 0%) rotate(0deg);
    position: static;
    top: inherit;
    left: inherit;
  }
  #hall .scheduleList li > div {
    justify-content: flex-start;
    flex-direction: row;
    width: 80%;
    border-bottom: #000 solid 1px;
  }
  #hall .scheduleList li .date {
    width: 50%;
  }
  
  #hall .scheduleList li > div p:first-child {
    border-right: #000 solid 1px;
  }
  #hall .scheduleList li > div p + p {
    border-top: none;
  }
  
  #hall .scheduleList li > p.location {
    width: 20%;
    border-left: none;
  }
  #hall .scheduleList li .venue {
    width: 48%;
  }
  #hall .scheduleList li .time {
    width: 32%;
  }
    
}
