@charset "Shift_JIS";
/************************************************************
 *   クラブルームに泊まるバリの休日用CSS
 ************************************************************/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  overflow: hidden; /*デザイン時のみ使用 */
  display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
li {
  list-style-type: none;
}
h1, h2, h3, h4, h5 {
  font-size: 100%;
}
img {
  vertical-align: bottom;
  border: 0px;
}
* {
  margin: 0px;
  padding: 0px;
}
.img_bottom {
  font-size: 0px;
}
#main {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
  -webkit-text-size-adjust: none;
}
#main .topicpath {
  font-size: 14px;
  line-height: 1.0em;
  background-color: #005F1F;
  color: #FFF;
  padding: 10px 7px;
}
#clubroom {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 17px;
  line-height: 1.8;
}
#clubroom * {
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#clubroom a:hover {
  opacity: 0.5;
}
#clubroom .title-grp img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
/*クラブルームとは？*/
#clubroom .read {
  text-align: center;
  font-size: 33px;
  font-weight: bold;
  margin-bottom: 50px;
}
#clubroom .read-ttl {
  font-size: 55px;
  color: #7a6221;
  border-bottom: 3px solid #7a6221;
  margin-bottom: 30px;
}
#clubroom .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  font-weight: bold;
}
#clubroom .point-box {
  width: 410px;
  height: 262px;
  background-color: #faf8e5;
  padding: 25px 15px;
  border: 2px solid #4b3b11;
}
#clubroom .point-ttl {
  border-bottom: 1px solid #4b3b11;
  color: #c94106;
  background-repeat: no-repeat;
  padding: 0 0 10px 64px;
  font-size: 26px;
  line-height: 1.4;
  background-position: 3% 14%;
}
#clubroom .point1 {
  background-image: url("../img/clubroom/point1.png");
  font-size: 30px;
  line-height: 65px;
  padding-bottom: 10px;
}
#clubroom .point2 {
  background-image: url("../img/clubroom/point2.png");
}
#clubroom .point3 {
  background-image: url("../img/clubroom/point3.png");
}
#clubroom .point-box .point-text {
  padding-top: 15px
}
#clubroom .point-box {
  margin: 10px;
}
/*メニュー*/
#clubroom .clubroom-menu {
  margin-top: 60px;
  border-top: 2px solid #3e391b;
  padding-top: 15px;
}
#clubroom .clubroom-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  font-weight: bold;
  margin: 0 auto;
}
#clubroom .clubroom-menu ul li {
  width: 16%;
  font-size: 1.25vw;
  text-align: center;
  border-left: 2px solid #3e391b;
  line-height: 1.4;
}
#clubroom .clubroom-menu ul li:first-child {
  width: 18%;
}
#clubroom .clubroom-menu ul li:last-child {
  border-right: 2px solid #3e391b;
}
#clubroom .clubroom-menu ul li a {
  text-decoration: none;
  color: #3e391b;
  display: block;
  height: 100px;
}
#clubroom .clubroom-menu ul li span.area {
  display: block;
  color: #fff;
  background-color: #3e391b;
  width: 70%;
  margin: 0 auto 10px;
  line-height: 1.8;
}
#clubroom .clubroom-menu ul li span.hotel {
  display: block;
  line-height: 55px;
}
/*ホテル*/
#clubroom .hotel-box {
  width: 1100px;
  margin: 80px auto 0;
  position: relative;
}
#clubroom .hotel-box .icon {
  position: absolute;
  /*top: 108px;*/
  z-index: 10;
}
#clubroom .hotel-box .hotel-title {
  font-size: 37px;
  font-weight: bold;
}
#clubroom .hotel-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  margin-bottom: 10px;
}
#clubroom .roomtype {
  color: #36889e;
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0 10px;
}
span.hisigata {
  color: #a69358;
}
#clubroom .hotel-service {
  background-color: #f6f6f6;
  padding: 20px 0 10px;
  margin: 15px 0 30px;
}
#clubroom .hotel-service .inner {
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 20px;
}
#clubroom .hotel-service .inner .ttl {
  font-size: 20px;
  font-weight: bold;
  color: #3e391b;
  margin: 10px 0;
}
#clubroom .hotel-service .inner p.note {
  padding-top: 25px;
}
#clubroom .hotel-service .inner .service-text {
  font-feature-settings: "palt";
}
#clubroom ul.link-button {
  width: 1100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto 0;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
}
#clubroom ul.link-button li {
  width: 100%;
  background-color: #6e5d30;
  text-align: center;
  font-size: 26px;
  padding: 0;
  position: relative;
}
#clubroom ul.link-button li a {
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: bold;
  padding: 15px 0;
}
#clubroom ul.link-button li a::after {
  display: block;
  position: absolute;
  top: 40%;
  right: 20px;
  content: "";
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 11px solid #FFF;
}
#clubroom ul.link-button .hotel-bt {
  width: 80%;
  margin: 0 auto;
}
/*スライダー*/
body .bx-wrapper {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: transparent;
}
#clubroom .bx-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 50px;
}
#clubroom .bx-pager li {
  width: 200px;
  height: 100px;
  margin-right: 20px;
}
#clubroom .bx-pager li:last-child {
  margin-right: 0;
}
#clubroom .bx-pager li img {
  width: 200px;
  height: 100px;
  object-fit: cover;
  max-width: 100%;
}
#clubroom .bx-pager a {
  text-decoration: none;
  color: #000;
}
#clubroom .bx-pager p {
  font-size: 15px;
  text-align: center;
  padding: 7px 0;
  line-height: 1.2;
}
#clubroom .bx-viewport {
  box-shadow: none;
}
#clubroom .bx-wrapper .bx-caption {
  font-size: 20px;
  background: none;
  bottom: -20px;
  text-align: center;
}
#clubroom .bx-wrapper .bx-caption span {
  color: #000;
}
#clubroom .bx-wrapper .bx-prev {
  left: 0;
  background-image: url(../img/clubroom/bt-slide-l.png);
  background-size: cover;
}
#clubroom .bx-wrapper .bx-next {
  right: 0px;
  background-image: url(../img/clubroom/bt-slide-r.png);
  background-size: cover;
}
#clubroom .bx-wrapper .bx-prev, #clubroom .bx-wrapper .bx-next {
  width: 58px;
  height: 58px;
  background-position: top;
  top: 40%;
}
#clubroom .bx-wrapper .bxslider-caption {
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}
#clubroom .bx-wrapper .bx-viewport {
  height: auto;
}
#clubroom .attention-text {
  color: #fff;
  font-weight: bold;
  border: 3px solid;
  padding: 5px 15px;
  margin: 10px 0;
  background-color: #c90606;
  font-size: 20px;
}
#clubroom .s-text {
  font-weight: normal;
  font-size: 12px;
}
/*20230209追加*/
#clubroom .hotel-section {
  overflow: hidden;
}
#clubroom .data-box {
  margin-top: 5px;
  margin-bottom: 5px;
  position: absolute;
  top: -30px;
}
#clubroom .data-box, #clubroom .data-box .kuchikomi, #clubroom .data-box .kuchikomi .star {
  display: flex;
  align-items: center;
}
#clubroom .data-box .iconbox .rank {
  width: auto;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 15px;
}
#clubroom .data-box .iconbox .rank.low {
  background: #213264;
}
#clubroom .data-box .iconbox .rank.high {
  background: #a48700;
}
#clubroom .data-box .star {
  margin-right: 5px;
}
#clubroom .data-box .star img {
  display: inline-block;
  width: 17px;
  margin-right: 2px;
}
#clubroom .data-box .kuchikomi-midashi {
  border: 1px solid;
  border-radius: 5px;
  display: inline-block;
  padding: 4px 3px;
  font-size: 3.5vw;
  margin: 0 8px 0 8px;
  line-height: 1;
}
#clubroom .data-box .evaluation span {
  font-weight: bold;
  font-size: 16px;
}
#clubroom .data-box .kuchikomi a {
  font-weight: bold;
  color: #333;
}
#clubroom .data-box .kuchikomi a span {
  color: #dc1a49;
  font-size: 4vw;
}
.data p.kuchikomi .evaluation.ore {
  color: #ff4e00;
}
.data p.kuchikomi .evaluation.yellow {
  color: #ff9900;
}
#clubroom .data-box .kuchikomi .star {
  display: flex;
  align-items: center;
  margin: 0 0px 0 0;
  position: relative;
  height: 15px;
}
#clubroom .data-box .kuchikomi .star img {
  width: 20px;
  height: 19px;
}
#clubroom .data-box .area {
  margin-right: 15px;
}
#clubroom .hotel-read {
  font-size: 17px;
    margin-top: 15px;
    margin-bottom: 15px;
}
#clubroom .tour {
  margin: 20px auto 30px;
  width: 1100px;
}
#clubroom .tour h3 {
  color: #eb2e5f;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #eb2e5f;
  margin-bottom: 30px;
}
#clubroom .tour ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#clubroom .tour h4 {
  color: #3e391b;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid #3e391b;
  margin-bottom: 20px;
  border-top: 2px solid #3e391b;
  padding: 10px 0;
}
#clubroom .tour ul li {
  width: 24%;
}
#clubroom .tour ul li {
  text-align: center;
  border: solid;
  margin-bottom: 20px;
  list-style: none;
  background: #FFF;
}
#clubroom .tour ul li a {
  display: block;
  text-decoration: none;
  color: #000;
}
#clubroom .tour ul li a:hover {
  opacity: 0.8;
}
#clubroom .tour ul li .price {
  padding: 15px;
  font-weight: bold;
  line-height: 1;
  font-size: 22px;
}
#clubroom .tour ul li a:hover .price {
  color: #000;
}
#clubroom .tour ul li .area {
  padding: 10px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
}
#clubroom .tour ul li:nth-child(1) {
  border: solid #df84a9 2px;
}
#clubroom .tour ul li:nth-child(1) .area {
  background: #df84a9;
  color: #FFF;
}
#clubroom .tour ul li:nth-child(2) {
  border: solid #5ea967 2px;
}
#clubroom .tour ul li:nth-child(2) .area {
  background: #5ea967;
  color: #FFF;
}
#clubroom .tour ul li:nth-child(3) {
  border: solid #5177a7 2px;
}
#clubroom .tour ul li:nth-child(3) .area {
  background: #5177a7;
  color: #FFF;
}
#clubroom .tour ul li:nth-child(4) {
  border: solid #e5a268 2px;
  margin-right: 0;
}
#clubroom .tour ul li:nth-child(4) .area {
  background: #e5a268;
  color: #FFF;
}
#NusaDua2 .RZBtext {
  text-align: center;
  font-size: 17px;
  line-height: 1.5;
  font-weight: normal;
  margin-bottom: 15px;
}
/*#clubroom #NusaDua2 ul.link-button li {
  width: 510px;
}*/
#clubroom #NusaDua2 {
  margin-bottom: 40px;
}
.roomtype-text {
  font-size: 16px;
}
/*部屋*/
#clubroom .hotel-box h4{
    margin: 0 auto 20px;;
    text-align: center;
    position: relative;
    padding: 0 55px;
    font-size: 28px;
    font-weight: bold;
}
#clubroom .hotel-box h4:before, #clubroom .hotel-box h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 370px;
  height: 1px;
  background-color: black;
}
#clubroom .hotel-box h4:before {
  left:0;
}
#clubroom .hotel-box h4:after {
  right: 0;
}
#clubroom .hotel-box.nomargin{
    margin-top: 0;
}
#clubroom .hotel-box .block-room {
	width: 100%;
	overflow: hidden;
    margin-bottom: 40px;
    margin-top: 20px;
}
#clubroom .hotel-box .block-room .detail_left {
	float: left;
}
#clubroom .hotel-box .block-room .detail_right {
	float: right;
}
#clubroom .hotel-box .block-room .photo {
	width: 585px;
}
#clubroom .hotel-box .block-room .photo_right {
	float: right;
	text-align: right;
    margin-left: 30px;
}
#clubroom .hotel-box .block-room .detail {
	width: 485px;
}
#clubroom .hotel-box .block-room .detail .name {
	display: table;
	height: 66px;
	background: url("../img/conradbali/ttl_line_pc.png") no-repeat left center;
	margin-bottom: 20px;
	padding-left: 20px;
}
#clubroom .hotel-box .block-room .detail .name span {
	display: table-cell;
	vertical-align: middle;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 22px;
	color: #543514;
	font-weight: bold;
	line-height: 1.2;
}
#clubroom .hotel-box .block-room .detail .name span .sm{
    font-size: 23px;
}
#clubroom .hotel-box .block-room .detail .name_s span {
	font-size: 28px;
}
#clubroom .hotel-box .block-room .detail .extent {
	width: 320px;
	font-size: 16px;
	color: #543514;
	margin-bottom: 15px;
    font-weight: bold;
}
#clubroom .hotel-box .block-room .detail .extent img {
	padding-right: 8px;
	vertical-align: middle;
}
#clubroom .hotel-box .block-room .detail .extent img:last-child {
	padding-left: 20px;
}
#clubroom .hotel-box .block-room .detail .memo {
	font-size: 17px;
	margin-bottom: 15px;
    letter-spacing: -0.01em;
}
#clubroom .hotel-box .block-room .detail .bt_grp {
	width: 475px;
	overflow: hidden;
}
#clubroom .hotel-box .block-room .detail .bt_grp .madori {
	width: 220px;
	float: right;
	text-align: center;
	background-color: #FFF;
	border: 1px solid #543514;
	padding: 3px 0px 2px;
}
#clubroom .hotel-box .block-room .detail .bt_grp .madori p:nth-child(1) {
	font-size: 15px;
	font-weight: bold;
}
#clubroom .hotel-box .block-room .detail .bt_grp .madori p:nth-child(2) {
	margin-bottom: 2px;
}
#clubroom .hotel-box .block-room .detail .bt_grp .madori p:nth-child(3) {
	font-size: 14px;
	color: #333;
}
#clubroom .hotel-box .block-room .detail .bt_grp .madori-img{
    width: 100px;
}
#clubroom .hotel-box .block-room .detail .bt_grp .madori a{
    text-decoration: none;
    color: #543514;
}
#clubroom .hotel-box .block-room .detail .bt_grp .bt_detail {
	width: 240px;
	float: left;
}
#clubroom .hotel-box .block-room .detail .bt_grp .bt_detail a {
	display: block;
	font-size: 17px;
	line-height: 50px;
	text-align: center;
	background-color: #6e5d30;
	border-radius: 10px;
	padding-top: 2px;
	position: relative;
    color: #FFF;
    text-decoration: none;
}
#clubroom .hotel-box .block-room .detail .bt_grp .bt_detail a::after {
	content: '';
	position: absolute;
	top: 48%;
	right: 20px;
	transform: rotate(45deg) translateY(-50%);
	-webkit-transform: rotate(45deg) translateY(-50%);
	width: 7px;
	height: 7px;
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #FFF;
}
#clubroom .hotel-box .room-service{
    clear: both;
    padding-top: 30px;
}
#clubroom .hotel-service h4{
    margin: 0 auto 20px;;
    text-align: center;
    position: relative;
    padding: 0 55px;
    font-size: 28px;
    font-weight: bold;
}
#clubroom .hotel-service h4:before, #clubroom .hotel-service h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 320px;
  height: 1px;
  background-color: black;
}
#clubroom .hotel-service h4:before {
  left:0;
}
#clubroom .hotel-service h4:after {
  right: 0;
}
#clubroom .hotel-box .room-service .ttl{
    height: 30px;
    background: url(../img/conradbali/ttl_line_pc.png) no-repeat left center;
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
}
/* PCレイアウト */
@media (min-width: 640px) {
  /*--------------------------------------------------*
 *   PCでは無効/表示されない
 *--------------------------------------------------*/
  .pc_none {
    display: none !important;
  }
}
/* スマホレイアウト */
@media (max-width: 639px) {
  /*--------------------------------------------------*
 *   SPでは無効/表示されない
 *--------------------------------------------------*/
  .sp_none {
    display: none !important;
  }
  body {
    -webkit-text-size-adjust: 100%;
  }
  .bottom img {
    width: 100%;
  }
  .img_bottom img {
    width: 100%;
  }
  #container {
    width: 100%;
  }
  #Main {
    width: 100%;
    float: none;
    padding: 0px;
    font-size: 14px;
    line-height: 1.6;
  }
  #main {
    width: 100%;
    font-size: 14px;
    line-height: 1.6;
    padding-bottom: 0px;
    overflow: visible;
  }
  #main * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #main img {
    border: 0px;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    width /***/ : auto;
  }
  /************************************************************
 *   クラブルームに泊まるバリの休日用CSS
 ************************************************************/
  #clubroom .read {
    margin: 0 10px;
    font-size: 18px;
  }
  #clubroom .read-ttl {
    font-size: 20px;
    margin-bottom: 5px;
  }
  #clubroom .point-box {
    width: 90%;
    height: auto;
    padding: 10px;
  }
  #clubroom .point-ttl {
    padding: 0 0 10px 40px;
    font-size: 20px;
    background-size: 20px;
    background-position: 2% 50%;
  }
  #clubroom .point1 {
    font-size: 20px;
    line-height: 33px;
    background-size: 15px;
  }
  #clubroom .point-box .point-text {
    padding-top: 10px;
    font-size: 15px;
  }
  #clubroom .point-box .point-text br {
    display: none;
  }
  /*メニュー*/
  #clubroom .clubroom-menu {
    margin-top: 10px;
    padding-top: 0;
  }
  #clubroom .clubroom-menu ul {
    display: block;
    margin: 0 10px;
    max-width: none;
  }
  #clubroom .clubroom-menu ul li {
    display: block;
    min-width: 290px;
    border-bottom: 1px solid #3e391b;
    font-size: 14px;
    border-left: none;
    padding-top: 10px;
    margin: 0 auto;
    margin: 0;
    width: 100%;
    text-align: left;
  }
  #clubroom .clubroom-menu ul li:first-child {
    width: auto;
  }
  #clubroom .clubroom-menu ul li:last-child {
    border-right: none;
  }
  #clubroom .clubroom-menu ul li span.hotel {
    line-height: 50px;
  }
  #clubroom .clubroom-menu ul li span.area {
    text-align: center;
    margin: 10px 10px;
    line-height: 30px;
    width: 85px;
  }
  #clubroom .clubroom-menu ul li a {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  /*ホテル*/
  #clubroom .hotel-section {
    margin-top: -27%;
    padding-top: 27%;
  }
  #clubroom .hotel-box {
    width: auto;
    margin: 20px 10px 0;
  }
  #clubroom .hotel-box .hotel-title {
    font-size: 4.8vw;
  }
  #clubroom .hotel-title h3 {
    order: 2;
    margin: 0 auto;
  }
  #clubroom .hotel-title p {
    order: 1;
    width: 100%;
    text-align: center;
  }
  #clubroom .hotel-title p > img {
    width: 100px;
  }
  #clubroom .hotel-title {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 0;
  }
  #clubroom .roomtype {
    font-size: 16px;
    margin: 20px 0 5px;
  }
  #clubroom .roomtype-text {
    font-size: 15px;
  }
  #clubroom .hotel-service {
    padding: 10px 0 10px;
    margin: 10px 0 30px;
  }
  #clubroom .hotel-service .inner {
    width: auto;
    margin: 0 10px;
    padding-bottom: 0;
  }
  #clubroom .hotel-service .inner .ttl {
    font-feature-settings: "palt";
    font-size: 16px;
  }
  #clubroom .hotel-service .inner .service-text {
    font-size: 15px;
  }
  #clubroom .hotel-service .inner p.note {
    padding-top: 5px;
    font-size: 15px;
  }
  #clubroom ul.link-button {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    width: auto;
    margin: 0 auto;
  }
  #clubroom ul.link-button li, #clubroom #NusaDua2 ul.link-button li {
    width: 90%;
    margin: 0 auto 10px;
    font-size: 15px;
  }
  #clubroom ul.link-button li a {
    padding: 10px 0;
  }
  #clubroom ul.link-button li a::after {
    top: 34%;
    right: 6px;
  }
  /*スライダー*/
  .bx-wrapper img {
    width: 100%;
    height: auto;
  }
  #clubroom .bx-wrapper .bxslider-caption {
    font-size: 14px;
    padding: 5px 0;
  }
  #clubroom .bx-wrapper {
    margin: 10px 10px 0;
  }
  #clubroom .bx-wrapper .bx-prev, #clubroom .bx-wrapper .bx-next {
    width: 35px;
    height: 35px;
    top: 30%;
  }
  #clubroom .bx-pager p {
    display: none;
  }
  #clubroom .bx-pager li {
    width: 33%;
    height: auto;
    padding: 2px;
  }
  #clubroom .bx-pager li img {
    width: 100%;
    height: auto;
  }
  #clubroom .bx-pager {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    padding-bottom: 0;
    margin: 0 10px;
    justify-content: space-around;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
  }
  #clubroom .bx-pager {
    flex-wrap: wrap;
  }
  #clubroom .bx-pager li {
    width: 30%;
    margin-right: 0;
  }
  #clubroom .hotel-box .icon img {
    width: 13vw;
  }
  #clubroom .attention-text {
    margin: 5px 0;
    font-size: 4.5vw;
    line-height: 1.5;
  }
  #clubroom .s-text {
    font-size: 3.5vw;
  }
  /*20230209追加*/
  .data-box {
    margin-top: 0;
    position: relative;
    padding-top: 20px;
  }
  .data-box .area {
    position: absolute;
    top: -5px;
    font-size: 3.8vw;
  }
  .data-box .iconbox .rank {
    font-size: 11px;
    border-radius: 12px;
    padding: 2px 5px;
  }
  .hotel_info .hotel_block .above .data {
    display: inline-flex;
    vertical-align: middle;
  }
  .data-box .data p.kuchikomi .star {
    display: flex;
    align-items: center;
    margin: 0 0px 0 0;
    position: relative;
    width: 60px;
    height: 15px;
  }
  .data-box .data p.kuchikomi .star img {
    position: absolute;
    width: 20px;
    height: 19px
  }
  .data-box .data p.kuchikomi .star img:nth-child(1) {
    left: 0px;
    z-index: 14;
  }
  .data-box .data p.kuchikomi .star img:nth-child(2) {
    left: 10px;
    z-index: 13;
  }
  .data-box .data p.kuchikomi .star img:nth-child(3) {
    left: 20px;
    z-index: 12;
  }
  .data-box .data p.kuchikomi .star img:nth-child(4) {
    left: 30px;
    z-index: 11;
  }
  .data-box .data p.kuchikomi .star img:nth-child(5) {
    left: 40px;
    z-index: 10;
  }
  .data-box .data p.kuchikomi .evaluation span.number {
    font-size: 11px;
    letter-spacing: -0.05em;
  }
  .data-box .data p.kuchikomi .evaluation .comment {
    font-size: 11px;
  }
  #clubroom .tour {
    margin: 10px;
    width: auto;
  }
  #clubroom .tour h4 {
    font-size: 4vw;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  #clubroom .tour ul li {
    width: 48%;
    margin-bottom: 10px;
  }
  #clubroom .tour ul li .area, #clubroom .tour ul li .price {
    font-size: 4vw;
    padding: 5px;
  }
  #clubroom .data-box {
    position: static;
    justify-content: center;
  }
  #clubroom .data-box .iconbox .rank, #clubroom .data-box .evaluation span {
    font-size: 3vw;
  }
  #NusaDua2 .RZBtext {
    font-size: 3.5vw;
    margin-bottom: 5px;
  }
  #clubroom .hotel-box .icon {
    /*top: 43vw;*/
    left: 3vw;
  }
  /*部屋*/
  #clubroom .hotel-box h4{
        width: auto;
        font-size: 20px;
        margin-bottom: 5px;
    }
    #clubroom .hotel-box h4::before, #clubroom .hotel-box h4::after{
        width: 22%;
    }
  #clubroom .hotel-box .block-room {
	margin-bottom: 8vw;
}
#clubroom .hotel-box .block-room .detail {
	width: 100%;
	margin-bottom: 3vw;
}
#clubroom .hotel-box .block-room .detail .name {
	height: 10.67vw;
	background: url("../img/clubroom/ttl_line_sp.png") no-repeat left center;
	background-size: 1.07vw auto;
	margin-bottom: 2vw;
	padding-left: 3vw;
}
#clubroom .hotel-box .block-room .detail .name span {
	font-size: 5vw;
}
#clubroom .hotel-box .block-room .detail .name_s span {
	font-size: 5vw;
}
#clubroom .hotel-box .block-room .detail .name span .sm{
    font-size: 3.5vw;
}
#clubroom .hotel-box .block-room .detail .extent {
	width: 56vw;
	font-size: 3.2vw;
	margin-bottom: 0.4vw;
	padding: 1vw 0px;
}
#clubroom .hotel-box .block-room .detail .extent img {
	padding-right:1vw;
}
#clubroom .hotel-box .block-room .detail .extent img:last-child {
	padding-left: 4vw;
}
#clubroom .hotel-box .block-room .detail .memo {
	font-size: 3.2vw;
	margin-bottom: 2vw;
}
#clubroom .hotel-box .block-room .detail .bt_grp {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	overflow: inherit;
}
#clubroom .hotel-box .block-room .detail .bt_grp .madori {
	width: 63.16vw;
	float: none;
	margin: 0px auto 4vw;
	padding: 1vw 0;
}
#clubroom .hotel-box .block-room .detail .bt_grp .madori p:nth-child(1) {
	font-size: 3.95vw;
}
#clubroom .hotel-box .block-room .detail .bt_grp .madori p:nth-child(3) {
	font-size: 3.68vw;
}
#clubroom .hotel-box .block-room .detail .bt_grp .bt_detail {
	width: 54%;
        float: none;
        margin: 0 auto;
}
#clubroom .hotel-box .block-room .detail .bt_grp .bt_detail a {
	font-size: 3.95vw;
	line-height: 10.53vw;
	padding-top: 0.4vw;
}
#clubroom .hotel-box .block-room .detail .bt_grp .bt_detail a::after {
	right: 6vw;
	width: 1.8vw;
	height: 1.8vw;
}
#clubroom .hotel-box .block-room .detail {
	float: none;
    width: auto;
}
#clubroom .hotel-box .block-room .photo_right {
	float: none;
    width: auto;
    margin-left: 0;
}
#clubroom .hotel-box .block-room .photo_right .photo {
	width: 100%;
	float: none;
}
#clubroom .hotel-box .block-room .photo_right img {
	width: 100%;
    height: 140px;
    object-fit: cover;
}
#clubroom .hotel-box .block-room.space {
        position: relative;
        padding-bottom: 61vw;
    }
    #clubroom .hotel-box .block-room.space2 {
        position: relative;
        padding-bottom: 52vw;
    }
    #clubroom .hotel-box .block-room.space3 {
        position: relative;
        padding-bottom: 47vw;
    }
    #clubroom .hotel-box .block-room.space4 {
        position: relative;
        padding-bottom: 47vw;
    }
    #clubroom .hotel-box .block-room.space5 {
        position: relative;
        padding-bottom: 53vw;
    }
#clubroom .hotel-read{
    font-size: 3.2vw;
}
#clubroom .hotel-service .inner p.kodomo{
    font-size: 3.2vw;
}
  #clubroom .hotel-service h4{
        width: auto;
        font-size: 20px;
        margin-bottom: 5px;
    }
    #clubroom .hotel-service h4::before, #clubroom .hotel-service h4::after{
        width: 12%;
    }
    #clubroom .hotel-box .room-service .ttl{
        height: auto;
        font-size: 3.5vw;
    }
    #clubroom .hotel-box .room-service .service-text,#clubroom .hotel-service .inner .service-text{
        font-size: 3.2vw;
    }
}