/*=========================================
ベース:全体の標準フォント
維持:フォント構成と基本の読みやすさ
変更:文字色と背景色をRe-set寄りの濃紺系に最適化
=========================================*/
body{
  font-family:"Noto\20Sans\20JP",-apple-system,BlinkMacSystemFont,"Hiragino\20Kaku\20Gothic\20ProN","Yu\20Gothic","YuGothic","Meiryo",sans-serif;
  font-weight:400;
  line-height:1.7;
  color:#1a1f2a;
  background:#fff;
}

/*=========================================
ロゴ系英字:サイトタイトルなど
維持:Montserrat採用と太さ
変更:大文字強制を解除してRe-setの上品さ優先
変更:文字色を濃紺へ
=========================================*/
.site-title,
.logo-text,
h1.site-title,
.header-logo-text{
  font-family:"Montserrat","Noto\20Sans\20JP",-apple-system,BlinkMacSystemFont,"Hiragino\20Kaku\20Gothic\20ProN","Yu\20Gothic","YuGothic","Meiryo",sans-serif;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:none;
  color:#1f2f4a;
}

/*=========================================
見出し系
維持:フォント混在設計
変更:太さを少し上げて上品に締める
変更:見出し色を濃紺へ統一
=========================================*/
h1,
h2,
h3,
h4{
  font-family:"Noto\20Sans\20JP","Montserrat",-apple-system,BlinkMacSystemFont,"Hiragino\20Kaku\20Gothic\20ProN","Yu\20Gothic","YuGothic","Meiryo",sans-serif;
  font-weight:600;
  line-height:1.5;
  color:#1f2f4a;
}

/*=========================================
小見出しラベル
維持:対象クラスと役割
変更:letter-spacingを弱めて落ち着いた印象へ
=========================================*/
.section-title,
.menu-title,
.card-title{
  font-family:"Noto\20Sans\20JP","Montserrat",-apple-system,BlinkMacSystemFont,"Hiragino\20Kaku\20Gothic\20ProN","Yu\20Gothic","YuGothic","Meiryo",sans-serif;
  font-weight:600;
  letter-spacing:.02em;
  color:#1f2f4a;
}

/*=========================================
ボタンCTAまわり
維持:対象セレクタ一式
変更:フォントウェイトをやや強めで視認性UP
=========================================*/
button,
.btn,
a.button,
a.btn-reserve{
  font-family:"Noto\20Sans\20JP","Montserrat",-apple-system,BlinkMacSystemFont,"Hiragino\20Kaku\20Gothic\20ProN","Yu\20Gothic","YuGothic","Meiryo",sans-serif;
  font-weight:600;
  letter-spacing:.04em;
}

/*=========================================
PCSP出し分け
維持:機能そのまま
維持:ブレークポイント959pxもそのまま
=========================================*/
.pc-only{
  display:block;
}
.sp-only{
  display:none!important;
}
@media(max-width:959px){
  .pc-only{
    display:none!important;
  }
  .sp-only{
    display:block!important;
  }
}

/*=========================================
フッタPoweredby非表示
維持:機能そのまま
=========================================*/
.site-footer-copyright p:nth-child(2){
  display:none;
}

/*=========================================
reCAPTCHA位置調整
維持:機能そのまま
=========================================*/
.grecaptcha-badge{
  margin-bottom:80px;
}

/*=========================================
シフトグリッド全体
維持:クラス名ss-gridと構造を前提にした指定
=========================================*/
.ss-grid{
  margin:24px 0;
}

/*=========================================
週ナビ前週次週
維持:flexレイアウトと左寄せ
変更:gapのみ微調整
=========================================*/
.ss-grid .week-nav{
  display:flex;
  justify-content:flex-start;
  gap:10px;
  margin-bottom:16px;
}

/*=========================================
週ナビボタン
維持:クリックできるボタン表示とhover反転の挙動
変更:色をメンズアラインの青からRe-set濃紺へ
変更:質感として薄い影と遷移を追加
=========================================*/
.ss-grid .ss-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 18px;
  border-radius:999px;
  background:#fff;
  color:#1f2f4a;
  border:1px solid #1f2f4a;
  text-decoration:none;
  font-size:13px;
  line-height:1.3;
  font-weight:600;
  box-shadow:0 1px 0 rgba(31,47,74,.10);
  transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.ss-grid .ss-btn:hover{
  background:#1f2f4a;
  color:#fff;
  border-color:#1f2f4a;
  box-shadow:0 6px 18px rgba(31,47,74,.20);
}

/*=========================================
テーブル基本
維持:table内の情報構造はそのまま
変更:外枠と角丸でRe-setの上質感
注意:overflow hiddenは角丸を効かせるため
=========================================*/
.ss-grid table{
  border-collapse:collapse;
  width:100%;
  background:#fff;
  border:1px solid #e6e9f0;
  border-radius:12px;
  overflow:hidden;
}

/*=========================================
セル基本
維持:中央寄せ縦中央寄せ
変更:罫線色を少し落ち着かせる
=========================================*/
.ss-grid th,
.ss-grid td{
  padding:10px 10px;
  border:1px solid #eef1f6;
  font-size:13px;
  vertical-align:middle;
  text-align:center;
}

/*=========================================
ヘッダ行
維持:見出し強調の役割
変更:淡いグラデでRe-setの品を出す
=========================================*/
.ss-grid thead th{
  background:linear-gradient(180deg,#f5f7fb,#eef2f8);
  font-weight:700;
  color:#1f2f4a;
}

/*=========================================
奇数行背景
維持:行の視認性向上機能
変更:色をより控えめに
=========================================*/
.ss-grid tbody tr:nth-child(odd){
  background:#fbfcff;
}

/*=========================================
スタッフ列1列目
維持:1列目だけ少し強調
変更:文字色と太さを濃紺で統一
=========================================*/
.ss-grid th:first-child,
.ss-grid td:first-child{
  background:#fff;
  white-space:nowrap;
  font-weight:700;
  color:#1f2f4a;
}

/*=========================================
スタッフ写真
維持:角丸と中央配置
変更:角丸を少し大きくして今風
変更:軽い影を付けてカード感
=========================================*/
.ss-grid img{
  border-radius:10px;
  display:block;
  margin:0 auto;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}

/*=========================================
ステータスバッジ受付終了
維持:class ss-cell-fullが付いたらバッジ表示
変更:ピンク系から落ち着いた赤みベージュへ
変更:枠線で上品に
=========================================*/
.ss-cell-full{
  display:inline-block;
  padding:2px 12px;
  border-radius:16px;
  background:#f3d7d7;
  color:#8a1f1f;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  border:1px solid rgba(138,31,31,.18);
}

/*=========================================
ステータスバッジ空欄
維持:class ss-cell-emptyが付いたらバッジ表示
変更:薄いグレー青をRe-set濃紺系のニュートラルへ
=========================================*/
.ss-cell-empty{
  display:inline-block;
  padding:2px 10px;
  border-radius:16px;
  background:#eff2f7;
  color:#7e8796;
  font-size:12px;
  line-height:1.4;
  border:1px solid rgba(31,47,74,.10);
}

/*=========================================
注記テキスト要確認等
維持:通常テキストのまま
変更:文字色を少し読みやすく
=========================================*/
.ss-cell-note{
  font-size:12px;
  color:#4b5565;
}

/*=========================================
送信ボタン中央寄せ
維持:機能そのまま
=========================================*/
.submit-center{
  display:block;
  margin:0 auto;
}

/*==============================
ページヒーロー内H1の視認性改善
対象:背景が濃色の見出し
機能:色指定のみ上書き
==============================*/
.page-header h1,
.page-header-title,
.entry-header h1{
  color:#ffffff;
}

/*==============================
パンくず直下H1の補助線強調
SALONS等の視線誘導用
==============================*/
h1{
  border-bottom:1px solid rgba(31,47,74,.25);
  padding-bottom:8px;
}

/*=========================================
シフト表スタッフ列が左に寄る問題の修正
原因:セル内の要素がflexレイアウトで左寄せ
対策:セル自体ではなく中身ごと中央寄せに上書き
=========================================*/

/* スタッフ列セル自体の基準位置を中央に固定 */
.ss-grid th:first-child,
.ss-grid td:first-child{
  text-align:center!important;
  vertical-align:middle!important;
}

/* スタッフ列の中身をflex前提で中央配置に変更 */
.ss-grid td:first-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

/* 見出し行のスタッフ列も中央寄せ */
.ss-grid th:first-child{
  text-align:center!important;
}

/* スタッフ名や状態テキストなど内部要素を中央に寄せる */
.ss-grid td:first-child>div,
.ss-grid td:first-child>a,
.ss-grid td:first-child>p,
.ss-grid td:first-child>span{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* スタッフ写真がある場合のズレ防止 */
.ss-grid td:first-child img{
  margin-left:auto!important;
  margin-right:auto!important;
}