@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */

section {
	margin-top: 8rem;
}

.sub-title {
	margin-bottom: 7rem;
}

.kome.caption {
	inline-size: fit-content;
	margin: 0 auto 7rem;
}

table.reserve-list {
	inline-size: 80%;
	border-collapse: collapse;
	border-bottom: 1px solid #9DA0A2;
	margin-inline: auto;
}

table.reserve-list tr {
	border-top: 1px solid #9DA0A2;
}

table.reserve-list td {
	padding: 2rem 1rem;
}

table.reserve-list td:nth-child(1) {
	font-size: 2rem;
	font-weight: 600;
}

table.reserve-list td:nth-child(3) {
	inline-size: 35%;
}

.small-button {
	block-size: 50px;
	font-size: 1.5rem;
}

.newtab-icon::after {
	inline-size: 15px;
	block-size: 15px;
}

/* ====================================
	TAB style
===================================== */
@media screen and (width <1024px) {

	table.reserve-list {
		inline-size: 90%;
	}

}

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {

	section {
		margin-top: 12vw;
	}

	.sub-title {
		margin-bottom: 7vw;
	}

	.kome.caption {
		margin-bottom: 7vw;
	}

	table.reserve-list {
		inline-size: 100%;
	}

	table.reserve-list td {
		display: block;
		text-align: center;
		padding: 0 1rem;
	}

	table.reserve-list td:nth-child(1) {
		font-size: 1.8rem;
		padding-top: 2rem;
	}

	table.reserve-list td:nth-child(2) {
		padding-bottom: 2rem;
	}

	table.reserve-list td:nth-child(3) {
		inline-size: 100%;
		padding-bottom: 2.5rem;
	}

}