@charset "utf-8";
/*-----------------------------------------------
 * SPECIAL
-------------------------------------------------*/
.specialWrap {
	width: min(calc(1040 / var(--vw-min) * 100vw),1040px);
	margin: 0 auto;
	font-size: var(--main-font-size);
}
@media screen and (max-width:768px){
	.specialWrap {
		width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
}



/***
** SPECIAL LISTS
***/
.specialLists{
	position: relative;
	width: 100%;
	display: grid;
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
	grid-template-columns: repeat(2, 1fr);
}
.specialList{
	width: 100%;
}
.specialList__link{
	width: 100%;
	height: 100%;
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid #000;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	display: flex;
    flex-direction: column;
}
.specialList__thumb{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	border-bottom: min(calc(2 / var(--vw-min) * 100vw),2px) solid #000;
}
.specialList__thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	inset: 0;
}
.specialList__title{
	padding: min(calc(12 / var(--vw-min) * 100vw), 12px) min(calc(16 / var(--vw-min) * 100vw), 16px);
	line-height: 1.625;
	margin: auto 0;
}

@media screen and (hover:hover) and (pointer: fine){
	.specialList__link{
		transition: transform .3s var(--cubic-bezier03), color .3s var(--cubic-bezier03);
	}
	.specialList__link:hover{
		transform: scale(103%);
		color: var(--color-red);
	}
}
@media screen and (max-width:768px){
	.specialLists{
		gap: calc(24 / var(--vw-min) * 100vw);
		grid-template-columns: repeat(1, 1fr);
	}
	.specialList__link{
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
	.specialList__thumb{
		border-bottom-width: calc(2 / var(--vw-min) * 100vw);
	}
	.specialList__title{
		padding: calc(16 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
		line-height: 1.6667;
	}
}



/***
** SPECIAL DETAIL
***/
.newsDetailTitWrap{
	background-color: rgba(255,255,255,80%);
	backdrop-filter: blur(8px);
}
.specialDetailContWrap{
	color: #000;
	background-color: rgba(255,255,255,80%);
	backdrop-filter: blur(8px);
	padding: min(calc(40 / var(--vw-min) * 100vw), 40px);
	border-bottom: min(calc(2 / var(--vw-min) * 100vw), 2px) solid #000;
	line-height: 2;
	word-break: break-all;
}
@media screen and (max-width:768px){
	.goodsDetailContWrap{
		padding: calc(48 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
		border-bottom-width: calc(2 / var(--vw-min) * 100vw);
	}
}