@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* /Areas/Administrator/Components/FileUploadPDFComponent.razor.rz.scp.css */
/* /Areas/User/Components/DateRangePickr.razor.rz.scp.css */
.select_wrapper[b-ll9okv2rgl] {
    background: rgba(255, 255, 255, 0.6);
    border: solid 2px rgba(255, 255, 255, 0.7);
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
}

.select_wrapper select[b-ll9okv2rgl], .select_wrapper input[b-ll9okv2rgl] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    font-size: clamp(14px, 1vw, 15px);
    font-weight: bold;
    padding: 10px 25px;
    border: none;
    cursor: pointer;
}

.select_wrapper input[b-ll9okv2rgl] {
    padding: 8px 25px;
}

.select_wrapper span[b-ll9okv2rgl] {
    position: absolute;
    right: 7px;
    pointer-events: none;
}

.select_wrapper img[b-ll9okv2rgl] {
    left: 7px;
    top: 52%;
    transform: translateY(-50%);
}


/* /Areas/User/Components/MountainHutMapSearch.razor.rz.scp.css */
MountainHutMapSearch.razor.css
/* ページタイトル-------------------------------------------------------------------- */
section#page_title[b-9p1ef6m0f1] {
    background-position: top 25% center;
}

/* キーワード検索---------------------------------------------------------------------- */

.con3_title_box[b-9p1ef6m0f1] {
    margin-bottom: 30px;
}


.toggle_title .width_90per[b-9p1ef6m0f1] {
    width: 95% !important;
}
/* キーワード検索---------------------------------------------------------------------- */



/* 絞り込む検索 -------------------------------------------------------------------- */

#search_form[b-9p1ef6m0f1] {
    bottom: 5%;
}

.mountain_hut[b-9p1ef6m0f1], .form_box[b-9p1ef6m0f1] {
    border-radius: 10px 10px 0px 0px;
}

    .form_box input[b-9p1ef6m0f1],
    .form_box select[b-9p1ef6m0f1] {
        border: none;
        box-sizing: border-box;
        background: transparent;
    }

    .form_box button[b-9p1ef6m0f1] {
        border: none;
        cursor: pointer;
    }

#tour-link[b-9p1ef6m0f1] {
    text-decoration: none;
    border-radius: 4px;
}

.form_box select[b-9p1ef6m0f1], .form_box input[b-9p1ef6m0f1] {
    letter-spacing: 0.05em;
}

.form_box.bg_color1[b-9p1ef6m0f1] {
    background: var(--color1_opa09);
}

.form_box.bg_white[b-9p1ef6m0f1] {
    background: var(--color2_opa09);
}

.form_contents02[b-9p1ef6m0f1] {
    background: var(--color2_opa09) !important;
}

.form_box h5[b-9p1ef6m0f1], .form_box a[b-9p1ef6m0f1] {
    font-size: clamp(14px, 1vw, 17px);
}

.search_btn img[b-9p1ef6m0f1] {
    padding-bottom: 3px;
}

.form_box.search_btn[b-9p1ef6m0f1] {
    background: transparent;
    border: none;
    padding: 10px 0;
}

/* クリック範囲 */
.select_wrapper[b-9p1ef6m0f1] {
    background: rgba(255, 255, 255, 0.6);
    border: solid 2px rgba(255, 255, 255, 0.7);
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
}

    .select_wrapper select[b-9p1ef6m0f1], .select_wrapper input[b-9p1ef6m0f1] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        font-size: clamp(14px, 1vw, 15px);
        font-weight: bold;
        padding: 10px 25px;
        border: none;
        cursor: pointer;
    }

    .select_wrapper input[b-9p1ef6m0f1] {
        padding: 8px 25px;
    }

    .select_wrapper span[b-9p1ef6m0f1] {
        position: absolute;
        right: 7px;
        pointer-events: none;
    }

    .select_wrapper img[b-9p1ef6m0f1] {
        left: 7px;
        top: 52%;
        transform: translateY(-50%);
    }

.form_box img[b-9p1ef6m0f1],
.form_box span[b-9p1ef6m0f1] {
    pointer-events: none;
}

input#people[b-9p1ef6m0f1] {
    padding-right: 10px;
}

/* search_form */

/* レスポンシブ対応（例） */
@media (max-width: 768px) {
    .form_box[b-9p1ef6m0f1] {
        margin-bottom: 10px;
    }

        .form_box label[b-9p1ef6m0f1] {
            font-size: 12px;
        }

        .form_box input[b-9p1ef6m0f1],
        .form_box select[b-9p1ef6m0f1],
        .form_box button[b-9p1ef6m0f1] {
            font-size: 12px;
            padding: 8px;
        }
}
/* 絞り込む検索 -------------------------------------------------------------------- */


/* 山小屋情報-------------------------------------------------------------- */

/* ローダー全体を囲むラッパー */
.loading-wrapper[b-9p1ef6m0f1] {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: all;
}

/* ローディングコンテンツ */
.loader-wrapper[b-9p1ef6m0f1] {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3); /* 背景を少し暗くしてグレーアウト */
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.spinnerParent[b-9p1ef6m0f1] {
    display: flex;
    justify-content: center;
}

/* スピナー */
.spinner[b-9p1ef6m0f1] {
    border: 8px solid rgba(255, 255, 255, 0.3);
    border-top: 8px solid #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin-b-9p1ef6m0f1 1s linear infinite;
}

/* ローディングテキスト */
.loading-text[b-9p1ef6m0f1] {
    margin-top: 10px;
    color: white;
    font-size: 30px;
}

/* スピナーのアニメーション */
@keyframes spin-b-9p1ef6m0f1 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* グレーアウト状態のスタイル */
.loading-wrapper.loading[b-9p1ef6m0f1] {
    opacity: 0.5; /* 背景をグレーアウト */
    pointer-events: none; /* 操作を無効にする */
}

.map_info_item[b-9p1ef6m0f1] {
    box-shadow: 0px 0px 10px 2px var(--color3_opa01);
    border-radius: 20px;
}

    .date_box_item[b-9p1ef6m0f1], .map_info_item .border_color2[b-9p1ef6m0f1] {
        border-color: var(--color3_opa01) !important;
    }

/* 1,2,4,5個目に右ボーダーを付与 */
.date_box > div:nth-child(3n-2)[b-9p1ef6m0f1],
.date_box > div:nth-child(3n-1)[b-9p1ef6m0f1] {
    border-right: solid 2px var(--color3_opa01);
}

.map_info[b-9p1ef6m0f1] {
    width: 28%;
    max-height: 70vh;
    padding: 10px 20px 0 10px;
    overflow-y: scroll;
    box-sizing: border-box;
}

    .map_info h3[b-9p1ef6m0f1] {
        font-size: clamp(16px, 1vw, 18px);
    }


    .map_info h4[b-9p1ef6m0f1] {
        font-size: clamp(15px, 0.9vw, 16px);
    }

.date_box_item[b-9p1ef6m0f1] {
    font-size: 14px;
    padding: 2px 5px;
    width: calc(30% - 6px);
    text-align: center;
}

.scroll-box[b-9p1ef6m0f1]::-webkit-scrollbar {
    background: var(--color2);
    width: 10px;
}

.scroll-box[b-9p1ef6m0f1]::-webkit-scrollbar-thumb {
    background-color: var(--color1);
    border-radius: 50px;
}

/*選択時のカラー*/
.map_info_item:hover[b-9p1ef6m0f1] {
    outline: 2px solid var(--color5) !important;
    background-color: var(--color1_opa01) !important;
    transition: background-color 0.3s, border-color 0.3s !important; /* スムーズな変化 */
}

/*もっと見る*/
.showMoreContainer[b-9p1ef6m0f1] {
    display: flex;
    justify-content: center;
}

/* 山小屋情報-------------------------------------------------------------- */

/* 地図----------------------------------------------------------------------- */
.map[b-9p1ef6m0f1] {
    position: relative;
    width: 72%;
    height: 0;
    padding-top: 70vh; /* 比率を4:3に固定 */
}

    /* Google Mapのiframe */
    .map iframe[b-9p1ef6m0f1] {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 20px);
        height: 100%;
        /* padding: 0px 20px 0px 0px; */
        box-shadow: 0.5px 0px 0px 2px var(--color3_opa01) !important;
    }

/* 地図----------------------------------------------------------------------- */


@media screen and (orientation: portrait) and (max-width: 1100px) {
    /* 検索フォーム */
    .form_contents02[b-9p1ef6m0f1] {
        flex-direction: column;
    }

    .form_box[b-9p1ef6m0f1] {
        width: 100%;
        margin-bottom: 10px;
    }

        .form_box input[b-9p1ef6m0f1], .form_box select[b-9p1ef6m0f1], .form_box button[b-9p1ef6m0f1] {
            width: 100%;
        }

    .select_wrapper[b-9p1ef6m0f1] {
        width: 100%;
    }

    input#people[b-9p1ef6m0f1] {
        padding-right: 10px;
        max-width: 100%;
    }

    .form_check_box[b-9p1ef6m0f1] {
        width: 100%;
    }

    .form_contents01 .form_box[b-9p1ef6m0f1] {
        width: 50%;
        margin-bottom: 0px;
    }

    #search_form[b-9p1ef6m0f1] {
        padding: 0 5%;
        box-sizing: border-box;
        max-width: 700px;
    }

    .form_box input[b-9p1ef6m0f1], .form_box select[b-9p1ef6m0f1], .form_box button[b-9p1ef6m0f1] {
        font-size: 12px;
        padding: 8px 25px 8px 27px;
    }

    .form_check_box span[b-9p1ef6m0f1] {
        left: 28px;
    }

    .form_box.search_btn[b-9p1ef6m0f1] {
        margin: 0;
    }

    .form_box button[b-9p1ef6m0f1] {
        max-width: 250px;
        margin-top: 10px;
        padding: 10px;
    }

    .search_btn img[b-9p1ef6m0f1] {
        padding-bottom: 0;
    }

    .select_wrapper span[b-9p1ef6m0f1] {
        display: block;
    }

    .hyphen[b-9p1ef6m0f1] {
        display: none;
    }

    .form_txt[b-9p1ef6m0f1] {
        padding: 0px 0px 10px !important;
    }
    /* 検索フォーム */


    /* 山小屋情報-------------------------------------------------------------- */
    .map_info[b-9p1ef6m0f1] {
        width: 100% !important;
        max-height: none;
        padding: 10px 20px 0 10px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: nowrap; /* 子要素が折り返さないようにする */
        overflow-x: auto; /* 横スクロールを有効にする */
        overflow-y: hidden; /* 縦スクロールを無効にする */
    }

    .map_info_item[b-9p1ef6m0f1] {
        flex: 0 0 auto;
        box-sizing: border-box;
        margin: 20px 20px 20px 0px !important;
    }

    /*もっと見る*/
    .showMoreContainer[b-9p1ef6m0f1] {
        white-space: nowrap;
        align-items: center;
    }

        .showMoreContainer button[b-9p1ef6m0f1] {
            height: 38px;
        }

    .scroll-box[b-9p1ef6m0f1]::-webkit-scrollbar {
        background: var(--color2);
        width: auto;
        height: 10px;
    }
    /* 山小屋情報-------------------------------------------------------------- */


    /* 地図 ------------------------------------------------------------------- */
    .map[b-9p1ef6m0f1] {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 70%;
    }

        .map iframe[b-9p1ef6m0f1] {
            padding: 0;
            width: 100%;
        }
}


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

    /* フォーム---------------------------------------------------------------*/
    .dropdown_wrapper[b-9p1ef6m0f1] {
        position: relative;
    }

    .menu_title[b-9p1ef6m0f1] {
        cursor: pointer;
    }

    #dropdown_contents[b-9p1ef6m0f1] {
        max-height: 0; /* 初期状態で高さを0に設定 */
        overflow: hidden;
        border-radius: 10px;
        background: var(--white) !important;
        box-shadow: 0px 0px 0px 0px var(--color3_opa01);
        padding: 0; /* 余白をなくす */
        margin: 0; /* 余白をなくす */
        transition: max-height 0.3s ease, padding 0.3s ease, margin 0.3s ease,box-shadow 0.3s ease; /* アニメーション追加 */
    }

        #dropdown_contents.active[b-9p1ef6m0f1] {
            max-height: 500px; /* コンテンツの高さに応じた適切な値を設定 */
            padding: 20px; /* 表示時の余白を設定 */
            margin: 10px 0; /* 表示時の余白を設定 */
            box-shadow: 0px 0px 5px 1px var(--color3_opa01);
        }

    h4.menu_title[b-9p1ef6m0f1] {
        text-align: center;
        background: var(--color2);
        padding: 10px 0 !important;
        margin-bottom: 8px;
    }

        h4.menu_title[b-9p1ef6m0f1]::before {
            content: '▼';
            font-size: 13px;
            position: absolute;
            right: 5%;
            top: 50%;
            transform: translateY(-50%);
        }

    .form_box button[b-9p1ef6m0f1] {
        max-width: max-content;
        margin-top: 0;
        padding: 10px 20px;
        font-size: 14px;
    }

    .select_wrapper[b-9p1ef6m0f1] {
        background: transparent;
        border-bottom: solid 2px var(--color3_opa01);
        border-radius: 0px;
        cursor: pointer;
        box-sizing: border-box;
    }

    .form_box.search_btn[b-9p1ef6m0f1] {
        padding: 10px 0 0;
    }

    .search_freeform input[b-9p1ef6m0f1] {
        padding: 15px 40px 15px 20px;
        font-size: 12px;
        border: solid 1px var(--color3_opa01);
    }

    .search_freeform button[b-9p1ef6m0f1] {
        right: 14px;
    }

    /* フォーム---------------------------------------------------------------*/

    /* 山小屋情報-------------------------------------------------------------- */
    .scroll-box[b-9p1ef6m0f1]::-webkit-scrollbar {
        background: var(--color2);
        width: auto;
        height: 5px;
    }

    .map_info_item[b-9p1ef6m0f1] {
        max-width: 85%;
        flex: 0 0 auto;
        box-sizing: border-box;
        margin: 20px 20px 20px 0px !important;
    }

        .map_info_item a[b-9p1ef6m0f1] {
            display: inline-block;
            padding: 8px 20px;
            font-size: 14px;
        }

    .date_box a[b-9p1ef6m0f1] {
        width: auto;
        text-align: center;
    }

    .date_box a[b-9p1ef6m0f1], span[b-9p1ef6m0f1] {
        width: 70px;
        padding: 0px;
    }

    /* 山小屋情報-------------------------------------------------------------- */

    /* 地図 ------------------------------------------------------------------- */
    .map[b-9p1ef6m0f1] {
        padding-top: 120%;
    }

        .map iframe[b-9p1ef6m0f1] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }
}
/* /Areas/User/Components/MountainHutMapSearchByLeaflet.razor.rz.scp.css */
MountainHutMapSearch.razor.css
/* ページタイトル-------------------------------------------------------------------- */
section#page_title[b-w3aa8xmf0l] {
    background-position: top 25% center;
}

/* キーワード検索---------------------------------------------------------------------- */

.con3_title_box[b-w3aa8xmf0l] {
    margin-bottom: 30px;
}


.toggle_title .width_90per[b-w3aa8xmf0l] {
    width: 95% !important;
}
/* キーワード検索---------------------------------------------------------------------- */



/* 絞り込む検索 -------------------------------------------------------------------- */

#search_form[b-w3aa8xmf0l] {
    bottom: 5%;
}

.mountain_hut[b-w3aa8xmf0l], .form_box[b-w3aa8xmf0l] {
    border-radius: 10px 10px 0px 0px;
}

    .form_box input[b-w3aa8xmf0l],
    .form_box select[b-w3aa8xmf0l] {
        border: none;
        box-sizing: border-box;
        background: transparent;
    }

    .form_box button[b-w3aa8xmf0l] {
        border: none;
        cursor: pointer;
    }

#tour-link[b-w3aa8xmf0l] {
    text-decoration: none;
    border-radius: 4px;
}

.form_box select[b-w3aa8xmf0l], .form_box input[b-w3aa8xmf0l] {
    letter-spacing: 0.05em;
}

.form_box.bg_color1[b-w3aa8xmf0l] {
    background: var(--color1_opa09);
}

.form_box.bg_white[b-w3aa8xmf0l] {
    background: var(--color2_opa09);
}

.form_contents02[b-w3aa8xmf0l] {
    background: var(--color2_opa09) !important;
}

.form_box h5[b-w3aa8xmf0l], .form_box a[b-w3aa8xmf0l] {
    font-size: clamp(14px, 1vw, 17px);
}

.search_btn img[b-w3aa8xmf0l] {
    padding-bottom: 3px;
}

.form_box.search_btn[b-w3aa8xmf0l] {
    background: transparent;
    border: none;
    padding: 10px 0;
}

/* クリック範囲 */
.select_wrapper[b-w3aa8xmf0l] {
    background: rgba(255, 255, 255, 0.6);
    border: solid 2px rgba(255, 255, 255, 0.7);
    border-radius: 0px;
    cursor: pointer;
    box-sizing: border-box;
}

    .select_wrapper select[b-w3aa8xmf0l], .select_wrapper input[b-w3aa8xmf0l] {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: transparent;
        font-size: clamp(14px, 1vw, 15px);
        font-weight: bold;
        padding: 10px 25px;
        border: none;
        cursor: pointer;
    }

    .select_wrapper input[b-w3aa8xmf0l] {
        padding: 8px 25px;
    }

    .select_wrapper span[b-w3aa8xmf0l] {
        position: absolute;
        right: 7px;
        pointer-events: none;
    }

    .select_wrapper img[b-w3aa8xmf0l] {
        left: 7px;
        top: 52%;
        transform: translateY(-50%);
    }

.form_box img[b-w3aa8xmf0l],
.form_box span[b-w3aa8xmf0l] {
    pointer-events: none;
}

input#people[b-w3aa8xmf0l] {
    padding-right: 10px;
}

/* search_form */

/* レスポンシブ対応（例） */
@media (max-width: 768px) {
    .form_box[b-w3aa8xmf0l] {
        margin-bottom: 10px;
    }

        .form_box label[b-w3aa8xmf0l] {
            font-size: 12px;
        }

        .form_box input[b-w3aa8xmf0l],
        .form_box select[b-w3aa8xmf0l],
        .form_box button[b-w3aa8xmf0l] {
            font-size: 12px;
            padding: 8px;
        }
}
/* 絞り込む検索 -------------------------------------------------------------------- */


/* 山小屋情報-------------------------------------------------------------- */

/* ローダー全体を囲むラッパー */
.loading-wrapper[b-w3aa8xmf0l] {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: all;
}

/* ローディングコンテンツ */
.loader-wrapper[b-w3aa8xmf0l] {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.3); /* 背景を少し暗くしてグレーアウト */
    border-radius: 10px;
    padding: 20px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.spinnerParent[b-w3aa8xmf0l] {
    display: flex;
    justify-content: center;
}

/* スピナー */
.spinner[b-w3aa8xmf0l] {
    border: 8px solid rgba(255, 255, 255, 0.3);
    border-top: 8px solid #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin-b-w3aa8xmf0l 1s linear infinite;
}

/* ローディングテキスト */
.loading-text[b-w3aa8xmf0l] {
    margin-top: 10px;
    color: white;
    font-size: 30px;
}

/* スピナーのアニメーション */
@keyframes spin-b-w3aa8xmf0l {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* グレーアウト状態のスタイル */
.loading-wrapper.loading[b-w3aa8xmf0l] {
    opacity: 0.5; /* 背景をグレーアウト */
    pointer-events: none; /* 操作を無効にする */
}

.map_info_item[b-w3aa8xmf0l] {
    box-shadow: 0px 0px 10px 2px var(--color3_opa01);
    border-radius: 20px;
}

    .date_box_item[b-w3aa8xmf0l], .map_info_item .border_color2[b-w3aa8xmf0l] {
        border-color: var(--color3_opa01) !important;
    }

/* 1,2,4,5個目に右ボーダーを付与 */
.date_box > div:nth-child(3n-2)[b-w3aa8xmf0l],
.date_box > div:nth-child(3n-1)[b-w3aa8xmf0l] {
    border-right: solid 2px var(--color3_opa01);
}

.map_info[b-w3aa8xmf0l] {
    width: 28%;
    max-height: 70vh;
    padding: 10px 20px 0 10px;
    overflow-y: scroll;
    box-sizing: border-box;
}

    .map_info h3[b-w3aa8xmf0l] {
        font-size: clamp(16px, 1vw, 18px);
    }


    .map_info h4[b-w3aa8xmf0l] {
        font-size: clamp(15px, 0.9vw, 16px);
    }

.date_box_item[b-w3aa8xmf0l] {
    font-size: 14px;
    padding: 2px 5px;
    width: calc(30% - 6px);
    text-align: center;
}

.scroll-box[b-w3aa8xmf0l]::-webkit-scrollbar {
    background: var(--color2);
    width: 10px;
}

.scroll-box[b-w3aa8xmf0l]::-webkit-scrollbar-thumb {
    background-color: var(--color1);
    border-radius: 50px;
}

/*選択時のカラー*/
.map_info_item:hover[b-w3aa8xmf0l] {
    outline: 2px solid var(--color5) !important;
    background-color: var(--color1_opa01) !important;
    transition: background-color 0.3s, border-color 0.3s !important; /* スムーズな変化 */
}

/*もっと見る*/
.showMoreContainer[b-w3aa8xmf0l] {
    display: flex;
    justify-content: center;
}

/* 山小屋情報-------------------------------------------------------------- */

/* 地図----------------------------------------------------------------------- */
.map[b-w3aa8xmf0l] {
    position: relative;
    width: 72%;
    height: 0;
    padding-top: 70vh; /* 比率を4:3に固定 */
}

    /* Google Mapのiframe */
    .map iframe[b-w3aa8xmf0l] {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 20px);
        height: 100%;
        /* padding: 0px 20px 0px 0px; */
        box-shadow: 0.5px 0px 0px 2px var(--color3_opa01) !important;
    }

/* 地図----------------------------------------------------------------------- */


@media screen and (orientation: portrait) and (max-width: 1100px) {
    /* 検索フォーム */
    .form_contents02[b-w3aa8xmf0l] {
        flex-direction: column;
    }

    .form_box[b-w3aa8xmf0l] {
        width: 100%;
        margin-bottom: 10px;
    }

        .form_box input[b-w3aa8xmf0l], .form_box select[b-w3aa8xmf0l], .form_box button[b-w3aa8xmf0l] {
            width: 100%;
        }

    .select_wrapper[b-w3aa8xmf0l] {
        width: 100%;
    }

    input#people[b-w3aa8xmf0l] {
        padding-right: 10px;
        max-width: 100%;
    }

    .form_check_box[b-w3aa8xmf0l] {
        width: 100%;
    }

    .form_contents01 .form_box[b-w3aa8xmf0l] {
        width: 50%;
        margin-bottom: 0px;
    }

    #search_form[b-w3aa8xmf0l] {
        padding: 0 5%;
        box-sizing: border-box;
        max-width: 700px;
    }

    .form_box input[b-w3aa8xmf0l], .form_box select[b-w3aa8xmf0l], .form_box button[b-w3aa8xmf0l] {
        font-size: 12px;
        padding: 8px 25px 8px 27px;
    }

    .form_check_box span[b-w3aa8xmf0l] {
        left: 28px;
    }

    .form_box.search_btn[b-w3aa8xmf0l] {
        margin: 0;
    }

    .form_box button[b-w3aa8xmf0l] {
        max-width: 250px;
        margin-top: 10px;
        padding: 10px;
    }

    .search_btn img[b-w3aa8xmf0l] {
        padding-bottom: 0;
    }

    .select_wrapper span[b-w3aa8xmf0l] {
        display: block;
    }

    .hyphen[b-w3aa8xmf0l] {
        display: none;
    }

    .form_txt[b-w3aa8xmf0l] {
        padding: 0px 0px 10px !important;
    }
    /* 検索フォーム */


    /* 山小屋情報-------------------------------------------------------------- */
    .map_info[b-w3aa8xmf0l] {
        width: 100% !important;
        max-height: none;
        padding: 10px 20px 0 10px;
        box-sizing: border-box;
        display: flex;
        flex-wrap: nowrap; /* 子要素が折り返さないようにする */
        overflow-x: auto; /* 横スクロールを有効にする */
        overflow-y: hidden; /* 縦スクロールを無効にする */
    }

    .map_info_item[b-w3aa8xmf0l] {
        flex: 0 0 auto;
        box-sizing: border-box;
        margin: 20px 20px 20px 0px !important;
    }

    /*もっと見る*/
    .showMoreContainer[b-w3aa8xmf0l] {
        white-space: nowrap;
        align-items: center;
    }

        .showMoreContainer button[b-w3aa8xmf0l] {
            height: 38px;
        }

    .scroll-box[b-w3aa8xmf0l]::-webkit-scrollbar {
        background: var(--color2);
        width: auto;
        height: 10px;
    }
    /* 山小屋情報-------------------------------------------------------------- */


    /* 地図 ------------------------------------------------------------------- */
    .map[b-w3aa8xmf0l] {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 70%;
    }

        .map iframe[b-w3aa8xmf0l] {
            padding: 0;
            width: 100%;
        }
}


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

    /* フォーム---------------------------------------------------------------*/
    .dropdown_wrapper[b-w3aa8xmf0l] {
        position: relative;
    }

    .menu_title[b-w3aa8xmf0l] {
        cursor: pointer;
    }

    #dropdown_contents[b-w3aa8xmf0l] {
        max-height: 0; /* 初期状態で高さを0に設定 */
        overflow: hidden;
        border-radius: 10px;
        background: var(--white) !important;
        box-shadow: 0px 0px 0px 0px var(--color3_opa01);
        padding: 0; /* 余白をなくす */
        margin: 0; /* 余白をなくす */
        transition: max-height 0.3s ease, padding 0.3s ease, margin 0.3s ease,box-shadow 0.3s ease; /* アニメーション追加 */
    }

        #dropdown_contents.active[b-w3aa8xmf0l] {
            max-height: 500px; /* コンテンツの高さに応じた適切な値を設定 */
            padding: 20px; /* 表示時の余白を設定 */
            margin: 10px 0; /* 表示時の余白を設定 */
            box-shadow: 0px 0px 5px 1px var(--color3_opa01);
        }

    h4.menu_title[b-w3aa8xmf0l] {
        text-align: center;
        background: var(--color2);
        padding: 10px 0 !important;
        margin-bottom: 8px;
    }

        h4.menu_title[b-w3aa8xmf0l]::before {
            content: '▼';
            font-size: 13px;
            position: absolute;
            right: 5%;
            top: 50%;
            transform: translateY(-50%);
        }

    .form_box button[b-w3aa8xmf0l] {
        max-width: max-content;
        margin-top: 0;
        padding: 10px 20px;
        font-size: 14px;
    }

    .select_wrapper[b-w3aa8xmf0l] {
        background: transparent;
        border-bottom: solid 2px var(--color3_opa01);
        border-radius: 0px;
        cursor: pointer;
        box-sizing: border-box;
    }

    .form_box.search_btn[b-w3aa8xmf0l] {
        padding: 10px 0 0;
    }

    .search_freeform input[b-w3aa8xmf0l] {
        padding: 15px 40px 15px 20px;
        font-size: 12px;
        border: solid 1px var(--color3_opa01);
    }

    .search_freeform button[b-w3aa8xmf0l] {
        right: 14px;
    }

    /* フォーム---------------------------------------------------------------*/

    /* 山小屋情報-------------------------------------------------------------- */
    .scroll-box[b-w3aa8xmf0l]::-webkit-scrollbar {
        background: var(--color2);
        width: auto;
        height: 5px;
    }

    .map_info_item[b-w3aa8xmf0l] {
        max-width: 85%;
        flex: 0 0 auto;
        box-sizing: border-box;
        margin: 20px 20px 20px 0px !important;
    }

        .map_info_item a[b-w3aa8xmf0l] {
            display: inline-block;
            padding: 8px 20px;
            font-size: 14px;
        }

    .date_box a[b-w3aa8xmf0l] {
        width: auto;
        text-align: center;
    }

    .date_box a[b-w3aa8xmf0l], span[b-w3aa8xmf0l] {
        width: 70px;
        padding: 0px;
    }

    /* 山小屋情報-------------------------------------------------------------- */

    /* 地図 ------------------------------------------------------------------- */
    .map[b-w3aa8xmf0l] {
        padding-top: 120%;
    }

        .map iframe[b-w3aa8xmf0l] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }
}
/* /Areas/User/Components/ReserveCalendar.razor.rz.scp.css */
.calendar-wrapper[b-939exe4auq] {
    width: 100%;
    padding: 20px;
    max-width: 680px;
    margin: 0 auto;
}

.calendar-header[b-939exe4auq] {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

/* 月移動ボタン */
.back-month-button[b-939exe4auq], .next-month-button[b-939exe4auq] {
    width: 35px;
    height: 35px;
    border-radius: 35px;
    position: relative;
    background-color: transparent;
}

    /* 月戻るボタン無効化 */
    .back-month-button:disabled[b-939exe4auq] {
        cursor: default;
    }

        .back-month-button:disabled > i[b-939exe4auq] {
            color: var(--color1_opa03);
        }

    /* 月移動ボタンホバー時 */
    .back-month-button:not(:disabled):hover[b-939exe4auq], .next-month-button:hover[b-939exe4auq] {
        background-color: var(--color1_opa01);
    }

    /* 月移動ボタンの矢印アイコン上下左右中央揃え */
    .back-month-button > i[b-939exe4auq], .next-month-button > i[b-939exe4auq] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: var(--color1);
    }

.calendar-container[b-939exe4auq] {
    display: grid;
    grid-template-columns: repeat(7, 80px);
    gap: 1px;
    text-align: center;
    place-content: center;
}

.month-title[b-939exe4auq] {
    font-size: 1.2rem;
    font-weight: 700;
}

.day-header[b-939exe4auq] {
    margin-bottom: 5px;
}

.day-sunday[b-939exe4auq] {
    color: var(--bs-danger);
}

.day-saturday[b-939exe4auq] {
    color: var(--bs-primary);
}

.day-content[b-939exe4auq] {
}

.day-outside-month[b-939exe4auq] {
    background-color: #f0f0f0dd;
    color: #afafafdd;
}

.calendar-day[b-939exe4auq] {
    height: 80px;
    padding: 5px;
    /* borderクラスのスタイル */
    /* grap:1px;で隙間を作ってその隙間を埋めて線が重ならないようにしている */
    outline: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

    /* 日付ホバー時 */
    .calendar-day:not(.day-outside-month):hover[b-939exe4auq] {
        background-color: var(--color1_opa01);
        cursor: pointer;
    }

.day-content[b-939exe4auq] {
    padding: 5px;
}



@media (max-width: 667px) {
    .calendar-container[b-939exe4auq] {
        display: grid;
        grid-template-columns: repeat(7, 55px);
        gap: 1px;
        text-align: center;
        place-content: center;
    }

    .calendar-day[b-939exe4auq] {
        height: 70px;
        padding: 5px;
        outline: 1px solid #ddd;
    }
}

@media (max-width: 499px) {
    .calendar-container[b-939exe4auq] {
        display: grid;
        grid-template-columns: repeat(7, 45px);
        gap: 1px;
        text-align: center;
        place-content: center;
    }

    .calendar-day[b-939exe4auq] {
        height: 65px;
        padding: 5px;
        outline: 1px solid #ddd;
    }
}