/* This stylesheet is meant for custom styles, on top of the Bone Template */

  /* ハンバーガー線を消す */
header .menu:before,
header .menu:after {
  content: none !important;
  border: 0 !important;
}

/* 「メニュー」を横書きで表示 */
header .menu {
  width: auto !important;          /* 35px固定を解除 */
  padding: 0 14px !important;      /* クリックしやすく */
  height: 50px;                    /* 元の高さは維持 */
  display: flex;
  align-items: center;
  justify-content: center;

  white-space: nowrap;             /* 文字を折り返さない */
  writing-mode: horizontal-tb;     /* 念のため縦書き解除 */
  text-orientation: mixed;         /* 念のため */
  line-height: 1;
  font-size: 30px;
  font-weight: 800;
  letter-spacing: .10em;
  color: #fff;                     /* ヒーロー上（白） */
}

/* スクロールしてヘッダーが affix になった時の色（元の線色 #745091 に合わせる） */
header.affix .menu {
  color: #745091 !important;
}

section img.item {
  max-width: 300px;
  width: 100%;
  height: auto;
}

header .menu {
  text-shadow: 0 3px 10px rgba(0,0,0,0.45);
}

/* =========================
   Hero responsive fix
   ========================= */

/* PC表示（最低高さ） */
.hero.lg {
  min-height: 70vh;
}

/* スマホ用 */
@media screen and (max-width: 768px) {

  .hero.lg {
    min-height: 40vh;
  }

  /* 背景パララックスを止める（スマホでは不自然になるため） */
  .hero .bg.parallax {
    background-attachment: scroll;
  }

  /* 見出しを縮める */
  h8.lg {
    font-size: 2.2em;
    line-height: 1.2;
  }

}