@charset "utf-8";

/* ==========================================
SHOP INFO
========================================== */

.info01-area {
    max-width: 114rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.info01-img-box {
    max-width: 48rem;
    width: 42.2%;
}

.info01-address-area {
    max-width: 60.4rem;
    width: 53%;
}

.info01-address-block {
    display: flex;
    padding: 1rem 0 1rem;
    border-bottom: 1px solid #B7BABE;
}

.info01-address-item01 {
    width: 22%;
}

.info01-address-block:first-child {
    padding: 0 0 1rem;
}

.info-address-text01 {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
}

.info01-address-item02 {
    width: 78%;
    flex: 1;
}

.info-address-text02 {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.05em;
}

/* ==========================================
ご予約・お問い合わせ
========================================== */

.reserve-area {
    max-width: 114rem;
    width: 100%;
    padding: 6rem 1.5rem;
    margin: auto;
    background: rgb(255 255 255 / 50%);
}

.reserve-text-box {
    text-align: center;
    margin: 6rem 0 0;
}

.reserve-btn-block {
    max-width: 58rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin: 6rem auto 0;
}

.tel-btn01-dark {
    background: var(--black) url(../../../../uploads/reserve_btn_bg01.png) no-repeat center top / cover;
    color: var(--white);
}

.tel-btn01-dark:before {
    background: url(../../../../uploads/tel_icon_white.svg) no-repeat center / contain;
}

.reserve-btn01-dark > a {
    background: var(--black) url(../../../../uploads/reserve_btn_bg01.png) no-repeat center top / cover;
    color: var(--white);
}

.reserve-btn01-dark > a:before {
    background: url(../../../../uploads/calendar_icon_white.svg) no-repeat center / contain;
}

.reserve-cancel-block {
    margin: 6rem 0 0 0;
}

.reserve-cancel-text {
    font-size: 2.4rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
}

.reserve-cancel-item01 {
    margin: 4rem 0 0 0;
    text-align: center;
}

.reserve-cancel-item02 {
    margin: 4rem 0 0 0;
    text-align: center;
}

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

@media screen and (width <= 1920px) {

	html {
		/* 10px */
		font-size: 0.52083vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (width <= 1550px) {

	html {
		/* 10px */
		font-size: 0.64516vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (width <= 1024px) {

	html {
		/* 10px */
		font-size: 0.97656vw;
	}

		/* ==========================================
	ご予約・お問い合わせ
	========================================== */
	
	.reserve-area {
	    padding: 4rem 1.5rem;
	}
	
	.reserve-text-box {
	    margin: 4rem 0 0;
	}

	.reserve-btn-block {
	    gap: 1.5rem;
	    margin: 4rem auto 0;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (width <= 768px) {

	html {
		/* 10px */
		font-size: 1.30208vw;
	}

	/* ==========================================
	SHOP INFO
	========================================== */

	.info01-area {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.info01-img-box {
		max-width: 100%;
		width: 100%;
	}

	.info01-address-area {
		margin: 4rem 0 0 0;
		max-width: 100%;
		width: 100%;
	}

	/* ==========================================
	ご予約・お問い合わせ
	========================================== */

	.reserve-btn-block {
	    max-width: 28rem;
	    display: grid;
	    grid-template-columns: repeat(1, 1fr);
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (width <= 576px) {

	html {
		/* 12px */
		font-size: 2.08333vw;
	}

	/* ==========================================
	SHOP INFO
	========================================== */
	
	.info-address-text01 {
		font-size: 1.4rem;
	}

	.info-address-text02 {
		font-size: 1.4rem;
	}

	/* ==========================================
	ご予約・お問い合わせ
	========================================== */

	.reserve-cancel-text {
		font-size: 1.8rem;
	}

	.reserve-cancel-item02 {
		text-align: left;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

@media screen and (width <= 414px) {

	html {
		/* 14px */
		font-size: 2.43055vw;
	}

}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */