@charset "utf-8";
/* ------------------------------------------------------------------
  roomplan common CSS

  2018/05/09 326_sakaguchi 
------------------------------------------------------------------ */
/*header {
  border-bottom: none;
  max-width: 1000px;
  width: 100%;
}*/

footer {
  margin-top: 0;
  width: 100%;
}

#contents {
  background: #EFECE5;
  margin: 0 auto;
  padding-bottom: 1%; 
  padding-top: 1em;
  width: 100%;
}

@media screen and (max-width: 736px) {
  #contents {
    padding-top: 0;
  }
}

.size_tab {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
}

#contents img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  width: 100%;
  -webkit-backface-visibility: hidden;
}

#contents .txt_space {
  margin: 0 0.5em;
}

#contents .txt_space03 {
  margin: 0 0.3em;
}

#contents .txt_space.view_pc {
  display: inline-block;
}

@media screen and (max-width: 736px) {
  #contents .txt_space.view_pc {
    display: none;
  }
}

#contents .txt_green {
  color: #0E724A;
  display: inline;
  font-size: 100%;
}

/* ご予約済み 家具付きの処理 */
.wrp_roomsearch .con_roomsearch_many .size_box .box_right ul li.btn_reserved {
  background: #B5B5B5!important;
  border: 1px solid #8D8D8D!important;
}

.wrp_roomsearch .size_box .box_right ul li.btn_reserved span.txt_furniture,
.wrp_roomsearch .size_box .box_right ul li.btn_reserved span.txt_nonfurniture {
  color: #484848!important;
}

.wrp_roomsearch .size_box .box_right ul li.btn_reserved span.txt_furniture:before {
  background: url(/sakae/roomplan/detail/image/ico-furniture-reserved.png) center center no-repeat!important;
  background-size: 1em!important;
}



/*seo　(second_cmn.css 幅上書き)*/
#seo {
  background: #fff;
  margin: 0 auto;
  max-width: 925px;
  width: 94%;
}

#seo p {
  line-height: 1.5em;
}




/*----------------------
 J-Stream動画
-----------------------*/

/* 動画ボタン */
[class^="movie_check"]{
  cursor:pointer;
}
[class^="movie_check"] img:hover {
  opacity: 0.8;
}

/* 閉じるボタン */
[class^="btn_close"] {
  cursor: hand;
  cursor:pointer;
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  height: 40px;
  width: 120px;
  text-decoration: none;
  font-weight: bold;
  font-size:18px;
  line-height: 40px;
  text-align: center;
  color: #333;
  border: 1px solid #cbcbcb;
  border-bottom: 1px solid #b2b1b1;
  text-shadow: 0px 1px 0px #fafafa;
  -webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  -moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #eeeeee), color-stop(0.5, #e2e2e2));
  background: -moz-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: -o-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: -ms-linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  background: linear-gradient(top, #eeeeee 50%, #e2e2e2 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee 50%', endColorstr='#e2e2e2 50%');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee 50%', endColorstr='#e2e2e2 50%')";
}

/* 黒背景 */
[id^="movie_panel"] {
  display:none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%; 
  height: 100%; 
  z-index: 999999999999999999999;
  background: #000; 
}

/* JStreamを使わないios用設定 */
#start_movie {
    width: 100%;
    height: 100%;
/*    background: #000;*/
}