@charset "UTF-8";
/* CSS Document */

.wrapContent {
  width: auto !important;
  margin: 0 auto;
}
.wrapContent a:hover {
  text-decoration: none;
  opacity: 0.6;
}
.wrapContent .none {
	display: none;
}


/****** search *****/
#search {
  padding: 16px 0;
  background: #e40000;
  box-sizing: border-box;
}
#search .inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  color: #FFF;
  box-sizing: border-box;
}
#search .inner div:first-of-type {
  margin-right: 10px;
  font-size: 18px;
  padding-top: 8px;
  margin-left: 3px;
  /*color: #333;*/
}
#search .inner select {
  width: 200%;
  padding: 4px;
  font-size: 18px;
  box-sizing: border-box;
}



#wrapper .container {
  margin: 60px auto;
}
#wrapper .spOnly {
	display: none;
}

/* ============================
  mainVisualSection
 ============================ */
.mainVisualSection {
  margin-bottom: 50px;
}
#mainvisual {
  background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/main_bg.jpg');
  background-repeat: no-repeat !important;
  background-position: center center !important;
  padding-top: 31.25% !important;
  position: relative !important;
  height: 0 !important;
  background-size: contain !important;
}
.timesale3 #mainvisual {
  background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew/images/main_bg3.jpg');
}
.timesale4 #mainvisual {
  background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew/images/main_bg4.jpg');
}
.timesale6 #mainvisual {
  background-image: url("/oka/special/timesale-renew/images/main_bg6.jpg");
}
.saimatsu #mainvisual {
  background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew/images/main_bg_saimatsu.jpg');
}
.timesale7 #mainvisual {
  background-image: url("/oka/special/timesale-renew/images/main_bg7.jpg");
}
.timesale8 #mainvisual {
  background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew/images/main_bg8.jpg');
}
.hatsuuri #mainvisual {
  background-image: url("/oka/special/timesale-renew/images/main_bg_hatsuuri.jpg");
}
.timesale9 #mainvisual {
  background-image: url("/oka/special/timesale-renew/images/main_bg9.jpg");
}
#mainvisual .mainvisual-img {
  position: absolute !important;
  left: 30.5vw;
  top: 3vw;
  width: 38vw;
}
.timesale3 #mainvisual .mainvisual-img {
  left: 30.5vw;
  top: 1vw;
  width: 37vw;
}
.timesale4 #mainvisual .mainvisual-img {
  left: 32.5vw;
  top: 2vw;
  width: 35vw;
}
.timesale6 #mainvisual .mainvisual-img,
.saimatsu #mainvisual .mainvisual-img,
.timesale8 #mainvisual .mainvisual-img,
.hatsuuri #mainvisual .mainvisual-img {
    left: 30.5vw;
    top: 1vw;
    width: 38vw;
}
.timesale7 #mainvisual .mainvisual-img,
.timesale9 #mainvisual .mainvisual-img {
    left: 31.5vw;
    top: 2.5vw;
    width: 34vw;
}
#mainvisual .mainvisual-img img {
  width: 100%;
  height: auto;
  max-width: 100%;
}


/* ============================
    timebtnlist
 ============================ */
.bar-timesale {
  max-width: 992px;
  margin: 0 auto 20px;
}
.bar-timesale .time_left {
    /*max-width: 745px;*/
    margin: 0 auto 50px;
    overflow: hidden;
    background-color: #e40000;
    color: #fff;
    padding: 20px 10%;
    letter-spacing: 2px;
    text-align: center;
}
.bar-timesale .time_left .ttl_sale {
    float: left;
    max-width: 330px;
    margin-right: 4px;
}
.bar-timesale .time_left .ttl_sale strong {
  font-size:28px;
  font-weight:bold;
}
.bar-timesale .time_left .ttl_sale strong .count-font-ss {
  font-size:16px;
  display: inline-block;
  vertical-align: baseline;
}
.bar-timesale .time_left .countdowntimer {
  float: right;
  font-size:28px;
  max-width: 480px;
  font-weight:bold;
}
.bar-timesale .time_left .countdowntimer .timeText {
  font-size:16px;
}
/*gentei*/
.bar-timesale .time_left .gentei {
  margin: 0 auto 16px;
  font-weight: bold;
  text-align: center;
}
.bar-timesale .time_left .gentei span {
  display: inline-block;
  background: #fff;
  color: #e40000;
  padding: 8px 40px 6px;
  font-size: 20px;
}



/* ============================
    tokutenSection
 ============================ */
.tokutenSection h2 {
  font-size: 28px;
  line-height: 1em;
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
}
.tokutenSection h2 span:before {
  content:"＼";
  padding-right: 1em;
}
.tokutenSection h2 span:after {
  content:"／";
  padding-left: 1em;
}
.tokutenSection .catchCopy {
  font-size: 19px;
  line-height: 1em;
  text-align: center;
  margin-bottom: 40px;
}
.tokuten-list {
  overflow: hidden;
  margin: 0 auto;
  /*max-width: 1147px;*/
}
.tokuten-list li {
  float: left;
  width: 48%;
  margin-right: 1%;
  margin-bottom: 10px;
  /*height: 95px;*/
  text-align: center;
}
.tokuten-list li a {
  display: block;
}
.tokuten-list li img {
  /*width: 100%;*/
  height: auto;
  max-width: 100%;
}

/* 20200316デザイン変更ここから */
.tokutenSection h2.benefits-hotel-ttl{
  margin-bottom: 50px;
}
.tokutenSection ul.benefits-hotel{
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: 1.4;
  box-sizing: border-box;
  margin-bottom: 60px;
}
.tokutenSection ul.benefits-hotel li{
  width: calc(100% / 3 - 10px);
  background-color: #1e63ba;
  padding: 10px 15px 15px 15px;
  box-sizing: border-box;
  text-align: center;
}
.tokutenSection ul.benefits-hotel .point{
  background-color: #fee100;
  color: #1e63ba;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: -30px;
  width: 30%;
  margin-left: 35%;
  padding: 8px 5px 5px 5px;
  line-height: 1;
  box-sizing: border-box;
}
.tokutenSection ul.benefits-hotel .sub{
  color: #FFF;
  font-size: 16px;
  margin-bottom: 10px;
}
.tokutenSection ul.benefits-hotel .ttl{
  color: #FFF;
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
.tokutenSection ul.benefits-hotel span{
  color: #cdd8e6;
  font-size: 13px;
  display: block;
  border:1px solid #cdd8e6;
  padding: 5px;
  box-sizing: border-box;
}
.tokutenSection h2.benefits-tour-ttl{
  margin-bottom: 40px;
}
.tokutenSection ul.benefits-tour{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  line-height: 1.4;
  box-sizing: border-box;
  margin-bottom: 60px;
}

.tokutenSection ul.benefits-tour li{
  width: calc(100% / 2 - 10px);
  background-color: #6c9bd6;
  padding: 15px;
  box-sizing: border-box;
  color: #FFF;
  display: flex;
  align-items: center;
  padding: 15px 15px 15px 0;
  margin-bottom: 15px;
}
.tokutenSection ul.benefits-tour .point{
  background-color: #fee100;
  color: #1e63ba;
  font-size: 20px;
  font-weight: bold;
  width: 18%;
  padding: 10px 0;
  text-align: center;
  margin-right: 15px;
}
.tokutenSection ul.benefits-tour .text{
  font-size: 22px;
  font-weight: bold;
  width: calc(82% - 15px);
}
.tokutenSection ul.benefits-tour .text span{
  font-size: 17px;
  display: block;
  font-weight: normal;
  margin-top: 5px;
}
.tokutenSection ul.benefits-tour .text span.small{
  font-size: 12px;
}

/* 20200316デザイン変更ここまで */


/* ============================
    naviSection
 ============================ */
#wrapper .naviSection .container {
  width: 1000px;
}
.naviSection h2 {
  font-size: 22px;
  line-height: 1em;
  text-align: center;
  margin-bottom: 15px;
  font-weight: bold;
}
.naviSection h2 span:before {
  content:"＼";
  padding-right: 1em;
}
.naviSection h2 span:after {
  content:"／";
  padding-left: 1em;
}

.naviSection .areaList {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.naviSection .areaList li {
  float: left;
  width: 49%;
  margin-right: 1%;
  margin-bottom: 10px;
}
.naviSection .areaList li:nth-child(even) {
  margin-right: 0;
}
.naviSection .areaList li a {
  display: block;
  text-align: center;
  padding: 12px 0;
  font-size: 30px;
  font-weight: bold;
  position: relative;
}
.naviSection .areaList li a:after {
  content:"";
  padding-left: 1em;
}
.naviSection .areaList li:nth-child(1) a {
  color: #208800;
  border: 5px solid #208800;
}
.naviSection .areaList li:nth-child(2) a {
  color: #f00088;
  border: 5px solid #f00088;
}
.naviSection .areaList li:nth-child(3) a {
  color: #198cb4;
  border: 5px solid #198cb4;
}
.naviSection .areaList li:nth-child(4) a {
  color: #bf00ff;
  border: 5px solid #bf00ff;
}
.naviSection .areaList li:nth-child(5) a {
  color: #ff4000;
  border: 5px solid #ff4000;
}
.naviSection .areaList li:nth-child(6) a {
  color: #020365;
  border: 5px solid #020365;
}
.naviSection .areaList li a i {
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
}


/* ============================
    relaxEnjoySection
 ============================ */
.relaxEnjoySection * {
    line-height: 1.2;
}
.relaxEnjoySection .container {
}
.relaxEnjoySection h2 {
  text-align: center;
  line-height: 1em;
  margin-bottom: 26px;
  height: auto;
}
.relaxEnjoySection h2 img {
  width: 58px;
  height: auto;
}
.relaxEnjoySection .catch {
  font-size: 18px;
  text-align: center;
  line-height: 1.6em;
  margin-bottom: 50px;
  letter-spacing: 0.1em;
}

/* エリアタイトル */
.relaxEnjoySection h2.areaTitle {
  height: auto;
  color: #ffffff;
  padding: 15px 0;
  text-align: center;
  font-size: 36px;
  margin: 0 0 15px;
}
.relaxEnjoySection h2.areaTitle:nth-of-type(1) {
  background: #208800;
}
.relaxEnjoySection h2.areaTitle:nth-of-type(2) {
  background: #f00088;
}
.relaxEnjoySection h2.areaTitle:nth-of-type(3) {
  background: #198cb4;
}
.relaxEnjoySection h2.areaTitle:nth-of-type(4) {
  background: #bf00ff;
}
.relaxEnjoySection h2.areaTitle:nth-of-type(5) {
  background: #ff4000;
}
.relaxEnjoySection h2.areaTitle:nth-of-type(6) {
  background: #020365;
}

/**/
.relaxEnjoySection .enjoyPlanList {
  margin-bottom: 20px;
}
.relaxEnjoySection .enjoyPlanList li {
  margin-bottom: 100px;
}
.relaxEnjoySection .enjoyPlanList li:last-child {
  margin-bottom: 0;
}
.relaxEnjoySection .container .enjoyPlanList li .hotelBox {
  width: 1200px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
  padding: 25px 0 0;
}
@media only screen and (max-width: 1200px){
  .relaxEnjoySection .container .enjoyPlanList li .hotelBox {
    width: 100%;
  }
}

/* テキストボックス */
.relaxEnjoySection .enjoyPlanList li .main {
  float: right;
  width: 600px;
  width: 50%;
/*   background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/timesale-icon001-pc.png'); */
  background-repeat: no-repeat;
  background-position: -5px 0px;
  background-size: 80px;
/*   padding: 0 20px 0px 0px; */
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 1024px){
  .relaxEnjoySection .enjoyPlanList li .main {
      width: 100%;
  }
}
.timesale4 .relaxEnjoySection .enjoyPlanList li .main {
  float: left;
  width: 600px;
  background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/timesale-icon004-pc.png');
  background-repeat: no-repeat;
  background-position: -5px 0px;
  background-size: 80px;
  padding: 0 20px 0px 0px;
  box-sizing: border-box;
  position: relative;
}
.saimatsu .relaxEnjoySection .enjoyPlanList li .main {
  float: left;
  width: 600px;
  background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/icon_saimatsu.png');
  background-repeat: no-repeat;
  background-position: -5px 0px;
  background-size: 80px;
  padding: 0 20px 0px 0px;
  box-sizing: border-box;
  position: relative;
}
.hatsuuri .relaxEnjoySection .enjoyPlanList li .main {
  float: left;
  width: 600px;
  background-image: url(/oka/special/timesale-renew-tokyo/images/icon_hatsuuri.png);
  background-repeat: no-repeat;
  background-position: -5px 0px;
  background-size: 80px;
  padding: 0 20px 0px 0px;
  box-sizing: border-box;
  position: relative;
}
.relaxEnjoySection .enjoyPlanList li:nth-child(even) .main {
  float: right;
  padding: 0 0 0 20px;
  background-position: 15px 0;
}

/* 写真ボックス */
.relaxEnjoySection .enjoyPlanList li .photo {
  float: left;
  width: 600px;
  width: 50%;
/*   background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/bg_plan_photo001.png'); */
  position: relative;
  top: 0;
  right: 0;
}
@media (max-width: 1024px){
  .relaxEnjoySection .enjoyPlanList li .photo {
      width: 100%;
  }
}
.relaxEnjoySection .enjoyPlanList li:nth-child(even) .photo {
  float: left;
  position: relative;
}
.relaxEnjoySection .enjoyPlanList li .photo img {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  display: block;
}
.relaxEnjoySection .hotel-rivilege .hotel-mainimage {
  position: relative;
}
.relaxEnjoySection .hotel-rivilege .hotel-sub　{
  overflow: hidden;
}
.relaxEnjoySection .hotel-rivilege .hotel-sub ul{
  position: relative;
  padding-left: 0;
}
.relaxEnjoySection .hotel-rivilege .hotel-sub ul li{
  float: left;
  margin: 2px 0 0 0;
  width: 49.8%;
  position: relative;
}
.relaxEnjoySection .hotel-rivilege .hotel-sub ul li:last-child{
  float: right;
  margin-right:0;
}
.relaxEnjoySection .hotel-rivilege .sub-img-text{
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: rgba(0, 0, 0, 0.70);
  width: 100%;
  padding: 5px;
  color: #fff;
  font-size: 90%;
  box-sizing: border-box;
}

/* ホテルタイトル */
.relaxEnjoySection .enjoyPlanList .name {
  min-height: 63px;
  padding-left: 75px;
  margin-bottom: 6px;
}
.relaxEnjoySection .enjoyPlanList .planCatch {
  font-size: 16px;
  line-height: 1.2;
  margin: 10px 0 4px;
}
.relaxEnjoySection .enjoyPlanList h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  font-feature-settings: 'palt' 1;
  color: #333333;
}

/* ポイントアイコン */
.relaxEnjoySection .enjoyPlanList .Facility_list {
  overflow: hidden;
  font-size: 11px;
}
.relaxEnjoySection .enjoyPlanList .Facility_list li {
  float: left;
  width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #13448f;
  color: #ffffff;
  text-align: center;
  padding: 13px 8px;
  /*height: 20px;*/
  line-height: 1.2;
}
.relaxEnjoySection .enjoyPlanList .Facility_list li.pd-height{
  padding: 6.6px 8px !important;
}

/* ホテル概要 */
.relaxEnjoySection .enjoyPlanList .body {
  font-size: 13px;
  line-height: 1.9em;
  font-feature-settings: 'palt' 1;
  margin: 15px 0;
}

/* ホテル情報テーブル */
.relaxEnjoySection .enjoyPlanList .hotel_info {
  margin-bottom:20px;
  width: 100%;
}
/*
.relaxEnjoySection .enjoyPlanList .hotel_info tr {

  border-top: 1px solid #cecece;
      box-sizing: border-box;
}
.relaxEnjoySection .enjoyPlanList .hotel_info tr:last-child {
  border-bottom: 1px solid #cecece;
}
*/
.relaxEnjoySection .enjoyPlanList .hotel_info tr td {
  border-left: 1px solid #cecece;
  padding: 5px;
  line-height: 1.3;
  font-size: 13px;
  width: 6em;
      box-sizing: border-box;
  border: 1px solid #cecece;
}
.relaxEnjoySection .enjoyPlanList .hotel_info tr td:nth-child(2) {
  /*border-right: 1px solid #cecece;*/
  width: auto;
}

/* ツアーボックス */
.relaxEnjoySection .enjoyPlanList .plan {
  float: left;
  width: 100%;
  padding: 30px 0 0;
}
.relaxEnjoySection .enjoyPlanList .plan-catch {
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
}
.relaxEnjoySection .enjoyPlanList .tour-list > li {
  width: 100% !important;
  padding: 15px;
  text-align: left;
  margin: 0 auto 20px;
  border: solid 2px #13448f;
  display: block;
  box-sizing: border-box;
}
.relaxEnjoySection .enjoyPlanList .tour-list li dl {
  overflow: hidden;
}
.relaxEnjoySection .enjoyPlanList .tour-list li dl:nth-of-type(2){margin:15px 0;}
.relaxEnjoySection .enjoyPlanList .tour-list li dt {
  display:inline-block;
  width: 38%;
  font-size: 18px;
  vertical-align: middle;
}
.relaxEnjoySection .enjoyPlanList .tour-list li dd {
  vertical-align: middle;
  display:inline-block;
  width: 60%;
}
.relaxEnjoySection .enjoyPlanList .tour-list li dl li {
  float: left;
  width: 25%;
  border: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 768px){
  .relaxEnjoySection .enjoyPlanList .tour-list li dl li {
    width: 50%;
  }
  .relaxEnjoySection .enjoyPlanList .tour-list dl li a {
    font-size: 16px;
    margin: 0 auto;
  }
}
.ssss .relaxEnjoySection .enjoyPlanList .tour-list li dl li {
  /* width: 100%; */
}
.relaxEnjoySection .enjoyPlanList .tour-list dl li a {
  background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/mark002.png');
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 15px;
  padding: 20px 17px 20px 17px !important;
  display: block;
  color: #333;
  margin: -15px 0 -15px 0;
  border-left: 1px solid #cecece;
  background: none;
  text-align: left;
}
.relaxEnjoySection .enjoyPlanList .tour-list dl li:nth-child(4n) a {
  border-right: none;
}
.relaxEnjoySection .enjoyPlanList .tour-list li dl li strong,
.relaxEnjoySection .enjoyPlanList .tour-list li dl li span {
  color: #e40000;
  pointer-events: none;
  background: none;
  padding: 0;
  border: none;
  width: auto;
  display: inline-flex;
  font-size: 18px;
  cursor: pointer;
  margin: 7px 0 0;
  font-weight: bold;
}

.relaxEnjoySection .enjoyPlanList .tour-list li dl li.noLink a {
    pointer-events: none;
}
.relaxEnjoySection .enjoyPlanList .tour-list li dl li.noLink a span {
    font-weight: normal;
    color: #a9a9a9;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 12px;
}







.relaxEnjoySection .popUpLInk {
margin: 60px 0;
text-align: center;
}
.relaxEnjoySection .popUpLInk a {
display: inline-block;
font-size: 14px;
font-weight: bold;
color: #fff;
line-height: 32px;
background-color: #ccc;
border-radius: 16px;
padding: 0 38px 0 21px;
background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/mark003.png');
background-repeat: no-repeat;
background-position: right 9px center;
}
.relaxEnjoySection .popUpLInk a:hover {
opacity: 1;
}

/* ============================
    magnific-popup
 ============================ */
.inline-wrap {
position: relative;
margin:10px auto;
width: 463px;
box-sizing: border-box;
background: #fff;
padding: 20px 30px 20px 30px;
}
.inline-wrap li {
}
.inline-wrap li a {
display: block;
font-size: 15px;
color: #000;
line-height: 1em;
padding: 13px 14px 13px 0;
text-align: left;
background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/mark004.png');
background-repeat: no-repeat;
background-position: right 38px;
}
.inline-wrap li .count {
display: block;
}
.inline-wrap li .name {
display: inline-block;
}
.areaplanList {
float: left;
width: 48%;
margin-left: 2%;
margin-bottom: 10px;
}
.inline_box {
padding: 30px 30px 20px 30px;
background-color: #fff;
width: 750px;
margin: 0 auto;
position: relative;
}
.modalbox-m{
width: 460px; 
}
.inline_box .tour-tile{
font-size: 18px;
font-weight: bold;
text-align: center;
display: table;
white-space: nowrap;
width: 50%;
margin: 0 18% 0 22%;
}
.inline_box .tour-tile:after,.inline_box .tour-tile:before {
content: '';
width: 26%;
display: table-cell;
background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 2px));
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 2px)), to(transparent calc(50% + 2px)));
background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));
-webkit-background-clip: padding;
background-clip: padding;
}
.inline_box .tour-tile:after {
border-left: 1em solid transparent;
}
.inline_box .tour-tile:before {
border-right: 1em solid transparent;
}
.popup-modal-dismiss{
position: absolute;
top: 20px;
right: 20px;
display: block;
background: url('/import/tenant_1/www1.wbf.co.jp/oka/hotel/moonbeach/images/close.png') no-repeat top center;
width: 40px;
height: 50px;
text-indent: -9999px;
}
.inline_box ul{
font-size: 18px;
font-weight: bold;
margin:20px 0 20px 0;
text-align: center;
overflow: hidden;
}
.inline_box .areaplanList .areaplanLink a .count {
text-align: center;
display: table-cell;
height: 30px;
}
.areaplanprice{
color: #f70079 !important;
}
.inline_box .areaplanList .areaplanLink a {
overflow: hidden;
display: table;
width: 300px;
font-size: 15px;
font-weight: bold;
color: #353433;
height: 25px;
border: solid 4px #f70079;
background: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/mark002.png') no-repeat right 8px center #ffffff;
text-align: center;
vertical-align: top;
}
.inline_box .areaplanList .areaplanLink a:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
text-decoration: none;
}
.inline_box .areaplanList .areaplanLink a .areaplanprice{
float: left;
text-align: center;
display: table-cell;
padding: 20px 0 0px 0;
height: 15px;
}
.inline_box .areaplanList .areaplanLink a:hover .areaplanprice{
text-decoration: none;
}
.btn_close{
display: inline-block;
margin: 0 20px 0 7px;
padding: 0;
width: 4px;
height: 20px;
background: #cccccc;
transform: rotate(45deg);
position: absolute;
top: 3%;
right:9%;
}
.btn_close:hover{
opacity: 1;
filter: alpha(opacity=1);
-moz-opacity: 1.00;
opacity: 1.00;
}
.btn_close:before{
display: block;
content: "";
position: absolute;
top: 50%;
left: -8px;
width: 20px;
height: 4px;
margin-top: -2px;
background: #cccccc; 
}





/*20190614ギャラクシー*/
body.galaxy #search {
    background: #106568;
}
body.galaxy #wrapper .tokutenSection .container {
    margin: 0 auto;
}
body.galaxy .mainVisualSection {
    margin-bottom: 0px;
}
body.galaxy #mainvisual {
  background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew/images/main_visual-galaxy.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 31.25%;
  position: relative;
  height: 0;
  background-size: contain;
}
body.galaxy #mainvisual .mainvisual-img {
  position: absolute;
  left: 32.5vw;
  top: 2vw;
  width: 35vw;
}
body.galaxy .tokutenSection {
	background: #1a1f18;
	/*background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew/images/ptn_galaxy.png');*/
	padding: 60px 0;
	margin-bottom: 40px;
}
body.galaxy .tokutenSection h2 {
    color: #fff;
}
body.galaxy .tokuten-list li img {
	border: 4px solid #fff;
	box-sizing: border-box;
}
body.galaxy .tokutenSection p {
	color: #fff;
	line-height: 1.4;
}





/*リスティングsaleHotel*/
.saleHotel #mainvisual {
	background: none !important;
	padding: 0 !important;
	height: auto !important;
}
.saleHotel #mainvisual img {
	width: 100%;
	height: auto;
}
.saleHotel .relaxEnjoySection .hotel-rivilege .sub-img-text {
    background: rgba(0, 0, 0, 0.80);
    padding: 7px 7px 5px;
    font-size: 100%;
    font-weight: normal;
    letter-spacing: 0.05em;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .name {
    min-height: 63px;
    padding-left: 75px;
    margin-bottom: 10px;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .planCatch {
    font-size: 18px;
}
.saleHotel .relaxEnjoySection .enjoyPlanList h3 {
    font-size: 32px;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .Facility_list {
    font-size: 13px;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .body {
	font-size: 17px;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .hotel_info tr td {
  font-size: 14px;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .plan {
    padding: 0;
    margin: 30px 0 0;
    background: #F7F7F7;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .plan-catch {
    font-size: 20px;
    text-align: left;
    margin: 0;
    padding: 10px;
    border-left: 10px solid #13448f;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .plan-catch span {
    display: block;
    margin: 0 0 5px;
    color: #e40000;
    font-size: 100%;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .tour-list {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
    margin: 0 auto;
    padding: 15px 0 30px;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .tour-list li {
  float: none;
  width: 100%;
  margin: 0 0.8% 0;
  padding: 0;
  border: none;
}
.saleHotel .relaxEnjoySection .enjoyPlanList .tour-list li a {
    background-image: url('/import/tenant_1/www1.wbf.co.jp/oka/special/timesale-renew-tokyo/images/mark002.png');
    background-repeat: no-repeat;
    background-position: right 38px center;
    background-size: 15px;
    padding: 17px 10px 15px 65px !important;
    display: block;
    color: #333;
    margin: 0;
    border: 2px solid #13448f;
    font-size: 16px;
    border-radius: 60px;
    background-color: #fff;
    /* padding: 17px 10px 15px !important; */
    /* text-align: center;*/
}
.saleHotel .relaxEnjoySection .enjoyPlanList .tour-list li a span {
    color: #e40000;
    display: block;
    margin: 7px 0 0;
    font-weight: bold;
    font-size: 20px;
}