@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : rooms.css
 author     : Ability Consultant
 style info : 客室
=================================================================== */
.box_container, .rooms_style .box_tab .tabs {
  max-width: 1260px;
  margin: auto;
}
@media only screen and (max-width: 1260px) {
  .box_container, .rooms_style .box_tab .tabs {
    width: 95%;
  }
}
@media print {
  .box_container, .rooms_style .box_tab .tabs {
    width: 95%;
  }
}
.ie8 .box_container, .ie8 .rooms_style .box_tab .tabs, .rooms_style .box_tab .ie8 .tabs {
  width: 95%;
}

.box_container:after, .row:after, .clearfix:after, .con_reservation .row:after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------
	common rooms
----------------------------------------------------------- */
.box_container {
  display: block;
}
@media only screen and (min-width: 768px) {
  .box_container .caption {
    padding: .3em 15px !important;
  }
}
@media print {
  .box_container .caption {
    padding: .3em 15px !important;
  }
}
.ie8 .box_container .caption {
  padding: .3em 15px !important;
}

.row {
  display: block;
}

.col {
  display: block;
  float: left;
  position: relative;
  min-height: 1px;
}

.row_tbl {
  display: table;
  width: 100%;
}

.cell {
  display: table-cell;
  vertical-align: top;
}

.slide_overflow_style {
  overflow: hidden;
}
.slide_overflow_style .box_slide {
  margin: 0 -25px;
}
@media only screen and (max-width: 767px) {
  .slide_overflow_style .box_slide {
    margin: 0;
  }
}
.slide_overflow_style .box_slide .slide_wraper {
  max-width: 1360px;
  margin: 0 auto;
}
@media only screen and (max-width: 1440px) {
  .slide_overflow_style .box_slide .slide_wraper {
    max-width: 80%;
  }
}
@media print {
  .slide_overflow_style .box_slide .slide_wraper {
    max-width: 80%;
  }
}
.ie8 .slide_overflow_style .box_slide .slide_wraper {
  max-width: 80%;
}
@media only screen and (max-width: 1260px) {
  .slide_overflow_style .box_slide .slide_wraper {
    max-width: 70%;
  }
}
@media print {
  .slide_overflow_style .box_slide .slide_wraper {
    max-width: 70%;
  }
}
.ie8 .slide_overflow_style .box_slide .slide_wraper {
  max-width: 70%;
}
@media only screen and (max-width: 767px) {
  .slide_overflow_style .box_slide .slide_wraper {
    max-width: 100%;
  }
}
.slide_overflow_style .box_slide .slick-list {
  overflow: visible;
  padding: 0 !important;
}
.slide_overflow_style .box_slide .slick-slide {
  position: relative;
  outline: 0;
  padding: 0 25px;
}
@media only screen and (max-width: 767px) {
  .slide_overflow_style .box_slide .slick-slide {
    -webkit-transform: none;
    transform: none;
    padding: 0;
  }
}
.slide_overflow_style .box_slide .slick-slide .slide_inner {
  position: relative;
}
.slide_overflow_style .box_slide .slick-slide .img_thumb {
  width: 100%;
}
.slide_overflow_style .box_slide .slick-arrow {
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 27px;
  height: 58px;
  text-indent: -9999px;
  cursor: pointer;
  padding: 0;
  z-index: 10;
}
.slide_overflow_style .box_slide .slick-arrow:active {
  opacity: 0.8;
}
.slide_overflow_style .box_slide .slick-prev {
  left: -14px;
  right: auto;
  background: transparent url(../images/common/ic_arrow_left_01.png) no-repeat center center;
  background-size: contain;
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
@media only screen and (max-width: 767px) {
  .slide_overflow_style .box_slide .slick-prev {
    left: -4%;
  }
}
.slide_overflow_style .box_slide .slick-next {
  right: -14px;
  left: auto;
  background: transparent url(../images/common/ic_arrow_right_01.png) no-repeat center center;
  background-size: contain;
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}
@media only screen and (max-width: 767px) {
  .slide_overflow_style .box_slide .slick-next {
    right: -4%;
  }
}
.slide_overflow_style .box_slide .slick-dots {
  position: absolute;
  left: 0;
  bottom: 25px;
  right: auto;
  top: auto;
  width: 100%;
  text-align: center;
  line-height: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
  .slide_overflow_style .box_slide .slick-dots {
    bottom: 10px;
  }
}
.slide_overflow_style .box_slide .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0 8px;
}
@media only screen and (max-width: 767px) {
  .slide_overflow_style .box_slide .slick-dots li {
    margin: 0 4px;
  }
}
.slide_overflow_style .box_slide .slick-dots li button {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  text-indent: -9999px;
  color: transparent;
  background: rgba(255, 255, 255, 0.5);
  border: 0 none;
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.slide_overflow_style .box_slide .slick-dots li.slick-active button {
  width: 10px;
  height: 10px;
  background: #fff;
}

/* -----------------------------------------------------------
	.con_title
----------------------------------------------------------- */
.con_title {
  position: relative;
  background-image: url(../rooms/images/bg_title-pc.jpg);
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .con_title {
    background-image: url(../rooms/images/bg_title-sp.jpg);
  }
}

/* -----------------------------------------------------------
	.con_topicpath
----------------------------------------------------------- */
.con_topicpath {
  position: relative;
  z-index: 1;
}
.con_topicpath > * {
  position: relative;
}
.con_topicpath .img_logo {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(0, -20%);
  transform: translate(0, -20%);
}

/* -----------------------------------------------------------
	.con_intro
----------------------------------------------------------- */
.con_intro {
  position: relative;
  z-index: 1;
  padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    padding-bottom: 2.5em;
  }
}
.con_intro .st_catch {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .con_intro .st_catch {
    margin-bottom: 20px;
  }
}
.con_intro .txt {
  text-align: center;
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .txt {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .txt {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .txt {
    text-align: left;
  }
}

/* -----------------------------------------------------------
	.rooms_style
----------------------------------------------------------- */
.rooms_style {
  padding: 75px 0 90px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .rooms_style {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rooms_style {
    padding: 2.5em 0;
  }
}
.rooms_style .st_high {
  padding-top: 10px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .rooms_style .st_high {
    margin-bottom: 20px;
  }
}
.rooms_style .st_high span.jp em {
  display: block;
  font-size: 67%;
}
.rooms_style .box_tab {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .rooms_style .box_tab {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_tab {
    margin-bottom: 30px;
  }
}
.rooms_style .box_tab .tabs {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .rooms_style .box_tab .tabs {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_tab .tabs {
    margin-bottom: 20px;
  }
}
.rooms_style .box_tab .tabs select {
  width: 100%;
  padding: 0.8em;
  font-family: "游明朝", YuMincho, "SourceHanSerifJP-Regular", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  background: none;
  border: 1px solid #1d0f06;
}
.rooms_style .box_tab .tabs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2px;
}
.rooms_style .box_tab .tabs ul li {
  border: 1px dashed #1d0f06;
  width: calc(25% - 4px);
  margin: 2px;
  -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  text-align: center;
  font-family: "游明朝", YuMincho, "SourceHanSerifJP-Regular", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 107%;
  cursor: pointer;
  padding: 0.8em;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .rooms_style .box_tab .tabs ul li {
    font-size: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_tab .tabs ul li {
    font-size: 88%;
  }
}
.rooms_style .box_tab .tabs ul li.active, .rooms_style .box_tab .tabs ul li:hover {
  background: #1d0f06;
  color: #fff;
}
.rooms_style .box_tab .tabs ul li.active:after, .rooms_style .box_tab .tabs ul li:hover:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rooms_style .box_tab .tabs ul li:after {
  content: "\f105";
  font-size: 15px;
  font-family: "FontAwesome";
  display: inline-block;
  margin-left: 1.5em;
  -webkit-transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.rooms_style .box_tab .panels .panel {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
.rooms_style .box_tab .panels .panel.active {
  opacity: 1;
  max-height: 100000px;
}
.rooms_style .box_slide_top {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .rooms_style .box_slide_top {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_slide_top {
    margin-bottom: 20px;
  }
}
.rooms_style .box_img_top {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .rooms_style .box_img_top {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_img_top {
    margin-bottom: 20px;
  }
}
.rooms_style .box_img_top img {
  width: 100%;
}
.rooms_style .box_detail .col_detail {
  width: 50%;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_detail .col_detail {
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.rooms_style .box_detail .col_detail .st_mid {
  text-align: left;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_detail .col_detail .st_mid {
    margin-bottom: 20px;
  }
}
.rooms_style .box_detail .col_detail .st_mid span.jp em {
  font-size: 65%;
}
.rooms_style .box_detail .col_detail .st_mid span.jp,
.rooms_style .box_detail .col_detail .st_mid span.en {
  display: inline-block;
  vertical-align: middle;
}
.rooms_style .box_detail .col_detail .txt {
  margin-bottom: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .rooms_style .box_detail .col_detail .txt {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_detail .col_detail .txt {
    margin-bottom: 20px;
  }
}
.rooms_style .box_detail .col_tbl {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_detail .col_detail,
  .rooms_style .box_detail .col_tbl {
    width: 100%;
  }
}
.rooms_style .box_other .box_other_inner {
  border-top: 1px solid #1d0f06;
  border-bottom: 1px solid #1d0f06;
  padding: 30px 15px;
}
.rooms_style .box_other .st_sm03 {
  margin-bottom: 15px;
}
.rooms_style .box_other .tbl_wrp {
  overflow-x: auto;
}
.rooms_style .box_other .tbl_wrp table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .rooms_style .box_other .tbl_wrp table {
    min-width: 43em;
  }
}
.rooms_style .box_other .tbl_wrp table tr th,
.rooms_style .box_other .tbl_wrp table tr td {
  font-size: 88%;
  padding: 5px;
}
.rooms_style .box_other .col_left {
  width: 62%;
  border-right: 1px dotted #1d0f06;
  padding-right: 2%;
}
@media only screen and (max-width: 1024px) {
  .rooms_style .box_other .col_left {
    border-right: 0;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.rooms_style .box_other .col_right {
  width: 38%;
  padding-left: 3%;
}
@media only screen and (max-width: 1024px) {
  .rooms_style .box_other .col_right {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .rooms_style .box_other .col_left,
  .rooms_style .box_other .col_right {
    width: 100%;
  }
}
.rooms_style.bg_dark {
  background: transparent url(../images/common/bg_texture_03.png) repeat left top;
}
.rooms_style.bg_dark .st_high {
  color: #fff;
}
.rooms_style.bg_dark .st_high span.en {
  color: #fff;
}
.rooms_style.bg_dark .box_slide_top .box_slide .slick-prev {
  background-image: url(../images/common/ic_arrow_left_02.png);
}
.rooms_style.bg_dark .box_slide_top .box_slide .slick-next {
  background-image: url(../images/common/ic_arrow_right_02.png);
}
.rooms_style.bg_dark .box_tab .tabs select {
  color: #fff;
  border-color: #fff;
}
.rooms_style.bg_dark .box_tab .tabs select option {
  background: #000;
}
.rooms_style.bg_dark .box_tab .tabs ul li {
  color: #fff;
  border-color: #fff;
}
.rooms_style.bg_dark .box_tab .tabs ul li.active, .rooms_style.bg_dark .box_tab .tabs ul li:hover {
  background: #fff;
  color: #1d0f06;
}
.rooms_style.bg_dark .box_tab .panels .panel {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}
.rooms_style.bg_dark .box_tab .panels .panel.active {
  opacity: 1;
  max-height: 100000px;
}
.rooms_style.bg_dark .box_detail .col_detail .st_mid {
  color: #fff;
}
.rooms_style.bg_dark .box_detail .col_detail .txt {
  color: #fff;
}
.rooms_style.bg_dark .box_detail .col_tbl .box_tbl_primary {
  border-top-color: #fff;
}
.rooms_style.bg_dark .box_detail .col_tbl .box_tbl_primary table {
  color: #fff;
  border-top-color: #fff;
}
.rooms_style.bg_dark .box_detail .col_tbl .box_tbl_primary table tr {
  border-bottom-color: #fff;
}
.rooms_style.bg_dark .box_detail .col_tbl .box_tbl_primary table tr th {
  border-right-color: #fff;
}
@media only screen and (max-width: 767px) {
  .rooms_style.bg_dark .box_detail .col_tbl .box_tbl_primary table tr th {
    border-bottom-color: #fff;
  }
}
.rooms_style.bg_dark .box_other .box_other_inner {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.rooms_style.bg_dark .box_other .st_sm03 {
  color: #fff;
  border-left-color: #fff;
}
.rooms_style.bg_dark .box_other .tbl_wrp table {
  color: #fff;
}
.rooms_style.bg_dark .box_other .col_left {
  border-right-color: #fff;
}

/* -----------------------------------------------------------
	.con_rooms
----------------------------------------------------------- */
.con_rooms .box_rooms_01 .box_tab .tabs ul li {
  width: calc((100%/3) - 4px);
}
.con_rooms .box_rooms_02 {
  background: transparent url(../images/common/bg_texture_02.png) repeat left top;
}
.con_rooms .box_rooms_02 .box_tab .tabs ul li {
  width: calc((100%/3) - 4px);
}
.con_rooms .box_rooms_03 .box_tab .tabs ul li {
  width: calc((100%/3) - 4px);
}
.con_rooms .box_rooms_04 .box_tab .tabs ul li {
  width: calc((100%/3) - 4px);
}
.con_rooms .sp_supplement {
  color: #fff;
  font-size: 75%;
  line-height: 1.3;
  text-indent: -1.5em;
  text-indent: -1em;
  padding-left: 2em;
  margin-bottom: 1em;
}
.con_rooms .sp_supplement_ex {
  color: #1d0f06 !important;
}

/* -----------------------------------------------------------
	.con_reservation
----------------------------------------------------------- */
.con_reservation .row .col_detail {
  width: 45%;
}
@media only screen and (max-width: 767px) {
  .con_reservation .row .col_detail {
    width: 100%;
    margin-bottom: 0;
  }
}
.con_reservation .row .right_side {
  float: left;
  width: 30%;
  margin-left: 200px;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reservation .row .right_side {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_reservation .row .right_side {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_reservation .row .right_side {
    float: none;
    width: 100%;
    clear: both;
    margin-left: 0;
  }
}
.con_reservation .row .right_side .btn_ghost {
  margin-bottom: 0.5em;
}
.con_reservation .row .right_side .btn_ghost a {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_reservation .row .right_side .btn_ghost a {
    width: 75%;
  }
}
.con_reservation .row .right_side .btn_plan a {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_reservation .row .right_side .btn_plan a {
    width: 75%;
  }
}

.box_rooms_04 {
  background: #eaedef;
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_rooms_04 {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .box_rooms_04 {
    padding-bottom: 2.5em;
  }
}

.con_rooms .ex_select_tab {
  margin-bottom: 30px !important;
}
.con_rooms .ex_select_tab .ex_select {
  max-width: calc(198px * 5);
  margin: 0 auto !important;
}
.con_rooms .ex_select_tab .ex_select li {
  padding: 0 !important;
  border: none !important;
  background: #fff !important;
  color: #1d0f06 !important;
}
.con_rooms .ex_select_tab .ex_select li:after {
  display: none !important;
}
.con_rooms .ex_select_tab .ex_select p {
  font-size: 88%;
  padding: 0.5px 0 0;
}
.con_rooms .ex_select_tab .ex_select_02 {
  max-width: calc(198px * 7);
  margin: 0 auto !important;
}
.con_rooms .ex_select_tab .ex_select_02 li {
  padding: 2px 0 0 !important;
}
.con_rooms .ex_select_tab .ex_select_03 {
  max-width: calc(198px * 3);
  margin: 0 auto !important;
}
.con_rooms .ex_select_tab .ex_select_03 li {
  padding: 2px 0 0 !important;
}

.con_rooms .ex_select_tab {
  margin-bottom: 30px !important;
}

@media only screen and (min-width: 1220px) {
  .view_pc_s {
    display: none;
  }
}
@media print {
  .view_pc_s {
    display: none;
  }
}
.ie8 .view_pc_s {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .view_pc_s {
    display: none;
  }
}