@charset "UTF-8";
html {
  font-size: 62.5%;
  font-family: 'HiraMinProN-W3','Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3', 'Noto Serif JP','serif';
}

.Android {
  font-family: 'Noto Serif JP','serif';
}

p, a, li, dd, dt, th, td {
  font-size: 1.6rem;
}

img {
  max-width: 100%;
}

ul {
  list-style: none;
}

.slide img {
  width: 100%;
}

.parallax {
  display: none;
}

.sp {
  display: none !important;
}

.alignCenter{
	text-align: center;
}

.header {
  padding: .9rem 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background: rgba(255, 255, 255, 0.9);
}
.header > .flex {
  align-items: center;
  justify-content: space-between;
}
.headerRight {
  display: flex;
  align-items: center;
}

.gnavi ul {
  display: flex;
  align-items: center;
}
.gnavi li {
  margin-right: 2rem;
}
.gnavi a {
  text-decoration: none;
  color: #000000;
  display: block;
  position: relative;
}
.gnavi a::after {
  content: "";
  display: block;
  width: 100%;
  height: .3rem;
  background: #711616;
  position: absolute;
  left: 0;
  top: 70%;
  opacity: 0;
  transition: .3s;
}
.gnavi a:hover::after {
  top: 120%;
  opacity: 1;
}
.gnavi a.active::after {
  top: 120%;
  opacity: 1;
}
.gnavi .bgGold a {
  background-color: #af9339;
  color: #fff;
  text-align: center;
  padding: .3rem 1rem;
}
.gnavi .bgGold a::after {
  content: none;
}
.gnavi .bgGold a:hover {
  background-color: #711616;
  opacity: 1;
}

.snsNavi {
  display: flex;
}
.snsNavi_fb {
  margin-right: 1rem;
}

.spnavi {
  display: none;
}

.spMenu {
  display: none;
}

.nav-language{
  margin-left: 1rem;
}
.nav-language a{
  text-decoration: none;
  color: #000000;
}

.snsNavi >p{
  width: 2.4rem;
}

@media screen and (max-width: 1160px) {
  .gnavi li {
    margin-right: 1.5rem;
  }
  .gnavi a {
    font-size: 1.4rem;
  }
}
/*@media screen and (max-width: 960px) {*/
@media screen and (max-width: 1010px) {
  .gnavi{
    width: 100%;
  }
  .gnavi ul{
    justify-content: right;
  }
  .gnavi li {
    margin-right: 1rem;
  }
  .gnavi a {
    font-size: 1.2rem;
  }
  .headerRight {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .gnavi {
    margin-bottom: 1rem;
  }
  .gnavi li:last-child {
    margin-right: 0;
  }
  .snsNavi{
    margin-left: auto;
  }
}
/*
@media screen and (max-width: 860px) {
  
}
*/
/*******************
スマホ
******************/
@media screen and (max-width: 750px) {
  .header {
    position: relative;
    z-index: 10;
    background: none;
    pointer-events: none;
  }
  .headerRight {
    display: none;
  }
  .headerLogo {
    margin: auto;
    pointer-events: auto;
  }
  .headerLogo img {
    width: 33rem;
    max-width: initial;
    display: block;
  }

  .spMenu {
    display: block;
    background: #fff;
    padding: 8.5rem 3rem 14rem;
    position: fixed;
    top: -100%;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: scroll;
    z-index: 9;
    transition: .3s;
  }
  .spMenu.active {
    top: 0%;
  }
  .spMenu .close {
    height: 5rem;
    position: absolute;
    right: 3rem;
    top: 1.5rem;
  }
  .spMenu .close span {
    display: block;
    width: 5rem;
    height: .4rem;
    background: #000;
    position: relative;
    left: 0;
  }
  .spMenu .close span:nth-child(1) {
    transform: rotate(45deg);
    top: 2.5rem;
  }
  .spMenu .close span:nth-child(2) {
    transform: rotate(-45deg);
    top: 2.2rem;
  }
  .spMenu a {
    display: block;
    text-decoration: none;
    color: #000;
  }
  .spMenu .no1 li {
    border-top: .1rem solid #707070;
  }
  .spMenu .no1 li.bgGold {
    border-top: none;
  }
  .spMenu .no1 a {
    padding: 2rem 3rem;
  }
  .spMenu .no2 a {
    padding: 1rem 6rem;
  }
  .spMenu .bgGold a {
    background: #af9339;
    color: #fff;
  }
  .spMenu .snsNavi {
    margin: 7.8rem 0 10rem;
    justify-content: center;
  }
  .spMenu .snsNavi p {
    width: 9rem;
  }
  .spMenu .snsNavi_fb {
    margin-right: 6rem;
  }

  .spnavi {
    display: flex;
    align-items: center;
    position: fixed;
    bottom: 0;
    z-index: 11;
    background: #fff;
    border-top: .1rem solid #ccc;
    box-sizing: border-box;
  }
  .spnavi a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
    box-sizing: border-box;
    font-size: 2.1rem;
  }
  .spnavi img {
    display: block;
    margin: auto;
  }
  .spnavi .tel a {
    padding: 2.95rem 0;
    max-height: 12.6rem;
    width: 15rem;
  }
  .spnavi .tel a img {
    width: 4rem;
    margin-bottom: 1rem;
  }
  .spnavi .mail a {
    padding: 2.95rem 0;
    border-left: .1rem solid #ccc;
    max-height: 12.6rem;
    width: 15rem;
  }
  .spnavi .mail a img {
    width: 4.8rem;
    margin-bottom: 1.5rem;
  }
  .spnavi .plan a {
    background: #8B6A28;
    border-left: .1rem solid #ccc;
    width: 30rem;
    color: #fff;
    padding: 2.95rem 2.5rem;
    max-height: 12.6rem;
  }
  .spnavi .plan a img {
    width: 4.8rem;
    margin-bottom: 1.5rem;
  }
  .spnaviMenu {
    border-left: .1rem solid #ccc;
  }
}
.footer {
  background: url("../img/common/bg_check.jpg") repeat;
  background-size: auto;
  position: relative;
}
.footer .lwrap.flex {
  justify-content: space-between;
}
.footer .left {
  width: 36rem;
  background-color: #000;
  color: #fff;
  box-sizing: border-box;
  padding: 4rem 2rem 0;
  position: relative;
}
.footer .left p {
  line-height: 1.8;
}
.footer .left p.btn {
  margin-top: .5rem;
}
.footer .left p.btn a {
  font-size: 1.3rem;
  text-align: center;
  padding: 2px 0;
}
.footer .left a {
  text-decoration: none;
  color: #fff;
}
.footer .left .gold a {
  color: #af9339;
}
.footer .left small {
  display: block;
  text-align: center;
  width: 100%;
  margin: 6.5rem 0 2rem;
}
.footer .right {
  display: flex;
  margin-top: 4rem;
}
.footer .right ul {
  margin-right: 4.5rem;
}
.footer .right ul:nth-child(3) {
  margin-right: 1rem;
}
.footer .right ul:last-child {
  margin-right: 0;
}
.footer .right li {
  line-height: 2;
}
.footer .right a {
  color: #fff;
  text-decoration: none;
}
.footer .right .gold a {
  color: #af9339;
}
.footer .right .sns {
  display: flex;
}
.footer .right .sns li {
  margin-right: 1.5rem;
}

.pagetop {
  right: .5rem;
}
.pagetop a {
  display: block;
  background: url("../img/common/pagetop.png") no-repeat center top;
  background-size: cover;
  width: 5rem;
  height: 5rem;
}

.reservWrap .top {
  background-color: #000;
}
.reservWrap .top .left {
  display: flex;
  align-items: center;
  margin-right: 4.5rem;
}
.reservWrap .top .ttl p {
  font-size: 1.8rem;
  color: #fff;
  margin-bottom: 1rem;
}
.reservWrap .top .ttl h3 {
  font-size: 4.2rem;
  color: #AF9339;
}
.reservWrap .top .logo {
  width: 14rem;
  text-align: center;
  margin-right: 2rem;
  position: relative;
  top: -2rem;
}
.reservWrap .top .logo img {
  width: 12rem;
}
.reservWrap .top .right {
  display: flex;
  align-items: center;
}
.reservWrap .top .right li {
  line-height: 2;
}
.reservWrap .top .right li a {
  color: #fff;
  display: block;
  text-decoration: none;
  font-size: 1.4rem;
}
.reservWrap .top .iconWrap {
  margin-right: 2rem;
}
.reservWrap .top .iconWrap div {
  margin-right: 1.5rem;
}
.reservWrap .top .iconWrap div:last-child {
  margin-right: 0;
}
.reservWrap .top .iconWrap a {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
}
.reservWrap .top .iconWrap a p {
  font-size: 1.2rem;
}
.reservWrap .top .iconWrap a img {
  display: block;
  margin: 0 auto .6rem;
}
.reservWrap .middle {
  background: url("../img/common/bg_gold.jpg") repeat;
  background-size: auto 100%;
}
.reservWrap .middle .lwrap.flex {
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
  box-sizing: border-box;
}
.reservWrap .middle p {
  color: #fff;
}
.reservWrap .middle p a {
  text-decoration: none;
  color: #fff;
  font-size: 2.8rem;
  font-weight: bold;
}
.reservWrap .middle p.no1 {
  font-size: 2rem;
  font-weight: bold;
  margin-right: 1.5rem;
}
.reservWrap .middle p.small {
  font-size: 1.6rem;
}
.reservWrap .bottom {
  line-height: 0;
  background: url(../img/top/img15.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  height: 65rem;
}
.reservWrap .bottom img {
  width: 100%;
}

@media screen and (max-width: 1160px) {
  .reservWrap .top {
    padding-bottom: .5%;
  }
  .reservWrap .top .logo {
    width: 23%;
    margin-right: 3%;
  }
  .reservWrap .top .ttl p {
    font-size: 1.65vw;
  }
  .reservWrap .top .ttl h3 {
    font-size: 3.75vw;
  }
  .reservWrap .top .left {
    margin-right: 4%;
    width: 49%;
  }
  .reservWrap .top .right {
    width: 47%;
  }
  .reservWrap .top .right ul {
    width: 40%;
  }
  .reservWrap .top .right li a {
    font-size: 1.3vw;
  }
  .reservWrap .top .iconWrap {
    margin-right: 5%;
    width: 55%;
    justify-content: space-between;
  }
  .reservWrap .top .iconWrap a {
    font-size: 1rem;
  }
  .reservWrap .top .iconWrap a p {
    font-size: 1rem;
  }
  .reservWrap .top .iconWrap div {
    margin-right: 0;
  }
}
@media screen and (max-width: 960px) {
  .reservWrap .middle p.no1 {
    font-size: 1.9vw;
  }
  .reservWrap .middle p.small {
    font-size: 1.5vw;
  }
  .reservWrap .middle p a {
    font-size: 3vw;
  }

  .footer .right {
    flex-wrap: wrap;
    margin-bottom: 4rem;
    padding-left: 2rem;
    box-sizing: border-box;
    width: calc(100% - 38rem);
  }
  .footer .right a {
    font-size: 1.4rem;
  }
  .footer .right ul {
    width: 50%;
    margin-right: 0;
  }
  .footer .right ul:nth-child(3) {
    margin-right: 0;
  }
  .footer .right ul:nth-child(1) {
    margin-bottom: 1.5rem;
  }
  .footer .right ul:nth-child(2) {
    margin-bottom: 1.5rem;
  }
}
/*******************
スマホ
******************/
@media screen and (max-width: 750px) {
  .reservWrap .flex {
    flex-wrap: wrap;
  }
  .reservWrap .top {
    padding-bottom: 3rem;
  }
  .reservWrap .top .logo {
    width: 100%;
    margin-right: 0;
    line-height: 0;
    top: -4rem;
    margin-bottom: -2rem;
  }
  .reservWrap .top .logo img {
    width: 25rem;
  }
  .reservWrap .top .ttl p {
    text-align: center;
    font-size: 3.8rem;
  }
  .reservWrap .top .ttl h3 {
    text-align: center;
    font-size: 6rem;
  }
  .reservWrap .top .left {
    width: 100%;
    margin-right: 0;
    display: block;
    margin-bottom: 3rem;
  }
  .reservWrap .top .right {
    width: 100%;
    display: block;
  }
  .reservWrap .top .right ul {
    width: 43rem;
    margin: auto;
  }
  .reservWrap .top .right li a {
    font-size: 3.2rem;
  }
  .reservWrap .top .iconWrap {
    width: 52rem;
    margin: 0 auto 3rem;
    justify-content: center;
    position: relative;
    right: -1rem;
  }
  .reservWrap .top .iconWrap .no1 {
    margin-right: 5rem;
  }
  .reservWrap .top .iconWrap .no2 {
    margin-right: 3.5rem;
  }
  .reservWrap .top .iconWrap img {
    width: 12rem;
  }
  .reservWrap .top .iconWrap a {
    font-size: 2.4rem;
  }
  .reservWrap .top .iconWrap a p {
    font-size: 2.4rem;
  }
  .reservWrap .middle .lwrap.flex {
    display: block;
    text-align: center;
    padding: 3rem 0;
  }
  .reservWrap .middle .lwrap.flex p.no1 {
    margin-right: 0;
    font-size: 3.2rem;
  }
  .reservWrap .middle .lwrap.flex p.tel a {
    font-size: 6rem;
    line-height: 1.3;
  }
  .reservWrap .middle .lwrap.flex p.small {
    font-size: 3.2rem;
  }
  .reservWrap .bottom {
    height: inherit;
  }

  .footer {
    padding-bottom: 20rem;
  }
  .footer .lwrap.flex {
    display: block;
  }
  .footer .left {
    width: 100%;
    margin-right: 0;
    padding: 3rem 0 0;
    background: none;
  }
  .footer .left p {
    text-align: center;
  }
  .footer .left p.btn {
    margin: 1.5rem 0;
  }
  .footer .left p.btn a {
    font-size: 2.8rem;
  }
  .footer .left small {
    font-size: 2.4rem;
    margin: 3rem 0 0;
  }
  .footer .right {
    display: none;
  }
  .footer .sp_block {
    font-size: 4rem;
  }
  .footer .sp_large {
    display: block;
    font-size: 6rem;
    margin-bottom: 4.5rem;
  }

  .pagetop {
    right: 1.5rem;
    bottom: 15rem !important;
  }
  .pagetop a {
    width: 10rem;
    height: 10rem;
  }
}
.block {
  display: block;
}

.pc_block {
  display: block;
}

.center {
  text-align: center;
}

.lwrap {
  max-width: 1100px;
  margin: auto;
}

.fl-l {
  float: left;
}
.fl-r {
  float: right;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.flex {
  display: flex;
}
.flex.col-2 {
  flex-wrap: wrap;
}
.flex.col-2 .item {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
}
.flex.col-2 .item:nth-child(2n) {
  margin-right: 0;
}
.flex.col-3 {
  flex-wrap: wrap;
}
.flex.col-3 .item {
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 3.5%;
}
.flex.col-3 .item:nth-child(3n) {
  margin-right: 0;
}

.gold {
  color: #af9339;
}

.red {
  color: #711616;
}

.btn a {
  background-color: #af9339;
  display: block;
  padding: 1rem 0;
  text-decoration: none;
  color: #fff;
}
.btn a:hover {
  opacity: 1;
  background-color: #7d040f;
}
.btn02 a {
  padding: 1rem 0;
  text-align: center;
  display: block;
  text-decoration: none;
  color: #fff;
  border: .1rem solid #fff;
}
.btn02 a:hover {
  opacity: 1;
  border-color: #7d040f;
  background-color: #7d040f;
}
.btn02.white a:hover {
	background-color: #ffffff;
	color: #AF9339;
	border-color: #AF9339;
}
.btn02.black a {
	color: #000;
    border-color: #000;
}
.btn02.black a:hover {
	color: #fff;
    border-color: #7d040f;
}
.btn02.gold a {
	color: #ffffff;
	background-color: #AF9339;
	border-color: #AF9339;
}
.btn02.gold a:hover {
	background-color: #711616;
	border-color: #711616;
/*	color: #AF9339;*/
}


.title01 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 3.5rem;
}
.title02 {
  font-size: 4.2rem;
}
.title02::first-letter {
  font-size: 8.4rem;
}
.title03 {
  font-size: 4.2rem;
  line-height: 1.3;
  text-align: center;
  position: relative;
}
.title03 span {
  display: inline-block;
  padding-bottom: 1rem;
  border-bottom: .1rem solid #000;
}
.title04 {
  font-size: 4.2rem;
  text-align: center;
}
.titleVertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 4.2rem;
  white-space: nowrap;
}
.titleVertical .large {
  font-size: 8.4rem;
}

.fixBana {
  position: fixed;
  right: 0;
  top: 130px;
  z-index: 9;
}
.fixBana a {
  display: block;
  background: url("../img/common/icon_float_bana.png") no-repeat top right;
  background-size: 100%;
  width: 4.2vw;
  height: 17vw;
  transition: background .3s;
  position: relative;
}
.fixBana a::after{
  content: "";
  display: block;
  width: 4.2vw;
  height: 17vw;
  background: url("../img/common/icon_float_bana_on.png") no-repeat top right;
  background-size: 100%;
  transition: opacity .3s;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.fixBana a:hover {
/*
  background-image: url("../img/common/icon_float_bana_on.png");
*/
  opacity: 1;
}
.fixBana a:hover::after{
  opacity: 1;
}
.fixBana a img {
  display: none;
}

.breadcrumb {
  margin: 1rem 0 3rem;
}
.breadcrumb a {
  font-size: 1.2rem;
  color: #000;
  text-decoration: none;
}
.breadcrumb span {
  font-size: 1.2rem;
}
.breadcrumb .symb {
  margin: 0 .5rem;
}

.bgBlack {
  background-color: #000;
}

.bgImgfix {
  background: url("../img/top/img03.jpg") no-repeat center top;
  background-size: cover;
  height: 55rem;
  background-attachment: fixed;
  position: relative;
}
.bgImgfix .absolute {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  -webkit-transform: translateY(0%) translateX(-50%);
}
.bgImgfix .absolute .titleBg {
  background: rgba(255, 255, 255, 0.35);
  height: 40rem;
  width: 7rem;
  margin: auto;
  position: relative;
}
.bgImgfix .absolute .title01 {
  letter-spacing: .3em;
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 6rem;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  -webkit-transform: translateY(0%) translateX(-50%);
}
.bgImgfix .absolute .en {
  -ms-writing-mode: initial;
  writing-mode: initial;
  font-size: 1.5rem;
  margin-top: 3rem;
  color: #fff;
  text-align: center;
}

.table01 tr {
  border-bottom: .1rem solid #999999;
}
.table01 tr:first-child th, .table01 tr:first-child td {
  padding-top: 0;
}
.table01 th {
  font-weight: normal;
  padding: 1.5rem 0;
  white-space: nowrap;
  text-align: left;
  line-height: 1.8;
}
.table01 td {
  padding: 1.5rem 1rem 1.5rem 3rem;
  line-height: 1.8;
}
.table02 {
  border: .1rem solid #707070;
  box-sizing: border-box;
}
.table02 tr {
  border-bottom: .1rem solid #707070;
}
.table02 tr:last-child {
  border-bottom: none;
}
.table02 th {
  border-right: .1rem solid #707070;
  background: url("../img/common/bg_ivory.jpg") repeat;
  background-size: auto;
  padding: 2rem 1.5rem;
  text-align: left;
  font-weight: normal;
  white-space: nowrap;
  line-height: 1.8;
}
.table02 td {
  padding: 1.5rem;
  line-height: 1.8;
}

.kite {
  margin: 9rem auto 17rem;
  background: url("../img/common/bg_beige.jpg") repeat;
  background-size: auto;
  padding-bottom: 5rem;
  box-sizing: border-box;
}
.kite .left {
  width: 53%;
  text-align: center;
}
.kite .right {
  width: 47%;
  margin: 4rem 5rem 0 0;
}
.kite .right h3 {
  font-size: 4.2rem;
  margin-bottom: 3rem;
}
.kite .right h3::first-letter {
  font-size: 8.4rem;
}
.kite .right p {
  line-height: 1.8;
}
.kite .right p.no1 {
  margin-bottom: 3rem;
}

.slider {
  display: none;
}

.slider.slick-initialized {
  display: block;
}

.slick-dots li.slick-active button:before {
  color: #AF9339;
}

.slick-dots li button:before {
  color: #999999;
  font-size: 1rem;
}

.list01 li {
  color: #af9339;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.8;
}

.mainvisual {
  position: relative;
}
.mainvisual .absolute {
  z-index: 7;
  position: absolute;
  top: 7rem;
  left: 50%;
  transform: translateY(0%) translateX(-50%);
  -webkit-transform: translateY(0%) translateX(-50%);
}
.mainvisual.bgImgfix {
  height: 62rem;
}

.home .mainvisual {
  height: 100vh;
  min-height: 60rem;
}
.home .mainvisual .absolute {
  z-index: 9;
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  width: 6%;
  max-width: 15rem;
  min-width: 6rem;
}
.home .mainvisual .slick-slide {
  height: 100vh;
  min-height: 60rem;
  position: relative;
}
.home .mainvisual .slick-slide img {
  position: absolute;
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: none;
  -webkit-transition: transform 0.1s 16s;
  transition: transform 0.1s 16s;
  z-index: 0;
}
.home .cont01 p {
  line-height: 1.5;
}
.home .cont01 .bgTop {
  background: url("../img/common/bg_bestrate.jpg") repeat;
  background-size: auto;
  padding: 3rem 0 5.5rem;
}
.home .cont01 .bgTop .icon {
  text-align: center;
  margin-bottom: 1.5rem;
}
.home .cont01 .bgTop .icon img {
  width: 12rem;
}
.home .cont01 .bgTop p {
  text-align: center;
}
.home .cont01 .bgTop p.btn {
  max-width: 25rem;
  margin: 3rem auto;
}
.home .cont01 .title {
  font-size: 3.8rem;
  text-align: center;
  color: #8B6A28;
  line-height: 1.3;
  margin-bottom: 4rem;
}
.home .cont01 .title .small {
  font-size: 2.8rem;
  font-weight: normal;
  display: block;
}
.home .cont01 .btn02 a{
	max-width: 25rem;
	margin: 2rem auto 0;
}
.home .cont01 .redbox {
  max-width: 920px;
  background: #7d040f;
  color: #fff;
  margin: 0 auto;
  margin-bottom: 2rem;
  padding: 2rem;
  box-sizing: border-box;
}
.home .cont01 .aoBox {
  background: url("../img/top/img01.jpg") no-repeat center top;
  background-size: cover;
  padding: 5.5rem 0 35.5rem;
  margin: 9rem auto 15rem;
  position: relative;
}
.home .cont01 .aoBox h3 {
  font-size: 4.2rem;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 3rem;
}
.home .cont01 .aoBox h3 .small {
  font-size: 3.8rem;
  display: block;
}
.home .cont01 .aoBox p {
  font-size: 2.4rem;
  text-align: center;
  color: #fff;
}
.home .cont01 .aoBox .absolute {
  padding: 1.5rem 0 2.5rem;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.home .cont01 .aoBox .absolute p {
  font-size: 1.6rem;
}
.home .cont01 .aoBox .absolute .btn02 {
  max-width: 25rem;
  margin: 3rem auto 0;
}
.home .cont02 {
  background: url("../img/common/bg03.jpg") no-repeat center top;
  background-size: cover;
  padding: 8rem 0;
  position: relative;
}
.home .cont02 .img {
  position: absolute;
  right: 0;
  top: -6rem;
  width: 58%;
  max-width: 1080px;
}
.home .cont02 .text {
  width: 37rem;
}
.home .cont02 .text .titleVertical {
  margin-left: 3rem;
}
.home .cont02 .text .top {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 3rem;
}
.home .cont02 .text .pbox {
  margin-top: 6rem;
}
.home .cont02 .text .border {
  color: #fff;
  line-height: 2;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 1.5rem 2rem;
}
.home .cont02 .text .bottom {
  color: #fff;
  line-height: 1.8;
}
.home .cont02 .text .bottom.no1 {
  margin-bottom: 3rem;
}
.home .cont03{
  overflow-x: hidden;
}
.home .cont03 .flex .title02 {
  margin-bottom: 3rem;
}
.home .cont03 .flex p {
  line-height: 1.6;
}
.home .cont03 .flex.no1 {
  margin-top: 3rem;
  margin-bottom: 10rem;
}
.home .cont03 .flex.no1 .text {
  width: 36rem;
  margin-right: 3rem;
}
.home .cont03 .flex.no1 .img {
  width: calc(100% - 39rem);
}
.home .cont03 .flex.no2 {
  flex-direction: row-reverse;
  padding: 6rem 0 3rem;
}
.home .cont03 .flex.no2 .text {
  width: calc(100% - 48rem);
  margin-left: 3rem;
  padding-bottom: 10.5rem;
  position: relative;
}
.home .cont03 .flex.no2 .text .absolute {
  position: absolute;
  right: 0;
  bottom: 0;
}
.home .cont03 .flex.no2 .text .btn02 a {
  color: #fff;
  border: .1rem solid #fff;
}
.home .cont03 .flex.no2 .text .btn02 a:hover {
  border-color: #7d040f;
}
.home .cont03 .flex.no2 .img {
  width: 45rem;
}
.home .cont03 .flex.no3 {
/*  padding: 6rem 0 9.5rem;*/
  padding: 6rem 0 3.5rem;
  justify-content: space-between;
}
.home .cont03 .flex .btn02 {
  margin-top: 3rem;
  max-width: 28rem;
}
/*
.home .cont03 .flex .btn02 a {
  color: #000;
  border: .1rem solid #000;
}
.home .cont03 .flex .btn02 a:hover {
  color: #fff;
  border-color: #7d040f;
}
*/
.home .cont03 .flex.no4 .ttl {
  width: 13rem;
  background: url("../img/common/bg_check.jpg") repeat;
  background-size: auto;
  color: #fff;
  margin-right: 6rem;
}
.home .cont03 .flex.no4 .ttl h4 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 4rem;
  background-color: #000;
  padding: 7rem 1rem 4rem;
  margin: 0 auto 2.5rem;
}
.home .cont03 .flex.no4 .ttl p {
  text-align: center;
  font-size: 1rem;
}
.home .cont03 .flex.no4 .cont {
  margin: 6rem 0 5.5rem;
  width: calc(100% - 19rem);
}
.home .cont03 .flex.no4 .cont .item {
  width: 32%;
  margin-right: 2%;
  box-sizing: border-box;
  background: #fff;
  padding: 2rem;
}
.home .cont03 .flex.no4 .cont .item:last-child {
  margin-right: 0;
}
.home .cont03 .flex.no4 .cont .item .imgBox {
  margin-bottom: 1rem;
}
.home .cont03 .flex.no4 .cont .item .textBox p {
  line-height: 1.5;
}
.home .cont03 .flex.no4 .cont .item .textBox .btn02 a {
  border: none;
  color: #fff;
  background-color: #af9339;
}
.home .cont03 .flex.no4 .cont .item .textBox .btn02 a:hover {
  background-color: #7d040f;
}
.home .cont03 .bgIvory {
  background: url("../img/common/bg_ivory.jpg") repeat;
  background-size: auto;
}
.home .cont03 .bgBlack {
  background-color: #000;
  color: #fff;
  margin-bottom: 10rem;
}
.home .cont03 .bgImgfix.no2 {
  background-image: url("../img/top/img05.jpg");
}
.home .cont03 .bgImgfix.no3 {
  background-image: url("../img/top/img08.jpg");
}
.home .cont03 .bgImgfix.no4 {
  background-image: url("../img/top/img10.jpg");
  height: 52rem;
}
.home .cont03 .bgImgfix.no4 .lwrap {
  padding-top: 2rem;
}
.home .cont03 .bgImgfix.no4 .text {
  color: #fff;
  width: 52rem;
  margin-top: 2rem;
}
.home .cont03 .bgImgfix.no4 .text .title {
  font-size: 4.2rem;
  margin-bottom: 1rem;
}
.home .cont03 .bgImgfix.no4 .text h3 {
  font-size: 4.2rem;
  margin-bottom: 3rem;
}
.home .cont03 .bgImgfix.no4 .text h3::first-letter {
  font-size: 8.4rem;
}
.home .cont03 .bgImgfix.no4 .text p {
  line-height: 1.6;
}
.home .cont03 .bgImgfix.no4 .text .btn02 a {
  color: #fff;
  border: .1rem solid #fff;
}
.home .cont03 .bgImgfix.no4 .text .btn02 a:hover {
  border-color: #7d040f;
}
.home .cont03 .bgImgfix.no4 .img {
  width: calc(100% - 52rem);
  text-align: center;
}
.home .banaWrap {
  background: url("../img/common/bg_beige.jpg") repeat;
  background-size: auto;
}
.home .banaWrap .lwrap {
  padding: 6rem 0;
}
.home .banaWrap .fb {
  width: 40rem;
  margin-right: 4rem;
}
.home .banaWrap .fb iframe {
  width: 100%;
  height: 100%;
}
.home .banaWrap .bana {
  width: calc(100% - 44rem);
}
.home .banaWrap .bana p:nth-child(1) {
  margin-bottom: 1.5rem;
}
.home .banaWrap .bana p:nth-child(2) {
  margin-bottom: 1.5rem;
}
.home .kite{
  padding-bottom: 3rem;
}
.home .kite .left{
  width: 60%;
}
.home .kite .right{
  width: 40%;
}
.home .kite .right .sub{
  font-size: 2.4rem;
  font-weight: bold;
}


.page-room .mainvisual.bgImgfix {
  background-image: url("../img/mv/mv_room.jpg");
}
.page-room .cont01 {
  padding: 5rem 0;
}
.page-room .cont01 .title02 {
  text-align: center;
  margin-bottom: 3rem;
}
.page-room .cont01 p {
  line-height: 1.8;
}
.page-room .cont01 .btn02 a {
  background-color: #af9339;
  border: none;
  width: 25rem;
}
.page-room .cont01 .btn02 a:hover {
  background-color: #7d040f;
}
.page-room .cont01 .btn02:nth-child(1) {
  margin-right: 8rem;
}
.page-room .cont01 .flex {
  margin: 5rem 0 3rem;
  justify-content: center;
}
.page-room .cont01 .red {
  text-align: center;
}
.page-room .cont01 .red a {
  color: #711616;
}
.page-room .cont02 .bgBlack {
  overflow: hidden;
  color: #fff;
}
.page-room .cont02 .bgBlack .title03 {
  color: #fff;
}
.page-room .cont02 .bgBlack .title03::after {
  background-color: #fff;
}
.page-room .cont02 .bgBlack .slideWrap {
  margin-bottom: 8rem;
  max-height: 50rem;
}
.page-room .cont02 .headBg.no1 .title03 {
  padding-top: 7rem;
}
.page-room .cont02 .lwrap.white .title03 {
  margin-bottom: 8rem;
}
.page-room .cont02 .lwrap.white .btn02 {
  margin-top: 6rem;
}
.page-room .cont02 .lwrap.white .btn02 a {
  color: #000;
  border: .1rem solid #000;
}
.page-room .cont02 .lwrap.white .btn02 a:hover {
  color: #fff;
  border-collapse: #7d040f;
}
.page-room .cont02 .lwrap.white.no1 {
  padding-top: 8rem;
}
.page-room .cont02 .lwrap.white.no2 {
  padding-top: 14rem;
}
.page-room .cont02 .lwrap.white.no2 .title03 {
  margin-bottom: 6rem;
}
.page-room .cont02 .lwrap.white.no2 .flex .left {
  width: 59%;
  margin-right: 4%;
}
.page-room .cont02 .lwrap.white.no2 .flex .right {
  width: 37%;
}
.page-room .cont02 .lwrap.white.no2 .flex .right .img {
  margin-bottom: 1.5rem;
}
.page-room .cont02 .lwrap.white.no2 .flex .right .img img {
  width: 100%;
}
.page-room .cont02 .lwrap.white.no2 .flex .right p {
  line-height: 1.8;
}
.page-room .headBg {
  background: url("../img/common/bg_headBg_left.jpg") no-repeat center top;
  background-size: auto;
  height: 15rem;
}
.page-room .headBg.no1 {
  height: 20.5rem;
}
.page-room .headBg.no3 {
  background-image: url("../img/common/bg_headBg_left_2.jpg");
}
.page-room .headBg.right {
  background-image: url("../img/common/bg_headBg_right.jpg");
}
.page-room .roomItem {
  margin: 3rem auto 8rem;
}
.page-room .roomItem.no9 {
  margin-bottom: 0;
}
.page-room .roomItem .slideWrap {
  margin-bottom: 5rem;
  position: relative;
}
.page-room .roomItem .slideWrap .icon {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 1;
}
.page-room .roomId {
  border: .1rem solid #999999;
  padding: .3rem 1.5rem;
  text-align: center;
  margin-right: 3rem;
}
.page-room .roomName {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
.page-room .roomName h3 {
  font-size: 3.5rem;
  line-height: normal;
}
.page-room .roomDetail .left {
  width: 48%;
  margin-right: 2%;
}
.page-room .roomDetail .left p {
  line-height: 1.8;
}
.page-room .roomDetail .right {
  width: 50%;
}
.page-room .roomDetail .btn02 {
  max-width: 25rem;
  margin-top: 3rem;
}
.page-room .kite {
  margin-bottom: 11rem;
}
.page-room .covid {
  padding-top: 6rem;
  margin-bottom: 9rem;
}
.page-room .covid .title {
  font-size: 4.2rem;
  color: #8B6A28;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 4rem;
}
.page-room .covid p.sub {
  text-align: center;
  line-height: 1.8;
  margin-bottom: 4rem;
}
.page-room .covid .item {
  border: .1rem solid #999999;
  box-sizing: border-box;
  padding: 3rem 4rem;
  margin-bottom: 2rem;
  display: flex;
}
.page-room .covid .item.no3 {
  margin-bottom: 0;
}
.page-room .covid .item .text {
  width: 57%;
  margin-right: 4%;
}
.page-room .covid .item .img {
  width: 39%;
}
.page-room .covid .item h4 {
  font-size: 2rem;
  font-weight: normal;
  color: #8B6A28;
  margin-bottom: 1.5rem;
}
.page-room .covid .item p {
  line-height: 1.8;
}

.page-cuisine .cuisineWrap {
  display: flex;
  justify-content: flex-end;
}
.page-cuisine .cuisineWrap.no1, .page-cuisine .cuisineWrap.no3 {
  background: url("../img/cuisine/bg01.jpg") no-repeat center bottom;
  background-size: 100%;
}
.page-cuisine .cuisineWrap.no2 {
  background: url("../img/cuisine/bg02.jpg") no-repeat center bottom;
  background-size: 100%;
}
.page-cuisine .cuisineWrap.no4 {
  background: url("../img/cuisine/bg03.jpg") no-repeat center bottom;
  background-size: 100%;
  padding-bottom: 6rem;
}
.page-cuisine .cuisineWrap .img {
  width: 50%;
}
.page-cuisine .cuisineWrap .text {
  width: 50%;
  padding: 6rem 11.2% 0 6rem;
  box-sizing: border-box;
}
.page-cuisine .cuisineWrap .text p {
  line-height: 1.8;
}
.page-cuisine .cuisineWrap .text p.btn02 {
  margin-top: 3rem;
  max-width: 25rem;
}
.page-cuisine .cuisineWrap .text p.btn02 a {
  color: #000;
  border: .1rem solid #000;
}
.page-cuisine .cuisineWrap .text p.btn02 a:hover {
  border-color: #7d040f;
  color: #fff;
}
.page-cuisine .cuisineWrap.imgRight .img {
  order: 2;
}
.page-cuisine .cuisineWrap.imgRight .text {
  order: 1;
  padding: 6rem 6rem 0 11.2%;
}
.page-cuisine .cuisineWrap .title02 {
  margin-bottom: 3rem;
  line-height: 1.1;
}
.page-cuisine .cuisineWrap .title02 .small {
  font-size: 2rem;
  display: block;
}
.page-cuisine .cont01 {
  padding-top: 5rem;
}
.page-cuisine .cont02 {
  background: url("../img/common/bg_ivory.jpg") repeat;
  background-size: auto;
  padding: 6rem 0 10rem;
}
.page-cuisine .cont02 h2 {
  text-align: center;
  font-size: 4.2rem;
  margin-bottom: 3rem;
}
.page-cuisine .cont02 .flex {
  margin-bottom: 5rem;
}
.page-cuisine .cont02 .flex .left {
  width: 48%;
  margin-right: 4%;
}
.page-cuisine .cont02 .flex .left img {
  width: 100%;
  margin-bottom: 1rem;
}
.page-cuisine .cont02 .flex .right {
  width: 48%;
}
.page-cuisine .cont02 .flex .right img {
  width: 100%;
  margin-bottom: 1rem;
}
.page-cuisine .cont02 .red {
  text-decoration: underline;
  line-height: 1.8;
}
.page-cuisine .kite{
	margin-top: 6rem;
}
.page-cuisine .kite .left {
  width: 48%;
}
.page-cuisine .kite .right {
  width: 52%;
}

.page-cuisine .kids{
	margin-top: 6rem;
}
.page-cuisine .kids .lwrap{
	background: url("../img/common/bg_ivory.jpg") repeat;
	background-size: auto;
	padding: 6rem;
	box-sizing: border-box;
}
.page-cuisine .kids .align-center{
	text-align: center;
	margin-bottom: 6rem;
}
.page-cuisine .kids .titleVertical{
	margin: auto;
	line-height: 2.3;
	padding: 3rem 4.961rem;
	font-size: 2.8rem;
	font-weight: normal;
}
.page-cuisine .kids .title02{
	line-height: 1.35;
	margin: 0 3rem 2rem 0;
}
.page-cuisine .kids p{
	line-height: 1.65;
}
.page-cuisine .kids ul{
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
}
.page-cuisine .kids li{
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.65;
	width: 35%;
	box-sizing: border-box;
}
.page-cuisine .kids li.w100{
	width: 100%;
}
.page-cuisine .kids li:last-child{
	margin-bottom: 0;
}
.page-cuisine .kids .indent{
	text-indent: -1em;
	padding-left: 1em;
}
.page-cuisine .kids .title02 .m-left{
	margin-left: 3.5rem;
}
.page-cuisine .kids .title02:first-letter{
	font-size: 4.2rem;
}
.page-cuisine .kids .flex.no1{
	margin-bottom: 3rem;
}
.page-cuisine .kids .flex.no2 p{
	color: #7d040f;
}
.page-cuisine .kids .flex .txt{
	margin-top: 1rem;
}
.page-cuisine .kids .flex .item{
	margin-bottom: 0;
}

.cm-onlymeal{
	background-color: #000000;
	padding: 8rem 0;
	position: relative;
}
.cm-onlymeal::before{
	content: "";
	display: block;
	width: 100%;
	height: 35rem;
	position: absolute;
	right: 0;
	top: 0;
	background: url("../img/cuisine/bg-treatment-1.png") no-repeat center;
	background-size: 100%;
}
.cm-onlymeal::after{
	content: "";
	display: block;
	width: 100%;
	height: 30.5rem;
	position: absolute;
	left: 0;
	top: 51rem;
	background: url("../img/cuisine/bg-treatment-2.png") no-repeat center;
	background-size: 100%;
}
.cm-onlymeal .lwrap{
	position: relative;
	z-index: 3;
}
.cm-onlymeal .title03{
	color: #ffffff;
	margin-bottom: 3rem;
}
.cm-onlymeal p{
	color: #ffffff;
	line-height: 1.8;
}
.cm-onlymeal p a{
	color: #ffffff;
	line-height: 1.8;
}
.cm-onlymeal .sub-ttl{
	margin-bottom: 2rem;
}
.cm-onlymeal .reservation-box{
	display: flex;
	border: 1px solid #ffffff;
	padding: 2.5rem 6rem;
	gap: 3.5rem;
	margin-bottom: 4rem;
}
.cm-onlymeal .flex.col-2 .item:nth-child(n + 3){
	margin-bottom: 0;
}
.cm-onlymeal .flex.col-2 .item:nth-child(4){
	margin-top: 3rem;
}
.cm-onlymeal .flex.col-2 .item img{
	margin-bottom: 2rem;
}
.cm-onlymeal .flex.col-2 .item .alignCenter{
	font-size: 2rem;
}
.cm-onlymeal .flex.col-2 .item .c-gold{
	color: #AF9339;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.44;
	margin-bottom: 3rem;
}
.cm-onlymeal .inner-flex{
	display: flex;
	gap: 4rem;
}
.cm-onlymeal .inner-flex .item{
	margin: 0;
	width: auto;
}
.cm-onlymeal .inner-flex .item img{
	max-width: 22rem;
	width: 100%;
}
.cm-onlymeal .circle{
	background-color: #711616;
	border-radius: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 13rem;
	height: 13rem;
}
.cm-onlymeal .circle span{
	font-size: 2.4rem;
}
@media screen and (max-width: 1080px) {
	.cm-onlymeal .inner-flex{
		gap: 2rem;
	}
	.cm-onlymeal .inner-flex p{
		font-size: 1.4rem;
	}
	.cm-onlymeal .inner-flex .item:nth-child(1){
		width: 40%;
	}
}
@media screen and (max-width: 800px) {
	.cm-onlymeal .inner-flex p{
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 750px) {
	.cm-onlymeal .title03{
	}
	.cm-onlymeal .sub-ttl{
		margin-bottom: 6rem;
	}
	.cm-onlymeal .reservation-box{
		flex-wrap: wrap;
		padding: 5rem 3rem;
		margin-bottom: 6rem;
	}
	.cm-onlymeal .reservation-box .item{
		width: 100%;
	}
	.cm-onlymeal .circle{
		margin: auto;
		width: 26rem;
		height: 26rem;
	}
	.cm-onlymeal .circle span{
		font-size: 4.6rem;
	}
	.cm-onlymeal .flex.col-2 .item{
		margin-bottom: 5rem;
	}
	.cm-onlymeal .flex.col-2 .item:nth-child(4){
		margin-top: 9rem;
	}
	.cm-onlymeal .flex.col-2 .item img{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.cm-onlymeal .flex.col-2 .item .alignCenter{
		font-size: 4rem;
	}
	.cm-onlymeal .flex.col-2 .item .c-gold{
		font-size: 4rem;
		text-align: center;
	}
	.cm-onlymeal .inner-flex{
		flex-wrap: wrap;
	}
	.cm-onlymeal .inner-flex .item{
		width: 100%;
		margin-bottom: 3rem;
	}
	.cm-onlymeal .inner-flex .item:nth-child(1){
		width: 100%;
	}
	.cm-onlymeal .inner-flex .item:nth-child(2){
		margin-bottom: 0;
	}
	.cm-onlymeal .inner-flex .item img{
		margin-bottom: 0;
		max-width: 40rem;
		margin: auto;
		display: block;
	}
	.cm-onlymeal .inner-flex p{
		font-size: 3.2rem;
	}
}

.page-detail .cont01 {
  margin-bottom: 12rem;
}
.page-detail .cont01 .title02 {
  text-align: center;
  margin-bottom: 4.5rem;
}
.page-detail .cont01 .img {
  margin-bottom: 5rem;
}
.page-detail .cont01 p.center {
  line-height: 1.8;
  margin-bottom: 5rem;
}
.page-detail .cont01 p.center.no1 {
  margin-bottom: 3rem;
}
.page-detail .cont02 {
  background: url(../img/cuisine/detail/bg01.jpg) no-repeat center top;
  background-size: cover;
}
.page-detail .cont02 .flex {
  margin-bottom: 2rem;
}
.page-detail .cont02 .flex .text {
  position: relative;
  width: 50%;
  margin-right: 2%;
  color: #fff;
}
.page-detail .cont02 .flex .text p.no1 {
  margin-bottom: 3rem;
  line-height: 1.8;
}
.page-detail .cont02 .flex .text dt {
  font-size: 2rem;
  line-height: 1.5;
}
.page-detail .cont02 .flex .text dt::first-letter {
  color: #AF9339;
}
.page-detail .cont02 .flex .text dd {
  line-height: 1.5;
  margin-bottom: 1rem;
}
.page-detail .cont02 .flex .text dd:last-child {
  margin-bottom: 0;
}
.page-detail .cont02 .flex .img {
  width: 48%;
}
.page-detail .cont02 .flex .titleVertical {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  letter-spacing: .08em;
}
.page-detail .cont02 .flex .titleVertical::first-letter {
  font-size: 8.4rem;
}
.page-detail .cont02 .flex .titleVertical .block {
  position: relative;
  top: 4rem;
}
.page-detail .cont03 {
  padding: 9rem 0 8rem;
}
.page-detail .cont03 h2 {
  font-size: 4.2rem;
  text-align: center;
  margin-bottom: 5rem;
}
.page-detail .cont03 p.center {
  line-height: 1.8;
  margin-bottom: 3rem;
}
.page-detail .cont03 .col-3 {
  justify-content: space-between;
}
.page-detail .cont03 .col-3 .item {
  width: 31%;
}
.page-detail .cont03 .col-3 .img {
  margin-bottom: 1rem;
}
.page-detail .cont03 .col-3 .img img {
  width: 100%;
}
.page-detail .cont03 .col-3 .text p {
  line-height: 1.6;
}
.page-detail .cont03 .col-3 .title {
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 2rem;
}
.page-detail .cont04 {
  padding-top: 6rem;
  margin-bottom: 7rem;
}
.page-detail .cont04 .title02 {
  margin-bottom: 4.5rem;
  text-align: center;
}
.page-detail .cont04 .slideWrap {
  margin-bottom: 9rem;
}
.page-detail .cont04 p.center {
  line-height: 1.8;
}
.page-detail .cont05 {
  background: url("../img/common/bg_ivory.jpg") repeat;
  background-size: auto;
  padding: 6rem 0;
}
.page-detail .cont05 .text {
  width: 48%;
  margin-right: 4%;
}
.page-detail .cont05 .img {
  width: 48%;
}
.page-detail .cont05 .title {
  font-size: 4.2rem;
  margin-bottom: 4rem;
  line-height: 1.5;
}
.page-detail .cont05 p {
  line-height: 1.8;
}
.page-detail .cont05 p.no1 {
  margin-bottom: 3rem;
}
.page-detail #cont3 {
  padding-top: 6rem;
}
.page-detail .kite {
  margin-bottom: 11rem;
  margin-top: 3rem;
}
.page-detail .kite .sub {
  font-weight: bold;
  font-size: 1.8rem;
  margin: 0 0 2rem 3rem;
}
.page-detail .kite .left {
  width: 62%;
}
.page-detail .kite .right {
  width: 38%;
}
.page-detail .kite .right h3 {
  margin-bottom: 1rem;
}

.page-spa .mainvisual {
  background-image: url("../img/mv/mv_spa.jpg");
}
.page-spa .cont01 {
  padding: 5rem 0;
}
.page-spa .cont01 .title02 {
  text-align: center;
  margin-bottom: 3rem;
}
.page-spa .cont01 p {
  line-height: 1.8;
}
.page-spa .cont01 p.red {
  margin-top: 2rem;
}
.page-spa .spaWrap .slideWrap {
  position: relative;
  margin-bottom: 6rem;
  max-height: 55rem;
}
.page-spa .spaWrap .absolute {
  position: absolute;
  left: 8rem;
  top: -5.5rem;
  z-index: 7;
}
.page-spa .spaWrap p {
  line-height: 1.8;
}
.page-spa .spaWrap.no1 {
  background: url("../img/common/bg_gold_left.png") no-repeat bottom left;
  background-size: 100%;
  padding: 17rem 0 8rem;
}
.page-spa .spaWrap.no1 .slideWrap {
  margin-bottom: 5rem;
}
.page-spa .spaWrap.no1 .img {
  margin-right: 9rem;
  margin-right: 8%;
  width: 26%;
}
.page-spa .spaWrap.no1 .text {
  width: 66%;
  margin-top: 2rem;
}
.page-spa .spaWrap.no1 .text .list01 {
  margin: 3rem 0 0;
}
.page-spa .spaWrap.no2 {
  margin-top: -3rem;
  padding: 12rem 0 10rem;
  background: url("../img/common/bg_gold_right.png") no-repeat bottom right;
  background-size: 100%;
}
.page-spa .spaWrap.no3 {
  padding: 16rem 0 10rem;
  background: url("../img/common/bg_gold_left.png") no-repeat bottom left;
  background-size: 100%;
  margin-bottom: -3rem;
}
.page-spa .spaWrap.no3 .btn02 {
  margin: 3rem 0 0;
}
.page-spa .spaWrap.no3 .btn02 a {
  color: #000;
  border: .1rem solid #000;
}
.page-spa .spaWrap.no3 .btn02 a:hover {
  color: #fff;
  border-color: #7d040f;
}
.page-spa .spaWrap.no3 .text {
  width: 50%;
  margin-right: 2%;
}
.page-spa .spaWrap.no3 .img {
  width: 48%;
}
.page-spa .spaWrap.no4 {
  background: url("../img/common/bg_gold_right.png") no-repeat bottom right;
  background-size: 100%;
  padding: 6rem 0 10rem;
}
.page-spa .spaWrap.no4 .btn02 {
  margin: 3rem 0 0;
}
.page-spa .spaWrap.no4 .btn02 a {
  color: #000;
  border: .1rem solid #000;
}
.page-spa .spaWrap.no4 .btn02 a:hover {
  color: #fff;
  border-color: #7d040f;
}
.page-spa .spaWrap.no4 .img {
  width: 60%;
  margin-right: 4%;
}
.page-spa .spaWrap.no4 .text {
  width: 36%;
  margin-top: 10rem;
}
.page-spa .spaWrap .btn02 {
  max-width: 25rem;
  margin: 4.5rem auto 0;
}
.page-spa .cont02 {
  background: #000 url("../img/common/bg_gold_right.png") no-repeat top right;
  background-size: 100%;
  color: #fff;
}
.page-spa .cont03 {
  background: url("../img/common/bg_ivory.jpg") repeat;
  background-size: auto;
}
.page-spa .cont04 {
  padding: 10rem 0 0;
}
.page-spa .cont04 .title03 {
  margin-bottom: 6rem;
}
.page-spa .cont04 p.border {
  padding: 3rem;
  line-height: 1.8;
  border-top: .1rem solid #000;
  border-bottom: .1rem solid #000;
}
.page-spa .kite.num01 {
  margin-top: 11rem;
  margin-bottom: 6rem;
}
.page-spa .kite.num02 {
  margin-top: 0;
}
.page-spa .kite.num01 .left {
  width: 52%;
}
.page-spa .kite.num01 .right {
  width: 48%;
}
.page-spa .kite .left {
  width: 58%;
}
.page-spa .kite .right {
  width: 42%;
}
.page-spa .kite .right .sub {
  font-size: 2.4rem;
  font-weight: bold;
}

.page-areaguide .mainvisual {
  background-image: url("../img/mv/mv_areaguide.jpg");
}
.page-areaguide .cont01 {
  padding: 5rem 0;
}
.page-areaguide .cont01 .title02 {
  text-align: center;
  margin-bottom: 3rem;
}
.page-areaguide .cont01 p {
  line-height: 1.8;
}
.page-areaguide .cont02 {
  background: #000;
  padding: 9rem 0 14rem;
  color: #fff;
  position: relative;
}
.page-areaguide .cont02 .bgLeft {
  background: url("../img/common/bg_gold_right.png") no-repeat center top;
  background-size: 100%;
  height: 16vw;
  width: 100%;
  position: absolute;
  left: 0;
}
.page-areaguide .cont02 .bgLeft.no1 {
  top: 0;
}
.page-areaguide .cont02 .bgLeft.no3 {
  top: 57%;
}
.page-areaguide .cont02 .bgRight {
  background: url("../img/common/bg_gold_left.png") no-repeat center top;
  background-size: 100%;
  height: 16vw;
  width: 100%;
  position: absolute;
  right: 0;
}
.page-areaguide .cont02 .bgRight.no2 {
  top: 33%;
}
.page-areaguide .cont02 .bgRight.no4 {
  bottom: 9%;
}
.page-areaguide .cont02 .lwrap {
  position: relative;
  z-index: 2;
}
.page-areaguide .cont02 .title04 {
  margin-bottom: 6rem;
}
.page-areaguide .cont02 p {
  line-height: 1.8;
}
.page-areaguide .cont02 .ruby {
  position: relative;
  display: inline-block;
}
.page-areaguide .cont02 .rubyCont {
  display: block;
  font-size: 1.2rem;
  position: absolute;
  top: -1.8rem;
  left: 0;
  width: 100%;
  text-align: center;
}
.page-areaguide .cont02 .slideWrap {
  margin: 5rem 0 12rem;
}
.page-areaguide .cont02 .illust {
  margin: 0 0 2rem;
}
.page-areaguide .cont02 .btn02 {
  max-width: 25rem;
  margin: auto;
}
.page-areaguide .cont02 .flex {
  margin: 9rem 0 0;
}
.page-areaguide .cont02 .flex .img {
  margin-bottom: 1.5rem;
}
.page-areaguide .cont02 .flex h3 {
  font-size: 2rem;
  font-weight: normal;
  margin-bottom: 1.5rem;
}
.page-areaguide .cont02 .kite {
  margin: 6rem auto 0;
  color: #000000;
}
.page-areaguide .cont02 .kite h3 {
  font-size: 4.2rem;
  font-weight: bold;
}
.page-areaguide .cont03 {
  padding: 12rem 0 0;
}
.page-areaguide .cont03 #cont2 {
  padding-top: 12rem;
}
.page-areaguide .cont03 .lwrap.add .title03 {
  margin-bottom: 9rem;
}
.page-areaguide .cont03 .lwrap.add .flex {
  justify-content: space-between;
}
.page-areaguide .cont03 .lwrap.add .flex .text {
  width: 46%;
}
.page-areaguide .cont03 .lwrap.add .flex .text h3 {
  font-size: 4.2rem;
  margin-bottom: 3rem;
}
.page-areaguide .cont03 .lwrap.add .flex .text .mb {
  margin-bottom: 3rem;
}
.page-areaguide .cont03 .lwrap.add .flex .img {
  width: 48%;
  margin-bottom: 0;
}
.page-areaguide .cont03 .lwrap.add .flex.no1 {
  margin-bottom: 7rem;
}
.page-areaguide .cont03 .lwrap.add .flex.no2 .img {
  order: 1;
}
.page-areaguide .cont03 .lwrap.add .flex.no2 .text {
  order: 2;
}
.page-areaguide .cont03 .lwrap.add .flex.no2 .text h3 {
  margin-top: 2rem;
}
.page-areaguide .cont03 .title04 {
  margin-bottom: 4.5rem;
}
.page-areaguide .cont03 p {
  line-height: 1.8;
}
.page-areaguide .cont03 .flex .img {
  margin-bottom: 1.5rem;
}
.page-areaguide .cont03 .flex .top {
  margin-bottom: 1.5rem;
}
.page-areaguide .cont03 .flex .top h3 {
  font-size: 2rem;
  text-align: center;
  padding-bottom: 1.5rem;
  border-bottom: .1rem solid #707070;
}
.page-areaguide .cont03 .flex .top .red {
  padding-top: 1.5rem;
  text-align: center;
}
.page-areaguide .cont03 .flex.btn {
  margin-top: 1.5rem;
}
.page-areaguide .cont03 .flex.btn p {
  width: 48%;
  margin-right: 4%;
}
.page-areaguide .cont03 .flex.btn p:last-child {
  margin-right: 0;
}
.page-areaguide .cont03 .flex.btn a {
  color: #000;
  box-sizing: border-box;
  text-align: center;
  background: none;
  border: .1rem solid #000;
  width: 100%;
  transition: .3s;
}
.page-areaguide .cont03 .flex.btn a:hover {
  border-color: #711616;
  background: #711616;
  color: #fff;
}
.page-areaguide .cont03 .kite {
  padding: 3rem 5rem 4rem;
  margin-bottom: 15rem;
}
.page-areaguide .cont03 .kite .left {
  width: 45%;
  margin-right: 4%;
  padding: 0;
}
.page-areaguide .cont03 .kite .right {
  width: 51%;
  margin: 0;
}
.page-areaguide .cont04 {
  background: url("../img/common/bg_ivory.jpg") repeat;
  background-size: auto;
  padding: 8rem 0 7rem;
}
.page-areaguide .cont04 .title04 {
  margin-bottom: 4rem;
}
.page-areaguide .cont04 .flex {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.page-areaguide .cont04 .flex:last-child {
  margin-bottom: 0;
}
.page-areaguide .cont04 .season {
  margin-right: 3%;
  max-width: 10rem;
}
.page-areaguide .cont04 .list {
  margin-right: 3%;
  width: 49%;
}
.page-areaguide .cont04 .list li {
  line-height: 1.8;
  letter-spacing: -.5em;
}
.page-areaguide .cont04 .list li > * {
  letter-spacing: normal;
}
.page-areaguide .cont04 .list li .name {
  width: 65%;
  display: inline-block;
}
.page-areaguide .cont04 .list li .place {
  display: inline-block;
  width: 35%;
}
.page-areaguide .cont04 .img {
  display: flex;
  align-items: center;
  width: 40rem;
}
.page-areaguide .cont04 .img div {
  margin-right: 2rem;
}
.page-areaguide .cont04 .img div:last-child {
  margin-right: 0;
}
.page-areaguide .cont05 {
  padding-top: 6rem;
  margin: 4rem 0 11rem;
}
.page-areaguide .cont05 .title03 {
  margin-bottom: 6rem;
}
.page-areaguide .cont05 .table02 {
  width: 100%;
  margin-bottom: 3rem;
}
.page-areaguide .cont05 .table02 th {
  width: 33%;
  border-right: none;
  padding: 2rem 1.5rem 2rem 4rem;
}
.page-areaguide .cont05 .table02 td {
  padding: 2rem 1.5rem 2rem 4rem;
}
.page-areaguide .cont05 .table02 a {
  color: #000;
}


.youtube {
  position: relative;
  width: 100% !important;
  padding-top: 56.25%;
  margin-bottom: 0;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


.page-access .mainvisual {
  background-image: url("../img/mv/mv_access.jpg");
}
.page-access .cont01 {
  padding: 5rem 0;
}
.page-access .cont01 .title02 {
  margin-bottom: 3rem;
  text-align: center;
}
.page-access .cont01 p {
  line-height: 1.8;
}
.page-access .cont01 .map {
  margin: 8.5rem 0 14rem;
}
.page-access .cont01 .map iframe {
  width: 100%;
  height: 55rem;
}
.page-access .cont02 {
  background: url("../img/common/bg_ivory.jpg") repeat;
  background-size: auto;
  padding: 9rem 0;
}
.page-access .cont02 .title04 {
  margin-bottom: 3rem;
}
.page-access .cont02 .img.no1 {
  margin-bottom: 9rem;
}
.page-access .cont02 .red.center {
  margin-top: 3rem;
}
.page-access .cont03 {
  padding: 10rem 0 11rem;
}
.page-access .cont03 .title03 {
  margin-bottom: 6rem;
}
.page-access .cont03 .table02 {
  width: 100%;
}
.page-access .cont03 .table02 th {
  width: 22%;
  border-right: none;
  padding: 2rem 1.5rem 2rem 4rem;
}
.page-access .cont03 .table02 td {
  padding: 2rem 1.5rem 2rem 4rem;
}
.page-access .cont03 .table02 a {
  display: block;
  color: #000;
}

.contactTable {
  width: 100%;
}
.contactTable tr {
  border-bottom: .1rem dotted #707070;
}
.contactTable tr:first-child {
  border-top: .1rem dotted #707070;
}
.contactTable th {
  background: url("../img/common/bg_beige.jpg") repeat;
  background-size: auto;
  padding: 2rem;
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
}
.contactTable td {
  padding: 2rem;
  vertical-align: middle;
  line-height: 1.5;
}
.contactTable input, .contactTable textarea {
  padding: .5rem 1rem;
  line-height: 1.5;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  outline: none;
}
.contactTable input {
  max-width: 40rem;
  width: 100%;
}
.contactTable input[name="email"], .contactTable input[name="confirm_req"] {
  max-width: 52rem;
  width: 100%;
}
.contactTable textarea {
  width: 100%;
}
.contactTable .anno {
  font-size: 1.3rem;
}

.zeromail .message {
  text-align: center;
  margin-bottom: 3rem;
}
.zeromail .message .error {
  color: #ff0000;
}

#confirm {
  margin: auto;
  width: 100%;
}
#confirm tr {
  border-bottom: .1rem dotted #707070;
}
#confirm tr:first-child {
  border-top: .1rem dotted #707070;
}
#confirm th {
  background: url(../img/common/bg_beige.jpg) repeat;
  background-size: auto;
  padding: 2rem;
  vertical-align: middle;
  text-align: left;
  line-height: 1.5;
  width: 30%;
}
#confirm td {
  padding: 2rem;
  vertical-align: middle;
  line-height: 1.5;
  width: 70%;
}

#error .message {
  text-align: center;
}

.page-contact.check .cont01 {
  background: url(../img/common/bg_ivory.jpg) repeat;
  background-size: auto;
}
.page-contact.check .cont01 .lwrap {
  padding: 0 7rem;
}
.page-contact.check .button {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
.page-contact.check #submit {
  margin-left: 3rem;
  width: 48%;
  max-width: 25rem;
}
.page-contact.check #myreset {
  width: 48%;
  border: .1rem solid #000;
  color: #000;
  background: transparent;
  max-width: 25rem;
}
.page-contact.check #myreset:hover {
  border-color: #7d040f;
  background-color: #7d040f;
  color: #fff;
}
.page-contact.check .error {
  color: #ff0000;
}
.page-contact.error .cont01 {
  background: url(../img/common/bg_ivory.jpg) repeat;
  background-size: auto;
}
.page-contact.comp .mainvisual {
  background-image: url("../img/mv/mv_contact_comp.jpg");
}
.page-contact .mainvisual {
  background-image: url("../img/mv/mv_contact_comp.jpg");
}
.page-contact .bgImgfix .absolute .title01 {
  letter-spacing: .15em;
  bottom: 3rem;
}
.page-contact .cont01 {
  padding: 5rem 0 12rem;
}
.page-contact .cont01 p {
  line-height: 1.8;
}
.page-contact .cont01 p.top {
  text-align: center;
  margin-bottom: 5rem;
}
.page-contact .cont01 p.red.center {
  background: #7d040f;
  color: #fff;
  margin-bottom: 10rem;
  padding: 2rem 0;
  box-sizing: border-box;
}
.page-contact .cont01 .title04 {
  margin-bottom: 6rem;
}
.page-contact .cont01 .telNumber {
  text-align: center;
  color: #8B6A28;
  margin-bottom: 3rem;
}
.page-contact .cont01 .telNumber a {
  color: #8B6A28;
  text-decoration: none;
  font-size: 4.2rem;
  font-weight: bold;
}
.page-contact .cont01 .telNumber .no1 {
  font-size: 2rem;
  font-weight: bold;
}
.page-contact .cont01 .annotation {
  display: inline-block;
  text-align: left;
}
.page-contact .cont01 .annotation a {
  color: #711616;
}
.page-contact .cont02 {
  background: url("../img/common/bg_ivory.jpg") repeat;
  background-size: auto;
  padding: 8rem 0 11rem;
}
.page-contact .cont02 .lwrap {
  padding: 0 7rem;
  box-sizing: border-box;
}
.page-contact .cont02 .title04 {
  margin-bottom: 6rem;
}
.page-contact .cont02 p, .page-contact .cont02 dl, .page-contact .cont02 dt, .page-contact .cont02 dd {
  line-height: 1.8;
}
.page-contact .cont02 .privacyWrap {
  border: .1rem solid #707070;
  box-sizing: border-box;
  margin: 5rem 0;
}
.page-contact .cont02 .border {
  padding: 3rem;
  box-sizing: border-box;
}
.page-contact .cont02 .border.no2 {
  display: none;
}
.page-contact .cont02 .border.no2 p {
  margin-bottom: 3rem;
}
.page-contact .cont02 .border.no2 p.address {
  font-weight: bold;
  margin-bottom: 0;
}
.page-contact .cont02 .border.no2 p.address a {
  color: #000;
  text-decoration: none;
}
.page-contact .cont02 .border.no2 p.address a.mail {
  display: block;
  width: 15.5rem;
}
.page-contact .cont02 .title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 3rem;
}
.page-contact .cont02 .annotation a {
  color: #711616;
}
.page-contact .cont02 .accordionTitle {
  background: #000;
  font-size: 1.6rem;
  font-weight: normal;
  color: #fff;
  position: relative;
}
.page-contact .cont02 .accordionTitle:hover {
  cursor: pointer;
  opacity: .7;
  transition: .3s;
}
.page-contact .cont02 .accordionTitle.active::after {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  opacity: 0;
}
.page-contact .cont02 .accordionTitle span {
  display: inline-block;
  padding: 1.4rem 3rem;
}
.page-contact .cont02 .accordionTitle::before, .page-contact .cont02 .accordionTitle::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: .4rem;
  background: #fff;
  position: absolute;
  right: 3rem;
  top: 50%;
}
.page-contact .cont02 .accordionTitle::after {
  right: 2.9rem;
  top: 47%;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transition: .3s;
}
.page-contact .cont02 .accordionTitle::before {
  transform: translateY(-50%) translateX(0%);
  -webkit-transform: translateY(-50%) translateX(0%);
}
.page-contact .cont02 dt {
  font-size: 2rem;
  color: #8B6A28;
  margin-bottom: .3rem;
}
.page-contact .cont02 dd {
  margin-bottom: 2rem;
}
.page-contact .button {
  margin-top: 3rem;
  text-align: center;
}
.page-contact .button button {
  font-family: 'HiraMinProN-W3','Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3', 'Noto Serif JP','serif';
  background-color: #af9339;
  color: #fff;
  border: none;
  padding: 1.1rem 0;
  width: 25rem;
  font-size: 1.6rem;
  transition: .3s;
}
.page-contact .button button:hover {
  cursor: pointer;
  background-color: #7d040f;
}
.page-contact .complete .mb {
  margin-bottom: 3rem;
}
.page-contact .complete .telNumber {
  margin: 4.5rem 0 0;
}
.page-contact .complete .telNumber .no3 {
  margin-bottom: 2.5rem;
}
.page-contact .complete .telNumber .mail {
  width: 19rem;
  display: inline-block;
  line-height: 0;
}

.page-sitemap .mainvisual {
  background-image: url("../img/mv/mv_sitemap.jpg");
}
.page-sitemap .cont01 {
  padding: 5rem 0 12rem;
}
.page-sitemap .cont01 p {
  line-height: 1.5;
}
.page-sitemap .sitemapLink {
  border-bottom: .1rem dotted #707070;
  padding: 2rem 1.5rem;
  box-sizing: border-box;
}
.page-sitemap .sitemapLink:first-child {
  border-top: .1rem dotted #707070;
}
.page-sitemap .sitemapLink .left {
  width: 38%;
}
.page-sitemap .sitemapLink .left ul {
  padding-left: 4rem;
  margin-top: 2rem;
}
.page-sitemap .sitemapLink .left li {
  line-height: 1.8;
}
.page-sitemap .sitemapLink .left li a {
  text-decoration: none;
  color: #000000;
}
.page-sitemap .sitemapLink .right {
  width: 62%;
  padding-left: 2rem;
  box-sizing: border-box;
}
.page-sitemap .sitemapLink .link a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.page-topics .mainvisual {
  background-image: url("../img/mv/mv_sitemap.jpg");
}
.page-topics .cont01 {
  padding: 5rem 0;
}
.page-topics .cont01 .title03 {
  margin-bottom: 4rem;
}
.page-topics .cont01 .bgIvory {
  background: url("../img/common/bg_beige.jpg") repeat;
  background-size: auto;
  margin: 3rem auto 0;
  text-align: center;
  max-width: 96rem;
  padding: 3rem;
  box-sizing: border-box;
}
.page-topics .cont01 .bgIvory ul {
  display: inline-block;
}
.page-topics .cont01 .bgIvory li {
  text-align: left;
  line-height: 2.2;
}
.page-topics .cont02 {
  background: url("../img/common/bg_ivory.jpg") repeat;
  background-size: auto;
  padding: 7rem 0;
}
.page-topics .cont02 .title03 {
  margin-bottom: 5rem;
}
.page-topics .cont02 .red.center {
  margin: 3rem 0;
  line-height: 1.8;
}
.page-topics .cont02 .bgWhite {
  background: #fff;
  margin: auto;
  text-align: center;
  max-width: 96rem;
  padding: 3rem;
  box-sizing: border-box;
}
.page-topics .cont02 .bgWhite ul {
  display: inline-block;
}
.page-topics .cont02 .bgWhite li {
  text-align: left;
  line-height: 2.2;
}
.page-topics .cont02 .btn {
  max-width: 36rem;
  margin: 3rem auto 4rem;
  text-align: center;
  line-height: 1.5;
}
.page-topics .cont02 .inlineBlock p {
  color: #711616;
  line-height: 1.8;
}
.page-topics .cont02 .inlineBlock p a {
  color: #711616;
}
.page-topics .cont02 .inlineBlock p a.tel {
  text-decoration: none;
}
.page-topics .cont03 {
  padding: 7rem 0 12rem;
}
.page-topics .cont03 .title03 {
  margin-bottom: 5rem;
}
.page-topics .cont03 .link {
  margin-top: 4rem;
}
.page-topics .cont03 p {
  line-height: 1.8;
}
.page-topics .cont03 p.btn {
  text-align: center;
}
.page-topics .cont03 p.btn a {
  background: none;
  text-decoration: underline;
  color: #711616;
  display: inline-block;
  padding: 0;
}
.page-topics .cont03 p.btn:nth-child(1) {
  margin-bottom: 2rem;
}

/* firefox ハック
*********************************/
@-moz-document url-prefix() {
  .home .cont02 .text .pbox {
    width: 11rem;
  }
  .home .cont03 .flex.no4 .ttl h4 {
    width: 3.9rem;
  }
	.page-cuisine .kids .titleVertical{
		width: 13rem;
	}
}
/* safari ハック
*********************************/
_::-webkit-full-page-media, _:future, :root .home .cont02 .text .pbox {
  width: 11rem;
}

_::-webkit-full-page-media, _:future, :root .reservWrap .middle {
  margin-bottom: -1px;
}

/* IE11 ハック
*********************************/
_:-ms-lang(x)::-ms-backdrop, .home .cont03 .flex.no4 .ttl h4 {
  width: 7.5rem;
}

_:-ms-lang(x)::-ms-backdrop, .home .cont02 .text .border {
  display: inline;
}

_:-ms-lang(x)::-ms-backdrop, .home .cont03 .flex.no4 .ttl {
  max-height: 49rem;
}

/* edge ハック
*********************************/
_:-ms-lang(x)::backdrop, .home .cont03 .flex.no4 .ttl h4 {
  width: 7.5rem;
}

_:-ms-lang(x)::backdrop, .home .cont03 .flex.no4 .ttl {
  max-height: 49rem;
}

_:-ms-lang(x)::backdrop, .home .cont02 .text .border {
  display: inline;
}

_:-ms-lang(x)::backdrop, .contactTable input[name="email"] {
  max-width: 50rem;
}

_:-ms-lang(x)::backdrop, .contactTable input[name="confirm_req"] {
  max-width: 50rem;
}

.iPad .bgImgfix {
  background-attachment: inherit;
}
.iPad .reservWrap .bottom {
  background-attachment: inherit;
  height: 50rem;
}
.iPad.home .cont02 .img {
  height: 70%;
  background: url(../img/top/img02.jpg) no-repeat top left;
  background-size: cover;
}
.iPad.home .cont02 .img img {
  display: none;
}

@media screen and (max-width: 1920px) {
  .page-room .headBg {
    background-size: cover;
  }
}
@media screen and (max-width: 1480px) {
  .page-cuisine .cuisineWrap .text {
    padding: 3% 9% 0 3%;
  }
  .page-cuisine .cuisineWrap .text p {
    font-size: 1.2vw;
  }
  .page-cuisine .cuisineWrap .text p.btn02 {
    max-width: 22vw;
    margin-top: 3%;
  }
  .page-cuisine .cuisineWrap .text p.btn02 a {
    font-size: 1.3vw;
  }
  .page-cuisine .cuisineWrap .title02 {
    font-size: 3.2vw;
    margin-bottom: 3%;
  }
  .page-cuisine .cuisineWrap .title02::first-letter {
    font-size: 6vw;
  }
  .page-cuisine .cuisineWrap .title02 .small {
    font-size: 1.8vw;
  }
  .page-cuisine .cuisineWrap.imgRight .text {
    padding: 3% 3% 0 9%;
  }
  .page-cuisine .cuisineWrap.no4 {
/*    padding-bottom: 12%;*/
  }
}
@media screen and (max-width: 1130px) {
  .lwrap {
    margin: 0 1.5rem;
  }

  .home .cont02 .text {
    width: 40%;
  }
  .home .cont02 .img {
    width: 55%;
    top: -5%;
  }
  .home .cont03 .flex .title02 {
    font-size: 4rem;
  }
  .home .cont03 .flex.no2 .text {
    width: 50%;
    margin-left: 5%;
    padding-bottom: 5%;
  }
  .home .cont03 .flex.no2 .text .absolute {
    width: 40%;
  }
  .home .cont03 .flex.no2 .img {
    width: 45%;
  }
  .home .cont03 .flex.no2 .btn02 {
    max-width: 19rem;
  }
  .home .cont03 .flex.no2 .btn02 a {
    font-size: 1.4rem;
  }
  .home .cont03 .flex.no3 .text {
    width: 40%;
  }
  .home .cont03 .flex.no3 .img {
    width: 60%;
  }
  .home .cont03 .flex.no4 .ttl {
    width: 10rem;
    margin-right: 3rem;
  }
  .home .cont03 .flex.no4 .cont {
    width: calc(100% - 13rem);
  }
  .home .cont03 .bgImgfix.no4 .text {
    width: 65%;
  }
  .home .cont03 .bgImgfix.no4 .img {
    width: 35%;
  }

  .kite.lwrap {
    margin: 9rem 1.5rem 17rem;
  }
  .kite .left {
    width: 50%;
    margin-right: 3%;
    padding-left: 3%;
    box-sizing: border-box;
  }
  .kite .right h3 {
    font-size: 3.8vw;
  }
  .kite .right h3::first-letter {
    font-size: 7.6vw;
  }

  .page-room .roomItem {
    margin: 3rem 1.5rem 8rem;
  }
  .page-room .roomDetail .table01 th {
    font-size: 1.4rem;
  }
  .page-room .roomDetail .table01 td {
    font-size: 1.4rem;
  }
  .page-room .roomDetail .left p {
    font-size: 1.4rem;
  }

  .page-spa .spaWrap .absolute {
    width: 14vw;
    left: 7%;
  }

  .contactTable .anno {
    display: inline-block;
    margin-top: 1rem;
  }

  .page-areaguide .cont02 .kite {
    margin: 6rem 1.5rem 0;
  }
  .page-areaguide .cont03 .kite {
    padding: 3rem 3rem 4rem;
  }
}
@media screen and (max-width: 1060px) {
  .page-detail .cont02 .flex .titleVertical {
    font-size: 3.8vw;
  }
  .page-detail .cont02 .flex .titleVertical::first-letter {
    font-size: 7.6vw;
  }
  .page-detail .cont02 .flex .text p.no1 {
    font-size: 1.7vw;
  }
  .page-detail .cont02 .flex .text dt {
    font-size: 2vw;
  }
  .page-detail .cont02 .flex .text dd {
    font-size: 1.7vw;
  }
  .page-detail .cont05 .title {
    font-size: 4.4vw;
  }
}
@media screen and (max-width: 920px) {
  .page-cuisine .kite .right h3 {
    font-size: 3.6vw;
  }
}
@media screen and (max-width: 820px) {
  .page-sitemap .sitemapLink .left {
    width: 50%;
  }
  .page-sitemap .sitemapLink .left ul {
    padding-left: 2rem;
  }
  .page-sitemap .sitemapLink .right {
    width: 50%;
  }
}
/*******************
スマホ
******************/
@media screen and (max-width: 750px) {
  html {
    font-size: 1.33333vw;
  }

  p, a, li, dd, dt, th, td {
    font-size: 3.2rem;
    line-height: 1.8;
  }

  .fixBana {
    display: none;
  }

  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .sp_block {
    display: block;
  }

  .sp_none {
    display: none;
  }

  .parallax {
    display: block;
    width: auto;
    height: 100%;
  }

  .simpleParallax {
    height: 100%;
  }

  .flex.col-2 .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .flex.col-2 .item:last-child {
    margin-bottom: 0;
  }
  .flex.col-3 .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .flex.col-3 .item:last-child {
    margin-bottom: 0;
  }

  .lwrap {
    margin: 0 4rem;
  }

  .title01 {
    font-size: 6rem;
  }
  .title02 {
    line-height: 1.3;
    font-size: 6rem;
  }
  .title02::first-letter {
    font-size: 6rem;
  }
  .title03 {
    font-size: 6rem;
  }
  .title03::after {
    content: none;
  }

  .table01 th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 2rem;
  }
  .table01 td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 2rem;
  }
  .table02 th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 2rem;
  }
  .table02 td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 2rem;
  }

  .sp_slide .slick-prev {
    background: url("../img/common/arrow_slide_prev.png") no-repeat center;
    background-size: 100%;
    left: 2rem;
    width: 2.7rem;
    height: 7.9rem;
    z-index: 9;
  }
  .sp_slide .slick-prev::before {
    content: none;
  }
  .sp_slide .slick-next {
    background: url("../img/common/arrow_slide_next.png") no-repeat center;
    background-size: 100%;
    right: 2rem;
    width: 2.7rem;
    height: 7.9rem;
    z-index: 9;
  }
  .sp_slide .slick-next::before {
    content: none;
  }

  .bgImgfix {
    height: 65rem;
  }
  .bgImgfix .absolute .titleBg {
    width: 10rem;
    height: 49rem;
  }
  .bgImgfix .absolute .en {
    font-size: 2rem;
  }

  .mainvisual.bgImgfix {
    height: 65rem;
  }
  .mainvisual .absolute {
    top: 0;
  }

  .breadcrumb {
    margin: 2rem 0 4rem;
  }
  .breadcrumb a {
    font-size: 2rem;
  }
  .breadcrumb span {
    font-size: 2rem;
  }

  .contactTable {
    border: .1rem solid #707070;
  }
  .contactTable th {
    display: block;
    width: 100%;
    padding: 2rem;
    text-align: center;
    box-sizing: border-box;
  }
  .contactTable th .anno {
    font-size: 3.2rem;
    display: inline-block !important;
  }
  .contactTable td {
    padding: 3rem 2rem;
    box-sizing: border-box;
    display: block;
    width: 100%;
  }
  .contactTable td .anno {
    display: none;
  }
  .contactTable input, .contactTable textarea {
    font-size: 3.2rem;
    width: 100%;
    padding: 1rem;
  }
  .contactTable input {
    max-width: 100%;
  }
  .contactTable input[name="email"], .contactTable input[name="confirm_req"] {
    max-width: 100%;
  }

  .home .mainvisual {
    height: auto;
    min-height: inherit;
  }
  .home .mainvisual .slick-slide {
    height: 100%;
    min-height: inherit;
  }
  .home .mainvisual .slick-slide img {
    position: static;
    -ms-transform: inherit;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: inherit;
    transition: inherit;
    width: 100%;
  }
  .home .mainvisual .absolute {
    top: 10rem;
    transform: translateY(0%) translateX(-50%);
    -webkit-transform: translateY(0%) translateX(-50%);
    width: 14rem;
    max-width: inherit;
  }
  .home .mainvisual .absolute img {
    width: 100%;
  }
  .home .cont01 .bgTop {
    padding: 3.5rem 0 6.5rem;
  }
  .home .cont01 .bgTop .icon {
    margin-bottom: 3rem;
  }
  .home .cont01 .bgTop .icon img {
    width: 25rem;
  }
  .home .cont01 .bgTop p.btn {
    max-width: 50rem;
    margin-bottom: 6rem;
  }
  .home .cont01 .bgTop p.btn a {
    font-size: 3.2rem;
    padding: 2.8rem 0;
  }
  .home .cont01 .title {
    font-size: 6rem;
  }
  .home .cont01 .title .small {
    font-size: 4rem;
  }
  .home .cont01 .aoBox {
    margin: 6rem 7rem 12rem;
    padding: 5rem 0 40rem;
    background-image: url("../img/sp/top/img01.jpg");
  }
  .home .cont01 .aoBox h3 {
    font-size: 6rem;
  }
  .home .cont01 .aoBox h3 .small {
    font-size: 6rem;
  }
  .home .cont01 .aoBox p {
    font-size: 3.6rem;
  }
  .home .cont01 .aoBox .absolute {
    padding: 3rem 0 5rem;
  }
  .home .cont01 .aoBox .absolute p {
    font-size: 3.2rem;
    text-align: left;
    padding: 0 3rem;
  }
  .home .cont01 .aoBox .absolute p br {
    display: none;
  }
  .home .cont01 .aoBox .absolute .btn02 {
    max-width: 50rem;
    padding: 0;
  }
	.home .cont01 .btn02 a{
		max-width: 50rem;
	}
  .home .cont02 {
    padding: 0 0 6.5rem;
  }
  .home .cont02 .text {
    width: 100%;
  }
  .home .cont02 .text .top {
    display: block;
  }
  .home .cont02 .text .top .titleVertical {
    -ms-writing-mode: initial;
    writing-mode: initial;
    font-size: 6rem;
    text-align: center;
  }
  .home .cont02 .text .top .titleVertical::first-letter {
    font-size: 6rem;
  }
  .home .cont02 .text .border {
    font-size: 3.6rem;
    text-align: center;
    -ms-writing-mode: initial;
    writing-mode: initial;
    border-left: none;
    border-right: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .home .cont02 .img {
    width: 61rem;
    height: auto;
    background: none;
    position: relative;
    top: -8rem;
    margin: auto;
  }
  .home .cont03 .bgBlack {
    margin-bottom: 6rem;
  }
  .home .cont03 .flex {
    flex-wrap: wrap;
  }
  .home .cont03 .flex .title02 {
    margin-bottom: 3rem;
    font-size: 6rem;
    text-align: center;
  }
  .home .cont03 .flex .title02::first-letter {
    font-size: 6rem;
  }
  .home .cont03 .flex .btn02 {
    max-width: 56rem;
    margin: 3rem auto 0;
  }
  .home .cont03 .flex .btn02 a {
    font-size: 3.2rem;
  }
  .home .cont03 .flex.no1 {
    margin-top: 4rem;
    margin-bottom: 8rem;
  }
  .home .cont03 .flex.no1 .text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4rem;
  }
  .home .cont03 .flex.no1 .text p br {
    display: none;
  }
  .home .cont03 .flex.no1 .img {
    width: 100%;
  }
  .home .cont03 .flex.no2 {
    padding: 4rem 0 6rem;
  }
  .home .cont03 .flex.no2 .btn02 {
    max-width: 50rem;
  }
  .home .cont03 .flex.no2 .btn02 a {
    font-size: 3.2rem;
  }
  .home .cont03 .flex.no2 .text {
    width: 100%;
    margin-left: 0;
    padding-bottom: 0;
    margin-bottom: 5rem;
  }
  .home .cont03 .flex.no2 .text p br {
    display: none;
  }
  .home .cont03 .flex.no2 .text .absolute {
    display: none;
  }
  .home .cont03 .flex.no2 .img {
    width: 100%;
  }
  .home .cont03 .flex.no3 {
    padding: 5rem 0 7.5rem;
  }
  .home .cont03 .flex.no3 .text {
    width: 100%;
    margin-bottom: 4rem;
  }
  .home .cont03 .flex.no3 .text p br {
    display: none;
  }
  .home .cont03 .flex.no3 .img {
    width: 100%;
  }
  .home .cont03 .flex.no3 .btn02 {
    margin-top: 3rem;
  }
  .home .cont03 .flex.no4 {
    padding-top: 6rem;
    margin: 0;
  }
  .home .cont03 .flex.no4 .ttl {
    width: 100%;
    margin-right: 0;
    padding-bottom: 2rem;
  }
  .home .cont03 .flex.no4 .ttl h4 {
    -ms-writing-mode: initial;
    writing-mode: initial;
    font-size: 6rem;
    text-align: center;
    padding: 3rem 0 0;
    margin-bottom: 1rem;
  }
  .home .cont03 .flex.no4 .ttl p {
    font-size: 2rem;
  }
  .home .cont03 .flex.no4 .cont {
    width: 100%;
    padding: 0 4rem;
  }
  .home .cont03 .flex.no4 .cont .item {
    width: 100%;
    margin-right: 0;
    padding: 4rem 5rem;
  }
  .home .cont03 .flex.no4 .cont .item .imgBox {
    margin-bottom: 2rem;
  }
  .home .cont03 .flex.no4 .cont .item .imgBox img {
    width: 100%;
  }
  .home .cont03 .flex.no4 .cont .item .textBox .btn02 {
    max-width: 38rem;
  }
  .home .cont03 .bgImgfix.no4 {
    position: relative;
    height: 137rem;
  }
  .home .cont03 .bgImgfix.no4 .lwrap {
    position: absolute;
    top: 0;
  }
  .home .cont03 .bgImgfix.no4 .text {
    width: 100%;
  }
  .home .cont03 .bgImgfix.no4 .text .title {
    font-size: 6rem;
    margin-left: 5rem;
    font-weight: bold;
  }
  .home .cont03 .bgImgfix.no4 .text h3 {
    font-size: 6rem;
    margin-left: 5rem;
    margin-bottom: 4rem;
  }
  .home .cont03 .bgImgfix.no4 .text h3::first-letter {
    font-size: 6rem;
  }
  .home .cont03 .bgImgfix.no4 .img {
    width: 100%;
    margin-top: -3rem;
  }
  .home .cont03 .bgImgfix.no4 .img img {
    width: 42rem;
  }
  .home .banaWrap .flex {
    flex-wrap: wrap;
    padding: 6rem 0 8rem;
  }
  .home .banaWrap .fb {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .home .banaWrap .fb iframe {
    min-height: 400px;
    height: auto;
    width: inherit;
  }
  .home .banaWrap .bana {
    width: 100%;
  }
  .home .banaWrap .bana p:nth-child(1) {
    margin-bottom: 3rem;
  }
  .home .banaWrap .bana p:nth-child(2) {
    margin-bottom: 3rem;
  }
  .home .banaWrap .bana p a {
    line-height: 0;
    display: block;
  }
  .home .kite{
    padding-bottom: 10rem;
  }
  .home .kite .left{
    width: 100%;
  }
  .home .kite .right{
    width: 100%;
  }
  .home .kite .right h3{
    font-size: 6rem;
    text-align: center;
    margin-bottom: 4rem;
  }
  .home .kite .right h3::first-letter{
    font-size: 6rem;
  }
  .home .kite .right .sub{
    font-size: 4rem;
    text-align: center;
  }

  .kite {
    flex-wrap: wrap;
    padding: 0 4rem 6rem;
  }
  .kite.lwrap {
    margin: 9rem 0 0;
  }
  .kite .left {
    width: 100%;
    margin-right: 0;
    padding-left: 0;
  }
  .kite .left img {
    width: 67rem;
  }
  .kite .right {
    width: 100%;
    margin: 3rem 0 0;
  }
  .kite .right h3 {
    font-size: 4rem;
    text-align: center;
  }
  .kite .right h3::first-letter {
    font-size: 4rem;
  }
  .kite .right p.no1 {
    margin-bottom: 0;
  }

  .slideWrap {
    margin-bottom: 4rem;
  }
  .slideWrap .slick-prev {
    background: url("../img/common/arrow_slide_prev.png") no-repeat center;
    background-size: 100%;
    left: -3rem;
    width: 2.7rem;
    height: 7.9rem;
    z-index: 9;
  }
  .slideWrap .slick-prev::before {
    content: none;
  }
  .slideWrap .slick-next {
    background: url("../img/common/arrow_slide_next.png") no-repeat center;
    background-size: 100%;
    right: -3rem;
    width: 2.7rem;
    height: 7.9rem;
    z-index: 9;
  }
  .slideWrap .slick-next::before {
    content: none;
  }

  .page-room .headBg {
    height: 14rem;
  }
  .page-room .headBg.right {
    background-image: url(../img/sp/common/bg_headBg_right.jpg);
  }
  .page-room .headBg.no3 {
    background-image: url("../img/sp/common/bg_headBg_left_2.jpg");
  }
  .page-room .cont01 .title02 {
    margin-bottom: 7rem;
  }
  .page-room .cont01 p.center {
    text-align: left;
  }
  .page-room .cont01 .flex {
    margin: 6rem 0;
  }
  .page-room .cont01 .btn02 a {
    width: 32rem;
  }
  .page-room .cont01 .btn02:nth-child(1) {
    margin-right: 3rem;
  }
  .page-room .cont02 .lwrap.white.no1 {
    margin: 8rem 0 0;
  }
  .page-room .cont02 .lwrap.white .title03 {
    margin-bottom: 5rem;
  }
  .page-room .cont02 .lwrap.white .slideWrap ul, .page-room .cont02 .lwrap.white .slideWrap li {
    line-height: 0;
  }
  .page-room .cont02 .lwrap.white.no2 .flex {
    flex-wrap: wrap;
  }
  .page-room .cont02 .lwrap.white.no2 .flex .left {
    width: 100%;
    margin-bottom: 6rem;
    margin-right: 0;
  }
  .page-room .cont02 .lwrap.white.no2 .flex .right {
    width: 100%;
  }
  .page-room .cont02 .lwrap.white.no2 .table02 th {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border-right: none;
    border-bottom: .1rem solid #707070;
    text-align: center;
    padding: 2rem;
  }
  .page-room .cont02 .lwrap.white.no2 .table02 td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 2rem;
  }
  .page-room .cont02 .headBg.no1 {
    height: inherit;
  }
  .page-room .cont02 .headBg.no1 .title03 {
    padding: 6rem 0 2rem;
  }
  .page-room .roomItem {
    margin: 3rem 4rem 6rem;
  }
  .page-room .roomItem .slideWrap .icon {
    width: 9rem;
    bottom: 0rem;
  }
  .page-room .roomDetail {
    flex-wrap: wrap;
  }
  .page-room .roomDetail .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .page-room .roomDetail .left p {
    font-size: 3.2rem;
  }
  .page-room .roomDetail .btn02 {
    max-width: 50rem;
    margin: 5rem auto 0;
  }
  .page-room .roomDetail .table01 tr:first-child {
    border-top: .1rem solid #999999;
  }
  .page-room .roomDetail .table01 tr:last-child td {
    text-align: left;
  }
  .page-room .roomDetail .table01 th {
    font-size: 3.2rem;
    display: block;
    width: 100%;
    text-align: center;
    padding: 1.5rem;
  }
  .page-room .roomDetail .table01 td {
    font-size: 3.2rem;
    box-sizing: border-box;
    display: block;
    width: 100%;
    text-align: center;
    padding: 2rem;
    border-top: .1rem solid #999999;
  }
  .page-room .roomDetail .right {
    width: 100%;
  }
  .page-room .roomName h3 {
    font-size: 6rem;
  }
  .page-room .roomId {
    width: 11rem;
    padding: 0;
    line-height: 1.5;
  }
  .page-room .covid {
    padding-top: 6rem;
  }
  .page-room .covid .title {
    font-size: 6rem;
    margin-bottom: 6rem;
  }
  .page-room .covid p.sub {
    text-align: left;
    margin-bottom: 5rem;
  }
  .page-room .covid p.sub br {
    display: none;
  }
  .page-room .covid .item {
    flex-wrap: wrap;
    padding: 6rem 4rem;
    margin-bottom: 6rem;
  }
  .page-room .covid .item h4 {
    font-size: 4rem;
    text-align: center;
    margin-bottom: 4rem;
  }
  .page-room .covid .item .text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .page-room .covid .item .img {
    width: 100%;
  }
  .page-room .covid .item .img img {
    width: 100%;
  }

  .page-cuisine .cuisineWrap {
    flex-wrap: wrap;
    margin-bottom: 10rem;
  }
  .page-cuisine .cuisineWrap .img {
    width: 100%;
    order: 2;
  }
  .page-cuisine .cuisineWrap .text {
    width: 100%;
    order: 1;
    padding: 0 4rem;
    margin-bottom: 6rem;
  }
  .page-cuisine .cuisineWrap .text p {
    font-size: 3.2rem;
  }
  .page-cuisine .cuisineWrap .text p.btn02 {
    max-width: 50rem;
    margin: 6rem auto 0;
  }
  .page-cuisine .cuisineWrap .text p.btn02 a {
    font-size: 3.2rem;
  }
  .page-cuisine .cuisineWrap .title02 {
    font-size: 6rem;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 5rem;
  }
  .page-cuisine .cuisineWrap .title02::first-letter {
    font-size: 6rem;
  }
  .page-cuisine .cuisineWrap .title02 .small {
    font-size: 3.6rem;
  }
  .page-cuisine .cuisineWrap.no4 {
    background: none;
/*    padding-bottom: 0;*/
    margin-bottom: 0;
  }
	.page-cuisine .cuisineWrap.imgRight .text{
		padding: 0 4rem;
	}
  .page-cuisine .cont02 {
    padding: 8rem 0 12rem;
  }
  .page-cuisine .cont02 h2 {
    font-size: 6rem;
    margin-bottom: 5rem;
  }
  .page-cuisine .cont02 .flex {
    flex-wrap: wrap;
  }
  .page-cuisine .cont02 .flex .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .page-cuisine .cont02 .flex .right {
    width: 100%;
  }
  .page-cuisine .cont02 .flex .right img {
    margin-bottom: 1.5rem;
  }
  .page-cuisine .cont02 .red {
    text-align: left;
    text-decoration: none;
  }
	.page-cuisine .kite{
		margin-top: 0;
	}
  .page-cuisine .kite .left {
    width: 100%;
  }
  .page-cuisine .kite .right {
    width: 100%;
  }
  .page-cuisine .kite .right h3 {
    font-size: 6rem;
  }
  .page-cuisine .kite .right h3::first-letter {
    font-size: 6rem;
  }
	.page-cuisine .kids{
		padding: 9rem 0 0;
	}
	.page-cuisine .kids .lwrap{
		margin: 0;
		padding: 9rem 4rem;
	}
	.page-cuisine .kids .title02{
		margin: 0 0 3rem;
	}
	.page-cuisine .kids .title02:first-letter{
		font-size: 6rem;
	}
	.page-cuisine .kids .titleVertical{
		font-size: 3.6rem;
		padding: 3rem 5.512rem;
	}
	.page-cuisine .kids .flex .txt{
		width: 100%;
	}
	.page-cuisine .kids .flex .img{
		width: 100%;
	}
	.page-cuisine .kids .flex .img img{
		width: 100%;
	}
	.page-cuisine .kids li{
		width: 50%;
		margin-bottom: 1.5rem;
	}

  .page-detail .cont01 p.center {
    text-align: left;
  }
  .page-detail .cont02 {
    padding: 7rem 0;
  }
  .page-detail .cont02 .flex {
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }
  .page-detail .cont02 .flex .titleVertical {
    position: static;
    text-align: center;
    font-size: 6rem;
    -ms-writing-mode: initial;
    writing-mode: initial;
  }
  .page-detail .cont02 .flex .titleVertical::first-letter {
    font-size: 6rem;
  }
  .page-detail .cont02 .flex .img {
    order: 1;
    margin-bottom: 5rem;
    width: 100%;
  }
  .page-detail .cont02 .flex .img img {
    width: 100%;
  }
  .page-detail .cont02 .flex .text {
    width: 100%;
    margin-right: 0;
    order: 2;
  }
  .page-detail .cont02 .flex .text p.no1 {
    font-size: 3.2rem;
    margin-bottom: 5rem;
  }
  .page-detail .cont02 .flex .text dt {
    font-size: 4rem;
  }
  .page-detail .cont02 .flex .text dd {
    font-size: 3.2rem;
    margin-bottom: 3rem;
  }
  .page-detail .cont03 {
    padding: 7rem 0 18rem;
  }
  .page-detail .cont03 p.center {
    text-align: left;
  }
  .page-detail .cont03 .col-3 .item {
    width: 100%;
    margin-bottom: 6rem;
  }
  .page-detail .cont03 .col-3 .item:last-child {
    margin-bottom: 0;
  }
  .page-detail .cont03 .col-3 .img {
    margin-bottom: 1.5rem;
  }
  .page-detail .cont03 .col-3 .title {
    font-size: 4rem;
    margin-bottom: 3rem;
  }
  .page-detail .cont04 .title02 {
    margin-bottom: 4rem;
  }
  .page-detail .cont04 .slideWrap {
    margin-bottom: 5rem;
  }
  .page-detail .cont04 p.center {
    text-align: left;
  }
  .page-detail #cont3 {
    padding-top: 0;
  }
  .page-detail .cont05 {
    padding: 7rem 0;
  }
  .page-detail .cont05 .flex {
    flex-wrap: wrap;
  }
  .page-detail .cont05 .text {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5rem;
  }
  .page-detail .cont05 .img {
    width: 100%;
  }
  .page-detail .cont05 .img img {
    width: 100%;
  }
  .page-detail .cont05 .title {
    font-size: 4rem;
    text-align: center;
    margin-bottom: 5rem;
  }
  .page-detail .cont05 p.no1 {
    margin-bottom: 0;
  }
  .page-detail .kite {
    padding-bottom: 10rem;
  }
  .page-detail .kite .left {
    width: 100%;
  }
  .page-detail .kite .right {
    width: 100%;
  }
  .page-detail .kite .right h3 {
    font-size: 6rem;
    margin-bottom: 1rem;
  }
  .page-detail .kite .right h3::first-letter {
    font-size: 6rem;
  }
  .page-detail .kite .right .sub {
    font-size: 4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 4rem;
  }
  .page-detail .kite .right p.no1 {
    margin-bottom: 3rem;
  }

  .page-spa .spaWrap .slideWrap {
    max-height: 40rem;
  }
  .page-spa .spaWrap p {
    text-align: left;
  }
  .page-spa .spaWrap .absolute {
    width: 12rem;
    left: 4rem;
  }
  .page-spa .spaWrap.no1 {
    background: none;
    padding: 9rem 0 11rem;
  }
  .page-spa .spaWrap.no1 .flex {
    flex-wrap: wrap;
  }
  .page-spa .spaWrap.no1 .img {
    display: none;
  }
  .page-spa .spaWrap.no1 .text {
    width: 100%;
    margin-top: 0;
  }
  .page-spa .spaWrap.no1 .text .list01 {
    margin-top: 6rem;
  }
  .page-spa .spaWrap .btn02 {
    max-width: 50rem;
  }
  .page-spa .spaWrap.no2 {
    margin-top: 0;
    background: none;
    padding: 8rem 0 8rem;
  }
  .page-spa .spaWrap.no3 {
    padding: 9rem 0 6rem;
    background: none;
  }
  .page-spa .spaWrap.no3 .btn02 {
    margin: 3rem auto 0;
  }
  .page-spa .spaWrap.no3 .text {
    width: 100%;
    margin-right: 0;
  }
  .page-spa .spaWrap.no3 .img {
    display: none;
  }
  .page-spa .spaWrap.no4 {
    background: none;
    padding: 6rem 0 7rem;
  }
  .page-spa .spaWrap.no4 .flex {
    flex-wrap: wrap;
  }
  .page-spa .spaWrap.no4 .img {
    width: 100%;
    margin-right: 0;
  }
  .page-spa .spaWrap.no4 .text {
    margin-top: 3rem;
    width: 100%;
  }
  .page-spa .spaWrap.no4 .text .btn02 {
    margin: 3rem auto 0;
  }
  .page-spa .cont01 .title02 {
    margin-bottom: 5rem;
  }
  .page-spa .cont01 p {
    text-align: left;
  }
  .page-spa .cont02 {
    background: #000;
  }
  .page-spa .cont03 {
    margin-top: 8rem;
  }
  .page-spa .cont03 .spaWrap .slideWrap {
    margin-bottom: 5rem;
  }
  .page-spa .cont04 .title03 {
    font-size: 4rem;
    margin-bottom: 4rem;
  }
  .page-spa .cont04 p.border {
    border: .1rem solid #707070;
  }
  .page-spa .kite.lwrap {
    padding-bottom: 10rem;
  }
  .page-spa .kite.num01{
  }
  .page-spa .kite.num01 .left {
    width: 100%;
  }
  .page-spa .kite.num01 .right {
    width: 100%;
  }
  
  .page-spa .kite .left {
    width: 100%;
  }
  .page-spa .kite .right {
    width: 100%;
  }
  .page-spa .kite .right .sub {
    font-size: 4rem;
    text-align: center;
  }
  .page-spa .kite .right h3 {
    font-size: 6rem;
    margin-bottom: 4rem;
  }
  .page-spa .kite .right h3::first-letter {
    font-size: 6rem;
  }

  .page-access .cont01 .title02 {
    margin-bottom: 5rem;
  }
  .page-access .cont01 p {
    text-align: left;
  }
  .page-access .cont01 .map {
    margin: 5rem 0;
  }
  .page-access .cont01 .map iframe {
    height: 50rem;
  }
  .page-access .cont02 {
    padding: 10rem 0;
  }
  .page-access .cont02 .title04 {
    margin-bottom: 5rem;
    font-size: 4rem;
  }
  .page-access .cont03 .title03 {
    margin-bottom: 5rem;
  }
  .page-access .cont03 .table02 th {
    display: block;
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
    border-bottom: .1rem solid #707070;
  }
  .page-access .cont03 .table02 td {
    display: block;
    width: 100%;
    padding: 2rem;
    box-sizing: border-box;
  }
  .page-access .cont03 .table02 a {
    margin-bottom: 2rem;
  }
  .page-access .cont03 .table02 a:last-child {
    margin-bottom: 0;
  }

  .page-areaguide .cont01 {
    padding: 5rem 0 10rem;
  }
  .page-areaguide .cont01 .title02 {
    margin-bottom: 5rem;
  }
  .page-areaguide .cont01 p {
    text-align: left;
  }
  .page-areaguide .cont02 {
    padding: 10rem 0 14rem;
  }
  .page-areaguide .cont02 .bgLeft, .page-areaguide .cont02 .bgRight {
    display: none;
  }
  .page-areaguide .cont02 .title04 {
    font-size: 6rem;
    margin-bottom: 5rem;
  }
  .page-areaguide .cont02 .rubyCont {
    font-size: 3.2rem;
    top: -4rem;
  }
  .page-areaguide .cont02 p {
    text-align: left;
  }
  .page-areaguide .cont02 .slideWrap {
    margin: 5rem 0 9rem;
  }
  .page-areaguide .cont02 .illust {
    margin: 0 0 3rem;
  }
  .page-areaguide .cont02 .btn02 {
    max-width: 50rem;
  }
  .page-areaguide .cont02 .flex .item {
    margin-bottom: 6rem;
  }
  .page-areaguide .cont02 .flex .item:last-child {
    margin-bottom: 0;
  }
  .page-areaguide .cont02 .flex h3 {
    font-size: 4rem;
    color: #AF9339;
    margin-bottom: 3rem;
  }
  .page-areaguide .cont02 .flex .img {
    margin-bottom: 3rem;
  }
  .page-areaguide .cont02 .flex .img img {
    width: 100%;
  }
  .page-areaguide .cont02 .kite {
    margin: 6rem 0 0;
  }
  .page-areaguide .cont02 .kite .right h3 {
    color: #000;
  }
  .page-areaguide .cont03 {
    padding: 10rem 0;
  }
  .page-areaguide .cont03 .lwrap.add .flex {
    flex-wrap: wrap;
  }
  .page-areaguide .cont03 .lwrap.add .flex .text {
    width: 100%;
    order: 2 !important;
  }
  .page-areaguide .cont03 .lwrap.add .flex .text h3 {
    text-align: center;
  }
  .page-areaguide .cont03 .lwrap.add .flex .text .spLetter {
    letter-spacing: -.025em;
  }
  .page-areaguide .cont03 .lwrap.add .flex .img {
    width: 100%;
    order: 1 !important;
    margin-bottom: 3rem;
  }
  .page-areaguide .cont03 .lwrap.add .flex.no1 {
    margin-bottom: 6rem;
  }
  .page-areaguide .cont03 .lwrap.add .flex.no2 .text h3 {
    margin-top: 0;
  }
  .page-areaguide .cont03 .title04 {
    margin-bottom: 5rem;
  }
  .page-areaguide .cont03 .flex .img {
    margin-bottom: 3rem;
  }
  .page-areaguide .cont03 .flex .img img {
    width: 100%;
  }
  .page-areaguide .cont03 .flex .item {
    margin-bottom: 6rem;
  }
  .page-areaguide .cont03 .flex .item:last-child {
    margin-bottom: 0;
  }
  .page-areaguide .cont03 .flex .top {
    margin-bottom: 3rem;
  }
  .page-areaguide .cont03 .flex .top h3 {
    font-size: 4rem;
    padding-bottom: 2rem;
  }
  .page-areaguide .cont03 .flex .top .red {
    padding-top: 2rem;
  }
  .page-areaguide .cont03 .flex.btn {
    margin-top: 3rem;
  }
  .page-areaguide .cont03 .kite {
    margin-bottom: 0;
    padding: 6rem 3rem;
  }
  .page-areaguide .cont03 .kite .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .page-areaguide .cont03 .kite .right {
    width: 100%;
  }
  .page-areaguide .cont04 {
    padding: 10rem 0;
    margin-top: 9rem;
  }
  .page-areaguide .cont04 .title04 {
    font-size: 6rem;
    margin-bottom: 5rem;
  }
  .page-areaguide .cont04 .flex {
    flex-wrap: wrap;
    margin-bottom: 8rem;
  }
  .page-areaguide .cont04 .flex:last-child {
    margin-bottom: 0;
  }
  .page-areaguide .cont04 .season {
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 3rem;
    max-width: inherit;
  }
  .page-areaguide .cont04 .season p {
    line-height: 0;
  }
  .page-areaguide .cont04 .season img {
    width: 16rem;
  }
  .page-areaguide .cont04 .list {
    margin-right: 0;
    margin-bottom: 3rem;
    width: 100%;
  }
  .page-areaguide .cont04 .list li {
    margin-bottom: 2rem;
  }
  .page-areaguide .cont04 .list li:last-child {
    margin-bottom: 0;
  }
  .page-areaguide .cont04 .list li .name {
    font-size: 3.2rem;
    font-weight: bold;
    width: 100%;
    margin-right: 0;
    display: block;
  }
  .page-areaguide .cont04 .list li .name::before {
    content: "■";
    color: #AF9339;
  }
  .page-areaguide .cont04 .list li .place {
    display: block;
    padding-left: 3.5rem;
    width: 100%;
  }
  .page-areaguide .cont04 .img {
    width: 100%;
  }
  .page-areaguide .cont04 .img div {
    width: 48%;
  }
  .page-areaguide .cont04 .img div:nth-child(1) {
    margin-right: 4%;
  }
  .page-areaguide .cont04 .img div img {
    width: 100%;
  }
  .page-areaguide .cont05 {
    margin: 4rem 0 12rem;
  }
  .page-areaguide .cont05 .title03 {
    margin-bottom: 5rem;
    font-size: 4rem;
  }
  .page-areaguide .cont05 .table02 th {
    width: 100%;
    padding: 2rem;
    border-bottom: .1rem solid #707070;
  }
  .page-areaguide .cont05 .table02 td {
    padding: 2rem;
  }
  .page-areaguide .kite .right h3 {
    font-size: 6rem;
  }
  .page-areaguide .kite .right h3::first-letter {
    font-size: 6rem;
  }
  .page-areaguide .kite .sp-mb-30{
    margin-bottom: 3rem!important;
  }

  #confirm th {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  #confirm td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 3rem 2rem;
  }

  .page-contact.check .cont01 {
    padding-bottom: 12rem;
  }
  .page-contact.check .cont01 .lwrap {
    padding: 0;
  }
  .page-contact.check .button {
    display: block;
  }
  .page-contact.check #myreset {
    width: 50rem;
    max-width: inherit;
  }
  .page-contact.check #submit {
    margin-left: auto;
    margin-bottom: 3rem;
    width: 50rem;
    max-width: inherit;
  }
  .page-contact .cont01 {
    padding: 5rem 0 8rem;
  }
  .page-contact .cont01 p.top {
    text-align: left;
    margin-bottom: 8rem;
  }
  .page-contact .cont01 p.red.center {
    padding: 3rem;
    text-align: left;
  }
  .page-contact .cont01 .title04 {
    font-size: 4rem;
    margin-bottom: 5rem;
  }
  .page-contact .cont01 .telNumber {
    margin-bottom: 5rem;
  }
  .page-contact .cont01 .telNumber .no1 {
    font-size: 3.2rem;
  }
  .page-contact .cont01 .telNumber a {
    font-size: 6rem;
  }
  .page-contact .cont02 {
    padding: 8rem 0 12rem;
  }
  .page-contact .cont02 .lwrap {
    padding: 0;
  }
  .page-contact .cont02 .title04 {
    font-size: 4rem;
    margin-bottom: 5rem;
  }
  .page-contact .cont02 p.center {
    text-align: left;
  }
  .page-contact .cont02 .title {
    font-size: 4rem;
    margin-bottom: 5rem;
  }
  .page-contact .cont02 .border {
    padding: 5rem 3rem;
  }
  .page-contact .cont02 .border.no2 p.address a.mail {
    width: 31rem;
  }
  .page-contact .cont02 .accordionTitle {
    font-size: 4rem;
  }
  .page-contact .cont02 .accordionTitle span {
    padding: 2.4rem 3rem;
  }
  .page-contact .cont02 .accordionTitle::before, .page-contact .cont02 .accordionTitle::after {
    width: 3rem;
    height: .4rem;
    right: 3rem;
  }
  .page-contact .cont02 .accordionTitle::after {
    right: 2.9rem;
  }
  .page-contact .cont02 .privacyWrap {
    margin-bottom: 8rem;
  }
  .page-contact .cont02 dt {
    font-size: 4rem;
  }
  .page-contact .cont02 dd {
    margin-bottom: 3rem;
  }
  .page-contact .button {
    margin-top: 4rem;
  }
  .page-contact .button button {
    font-size: 3.2rem;
    width: 50rem;
    padding: 2rem 0;
  }
  .page-contact .complete p.center {
    text-align: left;
  }
  .page-contact .complete .telNumber .center {
    text-align: center;
  }
  .page-contact .complete .telNumber .mail {
    width: 32rem;
  }

  .page-sitemap .bgImgfix .absolute .title01 {
    font-size: 5rem;
    bottom: 3rem;
  }
  .page-sitemap .sitemapLink {
    flex-wrap: wrap;
    padding: 3rem;
  }
  .page-sitemap .sitemapLink .left {
    width: 100%;
  }
  .page-sitemap .sitemapLink .left ul {
    padding-left: 3rem;
    margin-top: 3rem;
  }
  .page-sitemap .sitemapLink .left li {
    font-size: 2.8rem;
  }
  .page-sitemap .sitemapLink .right {
    width: 100%;
    padding-left: 0;
    margin-top: 3rem;
  }

  .page-topics .cont01 {
    padding: 5rem 0 9rem;
  }
  .page-topics .cont01 .title03 {
    margin-bottom: 5rem;
  }
  .page-topics .cont01 .center {
    text-align: left;
  }
  .page-topics .cont01 .bgIvory {
    padding: 5rem;
    margin: 5rem auto 0;
  }
  .page-topics .cont01 .bgIvory li {
    text-indent: -2em;
    padding-left: 5rem;
    margin-bottom: 1.5rem;
  }
  .page-topics .cont01 .bgIvory li:last-child {
    margin-bottom: 0;
  }
  .page-topics .cont02 {
    padding: 9rem 0;
  }
  .page-topics .cont02 .title03 {
    margin-bottom: 5rem;
  }
  .page-topics .cont02 .center {
    text-align: left;
  }
  .page-topics .cont02 .center.red {
    margin: 5rem 0;
  }
  .page-topics .cont02 .bgWhite {
    padding: 5rem;
  }
  .page-topics .cont02 .bgWhite li {
    text-indent: -2em;
    padding-left: 5rem;
    margin-bottom: 1.5rem;
  }
  .page-topics .cont02 .bgWhite li:last-child {
    margin-bottom: 0;
  }
  .page-topics .cont02 .btn {
    max-width: inherit;
    margin: 6rem auto;
  }
  .page-topics .cont02 .btn a {
    padding: 2rem 0;
  }
  .page-topics .cont02 .inlineBlock p {
    text-align: left;
    line-height: 2;
  }
  .page-topics .cont03 {
    padding: 9rem 0 14rem;
  }
  .page-topics .cont03 .title03 {
    margin-bottom: 5rem;
  }
  .page-topics .cont03 p.center {
    text-align: left;
  }
  .page-topics .cont03 p.btn:nth-child(1) {
    margin-bottom: 3rem;
  }
  .page-topics .cont03 .link {
    margin-top: 6rem;
  }

  /* firefox ハック
  *********************************/
  @-moz-document url-prefix() {
    .home .cont02 .text .pbox {
      width: 100%;
    }
    .home .cont03 .flex.no4 .ttl h4 {
      width: 100%;
    }
	  .page-cuisine .kids .titleVertical{
		  width: 17rem;
	  }
  }
  /* safari ハック
  *********************************/
  _::-webkit-full-page-media, _:future, :root .home .cont02 .text .pbox {
    width: 100%;
  }
}

.page-489ban{
  font-size: 62.5%;
  font-family: 'HiraMinProN-W3','Hiragino Mincho ProN','ヒラギノ明朝 ProN W3','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3', 'Noto Serif JP','serif';
}
.page-489ban p{
  margin-bottom: 0;
}
.page-489ban h1, .page-489ban h2, .page-489ban h3, .page-489ban h4, .page-489ban h5, .page-489ban h6 , .page-489ban ul{
  line-height: normal;
  margin: 0;
  font-size: initial;
}
.page-489ban .bgImgfix{
  background-image: url(../img/mv/mv_sitemap.jpg);
}
.page-489ban .mainvisual .title01{
  font-size: 2.5rem;
}
.page-489ban .mainvisual .absolute{
  top: 6.8rem;
}
.page-489ban .footer .left p.btn{
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 750px){
  .page-489ban{
    font-size: 1.33333vw;
  }
  .page-489ban .spnaviMenu{
    width: 15.3rem;
  }
  .page-489ban .spnavi .tel a{
    width: 22rem;
  }
  .page-489ban .spnavi .mail a{
    width: 22rem;
  }
  .page-489ban .spnavi .plan a{
    width: 31rem;
  }
  .page-489ban .mainvisual .absolute{
    top: 0;
  }
  .page-489ban .mainvisual .title01{
    font-size: 3.2rem;
  }
  .page-489ban .reservWrap .top .right ul{
    width: 52rem;
  }
}

.c-hocho{
  padding: 6rem 0;
  background: url("../img/areaguide/cloud.png") no-repeat center top 30rem;
  background-size: 23.5rem;
}
.c-hocho .left{
  width: 45%;
  margin-right: 4%;
}
.c-hocho .right{
  width: 51%;
  margin: 0;
}
.c-hocho .right h3{
  font-size: 4.2rem;
  margin-bottom: 3rem;
}
.c-hocho .right h3::first-letter{
  font-size: 8.4rem;
}
.c-hocho .right p{
  line-height: 1.8;
  margin-bottom: 3rem;
}
.c-hocho .overimg{
  width: calc(100% + 6rem);
  max-width: inherit;
}
.c-hocho .btnwrap{
  display: flex;
  column-gap: 1.5rem;
  margin-bottom: 6rem;
}
.c-hocho .btnwrap .btn02{
  width: 100%;
  max-width: inherit;
  margin-top: 0!important;
}

@media screen and (max-width: 750px) {
  .c-hocho{
    flex-wrap: wrap;
  }
  .c-hocho .left{
    width: 100%;
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .c-hocho .right{
    width: 100%;
  }
  .c-hocho .right h3{
    font-size: 6rem;
    text-align: center;
  }
  .c-hocho .right h3::first-letter{
    font-size: 6rem;
  }
  .c-hocho .right p{
  }
  .c-hocho .overimg{
    width: calc(100% + 10rem);
  }
  .c-hocho .btnwrap{
    flex-wrap: wrap;
    row-gap: 3rem;
  }
  
}