@charset "utf-8";
/*-----------------------------------------------
 * COUNTDOWN
-------------------------------------------------*/
#countdown .countdown__contTit {
	margin-top: 0;
	font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
	color: #fff;
	font-weight: 600;
	line-height: 1.67;
	letter-spacing: 0.07em;
	display: flex;
	align-items: center;
	border-radius: min(calc(4 / var(--vw-min) * 100vw),4px);
	background-color: var(--color-pink);
	padding: min(calc(12 / var(--vw-min) * 100vw),12px) min(calc(16 / var(--vw-min) * 100vw),16px);
	margin-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
#countdown .countdown__contTit::before {
	content: "";
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	display: block;
	-webkit-mask: url(../img/common/deco_glitter.svg)no-repeat center/contain;
	mask: url(../img/common/deco_glitter.svg)no-repeat center/contain;
	background-color: #fff;
	margin-right: min(calc(4 / var(--vw-min) * 100vw),4px);
}
#countdown .countdown-lists {
	display: flex;
	flex-wrap: wrap;
	column-gap: min(calc(18 / var(--vw-min) * 100vw),18px);
	row-gap: min(calc(40 / var(--vw-min) * 100vw),40px);
}
#countdown .countdown-list {
	width: calc((100% - min(calc(18 / var(--vw-min) * 100vw),18px)) / 2);
}
#countdown .countdown-listLink {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	text-decoration: none;
}
#countdown .countdown-list-imgBox {
	width: 100%;
	padding-top: 56.25%;/*800x450*/
	position: relative;
	-webkit-filter: drop-shadow(0px 0px 7px rgba(0,0,0,.1));
	filter: drop-shadow(0px 0px 7px rgba(0,0,0,.1));
}
#countdown .countdown-list-img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	overflow: hidden;
}
#countdown .countdown-list-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	object-fit: cover;
	pointer-events: none;
	transition: .3s ease;
}
#countdown .countdown-list-tit {
	font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	color: #4E4E4E;
	font-weight: 500;
	line-height: 1.73;
	letter-spacing: 0.03em;
	margin-top: min(calc(8 / var(--vw-min) * 100vw),8px);
}
#countdown .countdown-imgBox-deco {
	width: min(calc(21 / var(--vw-min) * 100vw),21px);
	height: min(calc(21 / var(--vw-min) * 100vw),21px);
	position: absolute;
	right: min(calc(3 / var(--vw-min) * 100vw),3px);
	bottom: min(calc(3 / var(--vw-min) * 100vw),3px);
	background: url(../img/common/icon_img.svg)no-repeat center/contain;
}
#countdown .countdown-imgBox-deco::before,
#countdown .countdown-imgBox-deco::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	border-radius: min(calc(100 / var(--vw-min) * 100vw),100px);
	background-color: var(--color-pink);
	transition: .3s ease;
}
#countdown .countdown-imgBox-deco::before {
	width: min(calc(8 / var(--vw-min) * 100vw),8px);
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
}
#countdown .countdown-imgBox-deco::after {
	width: min(calc(1 / var(--vw-min) * 100vw),1px);
	height: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	#countdown .countdown__contTit {
		font-size: calc(14 / var(--vw-min) * 100vw);
		border-radius: calc(4 / var(--vw-min) * 100vw);
		padding: calc(7 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
	#countdown .countdown__contTit::before {
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(16 / var(--vw-min) * 100vw);
		margin-right: calc(5 / var(--vw-min) * 100vw);
	}
	#countdown .countdown-lists {
		column-gap: calc(9 / var(--vw-min) * 100vw);
		row-gap: calc(28 / var(--vw-min) * 100vw);
	}
	#countdown .countdown-list {
		width: 100%;
	}
	#countdown .countdown-list-tit {
		font-size: calc(13 / var(--vw-min) * 100vw);
		margin-top: calc(10 / var(--vw-min) * 100vw);
	}
	#countdown .countdown-list-tit br {
		display: none;
	}
	#countdown .countdown-imgBox-deco {
		width: calc(21 / var(--vw-min) * 100vw);
		height: calc(21 / var(--vw-min) * 100vw);
		right: calc(3 / var(--vw-min) * 100vw);
		bottom: calc(3 / var(--vw-min) * 100vw);
	}
	#countdown .countdown-imgBox-deco::before,
	#countdown .countdown-imgBox-deco::after {
		border-radius: calc(100 / var(--vw-min) * 100vw);
	}
	#countdown .countdown-imgBox-deco::before {
		width: calc(8 / var(--vw-min) * 100vw);
		height: calc(1 / var(--vw-min) * 100vw);
	}
	#countdown .countdown-imgBox-deco::after  {
		width: calc(1 / var(--vw-min) * 100vw);
		height: calc(8 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	#countdown .countdown-listLink:hover img {
		transform: scale(1.05);
	}
	#countdown .countdown-listLink:hover .countdown-imgBox-deco::after {
		opacity: 0;
		transform: translateY(5px);
	}
}

#countdown .countdown-notes {
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	font-size: min(calc(15 / var(--vw-min) * 100vw), 15px);
	line-height: 2;
	font-weight: 500;
	color: #4E4E4E;
}
#countdown .countdown-notes__tit {
	font-weight: 700;
	padding: min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(18 / var(--vw-min) * 100vw), 18px);
	color: #FFF;
	border-radius: 4px;
	background-color: #6BBBD0;
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
#countdown .countdown-notes__tit:first-child {
	margin-top: 0;
}
#countdown .countdown-notes__txt {
	margin-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
#countdown .countdown-notes__indent {
	display: block;
	padding-left: 1.1em;
	text-indent: -1.1em;
}
#countdown .countdown-notes a {
	color: var(--color-pink);
	text-underline-offset: min(calc(6 / var(--vw-min) * 100vw), 6px);
}
#countdown .countdown-notes a::after {
	content: '';
	display: inline-block;
	width: min(calc(8 / var(--vw-min) * 100vw), 8px);
	height: min(calc(8 / var(--vw-min) * 100vw), 8px);
	-webkit-mask: url(../img/common/arrow_rt.svg) no-repeat center bottom / contain;
	mask: url(../img/common/arrow_rt.svg) no-repeat center bottom / contain;
	background-color: var(--color-pink);
	margin-left: 0.25em;
}
@media screen and (max-width:768px){
	#countdown .countdown-notes {
		margin-top: calc(32 / var(--vw-min) * 100vw);
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
	#countdown .countdown-notes__tit {
		padding: calc(8 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(26 / var(--vw-min) * 100vw);
	}
	#countdown .countdown-notes__txt {
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
	#countdown .countdown-notes a::after {
		width: calc(8 / var(--vw-min) * 100vw);
		height: calc(8 / var(--vw-min) * 100vw);
	}
}