@charset "utf-8";
@import "style.css";

/*========================================================================================================================


  ◇◆◇ 共用施設 ◇◆◇
  
  
========================================================================================================================*/

.rbox {
  position:relative;
  padding-right:480px;
  min-height:300px;
  text-align:center;
}

.rbox .photo {
  max-width:450px;
  position:absolute;
  right:0;
  top:0;
}

.rbox h4 {
  border-top:1px solid #0d579a;
  border-bottom:1px solid #0d579a;
  text-align:center;
  line-height:1;
  padding:1.75em 0;
  padding:1.75rem 0;
}

.rbox h4 span {
  color:#0d579a;
  font-size:137.5%;
}

.rbox h4 span:before {
  content:"";
  width:100%;
  height:48px;
  display:block;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  margin-bottom:0.5em;
  margin-bottom:0.5rem;
}

.rbox01 h4 span:before { background-image:url(../image/kshisetsu/ic01.gif); }
.rbox02 h4 span:before { background-image:url(../image/kshisetsu/ic02.gif); }
.rbox03 h4 span:before { background-image:url(../image/kshisetsu/ic03.gif); }
.rbox04 h4 span:before { background-image:url(../image/kshisetsu/ic04.gif); margin-bottom:0.75em; margin-bottom:0.75rem; }
.rbox05 h4 span:before { background-image:url(../image/kshisetsu/ic05.gif); margin-bottom:0.75em; margin-bottom:0.75rem; }
.rbox06 h4 span:before { background-image:url(../image/kshisetsu/ic06.gif); margin-bottom:1em; margin-bottom:1rem; }
.rbox07 h4 span:before { background-image:url(../image/kshisetsu/ic07.gif); margin-bottom:0.75em; margin-bottom:0.75rem; }

.no-backgroundsize .rbox01 h4 span:before { background-image:url(../image/kshisetsu/ic01s.gif); }
.no-backgroundsize .rbox02 h4 span:before { background-image:url(../image/kshisetsu/ic02s.gif); }
.no-backgroundsize .rbox03 h4 span:before { background-image:url(../image/kshisetsu/ic03s.gif); }
.no-backgroundsize .rbox04 h4 span:before { background-image:url(../image/kshisetsu/ic04s.gif); }
.no-backgroundsize .rbox05 h4 span:before { background-image:url(../image/kshisetsu/ic05s.gif); }
.no-backgroundsize .rbox06 h4 span:before { background-image:url(../image/kshisetsu/ic06s.gif); }
.no-backgroundsize .rbox07 h4 span:before { background-image:url(../image/kshisetsu/ic07s.gif); }

.rbox p { text-align:left; }

@media screen and (max-width:640px) {
  .rbox {
    padding-right:0;
    min-height:inherit;
  }
  
  .rbox .photo {
    max-width:100%;
    position:inherit;
    right:inherit;
    top:inherit;
  }
  
  .rbox h4 {
    width:100%;
    border-bottom:0;
  }
  
  .rbox h4 span:before { margin-bottom:0.75rem; }
  .rbox04 h4 span:before { margin-bottom:1rem; }
  .rbox05 h4 span:before { margin-bottom:1rem; }
  .rbox06 h4 span:before { margin-bottom:1rem; }
}


/*-----------------------------------------------------------------------------------
  備え付け品
-----------------------------------------------------------------------------------*/

.sBlosk {
  background-color:#eff5fa;
  padding:1.25em;
  padding:1.25rem;
}


/*-----------------------------------------------------------------------------------
  ラウンジ
-----------------------------------------------------------------------------------*/

.loungeTbl caption {
  font-size:125%;
  text-align:left;
  font-weight:bold;
  padding-bottom:0.5em;
  padding-bottom:0.5rem;
}

@media screen and (max-width:640px) {
  .loungeTbl { margin-top:1rem; }
}