@charset "UTF-8";
/* =========================================================
   KIJINOMORI CORE  スマホ（768px以下）
   ・クラスは接頭辞 core- で .core-page 配下に限定
   ・フューチャーショップ／楽天／ヤフー共通で使う
   ========================================================= */

/* ---------- スマホ ---------- */
@media screen and (max-width: 768px) {
  .core-page { margin-bottom: 40%; }	
  .core-page .core-intro { padding: 72px 20px 88px; }
  .core-page .core-heading-brand { font-size: 15px; letter-spacing: 5px; text-indent: 5px; }
  .core-page .core-heading-core { margin-top: 8px; font-size: 44px; letter-spacing: 7px; text-indent: 7px; }
  .core-page p.core-heading-ja { font-size: 15px; line-height: 2.1; }
  .core-page p.core-catch { margin-top: 16px; }
  .core-page .core-catch-main { font-size: 24px; }
  .core-page .core-catch-sub { margin-top: 24px; font-size: 15px; }
  .core-page .core-lead { margin-top: 56px; font-size: 13px; line-height: 2.1;  }
  .core-page .core-lead p.core-lead-accent { margin: 48px 0; font-size: 19px; letter-spacing: 2px; }
  .core-page .core-sp { display: inline; }

  .core-page .core-items { padding: 24px 20px 96px; }
  .core-page .core-item,
  .core-page .core-item:nth-child(even) { grid-template-columns: 1fr; }
  .core-page .core-item-img,
  .core-page .core-item:nth-child(even) .core-item-img { order: 1; }
  .core-page .core-item-text,
  .core-page .core-item:nth-child(even) .core-item-text { order: 2; max-width: none; padding-top: 36px; }
  .core-page .core-item + .core-item { margin-top: 96px; }
  .core-page h3.core-item-name { font-size: 20px; letter-spacing: 1px; }
  .core-page .core-item-catch { font-size: 15px; margin-top: 18px; }
  .core-page .core-item-spec div { grid-template-columns: 116px 1fr; }
  .core-page .core-item-soon { margin: 18em auto 6em; }
 .core-page .core-item-soon-before { margin: 18em auto 15em; }	
  .core-page .core-soon-panel { width: 100%; }
  .core-page .core-soon-panel span { font-size: 13px; }
  .core-page .core-soon-note { font-size: 12px; letter-spacing: 2px; }
  /*.core-page .core-item-more { margin-top: 36px; }*/
  .core-page .core-item-link { font-size: 20px; }
  .core-page .core-item-sub {
        gap: 20px;
        margin-top: 20px;
        font-size: 13px;
        letter-spacing: 0;
        display: flex;
        flex-direction: column;
  }
  /* 画像3枚をエンドレスで切り替え（1枚目は土台として常に表示） */
  .core-page .core-item-img img.core-img-sp { display: block; }
  .core-page .core-item-img img.core-img-hover { animation: coreSlide2 15s ease-in-out infinite; }
  .core-page .core-item-img img.core-img-sp { animation: coreSlide3 15s ease-in-out infinite; }

  .core-page .core-outro {
     min-height: clamp(420px, 72svh, 720px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 64px 20px;
    background-image: url("https://www.kijinomori.com/design/img/toppage/ourfubric05_sp.jpg");
  }
  .core-page .core-outro-brand { font-size: 12px; letter-spacing: 4px; text-indent: 4px; }
  .core-page .core-outro-core { margin-top: 6px; font-size: 32px; letter-spacing: 5px; text-indent: 5px; }
  .core-page .core-outro-ja { font-size: 13px; line-height: 2.1; }
  .core-page .core-outro-text { margin-top: 36px !important; font-size: 13px; line-height: 2.1; letter-spacing: 1px; }
  .core-page .core-pagetop { margin-top: 48px; gap: 12px 24px; padding: 0 20px; font-size: 12px; letter-spacing: 1px; }
}