@charset "UTF-8";

/* ========================================
   丸亀校ページ 青基調スタイル
   /access/refco-marugame/ ページ個別CSS
======================================== */

/* --- marugame1：教室概要 --- */
#marugame1 + section,
#marugame1 + div {
  background-color: #EEF4FF;
  border-left: 4px solid #2155a0;
}

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

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

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

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

/* 見出し（丸亀校）を青に */
#marugame3 + div .heading.block_header_4 .h,
#marugame3 + div h3 {
  color: #2155a0 !important;
}

#marugame3 + div .heading {
  border-left: 4px solid #2155a0;
  padding-left: 12px;
}

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

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

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

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

#marugame3 + div table th {
  background-color: #EEF4FF;
  color: #2155a0;
  border-left: 4px solid #2155a0;
  border-bottom: 1px solid #b0c8e8;
  padding: 10px 16px;
  text-align: left;
  width: 30%;
  white-space: nowrap;
}

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