@charset "UTF-8";

/*-----------------------------------
	reset
-----------------------------------*/

.sr_page-shopping-result__free .fca_container { padding: 0; }
.sr_page-shopping-result__free .fca_container .fca_container__in { max-width: 100%; }
.fsc_gheader-wrap.is-fixed .fsc_gheader,
.fca_shop-header { max-width: 1170px; margin: 0 auto; }
.fca_cat-hero__h h1 { margin-bottom: 0; }

.fca_cat-hero__body { margin-top: 1.7rem; }
.fca_cat-hero__lead { margin-top: 0; }
.fca_page-shop-category__body { margin-top: 0; }

@media (max-width: 768px) {
	.fca_cat-hero__body {
		margin-top: 1.2rem;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

/*-----------------------------------
	timer
-----------------------------------*/

#timerWrap_fs {
	margin: 0 auto;
	padding: 2% 0;
	white-space: nowrap;
	text-align: center;
	font-weight: 400;
  	font-style: normal;
	/*opacity: 0;*/
	transition: opacity 1s ease;
}
/*#timerWrap_fs.visible { opacity: 1; }*/
.timerInner_fs { display: inline-block; background: #fff; padding: 1% 2%; }
.timer_fs {
	display: flex;
    align-items: center;
    justify-content: center;
}
.gothic_fs { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; }
.min_fs { font-family: "Zen Old Mincho", serif; font-weight: 400; }

.timer_fs .txt_fs {
	font-size: min(2.4vw,24px);
	line-height: 1;
	margin-right: 10px;
}

.countdown_fs {
	font-size: min(2.7vw,26px);
	display: flex;
    align-items: flex-end;
	padding: 0 0 5px 0;
}
.countdown_fs span {
	font-size: min(4.3vw,45px);
	letter-spacing: 0;
	padding: 0 2px 4px 0;
	display: inline-block;
	line-height: 1;
	text-align: right;
	font-weight: 600;
}
#countdown-day { width: 1.5em; }
.gothic_fs .countdown_fs span { width: 1.4em; letter-spacing: .05em; }
.min_fs .countdown_fs span { width: 1.5em; }

.gothic_fs .countdown_fs span { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 700; }
.min_fs .countdown_fs span { font-family: "Zen Old Mincho", serif; font-weight: 600; }

#countdown-message { display: none; }

#message_fs { display: none; }
#message_fs span { font-size: min(2.4vw, 24px); line-height: 1; display: inline-block; }

@media (max-width: 768px) {
	.timerInner_fs { padding: 2%; }
	.timer_fs .txt_fs { font-size: 3.4vw; margin-right: 2vw; }
	.countdown_fs { font-size: 3.4vw; }
	.countdown_fs span { font-size: 6vw; }
	#message_fs span { font-size: 3.5vw; }
}
@media (max-width: 480px) {
	#timerWrap_fs { width: 86%; padding: 4% 0; }
	.timerInner_fs { padding: 3vw 0; display: block; }
	.timer_fs { flex-direction: column; }
	.timer_fs .txt_fs { font-size: 5vw; margin-right: 0; margin-bottom: 10px; }
	.countdown_fs { font-size: 5vw; padding-bottom: 0; }
	.countdown_fs span { padding-right: 2px; padding-bottom: 2px; }
	.gothic_fs .countdown_fs span { width: 1.4em; font-size: 10vw; }
	.min_fs .countdown_fs span { width: 1.45em; font-size: 9vw; }
	.gothic_fs #countdown-day { width: 1.2em; }
	.min_fs #countdown-day { width: 1.3em; }
	#message_fs span { display: block; font-size: 5vw; }
	
	/* 「終了まで残り」の装飾 */
	.txtBg_fs .timerInner_fs { padding: 0 0 2.5vw 0; }
	.txtBg_fs .timer_fs .txt_fs {
		width: 100%;
		border-radius: 0 !important;
		font-size: 4.5vw;
		margin-bottom: 2vw;
		padding: 7px 10px 10px 10px !important;
		letter-spacing: .1em;
	}
}