@charset "utf-8";
/*スマートフォン*/
@media screen and (min-width: 0px) {
  /* =======================
	全体
========================== */
  .ttl h2,
  h3,
  h4 {
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 30px;
  }
  /* =======================
	コンテンツ内
========================== */
  .topicpath {
    margin-bottom: 60px;
  }
  .topicpath dd {
    margin: 5px 0 0 0;
  }
  #dayuse {
    padding-top: 80px;
    margin-top: -80px;
  }
  /* =======================
	表
========================== */
  .basic_info table {
    height: 124px;
    width: 100%;
    font-size: 1.2rem;
    margin-left: 0px;
    border: solid 1px #cccccc;
  }
  .basic_info .bg {
    background-color: #ededed;
    border: solid 1px #cccccc;
    width: 35%;
    padding: 10px 0;
  }
  .basic_info table {
    border: 1px #cccccc;
  }
  .notice {
    text-align: right;
  }
  #container .room_type .basic_info tr .bd_b {
    border: solid 1px #cccccc;
    padding: 10px 0;
    line-height: 1.5;
    min-width: 100px;
  }
  #container .basic_info {
    text-align: center;
    margin-bottom: 20px;
  }
  #container .rest_note {
    text-align: left;
    margin: 10px 0 40px;
  }
  #container .room_bd {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 2.4rem;
  }
  #container .txt {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .rest_copy {
    text-align: center;
    line-height: 2;
    margin-bottom: 30px;
  }
  .reservation_box {
    margin: 0 auto 20px;
    background-color: #fff;
    border: solid 1px #e5e5e5;
    padding: 3% 3% 6%;
  }
  .reservation_box h3 {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin: 0 0 30px 0;
    background-color: #f2f2f2;
    text-align: center;
    font-weight: normal;
    font-size: 1.6rem;
    color: #333;
  }
  .reservation_box .open_anteroom {
    font-size: 1.6rem;
    margin: 0 0 20px 0;
    line-height: 1.5;
    text-align: center;
  }
  /* 電話番号用*/
  .reservation_box .phon_number {
    font-size: 3rem;
    background-image: url(../img/common/phon_img_001.gif);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 24px 39px;
    width: 279px;
    margin: -10px auto 0;
    text-align: center;
    line-height: 1.2;
  }
  .reservation_box .phon_number a {
    color: #0c000c;
  }
  .reservation_box .phon_number a:hover {
    color: #999;
  }
}
@media screen and (min-width: 320px) {
  .page_image {
    background-size: 120%;
  }
  #container .btn a {
    background-position: 60px 15px;
  }
  #container .btn a:hover {
    background-color: #805621;
    text-decoration: none;
  }
}
/*タブレット*/
@media screen and (min-width: 768px) {
  /* =======================
	コンテンツ内
========================== */
  #container .ttl h2,
  h3,
  h4 {
    font-size: 2.4rem;
  }
  #container .basic_info table {
    font-size: 1.4rem;
  }
  #container .rest_note {
    text-align: left;
    width: 80%;
    margin: 10px 0px 50px;
  }
  .reservation_box {
    padding: 3% 5% 20px 5%;
  }
  .reservation_box h3 {
    padding: 10px 0;
    margin: 0 0 30px 0;
    background-color: #f2f2f2;
    text-align: center;
    font-weight: normal;
    font-size: 1.6rem;
    color: #333;
    line-height: 1.5;
  }
  .reservation_box .phon_number {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
/* タブレット(横) */
@media screen and (min-width: 1024px) {
  #container .ttl h2,
  h3,
  h4 {
    font-size: 3rem;
  }
  #container .basic_info table {
    height: 140px;
    width: 80%;
    margin: 0 auto;
  }
  .notice {
    width: 80%;
    margin: 0 auto;
  }
  #container .room_txt {
    width: 82%;
    margin: 0px 110px 30px 80px;
  }
  #container .rest_note {
    width: 80%;
    text-align: left;
    margin: 10px auto 50px;
  }
  #container .room_bd {
    width: 80%;
    margin: 0 auto 30px;
  }
  .room_type .btn {
    width: 40%;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  #container .btn a {
    background-position: 105px 19px;
  }
  #container .btn a:hover {
    text-decoration: none;
  }
  .reservation_box {
    width: 70%;
  }
}
/* PCページ */
@media screen and (min-width: 1025px) {
  .main_visual img {
    width: 100%;
  }
  /* =======================
	h2
========================== */
  #container .ttl h2,
  h3,
  h4 {
    font-size: 3rem;
    margin-bottom: 40px;
  }
  /* =======================
	全体
========================== */
  #container {
    width: 1000px;
    margin: 0 auto 30px;
  }
  /* =======================
	コンテンツ内
========================== */
  #container .topicpath {
    margin-bottom: 70px;
  }
  #container .topicpath {
    font-size: 1.2rem;
  }
  #container .basic_info {
    text-align: center;
    margin-bottom: 30px;
  }
  #container .rest_note {
    width: 80%;
    margin: 10px auto 50px;
  }
  .reservation_box {
    width: 70%;
  }
}