/* =========================================
   ONECL ホテル＆ショートステイ（page-id-1742）専用
   2025-11-15 clean
   ========================================= */

/* 1) WPの標準タイトル／ヘッダーを消す */
body.page-id-1742 .page-header,
body.page-id-1742 .entry-header,
body.page-id-1742 h1.entry-title,
body.page-id-1742 .page-title {
  display: none !important;
}

/* 2) ページ上部の余白を少し詰める（必要なら調整） */
body.page-id-1742 .site-main {
  padding-top: 0 !important;
}

/* =========================================
   HERO（犬たちの写真＋キャッチコピー）
   ========================================= */

body.page-id-1742 .onecl-hero {
  position: relative;
  width: 100%;
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  background: #fff;
}

/* 背景画像を直接ここで指定 */
body.page-id-1742 .onecl-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    url("https://dog-behavioronecl.com/wlp/wp-content/uploads/6583514c1407491ad1b7519f4abc77b7.jpeg")
    center right / cover no-repeat;
  filter: saturate(1.05) contrast(1.05);
}

/* 左側の白グラデーション */
body.page-id-1742 .onecl-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    90deg,
    #fff 0%,
    rgba(255,255,255,.9) 45%,
    rgba(255,255,255,.3) 70%,
    rgba(255,255,255,0) 100%
  );
}

/* テキストブロック */
body.page-id-1742 .onecl-hero-content {
  position: relative;
  z-index: 2;
  max-width: 560px;
  padding: clamp(24px, 5vw, 60px);
  color: #1a1a1a;
}

body.page-id-1742 .onecl-hero h1 {
  font-weight: 800;
  font-size: clamp(38px, 5vw, 64px);
  margin: 0 0 1rem;
  color: #4a94d4;
  text-shadow: 0 2px 6px rgba(255,255,255,.8);
}

body.page-id-1742 .onecl-hero p {
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.6;
  margin: 0 0 1.4rem;
}

/* 強調マーカー用（運動不足〜の黄色線） */
body.page-id-1742 .onecl-hero .mark {
  background: linear-gradient(transparent 60%, #fff1a8 60%);
}

/* CTAボタン */
body.page-id-1742 .onecl-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body.page-id-1742 .onecl-btn {
  display: inline-block;
  padding: .9rem 1.3rem;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: .2s;
}

body.page-id-1742 .onecl-btn-primary {
  background: #4a94d4;
  color: #fff;
}

body.page-id-1742 .onecl-btn-line {
  background: #06C755;
  color: #fff;
}

body.page-id-1742 .onecl-btn:hover {
  opacity: .9;
}

/* HERO のサブバンドは PC では非表示にしておく */
body.page-id-1742 .onecl-subband {
  display: none;
}

/* --- スマホ用調整 --- */
@media (max-width: 768px) {
  body.page-id-1742 .onecl-hero {
    align-items: flex-end;
    min-height: 75vh;
  }

  body.page-id-1742 .onecl-hero::before {
    background-image:
      url("https://dog-behavioronecl.com/wlp/wp-content/uploads/44E86F48-1034-42B7-87DB-E850E846D34A-1.jpeg");
    background-position: center;
    filter: none;
    box-shadow: inset 0 0 0 9999px rgba(255,255,255,.45);
  }

  body.page-id-1742 .onecl-hero::after {
    content: none;
  }

  body.page-id-1742 .onecl-hero h1 {
    font-size: clamp(26px, 8vw, 40px);
    text-shadow:
      0 0 3px #fff,
      0 0 6px rgba(255,255,255,0.8),
      0 0 9px rgba(255,255,255,0.6);
  }

  body.page-id-1742 .onecl-hero p {
    font-size: clamp(14px, 4.5vw, 20px);
    line-height: 1.8;
    font-weight: 600;
  }

  body.page-id-1742 .onecl-ctas {
    flex-direction: column;
    align-items: center;
  }
}

/* =========================================
   「ワンクルが選ばれる理由」まわり
   ========================================= */

/* 小さい RECOMMENDED / POINT（en-ghost テキスト）だけ消す */
body.page-id-1742 .onecl-reason-head .en-ghost {
  display: none !important;
}

/* 見出しの白い箱を少しコンパクトに */
body.page-id-1742 .onecl-reason-head .jp-title {
  display: inline-block;
  margin: 0;
  font-weight: 900;
  line-height: 1.2;
  font-size: clamp(24px, 4.6vw, 44px);
  color: #0f1a2b;
  background: linear-gradient(
    to right,
    rgba(255,255,255,.92),
    rgba(255,255,255,.86)
  );
  padding: .3em .8em;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  border: none;
}

/* 「選ばれる理由」のピンクだけグラデーション強調 */
body.page-id-1742 .onecl-reason-head .jp-title .em {
  background: linear-gradient(90deg,#ff6b8b 0%,#ff8fb0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* 斜めに大きく入っている RECOMMENDED POINT（背景のやつ）は残すので触らない */


/* =========================================
   POINT カード（背景木目）
   ========================================= */

/* 3つの POINT カード全体に木目背景を敷く */
body.page-id-1742 .onecl-points .point {
  background-image: url("https://dog-behavioronecl.com/wlp/wp-content/uploads/3cfc802893c9f7667f5899e2ff5e64e5.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: left center !important;
  border-radius: 18px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* 2番目だけ右寄せ */
body.page-id-1742 .onecl-points .point.bg-right {
  background-position: right center !important;
}

/* 中身のレイアウトが崩れないよう軽く指定 */
body.page-id-1742 .onecl-points .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 900px) {
  body.page-id-1742 .onecl-points .content {
    flex-direction: row;
    align-items: center;
    gap: 40px;
  }
  body.page-id-1742 .onecl-points .bg-right .content {
    flex-direction: row-reverse;
  }
}

/* 写真ボックス */
body.page-id-1742 .onecl-points .photo {
  width: 100%;
  max-width: 380px;
  aspect-ratio: 4 / 3;
  border-radius: 18px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}

/* バッジ */
body.page-id-1742 .onecl-points .badge {
  display: inline-block;
  background: linear-gradient(90deg,#5ab4ff,#ff90a0);
  color: #fff;
  padding: .4em 1em;
  border-radius: 999px;
  font-weight: 700;
  font-size: .85rem;
  margin-bottom: .4em;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
/* ホテル・ショートステイページだけ、デフォのタイトルを消す */
body.page-id-1742 .entry-title,
body.page-id-1742 h1.entry-title,
body.page-id-1742 .page-title,
body.page-id-1742 .entry-header {
  display: none !important;
}

/* 念のため：メインカラム内で一番最初の h1 を消す */
body.page-id-1742 main h1:first-of-type {
  display: none !important;
}
/* 小さい RECOMMENDED / POINT を非表示（斜めのデカ文字は残す） */
body.page-id-1742 .onecl-reason-head .en-ghost {
  display: none !important;
}
/* === ホテルページのタイトルを完全に消す === */
body.page-id-1742 .entry-title,
body.page-id-1742 h1.entry-title,
body.page-id-1742 .page-title,
body.page-id-1742 .entry-header,
body.page-id-1742 header.entry-header,
body.page-id-1742 .page-header,
body.page-id-1742 .header__title,
body.page-id-1742 .c-entry__header,
body.page-id-1742 h1 {
  display: none !important;
}

/* ただしヒーロー内の h1 は残す */
body.page-id-1742 .onecl-hero h1 {
  display: block !important;
}
/* ヒーローセクションの高さをしっかり確保 */
.onecl-hero {
  min-height: 70vh !important;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .onecl-hero {
    min-height: 60vh !important;
    padding-top: 40px;
  }
}