/*
Theme Name: ListingHive Child
Theme URI: https://hivepress.io/themes/listinghive
Template: listinghive
Author: HivePress
Author URI: https://hivepress.io
Description: A multipurpose WordPress theme that allows you to build any type of directory and listing website. Whether it’s a business directory, service marketplace, job board, real estate, classifieds, or basically any listing website — ListingHive is a solid choice for it.
Tags: right-sidebar,custom-colors,custom-menu,custom-logo,custom-header,featured-image-header,featured-images,footer-widgets,theme-options,threaded-comments,translation-ready
Version: 1.2.12.1788700256
Updated: 2026-09-06 13:10:56

*/

/* 「検索」「サインイン」などの送信ボタン */
.button--primary,
button[type="submit"],
input[type="submit"],
.hp-form__button {
	background-color: #0558b5;
	color: #fff;
}
.button--primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.hp-form__button:hover {
	background-color: #185aa8;
}

/* ========================================
   「カテゴリーから探す」の画像を正方形 1:1 にする
======================================== */

.home .hp-listing-categories .hp-listing-category__image img {
    width: 100% !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}

/* ========================================
   1. トップページの説明文を黒文字にする
   4. デモサイトの注意書きも黒文字にする
======================================== */

.home .site-content p {
    color: #000000 !important;
}


/* ========================================
   2. 「カテゴリーから探す」
   写真内の文字は白＋太字
======================================== */

.home .hp-listing-category__content,
.home .hp-listing-category__content a,
.home .hp-listing-category__content span,
.home .hp-listing-category__name,
.home .hp-listing-category__name a,
.home .hp-listing-category__details {
    color: #ffffff !important;
    font-weight: 700 !important;
}


/* ========================================
   3. 「地域情報」
   カード内の文字をすべて黒にする
======================================== */

.home .hp-listing--view-block,
.home .hp-listing--view-block p,
.home .hp-listing--view-block span,
.home .hp-listing--view-block div,
.home .hp-listing--view-block a,
.home .hp-listing--view-block time,
.home .hp-listing--view-block .hp-listing__title,
.home .hp-listing--view-block .hp-listing__title a,
.home .hp-listing--view-block .hp-listing__details,
.home .hp-listing--view-block .hp-listing__created-date {
    color: #000000 !important;
}

/* 地域情報：「○年○月○日に追加」を少し大きく */
.home .hp-listing--view-block .hp-listing__created-date,
.home .hp-listing--view-block .hp-listing__created-date time {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* ========================================
   地域情報：カテゴリラベル
   記事一覧と同じ色にする
======================================== */

.home .hp-listing--view-block .hp-listing__categories a,
.home .hp-listing--view-block .hp-listing__categories a:link,
.home .hp-listing--view-block .hp-listing__categories a:visited {
    background: #fbf0ff !important;
    color: #000000 !important;
}

.home .hp-listing--view-block .hp-listing__categories a:hover,
.home .hp-listing--view-block .hp-listing__categories a:focus {
    background: #ebf0ff !important;
    color: #000000 !important;
}

/* ========================================
   地域情報の個別ページ
   投稿本文を黒文字にする
======================================== */

.single-hp_listing .hp-listing__description,
.single-hp_listing .hp-listing__description p,
.single-hp_listing .hp-listing__description span,
.single-hp_listing .hp-listing__description li,
.single-hp_listing .hp-listing__description strong {
    color: #000000 !important;
}

/* ========================================
   フッター内の説明文を黒文字に統一
======================================== */

/* フッターウィジェット */
.site-footer .footer-widgets,
.site-footer .footer-widgets * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}

/* Copyright欄 */
.site-footer .footer-navbar__copyright,
.site-footer .footer-navbar__copyright * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}

/* ========================================
   カテゴリー画像内の件数表示を見やすくする
======================================== */

.home .hp-listing-category__item-count,
.home .hp-listing-category__count {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}

/* ========================================
   カテゴリー名＋件数を写真下部に表示
   横書き・中央揃え
======================================== */

/* カテゴリーカードを基準位置にする */
.home .hp-listing-category--view-block {
    position: relative !important;
}


/* ========================================
   「イベント」「店舗」「募集」など
======================================== */

.home .hp-listing-category--view-block .hp-listing-category__name {
    position: absolute !important;

    /* 横幅をカードいっぱいに確保 */
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;

    /* 位置 */
    top: auto !important;
    bottom: 72px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    /* 横書き・中央揃え */
    display: block !important;
    text-align: center !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: nowrap !important;
    word-break: keep-all !important;

    z-index: 10;
}


/* カテゴリー名の文字 */
.home .hp-listing-category--view-block .hp-listing-category__name a {
    display: inline-block !important;

    color: #ffffff !important;
    font-weight: 700 !important;

    writing-mode: horizontal-tb !important;
    white-space: nowrap !important;
    word-break: keep-all !important;

    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.9),
        0 0 5px rgba(0, 0, 0, 0.5);
}


/* ========================================
   「2件の情報」「0件の情報」
======================================== */

.home .hp-listing-category--view-block .hp-listing-category__item-count {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;

    top: auto !important;
    bottom: 43px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    /* 横書き・中央揃え */
    display: block !important;
    text-align: center !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: nowrap !important;
    word-break: keep-all !important;

    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.9),
        0 0 5px rgba(0, 0, 0, 0.5);

    z-index: 10;
}

/* ========================================
   「カテゴリーから探す」
   カテゴリー名＋件数の最終調整
======================================== */


/* カテゴリーカード全体を位置の基準にする */
.home .hp-listing-category--view-block {
    position: relative !important;
}


/* ========================================
   カテゴリー名を入れている領域そのものを
   写真いっぱいの横幅にする
======================================== */

.home .hp-listing-category--view-block .hp-listing-category__content {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 48px !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;

    text-align: center !important;

    z-index: 10 !important;
}


/* ========================================
   「イベント」「店舗」「募集」など
======================================== */

.home .hp-listing-category--view-block .hp-listing-category__name {
    position: static !important;

    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    transform: none !important;

    display: block !important;
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    writing-mode: horizontal-tb !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
}


/* カテゴリー名の文字 */
.home .hp-listing-category--view-block .hp-listing-category__name a {
    display: block !important;

    width: 100% !important;

    text-align: center !important;

    color: #ffffff !important;
    font-weight: 700 !important;

    writing-mode: horizontal-tb !important;
    white-space: nowrap !important;
    word-break: keep-all !important;

    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.9),
        0 0 5px rgba(0, 0, 0, 0.5);
}


/* ========================================
   「2件の情報」「0件の情報」
======================================== */

.home .hp-listing-category--view-block .hp-listing-category__item-count {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    top: auto !important;
    bottom: 20px !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;

    text-align: center !important;

    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    writing-mode: horizontal-tb !important;
    white-space: nowrap !important;
    word-break: keep-all !important;

    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.9),
        0 0 5px rgba(0, 0, 0, 0.5);

    z-index: 10 !important;
}

/* カテゴリー画像そのものを少しだけ明るくする */
.home .hp-listing-category--view-block .hp-listing-category__image img {
    filter: brightness(1.15) !important;
}

/* ========================================
   カテゴリーページの文字を見やすくする
======================================== */


/* ① ページ上部「2件の情報」
   太字＋少し大きく */
.tax-hp_listing_category
.hp-listing-category--view-page
.hp-listing-category__item-count {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}


/* ② ページ上部「イベント」
   太字にする */
.tax-hp_listing_category
.hp-listing-category--view-page
.hp-listing-category__name {
    font-weight: 700 !important;
}

.tax-hp_listing_category
.hp-listing-category--view-page
.hp-listing-category__name a {
    font-weight: 700 !important;
}


/* ========================================
   ③ 左側「地区」
   黒文字＋少し大きく＋太め
======================================== */

.tax-hp_listing_category
.hp-form--listing-filter
.hp-field__label,
.tax-hp_listing_category
.hp-form--listing-filter
.hp-form__label {
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}


/* ========================================
   ④ 「表示中: ○件目…」
   黒文字＋少し大きく
======================================== */

.tax-hp_listing_category .hp-result-count {
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}


/* ========================================
   ④ 「並び替え」
   黒文字＋少し大きく
======================================== */

.tax-hp_listing_category
.hp-form--listing-sort
.hp-field__label,
.tax-hp_listing_category
.hp-form--listing-sort
.hp-form__label {
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* ========================================
   ① 左側「すべてのカテゴリー」「イベント」
   黒文字にする
======================================== */

.tax-hp_listing_category
.hp-form--listing-filter label,
.tax-hp_listing_category
.hp-form--listing-filter .hp-field__label {
    color: #000000 !important;
}


/* ========================================
   ② 「並び替え」右側の
   「日付」プルダウンを見やすくする
======================================== */

.tax-hp_listing_category
.hp-form--listing-sort select {
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    background-color: #ffffff !important;
    border: 1px solid #aaaaaa !important;
    border-radius: 4px !important;

    min-height: 38px !important;
    padding: 6px 32px 6px 10px !important;
}


/* Select2が使われている場合にも対応 */
.tax-hp_listing_category
.hp-form--listing-sort
.select2-selection__rendered {
    color: #000000 !important;
    font-size: 15px !important;
}


/* ========================================
   ③ 一覧カード内の文字を黒にする
======================================== */

/* ========================================
   カテゴリー一覧：
   「イベント」ラベルをトップページと統一
======================================== */

.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__details a,
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__categories a,
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__category a {

    display: inline-block !important;

    padding: 3px 9px !important;

    background-color: #fbf0ff !important;
    color: #000000 !important;

    border: none !important;
    border-radius: 3px !important;

    text-decoration: none !important;
}

/* hover */
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__details a:hover,
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__details a:focus,
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__categories a:hover,
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__categories a:focus,
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__category a:hover,
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__category a:focus {

    background-color: #ebf0ff !important;
    color: #000000 !important;
    text-decoration: none !important;
}


/* 「フリーマーケット開催」などのタイトル */
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__title,
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__title a {
    color: #000000 !important;
}


/* 「8月 20, 2026に追加」などの日付 */
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__created-date,
.tax-hp_listing_category
.hp-listing--view-block
.hp-listing__created-date time,
.tax-hp_listing_category
.hp-listing--view-block
time {
    color: #000000 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}


/* ==================================================
   くらしボード ヘッダー調整
   深緑背景 ＋ 白CTAボタン
================================================== */


/* ------------------------------
   1. ヘッダー背景
------------------------------ */

.site-header {
    background-color: #075f43 !important;
}


/* ------------------------------
   2. ヘッダー内部
   全体を中央のコンテナに収める
------------------------------ */

.site-header .header-navbar {
    max-width: 1280px;
    min-height: 130px;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 50px !important;
    padding-right: 50px !important;

    box-sizing: border-box;

    display: flex;
    align-items: center;
}


/* ------------------------------
   3. ロゴ
------------------------------ */

.site-header .header-logo {
    display: flex;
    align-items: center;
}


/* ロゴ画像を現在より少し大きく */
.site-header .header-logo .custom-logo {
    width: 175px !important;
    max-width: 175px !important;
    height: auto !important;

    display: block;
}


/* ------------------------------
   4. 右側エリア
------------------------------ */

.site-header .header-navbar__end {
    display: flex;
    align-items: center;
}


/* ------------------------------
   5. ホーム・サインイン
------------------------------ */

.site-header .header-navbar__menu > ul {
    display: flex;
    align-items: center;
}

.site-header .header-navbar__menu > ul > li > a,
.site-header .header-navbar__menu .hp-link {
    color: #ffffff !important;

    font-size: 17px;
    font-weight: 600;

    text-decoration: none;
}


/* アイコンも白 */
.site-header .header-navbar__menu i {
    color: #ffffff !important;
}


/* hover */
.site-header .header-navbar__menu > ul > li > a:hover,
.site-header .header-navbar__menu .hp-link:hover,
.site-header .header-navbar__menu .hp-link:hover i {
    color: #d9efe5 !important;
}


/* ------------------------------
   6. 投稿ボタン
   白背景＋緑文字
------------------------------ */

.site-header
.header-navbar__actions
.hp-menu__item--listing-submit {

    background: #ffffff !important;

    color: #16824d !important;

    border: 2px solid #3eaa70 !important;
    border-radius: 7px !important;

    padding: 14px 22px !important;

    min-height: 52px;

    font-size: 17px !important;
    font-weight: 700 !important;

    line-height: 1.2;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.15);

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}


/* 投稿ボタン内の文字 */
.site-header
.header-navbar__actions
.hp-menu__item--listing-submit span {

    color: #16824d !important;

    font-weight: 700 !important;
}


/* ＋アイコン */
.site-header
.header-navbar__actions
.hp-menu__item--listing-submit i {

    color: #16824d !important;

    font-size: 18px;
}


/* hover */
.site-header
.header-navbar__actions
.hp-menu__item--listing-submit:hover {

    background-color: #f1faf5 !important;

    color: #0d7040 !important;

    border-color: #16824d !important;

    transform: translateY(-1px);

    box-shadow:
        0 5px 12px rgba(0, 0, 0, 0.20);
}

.site-header
.header-navbar__actions
.hp-menu__item--listing-submit:hover span,
.site-header
.header-navbar__actions
.hp-menu__item--listing-submit:hover i {

    color: #0d7040 !important;
}


/* ------------------------------
   7. 投稿ボタンとの間隔
------------------------------ */

.site-header .header-navbar__actions {
    margin-left: 28px !important;
}

/* ==================================================
   スマートフォン
================================================== */

@media screen and (max-width: 767px) {

    .site-header .header-navbar {
        min-height: 90px;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    .site-header .header-logo .custom-logo {
        width: 130px !important;
        max-width: 130px !important;
    }


    .site-header .header-navbar__actions {
        margin-left: 12px !important;
    }


    .site-header
    .header-navbar__actions
    .hp-menu__item--listing-submit {

        min-height: 44px;

        padding: 10px 14px !important;

        font-size: 14px !important;
    }
}

/* ==================================================
   スマホ版ヘッダー・メニュー改善
   PC表示には影響しません
================================================== */

@media screen and (max-width: 767px) {


    /* --------------------------------
       1. ヘッダー右側の間隔
    -------------------------------- */

    .site-header .header-navbar__end {
        display: flex;
        align-items: center;
        gap: 10px !important;
    }


/* --------------------------------
   2. 三本線（ハンバーガーボタン）
   「? メニュー」と表示
-------------------------------- */

.site-header .header-navbar__burger > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    width: auto !important;
    min-width: 92px !important;
    height: 46px !important;

    padding: 0 12px !important;
    margin: 0 !important;

    background-color: #ffffff !important;

    border: 2px solid #3eaa70 !important;
    border-radius: 7px !important;

    color: #16824d !important;

    box-shadow:
        0 2px 6px rgba(0, 0, 0, 0.15);
}


/* 三本線アイコン */
.site-header .header-navbar__burger > a i {
    margin: 0 !important;

    color: #16824d !important;

    font-size: 20px !important;
}


/* 「メニュー」の文字を追加 */
.site-header .header-navbar__burger > a::after {
    content: "メニュー";

    color: #16824d !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1;
    white-space: nowrap;
}


/* hover */
.site-header .header-navbar__burger > a:hover,
.site-header .header-navbar__burger > a:focus {
    background-color: #f1faf5 !important;
    color: #0d7040 !important;
}

.site-header .header-navbar__burger > a:hover::after,
.site-header .header-navbar__burger > a:focus::after {
    color: #0d7040 !important;
}


    /* --------------------------------
       3. 開いたスマホメニューの背景
    -------------------------------- */

    .site-header .header-navbar__burger > ul {
        background-color: #f7faf8 !important;

        padding-top: 75px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }


    /* --------------------------------
       4. 各メニュー項目
       文字だけ → 白いカード型に変更
    -------------------------------- */

    .site-header
    .header-navbar__burger > ul > li {

        margin-bottom: 12px !important;
    }


    .site-header
    .header-navbar__burger > ul > li > a {

        display: flex !important;
        align-items: center !important;

        gap: 10px;

        width: 100% !important;

        padding: 16px 18px !important;

        box-sizing: border-box;

        background-color: #ffffff !important;

        border: 1px solid #d6e8de !important;
        border-radius: 8px !important;

        color: #18372c !important;

        font-size: 18px !important;
        font-weight: 700 !important;

        line-height: 1.4 !important;

        text-decoration: none !important;

        box-shadow:
            0 2px 6px rgba(0, 0, 0, 0.06);
    }


    /* サインインのアイコン */
    .site-header
    .header-navbar__burger > ul > li > a i {

        color: #16824d !important;

        font-size: 18px !important;
    }


    /* メニューをタップした時 */
    .site-header
    .header-navbar__burger > ul > li > a:hover,
    .site-header
    .header-navbar__burger > ul > li > a:focus {

        background-color: #eef8f2 !important;

        border-color: #9bcdb2 !important;

        color: #0d7040 !important;
    }


    /* --------------------------------
       5. 右側の投稿ボタン
    -------------------------------- */

    .site-header .header-navbar__actions {
        margin-left: 0 !important;
    }


    .site-header
    .header-navbar__actions
    .hp-menu__item--listing-submit {

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 82px !important;

        height: 46px !important;
        min-height: 46px !important;

        padding: 0 12px !important;

        background-color: #ffffff !important;

        border: 2px solid #3eaa70 !important;
        border-radius: 7px !important;

        color: #16824d !important;

        box-shadow:
            0 2px 6px rgba(0, 0, 0, 0.15);

        white-space: nowrap !important;
    }


    /* ＋アイコン */
    .site-header
    .header-navbar__actions
    .hp-menu__item--listing-submit i {

        color: #16824d !important;

        font-size: 19px !important;

        margin-right: 5px !important;
    }


    /* 元の長い文章はDOMに残したまま、
       スマホでは「投稿」と短く表示 */
    .site-header
    .header-navbar__actions
    .hp-menu__item--listing-submit span {

        display: inline !important;

        font-size: 0 !important;

        color: #16824d !important;
    }


    .site-header
    .header-navbar__actions
    .hp-menu__item--listing-submit span::after {

        content: "投稿";

        font-size: 14px !important;
        font-weight: 700 !important;

        color: #16824d !important;
    }

}

/* =========================================================
   ヘッダー レスポンシブ表示 最終調整
   1200px以上：PC
   768～1199px：タブレット
   767px以下：スマホ
========================================================= */


/* =========================================================
   1199px以下
   バーガーメニューを「メニュー」付き白ボタンに統一
========================================================= */

@media screen and (max-width: 1199.99px) {

    /* 通常のPCメニューは非表示 */
    .site-header .header-navbar__menu {
        display: none !important;
    }

    /* バーガーメニューを表示 */
    .site-header .header-navbar__burger {
        display: block !important;
    }


    /* --------------------------------
       ? メニューボタン
    -------------------------------- */

    .site-header .header-navbar__burger > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 100px !important;
        height: 46px !important;

        padding: 0 12px !important;
        margin: 0 !important;

        gap: 7px !important;

        background: #ffffff !important;

        border: 2px solid #3eaa70 !important;
        border-radius: 7px !important;

        color: #16824d !important;

        box-shadow:
            0 2px 6px rgba(0, 0, 0, 0.15);

        box-sizing: border-box !important;
    }


    /* 三本線 */
    .site-header .header-navbar__burger > a > i {
        display: inline-block !important;

        margin: 0 !important;

        color: #16824d !important;

        font-size: 20px !important;
        line-height: 1 !important;
    }


    /* 「メニュー」の文字 */
    .site-header .header-navbar__burger > a::after {
        content: "メニュー" !important;

        display: inline-block !important;

        color: #16824d !important;

        font-size: 14px !important;
        font-weight: 700 !important;

        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* hover */
    .site-header .header-navbar__burger > a:hover,
    .site-header .header-navbar__burger > a:focus {
        background: #f1faf5 !important;
        border-color: #16824d !important;
    }


    /* --------------------------------
       右側全体
    -------------------------------- */

    .site-header .header-navbar__end {
        display: flex !important;
        align-items: center !important;

        gap: 14px !important;
    }


    .site-header .header-navbar__actions {
        margin-left: 0 !important;
    }


    /* --------------------------------
       投稿ボタン共通
    -------------------------------- */

    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit {

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;

        height: 46px !important;
        min-height: 46px !important;

        padding: 0 18px !important;

        background: #ffffff !important;

        border: 2px solid #3eaa70 !important;
        border-radius: 7px !important;

        color: #16824d !important;

        box-shadow:
            0 2px 6px rgba(0, 0, 0, 0.15);

        box-sizing: border-box !important;

        white-space: nowrap !important;
    }


    /* ＋ */
    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > i {

        display: inline-block !important;

        color: #16824d !important;

        font-size: 18px !important;

        margin-right: 7px !important;
    }


    /* 投稿ボタンの本来の文字を表示 */
    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > span {

        display: inline-block !important;

        color: #16824d !important;

        font-size: 15px !important;
        font-weight: 700 !important;

        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* 以前設定した「投稿」の疑似文字を一旦解除 */
    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > span::after {

        content: none !important;
        display: none !important;
    }
}



/* =========================================================
   767px以下
   投稿ボタンを「＋ 投稿」に短縮
========================================================= */

@media screen and (max-width: 767px) {

    .site-header .header-navbar__end {
        gap: 10px !important;
    }


    /* 投稿ボタン */
    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit {

        min-width: 82px !important;

        padding-left: 11px !important;
        padding-right: 11px !important;
    }


    /* ＋ */
    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > i {

        font-size: 18px !important;

        margin-right: 5px !important;
    }


    /* 元の「地域情報を投稿する」を消す */
    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > span {

        display: inline-block !important;

        font-size: 0 !important;
    }


    /* 代わりに「投稿」と表示 */
    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > span::after {

        content: "投稿" !important;

        display: inline-block !important;

        color: #16824d !important;

        font-size: 14px !important;
        font-weight: 700 !important;

        line-height: 1 !important;
    }
}



/* =========================================================
   450px以下
========================================================= */

@media screen and (max-width: 450px) {

    .site-header .header-navbar {
        padding-left: 10px !important;
        padding-right: 10px !important;

        flex-wrap: nowrap !important;
    }


    /* ロゴ */
    .site-header .header-logo .custom-logo {
        width: 110px !important;
        max-width: 110px !important;
        height: auto !important;
    }


    .site-header .header-navbar__end {
        gap: 7px !important;
        flex-shrink: 0 !important;
    }


    /* メニュー */
    .site-header .header-navbar__burger > a {

        min-width: 82px !important;
        height: 44px !important;

        padding-left: 9px !important;
        padding-right: 9px !important;

        gap: 5px !important;
    }


    .site-header .header-navbar__burger > a > i {
        font-size: 18px !important;
    }


    .site-header .header-navbar__burger > a::after {
        font-size: 13px !important;
    }


    /* 投稿 */
    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit {

        min-width: 70px !important;

        height: 44px !important;
        min-height: 44px !important;

        padding-left: 8px !important;
        padding-right: 8px !important;
    }


    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > i {

        font-size: 17px !important;
        margin-right: 3px !important;
    }


    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > span::after {

        font-size: 13px !important;
    }
}



/* =========================================================
   360px以下
========================================================= */

@media screen and (max-width: 360px) {

    .site-header .header-navbar {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }


    /* ロゴ */
    .site-header .header-logo .custom-logo {
        width: 92px !important;
        max-width: 92px !important;
    }


    .site-header .header-navbar__end {
        gap: 5px !important;
    }


    /* メニュー */
    .site-header .header-navbar__burger > a {

        min-width: 74px !important;
        height: 42px !important;

        padding-left: 6px !important;
        padding-right: 6px !important;

        gap: 4px !important;
    }


    .site-header .header-navbar__burger > a > i {
        font-size: 16px !important;
    }


    .site-header .header-navbar__burger > a::after {
        font-size: 12px !important;
    }


    /* 投稿 */
    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit {

        min-width: 60px !important;

        height: 42px !important;
        min-height: 42px !important;

        padding-left: 6px !important;
        padding-right: 6px !important;
    }


    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > i {

        font-size: 16px !important;

        margin-right: 2px !important;
    }


    .site-header
    .header-navbar__actions
    button.hp-menu__item--listing-submit > span::after {

        font-size: 12px !important;
    }
}

/* ==================================================
   タブレット版
   767px ～ 1199.99px
   開いたメニューをカード型にする
================================================== */

@media screen and (min-width: 767px) and (max-width: 1199.99px) {


    /* --------------------------------
       開いたメニュー全体
    -------------------------------- */

    .site-header .header-navbar__burger > ul {

        background-color: #f7faf8 !important;

        padding-top: 90px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;

        box-sizing: border-box !important;
    }


    /* --------------------------------
       各メニュー項目
    -------------------------------- */

    .site-header
    .header-navbar__burger > ul > li {

        width: 100% !important;
        max-width: 460px !important;

        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 14px !important;
    }


    /* --------------------------------
       ホーム・サインインを
       白いカード型ボタンにする
    -------------------------------- */

    .site-header
    .header-navbar__burger > ul > li > a {

        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        padding: 17px 20px !important;

        box-sizing: border-box !important;

        background-color: #ffffff !important;

        border: 1px solid #d6e8de !important;
        border-radius: 8px !important;

        color: #18372c !important;

        font-size: 18px !important;
        font-weight: 700 !important;

        line-height: 1.4 !important;

        text-decoration: none !important;

        box-shadow:
            0 2px 8px rgba(0, 0, 0, 0.07);

        transition:
            background-color 0.2s ease,
            border-color 0.2s ease;
    }


    /* --------------------------------
       サインインのアイコン
    -------------------------------- */

    .site-header
    .header-navbar__burger > ul > li > a i {

        color: #16824d !important;

        font-size: 18px !important;

        margin-right: 10px !important;
    }


    /* --------------------------------
       hover / focus
    -------------------------------- */

    .site-header
    .header-navbar__burger > ul > li > a:hover,
    .site-header
    .header-navbar__burger > ul > li > a:focus {

        background-color: #eef8f2 !important;

        border-color: #9bcdb2 !important;

        color: #0d7040 !important;
    }


    .site-header
    .header-navbar__burger > ul > li > a:hover i,
    .site-header
    .header-navbar__burger > ul > li > a:focus i {

        color: #0d7040 !important;
    }
}

/* =====================================================
  新着記事：トップページ
===================================================== */

.kb-useful-articles {
    margin-top: 40px;
    color: #000;
}

.kb-useful-heading {
    margin: 0 0 20px;
    color: #000;
}


/* 記事一覧 */

.kb-useful-list {
    border-top: 1px solid #ddd;
}

.kb-useful-item {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: center;
    column-gap: 20px;

    padding: 15px 5px;
    border-bottom: 1px solid #ddd;
}


/* 投稿日 */

.kb-useful-date {
    color: #000;
    font-size: 14px;
    line-height: 1.6;
    white-space: nowrap;
}


/* 記事タイトル */

.kb-useful-title {
    color: #000 !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    text-decoration: none;
}

.kb-useful-title:visited {
    color: #000 !important;
}

.kb-useful-title:hover {
    color: #000 !important;
    text-decoration: underline;
}


/* 記事一覧を見る */

.kb-useful-more {
    margin-top: 18px;
    text-align: right;
}

.kb-useful-more a {
    color: #000 !important;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.kb-useful-more a:hover {
    color: #000 !important;
    text-decoration: underline;
}



/* =====================================================
   記事一覧ページ
===================================================== */

.kb-article-archive {
    margin-top: 25px;
}

.kb-archive-item {
    padding: 22px 5px;
    border-bottom: 1px solid #ddd;
}


/* 日付＋カテゴリ */

.kb-archive-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-bottom: 8px;
}

.kb-archive-date {
    color: #000;
    font-size: 13px;
}


/* カテゴリ */

.kb-archive-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.kb-archive-categories a {
    display: inline-block;
    padding: 3px 9px;

    color: #000 !important;
    background: #fbf0ff;
    border-radius: 3px;

    font-size: 12px;
    line-height: 1.5;
    text-decoration: none;
}

.kb-archive-categories a:hover {
    background: #ebf0ff;
}


/* 記事タイトル */

.kb-archive-title {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.6;
}

.kb-archive-title a {
    color: #000 !important;
    text-decoration: none;
}

.kb-archive-title a:visited {
    color: #000 !important;
}

.kb-archive-title a:hover {
    color: #000 !important;
    text-decoration: underline;
}



/* =====================================================
   ページ送り
===================================================== */

.kb-pagination {
    margin-top: 35px;
}

.kb-pagination .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.kb-pagination .page-numbers li {
    margin: 0;
}

.kb-pagination .page-numbers a,
.kb-pagination .page-numbers span {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 38px;
    height: 38px;
    padding: 0 10px;

    border: 1px solid #ddd;
    border-radius: 4px;

    color: #000 !important;
    background: #fff;

    font-size: 14px;
    text-decoration: none;
}

.kb-pagination .page-numbers a:hover {
    background: #f3f3f3;
}

.kb-pagination .page-numbers .current {
    color: #fff !important;
    background: #333;
    border-color: #333;
}

/* =====================================================
   個別記事ページ
   ListingHive
===================================================== */


/* -----------------------------------------------------
   ① カテゴリ
----------------------------------------------------- */

.single-post .post__categories {
    margin-bottom: 16px !important;
}

.single-post .post__categories a,
.single-post .post__categories a:link,
.single-post .post__categories a:visited {
    display: inline-block !important;

    padding: 6px 14px !important;

    color: #155c46 !important;
    background: #f2f7f5 !important;

    border: 1px solid #b8cec6 !important;
    border-radius: 4px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
}

.single-post .post__categories a:hover,
.single-post .post__categories a:focus {
    color: #155c46 !important;
    background: #e8f1ed !important;
    text-decoration: none !important;
}


/* -----------------------------------------------------
   ② 投稿日
----------------------------------------------------- */

/* BY 管理人を非表示 */
.single-post .post__author {
    display: none !important;
}

/* 投稿日を少し大きく・濃くする */
.single-post .post__details .post__date {
    margin: 0 !important;

    color: #333 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;

    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* ListingHiveが日付の後ろに付ける小さな点を削除 */
.single-post .post__details .post__date::after {
    display: none !important;
    content: none !important;
}

/* 投稿日部分 */
.single-post .post__details {
    justify-content: center !important;
}


/* -----------------------------------------------------
   ③ 本文を黒文字にして読みやすくする
----------------------------------------------------- */

.single-post .post__text {
    color: #000 !important;

    font-size: 16px !important;
    line-height: 1.9 !important;
}

.single-post .post__text p,
.single-post .post__text li,
.single-post .post__text ul,
.single-post .post__text ol,
.single-post .post__text blockquote,
.single-post .post__text strong,
.single-post .post__text em {
    color: #000 !important;
}

/* 本文中リンクも基本は黒 */
.single-post .post__text a,
.single-post .post__text a:link,
.single-post .post__text a:visited {
    color: #000 !important;
    text-decoration: underline !important;
}


/* -----------------------------------------------------
   ④ 本文中のH2
----------------------------------------------------- */

.single-post .post__text h2 {
    margin-top: 45px !important;
    margin-bottom: 20px !important;

    padding: 0 0 9px !important;

    color: #111 !important;

    border-bottom: 2px solid #d8dedb !important;

    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;

    letter-spacing: 0 !important;
}


/* -----------------------------------------------------
   ⑤ 前の記事・次の記事
----------------------------------------------------- */

.single-post .post-navbar {
    margin-top: 60px !important;
    padding-top: 24px !important;

    border-top: 1px solid #dcdcdc !important;
}

.single-post .post-navbar__link h5 {
    margin: 0 !important;
}

.single-post .post-navbar__link a,
.single-post .post-navbar__link a:link,
.single-post .post-navbar__link a:visited {
    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    padding: 14px 16px !important;

    color: #222 !important;
    background: #f7f7f7 !important;

    border: 1px solid #e0e0e0 !important;
    border-radius: 5px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;

    text-decoration: none !important;
}

.single-post .post-navbar__link a:hover,
.single-post .post-navbar__link a:focus {
    color: #111 !important;
    background: #f0f0f0 !important;
    border-color: #d5d5d5 !important;
    text-decoration: none !important;
}


/* =====================================================
   スマートフォン
===================================================== */

@media screen and (max-width: 900px) {

    /* カテゴリ */
    .single-post .post__categories a,
    .single-post .post__categories a:link,
    .single-post .post__categories a:visited {
        padding: 5px 12px !important;
        font-size: 13px !important;
    }


    /* 日付 */
    .single-post .post__details .post__date {
        font-size: 14px !important;
    }


    /* 本文 */
    .single-post .post__text {
        color: #000 !important;

        font-size: 16px !important;
        line-height: 1.9 !important;
    }


    /* H2 */
    .single-post .post__text h2 {
        margin-top: 38px !important;
        margin-bottom: 17px !important;

        padding-bottom: 8px !important;

        color: #111 !important;

        font-size: 21px !important;
        line-height: 1.5 !important;

        border-bottom: 2px solid #d8dedb !important;
    }


    /* 前後の記事 */
    .single-post .post-navbar {
        margin-top: 50px !important;
        padding-top: 20px !important;
    }

    .single-post .post-navbar__start,
    .single-post .post-navbar__end {
        margin-bottom: 10px !important;
    }

    .single-post .post-navbar__link a,
    .single-post .post-navbar__link a:link,
    .single-post .post-navbar__link a:visited {
        padding: 13px 14px !important;

        color: #222 !important;

        font-size: 14px !important;
        line-height: 1.6 !important;
    }

}

/* =====================================================
   カテゴリ別 記事一覧
   例：/category/event/
===================================================== */


/* -----------------------------------------------------
   ① 「1 Post」「2 Posts」などを非表示
----------------------------------------------------- */

html body.category .category__count {
    display: none !important;
}


/* カテゴリページタイトル周辺 */
html body.category .category__header {
    margin-bottom: 0px !important;
}

html body.category .category__name {
    margin-top: 0 !important;
}


/* -----------------------------------------------------
   ② 記事のカテゴリラベル
----------------------------------------------------- */

html body.category .post--archive .post__categories {
    margin-bottom: 12px !important;
}

html body.category .post--archive .post__categories a,
html body.category .post--archive .post__categories a:link,
html body.category .post--archive .post__categories a:visited {
    display: inline-block !important;

    margin: 0 5px 5px 0 !important;
    padding: 3px 9px !important;

    background: #fbf0ff !important;
    color: #000 !important;

    border: none !important;
    border-radius: 3px !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    text-decoration: none !important;
}

html body.category .post--archive .post__categories a:hover,
html body.category .post--archive .post__categories a:focus {
    background: #ebf0ff !important;
    color: #000 !important;
    text-decoration: none !important;
}


/* -----------------------------------------------------
   ③ 日付・BY管理人・Read More
----------------------------------------------------- */

/* 「By 管理人」を非表示 */
html body.category .post--archive .post__author {
    display: none !important;
}


/* 日付＋Read More 全体 */
html body.category .post--archive .post__details {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;

    gap: 10px 14px !important;

    margin-top: 18px !important;
    padding-top: 14px !important;

    border-top: 1px solid #e2e2e2 !important;
}


/* 日付 */
html body.category .post--archive .post__date {
    margin: 0 !important;
    padding: 0 !important;

    color: #333 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.6 !important;

    opacity: 1 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}


/* ListingHiveの日付後ろの丸印を消す */
html body.category .post--archive .post__date::after {
    display: none !important;
    content: none !important;

    margin: 0 !important;
    width: 0 !important;
    height: 0 !important;
}


/* Read Moreを控えめなボタンに */
html body.category .post--archive .post__readmore,
html body.category .post--archive .post__readmore:link,
html body.category .post--archive .post__readmore:visited {
    display: inline-flex !important;
    align-items: center !important;

    gap: 6px !important;

    margin-left: auto !important;
    padding: 7px 12px !important;

    color: #000 !important;
    background: #fce8dc !important;

    border: 1px solid #fce4d7 !important;
    border-radius: 4px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    text-decoration: none !important;
}

html body.category .post--archive .post__readmore:hover,
html body.category .post--archive .post__readmore:focus {
    color: #000 !important;
    background: #fce4d7 !important;
    border-color: #fcd6c0 !important;
    text-decoration: none !important;
}

/* =====================================================
   カテゴリ別記事一覧ページ：追加調整
   例 /category/event/
===================================================== */


/* -----------------------------------------------------
   ① ヘッダーヒーローの上下を少し狭くする
----------------------------------------------------- */

html body.category .header-hero.category--single {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}


/* -----------------------------------------------------
   ② 記事本文の抜粋を黒文字にする
----------------------------------------------------- */

html body.category .post--archive .post__text,
html body.category .post--archive .post__text p,
html body.category .post--archive .post__text span {
    color: #000 !important;
    opacity: 1 !important;
}


/* 抜粋を読みやすく */
html body.category .post--archive .post__text {
    font-size: 15px !important;
    line-height: 1.8 !important;
}


/* -----------------------------------------------------
   ③ 右側「新着記事」の項目を黒文字にする
----------------------------------------------------- */

/* クラシックウィジェット */
html body.category .site-sidebar .widget_recent_entries ul li,
html body.category .site-sidebar .widget_recent_entries ul li a,
html body.category .site-sidebar .widget_recent_entries ul li a:link,
html body.category .site-sidebar .widget_recent_entries ul li a:visited {
    color: #000 !important;
    opacity: 1 !important;
}


/* WordPressブロック版「最新の投稿」にも対応 */
html body.category .site-sidebar .wp-block-latest-posts li,
html body.category .site-sidebar .wp-block-latest-posts li a,
html body.category .site-sidebar .wp-block-latest-posts li a:link,
html body.category .site-sidebar .wp-block-latest-posts li a:visited {
    color: #000 !important;
    opacity: 1 !important;
}


/* 項目の行間も少し読みやすく */
html body.category .site-sidebar .widget_recent_entries li,
html body.category .site-sidebar .wp-block-latest-posts li {
    line-height: 1.6 !important;
}


/* -----------------------------------------------------
   ④ 検索窓を少し濃い線に
----------------------------------------------------- */

html body.category .site-sidebar .widget_search input[type="search"],
html body.category .site-sidebar .wp-block-search__input {
    border: 1px solid #b8c2cc !important;
}


/* 検索窓を選択した時 */
html body.category .site-sidebar .widget_search input[type="search"]:focus,
html body.category .site-sidebar .wp-block-search__input:focus {
    border-color: #6e98bd !important;
    outline: none !important;

    box-shadow: 0 0 0 1px rgba(31, 111, 174, 0.12) !important;
}


/* -----------------------------------------------------
   ⑤ 新着記事などサイドバーのボックス線を少し濃く
----------------------------------------------------- */

html body.category .site-sidebar .widget--sidebar {
    border-color: #c7cfd8 !important;

    box-shadow:
        0 2px 4px rgba(7, 36, 86, 0.08) !important;
}


/* 新着記事の見出しも黒く */
html body.category .site-sidebar .widget__title,
html body.category .site-sidebar .wp-block-heading {
    color: #111 !important;
}

/* =====================================================
   「地域情報を報告する」モーダル
===================================================== */


/* -----------------------------------------
   灰色の文字を黒にする
----------------------------------------- */

/* 説明文
   「地域情報を報告する理由について詳しくご説明ください。」 */
.hp-form--listing-report .hp-form__description {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}


/* 「詳細」 */
.hp-form--listing-report .hp-field__label,
.hp-form--listing-report .hp-field__label span,
.hp-form--listing-report .hp-form__label {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}


/* 入力欄に実際に入力した文字 */
.hp-form--listing-report textarea {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}


/* 入力欄の案内文
   「地域情報を報告する理由を入力してください。」 */
.hp-form--listing-report textarea::placeholder {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    opacity: 1 !important;
}


/* -----------------------------------------
   「詳細」を少し大きくする
----------------------------------------- */

.hp-form--listing-report .hp-field__label,
.hp-form--listing-report .hp-field__label span,
.hp-form--listing-report .hp-form__label {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}


/* -----------------------------------------
   青い「地域情報を報告する」ボタン
   文字を太字にする
----------------------------------------- */

.hp-form--listing-report .hp-form__button,
.hp-form--listing-report button[type="submit"],
.hp-form--listing-report .hp-form__button span {
    font-weight: 700 !important;

    /* ボタン文字は白を維持 */
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* =====================================================
   サインイン画面
===================================================== */


/* -----------------------------------------------------
   ① 「ユーザー名またはメールアドレス」
      「パスワード」
   黒文字＋少し大きく
----------------------------------------------------- */

#user_login_modal
.hp-form--user-login
.hp-field__label,

#user_login_modal
.hp-form--user-login
.hp-form__label {

    color: #000000 !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    opacity: 1 !important;
}


/* -----------------------------------------------------
   ② 「まだアカウントを持っていない場合」
   黒文字
----------------------------------------------------- */

#user_login_modal
.hp-form--user-login
.hp-form__action--user-register {

    color: #000000 !important;

    opacity: 1 !important;
}


/* -----------------------------------------------------
   ③ 「新規登録」を次の行へ
----------------------------------------------------- */

#user_login_modal
.hp-form--user-login
.hp-form__action--user-register a {

    display: block !important;

    margin-top: 5px !important;
}

/* パスワードを忘れた場合 */
html body #user_login_modal
.hp-form--user-login
.hp-form__action--user-password-request {

    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* =====================================================
   新規登録画面　PC
===================================================== */


/* -----------------------------------------
   ①
   「ユーザー名」「メール」「パスワード」
   黒文字＋少し大きく
----------------------------------------- */

html body div#user_register_modal
.hp-form--user-register
.hp-field__label,

html body div#user_register_modal
.hp-form--user-register
.hp-form__label,

html body div#user_register_modal
.hp-form--user-register
label {

    color: #000000 !important;

    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    opacity: 1 !important;
}


/* ラベル内にspanがある場合にも対応 */
html body div#user_register_modal
.hp-form--user-register
.hp-field__label span,

html body div#user_register_modal
.hp-form--user-register
.hp-form__label span {

    color: #000000 !important;

    font-size: 16px !important;
    font-weight: 500 !important;

    opacity: 1 !important;
}


/* -----------------------------------------
   ②
   「すでにアカウントを持っている場合」
   黒文字
----------------------------------------- */

html body div#user_register_modal
.hp-form--user-register
p.hp-form__action--user-login {

    color: #000000 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    opacity: 1 !important;
}


/* -----------------------------------------
   ③
   「サインイン」を次の行へ
   少し大きく16px
   色はテーマ本来のリンク色を維持
----------------------------------------- */

html body div#user_register_modal
.hp-form--user-register
p.hp-form__action--user-login > a {

    display: block !important;

    margin-top: 6px !important;

    font-size: 16px !important;
    line-height: 1.5 !important;
}