/* ====================================
 共通
====================================== */

/* --------------------------
 トップページ
 -------------------------- */
  /* ナビ */
  body.Homes .p-gnav__homes {
    background: #486c03;
  }
  /* テーブル */
  body.Homes .c-table__list th,
  body.Homes .c-table__list td {
    border-bottom: 2px dotted #ccc;
  }
  body.Homes .i-spotlistArea {
    background: #fff;
    box-shadow: 1px 2px 1px rgba(0, 0, 0, .1);
    border-radius: 6px;
    margin-bottom: 30px;
    padding: 20px;
    overflow: hidden;
  }
  body.Homes .i-spotlistAreas {
    float: left;
  }
  body.Homes .i-spotlistAreas2 {
    float: left;
  }
    body.Homes .i-spotlist {
      width: 100%;
    }
    body.Homes .i-spotlists {
      border-bottom: 2px dotted #eee;
    }

/* --------------------------
 お知らせ
 -------------------------- */
  /* ナビ */
  body.News .p-gnav__news {
    background: #486c03;
  }

  /* ページタイトル */
  body.News .c-pagetit {
    border-left: 6px solid #30c9e6;
    color: #30c9e6;
    font-weight: bold;
  }

  /* テーブル */
  body.News .c-table__list th,
  body.News .c-table__list td {
    border-bottom: 2px dotted #ccc;
  }

/* --------------------------
 事業所一覧・詳細
 -------------------------- */
  /* ナビ */
  body.Spots .p-gnav__spots {
    background: #486c03;
  }

  /* ページタイトル */
  body.Spots .c-pagetit {
    border-left: 6px solid #502b07;
    color: #502b07;
    font-weight: bold;
  }
  body.Spots .c-table__form {
  }
  body.Spots .i-spot__outline {
    background: #e0e0e0;
    border: 4px solid #ccc;
  }


/* --------------------------
 旭児連紹介
 -------------------------- */
  /* ナビ */
  body.Outlines .p-gnav__outlines {
    background: #486c03;
  }
  /* ページタイトル */
  body.Outlines .c-pagetit {
    border-left: 6px solid #db6a48;
    color: #db6a48;
    font-weight: bold;
  }
  /* テーブル */
  body.Outlines .c-table {
    width: 97%;
  }
  body.Outlines .c-table td {
    border: 1px solid #ddd;
    padding: 10px;
    width: 50%;
  }
  body.Outlines .c-table thead td {
    background: #eee;
  }
  body.Outlines .c-table tbody td {

  }


/* --------------------------
 入会案内
 -------------------------- */
  /* ナビ */
  body.Joins .p-gnav__joins {
    background: #486c03;
  }
  /* ページタイトル */
  body.Joins .c-pagetit {
    border-left: 6px solid #8957a0;
    color: #8957a0;
    font-weight: bold;
  }

/* --------------------------
 活動案内
 -------------------------- */
  /* ナビ */
  body.Activities .p-gnav__activities {
    background: #486c03;
  }
  /* ページタイトル */
  body.Activities .c-pagetit {
    border-left: 6px solid #f0903a;
    color: #f0903a;
    font-weight: bold;
  }

/* --------------------------
 お問い合わせ
 -------------------------- */
  /* ページタイトル */
  body.Contacts .c-pagetit {
    border-left: 6px solid #184a8f;
    color: #184a8f;
    font-weight: bold;
  }

/* --------------------------
 スポンサー
 -------------------------- */
  /* ページタイトル */
  body.Sponsors .c-pagetit {
    border-left: 6px solid #6bb82c;
    color: #6bb82c;
    font-weight: bold;
  }
    body.Sponsors .c-thumblists {
      margin-bottom: 20px;
    }

/* --------------------------
 あいさつ
 -------------------------- */
  /* ページタイトル */
  body.Greetings .c-pagetit {
    border-left: 6px solid #aa0c7c;
    color: #aa0c7c;
    font-weight: bold;
  }
    body.Greetings .c-thumblists {
      margin-bottom: 20px;
    }

/* --------------------------
 サービス利用
 -------------------------- */
  /* ページタイトル */
  body.Services .c-pagetit {
    border-left: 6px solid #0cab93;
    color: #0cab93;
    font-weight: bold;
  }
    body.Services .c-thumblists {
      margin-bottom: 20px;
    }

/* --------------------------
 管理画面
 -------------------------- */
  /* ページタイトル */
  body.Admin .c-pagetit {
    border-left: 6px solid #5c9305;
    color: #5c9305;
    font-weight: bold;
  }



/* --------------------------
 管理トップ[管理]
 -------------------------- */
  /* サイド選択中 */
  body.Mypages .p-side__adminHome a {
    background: #88b929;
    color: #fff;
  }

/* --------------------------
 お知らせ[管理]
 -------------------------- */
  /* サイド選択中 */
  body.NewsByAdmins .p-side__adminNews a {
    background: #88b929;
    color: #fff;
  }

/* --------------------------
 空き状況[管理]
 -------------------------- */
  /* サイド選択中 */
  body.VacantByAdmins .p-side__adminVacant a {
    background: #88b929;
    color: #fff;
  }

/* --------------------------
 活動紹介[管理]
 -------------------------- */
  /* サイド選択中 */
  body.ActivityByAdmins .p-side__adminActivity a {
    background: #88b929;
    color: #fff;
  }

/* --------------------------
 会員限定書類[管理]
 -------------------------- */
  /* サイド選択中 */
  body.DocByAdmins .p-side__adminDoc a {
    background: #88b929;
    color: #fff;
  }

/* --------------------------
 各事業所[管理]
 -------------------------- */
  /* サイド選択中 */
  body.SpotByAdmins .p-side__adminSpot a {
    background: #88b929;
    color: #fff;
  }



/* ====================================
 スマホ
====================================== */
@media all and (min-width: 0) and (max-width: 640px) {
  .i-home__spec th,
  .i-home__spec td {
    float: left;
    text-align: left;
    width: 100%;
  }
  .i-home__boxBtn .c-form__submit {
    width: 100%;
  }
  body.Homes .i-spotlist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px;
    width: 100%;
  }
  body.Homes .i-spotlists {
    width: 45%;
  }
  body.Spots .i-spot__outline {
    margin-bottom: 20px;
    padding: 0 20px;
    word-wrap: break-word;
  }

/* --------------------------
 施設
 -------------------------- */
  body.Spots .i-spot__pagetit {
    width: 80%;
  }

  body.Spots .i-spot__googlemap {
    border: 4px solid #ddd;
    height: 300px;
    width: 98%;
  }

}

/* ====================================
 PC
====================================== */
@media screen and (min-width: 641px) {
/* --------------------------
 トップページ
 -------------------------- */
  /* レイアウト */
  body.Homes .l-header {
    height: 400px;
  }
  body.Homes .p-header__logotype {
    left: 0;
    top: 50px;
    width: 220px;
    z-index: 100;

    width: 220px;
  }
  body.Homes .p-header__logomark {
    left: 330px;
    top: 50px;
    width: 280px;
  }
  body.Homes .l-main {
    width: 960px;
  }
  body.Homes .i-spotlist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 50px;
    width: 100%;
  }
  body.Homes .i-spotlists {
    width: 32%;
  }

  /* メニュー */
  .p-gnav__homes {
    display: none;
  }
  /* ボックス */
  .i-home__box {
    min-height: 330px;
    position: relative;
  }
  .i-home__spec th,
  .i-home__spec td {
    padding: 13px 15px;
  }
  .i-home__spec th {
    color: #aaa;
    font-size: 1em;
    text-align: right;
    width: 45%;
  }
  .i-home__spec td {
    width: 55%;
  }
  .i-home__boxBtn {
    bottom: 0;
    left: 0;
    padding: 20px;
    position: absolute;
    text-align: center;
  }

/* --------------------------
 施設
 -------------------------- */
  body.Spots .l-main__detail {
    width: 960px;
  }
  body.Spots .i-spot__pagetit {
    width: 80%;
  }

  body.Spots .i-spot__outline {
    float: right;
    margin-left: 20px;
    padding: 0 20px;
    width: 350px;
  }

  body.Spots .i-spot__googlemap {
    border: 4px solid #ddd;
    height: 300px;
    width: 98%;
  }

}