@charset "utf-8";
/*  道場CSS */

/* wrapper-道場をPCのみで表示 */
@media screen and (min-width: 769px) {
  /* 共通スタイル */
  .wrapper-oda,
  .wrapper-kaisei,
  .wrapper-hiratsuka,
  .wrapper-hada,
  .wrapper-oiso,
  .wrapper-mishi {
    border-left: 2px solid #9abce4;
    border-right: 2px solid #9abce4;
    border-top: none;
    border-bottom: none;
    max-width: 900px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
    background-position: top;
  }

  /* 個別の背景画像 */
  .wrapper-oda {
    background-image: url(photo_top2/title_oda.jpg);
  }

  .wrapper-kaisei {
    background-image: url(photo_top2/title_kaisei.jpg);
  }

  .wrapper-hiratsuka {
    background-image: url(photo_top2/title_tomizu.jpg);
  }

  .wrapper-hada {
    background-image: url(photo_top2/title_hada.jpg);
  }

  .wrapper-oiso {
    background-image: url(photo_top/title_gyoji.jpg);
  }

  .wrapper-mishi {
    background-image: url(photo_top2/title_mishi.jpg);
  }
}
/* wrapper-道場をPCのみで表示 終わり */

/* ふわっと画像 */

#photo_dojo {
  max-width: 700px;
  width: 100%;
  height: 300px; /* 適宜高さを調整 これがないと壊れた*/
  margin: 0 auto;
  text-align: left;
  position: relative;
  /* overflow: hidden;を入れると下に余白ができちゃう*/
}

#photo_dojo img {
  top: 0;
  left: 0;
  display: block; /* 余白消す */
  position: absolute; /* relativeにしたらぷちぷち */
}

/* 道場のメイン囲み  */

.box_dojo {
  max-width: 700px;
  width: 100%;
  background-color: #fff;
  margin-top: 30px;
}

/* メインの中の本文囲み 内部は左寄せ*/

.box_dojo_inside {
  display: block;
  width: 90%;
  max-width: 700px;
  margin: 0 auto; /* 中央寄せ */
  text-align: left;
  padding: 0;
}

/* ふわっと画像の下の見出し */
.box_name {
  font-family:
    "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 28px;
  margin-top: 30px;
  margin-bottom: 0;
  line-height: 20px;
}

/* ふわっと画像の下の見出し、H1タグにした */
.h1_name {
  font-family:
    "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 30px;
  margin-top: 30px;
  margin-bottom: 0;
  line-height: 20px;
  display: inline;
}

.box_tel {
  font-size: 15px;
  margin-left: 10px;
  margin-bottom: 0;
  display: inline;
}

/* 名前の下の下線 */

.box_dojo hr {
  width: 100%;
  color: #666;
  height: 1px;
  margin-top: 2px;
}

/* リンクの線色変更 */

a.dojo:link {
  color: #028cae;
  text-decoration: underline;
}

a.dojo:visited {
  color: #028cae;
  text-decoration: underline;
}

a.dojo:hover {
  color: #62bff7;
  text-decoration: underline;
}

/* P赤字 */

P.akaji {
  color: #dc345f;
  text-decoration: none;
}

/* スマホ用・画像をはみ出さなくするimg設定 */
.dojofuwa {
  width: 700px;
  max-width: 100%;
  height: auto;
}

/* スマホ用・スケジュール画像をはみ出さなくするimg設定 */
.dojojikan {
  width: 700px;
  max-width: 90%;
  height: auto;
}

/* スマホ用・マップをはみ出さなくするBOX */
.map {
  position: relative;
  width: 90%;
  padding-top: 56.25%; /* 16:9比率 */
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ここにスマホ用レイアウト調整CSSを書く */

@media screen and (max-width: 768px) {
  /* スマホ版だけ道場タイトルのあとを改行*/
  .h1_name {
    display: block;
  }

  .box_tel {
    display: block;
    margin-top: 6px;
    margin-left: 0px;
  }

  #photo_dojo {
    height: auto;
    padding-top: 42.85%; /* 300 ÷ 700 = 0.4285 */
  }

  #photo_dojo img {
    top: 30px; /* ヘッダーの下に空白をつくらないちょっといんちきな設定 */
  }
}