@charset "UTF-8";

/* ========================================
   高松田町校ページ 赤基調スタイル
   /access/tamachi/ ページ個別CSS
======================================== */

/* --- tamachi1：教室概要 --- */
#tamachi1 + section,
#tamachi1 + div {
  background-color: #FFF0F0;
  border-left: 4px solid #D94040;
}

#tamachi1 + section h2,
#tamachi1 + section h3,
#tamachi1 + div h2,
#tamachi1 + div h3 {
  color: #D94040 !important;
  border-left: 4px solid #D94040;
  padding-left: 12px;
}

/* --- tamachi2：カレンダー --- */
#tamachi2 + section,
#tamachi2 + div {
  background-color: #ffffff;
}

#tamachi2 + section h2,
#tamachi2 + section h3,
#tamachi2 + div h2,
#tamachi2 + div h3 {
  background-color: #D94040;
  color: #ffffff !important;
  padding: 8px 16px;
  border-radius: 6px;
}

/* --- tamachi3：マップ＋店舗情報 --- */

/* 見出し（高松田町校）を赤に */
#tamachi3 + div .heading.block_header_4 .h,
#tamachi3 + div h3 {
  color: #D94040 !important;
}

#tamachi3 + div .heading {
  border-left: 4px solid #D94040;
  padding-left: 12px;
}

/* マップ背景・枠 */
#tamachi3 + div .inner_item_img {
  background-color: #FFF0F0;
  padding: 16px;
  border-radius: 12px;
  border: 3px solid #D94040;
}

#tamachi3 + div .map {
  border-radius: 6px;
  overflow: hidden;
}

#tamachi3 + div .map iframe {
  display: block;
  width: 100%;
}

/* 店舗情報テーブル */
#tamachi3 + div table {
  width: 80%;
  margin: 0 auto;
  border-collapse: collapse;
}

#tamachi3 + div table th {
  background-color: #FFF0F0;
  color: #D94040;
  border-left: 4px solid #D94040;
  border-bottom: 1px solid #f5b8b8;
  padding: 10px 16px;
  text-align: left;
  width: 30%;
  white-space: nowrap;
}

#tamachi3 + div table td {
  padding: 10px 16px;
  border-bottom: 1px solid #f5b8b8;
  vertical-align: top;
}