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

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


  ◇◆◇ 宿泊について ◇◆◇
  
  
========================================================================================================================*/

/*-----------------------------------------------------------------------------------
  写真
-----------------------------------------------------------------------------------*/

.photo { line-height:0; }
.photo img:first-child { float:left; }
.photo img:last-child { float:right; }

@media screen and (max-width:640px) {
  .photo img { max-width:49%; }
}


/*-----------------------------------------------------------------------------------
  料金表
-----------------------------------------------------------------------------------*/

.priceTbl th,
.priceTbl td { text-align:center; }


/*-----------------------------------------------------------------------------------
  受付時間
-----------------------------------------------------------------------------------*/

.ktime {
  border:1px solid #dcdcdc;
  padding:1.25em;
  padding:1.25rem;
}

.ktime ul {
  list-style:none;
  padding-top:0.5em;
  padding-top:0.5rem;
  line-height:1.5;
}

.ktime li:before {
  content:"●";
  color:#0d579a;
  display:inline-block;
  margin-right:0.25em;
  margin-left:-1.25em;
  padding-top:0.25em;
}

.ktime li {
  padding-left:1.25em;
}

.ktime li span {
  display:inline-block;
  width:4.75em;
  text-align:right;
}


/*-----------------------------------------------------------------------------------
  設備
-----------------------------------------------------------------------------------*/

.setsubiTbl th { text-align:left; }
.setsubiTbl td { text-align:left; }


.setsubiClos dl {
  width:390px;
  float:left;
}

.setsubiClos dl:last-child { float:right; }

.setsubiClos dt {
  background-color:#669ed0;
  font-weight:bold;
  color:#fff;
  line-height:1.5;
  padding:0.75em 1em;
  padding:0.75rem 1rem;
}

.setsubiClos dd {
  background-color:#eff5fa;
  padding:0.75em 1em 1.25em 1em;
  padding:0.75rem 1rem 1.25rem 1rem;
}

.setsubiClos dd ul { margin-left:1.25em; }
.setsubiClos dd li { line-height:1.5; padding-top:0.25em; padding-top:0.25rem; }

@media screen and (max-width:640px) {
  .setsubiClos dl,
  .setsubiClos dl:last-child {
    width:100%;
    float:none;
  }
  
  .setsubiClos dl:last-child { margin-top:2rem; }
}