@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ==== LP専用トップバー（page-id-16） ==== */
.page-id-16 .lp-topbar{
  position: sticky;   /* スクロールしても上部に“張り付き” */
  top: 0;
  z-index: 999;       /* VSL/モーダルより前面に */
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  border-bottom: 1px solid #eef0f3;
}
.page-id-16 .lp-topbar > .wp-block-group__inner-container{
  max-width: 1200px; margin: 0 auto; padding: 10px 16px;
}
.page-id-16 .lp-topbar .wp-block-columns{
  align-items: center; gap: 12px;
}
.page-id-16 .lp-topbar h2,
.page-id-16 .lp-topbar p{
  margin: 0; font-weight: 700; color: #21489D; /* ブランド紺 */
  font-size: clamp(14px, 2.2vw, 16px);
}

/* LINEボタン（トップバー専用） */
.page-id-16 .lp-topbar .wp-block-button__link.line-btn{
  background: #06C755; color:#fff !important; font-weight:800;
  padding: 10px 14px; border-radius: 999px; text-decoration:none;
  box-shadow: 0 2px 6px rgba(6,199,85,.35);
}
.page-id-16 .lp-topbar .wp-block-button__link.line-btn:hover{
  filter:brightness(.95); transform: translateY(-1px); transition:.2s;
}

/* モバイル最適化：学院名を短く折返し、ボタンは幅広 */
@media (max-width:768px){
  .page-id-16 .lp-topbar .wp-block-columns{ gap: 8px; }
  .page-id-16 .lp-topbar .wp-block-column:first-child{
    flex-basis: 60% !important;
  }
  .page-id-16 .lp-topbar .wp-block-button__link.line-btn{
    width: 100%; text-align:center; padding: 10px 12px; font-size: 14px;
  }
}

/* ===== LP共通カラー変数（未使用なら残っていても影響なし） ===== */
.page-id-16{
  --cta: #FF7F00;
  --cta-text: #fff;
  --cta-hover: #E67300;
}

/* ▼▼ ここからの “全ボタンをオレンジ化する” ルールは削除しました ▼▼
.page-id-16 .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.page-id-16 a.btn.btn--cta,
.page-id-16 .swell-block-button a,
.page-id-16 .pagelayer-btn,
.page-id-16 .lp-topbar .wp-block-button__link.line-btn{ ... }

.page-id-16 .wp-block-button.is-style-outline .wp-block-button__link{ ... }
.page-id-16 .wp-block-button.is-style-outline .wp-block-button__link:hover{ ... }

.page-id-16 .wp-block-button__link:hover,
.page-id-16 .swell-block-button a:hover,
.page-id-16 .pagelayer-btn:hover,
.page-id-16 .lp-topbar .wp-block-button__link.line-btn:hover{ ... }
.page-id-16 .wp-block-button__link:focus-visible,
.page-id-16 .swell-block-button a:focus-visible,
.page-id-16 .pagelayer-btn:focus-visible,
.page-id-16 .lp-topbar .wp-block-button__link.line-btn:focus-visible{ ... }
▲▲ 削除済み ▲▲ */

/* スマホでボタン幅広に（必要なら保持） */
@media (max-width:768px){
  .page-id-16 .wp-block-button__link,
  .page-id-16 .swell-block-button a,
  .page-id-16 .pagelayer-btn{
    width: 100%;
    text-align: center;
    padding: 14px 22px;
  }
}

/* ===== LPのトップバー：LINEボタンだけ緑に維持 ===== */
.page-id-16 .lp-topbar .wp-block-button__link.line-btn{
  background:#06C755 !important;   /* LINEグリーン */
  border-color:#06C755 !important;
  color:#fff !important;
  box-shadow:0 2px 6px rgba(6,199,85,.35);
}
.page-id-16 .lp-topbar .wp-block-button__link.line-btn:hover{
  background:#05B24D !important;   /* 少し濃いホバー色 */
}

/* page-id をLPのIDに変更して使ってください（例：16） */
.page-id-16 .c-iconBtn--menu,   /* ハンバーガー */
.page-id-16 .c-iconBtn--search, /* 検索アイコン */
.page-id-16 .p-breadcrumb       /* パンくず */
{ display: none !important; }

/* ヘッダー自体を隠したい場合はこれ（必要なら） */
/* .page-id-16 .l-header { display:none !important; } */

/* === GTM 最優先挿入（head先頭＆body直後）=== */
add_action('wp_head', function () {
  ?>
  <!-- Google Tag Manager -->
  <script>
  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-MJ25ZDXV');
  </script>
  <!-- End Google Tag Manager -->
  <?php
}, 1); // ★優先度=1（標準10より先に出ます）

add_action('wp_body_open', function () {
  ?>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MJ25ZDXV"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
  <?php
}, 1);

/* LP（page-id-16）専用：フッター運営者情報 */
.page-id-16 .lp-operator-footer{
  text-align: center;
  font-size: 12px;
  color: #666;
  padding: 12px 16px 24px;
}

.page-id-16 .lp-operator-footer a{
  color: inherit;
  text-decoration: underline;
}

.page-id-16 .lp-operator-footer a:hover{
  text-decoration: none;
}

/* LP（page-id-16）専用：フッター運営者情報デザイン調整 */
.page-id-16 .lp-operator-footer{
  background: #21489D;      /* テーマの青背景 */
  color: #fff;              /* 白文字 */
  text-align: center;       /* 中央寄せ */
  padding: 8px 16px;        /* 余白少しだけ */
  font-size: 11px;          /* 小さめ（約2/3程度） */
}

/* 中身の small 要素も中央寄せ＆ブロック化 */
.page-id-16 .lp-operator-footer small{
  display: block;
  text-align: center;
}

/* リンクも白文字で統一 */
.page-id-16 .lp-operator-footer a{
  color: #fff;
  text-decoration: underline;
}

.page-id-16 .lp-operator-footer a:hover{
  text-decoration: none;
}

/* コピーライトとの間にスペース追加 */
.page-id-16 .lp-operator-footer{
  margin-top: 16px;   /* ★余白：小さめ */
}