@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/* ===== LP（page-id-9）だけ：外枠の余白をゼロにする ===== */
.page-id-9 #container,
.page-id-9 .container,
.page-id-9 #content,
.page-id-9 #content-in,
.page-id-9 .content,
.page-id-9 .content-in,
.page-id-9 .content-in-wrap,
.page-id-9 .main,
.page-id-9 .article,
.page-id-9 .entry,
.page-id-9 .entry-content{
  margin: 0 !important;
  padding: 0 !important;
}

/* ===== メインビジュアルだけ左右の白線を完全に消す ===== */
.page-id-9 .mv-image{
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* entry-content の最初の要素の上余白も殺す（ブロック由来） */
.page-id-9 .entry-content > :first-child{
  margin-top: 26px !important;
}
.page-id-9 .entry-content > :last-child{
  margin-bottom: 0 !important;
}


/* Cocoon モバイルフッターボタンを非表示 */
.mobile-footer-menu,
.mobile-menu-buttons,
.mobile-footer-nav,
#mobile-footer-menu{
  display: none !important;
}

/*! ヘッダーの非表示 */
#header-container,
#header,
.header-container,
.site-header{
  display:none !important;
}

/* ヘッダーの設定 */
/* ===== 共通 追従ヘッダー ===== */
.ca-header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;

  background: rgba(255,255,255,.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.ca-header__inner{
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.ca-header__logo img{
  height: 60px;
  width: auto;
  display: block;
}

.ca-header__actions{
  display: flex;
  align-items: center;
  gap: 12px;
}

/* ボタン */
.ca-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  text-decoration: none;
  border-radius: 999px;
  padding: 14px 22px;
  line-height: 1.2;
  white-space: nowrap;
  box-shadow: 0 6px 16px rgba(0,0,0,.10);
  transition: transform .12s ease, box-shadow .12s ease;
}
.ca-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  opacity: .95;
}

/* ボタンのホバー色を固定（赤くならないようにする） */
.ca-btn,
.ca-btn:hover,
.ca-btn:focus,
.ca-btn:active{
  color: #fff !important;
  text-decoration: none !important;
}

/* CTA色 */
.ca-btn--primary{
  color: #fff;
  background: linear-gradient(180deg, #6dd6ff 0%, #3aa9ff 100%);
}
.ca-btn--dark{
  color: #fff;
  background: linear-gradient(180deg, #1e2a44 0%, #0f172a 100%);
}

/* SP */
@media (max-width: 768px){
  body{ padding-top: 39px; }
  .ca-header__logo img{ height: 44px; }
  .ca-btn{ padding: 12px 18px; font-size: 14px; }
  .ca-btn--dark{ display:none !important; }
}

/* PC */
@media (min-width: 769px){
  body{ padding-top: 54px; }
}

/* 管理バー対策 */
.logged-in .ca-header{ top: 32px; }
@media (max-width: 782px){
  .logged-in .ca-header{ top: 46px; }
}

/* ===== メインビジュアルの設定 ===== */
.mv-image{
  position: relative;         /* ← 重ね配置に必須 */
  margin: 24px auto 40px;
  text-align: center;
}

/* 画像 */
.mv-image__img{
  width: 100%;
  height: auto;
  display: block;
}

/* CTAエリア（残っていても無害化） */
.mv-image__cta{
  margin-top: 0 !important;
}

/* CTAボタン：画像の上に重ねる */
.mv-image__btn{
  position: absolute;
  left: 50%;
  bottom: 40px;               /* ← 微調整ポイント */
  transform: translateX(-50%);
  z-index: 2;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 16px 28px;
  border-radius: 999px;       /* ← ボタンは丸いままでOK */
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .02em;

  color: #fff !important;
  text-decoration: none !important;

  background: linear-gradient(
    180deg,
    #8fd3ff 0%,
    #5bbcff 100%
  );
  box-shadow: 0 12px 28px rgba(91,188,255,.45);

  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

/* hover */
.mv-image__btn:hover{
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 18px 36px rgba(91,188,255,.55);
  opacity: .95;
}

/* SP */
@media (max-width: 768px){
  .mv-image{
    margin: 12px 12px 28px;
  }

  .mv-image__btn{
    bottom: 124px;             /* ← SP用微調整 */
    width: calc(100% - 24px);
    padding: 16px 0;
    font-size: 16px;
  }
}

/* Cocoonのh2背景・装飾を無効化 */
.article h2,
.entry-content h2 {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* LP内 h3 のCocoon装飾を無効化 */
.ca-solution h3,
.ca-reasons h3,
.ca-flow h3,
.ca-pricing h3,
.ca-message h3,
.ca-faq h3 {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}

/* 固定ページ右下の投稿者（編集者）表示を非表示 */
.page .post-author,
.page .author-info,
.page .post-author-name {
  display: none !important;
}