@charset "utf-8";

.fReserveCommentText {
    position: absolute;
    left: 0;
    right: 0;
    top: 105%;
    text-align: center;
    font-size: 14px;
}

/*-- footer -----------------------------------------------------------------*/

.fReserveRow {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
    gap: 29px;
}

.fReserveColItemBox {
    padding: 58px 30px;
}

.fReserveBtn {
    max-width: 300px;
    width: 100%;
    height: 65px;
    margin: 0 auto;
    border-radius: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.05em;
    transition: all .5s;
}

.fReserveColItemColor01 .fReserveBtn {
    border-color: #9F8F78;
    color: #4C3C2E;
}

.fReserveColItemColor01 .fReserveBtn:hover {
    background: #9F8F78;
    color: #fff;
}

.fReserveColItemColor01 .fReserveBtn .fReserveBtnIcon01 {
    transition: all .5s;
}

.fReserveColItemColor01 .fReserveBtn:hover .fReserveBtnIcon01 {
    filter: brightness(0) invert(1);
}

.fReserveColItemColor02 .fReserveBtn {
    border-color: #7C7873;
    color: #F2EDE4;
}

.fReserveColItemColor02 .fReserveBtn:hover {
    background: #7C7873;
    color: #F2EDE4;
}

.fReserveBtnSet .fReserveBtn:first-child {
    margin-top: 0;
}

.fReserveBtnSet .fReserveBtn {
    margin-top: 15px;
}

/*---------------------------------------------------------------------------*/


.fReserveBoxWr {
	max-width: 1220px;
	width: 100%;
	margin: 0 auto 0 auto;
}

.fReserveWr {
	width: 100%;
	padding: 100px 0 50px 0;
}

.fReserveBg {
	background-image: url(../img/common/f_reserve_bg.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

.fReserveRow {
	margin: 40px 0 0 0;
}

.fReserveColItemColor02 {
	background-color: #201D1B;
	color: #F2EDE4;
}

.fReserveColItemColor01 {
	background-color: #D8C8AA;
}

.fReserveColItemBox {
	border-radius: 10px;
	max-width: 595px;
	width: 100%;
	margin: 0 auto 0 auto;
	display: flex;
}

.fReserveColItemFlex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
}

.fReserveLogo {
	max-width: 150px;
	width: 50%;
}

.fReserveLogoYoru {
    max-width: 120px;
    width: 100%;
    margin: 0 auto 0 auto;
    display: block;
}

.fReserveBtnSet {
	width: 100%;
	margin: 15px 0 0 0;
	position: relative;
}

.fReserveBtnIcon01 {
	max-width: 28px;
	width: 100%;
	margin: 0 15px 0 0;
}

.fReserveBtnIcon02 {
	max-width: 30px;
	width: 100%;
	margin: 0 15px 0 0;
}

.fWr {
	background-color: #4C3C2E;
	width: 100%;
	padding: 100px 0 50px 0;
}

.fBoxWr {
	max-width: 1420px;
	width: 100%;
	margin: 0 auto 0 auto;
}

.fBoxRow {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
}

.fBoxRight {
	max-width: 628px;
	width: 100%;
	margin: 0 0 0 0;
}

.fBoxLeft {
	max-width: 205px;
	width: 100%;
}

.fLogo {
	max-width: 180px;
	width: 100%;
	margin: 0 auto 0 auto;
	display: block;
}

.fTownTextBox {
	margin: 39px 0 0 0;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.875em;
	text-align: center;
}

.copyright {
	color: #9F9589;
	letter-spacing: 0.05em;
	font-size: 15px;
}

.copyrightPc {
	margin: 80px 0 0 0;
	display: none;
}

.copyrightSp {
	display: block;
	text-align: center;
	margin: 45px 0 0 0;
}

.fLinkSetBox {
	margin: 30px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.fLink {
	display: inline-block;
	color: #F2EDE4;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.05em;
	transition: all 0.5s ease;
}

.fLink:hover {
	color: #9F9589;
}

.fNavListWr {
	margin: 25px 0 0 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.fNavListItemBox01 {
	max-width: 210px;
	width: 100%;
}

.fNavListItemBox02 {
	max-width: 96px;
	width: 100%;
}

.fNavListItemBox03 {
	max-width: 115px;
	width: 100%;
}

.fNavListItemBox04 {
	max-width: 115px;
	width: 100%;
}

.fNavListBox {
	margin: 25px 0 0 0;
}

.fLinkSnsSet {
	max-width: 90px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 20px 0;
}

.fLinkSns {
	max-width: 35px;
	width: 100%;
	display: block;
}

.fOnlineIcon {
	max-width: 15px;
	width: 100%;
	margin: 0 10px 0 0;
	display: block;
}

.fOnlineBtn {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 235px;
	width: 100%;
	height: 50px;
	border-radius: 30px;
	font-size: 16px;
	letter-spacing: 0.05em;
	font-weight: 500;
	color: #4C3C2E;
	background-color: #F2EDE4;
	transition: all 0.5s ease;
}

.fOnlineBtn:hover {
	background-color: #D8C8AA;
	color: #4C3C2E;
}

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

@media screen and (min-width:375px) {

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

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

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

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

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

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

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

  



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

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

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

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

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

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

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

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

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

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

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

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

.fReserveColItemBox {
    padding: 88px 50px;
}

.fReserveBtn {
    font-size: 18px;
}

.fReserveColItemFlex {
    flex-direction: row;
}

.fReserveLogo {
    width: 30.3%;
}

.fReserveBtnSet {
    width: 60.61%;
    margin: 0 0 0 0;
}

.copyrightPc {
    display: block;
}

.copyrightSp {
    display: none;
}

.fLogo {
    margin: 0 auto 0 0;
}

.fBoxRow {
    flex-direction: row;
    align-items: flex-end;
}

.fBoxRight {
    width: 69%;
    margin: 0 0 0 0;
}

.fLinkSetBox {
    justify-content: flex-end;
    flex-direction: row;
    margin: 60px 0 0 0;
}

.fLinkSnsSet {
    margin: 0 30px 0 0;
}

.fTownTextBox {
    text-align: left;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

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

@media screen and (min-width:992px) {

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


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

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

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


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

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

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

.fReserveColItemBox {
    padding: 88px 25px;
}

.fReserveRow {
    grid-template-columns: repeat(2, 1fr);
}

.fReserveColItemFlex {
    flex-direction: row;
}

.fReserveLogo {
    width: 30.3%;
}

.fReserveBtnSet {
    width: 60.61%;
    margin: 0 0 0 0;
}

.copyrightPc {
    display: block;
}

.copyrightSp {
    display: none;
}

.fLogo {
    margin: 0 auto 0 0;
}

.fBoxRow {
    flex-direction: row;
    align-items: flex-end;
}

.fBoxRight {
    width: 69%;
    margin: 0 0 0 0;
}

.fLinkSetBox {
    justify-content: flex-end;
    flex-direction: row;
    margin: 60px 0 0 0;
}

.fLinkSnsSet {
    margin: 0 30px 0 0;
}

.fTownTextBox {
    text-align: left;
}

.fLink {
	font-size: 18px;
}

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

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

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


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

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

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

.fReserveColItemBox {
    padding: 108px 50px;
}

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

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

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