@charset "utf-8";

/*===========================================================
予約案内
===========================================================*/

.reservation01-container::before {
	content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--bg-tertiary);
    filter: blur(8px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 0 0 auto;
    border-radius: clamp(3.75rem, 1.626rem + 9.061vw, 12.5rem);
}

.reservation01-btn-area {
	gap: 20px;
}

.reservation02-block {
    display: flex;
    align-items: center;
    position: relative;
	gap: 20px;
}

.reservation02-block::before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background: var(--primary);
    border-radius: 50%;
}

.reservation02-block::after {
    content: "";
    width: 1px;
    height: 100%;
    background: var(--primary);
    position: absolute;
    left: 12px;
    bottom: 0;
}

.reservation02-block:first-child::after {
    height: 50%;
}

.reservation02-block:last-child::after {
    height: 50%;
	top: 0;
	bottom: auto;
}

.reservation02-row {
	padding: 30px 0;
	border-bottom: 1px solid var(--quaternary);
	flex: 1;
}

.reservation02-th .number-text01 {
    font-size: clamp(40px, 25.437px + 3.883vw, 100px);
}

.reservation02-td {
	flex: 1;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {


/*===========================================================

===========================================================*/



} /* min-width: 414px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {


/*===========================================================

===========================================================*/



} /* min-width: 544px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {


/*===========================================================

===========================================================*/

.reservation02-row {
	padding: 50px 0;
}

} /* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {


/*===========================================================

===========================================================*/



} /* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


/*===========================================================

===========================================================*/



} /* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


/*===========================================================

===========================================================*/



} /* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {




} /* min-width: 1520px ここまで */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */