/*
Theme Name: OLTANA-006 Child
Version: 1.0.0
Template: oltana-006
Author: CROOVER inc.
Author URI: https://croover.co.jp
*/

/* page-id-3 プライバシーポリシーページCSS */

/* 見出し余白調整 */
.page-id-3 h3 {
  margin-top: 2em;
  margin-bottom: 1em;
}

.page-id-3 h4 {
  margin-top: 1.5em;
  margin-bottom: 0.8em;
}

/* プライバシーポリシー本文内の箇条書き（パンくず除外） */
/* 利用規約ページ（page-id-7）のpp-body内リストもまとめて指定 */
.page-id-3 .pp-body ul,
.page-id-7 .pp-body ul {
  list-style-type: disc !important;
  margin-left: 1.5em;
}

.page-id-3 .pp-body ul li,
.page-id-7 .pp-body ul li {
  margin-bottom: 0.4em;
  line-height: 1.6;
}

/* 運営者情報テーブル（レスポンシブ + スマホセンタリング） */
.page-id-3 .privacy-operator-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

.page-id-3 .privacy-operator-table th,
.page-id-3 .privacy-operator-table td {
  border: 1px solid #ccc;
  padding: 10px 12px;
  vertical-align: top;
}

.page-id-3 .privacy-operator-table th {
  width: 30%;
  background: #f5f5f5;
  font-weight: bold;
}

/* スマホ表示調整（幅 600px 以下） */
@media (max-width: 600px) {

  /* テーブル構造を縦積みに変換 */
  .page-id-3 .privacy-operator-table,
  .page-id-3 .privacy-operator-table tbody,
  .page-id-3 .privacy-operator-table tr,
  .page-id-3 .privacy-operator-table th,
  .page-id-3 .privacy-operator-table td {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
  }

  .page-id-3 .privacy-operator-table {
    font-size: 0.9rem;
  }

  .page-id-3 .privacy-operator-table tr {
    margin-bottom: 14px;
    padding: 0;
  }

  .page-id-3 .privacy-operator-table th,
  .page-id-3 .privacy-operator-table td {
    padding: 12px 10px;
  }

  .page-id-3 .privacy-operator-table th {
    border-bottom: none;
  }

  .page-id-3 .privacy-operator-table td {
    border-top: none;
  }
}

/* --- PC版：控えめネオン（白の外光 + F46C84文字）--- */
.ol-firstview__title-maincopy .ol-firstview__title-accent {
  color: #F46C84 !important;                 /* 本体色 */
  -webkit-text-stroke: 2px #ffffff !important; /* PC用：白い枠 2px */

  /* 控えめ白グロー（PC） */
  text-shadow:
    0 0 4px rgba(255,255,255,0.9),
    0 0 8px rgba(255,255,255,0.6),
    0 0 12px rgba(255,255,255,0.4);

  /* ふわっと浮かせる（弱め） */
  filter: drop-shadow(0 0 4px rgba(255,255,255,0.45));
}

/* --- SP（768px以下）だけ細く・小さくする --- */
@media (max-width: 768px) {

  /* 枠線とネオンをSP用に調整 */
  .ol-firstview__title-maincopy .ol-firstview__title-accent {
    -webkit-text-stroke: 1px #ffffff !important; /* スマホ用：細枠 1px */
    text-shadow:
      0 0 4px #fff,
      0 0 8px #fff,
      0 0 14px rgba(255,255,255,0.7),
      0 0 25px rgba(255,255,255,0.4);
  }

  /* タイトル文字サイズをSPで少し小さく */
  .ol-firstview__title-maincopy1,
  .ol-firstview__title-maincopy2 {
    font-size: 1.6rem !important;
    line-height: 1.2 !important;
  }
}