@charset "utf-8";
/*
Theme Name: DIVA Child Shizuoka
Theme URI: https://example.com/
Description: Child theme for DIVA (tcd066) - JEWEL静岡店
Author: Akemi (with ChatGPT)
Author URI: https://example.com/
Template: diva_tcd066
Text Domain: diva-child-shizuoka
Version: 1.0.0
*/

/* --- ここから静岡店用カスタムCSS --- */

/* 競合しがちなリセットの上書き（もし東京と合わせたい場合） */
canvas[style*="position:fixed"][style*="pointer-events:none"] {
  max-width: none !important;
  max-height: none !important;
}

/* ==========================
 * 前DIVA風：ベースフォント（大きさはテーマのまま）
 * ========================== */
body {
  font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
               Meiryo, "メイリオ", sans-serif;
  letter-spacing: 0.03em;
  -webkit-font-smoothing: antialiased;
}

/* 見出し（明朝） */
h1, h2, h3, h4,
.page_title,
.section_title,
#main h1, #main h2, #main h3, #main h4 {
  font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN",
               "ヒラギノ明朝 ProN W3", serif;
  font-weight: 400;
  letter-spacing: 0.08em;
}

/* サブタイトル（『JＥＷＥＬ』本日の出勤 等） */
.index_slider .sub_title,
#main_image .sub_title {
  font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
  letter-spacing: 0.25em;
}

/* メインキャッチ（本物志向の貴男様へ 等） */
.index_slider .title,
#main_image .title {
  font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
  letter-spacing: 0.12em;
}

/* グローバルメニュー */
#g_menu a {
  font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
               Meiryo, "メイリオ", sans-serif;
  font-weight: 700;
  letter-spacing: 0.15em;
}

/* ショップ名ロゴ / 電話番号 */
#header .site_title,
#header .site_title a {
  font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
}
#header .tel {
  font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 700;
}

/* 本文 */
#main p {
  font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",
               Meiryo, "メイリオ", sans-serif;
  letter-spacing: 0.03em;
}

/* ウィジェット */
#side,
#side .widget,
#side .widget a {
  font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#side .widget_title {
  font-family: "游明朝", "Yu Mincho", "Hiragino Mincho ProN", serif;
  letter-spacing: 0.2em;
}

/* ==========================
 * スライダー内の文字 白ふち（視認性UP）
 * ========================== */
.index_slider .title,
.index_slider .sub_title,
#main_image .title,
#main_image .sub_title {
  text-shadow:
    1px 1px 3px rgba(255,255,255,0.85),
   -1px 1px 3px rgba(255,255,255,0.85),
    1px -1px 3px rgba(255,255,255,0.85),
   -1px -1px 3px rgba(255,255,255,0.85);
}

/* ==========================
 * メール・LINEリンクだけ くっきり黒フチ
 * ========================== */
#main .post .entry a[href^="mailto:"],
#main .post .entry a[href*="line.me"],
#main .post .entry a[href*="line://"],
#main .post .entry a.line-link,
#main .post .entry a.mail-link {
  color: #ffffff;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
}

/* ==========================
 * コンセプト用 シルバーきらりライン
 * ========================== */
.concept-block {
  text-align: center;
}
.concept-block p {
  text-align: left;
  margin-bottom: 1.5em;
}
.concept-separator {
  width: 85%;
  margin: 25px auto;
  border: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0.15) 0%,
    rgba(255,255,255,0.35) 45%,
    rgba(255,255,255,0.55) 50%,
    rgba(255,255,255,0.35) 55%,
    rgba(255,255,255,0.15) 100%
  );
}
.concept-heading {
  margin: 20px 0;
}

/* ================================
 * バッジ共通スタイル
 * ================================ */
.badge-new,
.badge-today,
.badge-premium,
.badge-special {
  display: inline-block;
  padding: 2px 10px;          /* 全部お揃いの厚み */
  border-radius: 999px;       /* まん丸ピル型 */
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3;
  vertical-align: middle;
  box-shadow:
    0 1px 2px rgba(0,0,0,0.12),
    inset 0 1px 1px rgba(255,255,255,0.4);
}

/* 新人（ピンクベタ） */
.badge-new {
  background: #ff6ab7;
  color: #ffffff;
  border: 1px solid #ff6ab7;
}

/* 本日出勤（ピンク枠・白地） */
.badge-today {
  background: #ffffff;
  color: #ff6ab7;
  border: 1px solid #ff6ab7;
}

/* プレミアム（ゴールド） */
.badge-premium {
  background: linear-gradient(
    135deg,
    #f3d99b 0%,
    #e2c27f 40%,
    #d6b26a 60%,
    #f4e3b5 100%
  );
  color: #8a5d20;
  border: 1px solid #d0b178;
}

/* スペシャル（シルバー） */
.badge-special {
  background: linear-gradient(
    135deg,
    #e9e9e9 0%,
    #d0d0d0 40%,
    #c4c4c4 60%,
    #f2f2f2 100%
  );
  color: #4a4a4a;
  border: 1px solid #c8c8c8;
}

/* ==========================
 * 女の子からひとこと 見出し 
 * ========================== */
.girls-comment-title {
  text-align: center;
  font-weight: bold;
  color: #999999;         /* シルバーグレー */
  margin-bottom: 10px;
}

.girls-comment-title .heart {
  color: #ff6ab7;         /* ハートだけピンク */
}


/* ==========================
 * ── キャスト個人ページ：スケジュールテーブル 
 * ========================== */
.cast-schedule-block {
  margin-top: 30px;
}

.table-scroll-schedule {
  overflow-x: auto;
}

.cast-schedule-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: center;
  font-size: 0.9rem;
}

.cast-schedule-table th,
.cast-schedule-table td {
  padding: 4px 2px;
  border: 1px solid #ddd;
}

/* PC では 7日ぶん全部表示＆ボタン非表示 */
@media (min-width: 768px) {
  .cast-schedule-toggle {
    display: none;
  }
}

/* SP では最初の3日だけ表示。is-open が付いたら7日全表示 */
@media (max-width: 767px) {
  .cast-schedule-table th:nth-child(n+4),
  .cast-schedule-table td:nth-child(n+4) {
    display: none;
  }

  .cast-schedule-table.is-open th,
  .cast-schedule-table.is-open td {
    display: table-cell;
  }

  .cast-schedule-toggle {
    display: block;
    margin: 8px auto 0;
    padding: 4px 12px;
    font-size: 0.85rem;
    border-radius: 20px;
    border: 1px solid #cc6699;
    background: #fff;
    color: #cc6699;
  }
}

/* ==========================
 * スケジュールページ内テーブル (content-cast.php内)
 * 縦スクロールバーなくす！
 * ========================== */

/* JEWEL スケジュール：スクロール用ボックスをやめて素直に表示 */
.page-slug-schedule .table-schedule {
  max-width: 100%;
  overflow: visible !important;   /* ここで「スクロールさせない」と強制 */
}

/* 念のため data_inner にもスクロールをつけさせない */
.page-slug-schedule .data_inner {
  overflow: visible !important;
}

/* それでも何かの影響でスクロールバーが出る場合に備えて、強制的に非表示 */
.page-slug-schedule .table-schedule {
  -ms-overflow-style: none;   /* IE, Edge */
  scrollbar-width: none;      /* Firefox */
}
.page-slug-schedule .table-schedule::-webkit-scrollbar {
  display: none;              /* Chrome, Safari など */
}

/* ==========================
 * タイトル
 * 「｜」をスマホだけ <br> に変換
 * ========================== */
.sp-br {
  display: none;
}

/* スマホだけ表示 */
@media screen and (max-width: 768px) {

  .sp-br {
    display: inline;
  }

  /* 前半タイトル：控えめに */
  .title-first {
    font-size: 1.2em;
    font-weight: 400;
  }

  /* 後半タイトル：小さく */
  .title-second {
    font-size: 0.9em;
	font-weight: 700;
  }
}

/* ==========================
 * タイトル
 * アーカイブタイトル：スマホだけ小さく
 * ========================== */
/* staff-blog アーカイブタイトル：スマホだけ少し小さく */
@media screen and (max-width: 768px) {
  body.category-staff-blog div#page_header h1#page_title {
    font-size: 30px !important;   /* ← まずはこのくらい。大きければ16px, 小さければ20pxなど */
    line-height: 1.2 !important;
  }
}