/*
 * 会員サイトの本文の幅（2026-11-06）
 * 広い画面では Bootstrap 3 の .container（1170px）を一段広げて 1320px にそろえる。
 * 管理画面・ゴルフ場ポータルも style.css を読むため、会員サイトの header.php からだけ読み込む。
 * 予約・予約変更・ティータイム選択の左右レイアウトもこの幅に合わせる（css/reserve-layout.css）。
 */
@media (min-width: 1400px) {
    .container { width: 1320px; }
}

/* マイページ: 左メニューは幅を固定（290px）して、残りを本文に回す */
@media (min-width: 992px) {
    .row > .mypage-side { width: 290px; }
    .row > .mypage-side ~ .col-md-9 { width: calc(100% - 290px); }
}

/* 検索結果ページの検索ボックス: 入力欄（300px固定）を白い枠の幅いっぱいに広げる */
@media (min-width: 992px) {
    .search-box .mv-search_input > .mv-search01_input,
    .search-box .mv-search_input > .mv-search02_input,
    .search-box .mv-search_input > .mv-search03_input { flex: 1 1 0; width: auto; min-width: 0; }
    .search-box .mv-search02_input select { flex: 1; width: auto; min-width: 0; }
}

/* フッターの中身も本文と同じ幅にそろえる（.container 1320px − 左右余白15px×2） */
@media (min-width: 1400px) {
    .footer-container { max-width: 1290px; }
}

/* マイページ左側（PC）: プロフィールとメニューを1枚の白いカードにまとめる */
@media (min-width: 992px) {
    /* プロフィール（カードの上段） */
    .mypage-side .text-left.mb-5.flex { justify-content: flex-start !important; gap: 12px; margin-bottom: 0 !important;
        padding: 16px; background: #fff; border: 1px solid #e8e8e8; border-bottom: 1px solid #f0f0f0; border-radius: 12px 12px 0 0; }
    .mypage-side .profile-picture { width: 48px; height: 48px; flex: 0 0 48px; }
    .mypage-side .hoverMask { font-size: 11px; }
    .mypage-side .nameHolder { width: auto; min-width: 0; margin-left: 0 !important; }
    /* メニュー（カードの下段） */
    .mypage-side table.table-menu { background: #fff; border: 1px solid #e8e8e8; border-top: none; border-radius: 0 0 12px 12px;
        border-collapse: separate; border-spacing: 0; margin-bottom: 16px; }
    .mypage-side table.table-menu td { padding: 13px 16px; font-size: 15px; border-bottom: 1px solid #f0f0f0; border-radius: 0; }
    .mypage-side table.table-menu tr:last-child td { border-bottom: none; border-radius: 0 0 12px 12px; }
    .mypage-side table.table-menu tr:hover td { background-color: #f6f7f6; }
    .mypage-side .table-menu .menu-item-label { gap: 10px; }
    .mypage-side .table-menu .menu-ico { font-size: 20px; color: #4a5568; }
    .mypage-side .table-menu img[src*="right-arrow"] { width: 11px !important; opacity: .45; }
}

/* マイページのプロフィール欄: 名前を1行目に大きく、「さん」と「プロフィールを編集」を小さく添える（全幅共通） */
.mypage-name { font-size: 16px; font-weight: bold; color: #333; line-height: 1.35; word-break: keep-all; overflow-wrap: break-word; }
.mypage-san { margin-left: 4px; font-size: 13px; color: #6b7280; }
.mypage-edit { display: block; margin-top: 4px; font-size: 12px; color: #0071be; }
.mypage-edit:hover { color: #005a98; text-decoration: underline; }