@charset "UTF-8";

/* ==================================================
	contents10：FAQ 開閉アニメーション（index_anime.js と対）
================================================== */
/* 開閉アニメーション中のみ：高さをpadding込みで補間し、中身をクリップする */
.contents10_01_item.is-animating {
	box-sizing: border-box;
	overflow: hidden;
}
.contents10_01_item .text02 {
	transition: opacity 0.4s ease;
}
.contents10_01_item.is-fade .text02 {
	opacity: 0;
}
/* 閉じ始めた時点で矢印を下向きに戻す */
.contents10_01_item.is-closing .text01 {
	background-image: url(../img/top/icon_faq_down.png);
}

/* ==================================================
	contents03：ボタン（查看加強收購品項／查看店內商品）ホバー
	背景・枠線をロゴと同じ緑、テキストと矢印を白に
================================================== */
.contents03_01_item .text03 {
	transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.contents03_01_item .text03 img {
	transition: filter 0.3s;
}
.contents03_01_item .text03:hover,
.contents03_01_item .text03:focus-visible {
	opacity: 1;
	background: #9bbd00;
	border-color: #9bbd00;
	color: #ffffff;
}
.contents03_01_item .text03:hover img,
.contents03_01_item .text03:focus-visible img {
	filter: brightness(0) invert(1);
}

/* ==================================================
	contents10：FAQ 質問のホバー（テキストをロゴと同じ緑に）
================================================== */
.contents10_01_item .text01 span {
	transition: color 0.3s;
}
.contents10_01_item .text01:hover span,
.contents10_01_item .text01:focus-visible span {
	color: #9bbd00;
}

/* ==================================================
	contents01：SP下部固定CTAバー（MVを過ぎたら下から表示、以後は表示のまま）
================================================== */
@media only screen and (max-width: 767px) {
	.contents01_01 {
		visibility: hidden;
		transform: translateY(100%);
		transition: transform 0.4s ease, visibility 0s linear 0.4s;
	}
	.contents01_01.is-show {
		visibility: visible;
		transform: translateY(0);
		transition: transform 0.4s ease, visibility 0s linear 0s;
	}
}
@media (scripting: none) {
	.contents01_01 {
		visibility: visible;
		transform: none;
	}
}
@media (prefers-reduced-motion: reduce) {
	.contents01_01,
	.contents01_01.is-show {
		transition: none;
	}
}