@charset "UTF-8";
body * {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

figure, figcaption, dl, dd, dt {
  margin: 0;
  padding: 0;
}

.sp {
  display: none;
}

header, header * {
  overflow: visible;
}

#sp-side {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

#sidebar-button div {
  width: 25px;
}

p {
  margin-top: 0;
}

.content2 {
  overflow: visible;
  max-width: 100%;
}

#pankuzu {
  font-size: 15px;
  max-width: 980px;
  margin: 0 auto;
}

#page-title {
  text-align: center;
  background-color: #f6f6f6;
  padding: 20px;
  margin-top: 1em;
}

#page-title > div:first-child {
  font-weight: bold;
  font-size: 30px;
}

#page-title > div:last-child {
  color: #8d6601;
}

#blue-headline {
  color: #0c2f8d;
  text-align: center;
  font-size: 26px;
  margin-top: 30px;
  font-weight: bold;
}

.br-pc {
  display: block;
}

.br-sp {
  display: none;
}

.center-text {
  text-align: center;
  margin-top: 30px;
}

#ct-top {
  font-size: 19px;
}

#beige-title {
  font-size: 30px;
  color: #8d6601;
  font-weight: bold;
  text-align: center;
}

#beige-title > div {
  width: 360px;
  margin: auto;
  margin-top: 50px;
  line-height: 35px;
  border-left: 1.5px solid #8d6601;
  border-right: 1.5px solid #8d6601;
}

.slider-frame {
  text-align: center;
  position: relative;
  width: 980px;
  margin: auto;
}

.left, .right {
  position: absolute;
}

.left-s, .right-s {
  height: 33px;
  top: calc(50% - 16px);
}

.left-l, .right-l {
  top: calc(50% - 24px);
}

.left {
  left: 10px;
}

.right {
  right: 10px;
}

.slider-frame > div:last-child {
  text-align: left;
}

.slider img {
  width: 100%;
}

#gray-back-title {
  text-align: center;
  font-size: 30px;
  color: #0c2f8d;
  background-color: #f5f6fa;
  line-height: 2em;
  margin-top: 50px;
  font-weight: bold;
}

section > div:first-child {
  margin-bottom: 10px;
}

#roomarea_bg {
  width: 100%;
  background: url(../images/renewal_room/tile_img_bg.png) top center/95% repeat-x, url(../images/renewal_room/wall_bg.jpg);
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "Hiragino Maru Gothic W4 JIS2004", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 500;
  color: #3f1f00;
}
@media only screen and (max-width: 960px) {
  #roomarea_bg {
    background: url(../images/renewal_room/tile_img_bg.png) top center/200% repeat-x, url(../images/renewal_room/wall_bg.jpg) top center/230%;
  }
}
@media only screen and (max-width: 960px) {
  #roomarea_bg {
    font-size: 0.8em;
    line-height: 1.2;
  }
}

#roomarea {
  width: 980px;
  margin: 0 auto 10%;
}
@media only screen and (max-width: 960px) {
  #roomarea {
    width: 94%;
  }
}
#roomarea h3 {
  width: 70%;
  margin: 8% auto 0;
}
@media only screen and (max-width: 960px) {
  #roomarea h3 {
    width: 90%;
  }
}
#roomarea .data {
  margin: 0 auto 4%;
}
#roomarea p.cap {
  text-align: right;
  font-size: 70%;
}
@media only screen and (max-width: 960px) {
  #roomarea p.cap {
    font-size: 60%;
  }
}
#roomarea dl.concept-pht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#roomarea dl.concept-pht dd {
  width: 49.5%;
}
@media only screen and (max-width: 960px) {
  #roomarea dl.concept-pht dd {
    width: 48%;
  }
}

.obi {
  background: url(../images/renewal_room/obi.jpg) repeat-x;
}
@media only screen and (max-width: 960px) {
  .obi {
    background: none;
  }
}
.obi h3 {
  width: 1000px;
  margin: 0 auto 5%;
}
@media only screen and (max-width: 960px) {
  .obi h3 {
    width: 100%;
    margin: 0;
  }
  .obi h3 img {
    width: 100%;
  }
}

#roomarea p {
  font-size: 90%;
}

#roomarea img {
  width: 100%;
}

#concept {
  width: 940px;
  margin: 0 auto 10%;
  position: relative;
}
@media only screen and (max-width: 960px) {
  #concept {
    width: 94%;
  }
}
#concept .concept-copy {
  width: 55%;
  padding: 5% 0;
}
@media only screen and (max-width: 960px) {
  #concept .concept-copy {
    width: 70%;
    padding: 5% 0;
  }
}
#concept dl.concept-pht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#concept dl.concept-pht dt {
  width: 100%;
  margin-bottom: 3%;
}
#concept dl.concept-pht dd {
  width: 49.5%;
}
@media only screen and (max-width: 960px) {
  #concept dl.concept-pht dd {
    width: 48%;
  }
}
#concept .tit_img {
  width: 45%;
  position: absolute;
  top: 0;
  right: 2%;
}
@media only screen and (max-width: 960px) {
  #concept .tit_img {
    width: 40%;
    position: absolute;
    top: 8%;
    right: 0;
  }
}

#room {
  width: 940px;
  margin: 0 auto 5%;
  position: relative;
}
@media only screen and (max-width: 960px) {
  #room {
    width: 94%;
  }
}
#room .room-copy {
  width: 50%;
  padding: 5% 0;
  margin: 0 0 0 auto;
}
#room .room-pht {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#room .room-pht dt {
  width: 100%;
  margin-bottom: 3%;
}
#room .room-pht dd {
  width: 49.5%;
}
@media only screen and (max-width: 960px) {
  #room .room-pht dd {
    width: 48%;
  }
}
#room .room_img {
  width: 45%;
  position: absolute;
  top: 0;
  left: 2%;
}
@media only screen and (max-width: 960px) {
  #room .room_img {
    top: 4%;
  }
}

.bnr {
  width: 100%;
  margin: 5% auto 5%;
  color: #fff;
  background: #b91432;
  padding: 2% 0;
  border-radius: 50px;
  font-weight: bold;
  text-align: center;
}
.bnr a {
  text-decoration: none;
  color: #fff;
}
@media only screen and (max-width: 960px) {
  .bnr {
    padding: 3% 0;
    font-size: 140%;
  }
}

.bnr:hover {
  opacity: 0.7;
}

.bnr:active {
  opacity: 0.7;
}

/*フッタの為　下記をいれないと崩れる*/
#contact {
  width: 980px;
  margin: 0 auto;
}
@media only screen and (max-width: 960px) {
  #contact {
    width: 100%;
  }
}

.f-sitemap {
  width: 980px;
  margin: 0 auto;
}
@media only screen and (max-width: 960px) {
  .f-sitemap {
    width: 100%;
  }
}

/*フッタの為*/
.flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
}

dl.hotel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

dl.hotel dd:first-child {
  width: 100%;
}

dl.hotel dd {
  width: 49.5%;
}

.slidtext {
  width: 100%;
  margin: 2% auto 10% auto;
}

.slidtext2 {
  width: 100%;
  margin: 2% auto 5% auto;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
}

#enjoyarea h3 {
  width: 70%;
  margin: 5% auto 2%;
}

@media only screen and (max-width: 768px) {
  #enjoyarea h3 {
    width: 100%;
    margin: 7% auto 0;
  }
  #enjoyarea h3 h3 img {
    width: 100%;
  }
}
#enjoyarea h3.main {
  width: 70%;
  margin: 10% auto 5%;
}

#enjoyarea h3.other {
  width: 35%;
  margin: 0% auto 0% auto;
}

#enjoyarea h4 {
  width: 40%;
  margin: 4% 0 2%;
}

#enjoyarea .comfortable {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
  margin: 0 0 10%;
}

#enjoyarea .comfortable dl.character_room {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 15%;
}

@media only screen and (max-width: 768px) {
  #enjoyarea .comfortable dl.character_room {
    margin: 0 auto 15%;
    width: 94%;
    font-size: 70%;
  }
}
#enjoyarea .comfortable dl.character_room dt {
  width: 58%;
}

#enjoyarea .comfortable dl.character_room dd {
  width: 40%;
}

#enjoyarea .comfortable dl.character_room p {
  color: #fff;
  background-color: rgba(5, 74, 182, 0.8784313725);
  padding: 8.1%;
}

#enjoyarea .comfortable dl.gourmet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#enjoyarea .comfortable dl.gourmet dt {
  width: 45%;
}

#enjoyarea .comfortable dl.gourmet dd {
  width: 48%;
}

#enjoyarea h3.comfortable_main {
  color: #054ab6;
  font-weight: bold;
  font-size: 130%;
  margin: 30px auto;
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif;
}

@media only screen and (max-width: 768px) {
  #enjoyarea h3.comfortable_main {
    font-size: 90%;
    margin: 0 auto 5%;
  }
}
#enjoyarea p {
  font-size: 80%;
}

@media only screen and (max-width: 768px) {
  #enjoyarea p {
    font-size: 70%;
  }
}
#enjoyarea img {
  width: 100%;
}

#enjoyarea img.main_img {
  margin: 0 0 3% 0;
}

#enjoyarea h3.slidtit {
  color: #0B318C;
  font-weight: bold;
  font-size: 100%;
  margin: 30px 0 30px 0;
  text-align: center;
}

#comfortable_n01 {
  background: rgba(255, 255, 255, 0.6509803922);
  position: relative;
  top: -50px;
  left: 30px;
  padding: 2%;
  width: 90%;
}

#comfortable_n01 h3 {
  width: 80%;
  line-height: 120%;
  font-size: 140%;
  margin: 0 0 1%;
}

@media only screen and (max-width: 768px) {
  #comfortable_n01 h3 {
    line-height: 120%;
    font-size: 90%;
    margin: 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  #comfortable_n01 {
    margin: 0 0 -8%;
  }
}
#comfortable_n01 p {
  font-size: 90%;
  margin: 2% auto;
}

@media only screen and (max-width: 768px) {
  #comfortable_n01 p {
    font-size: 70%;
  }
}
#comfortable_n01 img.point_img {
  width: 6.3%;
  float: left;
  margin: 0 1% 0 0;
}

@media only screen and (max-width: 768px) {
  #comfortable_n01 img.point_img {
    width: 10%;
  }
}
#comfortable_n01 img.point03_img {
  width: 12.6%;
  float: left;
  margin: 0 1% 0 0;
}

@media only screen and (max-width: 768px) {
  #comfortable_n01 img.point03_img {
    width: 19%;
  }
}
#comfortable_n05 {
  position: relative;
  left: 30px;
  padding: 2%;
  width: 90%;
}

#comfortable_n05 h3 {
  width: 80%;
  line-height: 120%;
  font-size: 140%;
  margin: 0 0 1%;
}

@media only screen and (max-width: 768px) {
  #comfortable_n05 h3 {
    line-height: 120%;
    font-size: 90%;
    margin: 0 0 0;
  }
}
@media only screen and (max-width: 768px) {
  #comfortable_n05 {
    margin: 0;
  }
}
#comfortable_n05 p {
  font-size: 90%;
  margin: 2% auto;
}

@media only screen and (max-width: 768px) {
  #comfortable_n05 p {
    font-size: 70%;
  }
}
#comfortable_n05 img.point_img {
  width: 6.3%;
  float: left;
  margin: 0 1% 0 0;
}

@media only screen and (max-width: 768px) {
  #comfortable_n05 img.point_img {
    width: 10%;
  }
}
#comfortable_01 {
  width: 100%;
  margin: 0 0 5%;
  text-align: right;
  position: relative;
}

#comfortable_01 img {
  width: 70%;
  right: 0;
}

#comfortable_01 p {
  color: #fff;
  background-color: rgba(5, 74, 182, 0.8784313725);
  padding: 2%;
  position: absolute;
  top: 200px;
  left: 0;
  width: 35%;
  text-align: left;
  line-height: 200%;
}

@media only screen and (max-width: 768px) {
  #comfortable_01 p {
    top: 40%;
    width: 45%;
    line-height: 120%;
    font-size: 50%;
  }
}
@media only screen and (max-width: 768px) {
  #comfortable_01 {
    margin: 0 auto;
    width: 94%;
  }
}
#comfortable_02 {
  width: 100%;
  margin: 0 0 0;
  text-align: left;
  position: relative;
}

#comfortable_02 img {
  width: 70%;
  margin: 0 0 5%;
}

#comfortable_02 p {
  color: #fff;
  background-color: rgba(5, 74, 182, 0.8784313725);
  padding: 3%;
  position: absolute;
  top: 100px;
  right: 0;
  width: 35%;
  text-align: left;
  line-height: 200%;
}

@media only screen and (max-width: 768px) {
  #comfortable_02 p {
    top: 17%;
    width: 45%;
    font-size: 50%;
    line-height: 120%;
  }
}
@media only screen and (max-width: 768px) {
  #comfortable_02 {
    margin: 0 auto;
    width: 94%;
  }
  #comfortable_02 img {
    width: 70%;
    margin: 0 0 10%;
  }
}
#comfortable_03 {
  width: 100%;
  margin: 0 0 5%;
  text-align: right;
  position: relative;
}

#comfortable_03 img {
  width: 70%;
  right: 0;
}

#comfortable_03 p {
  color: #fff;
  background-color: rgba(5, 74, 182, 0.8784313725);
  padding: 3%;
  position: absolute;
  top: 100px;
  left: 0;
  width: 35%;
  text-align: left;
  line-height: 200%;
}

@media only screen and (max-width: 768px) {
  #comfortable_03 p {
    top: 20px;
    width: 45%;
    font-size: 50%;
    line-height: 120%;
  }
}
@media only screen and (max-width: 768px) {
  #comfortable_03 {
    margin: 0 auto 5%;
    width: 94%;
  }
}
#comfortable_05 {
  width: 100%;
  margin: 0 0 10%;
  text-align: left;
  position: relative;
}

#comfortable_05 img {
  width: 70%;
  margin: 0 0 5%;
}

#comfortable_05 p {
  color: #fff;
  background-color: rgba(5, 74, 182, 0.8784313725);
  padding: 3%;
  position: absolute;
  top: 290px;
  right: 0;
  width: 35%;
  text-align: left;
  line-height: 200%;
}

@media only screen and (max-width: 768px) {
  #comfortable_05 p {
    top: 42%;
    width: 45%;
    font-size: 50%;
    line-height: 120%;
  }
}
@media only screen and (max-width: 768px) {
  #comfortable_05 {
    margin: 0 auto;
    width: 94%;
  }
  #comfortable_05 img {
    width: 70%;
    margin: 0 0 25%;
  }
}
#comfortable_06 {
  width: 100%;
  margin: 0 0 5%;
  text-align: right;
  position: relative;
}

#comfortable_06 img {
  width: 70%;
  right: 0;
}

#comfortable_06 p {
  color: #fff;
  background-color: rgba(5, 74, 182, 0.8784313725);
  padding: 3%;
  position: absolute;
  top: 200px;
  left: 0;
  width: 35%;
  text-align: left;
  line-height: 200%;
}

@media only screen and (max-width: 768px) {
  #comfortable_06 p {
    top: 40px;
    width: 45%;
    font-size: 50%;
    line-height: 120%;
  }
}
@media only screen and (max-width: 768px) {
  #comfortable_06 {
    margin: 0 auto;
    width: 94%;
  }
}
footer {
  padding-top: 30px;
  /* border-top: solid 1px #d9d9d9; */
  overflow: visible;
  left: auto;
  margin-right: auto;
  margin-left: auto;
}

section .bx-wrapper {
  width: 51%;
}

section .bx-wrapper, .bx-wrapper * {
  overflow: visible;
}

section .bx-wrapper img {
  width: 96.3%;
}

.bx-wrapper .bx-controls-direction {
  display: block;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: block;
}

.bx-wrapper .bx-pager {
  display: none;
}

section .bx-wrapper .bx-next {
  right: -94%;
}

.bx-wrapper {
  margin-bottom: 0;
}

#good_pass {
  width: 100%;
  color: #807f7a;
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 15px;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  header.content {
    padding-top: 10px;
  }
  #pankuzu {
    font-size: 14px;
  }
  #page-title > div:first-child {
    font-size: 29px;
  }
  #blue-headline, .center-text, .offer, .guestroom-name, .guestroom-text {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  #blue-headline {
    font-size: 25px;
  }
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
  #ct-top {
    font-size: 18px;
  }
  #beige-title {
    font-size: 20px;
  }
  #beige-title > div {
    width: 240px;
    line-height: 30px;
  }
  .center-text.sp {
    text-align: left;
  }
  .slider-frame {
    width: 100%;
  }
  .left-s, .right-s, .left-l, .right-l {
    width: 25px;
    height: 25px;
    top: calc(50% - 12px);
  }
  #gray-back-title {
    font-size: 25px;
  }
  .content > .guestroom:nth-last-of-type(n + 2) {
    margin-bottom: 0;
  }
  section > div:first-child {
    margin-bottom: 0;
  }
  .slidtext {
    width: 95%;
    margin: 2% auto 10% auto;
  }
  .slidtext2 {
    width: 95%;
    margin: 2% auto 5% auto;
  }
}
/*# sourceMappingURL=renewal_room.css.map */