@charset "utf-8";

/* ****************************************************************************************************
   * お部屋
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * コンテンツ
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#room div.contents {
  letter-spacing: -5.5px;
  text-align: center;
}

#room div.contents > * {
  margin-bottom: -20px;
  letter-spacing: normal;
  text-align: left;
}

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

#room div.contents div.photo {
  width: 500px;
  margin-bottom: 20px;
  vertical-align: top;
  display: inline-block;
}

#room div.contents div.photo img {
  margin-left: auto;
  margin-right: auto;
  display: table;
}

/* ----------------------------------------------------------------------------------------------------
   * 内容
/* ------------------------------------------------------------------------------------------------- */

#room div.contents div.content {
  width: 500px;
  margin-bottom: 20px;
  vertical-align: top;
  display: inline-block;
}

/* * 詳細 テーブル
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#room div.contents div.content table.room th[scope=col] {
  text-align: center;
}

#room div.contents div.content table.room th[scope=row] {
  text-align: center;
}

/* * 設備 リスト
/* ･････････････････････････････････････････････････････････････････････････････････････････････････ */

#room div.contents div.content dl.setubi dd ~ dd {
  margin-top: 0.25em;
}

/* ****************************************************************************************************
   * 館内見取り図
**************************************************************************************************** */

#map {}

/* ****************************************************************************************************
   * 施設概要
**************************************************************************************************** */

/* ----------------------------------------------------------------------------------------------------
   * ギャラリー
/* ------------------------------------------------------------------------------------------------- */

#outline div.gallary {
  letter-spacing: -0.4em;
}

#outline div.gallary div.item {
  width: 23%;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin-left: 2.5%;
  margin-top: 2.5%;
}

#outline div.gallary div.item:nth-child(4n+1) {
  margin-left: 0;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:540px) {

#outline div.gallary div.item {
  width: 48%;
  margin-top: 2%;
  margin-left: 2%;
}

#outline div.gallary div.item:nth-child(odd) {
  margin-left: 0;
}

}