/*body{font-size: 12px}*/
html{font-size: 20px;}

@media only screen and (max-width: 768px) {
	html{font-size: 14px;}
}
@media only screen and (max-width: 425px) {
	html{font-size: 11px;}
}
@media only screen and (max-width: 320px) {
	html{font-size: 10px;}
}

header{position: relative;}
header .headerFlex{display: flex;}
header .headerFlex .headerMain{flex: 1;padding-left: 1rem}
header .headerFlex .headerMain button{border: none;background: #fff;width: 7rem;margin-bottom: 2rem; margin-top: 1rem;padding: 0;height: 2.6rem;background: url(../img/menuIcon2.png) no-repeat 0 50%;background-size: contain;}
header .headerFlex .headerMain button img{width: 100%;display: block;margin: 0 auto}
header .headerFlex .headerMain .logoImgWrap{width: 20rem;display: block; margin-top: -1rem}
header .headerFlex .headerMain .logoImgWrap img{width: 100%;display: block;}
header .headerFlex .headerReservation{background: #222831;text-align: center;padding: 2.5em 0.83rem 1.83rem;cursor: pointer;display: block;}
header .headerFlex .headerReservation:hover{background: #092326}
header .headerFlex .headerReservation img{display: inline-block;width: 25%;margin-bottom: 0.75rem}
header .headerFlex .headerReservation p{font-size: 1.0rem;color: #fff;display: block;}
header.navOpen .headerFlex .headerMain button{border: none;background: #fff;width: 7rem;margin-bottom: 2rem; margin-top: 1rem;padding: 0;height: 2.6rem;background: url(../img/closeIcon.png) no-repeat 0 50%;background-size: contain;}
header nav{position: absolute;left: 0;background: #fff;z-index: 999;width: 60%;box-sizing: border-box;padding-left: 0.7rem;display: none}
header nav > ul{}
header nav > ul > li{}
header nav > ul > li > a{padding: 1.1rem 3.8rem 1.1rem 0.4rem;display: inline-block;color: #000;font-size: 1.46rem}
header nav > ul > li.on > a{border-bottom: 1px solid #000;margin-bottom: 0.6rem}
header nav > ul > li > ul{display: none}
header nav > ul > li.on > ul{display: block;margin-bottom: 1.2rem}
header nav > ul > li > ul > li {}
header nav > ul > li > ul > li > a{padding: 0.6rem 0.4rem;display: inline-block;color: #555;font-size: 1.2rem}
header.navOpen nav{display: block;}

section.gotoTopWrap{padding-bottom: 0.66rem}
section.gotoTopWrap.bg-gray{background: #f3f3f3}
section.gotoTopWrap.bg-gray2{background: #f7f7f7}
section.gotoTopWrap .gotoTop{text-align: center;}
section.gotoTopWrap .gotoTop a{text-align: center;padding: 1rem 1.5rem;background: #A5B4CA ;display: inline-block;}
section.gotoTopWrap .gotoTop a img{width: 2.3rem;display: inline-block;margin-bottom: 1.1rem}
section.gotoTopWrap .gotoTop a p{font-size: 1.2rem;display: block;text-align: center;color: #fff}

section.subNav{display: flex;}
section.subNav > div{flex: 1;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc}
section.subNav > div:nth-of-type(1){border-left: none}
section.subNav > div a{font-size: 1.13rem;display: block;text-align: center;padding: 1.666rem 0;color: #333}
section.subNav > div:hover,
section.subNav > div.on{border-color: #000;background: #000;}
section.subNav > div:hover a,
section.subNav > div.on a{color: #fff}

footer{background: #222222}
footer .reservationWrap{float: left;width: 50%;border-right: 1px solid #848484;box-sizing: border-box;padding: 2.33rem 0 2rem;text-align: center;border-bottom: 1px solid #848484}
footer .backInfoWrap{float: right;width: 50%;box-sizing: border-box;padding: 2.33rem 0 2rem;text-align: center;border-bottom: 1px solid #848484}
footer .title{color: #aeaeae;font-size: 1.2rem;margin-bottom: 0.66rem}
footer .subTitle{color: #aeaeae;font-size: 1.0rem;margin-bottom: 1.1rem}
footer .content{color: #F0F0F0;font-size: 1.5rem;}
footer strong{color: #fff}
footer address{padding-top: 1.83rem;padding-bottom: 1.46rem;text-decoration: none;font-size: 0.95rem;line-height: 140%;text-align: center;font-style:inherit;color: #aeaeae}
footer address span{letter-spacing: -0.085rem}