* {
	box-sizing: border-box;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.container {
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
	padding: 0;
}

.image-section {
	margin: 0;
	padding: 0;
	position: relative;
}

.image-section img {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: bottom;
}

.image-link {
	position: absolute;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-radius: 9999px;
	/* 位置調整用: 半透明の背景色で範囲を表示
	background-color: rgba(0, 255, 0, 0.3);
	border: 2px solid rgba(0, 128, 0, 0.6);*/
}

.image-link-row {
	position: absolute;
	display: block;
	text-decoration: none;
	cursor: pointer;
	border-radius: clamp(8px, 50%, 15px);
	/* 位置調整用: 半透明の背景色で範囲を表示
	background-color: rgba(0, 255, 0, 0.3);
	border: 2px solid rgba(0, 128, 0, 0.6);*/
}

.timer-panel {
	position: absolute;
	background-color: #fff;
	text-align: center;
}

.timer-number {
	font-size: clamp(2.5em, 10vw, 5em);
	font-weight: bold;
	color: #c05d79;
	line-height: 1.2;
	font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "MS PMincho", "MS Mincho", serif;
}
