/* リセット＋固定ヘッダー分の本文オフセット */
*, *::before, *::after { box-sizing: border-box; }
.lp-page { padding-top: 50px; } /* 固定ヘッダー height:50px 分 */

/* LPヘッダーのハンバーガー「開く」ボタン（黒バー右上）。
   top_header.css の #toggle_btn は .open 時の「閉じる(X)」ボタンなので、
   開く用の可視ボタンをLP側で用意する（index専用CSS/JSに依存しない） */
#lp-menu-open {
  position: fixed;
  top: 12px;
  right: 16px;
  width: 28px;
  height: 26px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  z-index: 10004;            /* 固定ヘッダーより前面。ドロワー(#glovalNav nav: 100001)が開くと隠れる */
  transition: opacity .3s;
}
#lp-menu-open span {
  display: block;
  width: 24px;
  height: 2px;
  margin: 5px auto;
  background: #fff;
  border-radius: 2px;
}
/* PC幅(>=768px)は #glovalNav_pc 横ナビが出るので、開くハンバーガーは隠す（二重表示防止） */
@media (min-width: 768px) {
  #lp-menu-open { display: none; }
}

/* ページトップへ戻るボタン（LPテーマに合わせてライムに統一。元はゴールドPNG） */
.pagetop a {
  position: fixed;
  bottom: 70px;
  right: 10px;
  width: 50px;
  height: 50px;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;                /* SVG は stroke:currentColor → 黒い矢印 */
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);
  border-radius: 50%;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(132, 204, 22, 0.4);
  text-decoration: none;
}
.pagetop a svg { width: 22px; height: 22px; }
@media (min-width: 768px) {
  .pagetop a { bottom: 30px; right: 30px; width: 60px; height: 60px; }
  .pagetop a svg { width: 26px; height: 26px; }
}

/* サイト共通ヘッダーのログイン者名表示（biz_common.css の .head_name のみ移植） */
.head_name{
    color: #ffffff;
    position: absolute;
    top: 15px;
    left: 200px;
    font-size: 16px;
}
@media (max-width : 480px){
    .head_name{
        left: initial;
        right: 60px;
        width: auto;
        font-size: 14px;
    }
}

/* ヘッダー内リンクをトップと同じ見た目に揃える。
   トップは bootstrap のグローバル a{text-decoration:none} で下線を消し、
   ログイン者名リンクは bootstrap 既定色 #337ab7 になっている。
   LP は bootstrap を読まないため、ヘッダー範囲だけ同等にリセットする
   （ドロワー本文・PC横ナビの色は top_header.css のまま活かす）。 */
header a { text-decoration: none; }
.head_name a { color: #337ab7; }