/* ===== arika front global ===== */
:root{
  --arika-blue:#0b2752;            /* ディープブルー */
  --arika-blue-ink:#081d3a;
}

body.page-template-トップページ-arika-cool-visual,
body.page-template { /* このテンプレのときだけ */
  font-family: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック体", "Yu Gothic", Meiryo, sans-serif;
  font-weight: 300;                /* 細いゴシック */
  letter-spacing: .02em;
  color: var(--arika-blue-ink);
  text-align: center;              /* 中心揃え（本文/見出し） */
}

/* 共通ユーティリティ */
.max600{ max-width:600px; width:100%; height:auto; display:block; margin-inline:auto; }
.center { text-align:center; }

/* ヒーロー */
.arika-hero{
  background: var(--arika-blue);
  color:#fff;
  padding: clamp(48px, 7vw, 96px) 0;
}
.arika-logo{ width: min(220px, 60vw); filter: drop-shadow(0 0 10px rgba(0,0,0,.2)); }
.mv__title{ font-weight:300; line-height:1.35; }

/* セクション見出し */
.section-title{
  color: var(--arika-blue);
  font-weight:500;
  letter-spacing:.06em;
  text-transform: uppercase;
  margin-bottom:.25rem;
}
.section-sub{ color:#6b7280; margin-bottom:1.5rem; }

/* INFORMATION カード */
.information-section .card{
  border-radius:16px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.information-section .card:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
.information-section .card-title{ font-weight:500; }

/* 画像の最大幅を全体に適用（念押し） */
img{ max-width:100%; height:auto; }
.figure-600 img,
.img-600{ max-width:600px; width:100%; height:auto; margin-inline:auto; }

/* スライダー画像も600px基準 */
.detox-swiper .swiper-slide img{ max-width:600px; width:100%; height:auto; }

/* 下部リンクセクション */
.linkSection{ background:#0e1b2d; }
.btn-arika{
  background: var(--arika-blue);
  color:#fff;
  border-radius: 9999px;
}
.btn-arika:hover{ filter: brightness(1.05); color:#fff; }

.max600 {
    max-width: 600px;
    margin: 0 auto;
}

.custom-heading {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

/* 中央揃え・浮遊感のある文字 */
.floating-text {
  position: relative;
  text-align: center;
  color: #fff;
  text-shadow:
    0 2px 4px rgba(0,0,0,0.4),
    0 4px 8px rgba(0,0,0,0.2);
  animation: floatUp 3s ease-in-out infinite;
}

/* ゆっくり上下に揺れる動き */
@keyframes floatUp {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}

/* 画像の最大幅制限 */
.max600 {
  max-width: 600px;
  width: 100%;
  height: auto;
}

.information-section .card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.information-section .card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.15);
}

/* 背景を白に戻す指定 */
body.page-template-トップページ-arika-cool-visual,
body.page-template,
.site-content,
.content-area,
.site-main {
  background-color: #fff !important;
  color: var(--arika-blue-ink);
}