@charset "UTF-8";

/* --------- FMT --------- */
.info_wrap,
.footer_container {
	font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Arial", "Verdana", "sans-serif";
	font-size: 16px;
	color: #000;
	line-height: 1.5;
	font-weight: 400;
}
img {
	display: block;
	width: 100%;
}
.content_wrap {
	color: #463B6A;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	margin-top: 66px;
	width: 100%;
	position: relative;
	z-index: 0;
	background: url(../img/bg_common01_sp.png) repeat-y center top/100% auto;
	*,*::before,*::after {
		box-sizing: border-box;
	}
}
.content-inner {
	width: 92%;
	max-width: 700px;
	margin-inline: auto;
}
figure {
	margin: 0 auto;
    width: 100%;
}
:root {
	--font-libre: "Libre Baskerville","Noto Sans JP",sans-serif;
}
.txt-link{
	color: #E30000;
	text-decoration: underline;
	transition: .3s;
	&:active {
		opacity: .5;
	}
}
.note-list {
	display: grid;
	gap: 5px;
}
.note-list__items {
	font-size: 12px;
	line-height: 1.58;
	letter-spacing: .025em;
	padding-left: 1em;
	text-indent: -1em;
}

/* ------ 汎用 ------ */
/* --- CTA --- */
.cta-wrapper {
	max-width: 600px;
	margin-inline: auto;
}
.cta-btn {
	display: block;
	margin-bottom: 16px;
}
/* --- acc --- */
.acc {
	margin-top: 20px;
}
.acc__btn {
	display: block;
	width: fit-content;
	margin: 0 auto;
	padding: 6px 35px 7px 15px;
	background: #8880AE;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	list-style: none;
	border-radius: 10vh;
	position: relative;
	cursor: pointer;
}
.acc__btn--howto {
	color: #463B6A;
	background: #fff;
}
.acc__btn::-webkit-details-marker {
	display:none;
}
.acc__ico {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 7px;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	&::before,&::after {
		content: "";
		display: block;
		width: 10px;
		height: 2px;
		background: #8880AE;
		position: absolute;
		top: 50%;
		left: 50%;
		translate: -50% -50%;
	}
	&::after {
		rotate: 90deg;
		transition: rotate .3s;
	}
}
.acc__ico--howto {
	background: #463B6A;
	&::before,&::after {
		background: #fff;
	}
}
.acc[open] .acc__ico::after {
	rotate: 0deg;
}
.acc__content {
	margin-top: 13px;
    transition: .6s ease-in-out;
	height: 0;
	overflow: hidden;
	position: relative;
	background: rgb(255 255 255/.3);
	backdrop-filter: blur(5px);
}
.acc__content__inner {
	padding: 15px 15px;
}
/* --- comingsoon,finish --- */
.comingsoon,.finish {
	position: relative;
	pointer-events: none;
	&::after {
		content: "Coming Soon";
		display: grid;
		place-content: center;
		background: rgb(255 255 255/.8);
		color: #326A9E;
		font-size: 8vw;
		font-weight: 700;
		font-family: var(--font-libre);
		text-align: center;
		line-height: 1.2;
		position: absolute;
		inset: 0;
	}
}
.finish-txt {
	border: 2px solid #ff0000;
	background: #fff;
	padding-block: 8px;
	color: #ff0000;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-block: 16px;
}
.finish::after {
	content: "終了しました";
	border: 2px solid #ff0000;
	color: #ff0000;
	font-size: 18px;
	width: 90%;
	height: 90%;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}
/* ------ animation ------ */
.js-animate[data-animate="blur"] {
	filter: blur(8px);
	transition: .8s ease-out .2s;
}
.js-animate--active[data-animate="blur"] {
	filter: none;
}
.js-animate[data-animate="fade-up"] {
	translate: 0 40px;
	opacity: 0;
	transition: translate 1.5s ease-out,opacity 1s;
}
.js-animate--active[data-animate="fade-up"] {
	translate: 0;
	opacity: 1;
}

/* --------- mv --------- */
.mv {
	margin-bottom: 8px;
	padding-top: 31px;
	position: relative;
	filter: blur(8px);
	transition: .8s ease-in-out .2s;
}
.loaded .mv {
	filter: none;
}
.mv__inner {
	display: grid;
	gap: 20px;
}
.mv__ttl {
	position: relative;
	&::before {
		content: "";
		display: block;
		width: 80.58%;
		height: auto;
		aspect-ratio: 278/169;
		background: rgb(177 146 193/.5);
		border-radius: 50%;
		position: absolute;
		bottom: 10px;
		left: 50%;
		translate: -50%;
		filter: blur(25px);
		z-index: -1;
	}
}
.mv__ttl__head {
	margin-bottom: 5px;
}
.mv__ttl__foot {
	width: 84.06%;
	margin-inline: auto;
}
.mv__img {
	border-radius: 36px 36px 0 0;
	overflow: hidden;
}
.mv__bg {
	position: absolute;
	top: 48px;
	pointer-events: none;
	user-select: none;
}
.mv__date {
	display: flex;
	gap: 7px;
	align-items: center;
	padding: 5px 0 3px 4px;
	background: linear-gradient(to right,rgb(74 52 126/0) 0%,rgb(74 52 126/.5) 20%,rgb(74 52 126/.5) 50%,rgb(74 52 126/.5) 80%,rgb(74 52 126/0) 100%);
}
.mv__date__ttl {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .025em;
	padding: 3px 10px 4px;
	background: #fff;
	border-radius: 10vh;
}
.mv__date__dtl {
	color: #fff;
	font-size: 18px;
	font-family: var(--font-libre);
	letter-spacing: .025em;
}
.mv__date__dtl__large-txt {
	font-size: 28px;
	letter-spacing: .025em;	
}
.mv__date__dtl__small-txt {
	font-size: 13px;
	letter-spacing: .025em;
	margin-left: 6px;
}
.mv__date__dtl__border::after {
	content: "";
	display: inline-block;
	width: 35px;
	height: 2px;
	background: linear-gradient(to right,rgb(255 255 255/1),rgb(255 255 255/0));
	margin-left: 6px;
	vertical-align: 6px;
}

/* --------- common-bg--lead-toc --------- */
.common-bg--lead-toc {
	padding-block: 56px 60px;
	background: url(../img/bg_common02_sp.png) no-repeat center top/100% auto;
	margin-bottom: 45px;
}
.lead-txt {
	font-size: 15px;
	font-weight: 600;
	line-height: 2;
	letter-spacing: .05em;
	text-align: center;
	margin-bottom: 70px;
}
.toc-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
}
.toc-list__items {
	width: calc(calc(100% - 15px) / 2);
	position: relative;
}
.toc-list__items__link {
	display: block;
	filter: drop-shadow(0 5 15px rgb(0 0 0/.1));
}
.toc-list__items__deco {
	width: 79px;
	height: 79px;
	position: absolute;
	left: -50px;
	bottom: -36px;
	z-index: -1;
}

/* --------- sec--talk --------- */
.sec--talk {
	padding-bottom: 61px;
}
.sec--talk__ttl-wrapper {
	position: relative;
	margin-bottom: 20px;
	&::before {
		content: "";
		display: block;
		width: 82.32%;
		height: auto;
		aspect-ratio: 1/1;
		background: rgb(255 255 255/.5);
		border-radius: 50%;
		filter: blur(30px);
		position: absolute;
		top: 16px;
		left: 50%;
		translate: -50%;
		z-index: -1;
	}
}
.sec--talk__ttl-deco {
	width: 88.41%;
	position: absolute;
	top: 20px;
	left: 15px;
	z-index: -1;
}
.sec--talk__txt {
	font-size: 15px;
	font-weight: 700;
	line-height: 2;
	letter-spacing: .05em;
	text-align: center;
	margin-bottom: 30px;
}
.sec--talk__list {
	display: grid;
	gap: 15px;
	margin-bottom: 40px;
}
.sec--talk__list__items {
	display: flex;
	gap: 8px;
	align-items: center;
	padding: 7px 0 8px 2px;
	font-family: var(--font-libre);
}
.sec--talk__list__items--01 {
	background: linear-gradient(to right,rgb(74 52 126/0) 0%,rgb(74 52 126/.5) 20%,rgb(74 52 126/.5) 50%,rgb(74 52 126/.5) 80%,rgb(74 52 126/0) 100%);
}
.sec--talk__list__items--02 {
	background: linear-gradient(to right,rgb(144 57 127/0) 0%,rgb(144 57 127/.5) 20%,rgb(144 57 127/.5) 50%,rgb(144 57 127/.5) 80%,rgb(144 57 127/0) 100%);
}
.sec--talk__list__num {
	display: block;
	width: 61px;
	padding-block: 8px 7px;
	background: url(../img/bg_talk02.png) no-repeat center/cover;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: .05em;
	text-align: center;
}
.sec--talk__list__num--02 {
	color: #763C72;
}
.sec--talk__list__date {
	color: #fff;
	font-size: 18px;
	letter-spacing: .025em;
}
.sec--talk__list__date__large-txt {
	font-size: 28px;
	letter-spacing: .025em;
}
.sec--talk__list__date__small-txt {
	font-size: 13px;
	font-weight: 700;
	margin-left: 6px;
}
.sec--talk__list__date__border::after {
	content: "";
	display: inline-block;
	width: 35px;
	height: 2px;
	background: linear-gradient(to right,rgb(255 255 255/1),rgb(255 255 255/0));
	margin-left: 6px;
	vertical-align: 6px;
}

/* --------- sec--present --------- */
.sec--present {
	padding-bottom: 80px;
}
.sec--present__ttl-wrapper {
	position: relative;
	margin-bottom: -20px;
	&::before {
		content: "";
		display: block;
		width: 82.32%;
		height: auto;
		aspect-ratio: 1/1;
		background: rgb(255 255 255/.5);
		border-radius: 50%;
		filter: blur(30px);
		position: absolute;
		top: 4px;
		left: 50%;
		translate: -50%;
		z-index: -1;
	}
}
.sec--present__ttl-deco {
	width: 96%;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: -1;
}
.sec--present__ttl {
	width: 92%;
	margin-inline: auto;
}
.sec--present__txt {
	font-size: 15px;
	font-weight: 600;
	line-height: 2;
	letter-spacing: .05em;
	text-align: center;
	margin-bottom: 15px;
}
.sec--present__keyholder {
	display: grid;
	gap: 21px;
	margin-bottom: 5px;
}
.sec--present__keyholder__ttl__bg {
	display: block;
	width: fit-content;
	margin-inline: auto;
	background: linear-gradient(to right,#463B6A 0%,#8579B2 100%);
	margin-bottom: 8px;
	padding: 2px 5px;
	color: #fff;
	font-weight: 700;
	letter-spacing: .05em;
}
.sec--present__keyholder__ttl__txt {
	display: block;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .05em;
	text-align: center;
	margin-bottom: 11px;
}
.sec--present__keyholder__note {
	font-size: 12px;
	letter-spacing: .025em;
}
.sec--present__keyholder__img {
	width: 95.65%;
	margin-left: 2.9%;
}
.sec--present__note__ttl {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .05em;
	translate: -.5em;
	margin-bottom: 5px;
}
.sec--present__note__dtl__lead-txt {
	font-size: 12px;
	letter-spacing: .025em;
	margin-bottom: 5px;
}
.acc--privacy__txt {
	padding: 0;
	text-indent: 0;
}
.acc--howto__list {
	display: grid;
	gap: 35px;
}
.acc--howto__list__items {
	display: grid;
	grid-template-columns: 70px 1fr;
	gap: 15px;
	position: relative;
}
.acc--howto__list__items:nth-child(n+2)::before {
	content: "";
	display: block;
	width: 54px;
	height: 15px;
	background: #A899D9;
	clip-path: polygon(0 0,100% 0,50% 100%);
	position: absolute;
	top: -25px;
	left: 50%;
	translate: -50%;
}
.acc--howto__list__items__num {
	display: grid;
	place-content: center;
	background: #463B6A;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	font-family: var(--font-libre);
	letter-spacing: .025em;
	text-align: center;
}
.acc--howto__list__items__txt {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .025em;
}
.cta-wrapper--present {
	margin-top: 40px;
}

/* --------- sec--information --------- */
.sec--information {
	padding-block: 43px 70px;
	background: url(../img/bg_information_sp.png) repeat-y top center/100% auto;
}
.sec--information__ttl {
	margin-bottom: -70px;
	position: relative;
	&::before {
		content: "";
		display: block;
		width: 82.32%;
		height: auto;
		aspect-ratio: 1/1;
		background: rgb(255 255 255/.5);
		border-radius: 50%;
		filter: blur(30px);
		position: absolute;
		top: 4px;
		left: 50%;
		translate: -50%;
		z-index: -1;
	}
}
.sec--information-profile {
	margin-bottom: 50px;
}
.sec--information-profile__ttl {
	width: 214px;
	margin: 0 auto 8px;
}
.sec--information-profile__txt {
	color: #624602;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.86;
	letter-spacing: .025em;
	padding: 20px 15px 15px;
	background: rgb(255 255 255/.55);
	backdrop-filter: blur(5px);
	margin-bottom: 30px;
}
.sec--information-profile__list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 16px;
}
.sec--information-profile__list__items {
	width: calc(calc(100% - 16px) / 2);
}
.sec--information-profile__name {
	display: block;
	width: fit-content;
	margin: 8px auto 0;
	padding: 5px 28px 6px;
	background: #CBA15B;
	border-radius: 10vh;
	color: #fff;
	font-weight: 700;
	letter-spacing: .025em;
}
.sec--information-event__ttl {
	width: 181px;
	margin: 0 auto 15px;
}
.sec--information-event-live:first-of-type {
	margin-bottom: 25px;
}
.sec--information-event-live__ttl {
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: .025em;
	text-align: center;
	padding-block: 11px 10px;
	background: linear-gradient(to right,rgb(98 70 2/0) 0%,rgb(98 70 2) 15%,rgb(98 70 2) 50%,rgb(98 70 2) 85%,rgb(98 70 2/0) 100%);
	margin-bottom: 10px;
}
.sec--information-event-live__box {
	padding: 20px 15px;
	background: rgb(255 255 255/.55);
	backdrop-filter: blur(5px);
}
.sec--information-event-live__box__txt {
	color: #624602;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.73;
	letter-spacing: .025em;
	border-left: 3px solid #624602;
	padding-left: 12px;
	margin-bottom: 20px;
}
.sec--information-event-live__box__btn {
	display: block;
	padding-block: 14px;
	background: linear-gradient(to right,#BEA95C 0%,#DBCCAD 50%,#DBCCAD 50%,#BEA95C 100%) left center/200% auto;
	border-radius: 10vh;
	color: #fff;
	font-weight: 700;
	letter-spacing: .05em;
	text-align: center;
	transition: .3s;
	margin-bottom: 6px;
	&:hover {
		background-position: left -100% center;
	}
}
.sec--information-event-live__box__btn-note {
	color: #333;
	font-size: 12px;
	letter-spacing: .05em;
	text-align: center;
}

/* --------- footer --------- */
/* ------ info_wrap ------ */
.info_wrap {
	margin: 0 auto;
	padding: 8px 40px 20px;
	position: relative;
	background-color: #FFF;
}
.oshitabi_btn {
	display: block;
	border: 4px solid #000;
	background: #FFF;
	max-width: 740px;
	margin: 32px auto 0;
	font-size: 18px;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", sans-serif;
	text-align: center;
	border-radius: 10px;
	padding: 10px 30px 10px 5px;
	position: relative;
	transition: all .3s;
	&::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 30px;
		height: 12px;
		width: 12px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		translate: 0 -50%;
		rotate: 45deg;
		transition: all .3s;
	}
	&:active {
		background: #463B6A;
		color: #FFF;
		border-color: #463B6A;
		&::after {
			border-color: #fff;
		}
	}
}
.credit {
	text-align: center;
	margin-top: 16px;
	font-size: 12px;
}
.footer_container {
	position: relative;
	z-index: 100;
	background-color: #FFF;
	padding-top: 1px;
}

/* --------- mediaquery --------- */
@media(min-width:751px){
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	/* --------- FMT --------- */
	.content_wrap {
		margin-top: 90px;
		background: url(../img/bg_common01_pc.png) repeat-y center top/100% auto;
	}
	.txt-link:hover {
		opacity: .5;
	}

	/* ------ 汎用 ------ */
	/* --- CTA --- */
	.qr-wrapper {
		display: grid;
		grid-template-columns: 1fr 100px;
		gap: 16px;
		background: #326A9E;
		border: 3px solid #F0E5CA;
		border-radius: 15px;
		padding: 16px;
		margin-bottom: 16px;
		color: #fff;
	}
	.qr-ttl {
		background: linear-gradient(to right,#B58D4D 0%,#E0CC9C 100%);
		border-radius: 10vh;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		padding-block: 5px;
		margin-bottom: 7px;
	}
	.qr-txt {
		font-size: 15px;
		line-height: 1.5;
	}
	/* --- comingsoon,finish --- */
	.comingsoon::after {
		font-size: 18px;
	}
	.finish::after {
		white-space: pre;
		content: "終了\Aしました";
	}

	/* --------- mv --------- */
	.mv {
		max-width: 1065px;
		margin: 0 auto 28px;
		padding-top: 69px;
	}
	.mv__inner {
		width: 100%;
		max-width: none;
		gap: 0;
		grid-template-columns: 39.06% 53.33%;
		grid-template-rows: auto 1fr auto;
		justify-content: space-between;
	}
	.mv__ttl {
		grid-area: 1/1/2/2;
		&::before {
			width: 95.72%;
			filter: blur(35px);
		}
	}
	.mv__ttl__head {
		width: 97.36%;
		margin: 0 auto 23px;
	}
	.mv__ttl__foot {
		width: 95.43%;
		margin: 0 auto 31px;
	}
	.mv__img {
		grid-area: 1/2/3/3;
		border-radius: 50px 50px 0 0;
	}
	.mv__bg {
		width: 75.87%;
		top: 0;
		left: calc(50% - 614px);
	}
	.mv__date {
		grid-area: 2/1/3/2;
		gap: 12px;
		align-items: center;
		padding: 5px 0 3px 4px;
		background: linear-gradient(to right,rgb(74 52 126/0) 0%,rgb(74 52 126/.5) 20%,rgb(74 52 126/.5) 50%,rgb(74 52 126/.5) 80%,rgb(74 52 126/0) 100%);
	}
	.mv__date__ttl {
		font-size: 16px;
	}
	.mv__date__dtl {
		font-size: 21px;
	}
	.mv__date__dtl__large-txt {
		font-size: 32px;
	}
	.mv__date__dtl__border::after {
		width: 43px;
		height: 2px;
	}

	/* --------- common-bg--lead-toc --------- */
	.common-bg--lead-toc {
		padding-block: 72px 35px;
		background: url(../img/bg_common02_pc.png) no-repeat left calc(50% + 37px ) top/856px auto;
	}
	.lead-txt {
		font-size: 18px;
		line-height: 1.83;
	}
	.toc-list {
		max-width: 535px;
		margin-inline: auto;
		gap: 20px;
	}
	.toc-list__items {
		width: calc(calc(100% - 40px) / 3);
	}
	.toc-list__items__deco {
		display: none;
	}

	/* --------- sec--talk --------- */
	.sec--talk__ttl-wrapper {
		max-width: 406px;
		margin: 0 auto 30px;
	}
	.sec--talk__ttl-deco {
		width: 88.41%;
		top: 24px;
		left: 18px;
	}
	.sec--talk__txt {
		font-size: 18px;
		font-weight: 600;
		line-height: 1.83;
		margin-bottom: 40px;
	}
	.sec--talk__list {
		max-width: 459px;
		margin: 0 auto 49px;
	}
	.sec--talk__list__items {
		gap: 8px;
		padding: 9px 3px 7px;
	}
	.sec--talk__list__num {
		width: 80px;
		padding-block: 10px;
		font-size: 21px;
		line-height: 1.24;
	}
	.sec--talk__list__date {
		font-size: 23px;
		letter-spacing: .025em;
	}
	.sec--talk__list__date__large-txt {
		font-size: 36px;
	}
	.sec--talk__list__date__small-txt {
		font-size: 16px;
	}
	.sec--talk__list__date__border::after {
		width: 47px;
		height: 3px;
	}

	/* --------- sec--present --------- */
	.sec--present__ttl-wrapper {
		max-width: 405px;
		margin: 0 auto -23px;
	}
	.sec--present__ttl-deco {
		width: 100%;
		top: 59px;
	}
	.sec--present__ttl {
		width: 96.05%;
	}
	.sec--present__txt {
		font-size: 18px;
		line-height: 1.83;
	}
	.sec--present__keyholder {
		max-width: 448px;
		margin-inline: auto;
		gap: 8px;
	}
	.sec--present__keyholder__ttl__bg {
		font-size: 18px;
	}
	.sec--present__keyholder__ttl__txt {
		margin-bottom: 7px;
	}
	.sec--present__keyholder__img {
		max-width: 406px;
		margin-inline: auto;
	}
	.sec--present__note {
		max-width: 448px;
		margin-inline: auto;
	}
	.sec--present .acc__content {
		max-width: 448px;
		margin-inline: auto;
	}

	/* --------- sec--information --------- */
	.sec--information {
		padding-block: 30px 70px;
		background: url(../img/bg_information_pc.png) repeat-y top center/100% auto;
	}
	.sec--information__ttl {
		max-width: 405px;
		margin-inline: auto;
	}
	.sec--information-profile {
		margin-bottom: 50px;
	}
	.sec--information-profile__txt {
		font-size: 16px;
		line-height: 1.61;
	}
	.sec--information-profile__list__items {
		width: calc(calc(100% - 48px) / 4);
	}
	.sec--information-event-live {
		max-width: 600px;
		margin-inline: auto;
	}
	.sec--information-event-live:first-of-type {
		margin-bottom: 25px;
	}
	.sec--information-event-live__ttl {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.sec--information-event-live__box__txt {
		font-size: 16px;
	}
	.sec--information-event-live__box__btn {
		display: block;
		max-width: 300px;
		margin-inline: auto;
	}

	/* --------- footer --------- */
	.info_wrap {
		margin: 0 auto;
		padding: 8px 20px 100px;
	}
	.oshitabi_btn {
		padding: 15px;
		font-size: 20px;
		&:hover {
			background: #463B6A;
			color: #FFF;
			border-color: #463B6A;
			&::after {
				border-color: #fff;
			}
		}
	}
}

@media(max-width:750px){
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
}