/*
Theme Name: one room
Theme URI: ★ https://oneroom.biscuss.jp ★
Template: lightning
Description: ★ 老人ホーム紹介センター ★
Author: ★ 株式会社BISCUSS） ★
Version: 0.5.1
*/

/* ==============================
シングルページ（施設個別ページ）
============================== */
.post-header h1.post-title {
  padding-left: 12px;
  clear: both;
  border-left: 7px solid #2e7500;
  font-weight: bold;
}

/* 見出しアイコン */
.post-content h3 i {
  margin-right: 0.25em;
  color: #2e7500;
}

/* 詳細情報テーブル */
table.facilities_info {
  width: 100%;
  margin-bottom: 20px;
  table-layout: fixed;
}

table.facilities_info th {
  font-weight: bold;
  color: #333;
  background: #eee !important;
  border: 1px solid #ccc;
  white-space: nowrap;
  width: 210px;
}

table.facilities_info td {
  background: #fff;
  border: 1px solid #ccc;
  overflow-wrap: break-word;
}

table.facilities_info td.facilities_info__cost {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  border: none;
}

table.facilities_info td.facilities_info__cost--first {
  border-bottom: 1px solid #ccc;
}

table.facilities_info td img {
  width: 100%;
}

table.facilities_info td .price {
  color: #f09586;
  font-size: 1.75rem;
  margin-right: 5px;
  font-weight: bold;
  display: flex;
  justify-content: center;
}

.table-wrap,
.table-grad {
  white-space: normal;
  margin-bottom: 0;
}

table.facilities_info .facilities_cost {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

table.facilities_info .facilities_cost__right {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  table.facilities_info td.facilities_info__cost {
    border: 1px solid #ccc;
  }
  table.facilities_info {
    border: none;
    margin-top: 1px;
  }
  table.facilities_info th {
    display: block;
    width: auto;
    margin-top: -1px;
  }
  table.facilities_info td {
    display: block;
    width: auto;
    margin-top: -1px;
  }
  table.facilities_info .facilities_cost {
    border: none;
  }
}

/* 費用（入居時・月額）テーブル */
table.facilities_price_info {
  width: 100%;
  border-spacing: 3px;
  border-collapse: separate;
}

table.facilities_price_info th {
  width: 10%;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

table.facilities_price_info .start th {
  background: #76b95a;
  /* #ffc112; */
}

table.facilities_price_info .start th.total_price {
  background: #76b95a61;
  /* #ffc1125e; */
}

table.facility_type_list th.sub_cat {
  width: 20%;
  font-weight: 200;
  color: #333;
}

table.facilities_price_info .monthly th {
  background: #ff8c00;
  /* #c5a569;#ffa478; */
}

table.facilities_price_info .monthly th.total_price {
  background: #ff8c0045;
  /* #c5a5694d;#ffa47861; */
}

table.facilities_price_info .total_price {
  width: 25%;
  font-size: 2rem;
  color: #5f2c00;
}

table.facilities_price_info td {
  width: 30%;
  background: #fff;
}

table.facilities_price_info td:hover {
  width: 30%;
  background: #fff;
  border: 1px solid #999;
}

.price_cat {
  float: left;
  width: 50%;
  font-weight: bold;
  color: #90531f;
}

.price_date {
  float: right;
  width: 50%;
  font-size: 1.2em;
  font-weight: bold;
  text-align: right;
}

.price_yen {
  margin-left: 5px;
  font-size: 0.7em;
  font-weight: normal;
  color: #333;
}

.total_price .price_yen {
  color: #19610c;
  /* #e66000; */
}

/* 空のtdを非表示 */
table.facilities_price_info tr:nth-child(3) td:last-child {
  display: none;
}

@media screen and (max-width: 767px) {
  table.facilities_price_info {
    border-spacing: 0;
    border: none;
  }
  table.facilities_price_info th {
    display: block;
    width: 100% !important;
    margin-top: -1px;
  }
  table.facilities_price_info td {
    display: block;
    width: 100% !important;
    margin-top: -1px;
    overflow: hidden;
  }
  table.facilities_price_info td:hover {
    border: 1px solid #ddd;
  }
}

/* 老人ホーム、施設種類テーブル */
table.facility_type_list {
  width: 100%;
  border-spacing: 3px;
  border-collapse: separate;
}

table.facility_type_list th {
  width: 10%;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}

table.facility_type_list th {
  background: #76b95a !important;
  /* #ffc112; */
}

table.facility_type_list th.sub_cat {
  background: #76b95a61 !important;
  /* #ffc1125e; */
}

table.facility_type_list i {
  margin-right: 4px;
  color: #47b39d;
}

table.facility_type_list td a {
  margin: 3px 0;
  font-weight: bold;
  color: #333;
  text-decoration: underline !important;
}

/* 介護保険利用限度額テーブル */
.limit_price_list {
  width: 100%;
}

.limit_price_list tr th {
  font-weight: bold;
  color: #333;
  text-align: center;
  background: #fff2cc !important;
}

.limit_price_list tr.th_line th {
  color: #333;
  background: #eee !important;
}

.limit_price_list td {
  font-size: 0.8em;
  text-align: right;
  background: #fff;
}

.limit_price_list td span {
  margin-right: 4px;
  font-size: 1.4em;
  font-weight: bold;
  color: orange;
}

.single-post-tags {
  margin-left: 18px;
  float: left;
}

@media screen and (max-width: 767px) {
  .limit_price_list {
    border: none !important;
  }
  .limit_price_list tr th {
    display: block;
    width: 100%;
    margin-top: -1px;
  }
  .limit_price_list tr td {
    display: block;
    width: 100%;
    margin-top: -1px;
  }
  .limit_price_list tr:first-child {
    display: none;
  }
  .limit_price_list tr:nth-child(2) td span::before,
  .limit_price_list tr:nth-child(3) td span::before,
  .limit_price_list tr:nth-child(4) td span::before {
    display: block;
    float: left;
    margin-top: 0.2em;
    font-size: 0.8em;
    font-weight: 200;
    color: #333;
  }
  .limit_price_list tr td:nth-of-type(1) span::before {
    content: '要支援1';
  }
  .limit_price_list tr td:nth-of-type(2) span::before {
    content: '要支援2';
  }
  .limit_price_list tr td:nth-of-type(3) span::before {
    content: '要介護1';
  }
  .limit_price_list tr td:nth-of-type(4) span::before {
    content: '要介護2';
  }
  .limit_price_list tr td:nth-of-type(5) span::before {
    content: '要介護3';
  }
  .limit_price_list tr td:nth-of-type(6) span::before {
    content: '要介護4';
  }
  .limit_price_list tr td:nth-of-type(7) span::before {
    content: '要介護5';
  }
}

/* 疾病への対応 */
ul.disease {
  padding: 0;
  margin: -9.857px;
  overflow: hidden;
}

ul.disease li {
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  width: 100px;
  height: 100px;
  padding: 5px;
  margin: 9.857px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  border: 2px solid #ddd;
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  ul.disease {
    margin: -5px;
  }
  ul.disease li {
    width: 75px;
    height: 75px;
    margin: 5px;
    font-size: 75%;
  }
}

/* ばつ */
ul.disease li.disease_0 {
  color: #999;
  background: #fff url(https://oneroom.biscuss.jp/wp-content/uploads/2022/12/batsu.png) 0/cover no-repeat;
  border-color: #999;
}

/* さんかく */
ul.disease li.disease_1 {
  color: #ff8c00;
  background: #fff url(https://oneroom.biscuss.jp/wp-content/uploads/2022/12/sankaku.png) 0/cover no-repeat;
  border-color: #ffc35c;
}

/* まる */
ul.disease li.disease_2 {
  color: #2e7500;
  background: #fff url(https://oneroom.biscuss.jp/wp-content/uploads/2022/12/maru.png) 0/cover no-repeat;
  border-color: #7dc867;
}

/* グーグルマップ */
.ggmap {
  position: relative;
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}