@charset "UTF-8";

/*-----------------------------------

	reset, common

-----------------------------------*/

#wrapper_hd .pc_hd { display: block; }
#wrapper_hd .pc_il_hd { display: inline-block; }
#wrapper_hd .sp_hd { display: none !important; }

#wrapper_hd a:hover { text-decoration: none; }
#wrapper_hd h2 { margin: 0; }
#wrapper_hd ul { padding: 0; margin: 0; }
#wrapper_hd li { list-style: none; }
#wrapper_hd .deco_hd { position: absolute; }
#wrapper_hd a { display: block; text-decoration: none !important; }
#wrapper_hd a,
#wrapper_hd a img { transition: .3s; }
#wrapper_hd img { width: 100%; height: auto; }
#wrapper_hd .sp_hd { display: none !important; }

#wrapper_hd {
	letter-spacing: .2em;
	overflow: hidden;
	position: relative;
	-webkit-font-smoothing: antialiased;
	background: #fdf5e8;
}
#wrapper_hd .inner_hd { width: 1200px; margin: 0 auto; }
#wrapper_hd .ttl_hd {
	max-width: 660px;
	width: 45%;
    margin: -70px auto 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 1250px) {
	#wrapper_hd .inner_hd { width: 90%; }
	#wrapper_hd .ttl_hd { width: 50%; margin-top: -7vw; }
}
@media (max-width: 768px) {
	#wrapper_hd .pc_hd,
	#wrapper_hd .pc_il_hd { display: none !important; }
	#wrapper_hd #event_hd { padding-bottom: 20vw; }
	#wrapper_hd #event_hd .inner_hd { border-radius: 35px; border-width: 2px; }
	#wrapper_hd .sp_hd { display: block !important; }
	#wrapper_hd .ttl_hd { width: 70vw; margin-top: -8vw; }
}

/*-----------------------------------

	hero, event

-----------------------------------*/

#wrapper_hd #hero_hd,
#wrapper_hd #event_hd {
  background: #fff;background-image: url(../images/nuki_pixta.jpg);

  background-repeat: repeat;
  /* 画像の表示サイズ（必要に応じて調整） */
  background-size: 250px auto;
}
#wrapper_hd #hero_hd { padding: 2vw 0 6vw; }
#wrapper_hd #hero_hd .inner_hd { width: calc(1260px + 2%); }
#wrapper_hd #hero_hd #logo_hd { margin: 0 2% 0 auto; }

#wrapper_hd #event_hd { padding-bottom: 200px; }
#wrapper_hd #event_hd .inner_hd {
	background: #fff;
	border: 3px solid #070203;
	border-radius: 50px;
	padding-bottom: 80px;
}
#wrapper_hd #event_hd #schedule_hd { padding: 0 80px; }
#wrapper_hd #event_hd #schedule_hd .date_hd { position: relative; margin-top: 20px; }
#wrapper_hd #event_hd #schedule_hd .date_hd.plansWrap_hd { margin-top: 0; }
#wrapper_hd #event_hd #schedule_hd .line_hd { position: absolute; width: 10%; top: 10%; }
#wrapper_hd #event_hd #schedule_hd .line01_hd { left: 25%; }
#wrapper_hd #event_hd #schedule_hd .line02_hd { right: 25%; transform: scale(-1,1); }
#wrapper_hd #event_hd #schedule_hd .plansWrap_hd .line01_hd { top: 30%; transform: rotate(-20deg); }
#wrapper_hd #event_hd #schedule_hd .plansWrap_hd .line02_hd { top: 30%; transform: rotate(110deg); }
#wrapper_hd #event_hd #schedule_hd .dateList_hd { padding-top: 2%; margin: 0 5%; text-align: center; }
#wrapper_hd #event_hd .dateList_hd li { width: 23%; display: inline-block; }
#wrapper_hd #event_hd .dateList_hd .next_hd { position: relative; }
#wrapper_hd #event_hd .dateList_hd .fukidashi_hd {
	position: absolute;
	top: 0;
    width: 80%;
    left: 10%;
}
#wrapper_hd #event_hd .dateList_hd .said_hd { padding-top: 6vw; }
#wrapper_hd #event_hd .dateList_hd .now_hd { width: 30%; }
#wrapper_hd #event_hd .dateWrap_hd {
	background: url(../images/day-past.svg) 50% 50% / 100% auto no-repeat;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#wrapper_hd #event_hd .dateWrap_hd:before {
	content: "";
	display: block;
	padding-top: 100%;
}
#wrapper_hd #event_hd .now_hd .dateWrap_hd { background-image: url(../images/day-now.svg); }
#wrapper_hd #event_hd .next_hd .dateWrap_hd { background-image: url(../images/day-next.svg); }
#wrapper_hd #event_hd .dateWrap_hd span { display: block; font-weight: 600; line-height: 1; letter-spacing: 0; }
#wrapper_hd #event_hd .heading_hd { font-size: min(2vw,25px); margin-bottom: 10px; }
#wrapper_hd #event_hd .days_hd { font-size: min(3.5vw,60px); }
#wrapper_hd #event_hd .past_hd span { color: #B5B5B5; }
#wrapper_hd #event_hd .now_hd span { color: #fff; }
#wrapper_hd #event_hd .next_hd span { color: #F07D7D; }
#wrapper_hd #event_hd .now_hd .heading_hd { font-size: min(3vw,36px); }
#wrapper_hd #event_hd .now_hd .days_hd { font-size: min(7vw,100px); }
#wrapper_hd #event_hd .summary_hd {
	font-size: min(3vw,37px);
	font-weight: 600;
	text-align: center;
	margin-top: 30px;
	display: inline-block;
	background: linear-gradient(180deg, #fff 0%, #fff 50%, #FBD8D8 50%, #FBD8D8 100%);
	padding: 0 0 0 10px;
}
#wrapper_hd #event_hd .summaryWrap_hd { text-align: center; }
#wrapper_hd #event_hd .summary_hd span { color: #F07D7D; }
#wrapper_hd #event_hd .summary_hd br { display: none; }

#wrapper_hd #event_hd #number_hd {
	border: 5px solid #f52d31;
	position: relative;
	margin: 100px auto 0;
	width: 70%;
}
#wrapper_hd #event_hd #number_hd:before {
	content: "";
	position: absolute;
	width: calc(100% - 12px);
	height: calc(100% - 12px);
	left: 6px;
	top: 6px;
	border: 5px solid #f52d31;
}
#wrapper_hd #event_hd #number_hd .ttl_hd { width: 35vw; margin-top: -2.5vw; }
#wrapper_hd #event_hd #number_hd .numberWrap_hd {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 30px 40px 60px 40px;
}
#wrapper_hd #event_hd #number_hd .ticket_hd {
	color: #f52d31;
	font-size: min(4vw,80px);
	font-weight: 600;
    position: relative;
    z-index: 2;
	line-height: 1;
}

#wrapper_hd #event_hd #number_hd .btn {
	border: none;
    padding: 0;
    background: none;
    width: 70%;
    max-width: 500px;
    margin-top: 30px;
}
#wrapper_hd #event_hd #number_hd .btn + p,
#wrapper_hd #event_hd #number_hd .btn + p + p {
	margin: 25px auto 0;
	font-weight: 600;
	color: #c00;
	letter-spacing: 0.1em;
	font-size: min(1.4vw, 18px);
}
#wrapper_hd #event_hd #number_hd .btn button {
	background: #f48e8e;
    box-shadow: 0 .8vw 0 #ce6666;
	transition: .2s;
    width: 100%;
    display: inline-block;
    color: #fff;
    position: relative;
    text-align: center;
    border: none;
    margin: 0 auto;
    white-space: nowrap;
    border-radius: 10px;
    font-size: min(4.5vw, 50px);
    font-weight: 600;
    outline: none;
    padding: 10px 5%;
}
#wrapper_hd #event_hd #number_hd .btn button:hover { box-shadow: none; transform: translate(0,.8vw); }
#wrapper_hd #event_hd #number_hd .btn button:before {
	content: "";
    position: absolute;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    border-top: 4px solid #f48e8e;
    border-right: 4px solid #f48e8e;
	right: 32px;
    transform: rotate(45deg);
    top: 50%;
    z-index: 2;
}
#wrapper_hd #event_hd #number_hd .btn button:after {
	content: "";
    position: absolute;
    background: #fff;
    border-radius: 100px;
    width: 34px;
    height: 34px;
    top: 50%;
    margin-top: -17px;
    right: 20px;
}


/*
#wrapper_hd #event_hd #number_hd #copy_hd {
	background: #FDC1C1;
    border: 3px solid #070203;
	border-radius: 14px;
    outline: none;
    margin: 0 0 0 2vw;
    padding: 5px 12px;
	font-weight: 600;
	font-size: min(2vw,23px);
	text-align: center;
	color: #070203;
	display: inline-block;
    position: relative;
    z-index: 2;
	white-space: nowrap;
}
*/

@media (max-width: 1350px) {
	#wrapper_hd #hero_hd .inner_hd { width: 100%; }
	#wrapper_hd #event_hd #number_hd .ttl_hd { width: 45vw; }
	#wrapper_hd #event_hd #number_hd .ticket_hd { font-size: min(5vw,80px); }
}
@media (max-width: 1250px) {
	#wrapper_hd #event_hd { padding-bottom: 15vw; }
	#wrapper_hd #event_hd #number_hd { margin-top: 8vw; width: 80%; }
	#wrapper_hd #event_hd #number_hd,
	#wrapper_hd #event_hd #number_hd:before { border-width: .5vw; }
}
@media (max-width: 768px) {
	#wrapper_hd #hero_hd { padding: 5vw 0 10vw; }
	#wrapper_hd #hero_hd #logo_hd { margin: 0; }
	#wrapper_hd #event_hd .inner_hd { padding: 0 7% 8% 7%; }
	#wrapper_hd #event_hd #number_hd { width: 100%; margin: 10vw 0 0; }
	#wrapper_hd #event_hd #number_hd,
	#wrapper_hd #event_hd #number_hd:before { border-width: 3px; }
	#wrapper_hd #event_hd #number_hd:before {
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		left: 3px;
		top: 3px;
	}
	#wrapper_hd #event_hd #number_hd #copy_hd {
		border-width: .4vw;
		border-radius: 1.5vw;
		padding: 3px 8px;
		font-size: min(2.5vw,23px);
	}
	#wrapper_hd #event_hd #number_hd .ttl_hd { width: 60vw; margin-top: -3vw; }
	#wrapper_hd #event_hd #number_hd .ticket_hd { font-size: min(8vw,80px); }
	#wrapper_hd #event_hd #schedule_hd { padding: 0; }
	#wrapper_hd #event_hd #schedule_hd .date_hd { margin-top: 5vw; }
	#wrapper_hd #event_hd #schedule_hd .dateList_hd { flex-wrap: wrap; }
	#wrapper_hd #event_hd .summary_hd {
		font-size: min(3.8vw,37px);
		letter-spacing: 0.1em;
		white-space: nowrap;
	}
	#wrapper_hd #event_hd #number_hd .btn button {
		font-size: min(6vw, 30px);
		box-shadow: 0 1.8vw 0 #ce6666;
	}
	#wrapper_hd #event_hd #number_hd .btn button:before {
		margin-top: -7px;
		width: 14px;
		height: 14px;
		right: 30px;
	}
	#wrapper_hd #event_hd #number_hd .btn button:after { width: 28px; height: 28px; margin-top: -14px; }
}
@media (max-width: 640px) {
	#wrapper_hd #event_hd #number_hd .btn { width: 100%; }
}
@media (max-width: 560px) {
	#wrapper_hd #event_hd #schedule_hd .line_hd { top: 4%; width: 15%; }
	#wrapper_hd #event_hd #schedule_hd .line01_hd { left: 5%; }
	#wrapper_hd #event_hd #schedule_hd .line02_hd { right: 5%; }
	#wrapper_hd #event_hd #schedule_hd .plansWrap_hd .line_hd { top: -2%; }
	#wrapper_hd #event_hd #schedule_hd .plansWrap_hd .line01_hd { top: 15%; transform: rotate(-10deg); }
	#wrapper_hd #event_hd #schedule_hd .plansWrap_hd .line02_hd { top: 15%; transform: rotate(100deg); }
	#wrapper_hd #event_hd .dateList_hd li { margin-bottom: 30px; width: 40%; }
	#wrapper_hd #event_hd .dateList_hd li { width: 47%; margin-bottom: 20px; }
	#wrapper_hd #event_hd .dateList_hd li.past_hd { margin-left: 3%; }
	#wrapper_hd #event_hd .heading_hd { font-size: min(4vw,25px); }
	#wrapper_hd #event_hd .dateWrap_hd span { font-size: min(8vw,45px); }
	#wrapper_hd #event_hd .now_hd .heading_hd { font-size: min(5vw,36px); }
	#wrapper_hd #event_hd .now_hd .days_hd { font-size: min(12vw,100px); }
	#wrapper_hd #event_hd .dateList_hd .now_hd { width: 60%; }
	#wrapper_hd #event_hd .dateList_hd .next_hd { width: 50%; }
	#wrapper_hd #event_hd .summary_hd {
		font-size: min(5.5vw,37px);
		line-height: 1.6;
		display: inline;
		background: linear-gradient(180deg, #fff 0%, #fff 40%, #fde2b3 40%, #fde2b3 100%);
	}
	#wrapper_hd #event_hd .summary_hd br { display: block; }
	#wrapper_hd #event_hd #number_hd .ttl_hd { width: 65vw; margin-top: -5vw; }
	#wrapper_hd #event_hd #number_hd .numberWrap_hd { flex-direction: column; padding: 10px 20px 27px 20px; }
	#wrapper_hd #event_hd #number_hd .ticket_hd { margin: 0 0 15px; }
	#wrapper_hd #event_hd #number_hd #copy_hd { font-size: min(4vw,23px); margin-left: 0; }
	#wrapper_hd #event_hd .dateList_hd .said_hd { padding-top: 20%; }
	#wrapper_hd #event_hd #number_hd .btn { margin-top: 0; }
	#wrapper_hd #event_hd #number_hd .btn + p,
	#wrapper_hd #event_hd #number_hd .btn + p + p { margin-top: 20px; font-size: 3.4vw; }
}


/*-----------------------------------

	privelege

-----------------------------------*/

#wrapper_hd #privelege_hd { padding-bottom: 150px; }
#wrapper_hd #privelege_hd .inner_hd { position: relative; }
#wrapper_hd #privelege_hd .summary_hd {
	font-size: min(3.5vw,37px);
	font-weight: 600;
	text-align: center;
	margin-top: 30px;
	line-height: 1.7;
}
#wrapper_hd #privelege_hd .summary_hd br { display: none; }
#wrapper_hd #privelege_hd .line_hd { position: absolute; width: 8%; }
#wrapper_hd #privelege_hd .line01_hd { top: 9%; left: -10%; }
#wrapper_hd #privelege_hd .line02_hd { top: 20%; right: -12%; }
#wrapper_hd #privelege_hd .line03_hd { top: 28%; left: -10%; width: 6%; }
#wrapper_hd #privelege_hd .line04_hd { top: 60%; right: -10%; width: 6%; }
#wrapper_hd #privelege_hd .line05_hd { top: 67%; left: -12%; }
#wrapper_hd #privelege_hd .line06_hd { bottom: -3%; left: -8%; width: 10%; }
#wrapper_hd #privelege_hd .line07_hd { bottom: -3%; right: -8%; }

#wrapper_hd #privelege_hd .specialList_hd {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 50px;
}
#wrapper_hd #privelege_hd .specialList_hd li:not(:last-child) { margin-bottom: 40px; }
#wrapper_hd #privelege_hd .special01_hd,
#wrapper_hd #privelege_hd .special02_hd { width: 48%; }
#wrapper_hd #privelege_hd .special03_hd,
#wrapper_hd #privelege_hd .special04_hd { width: 100%; }

#wrapper_hd #privelege_hd .special03_hd.session_hd { position: relative; }
#wrapper_hd #privelege_hd .special03_hd.session_hd a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

@media (min-width: 769px) {
	#wrapper_hd #privelege_hd .special03_hd.session_hd a img { transition: .1s; }
	#wrapper_hd #privelege_hd .special03_hd.session_hd a:hover img { opacity: 0; }
}
@media (max-width: 768px) {
	#wrapper_hd #privelege_hd .line_hd { display: none; }
	#wrapper_hd #privelege_hd { padding-bottom: 15vw; }
	#wrapper_hd #privelege_hd .line01_hd { top: 5.2%; }
	#wrapper_hd #privelege_hd .line02_hd { top: 48.7%; }
	#wrapper_hd #privelege_hd .line03_hd { bottom: -1%; }
	#wrapper_hd #privelege_hd .special01_hd,
	#wrapper_hd #privelege_hd .special02_hd { width: 100%; }
	#wrapper_hd #privelege_hd .special01_hd { margin-bottom: 40px; }
	#wrapper_hd #privelege_hd .special03_hd.session_hd a { position: static; }
}
@media (max-width: 560px) {
	#wrapper_hd #privelege_hd .summary_hd { font-size: min(5.5vw,37px); line-height: 1.6; margin-top: 20px; }
	#wrapper_hd #privelege_hd .summary_hd br { display: block; }
	#wrapper_hd #privelege_hd .specialList_hd { margin-top: 30px; }
	#wrapper_hd #privelege_hd .specialList_hd li:not(:last-child) { margin-bottom: 20px; }
}

/*-----------------------------------

	detail

-----------------------------------*/

#wrapper_hd #detail_hd { background: #f5fafb; padding: 100px 0; }

#wrapper_hd #detail_hd #how_hd { display: flex; justify-content: space-between; margin-bottom: 50px; }
#wrapper_hd #detail_hd #how_hd.twoAll_hd { display: block; }
#wrapper_hd #detail_hd #how_hd .summary_hd {
	font-size: min(4vw,18px);
	font-weight: 600;
	line-height: 1.7;
}
#wrapper_hd #detail_hd #how_hd .attention_hd {
	font-size: min(7vw,18px);
	font-weight: 600;
	line-height: 1.7;
	color: #f42d31;
}
#wrapper_hd #detail_hd #how_hd .disc_hd { width: 65%; }
#wrapper_hd #detail_hd #how_hd.twoAll_hd .disc_hd { width: 100%; }
#wrapper_hd #detail_hd #how_hd .code_hd { width: 30%; }
#wrapper_hd #detail_hd #how_hd .number_hd {
	text-align: center;
	padding: 15px 0 20px;
	margin-bottom: 20px;
	border: 3px solid #f52d31;
	position: relative;
}
#wrapper_hd #detail_hd #how_hd .number_hd:before {
	content: "";
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    left: 3px;
    top: 3px;
    border: 3px solid #f52d31;
}
#wrapper_hd #detail_hd #how_hd .number_hd img {
	margin: -50px auto 0;
	z-index: 1;
	position: relative;
	width: 90%;
}
#wrapper_hd #detail_hd #how_hd .number_hd span {
	color: #f42d31;
	font-size: min(4vw,43px);
	font-weight: 600;
	display: block;
	line-height: 1;
	position: relative;
    z-index: 2;
}

#wrapper_hd #detail_hd .ttl_hd {
	font-size: min(5vw,28px);
    font-weight: 600;
    text-align: left;
    width: 100%;
    margin: 0 0 20px;
}
#wrapper_hd .attentionList_hd img { width: 20px; display: inline-block; margin: 0 3px 4px 0; }
#wrapper_hd .attentionList_hd li {
	position: relative;
	font-size: min(3.5vw,16px);
	padding-left: 1.2em;
	letter-spacing: 0.1em;
}
#wrapper_hd .attentionList_hd li:not(:last-child) { margin-bottom: 10px; }
#wrapper_hd .attentionList_hd li:before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}
#wrapper_hd #attention_hd .no_hd {
	text-align: right;
	margin-top: 10px;
	letter-spacing: 0.1em;
	font-size: min(3.5vw,16px);
}

/* more */

#more_hd { margin-top: 6vw; }
#more_hd .ttl_hd { margin: 0 auto 3% !important; max-width: 800px !important; }
#more_hd .inner_hd {
	padding: 4% 5%;
	border: 3px solid #000;
	border-radius: 30px;
	position: relative;
	width: 100% !important;
}
#more_hd .inner_hd:before,
#more_hd .inner_hd:after {
	content: "";
	top: 2vw;
	position: absolute;
	width: 1vw;
	height: 1vw;
	border-radius: 100px;
	border: 3px solid #000;
}
#more_hd .inner_hd:before { left: 2vw; }
#more_hd .inner_hd:after { right: 2vw; }
#more_hd .bnr_hd { display: flex; justify-content: space-between; }
#more_hd .bnr_hd li { width: 49%; }

@media (max-width: 1170px) {
	#wrapper_hd #detail_hd #how_hd .disc_hd br { display: none; }
}
@media (max-width: 768px) {
	#wrapper_hd #detail_hd #how_hd { flex-direction: column; }
	#wrapper_hd #detail_hd #how_hd .disc_hd,
	#wrapper_hd #detail_hd #how_hd .code_hd { width: 100% !important; margin-top: 30px; }
	#wrapper_hd #detail_hd #how_hd p br { display: none; }
	#wrapper_hd #detail_hd #how_hd .number_hd { padding: 25px 0; }
	#wrapper_hd #detail_hd #how_hd .number_hd img { width: 80%; margin-top: 0; }
	#wrapper_hd #detail_hd #how_hd .number_hd span { margin-top: 10px; font-size: min(12vw,60px); }
	#more_hd .inner_hd { padding: 8% 7% !important; }
	#more_hd .ttl_hd { margin-bottom: 8% !important; }
	#more_hd .bnr_hd { flex-direction: column; }
	#more_hd .bnr_hd li { width: 100%; }
	#more_hd .bnr_hd li:not(:last-child) { margin-bottom: 20px; }
}
@media (max-width: 560px) {
	#wrapper_hd #detail_hd { padding: 5vw 0 15vw; }
	#detail_hd { padding: 10vw 0 15vw; }
	#more_hd { margin-top: 15vw; }
	#more_hd .inner_hd { padding: 15% 0 7%; border: .6vw solid #000; border-radius: 5vw; }
	#more_hd .inner_hd:before,
	#more_hd .inner_hd:after { border: .6vw solid #000; top: 3vw; width: 2vw; height: 2vw; }
	#more_hd .inner_hd:before { left: 3vw; }
	#more_hd .inner_hd:after { right: 3vw; }
	#detail_hd .heading_hd { font-size: min(3.2vw,28px); }
	#detail_hd .attentionList_hd li,
	#attention_hd .no_hd { font-size: min(2.7vw,16px); }
}