/*
Theme Name: Rental
*/
body{margin: 0px; font-family: serif;}
ul{list-style: none;}
h1{margin:0px;}
a {text-decoration: none; color: black;}
.width100{width: 100%;}
.width90{width: 90%;}
.width80{width: 80%;}
.width70{width: 70%;}
.text-center{text-align: center;}
.paddingBottom2EM{padding-bottom: 2em;}
.marginAuto{margin:0 auto;}
.marginTopBottom10{margin-top: 10%;margin-bottom: 10%;}
.marginTop5{margin-top: 5%;}
.relative{position: relative;}

/*

header{
  position: absolute;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  text-align: center;
  background: white;
}
header h1 img{vertical-align: bottom;}
.c-button{position: absolute;
    right: 5%;
    top: .8em;
    padding: .2em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1.8em;
    background: linear-gradient(#ba9f4d, #816531);
    color: white;
    font-weight: bold;}

header h1{display: inline-block;}
header h1 img{vertical-align: bottom;width: 200px;}
.menu{display: inline;}
.menu ul{display: inline-flex;padding-left: 0px;width: 50%;justify-content: space-around;color: black; margin:0px;vertical-align: bottom;margin-left: 10%;}
.menu ul li{line-height: 78px;}
#contact{position: absolute; top:0px; right: 0px;height: 100%;}

.one-clm-inner{display: flex;}

.three img{padding-left: 0%;object-fit: contain; width: 100%;}
.movie{text-align: center;margin-top: -35%;}
.movie iframe{width: 60%;height: 500px;}
.title-inner{text-align: center;}

iframe{z-index: 1000;}


.top .main {position: absolute; bottom: 5%; left: 5%; color: white; font-weight: bold; font-size: 6em;text-shadow: 1px 1px 2px black;} 
.top .sub {position:absolute; bottom: 0%; left: 60%; color: #ca9d75; font-weight: bold; letter-spacing: .2em; font-size: 4em;font-family: 'Meie Script', cursive;} 
.backgroundBlack{background: black;}
.second{text-align: center;}
.second .two-clm-inner{display: flex; justify-content:center;width: 80%; margin: 5% auto;}
.second .two-clm-inner .item {width: 50%; position: relative;}
.second .item .description{color: white;}
.second .two-clm-inner .item img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.second .two-clm-inner .item p{
  position: absolute;
  top: 50%;
  left: 70%;
  width: 70%;
  line-height: 2em;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.gold{color: #ca9d75;}
.third{
  position: relative;
  background: url(./images/lp/creative-space-bk.png);
  display: flex;
  height: 800px;
  background-size: cover;
  background-repeat: no-repeat;
}
.third .main {position: absolute; top: 0%; left: 5%; color: white; font-weight: bold; font-size: 6em;text-shadow: 1px 1px 2px black;} 
.third .sub {position:absolute; top: 18%; left: 30%; color: #ca9d75; font-weight: bold; letter-spacing: .2em; font-size: 4em;font-family: 'Meie Script', cursive;} 
.third .text-inner{position: absolute; top: 40%;left: 50%; width: 40%;}
.three-clm-inner ul{padding-left: 0px;display: flex;width: 99%;
    justify-content: space-evenly;
    margin: 0 auto;}
.three-clm-inner　li{display: inline;}
.fourth-clm-inner{display: flex; flex-wrap: wrap; justify-content:space-between;}
.fourth-clm-inner .item{width: 23%; color: white;}
.fourth-inner{background: #c89b74;
    padding-top: 5%;
    padding-bottom: 5%;}
.fourth-inner p{color: white;}
.fourth {
  border-top: 10px solid #c89b74;
}
.fourth .title{position: relative;}
.fourth .title .main{padding-top: .5em; font-size: 2em; padding-right: 5%; text-align: right; padding-bottom: .5em; background: #c89b74; color: white;}
.fourth .title .sub{ background: white;
    position: absolute;
    font-size: 5em;
    left: 15%;
    top: -.2em;
    font-family: 'Meie Script', cursive;
    letter-spacing: .2em;
    margin:0px;
    color: #c89b74; }
.fifth{padding-top: 5%;
    padding-bottom: 5%;
    background: #f9f0eb;}
.sixth{padding-top: 5%;
    padding-bottom: 5%;background: #f9f0eb;}
.sixth .title {text-align: center;}
.sixth .title h2{font-size: 6em;font-family: 'Meie Script', cursive;letter-spacing: .2em; color: #c89b74;}
.sixth .title p{font-size: 1.5em;}
.sixth .iconbox img {width: 2em;}
.sixth .two-clm-inner{display: flex;height: auto;padding-bottom: 5%;justify-content: center;}
.sixth .two-clm-inner .item{position: relative;width: 40%;}
.sixth .two-clm-inner .right-inner{}
.sixth .two-clm-inner .left-inner{}
  .sixth .two-clm-inner .left-inner p{line-height: 2em;display: inline-block; color: white;
    margin: 0px;}
    .sixth .two-clm-inner .left-inner h2{text-align: center; background: #c89b74; color: white;}
  .sixth .two-clm-inner .left-inner #first{position: absolute; top:40%; left: 55%;}
  .sixth .two-clm-inner .left-inner #second{position: absolute; top:45%; left: 50%;}
  .sixth .two-clm-inner .left-inner #third{position: absolute; top:50%; left: 45%;}
  .sixth .two-clm-inner .left-inner #fourth{position: absolute; top:55%; left: 58%;}
  .sixth .two-clm-inner .left-inner #fifth{position: absolute; top:60%; left: 56%;}
  .sixth .two-clm-inner .left-inner #sixth{position: absolute; top:65%; left: 30%;}
  .sixth .two-clm-inner .left-inner #seventh{position: absolute; top:70%; left: 70%;}
  .sixth .two-clm-inner .left-inner #eighth{position: absolute; top:75%; left: 80%;}



  .gunma-inner{background: #c89b74;padding: 5%;}
  .sixth .two-clm-inner .right-inner h2{text-align: center; font-size: 3em; color: #c89b74;}
  .sixth .two-clm-inner .right-inner li{
    background: #c89b74;
    color: white;
    text-align: center;
    padding: 8px;
    margin: 8px;
    font-size: 1.8em;
  }
  .seventh .title h2 {font-size: 4em; text-align: center; font-family: 'Meie Script', cursive;letter-spacing: .2em; color: #c89b74;}
  .seventh .title p {font-size: 1.5em; text-align: center;}
  .seventh .two-clm-inner{display: flex; justify-content: center;margin-top: 5%;margin-bottom: 5%;}
  .seventh .two-clm-inner .item{width: 50%; position: relative;}
  .seventh .two-clm-inner .item .text-inner{
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  }
  .seventh .two-clm-inner .sub-title{font-size: 2em;}
  .seventh .two-clm-inner .title{font-size: 3em; font-weight: bold;}
  .seventh .two-clm-inner .description{font-size: 1em; line-height: 2em;}
  .ninth .title h2 {font-size: 4em; text-align: center; font-family: 'Meie Script', cursive;letter-spacing: .2em; color: #c89b74;}
  .ninth .title p {font-size: 1.5em; text-align: center;}
  .ninth .three-clm-inner {display: flex; justify-content: center;}
  .ninth .three-clm-inner .item {width: 30%; text-align: center;padding: 5%;}
  .ninth .main-description{font-size: 1.2em; line-height: 2em; text-align: center;}
  .ninth .three-clm-inner .item .title{font-family: 'Meie Script', cursive; font-size: 2em;}
  .ninth .three-clm-inner .item .description{font-size: 1.2em;}
  .tenth {background: url(./images/lp/contact-bk.png);
  height: 500px;
  text-align: center;
  padding-top: 5%;
  background-size: cover;
  background-repeat: no-repeat;}
  .tenth img {    width: 40%;
    margin: 2em auto;}
  .tenth h2{color: white; text-align: center; margin:0px;}
  .tenth p{color: white;}
  .tenth .title{text-align: center; font-family: 'Meie Script', cursive; font-size: 4em;}
  .tenth .sub-title{text-align: center;font-size: 2em;}
  .tenth .description{text-align: center;font-size: .8em;}
  #form .contact-inner{ width: 60%; margin: 0 auto; }
  #form .contact-inner h2{color:#c89b74;text-align: center; font-family: 'Meie Script', cursive; font-size: 4em;}
  #form {background:#f9f0eb;padding-top: 5%;
    padding-bottom: 5%;}
  #form p{color: #c89b74;}
  input[type="text"] {font-size: 18px;
    width: 100%;
    height: 2em;}
  input[type="email"] {font-size: 18px;
    width: 100%;
    height: 2em;}
  input[type="tel"] {
    font-size: 18px;
    width: 100%;
    height: 2em;
}
select{
  font-size: 18px;
    width: 100%;
    height: 2em;
}
  textarea {font-size: 18px;
    width: 100%;}
  input[type="submit"] {
    background: #c89b74;
    border: 0px;
    color: white;
    width: 50%;
    font-size: 2em;
    margin-left: 25%;
  }
  footer p {padding-top: 0%;text-align: center;}
  footer .two-clm-inner{display: flex; justify-content: space-around;margin-top: 5%; width: 50%; margin:0% auto;margin-bottom: 0%;}
  footer .two-clm-inner .item{width: 30%; position: relative;}
  footer .appeeal{font-size: 2em;}
  footer .two-clm-inner .item p {text-align: left;text-align: left;
    margin-top: 0px;
    padding-top: 0px;
   
    line-height: 30px;}
  footer .title{font-size: 2em;}
  footer .two-clm-inner .item {
    margin-top: 0%; margin-bottom:0%;}

  .slide .two-clm-inner{
    width: 80%;
    margin: 0 auto;
  }
  .main-item{
    position: relative;
  }
  .main-item{width: 30%;}
  .main-item img{width: 100%;height: 350px;}

  .sub-item{width: 70%;font-size: .8em;}
  .main-item p{
    position: absolute;
    right: 10%;
    top: 10%;
    color: white;
    font-weight: bold;
    font-size: 6em;
  }
  #en-name{font-size: 2em;font-family: 'Meie Script', cursive; }
  #jp-name{font-size: 1.5em; }
  #address{font-size: 1.2em; }
  #description{line-height: 1.5em;}
  #width{font-size: 1.2em; }
  .grallery{width: 80%;
    margin: 0 auto;}
  .grallery .three-clm-inner{display: flex; justify-content: space-between;}
  .grallery .three-clm-inner .item{width: 30%;}
    
  
  .pcnone{display: none;}
  .spnone{display: block;}


  @media screen and (max-width:798px) {
    .two-clm-inner {
      display: block!important;
    }
    .two-clm-inner .item {
      width: 100%!important;
    }
    .second .two-clm-inner .item img {
      position: initial;
      top: 0%;
      left: 0%;
      transform: initial;
      -webkit- transform: initial;
    }
    .second .two-clm-inner .item .description {
      position: initial;
      top: 0%;
      left: 0%;
      transform: initial;
      -webkit- transform: initial;
    }
    .second .two-clm-inner .item p{width: 100%; text-align: center;}
    .c-button{display: none;}
    .top .sub {
      left: 0%;
    }
    header h1 img {
      width: 200px;
    }
    .third .sub {
      left: 0%;
    }
    .sixth .title h2 {
      font-size: 2em;
    }
    .second {
        height: auto;
    }
    .three-clm-inner ul {display: block;}
    .fourth .title .sub {
      position: relative;
      text-align: center;
      top:0px;
      left:0px;
    }
    .fourth .title .main {
        padding-top: 0em;
        font-size: 2em;
        padding-right: 0%;
        text-align: center;
        padding-bottom: 0em;
        background: transparent;
        color: black;
        margin:0px;
    }
    .fourth-inner p {
        color: white;
        font-size: 1.5em;
        margin: 8px;
    }
    .fourth-inner ul li{
      margin-top: 10%;
      margin-bottom: 10%;
    }
    .fourth-clm-inner .item {
        width: 45%;
        color: white;
    }
    .fourth-clm-inner {
      justify-content: space-evenly;
    }
    .sixth .title h2 {
        font-size: 2.8em;
        text-align: center;
    }
    .sixth .ttle p{
      width: 90%;
    margin: 0 auto;
    line-height: 2em;
    }
    br{display: none;}
    .sixth ul {padding-left: 0px;}
    .sixth .two-clm-inner {height: auto;}
    .seventh .title h2{margin-top: 1em; margin-bottom: 0em;}
    .seventh .two-clm-inner .item .text-inner{
      position: initial;
      top: 0%;
      left: 0%;
      width: 80%;
      margin: 0 auto;
      text-align: center;
      transform: initial;
      -webkit- transform: initial;
    }
    .ninth .three-clm-inner {
      display: block;
    }
    .ninth .three-clm-inner .item {
        width: initial;
        text-align: center;
        padding: 5%;
    }
    .ninth .three-clm-inner .item .title {
      font-size: 3em;
    }
    .tenth {
        height: auto;
        background-position: top;
    }
    .tenth .description {
        text-align: center;
        font-size: .8em;
        width: 90%;
        margin: 0 auto;
    }
    .tenth img {width: 80%;}
    #form .contact-inner {
        width: 90%;
    }
    footer .appeeal {
        font-size: 1em;
    }
    footer br{
      display: block;
    }
    footer .two-clm-inner .item {
      margin-top: 20%;
      margin-bottom: 20%;
    }
    .top {
       height: initial;
       display: flex;
    }
    .pcnone{display: block;}
    .spnone{display: none;}
    .seventh .title{
      width: 90%;
      margin: 0 auto;
    }
    .sixth .title p {
        font-size: 1.5em;
        width: 90%;
        line-height: 2em;
        margin: 0 auto;
    }
    .top {
        display: flex!important;
    }
    .seventh .title {
        width: 100%;
        margin: 0 auto;
    }
    .seventh .title p {
      width: 90%;
      margin: 0 auto;
  }
  .main-item p {
    position: absolute;
    right: 10%;
    top: 20%;
    color: white;
    font-weight: bold;
    font-size: 6em;
}
.sixth .two-clm-inner .right-inner {
    display: none;
}
.main-item{width: 100%;}
.sub-item{width: 100%;}
.gunma-inner {
    padding: 2%;
}
.sixth .iconbox img {
    width: 1em;
}
.sixth .two-clm-inner .left-inner p {
    font-size: .5em;}
}
*/



/*TERRACE*/
.sixth .iconbox img {
    width: 1.2em;
}
.pcnone{display: none;}
.spnone{display:block;}
header{
  position: absolute;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  text-align: center;
  background: white;
}
header h1 img{vertical-align: bottom;}
.c-button{position: absolute;
    right: 5%;
    top: .8em;
    padding: .2em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1.8em;
    background: linear-gradient(#ba9f4d, #816531);
    color: white;
    font-weight: bold;}

header h1{display: inline-block;}
header h1 img{vertical-align: bottom;}
.menu{display: inline;}
.menu ul{display: inline-flex;padding-left: 0px;width: 50%;justify-content: space-around;color: black; margin:0px;vertical-align: bottom;margin-left: 10%;}
.menu ul li{line-height: 78px;}
#contact{position: absolute; top:0px; right: 0px;height: 100%;}

.one-clm-inner{display: flex;}
header h1 img {
    height: 80px;
    width: auto;
}
.contact-btn{width: 200px;}
header{position: relative;}
header .btn-inner {
    position: absolute;
    top: 25%;
    right: 5%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.menu ul li {
    line-height: 46px;
    font-size: .8em;
    font-weight: bolder;
}
.menu ul{margin-left: 0px;}
h2{font-family: 'Noto Serif JP', serif;}
.second{
  padding-top: 5%;
  text-align: center;
    padding-bottom: 5%;
}
.second hr{
  width: 200px;
    margin: 2em auto;
}
.second h2{
  font-size: 2em;
    line-height: 1.8em;
    letter-spacing: .4em;
}
.second p{
  line-height: 2em;
  font-size: 1.7em;
}
.third .two-clm-inner {
  display: flex;
  width: 90%;
  margin: 0 auto;
  justify-content: space-around;
}
.third .two-clm-inner .left{
  width: 35%;
}
.third .two-clm-inner .left img{
  width: 100%;
}
.third .two-clm-inner .right {
  width: 55%;
}
.third .two-clm-inner .right .card{display: flex;justify-content: space-around;}
.third .two-clm-inner .right .card .card-inner img{width: 100%;}
.third .two-clm-inner .c-date{color: #bca24c; margin-top: 2px; margin-bottom: 2px;}
.third .two-clm-inner .right .card .card-inner .c-description{font-size: .5em;}
.third .two-clm-inner .right .card .card-inner{width: 30%;}
.third .two-clm-inner .right .title{text-align: center; color: #bca24c; font-weight: bold; font-size: 2em;margin-bottom: 0px;}
.third .two-clm-inner .right .sub-title{text-align: center;font-size: 1em;margin-top: 0px;}
.third .two-clm-inner .right .description{text-align: center;font-size: 1.2em; line-height: 2em;}
.title-inner h2{text-align: center; color: #bca24c; font-weight: bold; font-size: 2em;margin-bottom: 0px;}
.title-inner p{text-align: center;font-size: 1em;margin-top: 0px;}
.title-inner{padding-top: 5%;padding-bottom: 5%;}

.fourth .plan-left .two-clm-inner{justify-content: space-around; display: flex;}
.fourth .plan-left .two-clm-inner .left {width: 60%;}
.fourth .plan-left .two-clm-inner .left img {width: 100%;}
.fourth .plan-left .two-clm-inner .left .two-clm-inner .left {width: 25%;}
.fourth .plan-left .two-clm-inner .left .two-clm-inner .right {width: 70%;}
.fourth .plan-left .two-clm-inner .left .two-clm-inner .right .three-clm-inner{display: flex; justify-content: space-around; width: 90%; margin:0 auto;}
.fourth .plan-left .two-clm-inner .left .two-clm-inner .right .three-clm-inner .item{width: 30%; text-align: center;}
.fourth .plan-left .two-clm-inner .right {width: 30%;}
.fourth .plan-left{background: #f3f3eb; padding-top: 5%;padding-bottom: 5%;}
.fourth .roomtype{background: #f9f9f3;padding: 16px; text-align: center;}
.fourth .roomtype .title{text-align: center; color: #bca24c; font-weight: bold; font-size: 2em;margin-bottom: 0px;}
.fourth .roomtype .sub-title{text-align: center;font-size: 1em;margin-top: 0px;}
.fourth .roomtype a{background: black; color: white; text-decoration: none; padding-left: 2em; padding-right: 2em; padding-top: 1em; padding-bottom: 1em;font-size: .8em;}
.fourth .plan-left .two-clm-inner .right .title{color: #bca24c;font-weight: bold; font-size: 2em; }
.fourth .plan-left .two-clm-inner .right .sub-title{color: #bca24c; }
.fourth .plan-left .two-clm-inner .right .description{line-height: 2em;}
.fourth .plan-left .two-clm-inner .right .price{font-size: 2.2em; font-weight: bold;}
.fourth .plan-left .two-clm-inner .right tbody{}
.fourth .plan-left .two-clm-inner .right table{border-spacing: 0px;border-top: 1px solid #bca24c;}
.fourth .plan-left .two-clm-inner .right table .key{ width: 20%; border-bottom: 1px solid #bca24c; border-right: 1px solid #bca24c;  }
.fourth .plan-left .two-clm-inner .right table .value{ width: 80%;border-bottom: 1px solid #bca24c;font-size: .8em;
    line-height: 2em;padding: .2em; }

.fourth .plan-right .two-clm-inner{justify-content: space-around; display: flex;}
.fourth .plan-right{ padding-top: 5%;padding-bottom: 5%;}
.fourth .plan-right .two-clm-inner .right {width: 60%;}
.fourth .plan-right .two-clm-inner .right img {width: 100%;}
.fourth .plan-right .two-clm-inner .right .two-clm-inner .left {width: 25%;}
.fourth .plan-right .two-clm-inner .right .two-clm-inner .right {width: 70%;}
.fourth .plan-right .two-clm-inner .right .two-clm-inner .right .three-clm-inner{display: flex; justify-content: space-around; width: 90%; margin:0 auto;}
.fourth .plan-right .two-clm-inner .right .two-clm-inner .right .three-clm-inner .item{width: 30%; text-align: center;}
.fourth .plan-right .two-clm-inner .left {width: 30%;}
.fourth .plan-right .two-clm-inner .left .title{color: #bca24c;font-weight: bold; font-size: 2em; }
.fourth .plan-right .two-clm-inner .left .sub-title{color: #bca24c; }
.fourth .plan-right .two-clm-inner .left .description{line-height: 2em;}
.fourth .plan-right .two-clm-inner .left .price{font-size: 2.2em; font-weight: bold;}
.fourth .plan-right .two-clm-inner .left tbody{}
.fourth .plan-right .two-clm-inner .left table{border-spacing: 0px;border-top: 1px solid #bca24c;}
.fourth .plan-right .two-clm-inner .left table .key{ width: 20%; border-bottom: 1px solid #bca24c; border-right: 1px solid #bca24c;  }
.fourth .plan-right .two-clm-inner .left table .value{ width: 80%;border-bottom: 1px solid #bca24c;font-size: .8em;
    line-height: 2em;padding: .2em; }
.fifth .two-clm-inner{display: flex; justify-content: space-around;}
.fifth .two-clm-inner .item{width: 50%;text-align: center;}
.fifth .two-clm-inner .item h2{color: #bca24c;font-weight: bold; font-size: 2em; }
.fifth .two-clm-inner .item p{line-height: 2em;width: 80%;margin: 0 auto;}
.fifth .two-clm-inner .item {position: relative;}
.fifth .two-clm-inner .item .clm-inner {position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
width: 100%;}


.sixth .plan-left .two-clm-inner{justify-content: space-around; display: flex;}
.sixth .plan-left .two-clm-inner .left {width: 60%;}
.sixth .plan-left .two-clm-inner .left img {width: 100%;}
.sixth .plan-left .two-clm-inner .left .two-clm-inner .left {width: 25%;}
.sixth .plan-left .two-clm-inner .left .two-clm-inner .right {width: 70%;}
.sixth .plan-left .two-clm-inner .left .two-clm-inner .right .three-clm-inner{display: flex; justify-content: space-around; width: 90%; margin:0 auto;}
.sixth .plan-left .two-clm-inner .left .two-clm-inner .right .three-clm-inner .item{width: 30%; text-align: center;}
.sixth .plan-left .two-clm-inner .right {width: 30%;}
.sixth .plan-left{ padding-top: 5%;padding-bottom: 5%;}
.sixth .plan-left .two-clm-inner .right .title{color: #bca24c;font-weight: bold; font-size: 2em; }
.sixth .plan-left .two-clm-inner .right .sub-title{color: #bca24c; }
.sixth .plan-left .two-clm-inner .right .description{line-height: 2em;}
.sixth .plan-left .two-clm-inner .right .price{font-size: 2.2em; font-weight: bold;}
.sixth .plan-left .two-clm-inner .right tbody{}
.sixth .plan-left .two-clm-inner .right table{border-spacing: 0px;border-top: 1px solid #bca24c;}
.sixth .plan-left .two-clm-inner .right table .key{ width: 20%; border-bottom: 1px solid #bca24c; border-right: 1px solid #bca24c;  }
.sixth .plan-left .two-clm-inner .right table .value{ width: 80%;border-bottom: 1px solid #bca24c;font-size: .8em;
    line-height: 2em;padding: .2em; }

.seventh .two-clm-inner{display: flex; justify-content: space-around;}
.seventh .two-clm-inner .item{width: 50%;text-align: center;}
.seventh .two-clm-inner .item p{line-height: 2em;width: 80%;margin: 0 auto;}
.seventh .two-clm-inner .item {position: relative;}
.seventh .two-clm-inner .item .clm-inner {position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
width: 100%;}
.seventh .three-clm-inner{display: flex; justify-content: space-around; width: 90%; margin:0 auto;}
.seventh .three-clm-inner .item{width: 30%; text-align: center;}



.eighth .two-clm-inner{display: flex; justify-content: space-around;}
.eighth .two-clm-inner .item{width: 50%;text-align: center;}
.eighth .two-clm-inner .item p{line-height: 2em;width: 80%;margin: 0 auto;}
.eighth .two-clm-inner .item {position: relative;}
.eighth .two-clm-inner .item .clm-inner {position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
width: 100%;}
.eighth .num-clm-inner{display: flex; justify-content: space-around; width: 70%;margin: 0 auto;}
.eighth .num-clm-inner .left{width: 30%;}
.eighth .num-clm-inner .right p{font-size: 1.35em;line-height: 2.2em;color: #bca24c;}
.eighth .num-clm-inner .left span{color: #bca24c;font-weight: bold; font-size: 4em;}
.eighth .num-clm-inner .right{width: 70%;}
.eighth .two-clm-inner .item .clm-inner .description {line-height: 2.5em; width: 60%;}

.ninth{background: #f3f3eb; padding-top: 5%;padding-bottom: 5%;}
.ninth .two-clm-inner{display: flex; justify-content: space-around;}
.ninth .two-clm-inner .left{width: 60%;text-align: center;}
.ninth .two-clm-inner .right{width: 40%;text-align: left; position: relative;}
.ninth .two-clm-inner .clm-inner {position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
width: 100%;}

#form .contact-inner{ width: 60%; margin: 0 auto; }
  #form .contact-inner h2{color:#c89b74;text-align: center; font-family: 'Meie Script', cursive; font-size: 4em;}
  #form {background: #f3f3eb;padding-top: 5%;
    padding-bottom: 5%;}
  #form p{color: #c89b74;width: 60%;
    margin: 0 auto;}
  input[type="text"] {font-size: 18px;
    width: 100%;
    height: 2em;}
  input[type="email"] {font-size: 18px;
    width: 100%;
    height: 2em;}
  input[type="tel"] {
    font-size: 18px;
    width: 100%;
    height: 2em;
}
input[type="date"] {
  font-size: 18px;
    width: 100%;
    height: 2em;

}
select{
  font-size: 18px;
    width: 100%;
    height: 2em;
}
  textarea {font-size: 18px;
    width: 100%;}
  input[type="submit"] {
    background: #c89b74;
    border: 0px;
    color: white;
    width: 50%;
    font-size: 2em;
    margin-top: 5%;
    margin-left: 25%;
  }

.required{color: red; margin-left: 16px;}

.price span{font-size: .6em;}


#faq  h2{text-align: center;}
.faq-inner {width: 80%; margin: 0 auto;}
.quiz {color:#bca24c; font-size: 2em; }


/*========================
      faq list
    ==========================*/
.faq {
  width: 100%;
  margin: 0 auto;
}

.faq__list {
  width: 100%;
  margin: 0 auto;
}

.faq__inner {
    background: #e5ddc6;
    padding: 1em 2em;
}

.faq__inner+.faq__inner {
    margin-top: 1em;
}

.faq__question {
  position: relative;
  cursor: pointer;
  padding-right: 13.2%;
}

.faq__arrow {
  position: absolute;
  top: 40%;
  right: 0%;
  transition: transform 0.3s ease-in-out;
}

.add-rotate {
  transform: rotate(-180deg);
  transition: transform 0.3s ease-in-out;
}

.faq__answer {
  background-position: 50% 3.6%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.q{display: inline-block;
    margin-left: 8px;
    vertical-align: inherit;
    padding-left: 8px;
    font-size: 1.5em;
    text-align: left;}
footer{text-align: center;}
footer img{height: 100px;}
#campaign{text-align: center;}


@media screen and (max-width:1081px) {
   iframe{width: 100%;}
   .seventh .three-clm-inner {display: block;}
   .pcnone{display: block;}
   .spnone{display: none;}
   .contact-btn {display: none;}
   .menu ul {display: none; text-align: center; display: block; width: 100%;}
   .menu-btn {
    width: 12vw;
    height: 12vw;
    position: absolute;
    z-index: 10000;
    background: transparent;
    top: 50%;
    right: 0em;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
  }
  .menu-btn .inner {
      width: 11.06vw;
      height: 5.466vw;
      position: relative;
      margin: 3.2vw auto 1vw;
  }
  .menu-btn .inner span:nth-of-type(1) {
    top: 0;
}
.menu-btn .inner span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%);
}
.menu-btn .inner span:nth-of-type(3) {
    bottom: 0;
}
.menu-btn .inner span {
    width: 100%;
    height: 0.266vw;
    background:#c89b74 ;
    position: absolute;
    left: 0;
    transition: .3s;
}
.menu{display: none;}

.active {
    display: block;
}
.menu-btn.active .inner span:nth-of-type(3) {
    transform: rotate(
-45deg) translate(1.7vw,-1.9vw);
}
.menu-btn.active .inner span:nth-of-type(2) {
    opacity: 0;
}
.menu-btn.active .inner span:nth-of-type(1) {
    transform: rotate(
45deg) translate(2vw,2vw);
}
.second hr {width: 100px;}
.second h2 {font-size: 1.2em; letter-spacing: 0em;}
.second p {line-height: 2em; font-size: 1em; width: 80%; margin: 0 auto;}
.card-inner img{width: 100%;}
.card-inner{width: 90%; margin:0 auto; margin-top: 10%;margin-bottom: 10%; text-align: center;}
.card-inner .c-date{color: #bca24c; margin-top: 2px; margin-bottom: 2px;}
.card-inner .c-title{text-align: center; color: black; font-weight: bold; font-size: 1.5em;margin-bottom: 0px; }
.card-inner .c-description{font-size: .5em;}
.title-inner h2 {font-size: 3em;}
.pcnone .card-inner .three-clm-inner{display: flex; justify-content: space-around; width: 90%; margin:0 auto;}
.pcnone .card-inner .three-clm-inner .item{width: 30%; text-align: center;}
.pcnone .card-inner .roomtype{background: #f9f9f3;padding: 16px; text-align: center;}
.pcnone .card-inner .roomtype .title{text-align: center; color: #bca24c; font-weight: bold; font-size: 2em;margin-bottom: 0px;}
.pcnone .card-inner .roomtype .sub-title{text-align: center;font-size: 1em;margin-top: 0px;}
.pcnone .card-inner .roomtype a{background: black; color: white; text-decoration: none; padding-left: 2em; padding-right: 2em; padding-top: 1em; padding-bottom: 1em;font-size: .8em;}
.pcnone .card-inner .title{color: #bca24c;font-weight: bold; font-size: 2em; margin-top: 0px; }
.pcnone .card-inner .sub-title{color: #bca24c; margin-bottom: 0px; }
.pcnone .card-inner .description{line-height: 2em; text-align: center;}
.pcnone .card-inner .price{font-size: 2.2em; font-weight: bold;}
.pcnone .card-inner {text-align: initial;}
.pcnone .card-inner table{border-spacing: 0px;border-top: 1px solid #bca24c;}
.pcnone .card-inner table .key{ width: 20%; border-bottom: 1px solid #bca24c; border-right: 1px solid #bca24c;  }
.pcnone .card-inner table .value{ width: 80%;border-bottom: 1px solid #bca24c;font-size: .8em;}
.pcnone .card-inner table .key {font-size: .8em;}
.pcnone .card-inner .price {font-size: 1.5em;text-align: center;}
.veige{background: #f3f3eb;}
.fourth .card-inner {padding: 5%;}
.fifth{text-align: center;}
.fifth .title-inner h2{margin-top: 0px;}
.fifth .title-inner {
    padding-top: 0%;
}
.fifth .title-inner p {
    text-align: center;
    font-size: .5em;
    width: 80%;
    line-height: 2em;
    margin: 0 auto;
    margin-top: 0px;
}
.seventh .three-clm-inner {display: flex;}
.seventh .three-clm-inner .item{width: 30%;}
.seventh .three-clm-inner .item img{width: 100%;}
.seventh .three-clm-inner {width: 99%;}
.seventh p{text-align: center;
    line-height: 2em;}
.seventh .three-clm-inner p{font-size: .5em;}
.ninth .two-clm-inner {display: block;}
.ninth .two-clm-inner .left{width: 100%;}
.ninth .two-clm-inner .right{width: 100%;}
#form p {
    color: #c89b74;
    width: 90%;
    margin: 0 auto;
}
footer{text-align: center;}
footer img{width: 50%;}
.ninth .two-clm-inner .clm-inner {
    position: initial;
    top: initial;
    left: initial;
    transform:initial;
    -webkit- transform: initial;
    width: 90%;
    margin: 0 auto;
}
.card-inner .c-description {
    font-size: 1em;
    line-height: 2em;
}
/*
.q {
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
}
.quiz {
    color: #bca24c;
    font-size: 1.2em;
}*/
input[type="text"] {
    width: 95.5%;
}
 input[type="email"] {font-size: 18px;
   width: 95.5%;
    height: 2em;}
  input[type="tel"] {
    font-size: 18px;
    width: 95.5%;
    height: 2em;
}
input[type="date"] {
  font-size: 18px;
    width: 95.5%;
    height: 2em;

}
select{
  font-size: 18px;
    width: 95.5%;
    height: 2em;
}
  textarea {font-size: 18px;
    width: 95.5%;}
  input[type="submit"] {
    background: #c89b74;
    border: 0px;
    color: white;
    width: 80%;
    font-size: 2em;
    margin-top: 5%;
    margin-left: 10%;
  }
.seventh .three-clm-inner {
    display: block;
}
  .seventh .three-clm-inner .item {
    width: 90%;
    margin: 0 auto;
}
.pcnone .card-inner .three-clm-inner {
    display: block;
}
.pcnone .card-inner .three-clm-inner .item {
    width: 100%;
    text-align: center;
}
.card-inner img {
    width: 100%;
    margin-top: 5%;
}
.faq__arrow {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 30%;
    right: 5%;
    transition: transform 0.3s ease-in-out;
}
.quiz {
    color: #bca24c;
    font-size: 1em;
}
.q {
    margin-left: 8px;
    vertical-align: inherit;
    padding-left: 8px;
    font-size: .5em;
    text-align: left;
}
.faq__inner {
    padding: .5em;
}
.q {
    display: inline;
    }
.faq-inner {
    width: 95%;
    margin: 0 auto;
}
.faq__answer p{
  font-size: .5em;
}
.slider{
  padding-left: 0px;
    width: 100%;
    margin: 0 auto;
}
.pcnone .card-inner .roomtype {
    padding: 16px;
    padding-left: 4px!important;
    padding-right: 4px!important;
}
.slider li > img {
  display: block;
  width: auto;
  max-width: 100%;
}

}