@charset "UTF-8";
:root {
	--kozuka-gothic: "kozuka-gothic-pr6n","Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo","メイリオ", sans-serif;
	--ab-omusubi: ab-omusubi, sans-serif;
	--black: #000;
	--white: #fff;
	--deepblue: #171574;
	--brown: #231815;
	--pink: #e3007f;
	--blue: #0085d0;
	--green: #007372;
	--leafgreen: #00702f;
	--lightgreen: #009d9c;
	--red: #ff0000;
	--fs-10: .625rem;
	--fs-12: .75rem;
	--fs-14: .875rem;
	--fs-16: 1rem;
	--fs-18: 1.125rem;
	--fs-20: 1.25rem;
	--fs-22: 1.375rem;
	--fs-24: 1.5rem;
	--fs-26: 1.625rem;
	--fs-32: 2rem;
	--fs-36: 2.25rem;
	--fs-40: 2.5rem;
	--fs-56: 3.375rem;
	--fs-60: 3.75rem;
	--fs-64: 4rem;
	--fs-90: 5.625rem;
	--fs-128: 8rem;
}
/*----------------------------
	background
-----------------------------*/
.bg--white { background-color: var(--white); }

/*----------------------------
	text
-----------------------------*/
.c--red { color: var(--red); }
.c--pink { color: var(--pink); }
.c--blue { color: var(--blue); }
.c--green { color: var(--green); }
.pinkcircle { color: #e868a0; }
.space { margin-right: 1em; }

.bold { font-weight: 700; }

.align--l { text-align: left; }
.align--c { text-align: center; }
.align--r { text-align: right; }

/*----------------------------
	box
-----------------------------*/
.mb--16 { margin-bottom: 1rem; }
.mb--20 { margin-bottom: 1.25rem; }
.mb--32 { margin-bottom: 2rem; }
.mb--68 { margin-bottom: 4.25rem; }
.mb--56 { margin-bottom: 3.5rem; }
.mb--60 { margin-bottom: 3.75rem; }

/*----------------------------
	display
-----------------------------*/
.block		{ display: block; }
.inblock	{ display: inline-block; }
.flex		{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; }
.sp			{ display: none; }

.pst--rel { position: relative; }

.fadein {
	opacity: 0;
	transform: translateY(2.5rem);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fadein.is--show {
	opacity: 1;
	transform: translateY(0);
}

/*----------------------------
	link
-----------------------------*/
.link--lottery {
	max-width: max-content;
	padding: .375rem 3rem .25rem;
	border: solid var(--green) 3px;
	background: var(--white);
	color: var(--green);
	font-size: var(--fs-24);
	font-weight: 700;
	display: block;
	margin: 5rem auto 1rem;
	transition: .3s;
	box-sizing: border-box;
}
.link--lottery:hover {
	background: var(--green);
	color: var(--white);
}
/*----------------------------
	icon
-----------------------------*/
.icon::before {
	content: "";
	aspect-ratio: 36/36;
	width: 2.25rem;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.icon--performer::before {
	background-image: url(../img/icon_performer.png);
}
.icon--event::before {
	background-image: url(../img/icon_event.png);
}
.icon--movie::before {
	background-image: url(../img/icon_movie.png);
}
.icon--map::before {
	width: 2.5rem;
	background-image: url(../img/icon_map2.png);
	position: absolute;
	top: -1.125rem;
	left: 0;
}
.icon--download::before {
	width: 2.5rem;
	background-image: url(../img/icon_download.png);
	position: absolute;
	top: 0;
	bottom: 0;
	left: -.5rem;
	margin: auto;
}
.icon--calendar::before {
	width: 2.5rem;
	background-image: url(../img/icon_calendar.png);
}
.list--link .icon::before {
	width: 2rem;
}
.icon--stage::before {
	background-image: url(../img/icon_stage.png);
}
.icon--star::before {
	background-image: url(../img/icon_star.png);
}
.icon--book::before {
	background-image: url(../img/icon_book.png);
}
.icon--access::before {
	background-image: url(../img/icon_access.png);
}
/*----------------------------
	media query
-----------------------------*/
@media screen and (max-width: 1200px){
	:root {
		--fs-16: .875rem;/* 14px */
		--fs-18: .875rem;/* 14px */
		--fs-20: .9375rem;/* 15px */
		--fs-22: 1rem;/* 16px */
		--fs-24: 1.1875rem;/* 19px */
		--fs-26: 1.25rem;/* 20px */
		--fs-32: 1.5rem;/* 24px */
		--fs-36: 1.6875rem;/* 27px */
		--fs-40: 1.875rem;/* 30px */
		--fs-56: 2.625rem;/* 42px */
		--fs-60: 2.8125rem;/* 45px */
		--fs-64: 3rem;/* 48px */
		--fs-90: 4.1875rem;/* 67px */
		--fs-128: 6rem;/* 96px */
	}
	.icon--map::before,
	.icon--download::before,
	.icon--calendar::before,
	.icon--stage::before,
	.icon--star::before,
	.icon--book::before,
	.icon--access::before {
		width: 1.875rem;
	}
	.link--lottery:hover {
		background: var(--white);
		color: var(--green);
	}
}
@media screen and (max-width: 767px){
	:root {
		--fs-24: 1.125rem;/* 18px */
		--fs-26: 1.125rem;/* 18px */
		--fs-32: 1.1875rem;/* 19px */
		--fs-36: 1.375rem;/* 22px */
		--fs-40: 1.5rem;/* 24px */
		--fs-56: 2.125rem;/* 34px */
		/*--fs-60: 2.25rem;*//* 36px */
		/*--fs-64: 2.375rem;*//* 38px */
		--fs-90: 3.375rem;/* 54px */
		--fs-128: 3.75rem;/* 60px */
	}
	.sp {
		display: block;
	}
	.icon::before {
		width: 1.8125rem;
	}
	.icon--download::before {
		left: 0;
	}
}