html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}


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

	Common

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

html {
	scroll-behavior: smooth;
}
body {
  font-family: "Noto Sans JP", serif;
	font-size: min(3.2vw, 14px);
  font-weight: 500;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  background-color: #000;
  color: #fff;
}

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

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

.listAsterisk {
	list-style: none;
	padding-left: 1.2em;
	font-size: min(2.8vw, 13px);
}
.listAsterisk > li {
	text-indent: -1.2em;
	font-weight: normal;
	line-height: 1.4;
}
.listAsterisk > li + li {
	margin-top: 0.3em;
}
.listAsterisk > li:before {
	margin-right: 0.2em;
}
.listAsterisk > li:before {
	content: "※";
}
.textRed,
.listAsterisk > li.caution {
	color: #ff3e3e;
}


@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;}

}


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

	Menu

//////////////////////////////////////////////////////////////////////////////// */
#menuButton {
	display: block;
	width: 80px;
	height: 80px;
	position: fixed;
  top: min(4vw, 20px);
  right: min(6vw, 30px);
  z-index: 9999;
  background: url('../images/menu_badge_on.png') no-repeat center center / contain;

  opacity: 0;
  animation: op3 0.6s linear 3s forwards;
}
#menuButton span {
	display: block;
	background: #000;
	width: 50%;
	height: 2px;
	position: absolute;
  top: 50%;
	left: 25%;
	transition: all 0.4s;
}

#menuButton span:nth-child(1) { transform: translateY(-400%) rotate(0deg);}
#menuButton span:nth-child(2) { transform: translateY(-140%) rotate(0deg);}
#menuButton span:nth-child(3) { transform: translateY(140%) rotate(0deg);}
#menuButton span:nth-child(4) { transform: translateY(400%) rotate(0deg);}
#menuButton.active span:nth-child(1) { opacity: 0;}
#menuButton.active span:nth-child(2) { transform: translateY(-50%) rotate(-45deg);}
#menuButton.active span:nth-child(3) { transform: translateY(-50%) rotate(45deg);}
#menuButton.active span:nth-child(4) { opacity: 0;}

#globalNavi {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 7000;
	background-color: #000;
	width: 100%;
	height: 100vh;
}

#globalNavi .gnavInr {
  display: flex;
  justify-content: center;
  gap: 0 min(5%, 3vh);
  padding: min(5vw, 5vh);
  width: 100%;
  height: 100%;
}
#globalNavi .gnavInr .gnavLeft {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  max-width: 50vh;
  padding: 3% 0 3% 3%;
}
#globalNavi .gnavInr .gnavLeft > ul li a {
  font-family: "Rubik", sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 7vh;
  line-height: 1.2;
}
#globalNavi .gnavInr .gnavLeft .gnavLogo {
  line-height: 0;
  width: 100%;
}

#globalNavi .gnavInr .gnavRight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 55%;
  max-width: 73vh;
  padding: 0 0 3% 0;
}

#globalNavi .gnavInr .gnavRight .gnavPic {
  line-height: 0;
}
#globalNavi .gnavInr .gnavRight .gnavSchedule {
  line-height: 0;
  width: 100%;
  padding: 0 10%;
}


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

	#menuButton {
    width: 60px;
    height: 60px;
    top: min(2vw, 15px);
    right: min(2vw, 15px);
	}

  #globalNavi .gnavInr .gnavLeft {
    width: 100%;
    padding: 0 5%;
    justify-content: center;
    gap: 12vw;
  }
  #globalNavi .gnavInr .gnavLeft > ul li a {
    font-size: 5.6vh;
    line-height: 1.3;
  }
  #globalNavi .gnavInr .gnavLeft .gnavLogo {
    width: 75%;
    margin: 0 auto;
  }
  #globalNavi .gnavInr .gnavRight {
    display: none;
  }

}


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

	footer

//////////////////////////////////////////////////////////////////////////////// */
footer {
  background-color: #000;
  padding: min(14vw, 60px) min(8vw, 60px);
}
footer .sponsor {
  text-align: center;
  font-size: min(3.8vw, 18px);
  margin-bottom: min(14vw, 40px);
}
footer .ftMemberImg {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto min(4vw, 20px);
}
footer .tourLogo {
  width: 32%;
  max-width: 320px;
  margin: 0 auto min(8vw, 48px);
}
footer .copy {
  text-align: center;
  font-size: min(2.8vw, 10px);
}
footer .copy + .copy {
  margin-top: min(2vw, 8px);
}

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

  footer {
    overflow: hidden;
  }
  /* footer .sponsor {
    margin-bottom: min(14vw, 80px);
    position: relative;
    z-index: 1;
  } */
  footer .ftMemberImg {
    margin: 0 auto min(14vw, 60px);
  }
  footer .ftMemberImg img {
    transform: scale(1.3);
  }
  footer .tourLogo {
    position: relative;
    width: 62%;
    z-index: 1;
  }
}


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

	main visual

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


#mainvisual {
  background-color: #000;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 5vw;
  gap: min(4.4vh, 3.2vw);
  margin: 0 auto;
  position: relative;
}

#mainvisual .tourLogo {
  position: absolute;
  top: min(4vw, 6vh);
  left: 50%;
  transform: translateX(-50%);
  width: min(64vw, 98vh);

  opacity: 0;
  /* animation: op3 0.8s linear 1s forwards; */
  animation: op1 0.8s cubic-bezier(0.61, 1, 0.88, 1) 1.4s forwards;

}

#mainvisual .mvSchedule {
  opacity: 0;
  animation: op3 1.8s linear 2.4s forwards;

  position: absolute;
  left: min(3vw, 7vh);
  bottom: min(3vw, 7vh);
  width: min(52vw, 84vh);
  line-height: 0;
  padding: 2vw;
}
#mainvisual .mvSchedule img {
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 1));
}
#mainvisual .mvSchedule li {
  display: flex;
  align-items: center;
}
#mainvisual .mvSchedule li .date {
  font-size: min(4.6vh, 3.2vw);
  width: min(11.4vh, 7.8vw);
}
#mainvisual .mvSchedule li .area {
  color: #DD3B47;
  font-size: min(3.2vh, 2vw);
  width: min(11.2vh, 7.4vw);
}
#mainvisual .mvSchedule li .venue {
  font-size: min(4.6vh, 3.2vw);
}

#mainvisual .barcode {
  position: absolute;
  right: min(5vw, 7vh);
  bottom: min(5vw, 7vh);
  width: min(18vw, 30vh);
  line-height: 0;

  opacity: 0;
  animation: op3 1.8s linear 2.4s forwards;
}


#mainvisual .mvBack {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
}
#mainvisual .mvBack > div {
  width: 25%;
  height: 100%;
  opacity: 0;
}
#mainvisual .mvBack > div:nth-child(1) { background: url('../images/mv01.jpg') no-repeat center center / cover;}
#mainvisual .mvBack > div:nth-child(2) { background: url('../images/mv02.jpg') no-repeat center center / cover;}
#mainvisual .mvBack > div:nth-child(3) { background: url('../images/mv03.jpg') no-repeat center center / cover;}
#mainvisual .mvBack > div:nth-child(4) { background: url('../images/mv04.jpg') no-repeat center center / cover;}

#mainvisual .mvBack > div:nth-child(even) {
  animation: opBg_1 1.5s cubic-bezier(0.83, 0, 0.17, 1) 0.6s forwards;
  transform: translateY(-10%);
}
#mainvisual .mvBack > div:nth-child(odd) {
  animation: opBg_2 1.5s cubic-bezier(0.83, 0, 0.17, 1) 0.6s forwards;
  transform: translateY(10%);
}


@keyframes op1 {
  0% { filter: blur(20px); opacity: 0;}
  100% { filter: blur(0px); opacity: 1;}
}
@keyframes op3 {
  0% { opacity: 0;}
  100% { opacity: 1;}
}

@keyframes opBg_1 {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes opBg_2 {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (max-width: 820px) {
  #mainvisual {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1.2;
  }

  #mainvisual .tourLogo {
    top: min(24vw, 16vh);
    left: 50%;
    width: 90%;
  }

  #mainvisual .mvSchedule {
    width: 75%;
  }
  #mainvisual .mvSchedule li .date {
    font-size: min(6.2vw, 36px);
    width: min(16vw, 90px);
  }
  #mainvisual .mvSchedule li .area {
    font-size: min(3.8vw, 22px);
    width: min(15vw, 85px);
  }
  #mainvisual .mvSchedule li .venue {
    font-size: min(6.2vw, 36px);
  }
}
@media screen and (max-width: 820px) and (min-width: 480px) {
  #mainvisual {
    height: auto;
  }
}


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

	contents

//////////////////////////////////////////////////////////////////////////////// */
main {
  padding: 0;
}

section {
  padding: min(10vw, 80px) min(6vw, 60px) min(14vw, 120px);
}
section h2 {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  color: #DD3B47;
  font-size: min(8vw, 68px);
  margin-bottom: 0.4em;
}
section h2.border {
  color: #9E91ED;
  -webkit-text-stroke: 0.05em black;
  text-stroke: 0.05em black;
  paint-order: stroke;
}
.contentWrap {
  max-width: 1080px;
  margin: 0 auto;
}

.section-wrapper {
  position: relative;
}
.bg-image-clip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 230px;
  clip-path: inset(0); /* 切り抜き */
  z-index: -1;
}
.bg-image-fixed {
  position: fixed; /* 背景を固定 */
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
#schedule .bg-image-clip {opacity: 0.9;}
#ticket .bg-image-clip   {opacity: 0.4;}
#goods .bg-image-clip    {opacity: 0.7;}
#map .bg-image-clip      {opacity: 0.9;}
#schedule .bg-image-fixed {background-image: url(/static/oneokrock/fanclub/common/2026_japantour/images/bg_schedule.jpg);}
#ticket .bg-image-fixed {background-image: url(/static/oneokrock/fanclub/common/2026_japantour/images/bg_accordion.jpg);}
#goods .bg-image-fixed {background-image: url(/static/oneokrock/fanclub/common/2026_japantour/images/bg_goods.jpg);}
#map .bg-image-fixed {background-image: url(/static/oneokrock/fanclub/common/2026_japantour/images/bg_map.jpg);}


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

	News

//////////////////////////////////////////////////////////////////////////////// */
#news {
  background-color: #000;
}
.newsList {
  display: flex;
  flex-direction: column;
  gap: min(4vw, 20px);
}
.newsList li {
  border-bottom: #DD3B47 solid 1px;
  display: flex;
  padding: min(5vw, 30px) 0;
}
.newsList li .date {
  font-weight: 700;
  font-size: min(3.6vw, 18px);
  color: #DD3B47;
  width: 140px;
}
.newsList li .newsTtl {
  width: calc(100% - 140px);
  font-size: min(3.6vw, 18px);
}
.newsList li .newsTtl a {
  color: #fff;
  text-decoration: none;
}


#cboxContent {
	background-color: #fff;
	border-radius: 10px;
	color: #000;
}

.modalWrap {
	padding: min(6vw, 60px);
}
.modalWrap .date {
	font-size: min(3vw, 12px);
  margin-bottom: min(1vw, 5px);
}
.modalWrap h3 {
	font-size: min(3.6vw, 18px);
	padding-bottom: min(4vw, 20px);
	border-bottom: #ccc solid 1px;
	margin-bottom: min(6vw, 30px);
  line-height: 1.6;
}

.modalWrap .newsBody p + p {
	margin-top: min(4vw, 20px);
}
.modalWrap .newsBody h4 {
	font-size: min(3.4vw, 16px);
	font-weight: bold;
	margin: min(6vw, 30px) 0 min(4vw, 20px);
}
.modalWrap .newsBody h5 {
	font-size: min(3.2vw, 14px);
	font-weight: bold;
	margin: min(6vw, 30px) 0 min(1vw, 5px);
}
.modalWrap .newsBody a {
	color: #000;
	text-decoration: underline;
}
.modalWrap .newsBody a:hover {
	text-decoration: none;
}


#cboxLoadedContent {
  margin-bottom: 0;
}

#cboxTopRight,
#cboxTopCenter,
#cboxTopLeft,
#cboxMiddleRight,
#cboxMiddleLeft,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
  background: none;
}

#cboxClose{
  position: absolute;
  display: block;
  text-indent: -9999px;
  width: 26px;
  height: 26px;
  top: 20px;
  right: 20px;
  transition: all .3s ease;
  background-image: none;
}
#cboxClose:before,
#cboxClose:after {
  content: '';
  top: 50%;
  left: 50%;
  width: 141%;
  height: 2px;
  transform-origin: center center;
  position: absolute;
  background: #000;
}
#cboxClose:before {
	transform: translate(-50%, -50%) rotate(-45deg);
}
#cboxClose:after {
	transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (min-width: 821px) {
	#cboxClose:hover{
		transform: scale(1.1);
	}
}
@media screen and (max-width: 820px) {

  .newsList li {
    flex-direction: column;
  }
  .newsList li .date {
    width: 100%;
  }
  .newsList li .newsTtl {
    width: 100%;
    margin-top: 0.4em;
  }

  #cboxClose {
		width: 20px;
		height: 20px;
    top: 15px;
    right: 15px;
	}
}


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

	Schedule

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

.schedule li {
	border-bottom: #DD3B47 solid 1px;
	padding: min(3vw, 14px) 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	line-height: 1.6;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.schedule li a {
  color: #fff;
}
.schedule li.scheduleHead .day,
.schedule li.scheduleHead .time,
.schedule li.scheduleHead .area,
.schedule li.scheduleHead .venue,
.schedule li.scheduleHead .seat,
.schedule li.scheduleHead .info {
	font-size: 14px;
	color: #DD3B47;
}
.schedule li .dateCont {
  width: 24%;
}
.schedule li .dateCont > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.schedule li .day {
	width: 58%;
}
.schedule li .time {
  width: 42%;
  font-weight: 700;
}
.schedule li .area {
	/* width: 7%; */
	width: 14%;
}
.schedule li .venue {
	/* width: 36%; */
	width: 58%;
}
.schedule li .info span {
	display: inline-block;
	margin-top: 1em;
}
.schedule li .info span:first-child {
	margin-top: 0;
}
.schedule li .info a {
	font-size: 0.9em;
}

.schedule li:not(.scheduleHead) p {
  font-size: min(2.2vw, 14px);
}
.schedule li:not(.scheduleHead) .day,
.schedule li:not(.scheduleHead) .area,
.schedule li:not(.scheduleHead) .venue {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
}
.schedule li:not(.scheduleHead) .day {
  display: flex;
  align-items: center;
  gap: min(2vw, 16px);
  font-size: min(2.2vw, 14px);
}
.schedule li:not(.scheduleHead) .day span:first-child {
  color: #DD3B47;
  font-size: 2.14em;
  font-weight: 900;
}
.schedule li:not(.scheduleHead) .day span:last-child {
  font-weight: 500;
}
.schedule li:not(.scheduleHead) .area {
  color: #DD3B47;
  /* font-size: min(4.2vw, 20px); */
  font-size: min(2.8vw, 24px);
}
.schedule li:not(.scheduleHead) .venue {
  /* font-size: min(4.2vw, 20px); */
  font-size: min(5.2vw, 32px);
  line-height: 1.1;
  font-weight: 900;
}
@media screen and (min-width:881px) {
	/* .schedule li .time,
	.schedule li .info {
		font-size: 14px;
	} */
  .schedule li .dateCont > div + div {
    margin-top: min(3vw, 14px);
    border-top: #DD3B47 solid 1px;
    padding-top: min(3vw, 14px);
  }
}
@media screen and (max-width:880px) {

  .schedule li .day,
  .schedule li .time {
    width: 100%;
  }
  .schedule li .area {
    width: 16%;
  }
  .schedule li .venue {
    width: 55%;
  }
  .schedule li .dateCont {
    width: 22%;
  }
  .schedule li .dateCont > div {
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.5;
  }

  /* .schedule li.scheduleHead {
		display: none;
	}
	.schedule li {
		display: block;
		font-size: min(3.6vw, 18px);
    text-align: left;
	}

	.schedule li .area,
	.schedule li .venue,
	.schedule li .seat,
  .schedule li .dateCont {
		width: 100%;
		padding: 0.5em 0 0.5em 20vw;
		position: relative;
		box-sizing: border-box;
    line-height: 1.6;
	}

	.schedule li .area::before,
	.schedule li .venue::before,
	.schedule li .seat::before,
  .schedule li .dateCont::before {
		display: inline-block;
		width: 28vw;
		font-size: min(3vw, 16px);
		font-weight: normal;
		position: absolute;
		top: 50%;
		left: 0;
    transform: translateY(-50%);
	}
	.schedule li .dateCont::before {content: "DAY";}
	.schedule li .area::before {
    color: #fff;
    content: "AREA";
  }
	.schedule li .venue::before {content: "VENUE";}
	.schedule li .seat::before {content: "SEAT";}

  .schedule li .dateCont {
    line-height: 1.2;
  } */
}

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

	Ticket

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

.ticketList {
  display: flex;
  flex-direction: column;
  /* display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); */
  gap: min(8vw, 60px);
  margin-bottom: min(14vw, 120px);
}
.ticketList > li {
  display: flex;
  justify-content: space-between;
}
.ticketList > li .txt {
  width: 64%;
}
.ticketList > li .txt .ticketHead {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: min(1vw, 5px);
  border-bottom: #DD3B47 solid 1px;
  font-family: "Oswald", "Noto Sans JP", "sans-serif";
  font-weight: 600;
  margin-bottom: min(6vw, 32px);
}
.ticketList > li .txt .ticketHead .date {
  display: flex;
  align-items: center;
  gap: min(4vw, 16px);
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: min(3vw, 14px);
}
.ticketList > li .txt .ticketHead .date > span {
  display: flex;
  align-items: center;
  gap: min(2vw, 8px);
}
.ticketList > li .txt .ticketHead .date > span > span {
  color: #DD3B47;
  font-size: min(7.2vw, 32px);
  font-weight: 700;
}
.ticketList > li .txt .ticketHead .area {
  color: #DD3B47;
  font-size: min(5vw, 24px);
  font-weight: 700;
  letter-spacing: 0.1em;
}
.ticketList > li .txt .venue {
  font-weight: 800;
  font-size: min(5vw, 24px);
  color: #DD3B47;
  line-height: 1.2;
  margin-bottom: min(5vw, 24px);
}
.ticketList > li .txt .price > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: min(2vw, 10px) 0;
  background-color: #1F1F1F;
  font-size: min(3.2vw, 18px);
  padding: min(3vw, 12px) min(3vw, 20px);
}
.ticketList > li .txt .price > div + div {
  margin-top: min(2vw, 14px);
}
/* .ticketLis */
.ticketList > li .txt .price dd {
  width: 30%;
  min-width: fit-content;
  text-align: right;
}
.ticketList > li .txt .price dd span {
  font-size: 0.7em;
}

.ticketList > li .listAsterisk {
  margin-top: min(6vw, 32px);
}

.ticketList > li .pic {
  width: 30%;
  line-height: 0;
}
.ticketList > li .pic .mapComing {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/1;
  border: #DD3B47 solid 1px;
}
.ticketList > li .pic .mapComing p {
  color: #DD3B47;
  font-size: min(3.8vw, 18px);
  font-weight: 700;
}
.ticketList > li .pic > p {
  line-height: 1.6;
  font-size: min(2.8vw, 13px);
  margin-top: min(3vw, 15px);
}


.ticketAccordion {
  color: #000;
}
.ticketAccordion > div {
  border: #000 solid 2px;
}
.ticketAccordion div + div {
  margin-top: min(4vw, 20px);
}
.ticketAccordion dt {
  background-color: #DD3B47;
  padding: min(3vw, 20px) min(15vw, 90px) min(3vw, 20px) min(5vw, 30px);
  font-size: min(3.6vw, 18px);
  font-weight: bold;
  position: relative;
  /* cursor: pointer; */
}
/* .ticketAccordion dt::before,
.ticketAccordion dt::after {
  content: "";
  display: block;
  background-color: #000;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ticketAccordion dt::before {
  right: min(4vw, 30px);
  height: 2px;
  width: min(6vw, 30px);
}
.ticketAccordion dt::after {
  right: min(6.7vw, 44px);
  width: 2px;
  height: min(6vw, 30px);
  transition: all 0.3s ease-out;
}
.ticketAccordion dt.on::after {
  transform: translateY(-50%) rotate(90deg);
} */
.ticketAccordion dd {
  /* display: none; */
  /* background-color: #94232c; */
  background-color: #fff;
  border-top: #000 solid 2px;
  padding: min(6vw, 30px);
}
.ticketAccordion dd p {
  font-size: min(3.6vw, 18px);
}
.ticketAccordion dd p + p {
  margin-top: min(2vw, 10px);
}
.ticketAccordion dd .note {
  font-size: 1em;
}
.ticketAccordion dd a {
  color: #000;
  text-decoration: underline;
}


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


  .ticketList > li {
    flex-direction: column;
    gap: min(6vw, 30px);
  }
  .ticketList > li .txt {
    width: 100%;
  }
  .ticketList > li .pic {
    width: 100%;
  }


}


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

	Guideline

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

.guidelineBody p {
  margin-bottom: min(4vw, 20px);
}


#guideline h3 {
  margin-bottom: min(3vw, 15px);
  margin-top: min(8vw, 60px);
  font-feature-settings: "palt";
}
#guideline ul {
  list-style: decimal;
  padding-left: min(5vw, 24px);
  line-height: 1.7;
}
#guideline ul li + li {
  margin-top: 0.4em;
}
#guideline a {
  color: #fff;
  text-decoration: underline;
}

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



}


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

	Goods

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

.goodsImg {
  margin: 0 auto min(8vw, 60px);
  line-height: 0;
  text-align: center;
  width: 94vh;
  max-width: 100%;
}

.period {
  display: flex;
  border: #DD3B47 solid 1px;
}
.period + .period {
  margin-top: min(2vw, 10px);
}
.period dt {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #DD3B47;
  padding: min(2vw, 15px);
  width: 280px;
  font-size: min(3.6vw, 18px);
  font-weight: bold;
}
.period dd {
  width: calc(100% - 280px);
  color: #fff;
  padding: min(4vw, 20px) min(3vw, 30px);
  font-size: min(3.6vw, 18px);
  font-weight: bold;
}

.detailBtn {
  margin-top: min(6vw, 30px);
}
.detailBtn a {
  display: block;
  background-color: #DD3B47;
  color: #fff;
  width: fit-content;
  padding: min(2vw, 10px) min(8vw, 60px);
  margin: 0 auto;
  border-radius: 100px;
  text-decoration: none;
  font-size: min(3.6vw, 18px);
  letter-spacing: 0.006em;
  font-weight: bold;
}

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

  .period {
    display: block;
  }
  .period dt {
    width: 100%;
  }
  .period dd {
    width: 100%;
    text-align: center;
    line-height: 1.6;
  }

}

.mapImg + .mapImg {
  line-height: 0;
  margin-top: min(8vw, 60px);
}


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

	MAP

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

#map .ticketAccordion dt {
  background-color: #9E91ED;
}


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

	GUIDELINE

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

#guideline {
  background-color: #000;
}
#guideline h2 {
  color: #fff;
}



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

	Coming soon

//////////////////////////////////////////////////////////////////////////////// */
.comingSoon {
  padding: min(6vw, 30px) 0 min(10vw, 80px);
}
.comingSoon p {
  text-align: center;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: min(4.6vw, 28px);
}