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

変更履歴
* 260415
- .jpn 追加

* 250715
- SCSS化

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

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

* 200306
- .idn 追加

* 200130
- #index_list 修正

* 200129
- #index_list 追加

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

* 190719
- wom-area 追加

* 190710
- .red 追加

* 190222b ()
- div.rapanui.no-logo > h2 の width auto から 1000px 固定に変更して ... 適用されるように

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

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

* 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 追加

* 161216 (/ps F)
- .rapanui.no-logo 追加

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

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

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

* 161019
- z-index 調整

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

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

* 160911
- .gmenu em.o-pc, .o-sp 追加

* 160909
- .michell 追加

* 160908
- .nav ul > li の border-bottom 色を white から transparent に

* 160825
- header から .nagare を外出し
- body::before 追加

* 160813
- v5化
- [content] => [data-content]
- div[itemprop="articleBody"] => #deckA

* 160518
- button[disabled] 修正

* 160420
- div.logo > img の padding をやめて、flex でセンタリング

* 160415
- .rapanui.sa 追加

* 160329
- li 内の br代替 margin-top

* 160208
- #review の bg-color 指定が :nth-of-type(3n) だと相互リンクプランで動かないので #review と id 指定に変更
- .yokodon に position: relative をまとめた

* 160128
- #delay-bar に .oe::before 追加

* 160125
- SP版に準ずる

* 151210
- aside を space-between から margin-left へ

* 150928b
- #map_canvas 修正

* 150928
- #map_canvas 修正

* 150916
- o-list いよいよ出す

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

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

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

* 150605
- スマホではヘッダーに電話番号出す

* 150522
- もっと見るのグラデーション直す

*/
/*

 * z-index List
 - z-index: 0; => body
 - z-index: 1; => dl > dt
 - z-index: 2; =>
 - z-index: 3; => div.nav
 - z-index: 4; =>
 - z-index: 5; => body > header > div.gmenu
 - z-index: 6; => #delay-bar
 - z-index: 7; =>
 - z-index: 8; => body > footer (ps, sa, oe それぞれ別ファイル)
 - z-index: 9; =>

 */
/* <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 {
  margin: 1em auto;
  border: 9px solid #f1f1f1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem;
}
main > article > section.form-3 > h3 {
  margin: 0;
  font-size: 22px;
}
main > article > section.form-3 > p {
  font-weight: bold;
}
main > article > section.form-3 > p:nth-of-type(1) { /* before 国旗 */
  margin-top: 0.75em;
  background-repeat: no-repeat;
  background-size: contain;
  height: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 5px;
  text-indent: 4.7em;
}
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 {
  width: 680px;
  margin: 1em auto;
  font-size: 14px;
}
main > article > section.form-3 > dl > dt {
  float: left;
  clear: left;
  width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: calc(1em + 1px) 0 0 1em;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
main > article > section.form-3 > dl { /* ココ変更したら下も変える (1/3) */ }
main > article > section.form-3 > dl > dd {
  margin: 0;
  position: relative;
  padding: 1em;
  padding-left: calc(200px + 2.2em);
  word-wrap: break-word; /* dt の 200px (改行した時にいる) */
}
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(200px + 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 {
  /* 類似するリスティング (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;
}
main > div.o-list > div > a > figure {
  width: 250px;
}
main > div.o-list > div > a > figure > img {
  width: inherit;
}
main > div.o-list > div > a > figure > figcaption > p {
  margin: 0 0 4px;
  font-weight: bold;
}
main > div.o-list > div > a:hover {
  text-decoration: none;
}
main > div.o-list > div > a:hover p {
  text-decoration: underline;
}

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 {
  text-align: center;
}
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 > label > input[disabled] + span:hover {
  cursor: default;
  border-bottom: none;
}
form > label > input + span:hover {
  cursor: pointer;
  border-bottom: 1px dotted #999;
}
form > select {
  width: 100%;
  padding: 0.125em;
}

/* <button> の設定 */
form > button,
div.cnvb > a.button {
  border: none;
  padding: 0.5em 32px 0.5em 16px;
  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);
  border-radius: 5px;
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  font-size: 18px;
}

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:hover,
div.cnvb > a.button:hover {
  cursor: pointer;
}

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);
}

form > button[disabled]:hover,
div.cnvb > a.button.gray-out:hover {
  cursor: not-allowed;
  text-decoration: none;
}

/* コンバージョン ボタン */
div.cnvb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
  padding: 32px;
  border: 1px solid #e1e1e1;
  background-color: #f1f1f1;
  border-radius: 5px;
  text-align: center;
}
div.cnvb.oe { /* オンライン英会話はタテに表示 */
  display: block;
  padding: 24px 32px;
}
div.cnvb.oe > p {
  margin-bottom: 0;
}
div.cnvb.side {
  display: block;
  padding: 24px 32px;
  margin-bottom: 24px;
}
div.cnvb { /* サイドのボタン */ }
div.cnvb.last {
  width: 680px;
  margin: 1em auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.cnvb > p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: bold;
  word-wrap: break-word;
}
div.cnvb > p.gift {
  margin: 0;
  text-align: left;
  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 > a.button {
  display: inline-block;
  line-height: 1.5;
  font-size: 17px;
}

/* コンバージョン ボタン の灰色にならない版 */
div.paddinarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
  padding: 32px;
  border: 1px solid #e1e1e1;
  background-color: #f1f1f1;
  border-radius: 5px;
  text-align: center;
}
div.paddinarea.oe { /* オンライン英会話はタテに表示 */
  display: block;
  padding: 24px 32px;
}
div.paddinarea.oe > p {
  margin-bottom: 0;
}
div.paddinarea.side {
  display: block;
  padding: 24px 32px;
  margin-bottom: 24px;
}
div.paddinarea { /* サイドのボタン */ }
div.paddinarea.last {
  width: 680px;
  margin: 1em auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
div.paddinarea > p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  font-weight: bold;
  word-wrap: break-word;
}
div.paddinarea > p.gift {
  margin: 0;
  text-align: left;
  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 > a.button {
  border: none;
  padding: 0.5em 32px 0.5em 16px;
  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);
  border-radius: 5px;
  background-position: right;
  background-repeat: no-repeat;
  color: white;
  display: inline-block;
  font-size: 17px;
  line-height: 1.5;
}
div.paddinarea > a.button:hover {
  cursor: pointer;
}

/* クチコミ ボタン */
.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;
}
.fill-wom:hover {
  cursor: pointer;
  text-decoration: none;
  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(#efecec), to(#f7f7f7));
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/wom.png), linear-gradient(#efecec, #f7f7f7);
}

.red {
  color: red;
}

.right {
  text-align: right;
}

.modified-date {
  text-align: right;
  width: 1000px;
  margin: 8px auto 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 24px 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;
}
#index_list li > a:hover {
  color: #eb4726;
  text-decoration: none;
}

/* #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;
  text-align: center;
  font-size: small;
  color: #888;
  word-break: break-word;
}
#program > section.description > figure > div {
  background-repeat: no-repeat;
  background-size: cover;
}
#program {
  /* 親子留学コース概要・特徴 */
}
#program > section.about > dl {
  font-size: 14px;
}
#program > section.about > dl > dt {
  float: left;
  clear: left;
  width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: calc(1em + 1px) 0 0 1em;
  font-weight: bold;
  color: #6d6d6d;
  position: relative;
  z-index: 1;
}
#program > section.about > dl { /* ココ変更したら下も変える (1/3) */ }
#program > section.about > dl > dd {
  margin: 0;
  position: relative;
  padding: 1em;
  padding-left: calc(200px + 2.2em);
  word-wrap: break-word; /* dt の 200px (改行した時にいる) */
}
#program > section.about > dl > dd::before {
  content: "";
  position: absolute;
  left: calc(200px + 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: 14px;
}
#program > section.timeline table > thead > tr > th {
  padding: 5px 0;
  border: 1px solid #e1e1e1;
  width: 10em;
  color: #6d6d6d;
}
#program > section.timeline table > thead > tr > td {
  padding: 5px 0.5em;
  border: 1px solid #e1e1e1;
  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 > th {
  padding: 6px 0 6px 1em;
  border: 1px solid #e1e1e1;
  color: #6d6d6d;
  white-space: nowrap;
  text-align: left;
}
#program > section.timeline table > tbody > tr > td {
  padding: 6px 0.5em;
  border: 1px solid #e1e1e1;
}
#program > section.timeline > small {
  margin-top: 0.5rem;
}
#program {
  /* 先生紹介 */
}
#program > section.teacher > figure {
  margin: 0; /* init */
  display: table;
}
#program > section.teacher > figure > img {
  width: 220px;
  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;
  font-size: 14px;
}
#program {
  /* 総長紹介 */
}
#program > section.president > figure {
  margin: 0;
  display: table;
}
#program > section.president > figure > img {
  width: 220px;
  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 1rem 1rem;
  quotes: "“" "”";
  font-size: 14px;
  line-height: 1.75;
}
#program > section.president > figure > figcaption > div > p:first-child::before {
  content: open-quote;
  position: absolute;
  top: -4px;
  left: -3px;
  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: 14px;
}
#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: 14px;
  background-color: rgb(254, 235, 239);
  border-top: 2px solid #e54468;
}
#review > section:nth-of-type(1) > article > span.genre {
  background-color: #e54468;
  font-size: medium;
  color: white;
  padding: 3px 10px;
  margin-right: 0.5rem;
}
#review > section:nth-of-type(1) > article > h5 {
  display: inline;
  font-size: medium;
}
#review > section:nth-of-type(1) > article > ul {
  padding: 0;
  color: #7a7a7e;
}
#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: medium;
}
#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;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9898), to(#EA4848));
  background-image: linear-gradient(#FF9898, #EA4848);
  color: white;
  font-size: 15px;
}
#review > section:nth-of-type(1) > article > div.reviewBody + div {
  text-align: right;
  font-size: small;
  color: #7a7a7e;
}
#review > section:nth-of-type(1) > a {
  font-size: 14px;
}
#review > section:nth-of-type(1) { /* クチコミを書く リンク */ }
#review {
  /* 価格クチコミ table (w/ 個別.css) */
  /* 上記で共通 横どーん 設定あり */
}
#review::before, #review::after {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: inherit;
  margin-top: -1px;
  margin-bottom: -1px;
}

/* #deckA > div > section#school */
#school { /* 学校紹介 (w/ 個別.css) */ }
#school > section > dl {
  font-size: 14px;
}
#school > section > dl > dt {
  float: left;
  clear: left;
  width: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: calc(1em + 1px) 0 0 1em;
  font-weight: bold;
  color: #6d6d6d;
  position: relative;
  z-index: 1;
}
#school > section > dl { /* ココ変更したら下も変える (1/3) */ }
#school > section > dl > dd {
  margin: 0;
  position: relative;
  padding: 1em;
  padding-left: calc(200px + 2.2em);
  word-wrap: break-word; /* dt の 200px (改行した時にいる) */
}
#school > section > dl > dd::before {
  content: "";
  position: absolute;
  left: calc(200px + 1em);
  height: calc(100% - 2em);
  border-left: solid #eee;
}
#school > section > dl > dd ~ dd {
  border-top: 1px solid #e1e1e1;
}
#school > section > dl { /* 2番目からボーダー トップ */ }
#school > section {
  /* コース内容・受講費 (基本テーブル) */
}
#school > section > table {
  border-collapse: collapse;
  font-size: 14px;
}
#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 {
  /* コース内容・受講費 (個別テーブル設定) */
}

/* 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);
}

/* みぎカラム（サイドバー相当）*/
/* PCは single-preschool-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. */
#el-monte {
  display: none;
}

/* 常時表示コンバージョン */
#delay-bar {
  position: fixed;
  bottom: 0;
  z-index: 6;
  width: 100%;
  height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  background-color: rgba(241, 241, 241, 0.9);
  -webkit-transition: height 0.25s;
  transition: height 0.25s;
}
#delay-bar.show {
  height: 70px;
  border-top: 1px solid #e1e1e1;
}
#delay-bar > ul { /* 上で共通センタリング */
  padding-left: 0;
  list-style-type: none;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#delay-bar > ul > li {
  font-weight: bold;
}
#delay-bar > ul > li.logo {
  background-size: contain;
  background-repeat: no-repeat;
}
#delay-bar > ul > li.text {
  margin-left: 24px;
  max-width: 560px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#delay-bar > ul > li.text::before {
  content: "";
  font-weight: normal;
  font-size: 15px;
  color: #555;
}
#delay-bar > ul > li.text.ps::before {
  content: "プリスクール名: ";
}
#delay-bar > ul > li.text.oe::before {
  content: "スクール名: ";
}
#delay-bar > ul > li.button {
  margin-left: 32px;
  padding: 8px 10px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9898), to(#EA4848));
  background-image: linear-gradient(#FF9898, #EA4848);
  color: white;
}
#delay-bar > ul > li.button::before {
  content: "";
  color: inherit;
  background-repeat: no-repeat;
  background-size: 18px;
}
#delay-bar > ul > li.button::before {
  display: inline-block; /* content: "\2709"; */
  width: 19px;
  height: 14px;
  margin-right: 8px;
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/src.glolea.com/img/icon/email-5-32.png);
  background-position: center;
}
#delay-bar > ul > li > a {
  color: inherit;
}

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