@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* 新規の場合使用 */
:root {
    --main-color: #0068B7;
    --sub-color: #ea6060;
}

html,
body,
button,
input,
select,
textarea,
body>* {
    /* 不要な指定は消す */
   
}

body {

}

.wrap {
    width: 1140px;
    margin: 0 auto;
}

a[href $='.pdf'] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    text-decoration: underline;
    color: #fff;
    line-height: 1.5;
}

a[href $='.pdf']::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 30px;
    height: 38px;
    mask-image: url(/wp-content/themes/swell_child/image/icon/icon_pdf.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    margin-right: 15px;
    background: #fff;
}

a[href $='.pdf']:hover {
    text-decoration: none;
}

/* PC固定ページ 共通設定 */

.common_page_wrap {
    padding: 100px 0;
}

.not_found .text {
    text-align: center;
}

.reserve_text {
    text-align: center;
    font-size: 30px;
}

/* パンくず */
.breadcrumb {
    font-size: 12px;
    color: #3E3E3E;
    letter-spacing: .08em;
}

.breadcrumb a {
    text-decoration: none;
    color: #3E3E3E;
}

/* PC固定ページ 404ページ */
#page_404 {
    text-align: center;
}

#page_404 .num {
    font-size: 100px;
    font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page_404 .text {
    margin-bottom: 1em;
    font-size: 16px;
}


/* ===== 地域情報コラム（エリアガイド）（2026/09/15）ここから =====
   今回新設したカテゴリー一覧と、その記事ページ。
   /page/ 配下のWPページでは店舗別 main.css が読み込まれず、共通CSS（_common/custom.css）の
   `a:link { color: #004CCA }` が効くため、個別に色指定を持たないSWELLの投稿パーツが全部青くなる。
   通常投稿まわりだけサイトの色に揃える。
   body.category-area-guide（一覧）と body.single-post（記事ページ）で限定しているので、
   他のカテゴリー・固定ページ・物件系の投稿タイプには影響しない */

/* サムネイル上のカテゴリーラベル：カテゴリー名が長く、枠（273px）に収まらず先頭が切れるため隠す */
body.category-area-guide .p-postList .p-postList__item .p-postList__link .c-postThumb .c-postThumb__cat {
    display: none;
}

/* 記事リスト（一覧のカード・サイドバーの新着記事・記事下のリスト） */
body.category-area-guide .p-postList .p-postList__item .p-postList__link,
body.single-post .p-postList .p-postList__item .p-postList__link {
    color: #171D16;
}

/* 記事の上下に出るカテゴリーラベル：背景がメインカラーの緑（#55A520）なので白抜きにする */
body.category-area-guide .p-articleMetas .c-categoryList .c-categoryList__link,
body.single-post .p-articleMetas .c-categoryList .c-categoryList__link {
    color: #fff;
}

/* 目次 */
body.single-post .p-toc .p-toc__list .p-toc__link {
    color: #171D16;
}

/* 「この記事を書いた人」：WPのログインアカウント名がそのまま出てしまうため非表示にする */
body.single-post .l-articleBottom .l-articleBottom__section.-author {
    display: none;
}

/* 記事下のシェアボタン：SWELLはSNSごとの色を親の li（.-facebook 等）に持たせ、ボタン側は
   currentColor で塗る作りになっている。共通CSSの `a:link` がボタンの color を奪うため、
   本来のSNS色が出ず文字も背景も青一色になる。親から色を継承し直して元に戻す */
body.single-post .c-shareBtns .c-shareBtns__list .c-shareBtns__item .c-shareBtns__btn {
    color: inherit;
}

/* ===== 地域情報コラム（エリアガイド） ここまで ===== */


/* 岡山駅前店：TELが未定の間、ヘッダーの営業時間の高さを他店（TEL＋営業時間で68px）に揃える（2026/10/21） */
.header .hd_nav .hd_info_box {
    align-items: flex-end;
    min-height: 68px;
}

/* 岡山駅前店：店舗地図を出していない分のフッター下の余白（2026/10/21） */
.footer .ft_cont .ft_text_box .ft_nav {
    padding-bottom: 85px;
}


@media (max-width: 750px) {

    .wrap{
        max-width: 90%;
    }

    a[href $='.pdf']::before {
        width: 7vw;
        height: 8vw;
        margin-right: 2.5vw;
    }

    a[href $='.pdf']:hover {
        text-decoration: underline;
    }

    body {
        font-size: 13px;
        padding-top: 55px;
    }

    /* SP固定ページ 共通設定 */
    .common_page_wrap {
        padding: 20vw 0;
    }

    .reserve_text {
        font-size: 6vw;
    }

    /* パンくず */
    .breadcrumb {
        font-size: 2.5vw;
    }

    /* SP固定ページ 404ページ */
    #page_404 .num {
        font-size: 20vw;
        line-height: 1.5;
    }

    #page_404 .text {
        font-size: 3.5vw;
    }

    /* SP固定ページ サイトマップ */
    ul#sitemap_list li {
        margin: 0;
    }

    body #sitemap_list li a {
        font-size: 4vw;
        padding: 1vw 2vw;
        line-height: 9vw;
        margin-bottom: 1vw;
    }

    body #sitemap_list li.home-item {
        margin-bottom: 4vw;
    }

    body #sitemap_list {
        padding: 0;
    }

    /* ===== 地域情報コラム（エリアガイド）の一覧（2026/09/15）SP分 =====
       パンくずの現在地がカテゴリー名ぶん長く、SPでは画面外（右へ179px）まで伸びて
       背景イラストに重なるため、SPだけ隠す。PC（1440px）では帯の中に収まるので表示したまま */
    body.category-area-guide .common_page_h1_box .page_h1_cont .wrap .page_h1_text_box > div {
        display: none;
    }

    /* 岡山駅前店：追従メニューがLINEだけの間（メール＝フォーム未公開・TEL未定）、ボタンを2つ並びの幅に揃え、コピーライトに重ならない下余白にする（2026/10/21） */
    .sp_fixed_menu .inner .line_box {
        width: 46.4vw;
        margin: 0 auto;
    }

    html body {
        margin-bottom: 33vw;
    }
}