@charset "UTF-8";

/* ========================================
   高松多肥下町校ページ オレンジ基調スタイル
   /access/tahisimomachi/ ページ個別CSS
======================================== */

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

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

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

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

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

/* 見出し（高松多肥下町校）をオレンジに */
#tahi3 + div .heading.block_header_4 .h {
  color: #E8731A !important;
}

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

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

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

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

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

#tahi3 + div table th {
  background-color: #FFF3E8;
  color: #E8731A;
  border-left: 4px solid #E8731A;
  border-bottom: 1px solid #f0c9a0;
  padding: 10px 16px;
  text-align: left;
  width: 30%;
  white-space: nowrap;
}

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