@charset "UTF-8";
/*
 * preschool スマホ版（編集時はＰＣ・兼タブレット版と並べる）
 */
/*

変更履歴
* 260415
- .jpn 追加

* 250715
- SCSS化

* 250121
- .vnm 追加
- flag 画像のホストを S3 => Cloudinary に変更

* 211119
- .hygiene 追加
- .checklist 追加

* 200306
- .idn 追加

* 200306
- このスクールのポイント出す

* 200130
- #index_list 修正

* 200129
- #index_list 追加

* 191205
- .right 追加
- .modified-date 追加

* 190719
- wom-area 追加

* 190710
- .red 追加

* 190222 (/sa, /ps)
- .non-kome 追加

* 190208 (/ps)
- div.nagare a 追加

* 181002 (/oe, /hp, /sa, /ps)
- div.gray 追加

* 180720
- https only

* 180607 (/oe, /hp, /sa, /ps)
- .paddinarea 追加

* 180604
- .able, .gray-out 追加

* 170706b (/hp)
- .sgp 追加

* 161228 (/hp)
- .tw 追加

* 161226 (/hp)
- .description > figure 追加

* 161213 (/sa, /ss, /hp)
- .ss 追加
- .sa .loc を変更
- .o-pc, .o-sp を全適用クラス化

* 161117c (/oe)
- .flex2 追加
- .o-pc, .o-sp 追加（ロード時に右にスペースできるので、polybanana から移植）

* 161115 (/ps)
- #f-ad height を min-height に変更

* 161102 (/ps)
- #f-ad 追加

* 161019
- z-index 調整

* 160928
- フリープランページ用広告枠 (#f-ad1, #f-ad2) 追加

* 160920
- .timeline > table => .timeline table
- .t-scroll 追加

* 160916
- #program > section.president > figure > figcaption に padding-left: 1rem; 追加

* 160911
- PC版に準ずる

* 160909
- .rapanui > h2 に width: 100% 追加
- .michell 追加

* 160817
- data-content 修正忘れ

* 160813
- v5化

* 160613
- table ul に padding-left 共通で設定してみた

* 160603
- fotorama の CSS .fotorama__caption__wrap の上書き

* 160518
- PC版に準ずる

* 160329
- PC版に準ずる

* 160125
- .cnvb の a > button は違反なので a.button に変更

* 160118
- .om 追加（オンリーメール）

* 150929
- ジャバラ化

* 150928b
- PC版に準ずる

* 150928
- PC版に準ずる

* 150916b
- o-list のマージン調整

* 150916
- PC版に準ずる

* 150911b
- ヘッダーの高さを低くした

* 150910
- v4 初版（html に変更があるため、v4として新規につくる）

* 150901
- ヘッダー常時出し追加 (sticky)

* 150831
- .video iframe 修正

* 150826
- el-monte にボタン一つ版を追加

* 150821c
- プレフィックス忘れ

* 150821b
- 類似するリスティングに nth-of-type(2) から o-list と名前付けた

* 150821
- #el-monte でフッターバーとモーダル入れた(スマホのみ表示)

* 150707
- .school の dl を float から flex 化
- .school の dl > ul のマージン上下 0

* 150605
- PC版に準ずる

* 150522
- PC版に準ずる

*/
/*

 * z-index List
 - z-index: 0; => body
 - z-index: 1; => dl > dt
 - z-index: 2; =>
 - z-index: 3; =>
 - z-index: 4; =>
 - z-index: 5; => body > header (fixed)
 - z-index: 6; =>
 - z-index: 7; => #el-monte
 - z-index: 8; => body > footer (ps, sa, oe それぞれ別ファイル)
 - z-index: 9; => #tel-modal

 */
/* <article> 内の <small> は 米印を付ける */
main > article small {
  display: block;
  text-indent: -1.25em;
  margin-left: 1.25em;
  color: #999;
}
main > article small::before {
  content: "※";
  margin-right: 0.25em;
}
main > article small > a {
  color: #666;
}
main > article small ~ small {
  margin-top: 0.25em;
}
main > article {
  /* 相談・お申込みフォーム */
}
main > article > section.form-3 {
  border: 9px solid #f1f1f1;
  padding: 1rem;
}
main > article > section.form-3 > h3 {
  margin: 0;
  font-size: 20px;
}
main > article > section.form-3 > p {
  font-weight: bold;
}
main > article > section.form-3 > p:nth-of-type(1) { /* before 国旗 */
  margin-top: 0.75em;
  padding-top: 5px;
  background-repeat: no-repeat;
  background-size: 48px;
  padding-left: 56px;
}
main > article > section.form-3 > p:nth-of-type(1).nzl {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/nzl-108_c64dis.png);
}
main > article > section.form-3 > p:nth-of-type(1).aus {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/aus-108_gnbo0p.png);
}
main > article > section.form-3 > p:nth-of-type(1).phl {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/phl-108_yb1vhq.png);
}
main > article > section.form-3 > p:nth-of-type(1).usa {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/usa-108_dyrvhb.png);
}
main > article > section.form-3 > p:nth-of-type(1).can {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/can-108_zyrnby.png);
}
main > article > section.form-3 > p:nth-of-type(1).mys {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/mys-108_byvydj.png);
}
main > article > section.form-3 > p:nth-of-type(1).uk {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/uk-108_btgqe7.png);
}
main > article > section.form-3 > p:nth-of-type(1).kor {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/kor_ylkxr1.png);
}
main > article > section.form-3 > p:nth-of-type(1).tw {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/tw-108_uaegir.png);
}
main > article > section.form-3 > p:nth-of-type(1).sgp {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/sgp-108_mokm8n.png);
}
main > article > section.form-3 > p:nth-of-type(1).idn {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/idn-108_y908kk.png);
}
main > article > section.form-3 > p:nth-of-type(1).vnm {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/vnm-108_adfcr1.png);
}
main > article > section.form-3 > p:nth-of-type(1).jpn {
  background-image: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/flag/jpn-108_ulrawm.png);
}
main > article > section.form-3 > dl {
  font-size: 14px;
}
main > article > section.form-3 > dl > dt {
  float: left;
  clear: left;
  position: relative;
  z-index: 1;
  width: 96px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: calc(1em + 1px) 0 0 1em;
  font-weight: bold;
}
main > article > section.form-3 > dl { /* ココ変更したら下も変える (1/3) */ }
main > article > section.form-3 > dl > dd {
  margin: 0;
  position: relative;
  padding: 1em;
  padding-left: calc(96px + 2.2em);
  word-wrap: break-word; /* dt の 96px (改行した時にいる) */
}
main > article > section.form-3 > dl > dd:nth-of-type(odd) {
  background-color: #f1f1f1;
}
main > article > section.form-3 > dl > dd::before {
  content: "";
  position: absolute;
  left: calc(96px + 1em);
  height: calc(100% - 2em);
  border-left: 1px solid silver;
}
main > article > section.form-3 > dl > dd > strong {
  font-size: 19px;
}
main > article > section.form-3 > dl > dd > form > select {
  margin: 0.5em 0 1rem;
}
main > article > section.form-3 > dl > dd > form > button {
  margin: 1rem 2rem;
}
main > article > section.form-3 > dl > dd > form + p {
  margin: 0;
  text-indent: 1rem;
  font-size: small;
}
main > article > section.form-3 > small {
  font-size: 12px;
}
main {
  /* 類似するリスティング (Other List) */
}
main > div.o-list {
  background-color: #f1f1f1;
  margin-bottom: 32px;
}
main > div.o-list > p {
  margin: 0;
  padding: 1em 40px 0;
}
main > div.o-list > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
main > div.o-list > div > a > figure {
  width: 250px;
  margin: 1em 0;
}
main > div.o-list > div > a > figure > img {
  width: inherit;
}
main > div.o-list > div > a > figure > figcaption > p {
  margin: 0 0 2px;
  font-weight: bold;
  font-size: 14px;
}

small.non-kome::before {
  content: "";
  margin-right: 0;
}

#deckA {
  /* <article> 内のヒロコの <ul> は <dl> にして list 風に */
}
#deckA dl.li {
  padding-left: 2em;
}
#deckA dl.li > dt {
  display: list-item;
}
#deckA dl.li > dt ~ dt {
  margin-top: 0.75em;
}
#deckA dl.li > dd {
  margin-left: 0;
  color: #4d4d4d;
}
#deckA {
  /* <article> 内のヒロコの <li> の <br> 代替 */
}
#deckA ul.mt > li,
#deckA ol.mt > li {
  margin-top: 0.75em;
}
#deckA {
  /* blank icon (アイコンいらないところは class="no-icon") */
}
#deckA a[target=_blank]::after {
  content: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/target-blank.tiny.png);
  margin-left: 5px;
}
#deckA a[target=_blank].no-icon::after {
  content: none;
}

/* <form> の設定 */
form > label {
  display: block;
  line-height: 1.75;
}
form > label > input {
  margin-right: 5px;
}
form > label > input[disabled] + span {
  text-decoration: line-through;
  color: #cacaca;
}
form > select {
  width: 100%;
  padding: 0.125em;
}

/* <button> の設定 */
form > button,
div.cnvb > a.button {
  border: none;
  padding: 0.5em 32px 0.5em 16px;
  border-radius: 5px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f1f1f1));
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), linear-gradient(#f1f1f1, #f1f1f1);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  font-size: 16px;
}

form.able > button,
div.cnvb > a.button.able {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), -webkit-gradient(linear, left top, left bottom, from(#FF9898), to(#EA4848));
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), linear-gradient(#FF9898, #EA4848);
}

div.cnvb > a.button.gray-out {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#cccccc));
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), linear-gradient(#dcdcdc, #cccccc);
}

form > button[disabled] {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#ccc));
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), linear-gradient(#e1e1e1, #ccc);
}

/* コンバージョン ボタン */
div.cnvb {
  margin-bottom: 40px;
  padding: 32px 16px;
  border: 1px solid #e1e1e1;
  background-color: #f1f1f1;
  border-radius: 5px;
  text-align: center;
}
div.cnvb.oe {
  padding: 32px 16px 16px;
}
div.cnvb.oe > p {
  margin-bottom: 0;
}
div.cnvb.last > p {
  text-align: center;
}
div.cnvb > p {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  word-wrap: break-word;
}
div.cnvb > p.gift {
  margin: 0 0 24px;
  min-height: 56px;
}
div.cnvb > p.gift::before {
  content: "";
  float: left;
  margin-right: 16px;
  width: 64px;
  height: 64px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/present-128.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}
div.cnvb > p > br {
  display: none;
}
div.cnvb > a.button {
  display: inline-block;
  font-size: 14px;
}
div.cnvb:not(.oe) > a.button > br {
  display: none;
}

/* コンバージョン ボタン の灰色にならない版 */
div.paddinarea {
  margin-bottom: 40px;
  padding: 32px 16px;
  border: 1px solid #e1e1e1;
  background-color: #f1f1f1;
  border-radius: 5px;
  text-align: center;
}
div.paddinarea.oe {
  padding: 32px 16px 16px;
}
div.paddinarea.oe > p {
  margin-bottom: 0;
}
div.paddinarea.last > p {
  text-align: center;
}
div.paddinarea > p {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  word-wrap: break-word;
}
div.paddinarea > p.gift {
  margin: 0 0 24px;
  min-height: 56px;
}
div.paddinarea > p.gift::before {
  content: "";
  float: left;
  margin-right: 16px;
  width: 64px;
  height: 64px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/present-128.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
}
div.paddinarea > p > br {
  display: none;
}
div.paddinarea > a.button {
  border: none;
  padding: 0.5em 32px 0.5em 16px;
  border-radius: 5px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), -webkit-gradient(linear, left top, left bottom, from(#FF9898), to(#EA4848));
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/btn_arrow.png), linear-gradient(#FF9898, #EA4848);
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  display: inline-block;
  font-size: 14px;
}
div.paddinarea:not(.oe) > a.button > br {
  display: none;
}

/* クチコミ ボタン */
.wom-area {
  text-align: center;
}

.fill-wom {
  color: #333;
  padding: 16px 56px 16px 64px;
  border-radius: 5px;
  border: 1px solid #ccc;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/wom.png), -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#efecec));
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/wom.png), linear-gradient(#f7f7f7, #efecec);
  background-position: 2em center, center;
  background-size: 40px, auto;
  text-indent: 1em;
}

.red {
  color: red;
}

.right {
  text-align: right;
}

.modified-date {
  text-align: right;
  margin-bottom: 0;
  padding: 0 8px 0 0;
  font-size: 13px;
  color: #999;
}

/*
 *88888888888888888888888888888888888888888888888888888888888888888888888888888888888888
 */
#index_list {
  border: solid 1px #dddddd;
  -webkit-box-shadow: 4px 4px #ececec;
          box-shadow: 4px 4px #ececec;
  background-color: #f9f9f9;
  margin: 40px 0;
  padding: 16px 16px 8px;
  font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
#index_list p {
  border-bottom: 1px dotted #ddd;
  color: #3a3a3a;
  font-size: 15px;
  margin: 0 0 16px;
}
#index_list ol,
#index_list ul {
  font-weight: bold;
  font-size: 14px;
  padding-left: 2.5em;
}
#index_list li {
  padding: 0.25em 0;
}
#index_list li > a {
  display: block;
  text-decoration: underline;
}

/* #deckA > div > section#program */
#program { /* 親子留学コース概要・特徴 */
  /* プログラム紹介 */
}
#program > section.description > p {
  line-height: 1.75;
}
#program > section.description > p > small {
  display: inline-block;
  font-size: x-small;
  color: gray;
  margin: 0.5rem 0 1rem;
}
#program > section.description > p { /* 未使用（コメントアウト中）*/ }
#program > section.description > p > em {
  font-weight: bold;
  font-style: normal;
}
#program > section.description > p > strong::before {
  content: "“";
}
#program > section.description > p > strong::after {
  content: "”";
}
#program > section.description > figure { /* /hp */
  margin: 8px 0;
  max-width: 100%;
  height: auto;
}
#program > section.description > figure > div {
  background-repeat: no-repeat;
  background-size: cover;
}
#program > section.description > ul {
  padding-left: 2em;
}
#program {
  /* 親子留学コース概要・特徴 */
}
#program > section.about > dl {
  font-size: small;
}
#program > section.about > dl > dt {
  float: left;
  clear: left;
  position: relative;
  z-index: 1;
  width: 96px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: calc(1em + 1px) 0 0 1em;
  font-weight: bold;
  color: #6d6d6d;
}
#program > section.about > dl { /* ココ変更したら下も変える (1/3) */ }
#program > section.about > dl > dd {
  margin: 0;
  position: relative;
  padding: 1em;
  padding-left: calc(96px + 2.2em);
  word-wrap: break-word; /* dt の 96px (改行した時にいる) */
}
#program > section.about > dl > dd::before {
  content: "";
  position: absolute;
  left: calc(96px + 1em);
  height: calc(100% - 2em);
  border-left: solid #eee;
}
#program > section.about > dl > dd ~ dd {
  border-top: 1px solid #e1e1e1;
}
#program > section.about > dl { /* 2番目からボーダー トップ */ }
#program {
  /* タイムライン (w/ 個別.css) */
}
#program > section.timeline > div.t-scroll {
  overflow: scroll;
}
#program > section.timeline table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  font-size: 11px;
}
#program > section.timeline table > thead > tr > :nth-child(n) {
  padding: 5px 0;
  border: 1px solid #e1e1e1;
}
#program > section.timeline table > thead > tr > th {
  color: #6d6d6d;
}
#program > section.timeline table > thead > tr > td {
  text-align: center;
}
#program > section.timeline table > tbody {
  vertical-align: top;
}
#program > section.timeline table > tbody > tr:nth-child(odd) {
  background-color: #f8f8f8;
}
#program > section.timeline table > tbody > tr > :nth-child(n) {
  padding: 6px 0.5em;
  border: 1px solid #e1e1e1;
}
#program > section.timeline table > tbody > tr > th {
  color: #6d6d6d;
}
#program > section.timeline table ul {
  padding-left: 2em;
}
#program > section.timeline > small {
  margin-top: 0.5rem;
}
#program {
  /* 先生紹介 */
}
#program > section.teacher > figure {
  margin: 0;
  display: table;
}
#program > section.teacher > figure > img {
  width: 96px;
  display: table-cell;
}
#program > section.teacher > figure > figcaption {
  display: table-cell;
  vertical-align: top;
  padding-left: 1rem;
}
#program > section.teacher > figure > figcaption > em {
  font-weight: bold;
  font-style: normal;
}
#program > section.teacher > figure > figcaption > p {
  margin-top: 5px;
}
#program {
  /* 総長紹介 */
}
#program > section.president > figure {
  margin: 0;
  display: table;
}
#program > section.president > figure > img {
  width: 96px;
  display: table-cell;
}
#program > section.president > figure > figcaption {
  display: table-cell;
  vertical-align: top;
  padding-left: 1rem;
}
#program > section.president > figure > figcaption > em {
  font-weight: bold;
  font-style: normal;
}
#program > section.president > figure > figcaption > div {
  position: relative;
  padding: 1.5rem 8px 1rem;
  quotes: "“" "”";
  line-height: 1.75;
}
#program > section.president > figure > figcaption > div > p:first-child::before {
  content: open-quote;
  position: absolute;
  top: -4px;
  left: 0;
  font: 6em "Georgia";
  color: #888;
}
#program > section.president > figure > figcaption > div > p:last-child::after {
  content: close-quote;
  font-family: serif;
  color: #888;
}
#program > section.president > figure > figcaption > p {
  text-align: right;
  font-size: small;
}
#program > section.president > figure > figcaption > p > a {
  padding-right: 18px;
  background: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/footer_link_arrow.gif) no-repeat right;
  color: #574b3b;
}

#program > section.description > figure > figcaption,
div.gray {
  margin: 0;
  text-align: center;
  font-size: small;
  color: #888;
  word-break: break-word;
}

/* #deckA > div > section#review */
#review {
  background-color: #f8f8f8;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: #dce0e0;
}
#review > section:nth-of-type(1) > article {
  padding: 25px;
  margin-bottom: 1rem;
  font-size: small;
  background-color: rgb(254, 235, 239);
  border-top: 2px solid #e54468;
}
#review > section:nth-of-type(1) > article > span.genre {
  background-color: #e54468;
  color: white;
  padding: 3px 10px;
  margin-right: 0.5rem;
  font-size: 12px;
}
#review > section:nth-of-type(1) > article > h5 {
  display: inline;
  font-size: 15px;
}
#review > section:nth-of-type(1) > article > ul {
  padding: 0;
  color: #7a7a7e;
  font-size: 12px;
}
#review > section:nth-of-type(1) > article > ul > li {
  display: inline;
}
#review > section:nth-of-type(1) > article > ul > li:first-child::before {
  content: "by ";
}
#review > section:nth-of-type(1) > article > ul > li ~ li::before {
  content: " ／ ";
  color: #ccc;
}
#review > section:nth-of-type(1) > article {
  /* 個別評価 */
}
#review > section:nth-of-type(1) > article > div.reviewRating > span::before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 20px;
  background: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/common/v2/review-sprite-pc150106.tiny.png) no-repeat;
  vertical-align: text-bottom;
}
#review > section:nth-of-type(1) > article > div.reviewRating > span { /* 20px x 20px の星（変更時はサイズ違うが上も確認）(2/2) */ }
#review > section:nth-of-type(1) > article > div.reviewRating > span::after {
  content: attr(data-content);
  margin-left: 6px;
  color: #e54468;
  font-weight: bold;
  font-size: 15px;
}
#review > section:nth-of-type(1) > article > div.reviewRating > span { /* Pink */ }
#review > section:nth-of-type(1) > article > div.reviewRating > span[data-content="1"]::before {
  background-position: -80px 0;
}
#review > section:nth-of-type(1) > article > div.reviewRating > span[data-content="2"]::before {
  background-position: -60px 0;
}
#review > section:nth-of-type(1) > article > div.reviewRating > span[data-content="3"]::before {
  background-position: -40px 0;
}
#review > section:nth-of-type(1) > article > div.reviewRating > span[data-content="4"]::before {
  background-position: -20px 0;
}
#review > section:nth-of-type(1) > article > div.reviewBody {
  position: relative;
  margin: 0.5rem 0;
  max-height: 9em;
  overflow: hidden;
}
#review > section:nth-of-type(1) > article > div.reviewBody > div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 48px 0 8px 0;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(254, 235, 239)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgb(254, 235, 239), rgba(255, 255, 255, 0));
}
#review > section:nth-of-type(1) > article > div.reviewBody > div > button {
  border: none;
  padding: 4px 2em;
  margin: auto;
  background-color: #eb4726;
  color: white;
  font-size: 13px;
}
#review > section:nth-of-type(1) > article > div.reviewBody + div {
  text-align: right;
  font-size: 12px;
  color: #7a7a7e;
}

/* #deckA > div > section#school */
#school { /* 学校紹介 (w/ 個別.css) */ }
#school > section > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: small;
}
#school > section > dl > :nth-child(n) {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#school > section > dl > dt {
  width: 96px;
  padding: 1em 0.5em 1em 1em;
  font-weight: bold;
  color: #6d6d6d;
}
#school > section > dl { /* dt の 96px 変更したら下も変える (1/2) */ }
#school > section > dl > dd {
  margin: 0;
  position: relative;
  width: calc(100% - 96px);
  padding: 1em;
  word-wrap: break-word;
}
#school > section > dl > dd::before {
  content: "";
  position: absolute;
  left: 0;
  height: calc(100% - 2em);
  border-left: solid #eee;
}
#school > section > dl > dd > ul {
  padding-left: 1em;
  margin: 0;
}
#school > section > dl > :nth-child(n+3) {
  border-top: 1px solid #e1e1e1;
}
#school > section > dl { /* 2段目からボーダー トップ */ }
#school > section {
  /* コース内容・受講費 (基本テーブル) */
}
#school > section > table {
  border-collapse: collapse;
  font-size: small;
}
#school > section > table > thead > tr > th {
  padding: 5px 0.5em;
  border: 1px solid #e1e1e1;
  color: #6d6d6d;
}
#school > section > table > tbody {
  vertical-align: top;
}
#school > section > table > tbody > tr:nth-child(odd) {
  background-color: #f8f8f8;
}
#school > section > table > tbody > tr > th {
  padding: 6px 0 6px 1em;
  border: 1px solid #e1e1e1;
  color: #6d6d6d;
  text-align: left;
}
#school > section > table > tbody > tr > td {
  padding: 6px 0.5em;
  border: 1px solid #e1e1e1;
}
#school > section {
  /* コース内容・受講費 (個別テーブル設定) */
}
#school > section.fee > table {
  display: block;
  width: 100%;
  font-size: 11px;
  overflow: overlay;
}

/* by emk */
.hygiene {
  display: inline-block;
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-bottom: 10px;
  border: 1px solid #4169e1;
  border-radius: 5px;
  color: #4169e1;
  font-weight: bold;
  text-align: center;
}
.hygiene::before {
  content: "";
  display: inline-block;
  -webkit-transform: translateY(25%);
          transform: translateY(25%);
  width: 32px;
  height: 32px;
  margin-right: 8px;
  background: url(https://res.cloudinary.com/glolea/image/upload/f_auto/common/category-sprite150413-32_esa26g.png) no-repeat;
  background-position: 0 -224px;
}

ul.checklist {
  list-style-type: none;
  padding-left: 2em !important;
}
ul.checklist li {
  text-indent: -1.5em;
}
ul.checklist li::before {
  content: "✔";
  margin-right: 8px;
  color: rgba(65, 105, 225, 0.5);
}

/* みぎカラム（サイドバー相当）*/
/* single-sapsoehp-firstview.css にて */
/* main > article > div#google-maps */
/*
#google-maps {}
#google-maps > div.test { width: 100%; height: 450px; background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/test/g-map.png); background-size: cover; }
*/
/* main > article > div#map_canvas */
#map_canvas {
  height: 300px;
}
#map_canvas iframe {
  width: 100%;
  border: none;
}
#map_canvas a[target=_blank]::after {
  content: none;
}

#map_canvas + p {
  font-size: small;
  margin-top: 0.5em;
}

/*
 *88888888888888888888888888888888888888888888888888888888888888888888888888888888888888
 */
/*
EL MONTE. CA.
main > div#el-monte
*/
#el-monte {
  position: fixed;
  bottom: 0;
  z-index: 7;
  width: 100%;
  height: auto;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.12);
}
#el-monte > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
  padding: 8px 0;
  margin: 0;
  font-size: small;
}
#el-monte > ul.button > li {
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF9898), to(#EA4848));
  background: linear-gradient(#FF9898, #EA4848);
  color: white;
  text-align: center;
  font-weight: bold;
}
#el-monte > ul.button > li::before {
  content: "";
  color: inherit;
  background-repeat: no-repeat;
  background-size: 16px;
}
#el-monte > ul.button > li > a {
  color: inherit;
}
#el-monte > ul.button:not(.op):not(.om) > li {
  padding: 4px 10px;
}
#el-monte > ul.button:not(.op):not(.om) > li:nth-of-type(1)::before {
  display: block; /* content: "\260E"; */
  width: 100%;
  height: 18px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/phone-18-32.png);
  background-position: center;
}
#el-monte > ul.button:not(.op):not(.om) > li:nth-of-type(2)::before {
  display: block; /* content: "\2709"; */
  width: 100%;
  height: 18px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/email-5-32.png);
  background-position: center;
}
#el-monte > ul.button:not(.op):not(.om) > li ~ li {
  margin-left: 8px;
}
#el-monte > ul.button.op > li, #el-monte > ul.button.om > li {
  padding: 8px 10px;
}
#el-monte > ul.button { /* Only Phone, Only Mail (ピジョンさん等、ボタンひとつ版) */ }
#el-monte > ul.button.op > li::before {
  display: inline-block;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/phone-18-32.png);
  vertical-align: text-bottom;
}
#el-monte > ul.button.om > li::before {
  display: inline-block;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/email-5-32.png);
  vertical-align: text-bottom;
}
#el-monte > ul {
  /* テキスト版（ボツ） */
}
#el-monte > p {
  margin: 0;
  font-size: 12px;
  background-color: black;
  color: white;
  text-align: center;
}

/*
main > div#el-monte > div#tel-modal
*/
#tel-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
#tel-modal > div {
  position: relative;
  width: 80%;
  max-height: 80%;
  margin: 10% auto 0;
  padding: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: white;
  border-radius: 5px;
}
#tel-modal > div a[href^="tel:"] {
  display: block;
  border: 1px solid silver;
  padding: 16px;
  text-align: center;
  font-size: large;
}
#tel-modal > div a[href^="tel:"]::before {
  content: "☎";
  margin-right: 0.5em;
}
#tel-modal > div ul {
  font-size: small;
  list-style-type: none;
  padding-left: 0;
}
#tel-modal > div button {
  position: absolute;
  right: 5%;
  top: -8px;
}
#tel-modal > div button::after {
  content: "✖";
  margin-left: 0.5em;
}

/* #el-monte > ul > li.custom-slide {} */
/* 常時表示コンバージョン */
#delay-bar {
  display: none;
}

/*
 *88888888888888888888888888888888888888888888888888888888888888888888888888888888888888
 */
/* フッター <footer> */
/* footer-preschool-sp.css にて */