@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;
	position: relative;
	z-index: 1000;
}
img {
	display: block;
	width: 100%;
}
.content_wrap {
	-webkit-font-smoothing: antialiased;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 400;
	color: #000;
	margin-top: 66px;
	background: #fff;
	width: 100%;
	position: relative;
	z-index: 0;
}
.main-content {
	background: #fff;
	position: relative;
	z-index: 1;
}
.content_wrap :is(*,*::before,*::after) {
	box-sizing: border-box;
}
.content-inner {
	width: 92%;
	max-width: 720px;
	margin-inline: auto;
}
a:hover img {opacity: 1;}

figure {
	margin: 0 auto;
    width: 100%;
}
figcaption .caption {
	margin-left: auto;
    margin-right: 0;
    width: fit-content;
	font-size: 12px;
}
@media(min-width:751px){
	.content_wrap {
		margin-top: 90px;
		background: url(../img/bg_pc.png) repeat left top/27px 15px,
					linear-gradient(to bottom,#fff 0%,#D8DEED 100%) fixed;
	}
	.main-content {
		max-width: 776px;
		margin-inline: auto;
		position: relative;
		z-index: 1;
		&::before,&::after {
			content: "";
			display: block;
			width: 12px;
			height: 100%;
			background: linear-gradient(to bottom,#63D368 0%,#DB323A 38%,#275FC1 67%,#65D666 100%) repeat-y top/100% 676px;
			position: absolute;
			top: 0;
		}
		&::before {
			left: -12px;
		}
		&::after {
			right: -12px;
		}
	}
}
:root {
	--text-color: #fff;
	--primary-color: #000;
	--bg-color: #000;
	--red-color: #EE0000;
	--accent-color: #FFFF00;
}
/*アキ*/
.mgt48 {margin-top: 48px !important;}
.mgt32 {margin-top: 32px !important;}
.mgt24 {margin-top: 24px !important;}
.mgt16 {margin-top: 16px !important;}
.mgt8 {margin-top: 8px !important;}
.mgt4 {margin-top: 4px !important;}
.mgt0 {margin-top: 0 !important;}

/*テキストサイズ*/
.annotation {font-size: 14px;}
.smallest {font-size: 12px;}
.larger {font-size: 1.5em;}
.smaller {font-size: 0.75em;}

/* テキスト揃え */
.center {text-align: center;}
.auto_center {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}
.right {text-align: right;}
.left {text-align: left;}
.ib {display: inline-block;}

/* テキストカラー */
.fcPrimary {color: var(--primary-color);}
.fcRed {color: var(--red-color);}
.fcWhite {color: #FFF}
.fcYellow {color: #FF0;}

/* テキスト汎用 */
.bold {font-weight: bold;}
.txt-link{
	color: #8EB4BD;
	text-decoration: underline;
	font-weight: 700;
	cursor: pointer;
}
.marker {
	background: linear-gradient(transparent 50%, var(--accent-color) 50%);
}
.relative_wrap {position: relative;}

/* 箇条書き */
.note-list {
	display: grid;
	gap: 2px;
	margin-bottom: 24px;
}
.note-list__items {
	font-size: 12px;
	line-height: 1.4;
	padding-left: 1em;
	text-indent: -1em;
}
@media(min-width:751px){
	.red_box {
		font-size: 22px;
	}
	.pc_center {text-align: center;}

}
/*************
汎用
*************/
.sec--contents,.sec--present,.sec--ad {
	padding-block: 32px 36px;
	position: relative;
	&::after {
		content: "";
		display: block;
		width: 100%;
		height: 4px;
		background: linear-gradient(to right,#DD3239 0%,#275FC1 50%,#65D666 100%);
		position: absolute;
		left: 0;
		bottom: 0;
	}
}
/* sec-date */
.sec-date {
	font-size: 26px;
	font-family: "Aladin","Noto Sans JP",sans-serif;
	line-height: 1.23;
	text-align: center;
	border-top: 1px solid;
	border-bottom: 1px solid;
	margin-bottom: 16px;
}
.sec-date__small-txt {
	font-size: 22px;
}

@media(min-width:751px) {
	.sec-date {
		font-size: 32px;
	}
	.sec-date__small-txt {
		font-size: 26px;
	}
}

/* cta */
.cta-btn-wrapper {
	max-width: 600px;
	margin-inline: auto;
}
.cta-btn {
	display: block;
	margin-bottom: 16px;
}
.qr-wrapper {
	display: grid;
	grid-template-columns: 1fr 100px;
	grid-template-rows: auto 1fr;
	gap: 8px 16px;
	background: url(../img/bg_cta-pc.png) no-repeat center/cover;
	padding: 16px;
	margin-bottom: 16px;
	color: #000;
}
.qr-ttl {
	grid-area: 1/1/2/2;
	background: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	padding-block: 4px;
}
.qr-txt {
	grid-area: 2/1/3/2;
	display: grid;
	align-items: center;
	font-size: 15px;
	line-height: 1.5;
}
.qr-img {
	grid-area: 1/2/3/3;
	border: 1px solid #707070;
}
/* アコーディオン */
.acc_body {
	display: none;
}
.acc_btn {
	font-size: 14px;
	font-weight: bold;
    width: fit-content;
    margin-inline: auto;
    color: var(--text-color);
	border-radius: 10vh;
    position: relative;
    padding: 6px 45px 7px 24px;
	cursor: pointer;
	transition: all 0.3s;
}
.acc_btn span {
	position: absolute;
	background-color: #fff;
	height: 16px;
	width: 16px;
	border-radius: 100%;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
}
.acc_btn span::before,
.acc_btn span::after {
	content: "";
	background-color: #000;
	position: absolute;
	width: 8px;
	height: 2px;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	transition: transform 0.3s;
	border-radius: 10vh;
}
.acc_btn span::before {
	transform: translate(-50%,-50%) rotate(90deg);
}
.acc_btn.open span::before {
	transform: translate(-50%,-50%);
}
.acc_body {
	padding: 7px;
	margin-top: 10px;
	border: 1px solid #D8DEED;
	.note-list {
		margin: 0;
	}
}
/* ご注意事項アコーディオン */
.caution_acc .acc_btn {
    background-color: #000;
	color: #fff;
}
@media(min-width:751px){}

/* アニメーション */
.js-animate[data-animate="blinking"] {
	opacity: 0;
}
.js-animate--active[data-animate="blinking"] {
	animation: blinking .8s forwards;
}
.js-animate[data-animate="mask"] {
	position: relative;;
	&::after {
		content: "";
		display: block;
		width: 101%;
		height: 101%;
		background: #fff;
		position: absolute;
		inset: 0;
		transition: 3s cubic-bezier(.24,.94,.11,1);
		clip-path: inset(0);
	}
}
.js-animate--active[data-animate="mask"]::after {
	clip-path: inset(0 0 0 100%);
}
.js-animate[data-animate="fade-up"] {
	opacity: 0;
	translate: 0 40px;
	transition: 3s cubic-bezier(.24,.94,.11,1);
}
.js-animate--active[data-animate="fade-up"] {
	opacity: 1;
	translate: 0;
}

@keyframes blinking {
	0% { opacity: 0; }
	5% { opacity: .7; }
	15% { opacity: .5; }
	30% { opacity: .7; }
	50% { opacity: .7; }
	65% { opacity: .5; }
	70% { opacity: .6; }
	85% { opacity: .5; }
	100% { opacity: 1; }
}

/* comingsoon */
.comingsoon {
	position: relative;
	pointer-events: none;
	user-select: none;
	&::before {
		content: "COMING SOON";
		display: grid;
		place-content: center;
		color: #fff;
		font-size: 8vw;
		font-family: "Aladin","Noto Sans JP",sans-serif;
		line-height: 1;
		text-align: center;
		background: rgb(0 0 0/.7);
		border-radius: 10vh;
		position: absolute;
		inset: 0;
	}
}

@media(min-width:751px) {
	.comingsoon::before {
		font-size: 24px;
		line-height: 1.1;
		border-radius: 0;
	}
}

/*************
mv
*************/
.mv {
	padding-bottom: 92px;
	position: relative;
}
.mv__img {
	margin-bottom: 12px;
}
.mv__scroll {
	width: 56px;
	padding-bottom: 4px;
	border-bottom: 1px solid #000;
	position: absolute;
	left: calc(50% - 21px);
	bottom: 45px;
	rotate: 90deg;
	&::after {
		content: "";
		display: block;
		width: 5px;
		height: 5px;
		background: #000;
		border-radius: 50%;
		position: absolute;
		bottom: -3px;
		left: 0;
		animation: mv__scroll 1.6s ease-in-out infinite;
	}
}
.mv__scroll__txt {
	font-size: 9px;
	font-family: "Josefin Sans","Noto Sans JP",sans-serif;
	line-height: 1;
	letter-spacing: .1em;
}

@keyframes mv__scroll {
	0% {
		opacity: 0;
		translate: 0;
	}
	30% {opacity: 1;}
	50% {opacity: 1;}
	90% {
		opacity: 0;
		translate: 56px;
	}
	100% {
		opacity: 0;
		translate: 0;
	}
}

@media(min-width:751px){
	.mv__img {
		max-width: 500px;
		margin-inline: auto;
	}
}
/*************
sec--lead
*************/
.sec--lead {
	padding-block: 24px 44px;
	background: url(../img/bg_lead_sp.png) no-repeat center/cover;
}
.sec--lead__txt {
	font-weight: 700;
	line-height: 1.75;
	text-align: center;
}
.sec--contents__date {
	color: #43A751;
	border-color: #43A751;
}
@media(min-width:751px){
	.sec--lead {
		padding-block: 66px;
		background: url(../img/bg_lead_pc.png) no-repeat center/cover;
	}
}

/*************
sec--toc
*************/
.sec--toc {
	background: #fff;
	padding-block: 36px;
	position: relative;
	&::before,&::after {
		content: "";
		display: block;
		width: 100%;
		height: 4px;
		background: linear-gradient(to right,#DD3239 0%,#275FC1 50%,#65D666 100%);
		position: absolute;
	}
	&::before {
		top: 0;
	}
	&::after {
		bottom: 0;
	}
	.content-inner {
		width: 84%;
		margin-inline: auto;
	}

}
.sec--toc__ttl {
	font-size: 24px;
	font-family: "Aladin","Noto Sans JP",sans-serif;
	letter-spacing: .05em;
	text-align: center;
	margin-bottom: 16px;
}
.sec--toc__nav__list {
	display: grid;
	gap: 8px;
}
.sec--toc__nav__list__items__link {
	display: block;
	min-height: 56px;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	padding: 8px 15px;
	border: 1px solid #fff;
	border-radius: 8px;
	background: url(../img/ico_arrow.png) no-repeat center right 16px/16px auto;
	transition:  background-position .3s;
	&:hover {
		background-position: top calc(50% + 4px) right 16px;
	}
}
.sec--toc__nav__list__items__link--talk {
	background-color: #4BC75D;
}
.sec--toc__nav__list__items__link--present {
	background-color: #0B51D0;
}
.sec--toc__nav__list__items__link--ad {
	background-color: #CF293C;
}
.sec--toc__nav__list__items__link--yoasobi {
	background-color: #333;
}
.sec--toc__nav__list__items__link--ad,
.sec--toc__nav__list__items__link--yoasobi {
	padding-block: 17px 16px;
}
.sec--toc__nav__list__items__link__small-txt {
	display: block;
}

@media(min-width:751px) {
	.sec--toc {
		padding-block: 32px;
	}
	.sec--toc__ttl {
		margin-bottom: 21px;
	}
	.sec--toc__nav__list {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 8px;
	}
	.sec--toc__nav__list__items__link {
		padding-block: 9px;
	}
	.sec--toc__nav__list__items__link--ad,
	.sec--toc__nav__list__items__link--yoasobi {
		padding-block: 17px 16px;
	}
}

/*************
sec--contents
*************/
.sec--contents {
	background: linear-gradient(to bottom,#4BC75D 0%,transparent 209px);
}
.sec--contents__ttl {
	max-width: 360px;
	margin: 0 auto 32px;
}
.sec--contents__txt {
	line-height: 1.5;
	margin-bottom: 16px;
}
.sec--contents__schedule {
	display: grid;
	gap: 8px;
	padding: 10px;
	border: 1px solid #43A751;
	margin: 0 auto 24px;
}
.sec--contents__schedule__row {
	display: grid;
	gap: 10px;
	grid-template-columns: 56px 1fr;
	align-items: center;
}
.sec--contents__schedule__ttl {
	background: linear-gradient(to right,#43A751 0%,#72CB7F 100%);
	border-radius: 10vh;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.42;
	text-align: center;
	padding-block: 1px 2px;
}
.sec--contents__schedule__dtl {
	font-size: 18px;
}
.sec--contents__schedule__dtl__small-txt {
	font-size: 14px;
}
@media(min-width:751px){
	.sec--contents__txt {
		text-align: center;
	}
	.sec--contents__schedule {
		width: fit-content;
		padding: 10px 20px;
	}
	.sec--contents__schedule__ttl {
		font-size: 14px;
	}
	.sec--contents__schedule__dtl {
		font-size: 20px;
	}
	.sec--contents__schedule__dtl__small-txt {
		font-size: 16px;
	}
}
/*************
sec--present
*************/
.sec--present {
	background: linear-gradient(to bottom,#0B51D0 0%,transparent 209px);
}
.sec--present__ttl {
	max-width: 360px;
	margin: 0 auto 32px;
}
.sec--present__date {
	color: #4373C9;
	border-color: #4373C9;
}
.sec--present__txt {
	line-height: 1.5;
	margin-bottom: 16px;
}
.sec--present__box {
	border: 1px solid #4373C9;
	padding: 23px 14px;
}
.sec--present__box__ttl {
	color: #4373C9;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 6px;
}
.sec--present__box__col {
	display: grid;
	gap: 16px;
	margin-bottom: 8px;
}
.sec--present__box__row {
	padding-bottom: 30px;
	border-bottom: 1px solid #888;
	position: relative;
}
.sec--present__box__img-wrapper {
	margin-bottom: 8px;
	padding-inline: 18px;
}
.sec--present__box__img-ttl {
	font-weight: 700;
	text-align: center;
	margin-bottom: 8px;
}
.sec--present__box__img-ttl__small-txt {
	display: block;
	text-align: center;
	font-size: 14px;
}
.sec--present__box__img-note {
	font-size: 12px;
	text-align: center;
}
.sec--present__box__img-badge {
	display: grid;
	place-content: center;
	width: 76px;
	height: 76px;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.18;
	text-align: center;
	position: absolute;
	right: -7px;
	bottom: 12px;
	background: linear-gradient(to bottom,#CA0889 0%,#CD6FC6 100%);
	border-radius: 50%;
}
.sec--present__box__note {
	padding-bottom: 8px;
	border-bottom: 1px solid #888;
	margin-bottom: 24px;
}
.sec--present__box__note__ttl {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 4px;
}
.sec--present__box__note__txt {
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 2px;
}
.sec--present__box__note-list {
	margin: 0;
}
.privacy_acc .acc_body {
	border: 1px solid #D8DEED;
}
.privacy-acc__txt {
	font-size: 12px;
	.txt-link {
		color: #000;
	}
}
.join_acc {
	margin-top: 24px;
	.acc_btn {
		background: linear-gradient(to right,#0B51D0 0%,#90B7FA 100%);
		span {
			background: #fff;
			&::before,&::after {
				background: #0B51D0;
			}
		}
	}
	.acc_body {
		border: 0;
		padding: 0;
	}
}
.join_acc__list {
	display: grid;
	gap: 16px;
}
.join_acc__list__row {
	display: grid;
	gap:4px ;
}
.join_acc__list__ttl {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	border: 1px solid #426FC3;
	background: linear-gradient(to right,#0B51D0 0%,#90B7FA 100%);
}
.join_acc__list__dtl {
	font-size: 14px;
	line-height: 1.5;
	.note-list {
		margin-top: 16px;
	}
}
@media(min-width:751px){
	.sec--present__txt {
		text-align: center;
	}
	.sec--present__box {
		padding: 24px;
	}
	.sec--present__box__ttl {
		font-size: 18px;
		margin-bottom: 12px;
	}
	.sec--present__box__col {
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
		padding-bottom: 16px;
		border-bottom: 1px solid #888;
		margin-bottom: 16px;
	}
	.sec--present__box__row {
		padding: 0;
		margin: 0;
		border: 0;
	}
	.sec--present__box__img-wrapper {
		padding: 0;
	}
	.sec--present__box__note {
		padding-bottom: 16px;
	}
	.privacy_acc .acc_body {
		padding: 16px;
	}
}
/*************
sec--ad
*************/
.sec--ad {
	background: linear-gradient(to bottom,#CF293C 0%,transparent 170px);
}
.sec--ad__ttl {
	max-width: 360px;
	margin: 0 auto 32px;
}
.sec--ad__txt {
	line-height: 1.5;
	margin-bottom: 16px;
}
.sec--ad__area-wrapper {
	display: grid;
	gap: 16px;
	border: 1px solid #CF293C;
	padding: 15px 14px;
	margin-bottom: 24px;
	.note-list {
		margin: 0;
	}
}
.sec--ad__area__list {
	background: #FDF4F5;
	padding: 12px;
	.js-animate[data-animate="mask"]::after {
		background: #FDF4F5;
	}
}
.sec--ad__area__list__ttl {
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin-bottom: 4px;
	padding-block: 2px 3px;
	background: linear-gradient(to right,#CF293C 0%,#FD5360 100%);
}
.sec--ad__area__list__dtl__date {
	font-size: 18px;
	text-align: center;
	margin-bottom: 6px;
}
.sec--ad__area__list__dtl__date__small-txt {
	font-size: 14px;
}
.sec--ad__area__list__dtl__img-ttl {
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 8px;
}
.sec--ad__area__list__dtl__img-wrapper {
	+.note-list {
		margin: 0;
	}
}
.sec--ad__area__list__dtl__img-note {
	font-size: 12px;
	margin-top: 4px;
}
/* comingsoon */
.sec--ad__area__cs-txt {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
/* comingsoon ここまで */
.sec--ad__ds {
	padding: 15px 14px;
	border: 1px solid #CF293C;
	.sec--ad__area__list__ttl {
		margin-bottom: 8px;
	}
	.sec--ad__area__list__dtl__img-wrapper {
		padding-block: 16px 20px;
		border-top: 1px solid #CF293C;
	}
}
.sec--ad__area__list__dtl__txt {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 16px;
}
@media(min-width:751px){
	.sec--ad__txt {
		text-align: center;
	}
	.sec--ad__area-wrapper {
		padding: 24px;
		display: grid;
		/* grid-template-columns: repeat(2,1fr); */
		/* .note-list {
			grid-area: 3/1/3/3;
		} */
	}
	/* comingsoon */
	.sec--ad__area__list {
		max-width: 324px;
		margin-inline: auto;
	}
	/* comingsoon ここまで */
	.sec--ad__ds {
		padding: 24px;
		.sec--ad__area__list__dtl {
			display: grid;
			grid-template-columns: repeat(2,1fr);
			gap: 16px;
		}
		.sec--ad__area__list__dtl__txt {
			grid-area: 1/1/2/3;
			padding-bottom: 8px;
			border-bottom: 1px solid #CF293C;
			margin-bottom: 0;
		}
		.sec--ad__area__list__dtl__img-wrapper {
			padding: 0;
			border: 0;
		}
		.note-list {
			grid-area: 4/1/5/3;
			padding-top: 12px;
			border-top: 1px solid #CF293C;
		}
	}

}

/*************
sec--yoasobi
*************/
.sec--yoasobi {
	color: #fff;
	padding-block: 32px 64px;
	background: #000;
}
.sec--yoasobi__ttl {
	font-size: 22px;
	font-weight: 900;
	line-height: 1.73;
	margin-bottom: 28px;
}
.sec--yoasobi__ttl__img {
	width: 61.45%;
}
.sec--yoasobi__show-wrapper {
	margin-bottom: 32px;
}
.sec--yoasobi__show-wrapper__ttl {
	font-size: 18px;
	font-weight: 900;
	margin-bottom: 16px;
}
.sec--yoasobi__show-mv {
	max-width: 330px;
	margin-bottom: 16px;
}
.sec--yoasobi__acc {
	margin-bottom: 16px;
	.acc_btn {
		width: 100%;
		background: #D8DEED;
		padding: 5px 0;
		color: #000;
		text-align: center;
		border-radius: 4px;
		span {
			right: 12px;
			background: #000;
			&::before,&::after {
				background: #fff;
			}
		}
	}
	.acc_body {
		padding: 0;
		border: 0;
	}
}
.sec--yoasobi__show-list {
	display: grid;
	gap: 16px;
	margin: 0 15px 32px;
}
.sec--yoasobi__show-list__dtl__place {
	font-size: 13px;
	line-height: 1.62;
	margin-bottom: 8px;
}
.sec--yoasobi__show-list__dtl__list + .sec--yoasobi__show-list__dtl__place {
	margin-top: 12px;
}
.sec--yoasobi__show-list__dtl__list__items {
	font-size: 13px;
	line-height: 1.54;
}
.sec--yoasobi__show-list__ttl {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 2px;
}
.sec--yoasobi__show-btn {
	display: block;
	background: #8EB4BD;
	border-radius: 8px;
	padding: 6px 12px 12px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	margin-bottom: 8px;
	border: 2px solid transparent;
	transition: .3s;
	&:hover {
		background: #fff;
		border: 2px solid #8EB4BD;
		color: #8EB4BD;
	}
}
.sec--yoasobi__show-btn__small-txt {
	display: block;
	width: fit-content;
	margin-inline: auto;
	font-size: 14px;
	letter-spacing: .1em;
}
.sec--yoasobi__show-btn-note {
	font-size: 12px;
	text-align: center;
}
.sec--yoasobi__show-btn__small-txt--en {
	font-size: 18px;
}
.sec--yoasobi__profile__img {
	max-width: 330px;
	margin-bottom: 16px;
}
.sec--yoasobi__profile__list {
	margin-bottom: 32px;
}
.sec--yoasobi__profile__list__ttl {
	font-weight: 700;
	margin-bottom: 8px;
}
.sec--yoasobi__profile__list__dtl {
	font-size: 12px;
	line-height: 1.4;
}
.sec--yoasobi__profile__btn {
	display: block;
	background: #000;
	text-align: center;
	padding-block: 15px;
	border-radius: 8px;
	border: 2px solid #dc0012;
	margin-bottom: 8px;
	position: relative;
	z-index: 0;
	&::before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: #dc0012;
		border-radius: 2px;
		clip-path: inset(0 100% 0 0);
		position: absolute;
		inset: 0;
		z-index: -1;
		transition: .3s;
	}
	&:hover {
		.sec--yoasobi__profile__btn__txt {
			fill: #000;
		}
		&::before {
			clip-path: inset(0);
		}
	}
}
.sec--yoasobi__profile__btn__txt {
	fill: #dc0012;
}
.sec--yoasobi__profile__btn-note {
	font-size: 12px;
	text-align: center;
}

@media(min-width:751px) {
	.sec--yoasobi__ttl {
		font-size: 32px;
	}
	.sec--yoasobi__ttl__img {
		max-width: 360px;
	}
	.sec--yoasobi__show-wrapper__ttl {
		font-size: 24px;
	}
	.sec--yoasobi__acc {
		.acc_btn {
			font-size: 16px;
			padding: 8px 0;
		}
	}
	.sec--yoasobi__show-list__ttl {
		font-size: 16px;
	}
	.sec--yoasobi__show-list__dtl__place {
		font-size: 14px;
	}
	.sec--yoasobi__show-list__dtl__list__items {
		font-size: 14px;
	}
	.sec--yoasobi__profile__img {
		max-width: 540px;
	}
	.sec--yoasobi__profile__list__ttl {
		font-size: 18px;
	}
	.sec--yoasobi__profile__list__dtl {
		font-size: 14px;
	}
}
/*************
終了処理
*************/

.red_box {
	font-weight: bold;
	border: 2px solid var(--red-color);
	color: var(--red-color);
	font-size: 18px;
	text-align: center;
	padding: 8px;
	margin: 16px auto 0;
	max-width: 800px;
	width: calc(100% - 40px);
	background-color: #FFF;
}
.VoiStock_btn.sign-off-btn {
	pointer-events: none;
	position: relative;
}
.sign-off {
    background-color: rgba(255, 255, 255, 0.8);
    color: #EE0000;
    border: #EE0000 2px solid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding: 16px 0;
}
@media(min-width:751px){

	/* 終了処理 QR枠用 */
	.sign-off-pc {
        background-color: rgba(255, 255, 255, 0.9);
        color: #EE0000;
        border: #EE0000 2px solid;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 85%;
        height: 85%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
    }
}

/*************
footer
*************/
.to-toc-btn {
	display: block;
	position: fixed;
	right: 15px;
	bottom: 15px;
	display: block;
	width: 72px;
	height: 72px;
	color: #fff;
	font-size: 11px;
	line-height: 1.3;
	text-align: center;
	padding-block: 28px 0;
	border: 1px solid #000;
	background: rgb(0 0 0/.7);
	z-index: 1000;
	opacity: 0;
	user-select: none;
	pointer-events: none;
	transition: .3s;
	&::before {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		rotate: 45deg;
		position: absolute;
		top: 12px;
		left: 50%;
		translate: -50%;
	}
	&.shown {
		opacity: 1;
		user-select: auto;
		pointer-events: auto;
	}
}

/*その他の推し旅プラン*/
.info_wrap {
	margin: 0 auto;
	padding: 8px 40px 20px;
	background-color: #FFF;
}
.oshitabi_btn {
	display: block;
	border: 4px solid #000;
	background-color: #FFF;
	max-width: 740px;
	margin: 32px auto 0;
	text-align: center;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 700;
	border-radius: 10px;
	position: relative;
	padding: 10px 30px 10px 5px;
	font-size: 18px;
	transition: all 0.3s;
}
.oshitabi_btn:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 30px;
	height: 12px;
	width: 12px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transform: translateY(-50%) rotate(45deg);
	transition: all 0.3s;
}
.oshitabi_btn:hover {
	background-color: var(--primary-color);
	color: #FFF;
	border: 4px solid var(--primary-color);
}
.oshitabi_btn:hover::after {
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;

}
.credit {
	text-align: center;
	margin-top: 16px;
	font-size: 12px;
}

.footer_container {
	background-color: #FFF;
	padding-top: 1px;
}
@media(min-width:751px){
	.info_wrap {
		margin: 0 auto;
		padding: 8px 20px 100px;
	}
	.oshitabi_btn {
		padding: 15px;
		font-size: 20px;
	}
	.to-toc-btn:hover {
		opacity: .5;
	}
}





/*************
メディアクエリ
*************/
@media(min-width:751px){
	.sp {
		display: none;
	}
}
@media(max-width:750px){
	.pc {
		display: none;
	}

}