@charset "utf-8";

/*===========================================================
reservation01
===========================================================*/

.reservation01LinkArea {
	gap: 30px 5%;
}

.reservationLink {
    display: flex;
	align-items: center;
	justify-content: center;
    max-width: 300px;
    width: 100%;
	padding: 20px 15px;
	font-size: 18px;
    letter-spacing: -0.025em;
    line-height: 1.913em;
	color: white;
	text-align: center;
	transition: all .3s;
}

.reservationLink strong {
	font-size: 30px;
    font-weight: 400;
}

.reservationLink01 {
	border: 1px solid #A7191F;
	background-color: #A7191F;
}

.reservationLink01:hover {
	color: #A7191F;
	background-color: transparent;
}

.reservationLink02 {
	border: 1px solid #413B31;
	background-color: #413B31;
}

.reservationLink02:hover {
	color: #413B31;
	background-color: transparent;
}

/*===========================================================
reservation02
===========================================================*/

.reservation02Block {
	border-bottom: 1px solid #413B31;
	gap: 40px 20px;
}

.reservation02Block:first-child {
	border-top: 1px solid #413B31;
}

.reservationTit01 {
	font-size: 18px;
    letter-spacing: -0.025em;
    line-height: 1.913em;
}

.reservationTit01 strong {
	font-size: 30px;
    font-weight: 400;
}

.reservation02Box {
	gap: 10px;
}

.reservation02Right {
	gap: 20px;
}

.reservation02LinkBtn {
    width: 100%;
    height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
    border: 1px solid #FFF;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
	transition: all .3s;
}

.reservation02LinkBtn:hover {
    color: #FFF;
    opacity: .8;
}

.reservation02LinkBtn01 {
	background: #A7191F;
}

.reservation02LinkBtn02 {
	background: #413B31;
}

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


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

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



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


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


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

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



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


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


/*===========================================================
reservation01
===========================================================*/

.reservationLink {
	font-size: 23px;
}

.reservationLink strong {
	font-size: 40px;
}

/*===========================================================
reservation02
===========================================================*/

.reservationTit01 strong {
	font-size: 40px;
}

.reservation02LinkBtn {
    height: 68px;
    font-size: 25px;
}

} /* 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 ここまで */

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