@charset "utf-8";
:root{
	/* Color */
	--color-blue: #4CBBE6;
	--color-red : #CA2738;
	--color-cream: #FFF6E5;
	--color-redb91: #b91703;

}
.specialContent.-inBg{
	overflow: hidden;
}

/*-----------------------------------------------
 * Special - supporters
-------------------------------------------------*/
/**
* supporters - Head
**/
.supporters__head{
	width: 100%;
	position: relative;
}
.supporters__title{
	display: block;
	width: min(calc(459 / var(--vw-min) * 100vw), 459px);
	margin: 0 auto;
}
.supporters__title img{
	width: 100%;
}
.supporters__head--img{
	width: 100%;
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.supporters__head__lists{
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(4 / var(--vw-min) * 100vw), 4px);
	justify-content: center;
	align-items: center;
}
.supporters__head__list{
	width: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.supporters__head__list img{
	width: 100%;
}
.supporters__login__content {
	width: min(calc(320 / var(--vw-min) * 100vw), 320px);
	display: block;
	position: relative;
	margin: 0 auto;
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
}
.supporters__btn{
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: none;
	border-radius: 20rem;
	color: #fff;
	background: var(--color-redb91);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	box-shadow:
		0 0 0 0.1em var(--color-brown6E1),
		0 0 0 0.2em var(--color-orangeFFB),
		0 0 0 0.3em var(--color-brown6E1);
	transition: transform 0.3s ease;
	cursor: pointer;
}
.supporters__btn-text{
	width: 100%;
	box-sizing: border-box;
	padding: min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(48 / var(--vw-min) * 100vw), 48px);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: inherit;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
}
.supporters__btn-text::after{
	content: "";
	width: 1em;
	height: 0.8em;
	display: block;
	position: absolute;
	top: 50%;
	right: min(calc(24 / var(--vw-min) * 100vw), 24px);
	transform: translateY(-50%);
	background: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
}
/* ログアウト */
#do-logout .supporters__btn-text::after {
	right: auto;
	left: min(calc(24 / var(--vw-min) * 100vw), 24px);
	transform: translateY(-50%) scaleX(-1);
}
.supporters__btn + .supporters__btn {
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.supporters__head--txt{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	line-height: 2;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	text-align: center;
}
.supporters__head--txt.--delete{
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.supporters__head--txt.--delete a {
	color: var(--color-brown6E1);
	text-decoration: none;
}
.supporters__head--txt span{
	color: var(--color-redb91);
}
/**
* supporters - Main
**/
.supporters__main{
	--supporters-main-width: 880px;
	width: 100%;
	margin: auto;
	position: relative;
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	padding-inline: max(0px, calc((100% - var(--supporters-main-width)) / 2));
}
.supporters__Title{
	--supporters-notch-size: 12px;
	width: 100%;
	position: relative;
	color: var(--color-brown6E1);
	overflow: hidden;
}
.supporters__Title:before{
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	bottom: 4px;
	width: 8px;
	background-image: url(../img/special/supporters/deco_diamond.svg), url(../img/special/supporters/deco_diamond.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, left bottom;
	background-size: contain;
	z-index: 1;
}
.supporters__Title:after {
	content: '';
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	width: 8px;
	background-image:url(../img/special/supporters/deco_diamond.svg),url(../img/special/supporters/deco_diamond.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: right top, right bottom;
	background-size: contain;
	z-index: 1;
}

.supporters__TitleIn{
	position: relative;
	z-index: 2;
	height: 100%;
	padding: min(calc(56 / var(--vw-min) * 100vw), 56px) min(calc(80 / var(--vw-min) * 100vw), 80px) min(calc(80 / var(--vw-min) * 100vw), 80px);
}

.supporters__TitleIn:before{
	--supporters-inner-notch-w: 14px;
	--supporters-inner-notch-h: 14px;
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	background-image: url(../img/special/supporters/stamp_bg.png);
	background-repeat: repeat;
	background-position: left top, left bottom;
	background-size: contain;
	mask-image:
		radial-gradient(ellipse 16px 16px at calc(100% + 4px) -4px, transparent 100%, black 0),
		radial-gradient(ellipse 16px 16px at calc(100% + 4px) calc(100% + 4px), transparent 100%, black 0),
		radial-gradient(ellipse var(--supporters-inner-notch-w) var(--supporters-inner-notch-h) at -3px 0, transparent 100%, black 0),
		radial-gradient(ellipse var(--supporters-inner-notch-w) var(--supporters-inner-notch-h) at -3px 100%, transparent 100%, black 0);
	mask-position: right top, right bottom, left top, left bottom;
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	-webkit-mask-composite: source-in;
	mask-composite: intersect;
}
.supporters__Title--head{
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: min(calc(696 / var(--vw-min) * 100vw), 696px);
	max-width: 100%;
	margin-inline: auto;
	font-family: var(--font-ultra);
	position: relative;
}
.supporters__Title--head .supporters__Title--txt{
	width: min(calc(232 / var(--vw-min) * 100vw), 232px);
	margin-inline: auto;
	display: block;
	line-height: 1;
}
.supporters__Title--head .supporters__Title--txt img{
	display: block;
	width: 100%;
	height: auto;
}
.supporters__Title--head .supporters__Title--logo{
	width: min(calc(90 / var(--vw-min) * 100vw), 90px);
	margin-inline: auto;
	display: block;
	line-height: 1;
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	opacity: .4;
}
.supporters__Title--head .supporters__Title--logo img{
	display: block;
	width: 100%;
	height: auto;
}
.supporters__Title--parts{
	display: flex;
	align-items: center;
	gap: min(calc(8 / var(--vw-min) * 100vw), 8px);
	width: min(calc(696 / var(--vw-min) * 100vw), 696px);
	line-height: 0;
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.supporters__Title--parts::before,
.supporters__Title--parts::after{
	content: '';
	flex: 1;
	height: 1px;
	background-color: var(--color-brown6E1);
}
.supporters__Title--parts > span{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	line-height: 0;
	width: min(calc(60 / var(--vw-min) * 100vw), 60px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.supporters__Title--parts > span img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.supporters__rank{
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	position: relative;
	z-index: 1;
}
.supporters__rank p{
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: end;
	width: 100%;
	gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.supporters__rank--label{
	display: inline-block;
	grid-column: 2;
	justify-self: center;
	width: min(calc(160 / var(--vw-min) * 100vw), 160px);
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	font-size: 0;
	line-height: 0;
	color: transparent;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.supporters__rank--label.--platinum{
	background-image: url(../img/special/supporters/bg_rank_platinum.png);
}
.supporters__rank--label.--gold{
	background-image: url(../img/special/supporters/bg_rank_gold.png);
}
.supporters__rank--label.--silver{
	background-image: url(../img/special/supporters/bg_rank_silver.png);
}
.supporters__rank--label.--bronze{
	background-image: url(../img/special/supporters/bg_rank_bronze.png);
}
.supporters__rank--txt{
	grid-column: 1;
	justify-self: end;
	text-align: right;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 700;
	line-height: 1;
	color: var(--color-brown6E1);
}
.supporters__Title--bg{
	position: absolute;
	top: 0;
	left: 0;
	right: -1px;
	bottom: 0;
	background-color: var(--color-red);
}
.supporters__Title--bg:before{
	content: '';
	position: absolute;
	inset: 0;
	-webkit-mask: url(../img/special/supporters/bg_list.png) no-repeat left center;
	mask: url(../img/special/supporters/bg_list.png) no-repeat left center;
	mask-size: 992px 515px;
	background-color: #B91338;
}

/**
* TOP -> Bg
**/
.supporters__top-headBg{
	position: absolute;
	top: 0;
	width: 100vw;
	left: calc(50% - 50vw);
	right: auto;
	height: min(calc(565 / var(--vw-min) * 100vw), 565px);
	overflow: hidden;
/* pointer-events: none; */
}
.supporters__top-headBg--img{
	position: absolute;
	top: 0;
	height: 100%;
	width: min(calc(160 / var(--vw-min) * 100vw), 160px);
}
.supporters__top-headBg--img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: contain;
}
.supporters__top-headBg--img.-l{
	left: 0;
}
.supporters__top-headBg--img.-r{
	right: 0;
}
.supporters__top-headBg--img.-l img{
	object-position: left top;
}
.supporters__top-headBg--img.-r img{
	object-position: right top;
}

/**
* howto
**/
.supporters__howto{
	position: fixed;
	right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	z-index: 100;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	display: block;
}
.supporters__howto--img{
	display: block;
}
.supporters__howto--img img{
	display: block;
	width: min(calc(135 / var(--vw-min) * 100vw), 135px);
	height: auto;
}
.supporters__howtoModal,
.supporters__loginModal{
	width: min(calc(880 / var(--vw-min) * 100vw), 880px);
	margin: 0 auto;
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
}
#howtoModal .oneModalIn__cont,
#loginModal .oneModalIn__cont,
#loginCodeModal .oneModalIn__cont,
#deleteModal .oneModalIn__cont,
#deleteCodeModal .oneModalIn__cont{
	padding-top: min(calc(110 / var(--vw-min) * 100vw), 110px);
}
.supporters__howtoModal__container,
.supporters__loginModal__container{
	position: relative;
	border: min(calc(2 / var(--vw-min) * 100vw), 2px) solid var(--color-brown6E1);
	background-color: rgba(255, 249, 229, .95);
	padding: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.supporters__howtoModal__container::after,
.supporters__loginModal__container::after{
	content: '';
	position: absolute;
	top: min(calc(4 / var(--vw-min) * 100vw), 4px);
	right: min(calc(4 / var(--vw-min) * 100vw), 4px);
	bottom: min(calc(4 / var(--vw-min) * 100vw), 4px);
	left: min(calc(4 / var(--vw-min) * 100vw), 4px);
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-brown6E1);
	pointer-events: none;
}
.supporters__howtoModal__header,
.supporters__loginModal__header{
	padding: min(calc(32 / var(--vw-min) * 100vw), 32px) min(calc(40 / var(--vw-min) * 100vw), 40px) 0;
}
.supporters__howtoModal__header .subSec-titWrap,
.supporters__loginModal__header .subSec-titWrap{
	margin-bottom: 0;
}
.supporters__howtoModal__inner,
.supporters__loginModal__inner{
	padding: min(calc(32 / var(--vw-min) * 100vw), 32px) min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.supporters__howtoModal__list{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.supporters__howtoModal__listItem{
	border-bottom: min(calc(1 / var(--vw-min) * 100vw), 1px) solid rgba(110, 30, 35, .2);
	padding-bottom: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.supporters__howtoModal__listItem:last-child{
	border-bottom: none;
	padding-bottom: 0;
}
.supporters__howtoModal__data{
	display: flex;
	align-items: flex-start;
	gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.supporters__howtoModal__dataText{
	flex: 1 1 0;
	min-width: 0;
	position: relative;
	padding-left: 1.5em;
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	font-weight: 600;
	line-height: 1.7;
	color: var(--color-brown6E1);
	margin: 0;
}
.supporters__howtoModal__dataText::before{
	content: attr(data-no);
	position: absolute;
	left: 0;
	top: 0;
	font-family: var(--font-ultra);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	line-height: 1.7;
	color: var(--color-red);
}
.supporters__howtoModal__dataText small{
	display: block;
	margin-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-weight: 400;
	line-height: 1.6;
}
.supporters__howtoModal__dataImg{
	flex-shrink: 0;
	width: min(calc(280 / var(--vw-min) * 100vw), 280px);
}
.supporters__howtoModal__dataImg img{
	display: block;
	width: 100%;
	height: auto;
}

/* loginModal */
.supporters__loginModal__form{
	display: flex;
	flex-direction: column;
	gap: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.supporters__loginModal__field{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.supporters__loginModal__fieldCap{
	flex-shrink: 0;
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	font-weight: 700;
	line-height: 1.5;
	color: var(--color-brown6E1);
}
.supporters__loginModal__fieldInput{
	flex: 1 1 0;
	min-width: 0;
	display: block;
}
.supporters__loginModal__fieldInput input{
	width: 100%;
	box-sizing: border-box;
	padding: min(calc(14 / var(--vw-min) * 100vw), 14px) min(calc(16 / var(--vw-min) * 100vw), 16px);
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-brown6E1);
	border-radius: min(calc(4 / var(--vw-min) * 100vw), 4px);
	background-color: #fff;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	line-height: 1.5;
	color: var(--color-brown6E1);
}
.supporters__loginModal__fieldInput input::placeholder{
	color: rgba(110, 30, 35, .4);
}
.supporters__loginModal__form.--code .supporters__loginModal__field{
	flex-direction: column;
	align-items: stretch;
}
.supporters__loginModal__form.--code .supporters__loginModal__fieldCap{
	line-height: 1.6;
}
.supporters__loginModal__submit{
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	margin: 0 auto;
}
.supporters__loginModal__submit .supporters__btn{
	width: 100%;
}
.supporters__loginModal__submit .supporters__btn-text::after{
	display: none;
}
.supporters__loginModal__note{
	margin: min(calc(24 / var(--vw-min) * 100vw), 24px) 0 0;
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	line-height: 1.6;
	text-align: center;
	color: var(--color-brown6E1);
}

/**
* noteBox
**/
.supporters__noteBox{
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.supporters__noteTitle{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	line-height: 1.5;
	color: var(--color-brown6E1);
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.supporters__noteList{
	list-style: none;
	margin: 0;
	padding: 0;
}
.supporters__noteListItem{
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	line-height: 1.3;
	color: var(--color-brown6E1);
	padding-left: 1em;
	text-indent: -1em;
}
.supporters__noteListLink{
	color: var(--color-redAE0);
	text-decoration: none;
}

/**
* btnBox
**/
.supporters__btnBox{
	text-align: center;
	position: relative;
	margin-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
}

/* backT */
.supporters__backT{
	display: block;
	text-align: center;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.supporters__backT--link{
	display: inline-block;
	position: relative;
	padding-left: min(calc(40 / var(--vw-min) * 100vw), 40px);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: #6E1E23;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
}
.supporters__backT--link:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	width: min(calc(22 / var(--vw-min) * 100vw), 22px);
	-webkit-mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
	mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
	transform: scale(-1);
	background-color: #6E1E23;
}

/* カード */
.supporters__stampcard__list{
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	width: 100%;
	position: relative;
	gap: .4rem;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.p-stampcard__list-item {
	display: block;
	position: relative;
	min-width: 0;
}
.p-stamp {
	display: block;
	position: relative;
	overflow: hidden;
}
.p-stamp__base {
	display: block;
	position: relative;
	opacity: .4;
}
.p-stamp__base img {
	width: 100%;
	height: auto;
	display: block;
}
.p-stamp__no {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: min(calc(30 / var(--vw-min) * 100vw), 30px);
	font-family: var(--font-ultra);
	letter-spacing: 0;
	color: var(--color-gray);
	transform: translate(-50%, -50%);
	opacity: .4;
}
.p-stamp.-no3digit .p-stamp__no {
	transform: translate(-50%, -50%) scaleX(0.7);
}
.p-stamp__img {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
}
.p-stampcard__list-item.is-clear .p-stamp__img {
	opacity: 1;
}
.present__listItem .p-stamp__img {
	opacity: 1;
}
.present.supporters__box .p-stamp__base,
.present.supporters__box .p-stamp__no {
	opacity: 1;
}
.p-stamp__img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
}

.supporters__box {
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-brown6E1);
	background-color: rgba(255,249,229,.7);
	padding: min(calc(4 / var(--vw-min) * 100vw),4px);
	margin-top: min(calc(120 / var(--vw-min) * 100vw), 120px);
}
.supporters__boxIn {
	position: relative;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown6E1);
	padding: min(calc(45 / var(--vw-min) * 100vw),45px) min(calc(90 / var(--vw-min) * 100vw),90px) min(calc(90 / var(--vw-min) * 100vw),90px);
}
.supporters__boxIn::before,
.supporters__boxIn::after {
	content: "";
	width: min(calc(400 / var(--vw-min) * 100vw),400px);
	height: min(calc(184 / var(--vw-min) * 100vw),184px);
	display: block;
	position: absolute;
	top: 0;
	background: url(../img/common/deco/sub_deco_corner-b.png)no-repeat center/contain;
}
.supporters__boxIn::before {
	left: 0;
}
.supporters__boxIn::after {
	right: 0;
	transform: scale(-1,1);
}

.subSec-titWrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	padding-bottom: min(calc(36 / var(--vw-min) * 100vw),36px);
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown6E1);
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw),32px);
}
.subSec-titWrap::before {
	content: "";
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	display: block;
	position: absolute;
	bottom: min(calc(3 / var(--vw-min) * 100vw),3px);
	left: 0;
	background-color: rgba(110,30,35,.6);
}
.subSec-titWrap .cont-tit-catch {
	width: min(calc(168 / var(--vw-min) * 100vw),168px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.subSec-titWrap .cont-tit-ja {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.subSec-titWrap .cont-tit-ja::before,
.subSec-titWrap .cont-tit-ja::after {
	content: "";
	width: min(calc(60 / var(--vw-min) * 100vw),60px);
	height: min(calc(15 / var(--vw-min) * 100vw),15px);
	display: block;
	background: url(../img/gallery/deco_star.png) no-repeat 0 0 / contain;
}
.present__listItem{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	gap: 20px;
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px) 0;
	border-bottom: min(calc(1 / var(--vw-min) * 100vw), 1px) solid rgba(110, 30, 35, .4);
}
.present__listItem__inner{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 20px;
	flex: 1 1 0px;
}
.present__listItem__inner > *{
	min-width: 0;
}
.present__listItem__txt{
	flex: 1 1 0;
	font-weight: 600;
}
.present__listItem__no{
	color: var(--color-redb91);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: block;
}
.present__listItem .p-stamp{
	flex-shrink: 0;
	width: min(calc(66 / var(--vw-min) * 100vw), 66px);
}
.present__listItem__inner .supporters__btn{
	flex-shrink: 0;
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	margin: 0;
}
.supporters__btn a {
	color: #fff;
	text-decoration: none;
}
.supporters__btn.--is-disable{
	opacity: 0.2;
	pointer-events: none;
}
.supporters__btn.--is-disable a{
	pointer-events: none;
	cursor: not-allowed;
}

/**
* Mission - ArticleList
**/
.mission__articleLists{
	display: flex;
	flex-direction: column;
	gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.mission__articleList{
	width: 100%;
	position: relative;
}
.mission__articleList.--isEnd .mission__articleList--link,
.mission__articleList.--isClear .mission__articleList--link{
	pointer-events: none;
	opacity: 0.2;
}
.mission__articleList.--isEnd::after{
	content: '';
	position: absolute;
	top: min(calc(-16 / var(--vw-min) * 100vw), -16px);
	right: min(calc(-16 / var(--vw-min) * 100vw), -16px);
	width: min(calc(80 / var(--vw-min) * 100vw), 80px);
	aspect-ratio: 1;
	background: url(../img/special/supporters/stamp_end.png) no-repeat center / contain;
	transform: rotate(20deg);
	transform-origin: center;
	pointer-events: none;
	z-index: 2;
}
.mission__articleList.--isClear::after{
	content: '';
	position: absolute;
	top: min(calc(-16 / var(--vw-min) * 100vw), -16px);
	right: min(calc(-16 / var(--vw-min) * 100vw), -16px);
	width: min(calc(80 / var(--vw-min) * 100vw), 80px);
	aspect-ratio: 1;
	background: url(../img/special/supporters/stamp_clear.png) no-repeat center / contain;
	transform: rotate(20deg);
	transform-origin: center;
	pointer-events: none;
	z-index: 2;
}
.mission__articleList--link{
	position: relative;
	display: flex;
	text-decoration: none;
	min-height: min(calc(110 / var(--vw-min) * 100vw), 110px);
}
.mission__title{
	--mission-notch-size: 12px;
	width: 100%;
	mask-image:
		radial-gradient(circle var(--mission-notch-size) at 100% 0, transparent 100%, black 0),
		radial-gradient(circle var(--mission-notch-size) at 100% 100%, transparent 100%, black 0);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	-webkit-mask-composite: source-in;
	mask-composite: intersect;
	position: relative;
	color: var(--color-brown6E1);
	overflow: hidden;
}
.mission__title:before{
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	bottom: 4px;
	width: 8px;
	background-image: url(../img/special/supporters/deco_diamond.svg), url(../img/special/supporters/deco_diamond.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, left bottom;
	background-size: contain;
	z-index: 1;
}
.mission__titleIn{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	height: 100%;
	gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
	padding: min(calc(26 / var(--vw-min) * 100vw), 26px) min(calc(60 / var(--vw-min) * 100vw), 60px) min(calc(26 / var(--vw-min) * 100vw), 26px) min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.mission__titleIn:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(6px + min(calc(8 / var(--vw-min) * 100vw), 8px));
	right: calc(6px + min(calc(8 / var(--vw-min) * 100vw), 8px));
	background: url(../img/special/supporters/deco_stars.svg), url(../img/special/supporters/deco_stars.svg);
	background-repeat: no-repeat;
	background-position: left center, right center;
	background-size: min(calc(13 / var(--vw-min) * 100vw), 13px) min(calc(47 / var(--vw-min) * 100vw), 47px);
	pointer-events: unset;
}

.mission__titleIn:before{
	--mission-inner-notch-w: 14px;
	--mission-inner-notch-h: 14px;
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	background-color: var(--color-cream);
	mask-image:
		radial-gradient(ellipse 16px 16px at calc(100% + 4px) -4px, transparent 100%, black 0),
		radial-gradient(ellipse 16px 16px at calc(100% + 4px) calc(100% + 4px), transparent 100%, black 0),
		radial-gradient(ellipse var(--mission-inner-notch-w) var(--mission-inner-notch-h) at -3px 0, transparent 100%, black 0),
		radial-gradient(ellipse var(--mission-inner-notch-w) var(--mission-inner-notch-h) at -3px 100%, transparent 100%, black 0);
	mask-position: right top, right bottom, left top, left bottom;
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	-webkit-mask-composite: source-in;
	mask-composite: intersect;
}
.mission__title--txt{
	display: block;
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 700;
	line-height: 1.8125;
	position: relative;
}
.mission__title--bg{
	position: absolute;
	top: 0;
	left: 0;
	right: -1px;
	bottom: 0;
	background-color: var(--color-red);
}
.mission__title--bg:before{
	content: '';
	position: absolute;
	inset: 0;
	-webkit-mask: url(../img/special/supporters/bg_list.png) no-repeat left center;
	mask: url(../img/special/supporters/bg_list.png) no-repeat left center;
	mask-size: 992px 515px;
	background-color: #B91338;
}

.mission__deco{
	--mission-notch-size: 12px;
	width: min(calc(100 / var(--vw-min) * 100vw), 100px);
	flex-shrink: 0;
	mask-image:
		radial-gradient(circle var(--mission-notch-size) at 0% 0, transparent 100%, black 0),
		radial-gradient(circle var(--mission-notch-size) at 0% 100%, transparent 100%, black 0);
	mask-position: left top, left bottom;
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	-webkit-mask-composite: source-in;
	mask-composite: intersect;
	position: relative;
	background-color: var(--color-red);
}
.mission__deco:before{
	content: '';
	position: absolute;
	inset: 0;
	-webkit-mask: url(../img/special/supporters/bg_list.png) no-repeat max(calc(-807 / var(--vw-min) * 100vw), -807px) center;
	mask: url(../img/special/supporters/bg_list.png) no-repeat max(calc(-807 / var(--vw-min) * 100vw), -807px) center;
	mask-size: 992px 515px;
	background-color: #B91338;
}
.mission__decoIn{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: min(calc(10 / var(--vw-min) * 100vw), 10px);
	line-height: 1;
	color: #FFF9E5;
	position: relative;
	z-index: 1;
}
.mission__deco--circle{
	display: block;
	width: min(calc(56 / var(--vw-min) * 100vw), 56px);
	height: min(calc(56 / var(--vw-min) * 100vw), 56px);
	margin: auto;
	border: 1px solid rgba(255, 249, 229, 30%);
	border-radius: 50%;
	position: relative;
}
.mission__deco--circle:before{
	content: '';
	position: absolute;
	top: 7.1429%;
	left: 7.1429%;
	right: 7.1429%;
	bottom: 7.1429%;
	border: 1px solid rgba(255, 249, 229, 60%);
	border-radius: 50%;
}
.mission__deco--circle:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 32.1429%;
	height: 32.1429%;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
	mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
	background-color: #FFF9E5;
}

.mission__list__mogiDeco{
	position: absolute;
	top: 16px;
	bottom: 16px;
	width: 2px;
	overflow: hidden;
}
.mission__list__mogiDeco.-l{
	left: 0;
}
.mission__list__mogiDeco.-r{
	right: 0;
}
.mission__list__mogiDeco:before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle, rgb(255, 226, 183) 2px, transparent 2px);
	background-position: right center;
	background-size: 4px 14px;
}

.mission__list__mogiDeco.-r:before{
	background-position: 0 center;
}

.mission__articleList:nth-of-type(even) .mission__title--bg,
.mission__articleList:nth-of-type(even) .mission__deco{
	background-color: var(--color-blue);
}
.mission__articleList:nth-of-type(even) .mission__title--bg:before,
.mission__articleList:nth-of-type(even) .mission__deco:before{
	background-color: #4AA4C7;
}

@media screen and (hover: hover) and (pointer: fine){
	.supporters__btn:hover,
	#do-login:hover{
		transform: translateX(12px);
	}
	#do-logout:hover{
		transform: translateX(-12px);
	}
	.supporters__btn.--is-disable:hover,
	#do-login.--is-disable:hover,
	#do-logout.--is-disable:hover{
		transform: none;
	}
	.supporters__head--txt.--delete a{
		position: relative;
		display: inline-block;
		padding-bottom: 4px;
	}
	.supporters__head--txt.--delete a::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 0%;
		height: 2px;
		margin: 0 auto;
		background-color: var(--color-brown6E1);
		transition: width .3s ease;
	}
	.supporters__head--txt.--delete a:hover::after{
		width: 100%;
	}
	.supporters__howto--img img{
		transition: transform .3s ease;
	}
	.supporters__howto:hover .supporters__howto--img img{
		transform: scale(1.05);
	}
	.supporters__backT--txt > span{
		position: relative;
		display: inline-block;
		padding-bottom: 4px;
	}
	.supporters__backT--txt > span:before{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 0%;
		height: 2px;
		margin: 0 auto;
		background-color: #6E1E23;
		transition: width .3s ease;
	}
	.supporters__backT--link:hover .supporters__backT--txt > span:before{
		width: 100%;
	}
	.supporters__backT--link:before{
		transition: transform .3s ease;
	}
	.supporters__backT--link:hover::before{
		transform: scale(-1) translateX(40%);
	}
	a.mission__articleList--link{
		transition: transform .3s ease;
	}
	a.mission__articleList--link:hover{
		transform: scale(98%);
	}
	a.mission__articleList--link .mission__deco--circle{
		transition: transform .3s ease;
	}
	a.mission__articleList--link:hover .mission__deco--circle{
		transform: scale(110%);
	}
}

/*-----------------------------------------------
 * SP (max-width: 768px)
-------------------------------------------------*/
@media screen and (max-width:768px){

	.supporters__title{
		width: calc(240 / var(--vw-min) * 100vw);
	}
	.supporters__head--txt{
		font-size: calc(13 / var(--vw-min) * 100vw);
		margin-top: calc(24 / var(--vw-min) * 100vw);
		padding: 0 calc(8 / var(--vw-min) * 100vw);
	}
	.supporters__btn{
		font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	}

	.supporters__main{
		padding: calc(32 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
	}

	.supporters__Title--parts > span{
		width: calc(41 / var(--vw-min) * 100vw);
		height: calc(11 / var(--vw-min) * 100vw);
	}
	.supporters__Title--parts{
		width: 100%;
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.supporters__rank{
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.supporters__rank p{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(12 / var(--vw-min) * 100vw);
	}
	.supporters__rank--txt{
		text-align: center;
		font-size: calc(13 / var(--vw-min) * 100vw);
	}

	.supporters__Title{
		--supporters-notch-size: calc(6 / var(--vw-min) * 100vw);
	}
	.supporters__Title:before{
		top: calc(2 / var(--vw-min) * 100vw);
		left: calc(2 / var(--vw-min) * 100vw);
		bottom: calc(4 / var(--vw-min) * 100vw);
		width: calc(4 / var(--vw-min) * 100vw);
	}
	.supporters__TitleIn{
		flex-direction: column;
		gap: calc(6 / var(--vw-min) * 100vw);
		padding: calc(32 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw);
	}
	.supporters__TitleIn:before{
		--supporters-inner-notch-w: calc(7 / var(--vw-min) * 100vw);
		--supporters-inner-notch-h: calc(7 / var(--vw-min) * 100vw);
		top: calc(3 / var(--vw-min) * 100vw);
		left: calc(3 / var(--vw-min) * 100vw);
		right: calc(3 / var(--vw-min) * 100vw);
		bottom: calc(3 / var(--vw-min) * 100vw);
		mask-image:
	radial-gradient(ellipse calc(8 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw) at calc(100% + calc(2 / var(--vw-min) * 100vw)) calc(-2 / var(--vw-min) * 100vw), transparent 100%, black 0),
	radial-gradient(ellipse calc(8 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw) at calc(100% + calc(2 / var(--vw-min) * 100vw)) calc(100% + calc(2 / var(--vw-min) * 100vw)), transparent 100%, black 0),
	radial-gradient(ellipse var(--supporters-inner-notch-w) var(--supporters-inner-notch-h) at calc(-1 / var(--vw-min) * 100vw) 0, transparent 100%, black 0),
			radial-gradient(ellipse var(--supporters-inner-notch-w) var(--supporters-inner-notch-h) at calc(-1 / var(--vw-min) * 100vw) 100%, transparent 100%, black 0);
	}
	.supporters__Title--bg:before{
		background-size: calc(496 / var(--vw-min) * 100vw) calc(256 / var(--vw-min) * 100vw);
	}

	.supporters__top-headBg{
		height: calc(200 / var(--vw-min) * 100vw);
	}
	.supporters__top-headBg--img{
		top: 0;
		height: 100%;
	}
	.supporters__top-headBg--img.-l{
		left: 0;
		width: calc(131 / var(--vw-min) * 100vw);
	}
	.supporters__top-headBg--img.-r{
		right: 0;
		width: calc(126 / var(--vw-min) * 100vw);
	}

	#howtoModal .oneModalIn,
	#loginModal .oneModalIn,
	#loginCodeModal .oneModalIn,
	#deleteModal .oneModalIn,
	#deleteCodeModal .oneModalIn{
		align-items: flex-start;
	}
	#howtoModal .oneModalIn__cont,
	#loginModal .oneModalIn__cont,
	#loginCodeModal .oneModalIn__cont,
	#deleteModal .oneModalIn__cont,
	#deleteCodeModal .oneModalIn__cont{
		width: 100%;
		padding: calc(90 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
		box-sizing: border-box;
	}

	.supporters__howto{
		right: calc(10 / var(--vw-min) * 100vw);
		bottom: calc(10 / var(--vw-min) * 100vw);
	}
	.supporters__howto--img img{
		width: calc(80 / var(--vw-min) * 100vw);
	}

	.supporters__howtoModal,
	.supporters__loginModal{
		width: 100%;
		padding: 0;
	}
	.supporters__howtoModal__container,
	.supporters__loginModal__container{
		border-width: calc(2 / var(--vw-min) * 100vw);
		padding: calc(4 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__container::after,
	.supporters__loginModal__container::after{
		top: calc(4 / var(--vw-min) * 100vw);
		right: calc(4 / var(--vw-min) * 100vw);
		bottom: calc(4 / var(--vw-min) * 100vw);
		left: calc(4 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__header,
	.supporters__loginModal__header{
		padding: calc(20 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw) 0;
	}
	.supporters__howtoModal__header .subSec-titWrap,
	.supporters__loginModal__header .subSec-titWrap{
		padding-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__header .subSec-titWrap .cont-tit-ja,
	.supporters__loginModal__header .subSec-titWrap .cont-tit-ja{
		font-size: calc(18 / var(--vw-min) * 100vw);
		gap: calc(12 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__header .subSec-titWrap .cont-tit-ja::before,
	.supporters__howtoModal__header .subSec-titWrap .cont-tit-ja::after,
	.supporters__loginModal__header .subSec-titWrap .cont-tit-ja::before,
	.supporters__loginModal__header .subSec-titWrap .cont-tit-ja::after{
		width: calc(24 / var(--vw-min) * 100vw);
		height: calc(6 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__inner,
	.supporters__loginModal__inner{
		padding: calc(20 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__list{
		gap: calc(24 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__listItem{
		padding-bottom: calc(24 / var(--vw-min) * 100vw);
		border-bottom-width: calc(1 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__data{
		flex-direction: column;
		gap: calc(16 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__dataText{
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__dataText::before{
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__dataText small{
		font-size: calc(11 / var(--vw-min) * 100vw);
		margin-top: calc(8 / var(--vw-min) * 100vw);
	}
	.supporters__howtoModal__dataImg{
		width: 100%;
	}

	.supporters__loginModal__form{
		gap: calc(24 / var(--vw-min) * 100vw);
	}
	.supporters__loginModal__field{
		flex-direction: column;
		align-items: stretch;
		gap: calc(8 / var(--vw-min) * 100vw);
	}
	.supporters__loginModal__fieldCap{
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
	.supporters__loginModal__fieldInput input{
		padding: calc(12 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
		border-radius: calc(4 / var(--vw-min) * 100vw);
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
	.supporters__loginModal__submit{
		width: 60%;
	}
	.supporters__loginModal__note{
		margin-top: calc(20 / var(--vw-min) * 100vw);
		font-size: calc(11 / var(--vw-min) * 100vw);
	}

	.supporters__noteBox{
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.supporters__noteTitle{
		font-size: calc(16 / var(--vw-min) * 100vw);
		margin-bottom: calc(8 / var(--vw-min) * 100vw);
	}
	.supporters__noteListItem{
		font-size: calc(11 / var(--vw-min) * 100vw);
	}

	.supporters__btnBox{
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}

	.supporters__backT{
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
	.supporters__backT--link{
		padding-left: calc(24 / var(--vw-min) * 100vw);
		font-size: calc(15 / var(--vw-min) * 100vw);
	}
	.supporters__backT--link:before{
		top: calc(2 / var(--vw-min) * 100vw);
		width: calc(14 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}

	.supporters__stampcard__list{
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: calc(6 / var(--vw-min) * 100vw);
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.p-stamp__no{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}

	.present.supporters__box{
		border-width: calc(2 / var(--vw-min) * 100vw);
		padding: calc(4 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}

	.supporters__boxIn {
		border-width: calc(1 / var(--vw-min) * 100vw);
		padding: calc(36 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw) calc(45 / var(--vw-min) * 100vw);
	}

	.supporters__boxIn::before,
	.supporters__boxIn::after {
		width: calc(139 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
	}

	.subSec-titWrap {
		padding-bottom: calc(24 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}

	.subSec-titWrap::before {
		height: calc(1 / var(--vw-min) * 100vw);
		bottom: calc(3 / var(--vw-min) * 100vw);
	}

	.subSec-titWrap .cont-tit-catch {
		width: calc(96 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
	}

	.subSec-titWrap .cont-tit-ja {
		font-size: calc(24 / var(--vw-min) * 100vw);
		gap: calc(24 / var(--vw-min) * 100vw);
	}

	.subSec-titWrap .cont-tit-ja::before,
	.subSec-titWrap .cont-tit-ja::after {
		width: calc(30 / var(--vw-min) * 100vw);
		height: calc(8 / var(--vw-min) * 100vw);
	}

	.present__listItem{
		padding: calc(24 / var(--vw-min) * 100vw) 0;
		border-bottom-width: calc(1 / var(--vw-min) * 100vw);
	}
	.present__listItem__inner{
		flex-direction: column;
		gap: calc(20 / var(--vw-min) * 100vw);
	}
	.present__listItem__txt{
		flex: none;
		width: 100%;
	}
	.present__listItem__inner .supporters__btn{
		width: 80%;
	}

/* Mission - ArticleList SP */
	.mission__articleLists{
		gap: calc(12 / var(--vw-min) * 100vw);
	}
	.mission__articleList.--isEnd::after,
	.mission__articleList.--isClear::after{
		width: calc(56 / var(--vw-min) * 100vw);
		top: calc(-8 / var(--vw-min) * 100vw);
		right: calc(-8 / var(--vw-min) * 100vw);
	}
	.mission__articleList--link{
		min-height: calc(64 / var(--vw-min) * 100vw);
	}
	.mission__title{
		--mission-notch-size: calc(6 / var(--vw-min) * 100vw);
	}
	.mission__title:before{
		top: calc(2 / var(--vw-min) * 100vw);
		left: calc(2 / var(--vw-min) * 100vw);
		bottom: calc(4 / var(--vw-min) * 100vw);
		width: calc(4 / var(--vw-min) * 100vw);
	}
	.mission__titleIn{
		gap: calc(6 / var(--vw-min) * 100vw);
		padding: calc(13 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
	.mission__titleIn:after{
		left: calc(8 / var(--vw-min) * 100vw);
		right: calc(8 / var(--vw-min) * 100vw);
		background-size: calc(6 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
	.mission__titleIn:before{
		--mission-inner-notch-w: calc(7 / var(--vw-min) * 100vw);
		--mission-inner-notch-h: calc(7 / var(--vw-min) * 100vw);
		top: calc(3 / var(--vw-min) * 100vw);
		left: calc(3 / var(--vw-min) * 100vw);
		right: calc(3 / var(--vw-min) * 100vw);
		bottom: calc(3 / var(--vw-min) * 100vw);
		mask-image:
	radial-gradient(ellipse calc(8 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw) at calc(100% + calc(2 / var(--vw-min) * 100vw)) calc(-2 / var(--vw-min) * 100vw), transparent 100%, black 0),
	radial-gradient(ellipse calc(8 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw) at calc(100% + calc(2 / var(--vw-min) * 100vw)) calc(100% + calc(2 / var(--vw-min) * 100vw)), transparent 100%, black 0),
	radial-gradient(ellipse var(--mission-inner-notch-w) var(--mission-inner-notch-h) at calc(-1 / var(--vw-min) * 100vw) 0, transparent 100%, black 0),
			radial-gradient(ellipse var(--mission-inner-notch-w) var(--mission-inner-notch-h) at calc(-1 / var(--vw-min) * 100vw) 100%, transparent 100%, black 0);
	}
	.mission__title--txt{
		font-size: calc(13 / var(--vw-min) * 100vw);
		line-height: 1.846154;
	}
	.mission__title--bg:before{
		background-size: calc(496 / var(--vw-min) * 100vw) calc(256 / var(--vw-min) * 100vw);
	}
	.mission__deco{
		--mission-notch-size: calc(6 / var(--vw-min) * 100vw);
		width: calc(56 / var(--vw-min) * 100vw);
	}
	.mission__deco:before{
		mask-size: calc(496 / var(--vw-min) * 100vw) calc(256 / var(--vw-min) * 100vw);
		mask-position: calc(-404 / var(--vw-min) * 100vw) center;
	}
	.mission__deco--circle{
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
	}
	.mission__list__mogiDeco{
		top: calc(8 / var(--vw-min) * 100vw);
		bottom: calc(8 / var(--vw-min) * 100vw);
		width: max(calc(1 / var(--vw-min) * 100vw), 1px);
	}
	.mission__list__mogiDeco:before{
		background-image: radial-gradient(circle, rgb(255, 226, 183) max(calc(1 / var(--vw-min) * 100vw), 1px), transparent max(calc(1 / var(--vw-min) * 100vw), 1px));
		background-size: calc(2 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
	}
	.supporters__List__mogiDeco{
		top: calc(8 / var(--vw-min) * 100vw);
		bottom: calc(8 / var(--vw-min) * 100vw);
		width: max(calc(1 / var(--vw-min) * 100vw), 1px);
	}
	.supporters__List__mogiDeco:before{
		background-image: radial-gradient(circle, rgb(255, 226, 183) max(calc(1 / var(--vw-min) * 100vw), 1px), transparent max(calc(1 / var(--vw-min) * 100vw), 1px));
		background-size: calc(2 / var(--vw-min) * 100vw) calc(7 / var(--vw-min) * 100vw);
	}
}


/**
* 受け取り画面
**/
.supporters__result--txt{
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	font-weight: 900;
	line-height: 1.6364;
	text-align: center;
}
.supporters__result--player{
	width: 100%;
	display: block;
	position: relative;
	margin: min(calc(32 / var(--vw-min) * 100vw), 32px) auto 0;
}
.supporters__result--playerIn{
	width: 100%;
	padding-top: 56.25%;
	display: block;
	position: relative;
	margin: 0 auto;
}
.supporters__result--player + .supporters__noteList{
	margin-top: 20px;
}
.supporters__result--presentLists{
	width: 100%;
	max-width: min(calc(768 / var(--vw-min) * 100vw), 768px);
	display: flex;
	justify-content: center;
	gap: min(calc(48 / var(--vw-min) * 100vw), 48px);
	margin: min(calc(20 / var(--vw-min) * 100vw), 20px) auto;
}
.supporters__result--presentItem{
	width: calc((100% - min(calc(48 / var(--vw-min) * 100vw), 48px)) / 2);
}
.supporters__result--presentItem:only-child{
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
}
.supporters__present--image{
	width: 100%;
	padding-top: 100%;
	border-radius: 20px;
	background-color: var(--color-cream);
	position: relative;
}
.supporters__present--imageIn{
	position: absolute;
	inset: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.supporters__present--image img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}
.supporters__present--btn{
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	text-align: center;
}
.supporters__present--btn .supporters__btnBox--txt:after{
	content: unset;
}
.supporters__present--btn .supporters__btnBox--txt:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto 0;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	background: url(../img/special/quiz/icon_download.svg) no-repeat center / contain;
}
.supporters__btnBox--link{
	position: relative;
	display: inline-block;
	min-width: min(calc(360 / var(--vw-min) * 100vw), 360px);
	font-family: var(--main-font-family);
	font-size: min(calc(26 / var(--vw-min) * 100vw), 26px);
	font-weight: 700;
	color: var(--color-cream);
	line-height: 1;
	padding: min(calc(25 / var(--vw-min) * 100vw), 25px) min(calc(32 / var(--vw-min) * 100vw), 32px);
	border-radius: min(calc(80 / var(--vw-min) * 100vw), 80px);
	border: 2px solid #6e1e23;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	isolation: isolate;
	transition: transform .2s ease, filter .3s ease, opacity .3s ease;
}
.supporters__btnBox--txt{
	display: block;
	position: relative;
	z-index: 1;
	padding: 0 min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.supporters__btnBox--txt:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto 0;
	width: min(calc(22 / var(--vw-min) * 100vw), 22px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	-webkit-mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
	mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
	background-color: var(--color-cream);
}
.supporters__btnBox--bg{
	position: absolute;
	inset: 0;
	border-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
	background-color: var(--color-red);
	z-index: 0;
}
.supporters__btnBox--bg:before{
	content: '';
	position: absolute;
	inset: 0;
	-webkit-mask: url(../img/special/quiz/bg_list.png) no-repeat left center;
	mask: url(../img/special/quiz/bg_list.png) no-repeat left center;
	mask-size: 992px 515px;
	background-color: #B91338;
}
.supporters__btnBox--bg:after{
	content: '';
	position: absolute;
	inset: min(calc(2 / var(--vw-min) * 100vw), 2px);
	border: 1px solid var(--color-cream);
	border-radius: 80px;
}

@media screen and (hover:hover) and (pointer: fine){
	.supporters__btnBox--link:hover{
		transform: scale(104%);
	}
}

@media screen and (max-width:768px){
	.supporters__result--txt{
		font-size: calc(15 / var(--vw-min) * 100vw);
	}
	.supporters__result--player{
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.supporters__result--presentLists{
		width: 100%;
		flex-direction: column;
		gap: calc(20 / var(--vw-min) * 100vw);
		margin: calc(12 / var(--vw-min) * 100vw) auto;
	}
	.supporters__result--presentItem{
		width: 88.3583%;
		margin: 0 auto;
	}
	.supporters__result--presentItem:only-child{
		width: 88.3583%;
	}
	.supporters__present--imageIn{
		padding: calc(20 / var(--vw-min) * 100vw);
	}
	.supporters__present--btn{
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
	.supporters__present--btn .supporters__btnBox--txt:before{
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
	}
	.supporters__btnBox--link{
		min-width: calc(240 / var(--vw-min) * 100vw);
		max-width: 100%;
		font-size: calc(16 / var(--vw-min) * 100vw);
		padding: calc(14 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
		border-width: max(calc(1 / var(--vw-min) * 100vw), 1px);
	}
	.supporters__btnBox--txt{
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
	.supporters__btnBox--txt:after{
		width: calc(14 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
	.supporters__btnBox--bg:before{
		mask-size: calc(496 / var(--vw-min) * 100vw) calc(256 / var(--vw-min) * 100vw);
	}
}