@charset "utf-8";
/*-----------------------------------------------
 * TIEUP
 * 一覧レイアウトは mashle.special.css（.specialCont / .specialLists / .specialList__link）を流用
-------------------------------------------------*/
/* title */
.tieup .cont-tit {
	width: 100%;
	position: relative;
}
@media screen and (max-width:768px){
	.tieup .cont-tit {
		width: calc(261 / var(--vw-min) * 100vw);
	}
}
.tieup .cont-tit-en {
	width: min(calc(326 / var(--vw-min) * 100vw),326px);
	height: min(calc(120 / var(--vw-min) * 100vw),120px);
	display: block;
	-webkit-mask: url(../img/common/tit/tieup.svg) no-repeat center / contain;
	mask: url(../img/common/tit/tieup.svg) no-repeat center / contain;
	background-color: var(--color-gold9D8);
}
@media screen and (max-width:768px){
	.tieup .cont-tit-en {
		width: calc(174 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
	}
}
.tieup .cont-tit-ja {
	top: min(calc(67 / var(--vw-min) * 100vw),67px);
	right: 0;
}
@media screen and (max-width:768px){
	.tieup .cont-tit-ja {
		line-height: calc(23 / 12);
		letter-spacing: calc(1.92 / var(--vw-min) * 100vw);
		top: calc(-4 / var(--vw-min) * 100vw);
		right: calc(87 / var(--vw-min) * 100vw);
	}
}

/* list */
.tieupList__tit {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #fff;
	font-weight: 500;
	line-height: calc(26 / 16);
	letter-spacing: 0.48px;
	margin-top: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.tieupList__tit {
		font-size: calc(13 / var(--vw-min) * 100vw);
		line-height: calc(22 / 13);
		letter-spacing: 0.26px;
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.tieup .specialList__link{
		box-shadow: none;
		transition: none;
		transform: none;
	}
	.tieup .specialList__link img{
		box-shadow: 0 0 0 0 #cbb98a;
		transition: box-shadow .35s var(--easing-outquart), transform .35s var(--easing-outquart);
		transform: scale(1);
	}
	.tieup .specialList__link:hover img{
		box-shadow: 0 0 min(calc(16 / var(--vw-min) * 100vw),16px) min(calc(4 / var(--vw-min) * 100vw),4px) #f8efd2;
		transform: scale(1.08);
	}
}
