@charset "UTF-8";

/****************************************************************
* 予定日までカウントダウン 20251120
  予定日時刻を過ぎた場合、.timer-blockのdivごと自動消滅
  data-timer-timeに終了時刻を14桁で記述（YYYYMMDDhhmm）
****************************************************************/

/* 使用html
<div class="timer-block" data-timer-time="209912311259">
	<div class="timer-block__day">
		<span class="timer-block__day__pre">早割〆切まであと</span><span class="timer-block__day__num">10</span><span class="timer-block__day__num-tani">日</span>
	</div>
	<div class="timer-block__time">
		<span class="timer-block__time__pre" style="">本日残り時間</span><span class="timer-block__time__num-h">23</span><span class="timer-block__day__num-h-tani">時間</span><span class="timer-block__time__num-m">12</span><span class="timer-block__day__num-m-tani">分</span><span class="timer-block__time__num-s">34</span><span class="timer-block__day__num-s-tani">秒</span>
	</div>
</div>
*/

.timer-block,
.timer-block *,
.timer-block *:before,
.timer-block *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box !important;
}

.timer-block {
	padding: 16px;
	background-color: #f00;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

main .timer-block .timer-block__day {
    font-size: 36px;
	margin-bottom: 0;
}

.timer-block__day__pre {
	vertical-align: baseline;
	line-height: 38px;
}

.timer-block__day__num {
	font-size: 1.5em;
	vertical-align: baseline;
	line-height: 38px;
}

.timer-block__day__num-tani {
	
}

main .timer-block .timer-block__time {
	margin-bottom: 0;
	font-size: 24px;
}

.timer-block__time__pre {
	vertical-align: baseline;
	line-height: 26px;
}

.timer-block__time__num-h,
.timer-block__time__num-m,
.timer-block__time__num-s {
	font-size: 1.5em;
	vertical-align: baseline;
	line-height: 26px;
}

.timer-block__day__num-h-tani,
.timer-block__day__num-m-tani,
.timer-block__day__num-s-tani {
	vertical-align: baseline;
	line-height: 26px;
}

@media(max-width: 620px){
	.timer-block {
		padding: 16px;
	}

	main .timer-block .timer-block__day {
		font-size: 6vw;
	}

	.timer-block__day__pre {
		line-height: calc(6vw + 2px);
	}

	.timer-block__day__num {
		line-height: calc(6vw + 2px);
	}

	main .timer-block .timer-block__time {
		font-size: 4vw;
	}

	.timer-block__time__pre {
		line-height: calc(4vw + 2px);
	}

	.timer-block__time__num-h,
	.timer-block__time__num-m,
	.timer-block__time__num-s {
		line-height: calc(4vw + 2px);
	}

	.timer-block__day__num-h-tani,
	.timer-block__day__num-m-tani,
	.timer-block__day__num-s-tani {
		line-height: calc(4vw + 2px);
	}
}

/*20251201 バグがありそうなため、いったんcssで矯正none*/
.timer-block {
	display: none;
}