:root {
    /*
     * ディスプレイサイズに対してOSの拡大率設定が大きめの環境（Windowsラップトップ等）を考慮した表示倍率設定
     * ※後述の@mediaクエリにて、閲覧環境ごとに数値を変更
     * */
    --common-zoom-ratio: 1;
    --common-zoom-ratio-lg: 1;
    --common-zoom-ratio-map-pin-text: 1;
    --translate-y-map-pin-justification-diff: 0;
    --translate-y-map-topics-pin-justification-diff: 0;

    /*
     * SP向けトピックス高さ
     * ※後述の@mediaクエリにて、閲覧環境ごとに数値を変更
     * */
    --topic-list-content-height: auto;

    /*
     * ピンのカラーコード一覧
     * */
    --pin-color-1  : #FF0000;
    --pin-color-2  : #FF9300;
    --pin-color-3  : #FFF105;
    --pin-color-4  : #00B050;
    --pin-color-5  : #0432FF;
    --pin-color-6  : #002060;
    --pin-color-7  : #00B0F0;
    --pin-color-8  : #FF2F92;
    --pin-color-9  : #7249D9;
    --pin-color-10 : #FFFFFF;
    --pin-color-11 : #BFBFBF;
    --pin-color-12 : #000000;
    --pin-color-13 : #C3002F;
    --pin-color-14 : #7F0019;
    --pin-color-15 : #FFC61C;
    --pin-color-16 : #CEFE1D;
    --pin-color-17 : #00653E;
    --pin-color-18 : #004097;
    --pin-color-19 : #44D7E2;
    --pin-color-20 : #009F96;
    --pin-color-21 : #B52A83;
    --pin-color-22 : #EFEFEE;
    --pin-color-29 : #F7F5E8;
    --pin-color-30 : #EBE2D5;
    --pin-color-31 : #B7A273;
    --pin-color-32 : #848400;
    --pin-color-33 : #735B40;
    --pin-color-34 : #2D241A;
    --pin-color-23 : #D9D9D9;
    --pin-color-24 : #AAAAAA;
    --pin-color-25 : #7F7F7F;
    --pin-color-26 : #595959;
    --pin-color-27 : #404040;
    --pin-color-28 : #252525;
}



/* =========================================
 * iframe埋め込み制御
 * ========================================= */
body {
    pointer-events: none;
    visibility: hidden;
}



/* =========================================
 * font設定
 * ========================================= */
.leaflet-marker-icon .pin-name,
.access-spot-tag-input-wrapper .form-label,
.access-spot-tag-input-wrapper .form-label *:not(i),
.project-info-box h5,
.project-info-box h5 > span,
.topic-name,
.topic-name > span,
.topic-name > span *,
.topic-pin-description,
.topic-pin-description > p,
.topic-pin-description > p > a,
.topic-pin-description > p > span,
.topic-pin-description > p > span * {
    font-family: var(--font-family-jp) !important;
}



/* =========================================
 * leaflet css調整
 * ========================================= */
.leaflet-container {
    background-color: #fff !important;
}

.leaflet-bar a, .leaflet-bar a:hover {
    background: rgba(255, 255, 255, 0.95) !important;
}
.leaflet-touch .leaflet-bar a {
    line-height: calc(26px * var(--common-zoom-ratio)) !important;
}

.leaflet-control-container {
    height: 100% !important;
}
.leaflet-control-container .leaflet-custom-layer-control {
    display: flex;
    justify-content: end;
    align-items: end;
    height: 100% !important;
}
.leaflet-control-container .leaflet-custom-layer-control .leaflet-control-layers-expanded {
    overflow: auto;
    overflow-x: hidden;
    max-height: calc(100% - 108px * var(--common-zoom-ratio)) !important;
    margin-bottom: calc(16px * var(--common-zoom-ratio)) !important;
    background: rgba(255, 255, 255, 0) !important;
    box-shadow: none;
    border-color: transparent;
    padding-bottom: 0;
    padding-top: 0;
}

.leaflet-control-layers-overlays label {
    cursor: pointer;
    margin-bottom: 0;
}
.leaflet-control-layers-overlays label + label {
    margin-top: calc(0.25rem * var(--common-zoom-ratio));
}
.leaflet-control-layers-overlays label > div {
    display: flex;
    align-items: center;
    margin-top: calc(-3px * var(--common-zoom-ratio));
}
.leaflet-control-layers-overlays label > div > input {
    margin-top: 0;
    margin-right: calc(2px * var(--common-zoom-ratio));
}
.leaflet-control-layers-overlays label > div > span {
    padding-top: calc(3px * var(--common-zoom-ratio));
    padding-left: calc(2px * var(--common-zoom-ratio));
}

.leaflet-control-zoom {
    margin: calc(16px * var(--common-zoom-ratio)) !important;
}

.leaflet-marker-icon {
    cursor: pointer;
    transition: margin-top 0.1s ease-out;
}



/* =========================================
 * プロジェクトメイン(common.cssより移行)
 * ========================================= */
.project-main-content {
    overflow: auto;
    overflow-x: hidden;
    min-height: 560px;
    max-height: calc(100dvh);
    padding-top: var(--header-height);
    transition: all 0.2s ease-in-out;
}
.project-info-box {
    min-height: calc(60px * var(--common-zoom-ratio-lg)) !important;
    line-height: calc(1.6 * var(--common-zoom-ratio-lg)) !important;
}
.card-project-main-content-footer.px-3.pt-2.pb-2 {
    padding-right: calc(1rem * var(--common-zoom-ratio)) !important;
    padding-left: calc(1rem * var(--common-zoom-ratio)) !important;
    padding-top: calc(0.5rem * var(--common-zoom-ratio)) !important;
    padding-bottom: calc(0.5rem * var(--common-zoom-ratio)) !important;
}
.project-info-box .text-sm {
    font-size: calc(0.875rem * var(--common-zoom-ratio-lg)) !important;
}
.project-info-box h5 {
    font-size: calc(1.25rem * var(--common-zoom-ratio-lg)) !important;
}
.project-info-box + .d-flex.align-items-center.justify-content-end .project-member-btn-wrapper.ms-3.mt-2 {
    margin-left: calc(1.0rem * var(--common-zoom-ratio)) !important;
    margin-top: calc(0.5rem * var(--common-zoom-ratio)) !important;
}
.btn-circle-with-icon#dropdownProjectMenu {
    width: calc(38px * var(--common-zoom-ratio)) !important;
    height: calc(38px * var(--common-zoom-ratio)) !important;
    font-size: calc(1.25rem * var(--common-zoom-ratio)) !important;
}
@media (max-width: 991px) {
    .project-main-content {
        max-height: none;
        min-height: auto;
    }
}
@media (min-width: 992px) {
    .project-main-content {
        width: calc(66.666667% - 0.75rem) !important;
        padding-left: 3rem !important;
    }
}
@media (min-width: 1200px) {
    .g-sidenav-show .project-main-content {
        width: calc(66.666667% - 1.75rem) !important;
        padding-left: 0 !important;
    }
    .g-sidenav-show .card-project-main-content .card-footer .card-footer-left {
        width: 50%;
    }
    .g-sidenav-show .card-project-main-content .card-footer .card-footer-right{
        width: 50%;
    }
}
@media (min-width: 1400px) {
    .g-sidenav-show .card-project-main-content .card-footer .card-footer-left {
        width: 60%;
    }
    .g-sidenav-show .card-project-main-content .card-footer .card-footer-right {
        width: 40%;
    }
}


/* --------------------------------------------
 * マップ直下プロジェクトメンバー関連モジュール
 * -------------------------------------------- */
.project-member-btn-wrapper {
    position: relative;
    padding-top: calc(0.325rem * var(--common-zoom-ratio));
    padding-right: calc(0.25rem * var(--common-zoom-ratio));
}
.project-member-btn-wrapper .project-member-btn i {
    font-size: calc(1.875rem * var(--common-zoom-ratio)) !important;
}
.project-member-btn-wrapper .project-member-btn .notification-badge {
    display: none;
    padding: calc((2px + 0.3rem) * var(--common-zoom-ratio));
    transform: translate(calc(-85% * var(--common-zoom-ratio)), calc(-10% * var(--common-zoom-ratio)));
}
.project-member-btn-wrapper .project-member-btn.with-notification .notification-badge {
    display: block;
}

/* プロジェクトメンバー横並び表示 */
.project-member-list-box {
    display: flex;
    width: 100%;
}
.project-member-list-box .project-member-add-btn-wrapper {
    position: relative;
    z-index: 1;
    width: 6.67%;
    text-align: center;
}
.project-member-list-box .project-member-add-btn-wrapper .project-member-add-btn .notification-badge {
    display: none;
}
.project-member-list-box .project-member-add-btn-wrapper .project-member-add-btn.with-notification .notification-badge {
    display: block;
}
.project-member-list-box .project-member-list {
    position: relative;
    z-index: 0;
    overflow: auto;
    display: flex;
    justify-content: start;
    width: 100%;
}
.project-member-list-box .project-member-list .project-member {
    flex: 0 0 6.67%;
    min-width: 6.67%;
    text-align: center;
}
.project-member-list-box .project-member-list .project-member .project-member-name {
    overflow: hidden;
    width: 85%;
    margin: 0 auto;
    line-height: 1.25;
    font-size: 0.625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 1399px) {
    .g-sidenav-show .project-member-list-box .project-member-add-btn-wrapper {
        width: 10%;
    }
    .g-sidenav-show .project-member-list-box .project-member-list .project-member {
        flex: 0 0 10%;
        min-width: 10%;
    }
}
@media (max-width: 1299px) {
    .project-member-list-box .project-member-add-btn-wrapper {
        width: 10%;
    }
    .project-member-list-box .project-member-list .project-member {
        flex: 0 0 10%;
        min-width: 10%;
    }
}
@media (max-width: 767px) {
    .project-member-list-box .project-member-add-btn-wrapper {
        width: 16.67%;
    }
    .project-member-list-box .project-member-list .project-member {
        flex: 0 0 16.67%;
        min-width: 16.67%;
    }
}
@media (max-width: 399px) {
    .project-member-list-box .project-member-add-btn-wrapper {
        width: 25%;
    }
    .project-member-list-box .project-member-list .project-member {
        flex: 0 0 25%;
        min-width: 25%;
    }
}

/* ユーザリスト */
.user-list,
.modal-user-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.user-list li,
.modal-user-list li {
    margin-top: 0.5rem;
}
.user-list .dropdown-menu li:first-child,
.modal-user-list .dropdown-menu li:first-child {
    margin-top: 0;
}



/* ------------------------------------
 * トピックスリスト
 * ------------------------------------ */
.topic-list-content {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    min-height: 560px;
    max-height: calc(100vh);
    padding-top: var(--header-height);
    transition: all 0.2s ease-in-out;
}
.topic-event-btn + .dropdown-menu {
    margin-right: 6px !important;
    margin-bottom: 3px !important;
}
.topic-event-btn + .dropdown-menu:after {
    bottom: 5px !important;
}
@media (max-width: 991px) {
    .topic-list-content {
        max-height: none;
        padding-top: 0;
    }
}
@media (min-width: 992px) {
    .topic-event-btn:has(.fa-ellipsis-v) {
        margin-right: -2px;
    }
    .topic-list-content {
        width: calc(33.333333% + 0.75rem) !important;
        padding-right: 3rem !important;
    }
}
@media (min-width: 1200px) {
    .g-sidenav-show .topic-list-content {
        width: calc(33.333333% + 1.75rem) !important;
    }
}
.topic-list-content .topic-list-content-inner {
    padding: 0;
    padding-bottom: calc(1.5rem * var(--common-zoom-ratio));
    margin-top: calc(-1.5rem * var(--common-zoom-ratio));
}

.btn-add-new-topic-wrapper {
    transition: opacity 0.3s ease-out;
}
.is-stored-topic-count-limit .btn-add-new-topic-wrapper {
    /* pointer-events: none; */
    opacity: 0.4;
}
.btn-add-new-topic {
    overflow: hidden;
    min-width: calc(155px * var(--common-zoom-ratio)) !important;
    margin-bottom: 0;
    padding: calc(0.5rem * var(--common-zoom-ratio)) calc(0.5rem * var(--common-zoom-ratio)) calc(0.5rem * var(--common-zoom-ratio)) calc(1rem * var(--common-zoom-ratio)) !important;
    background: #fff;
}
.btn-add-new-topic h5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-add-new-topic .btn-add-new-topic-text {
    width: auto;
    font-size: calc(1.0rem * var(--common-zoom-ratio)) !important;
    transition: width 0.3s ease-out;
}
.btn-add-new-topic .btn-add-new-topic-text + .rounded-circle {
    width: calc(36px * var(--common-zoom-ratio)) !important;
    height: calc(36px * var(--common-zoom-ratio)) !important;
    margin-left: calc(0.5rem * var(--common-zoom-ratio)) !important;
}

/* body:not(.g-sidenav-hidden) .btn-add-new-topic {
    min-width: 0px;
    padding-left: 0.5rem;
}
body:not(.g-sidenav-hidden) .btn-add-new-topic .btn-add-new-topic-text {
    opacity: 0;
    width: 0;
}
body:not(.g-sidenav-hidden) .btn-add-new-topic .btn-add-new-topic-text + .rounded-circle {
    margin-left: 0;
} */
@media (max-width: 1199px) {
    /* .btn-add-new-topic {
        min-width: 0px;
        padding-left: 0.5rem;
    }
    .btn-add-new-topic .btn-add-new-topic-text {
        opacity: 0;
        width: 0;
    }
    .btn-add-new-topic .btn-add-new-topic-text + .rounded-circle {
        margin-left: 0;
    } */
}

.card-topic-content,
.card-right-side-content {
    margin-top: calc(1.5rem * var(--common-zoom-ratio));
}

.card-right-side-content .card-header .leaflet-marker-icon-dummy {
    margin-left: calc(0.5rem * var(--common-zoom-ratio));
    margin-right: calc(0.325rem * var(--common-zoom-ratio));
}

.card-topic-content .topic-number {
    font-size: calc(0.625rem * var(--common-zoom-ratio));
    font-weight: 500 !important;
}

.card-topic-content .topic-name {
    margin: auto 0;
    word-break: break-all;
}

.card-topic-content > .card-body,
.card-right-side-content > .card-body {
    position: relative;
    height: 100%;
    padding: 0 !important;
}
.card-topic-content > .card-body::before,
.card-right-side-content > .card-body::before {
    pointer-events: none;
    content: "";
    display: block;
    width: calc(100% - 1rem * 2);
    height: 100%;
    position: absolute;
    left: 1rem;
    top: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.topic-pin-list,
.item-list {
    list-style: none;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    height: auto;
    padding: 0 1rem;
    margin-bottom: 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    /* transition: height 0.15s ease-out, max-height 0.15s ease-out; */
}
@media (max-width: 991px) {
    .topic-pin-list,
    .item-list {
        max-height: 60vh !important;
    }
}

.topic-pin-list .map-topic-pin-detail,
.item-list-wrapper .item-list .item {
    padding-bottom: 0;
}
.item-list-wrapper .item-list .item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.topic-pin-list .map-topic-pin-detail.is-edit .hidden-while-editing,
.item-list-wrapper .item-list .item.is-edit .hidden-while-editing {
    display: none !important;
}

.topic-pin-list .map-topic-pin-detail > .pin-detail-border,
.item-list-wrapper .item-list .item > .item-border {
    margin: 0;
}
.topic-pin-list .map-topic-pin-detail + .map-topic-pin-detail > .pin-detail-border,
.item-list-wrapper .item-list .item + .item > .item-border {
    border-top: 1px solid #000;
}
.topic-pin-list .map-topic-pin-detail:not(:first-child).active > .pin-detail-border,
.topic-pin-list .map-topic-pin-detail.active + .map-topic-pin-detail > .pin-detail-border,
.topic-pin-list .map-topic-pin-detail.is-search-top-contents > .pin-detail-border,
.item-list-wrapper .item-list .item:not(:first-child).active > .item-border,
.item-list-wrapper .item-list .item.active + .item > .item-border,
.item-list-wrapper .item-list .item.is-search-top-contents > .item-border {
    border-top: 1px solid transparent;
}

.topic-pin-list .map-topic-pin-detail .map-topic-pin-detail-inner {
    cursor: pointer;
    padding-top: calc(0.5rem * var(--common-zoom-ratio));
    padding-bottom: calc(1rem * var(--common-zoom-ratio));
    border-radius: 0.5rem;
}
.topic-pin-list .map-topic-pin-detail .map-topic-pin-detail-inner:hover {
    background-color: rgba(0,0,0,.05);
}
.topic-pin-list .map-topic-pin-detail.active .map-topic-pin-detail-inner {
    box-shadow: 0 0 0 2px rgba(255,47,146,1) inset;
}

.topic-pin-list .map-topic-pin-detail .map-topic-pin-detail-inner > div {
    padding: 0.5rem;
}

.topic-pin-list .map-topic-pin-detail .user-info-wrapper {
    display: flex;
    justify-content: start;
    align-items: stretch;
    width: 100%;
    height: 36px;
    margin-bottom: calc(0.5rem * var(--common-zoom-ratio));
}
.topic-pin-list .map-topic-pin-detail .user-info-wrapper > div {
    height: 100%;
}
.topic-pin-list .map-topic-pin-detail .user-info-wrapper .user-icon-wrapper {
    flex-basis: 36px;
}
.topic-pin-list .map-topic-pin-detail .user-info-wrapper .text-user-info-horizontal {
    display: flex;
    flex-direction: column;
    width: auto;
    min-width: calc(6.5rem * var(--common-zoom-ratio));
    max-width: 100%;
    flex-basis: calc(55% - 36px);
}
.topic-pin-list .map-topic-pin-detail .user-info-wrapper .text-user-info-right-side-contents {
    display: flex;
    justify-content: end;
    align-items: stretch;
    width: auto;
    flex-basis: 45%;
}
.topic-pin-list .map-topic-pin-detail .user-info-wrapper .text-user-info-right-side-contents .text-datetime-horizontal {
    display: flex;
    justify-content: end;
    align-items: end;
    width: calc(100% - 22px * var(--common-zoom-ratio));
    min-width: calc(4.0rem * var(--common-zoom-ratio));
    max-width: calc(100% - 22px * var(--common-zoom-ratio));
    padding-left: calc(0.25rem * var(--common-zoom-ratio));
    text-align: right;
    font-size: calc(0.625rem * var(--common-zoom-ratio-lg)) !important;
}
.topic-pin-list .map-topic-pin-detail .user-info-wrapper .text-user-info-right-side-contents .text-datetime-horizontal .datetime {
    display: block;
}
.topic-pin-list .map-topic-pin-detail .user-info-wrapper .text-user-info-right-side-contents .dropdown,
.topic-pin-list .map-topic-pin-detail .user-info-wrapper .text-user-info-right-side-contents .dropdown-to-fixed-base {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(22px * var(--common-zoom-ratio));
    margin-left: 0.25rem;
}
[class*=dropdown-to-fixed-box-] .dropdown-to-fixed {
    z-index: 1060;
}
.topic-pin-list .map-topic-pin-detail .file-contents-wrapper {
    padding: 0;
}
.topic-pin-list .map-topic-pin-detail .text-image-subject {
    line-height: calc(1.875 * var(--common-zoom-ratio));
    margin-bottom: 0;
    font-size: calc(0.875rem * var(--common-zoom-ratio-lg));
}
.file-preview-box {
    overflow: hidden;
    position: relative;
    border-radius: 0.75rem;
}
.file-preview-box .btn-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: calc(10px * var(--common-zoom-ratio));
    top: calc(10px * var(--common-zoom-ratio));
    width: 24px;
    height: 24px;
    padding: 0;
    margin-bottom: 0;
    border-radius: 9999px;
    font-size: 0.875rem;
    scale: calc(1 * var(--common-zoom-ratio));
}
.file-preview-box .btn-delete i {
    display: flex;
    justify-content: center;
    align-items: center;
}
.topic-pin-list .map-topic-pin-detail .file-contents-wrapper .file-preview-box .btn-file-delete {
    display: none;
}
.topic-pin-list .map-topic-pin-detail .file-contents-wrapper:hover .file-preview-box .btn-file-delete {
    display: flex;
}

.topic-pin-list .map-topic-pin-detail.new-pin-detail .pin-delete-submit-btn {
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.topic-pin-map-pin-and-description {
    display: flex;
    align-items: start;
    justify-content: start;
}
.topic-pin-map-pin-and-description .topic-pin-map-pin .topic-pin-map-pin-inner {
    width: calc(36px * var(--common-zoom-ratio));
    text-align: left;
}
.topic-pin-map-pin-and-description .topic-pin-map-pin .topic-pin-map-pin-inner .map_pin {
    width: calc(38px * var(--common-zoom-ratio));
}
.topic-pin-map-pin-and-description .leaflet-marker-icon-dummy {
    width: auto;
    height: auto;
}
.topic-pin-map-pin-and-description .topic-pin-description {
    position: relative;
    width: 100%;
}
.topic-pin-map-pin-and-description .topic-pin-description * {
    font-size: calc(0.875rem * var(--common-zoom-ratio-lg));
}

.inner-fixed .topic-pin-map-pin-and-description .topic-pin-description .topic-pin-description-body {
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
.inner-fixed .topic-pin-map-pin-and-description .topic-pin-description .topic-pin-description-body + .see-more-or-less-wrapper .see-more {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1) 1.0rem);
}
.map-topic-pin-detail-inner:hover .inner-fixed .topic-pin-map-pin-and-description .topic-pin-description .topic-pin-description-body + .see-more-or-less-wrapper .see-more {
    background: linear-gradient(to right, rgba(242,242,242,0), rgba(242,242,242,1) 1.0rem);
}
.inner-fixed .topic-pin-map-pin-and-description .topic-pin-description .topic-pin-description-body + .see-more-or-less-wrapper .see-more,
.inner-fixed .topic-pin-map-pin-and-description .topic-pin-description .topic-pin-description-body + .see-more-or-less-wrapper .see-less {
    padding-left: calc(1.5rem * var(--common-zoom-ratio));
    float: right;
    font-weight: 700;
}
.inner-fixed .topic-pin-map-pin-and-description .topic-pin-description.seeing-full-text .topic-pin-description-body + .see-more-or-less-wrapper *,
.inner-fixed .topic-pin-map-pin-and-description .topic-pin-description:not(.seeing-full-text) .topic-pin-description-body + .see-more-or-less-wrapper .see-more,
.inner-fixed .topic-pin-map-pin-and-description .topic-pin-description.text-line-truncated:not(.seeing-full-text) .topic-pin-description-body + .see-more-or-less-wrapper .see-less {
    display: none;
}
.inner-fixed .topic-pin-map-pin-and-description .topic-pin-description.text-line-truncated:not(.seeing-full-text) .topic-pin-description-body + .see-more-or-less-wrapper .see-more,
.inner-fixed .topic-pin-map-pin-and-description .topic-pin-description:not(.seeing-full-text) .topic-pin-description-body + .see-more-or-less-wrapper .see-less {
    display: block;
}

.btn-topic-pin, .btn-topic-pin:hover,
.btn-card-footer, .btn-card-footer:hover {
    display: inline-flex;
    align-items: center;
    text-align: left;
    padding: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}
.btn-card-footer, .btn-card-footer:hover {
    text-align: center;
}
.btn-topic-pin *,
.btn-card-footer * {
    font-size: calc(0.875rem * var(--common-zoom-ratio));
}
.btn-topic-pin.disabled *,
.btn-card-footer.disabled * {
    color: #495057 !important;
}
.btn-topic-pin .icon,
.btn-card-footer .icon {
    width: calc(30px * var(--common-zoom-ratio));
    height: calc(30px * var(--common-zoom-ratio));
}
.btn-topic-pin.btn-add-new-topic-pin,
.btn-card-footer.btn-add-new-item {
    display: inline-flex !important;
}

.link-url-thumbnails {
    padding: 0;
    list-style: none;
}

.map-topic-pin-stored-data,
.item .item-stored-data {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.map-topic-pin-detail-list-wrapper.link-disabled,
.map-topic-pin-stored-data.link-disabled,
.item-list-wrapper.link-disabled,
.item .item-stored-data.link-disabled {
    opacity: 0.3;
}


/* new-map-topic-box */
.card-topic-content.map-topic-box:not(.new-map-topic-box) .map-topic-box-info.is-edit .create-topic-name {
    display: none;
}
.card-topic-content.map-topic-box.new-map-topic-box .map-topic-box-info.is-edit .edit-topic-name {
    display: none;
}
.card-topic-content.new-map-topic-box .card-footer {
    padding-top: 0 !important;
}
.card-topic-content.new-map-topic-box .topic-pin-list {
    border: none;
}


/* access-spot-tag-module */
.access-spot-tag-module {
    margin-top: calc(-1.5rem * var(--common-zoom-ratio));
    transition: none !important;
}
.access-spot-tag-module.collapse {
    display: block !important;
    height: 0 !important;
}
.access-spot-tag-module.collapse .card-access-spot-tag-content {
    height: 0 !important;
    overflow: hidden;
}
.access-spot-tag-module.collapse.show,
.access-spot-tag-module.collapse.show .card-access-spot-tag-content {
    height: auto !important;
    overflow: visible;
}
.not-have-all-search-target .access-spot-tag-module.collapse.show + .not-have-all-search-target-message {
    margin-top: 1.5rem;
}
.access-spot-tag-module.collapsing ~ .topic-list-content-inner,
.access-spot-tag-module.collapse.show ~ .topic-list-content-inner {
    margin-top: 0 !important;
}

.access-spot-tag-item {
    margin-bottom: 0.5rem;
}
.access-spot-tag-item + .access-spot-tag-item.is-edit {
    margin-top: 1.5rem;
}

.access-spot-tag-item .access-spot-tag-highlight-event-trigger {
    cursor: pointer;
}



/* [for v3.0.0] コメントピン編集時の添付ファイルプレビューを非表示 */
.topic-pin-list .map-topic-pin-detail .uploaded-image-preview {
    display: none !important;
}



/* =========================================
 * マップ
 * ========================================= */
.map-contents-list {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 1.0rem;
}
.map-contents-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    list-style: none;
}
.map-contents-wrapper .map-contents {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
    margin: 0 auto;
}
.map-contents-wrapper.active .map-contents {
    display: block;
    z-index: 1;
    opacity: 1;
}
.map-contents-wrapper.not-active .map-contents {
    display: block;
    z-index: 0;
    opacity: 0;
}

/* 検索BOX */
.search-module-wrapper {
    position: absolute;
    right: calc(1.0rem * var(--common-zoom-ratio));
    top: calc(1.0rem * var(--common-zoom-ratio));
    z-index: 1020;
    width: calc(33.3333% * var(--common-zoom-ratio));
    min-width: calc(280px * var(--common-zoom-ratio));
    margin-right: calc(1.0rem * var(--common-zoom-ratio));
}

/* ピン編集中の表示 */
.map-contents .leaflet-overlay-pane {
    transition: opacity 0.3s ease-out;
}
.map-contents.is-edit .leaflet-overlay-pane {
    opacity: 0.4;
}

/* Pinpoint URL用の表示 */
.map-loading .search-module-wrapper {
    display: none !important;
}
.btn-all-view {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 44px;
    font-size: 1.0rem !important;
    margin-bottom: 0 !important;
}
[data-pinpoint-url-contents],
.is-pinpoint-url [data-all-view-contents] {
    display: none !important;
}
.is-pinpoint-url [data-pinpoint-url-contents] { display: block !important; }
.is-pinpoint-url [data-pinpoint-url-contents="inline"] { display: inline !important; }
.is-pinpoint-url [data-pinpoint-url-contents="inline-block"] { display: inline-block !important; }
.is-pinpoint-url [data-pinpoint-url-contents="flex"] { display: flex !important; }

/* Pinpoint URL用の表示 */
.is-pinpoint-url.is-pinpoint-url-for-pin .leaflet-container .leaflet-marker-pane .topics-pin.map_pin,
.is-pinpoint-url.is-pinpoint-url-for-pin [data-topics-contents],
.is-pinpoint-url.is-pinpoint-url-for-pin .topic-list-content .topic-list-content-inner .map-topic-pin-detail-list-wrapper::before {
    display: none !important;
}
.is-pinpoint-url.is-pinpoint-url-for-pin .topic-list-content .topic-list-content-inner .map-topic-pin-detail-list-wrapper {
    padding-top: 1.0rem !important;
}
.is-pinpoint-url.is-pinpoint-url-for-pin .topic-list-content .topic-list-content-inner .map-topic-pin-detail-list-wrapper .topic-pin-list {
    border: none !important;
}
.is-pinpoint-url.is-pinpoint-url-for-pin .map-topic-box .map-topic-box-footer.py-3 {
    padding: 1.0rem 0 0 !important;
}


/* ----------------------
 * ピン
 * ----------------------*/
.pins-image {
    position: relative;
}

.leaflet-marker-icon,
.leaflet-marker-icon-dummy {
    color: #fff;
    font-weight: bold;
    font-size: calc(0.75rem * var(--common-zoom-ratio));
    /* text-shadow: -1px -1px 0 #000, -1px 0 0 #000, -1px 1px 0 #000, 0 -1px 0 #000,0 1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000; */
    background: no-repeat center;
    background-size: contain;
    line-height: 27px;
    vertical-align: middle;
    text-align: center;
}
.leaflet-marker-icon-dummy {
    display: inline-block;
}

/* ----- アイコン: コメントピン ----- */
.map_pin,
.map_pin .pin-icon-svg {
    caret-color: transparent;
}
.map_pin {
    width: calc(26px * var(--common-zoom-ratio));
    height: calc(38px * var(--common-zoom-ratio));
    background: url('../img/pin.png') no-repeat center center;
    background-size: contain;
}
.map_pin_sm {
    width: calc(13px * var(--common-zoom-ratio));
    height: calc(19px * var(--common-zoom-ratio));
    line-height: calc(16px * var(--common-zoom-ratio));
}
.map_pin_lg {
    font-size: calc(1.0rem * var(--common-zoom-ratio));
    width: calc(38px * var(--common-zoom-ratio));
    height: calc(50px * var(--common-zoom-ratio));
    line-height: calc(34px * var(--common-zoom-ratio));
}

.leaflet-container .leaflet-marker-pane .map_pin,
.leaflet-container .leaflet-marker-pane .map_pin_edit { /* マップ上のアイコンサイズ */
    font-size: calc(0.575rem * var(--common-zoom-ratio));
    background-size: calc(24px * var(--common-zoom-ratio)) calc(35px * var(--common-zoom-ratio));
    translate: 0 var(--translate-y-map-pin-justification-diff) !important;
    line-height: calc(27px * var(--common-zoom-ratio-map-pin-text));
}
.leaflet-container .map_pin:not(.map_pin_edit):hover {
    top: calc(-2px * var(--common-zoom-ratio));
    z-index: 5000 !important;
}

/* SVGアイコン向け設定 */
.map_pin:has(.pin-icon-svg),
.map_pin_edit:has(.pin-icon-svg) {
    background-color: transparent !important;
    background-image: none !important;
    mask: none !important;
    -webkit-mask: none !important;
}
.map_pin .pin-icon-svg-wrapper,
.map_pin_edit .pin-icon-svg-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.map_pin .pin-icon-svg,
.map_pin_edit .pin-icon-svg {
    width: 100%;
    height: 100%;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

/* ピンカラー一覧（テキストカラー） */
[class*="map_pin_text_color"] { color: #000; }
.map_pin_text_color_1  { color: var(--pin-color-1); }
.map_pin_text_color_2  { color: var(--pin-color-2); }
.map_pin_text_color_3  { color: var(--pin-color-3); }
.map_pin_text_color_4  { color: var(--pin-color-4); }
.map_pin_text_color_5  { color: var(--pin-color-5); }
.map_pin_text_color_6  { color: var(--pin-color-6); }
.map_pin_text_color_7  { color: var(--pin-color-7); }
.map_pin_text_color_8  { color: var(--pin-color-8); }
.map_pin_text_color_9  { color: var(--pin-color-9); }
.map_pin_text_color_10 { color: var(--pin-color-10); }
.map_pin_text_color_11 { color: var(--pin-color-11); }
.map_pin_text_color_12 { color: var(--pin-color-12); }
.map_pin_text_color_13 { color: var(--pin-color-13); }
.map_pin_text_color_14 { color: var(--pin-color-14); }
.map_pin_text_color_15 { color: var(--pin-color-15); }
.map_pin_text_color_16 { color: var(--pin-color-16); }
.map_pin_text_color_17 { color: var(--pin-color-17); }
.map_pin_text_color_18 { color: var(--pin-color-18); }
.map_pin_text_color_19 { color: var(--pin-color-19); }
.map_pin_text_color_20 { color: var(--pin-color-20); }
.map_pin_text_color_21 { color: var(--pin-color-21); }
.map_pin_text_color_22 { color: var(--pin-color-22); }
.map_pin_text_color_23 { color: var(--pin-color-23); }
.map_pin_text_color_24 { color: var(--pin-color-24); }
.map_pin_text_color_25 { color: var(--pin-color-25); }
.map_pin_text_color_26 { color: var(--pin-color-26); }
.map_pin_text_color_27 { color: var(--pin-color-27); }
.map_pin_text_color_28 { color: var(--pin-color-28); }
.map_pin_text_color_29 { color: var(--pin-color-29); }
.map_pin_text_color_30 { color: var(--pin-color-30); }
.map_pin_text_color_31 { color: var(--pin-color-31); }
.map_pin_text_color_32 { color: var(--pin-color-32); }
.map_pin_text_color_33 { color: var(--pin-color-33); }
.map_pin_text_color_34 { color: var(--pin-color-34); }

/* ピンカラー一覧（背景色） */
[class*="map_pin_bg_color"],
[class*="map_pin_bg_color"] .pin-icon-svg { background-color: #000; }
.map_pin_bg_color_1,
.map_pin_bg_color_1 .pin-icon-svg  { background-color: var(--pin-color-1); }
.map_pin_bg_color_2,
.map_pin_bg_color_2 .pin-icon-svg  { background-color: var(--pin-color-2); }
.map_pin_bg_color_3,
.map_pin_bg_color_3 .pin-icon-svg  { background-color: var(--pin-color-3); }
.map_pin_bg_color_4,
.map_pin_bg_color_4 .pin-icon-svg  { background-color: var(--pin-color-4); }
.map_pin_bg_color_5,
.map_pin_bg_color_5 .pin-icon-svg  { background-color: var(--pin-color-5); }
.map_pin_bg_color_6,
.map_pin_bg_color_6 .pin-icon-svg  { background-color: var(--pin-color-6); }
.map_pin_bg_color_7,
.map_pin_bg_color_7 .pin-icon-svg  { background-color: var(--pin-color-7); }
.map_pin_bg_color_8,
.map_pin_bg_color_8 .pin-icon-svg  { background-color: var(--pin-color-8); }
.map_pin_bg_color_9,
.map_pin_bg_color_9 .pin-icon-svg  { background-color: var(--pin-color-9); }
.map_pin_bg_color_10,
.map_pin_bg_color_10 .pin-icon-svg { background-color: var(--pin-color-10); }
.map_pin_bg_color_11,
.map_pin_bg_color_11 .pin-icon-svg { background-color: var(--pin-color-11); }
.map_pin_bg_color_12,
.map_pin_bg_color_12 .pin-icon-svg { background-color: var(--pin-color-12); }
.map_pin_bg_color_13,
.map_pin_bg_color_13 .pin-icon-svg { background-color: var(--pin-color-13); }
.map_pin_bg_color_14,
.map_pin_bg_color_14 .pin-icon-svg { background-color: var(--pin-color-14); }
.map_pin_bg_color_15,
.map_pin_bg_color_15 .pin-icon-svg { background-color: var(--pin-color-15); }
.map_pin_bg_color_16,
.map_pin_bg_color_16 .pin-icon-svg { background-color: var(--pin-color-16); }
.map_pin_bg_color_17,
.map_pin_bg_color_17 .pin-icon-svg { background-color: var(--pin-color-17); }
.map_pin_bg_color_18,
.map_pin_bg_color_18 .pin-icon-svg { background-color: var(--pin-color-18); }
.map_pin_bg_color_19,
.map_pin_bg_color_19 .pin-icon-svg { background-color: var(--pin-color-19); }
.map_pin_bg_color_20,
.map_pin_bg_color_20 .pin-icon-svg { background-color: var(--pin-color-20); }
.map_pin_bg_color_21,
.map_pin_bg_color_21 .pin-icon-svg { background-color: var(--pin-color-21); }
.map_pin_bg_color_22,
.map_pin_bg_color_22 .pin-icon-svg { background-color: var(--pin-color-22); }
.map_pin_bg_color_23,
.map_pin_bg_color_23 .pin-icon-svg { background-color: var(--pin-color-23); }
.map_pin_bg_color_24,
.map_pin_bg_color_24 .pin-icon-svg { background-color: var(--pin-color-24); }
.map_pin_bg_color_25,
.map_pin_bg_color_25 .pin-icon-svg { background-color: var(--pin-color-25); }
.map_pin_bg_color_26,
.map_pin_bg_color_26 .pin-icon-svg { background-color: var(--pin-color-26); }
.map_pin_bg_color_27,
.map_pin_bg_color_27 .pin-icon-svg { background-color: var(--pin-color-27); }
.map_pin_bg_color_28,
.map_pin_bg_color_28 .pin-icon-svg { background-color: var(--pin-color-28); }
.map_pin_bg_color_29,
.map_pin_bg_color_29 .pin-icon-svg { background-color: var(--pin-color-29); }
.map_pin_bg_color_30,
.map_pin_bg_color_30 .pin-icon-svg { background-color: var(--pin-color-30); }
.map_pin_bg_color_31,
.map_pin_bg_color_31 .pin-icon-svg { background-color: var(--pin-color-31); }
.map_pin_bg_color_32,
.map_pin_bg_color_32 .pin-icon-svg { background-color: var(--pin-color-32); }
.map_pin_bg_color_33,
.map_pin_bg_color_33 .pin-icon-svg { background-color: var(--pin-color-33); }
.map_pin_bg_color_34,
.map_pin_bg_color_34 .pin-icon-svg { background-color: var(--pin-color-34); }

/* 見づらいカラー用の縁取り設定 */
.map_pin_text_color_10,
.map_pin_bg_color_10,
.leaflet-container .leaflet-marker-pane .map_pin_text_color_10 > *:not(.pin-balloon),
.leaflet-container .leaflet-marker-pane .map_pin_bg_color_10 > *:not(.pin-balloon) {
    filter: drop-shadow(1px 0 0 rgba(0,0,0,0.375)) 
            drop-shadow(-1px 0 0 rgba(0,0,0,0.375)) 
            drop-shadow(0 1px 0 rgba(0,0,0,0.375)) 
            drop-shadow(0 -1px 0 rgba(0,0,0,0.375));
}
.leaflet-container .leaflet-marker-pane .map_pin_text_color_10,
.leaflet-container .leaflet-marker-pane .map_pin_bg_color_10 {
    filter: none;
}

/* ピンカラー一覧（コメントピン・画像ファイル適用） */
.map_pin_1  { background-image: url('../img/pin_01.png'); }
.map_pin_2  { background-image: url('../img/pin_02.png'); }
.map_pin_3  { background-image: url('../img/pin_03.png'); }
.map_pin_4  { background-image: url('../img/pin_04.png'); }
.map_pin_5  { background-image: url('../img/pin_05.png'); }
.map_pin_6  { background-image: url('../img/pin_06.png'); }
.map_pin_7  { background-image: url('../img/pin_07.png'); }
.map_pin_8  { background-image: url('../img/pin_08.png'); }
.map_pin_9  { background-image: url('../img/pin_09.png'); }
.map_pin_10 { background-image: url('../img/pin_10.png'); }
.map_pin_11 { background-image: url('../img/pin_11.png'); }
.map_pin_12 { background-image: url('../img/pin_12.png'); }
.map_pin_13 { background-image: url('../img/pin_13.png'); }
.map_pin_14 { background-image: url('../img/pin_14.png'); }
.map_pin_15 { background-image: url('../img/pin_15.png'); }
.map_pin_16 { background-image: url('../img/pin_16.png'); }
.map_pin_17 { background-image: url('../img/pin_17.png'); }
.map_pin_18 { background-image: url('../img/pin_18.png'); }
.map_pin_19 { background-image: url('../img/pin_19.png'); }
.map_pin_20 { background-image: url('../img/pin_20.png'); }
.map_pin_21 { background-image: url('../img/pin_21.png'); }
.map_pin_22 { background-image: url('../img/pin_22.png'); }
.map_pin_23 { background-image: url('../img/pin_23.png'); }
.map_pin_24 { background-image: url('../img/pin_24.png'); }
.map_pin_25 { background-image: url('../img/pin_25.png'); }
.map_pin_26 { background-image: url('../img/pin_26.png'); }
.map_pin_27 { background-image: url('../img/pin_27.png'); }
.map_pin_28 { background-image: url('../img/pin_28.png'); }
.map_pin_29 { background-image: url('../img/pin_29.png'); }
.map_pin_30 { background-image: url('../img/pin_30.png'); }
.map_pin_31 { background-image: url('../img/pin_31.png'); }
.map_pin_32 { background-image: url('../img/pin_32.png'); }
.map_pin_33 { background-image: url('../img/pin_33.png'); }
.map_pin_34 { background-image: url('../img/pin_34.png'); }

.map_pin_3:not([class*="map_pin_text_color"]),
.map_pin_10:not([class*="map_pin_text_color"]),
.map_pin_11:not([class*="map_pin_text_color"]),
.map_pin_15:not([class*="map_pin_text_color"]),
.map_pin_16:not([class*="map_pin_text_color"]),
.map_pin_19:not([class*="map_pin_text_color"]),
.map_pin_22:not([class*="map_pin_text_color"]),
.map_pin_23:not([class*="map_pin_text_color"]),
.map_pin_29:not([class*="map_pin_text_color"]),
.map_pin_30:not([class*="map_pin_text_color"]) {
    color: #000 !important;
    / *text-shadow: -1px -1px 0 #fff, -1px 0 0 #fff, -1px 1px 0 #fff, 0 -1px 0 #fff,0 1px 0 #fff, 1px -1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff !important; */
}

/* ----- アイコン: トピックスピン ----- */
.leaflet-container .leaflet-marker-pane .topics-pin.map_pin,
.leaflet-container .leaflet-marker-pane .topics-pin.map_pin_edit { /* マップ上のアイコンサイズ */
    width: calc(30px * var(--common-zoom-ratio));
    height: calc(44px * var(--common-zoom-ratio));
    font-size: calc(0.875rem * var(--common-zoom-ratio));
    color: #000;
    line-height: calc(40px * var(--common-zoom-ratio-map-pin-text));
    background-size: calc(30px * var(--common-zoom-ratio)) calc(44px * var(--common-zoom-ratio));
    translate: 0 var(--translate-y-map-topics-pin-justification-diff) !important;
}

/* ピンカラー一覧（トピックスピン・画像ファイル適用） */
.topics-pin.map_pin_1  { background-image: url('../img/topics_pin_01.png'); }
.topics-pin.map_pin_2  { background-image: url('../img/topics_pin_02.png'); }
.topics-pin.map_pin_3  { background-image: url('../img/topics_pin_03.png'); }
.topics-pin.map_pin_4  { background-image: url('../img/topics_pin_04.png'); }
.topics-pin.map_pin_5  { background-image: url('../img/topics_pin_05.png'); }
.topics-pin.map_pin_6  { background-image: url('../img/topics_pin_06.png'); }
.topics-pin.map_pin_7  { background-image: url('../img/topics_pin_07.png'); }
.topics-pin.map_pin_8  { background-image: url('../img/topics_pin_08.png'); }
.topics-pin.map_pin_9  { background-image: url('../img/topics_pin_09.png'); }
.topics-pin.map_pin_10 { background-image: url('../img/topics_pin_10.png'); }
.topics-pin.map_pin_11 { background-image: url('../img/topics_pin_11.png'); }
.topics-pin.map_pin_12 { background-image: url('../img/topics_pin_12.png'); }
.topics-pin.map_pin_13 { background-image: url('../img/topics_pin_13.png'); }
.topics-pin.map_pin_14 { background-image: url('../img/topics_pin_14.png'); }
.topics-pin.map_pin_15 { background-image: url('../img/topics_pin_15.png'); }
.topics-pin.map_pin_16 { background-image: url('../img/topics_pin_16.png'); }
.topics-pin.map_pin_17 { background-image: url('../img/topics_pin_17.png'); }
.topics-pin.map_pin_18 { background-image: url('../img/topics_pin_18.png'); }
.topics-pin.map_pin_19 { background-image: url('../img/topics_pin_19.png'); }
.topics-pin.map_pin_20 { background-image: url('../img/topics_pin_20.png'); }
.topics-pin.map_pin_21 { background-image: url('../img/topics_pin_21.png'); }
.topics-pin.map_pin_22 { background-image: url('../img/topics_pin_22.png'); }
.topics-pin.map_pin_23 { background-image: url('../img/topics_pin_23.png'); }
.topics-pin.map_pin_24 { background-image: url('../img/topics_pin_24.png'); }
.topics-pin.map_pin_25 { background-image: url('../img/topics_pin_25.png'); }
.topics-pin.map_pin_26 { background-image: url('../img/topics_pin_26.png'); }
.topics-pin.map_pin_27 { background-image: url('../img/topics_pin_27.png'); }
.topics-pin.map_pin_28 { background-image: url('../img/topics_pin_28.png'); }
.topics-pin.map_pin_29 { background-image: url('../img/topics_pin_29.png'); }
.topics-pin.map_pin_30 { background-image: url('../img/topics_pin_30.png'); }
.topics-pin.map_pin_31 { background-image: url('../img/topics_pin_31.png'); }
.topics-pin.map_pin_32 { background-image: url('../img/topics_pin_32.png'); }
.topics-pin.map_pin_33 { background-image: url('../img/topics_pin_33.png'); }
.topics-pin.map_pin_34 { background-image: url('../img/topics_pin_34.png'); }

/* ----- アイコン: 新しいコメントピンを立てる ----- */
.create-pin.map_pin_1  { background-image: url('../img/create_pin_01.png'); }
.create-pin.map_pin_2  { background-image: url('../img/create_pin_02.png'); }
.create-pin.map_pin_3  { background-image: url('../img/create_pin_03.png'); }
.create-pin.map_pin_4  { background-image: url('../img/create_pin_04.png'); }
.create-pin.map_pin_5  { background-image: url('../img/create_pin_05.png'); }
.create-pin.map_pin_6  { background-image: url('../img/create_pin_06.png'); }
.create-pin.map_pin_7  { background-image: url('../img/create_pin_07.png'); }
.create-pin.map_pin_8  { background-image: url('../img/create_pin_08.png'); }
.create-pin.map_pin_9  { background-image: url('../img/create_pin_09.png'); }
.create-pin.map_pin_10 { background-image: url('../img/create_pin_10.png'); }
.create-pin.map_pin_11 { background-image: url('../img/create_pin_11.png'); }
.create-pin.map_pin_12 { background-image: url('../img/create_pin_12.png'); }
.create-pin.map_pin_13 { background-image: url('../img/create_pin_13.png'); }
.create-pin.map_pin_14 { background-image: url('../img/create_pin_14.png'); }
.create-pin.map_pin_15 { background-image: url('../img/create_pin_15.png'); }
.create-pin.map_pin_16 { background-image: url('../img/create_pin_16.png'); }
.create-pin.map_pin_17 { background-image: url('../img/create_pin_17.png'); }
.create-pin.map_pin_18 { background-image: url('../img/create_pin_18.png'); }
.create-pin.map_pin_19 { background-image: url('../img/create_pin_19.png'); }
.create-pin.map_pin_20 { background-image: url('../img/create_pin_20.png'); }
.create-pin.map_pin_21 { background-image: url('../img/create_pin_21.png'); }
.create-pin.map_pin_22 { background-image: url('../img/create_pin_22.png'); }
.create-pin.map_pin_23 { background-image: url('../img/create_pin_23.png'); }
.create-pin.map_pin_24 { background-image: url('../img/create_pin_24.png'); }
.create-pin.map_pin_25 { background-image: url('../img/create_pin_25.png'); }
.create-pin.map_pin_26 { background-image: url('../img/create_pin_26.png'); }
.create-pin.map_pin_27 { background-image: url('../img/create_pin_27.png'); }
.create-pin.map_pin_28 { background-image: url('../img/create_pin_28.png'); }
.create-pin.map_pin_29 { background-image: url('../img/create_pin_29.png'); }
.create-pin.map_pin_30 { background-image: url('../img/create_pin_30.png'); }
.create-pin.map_pin_31 { background-image: url('../img/create_pin_31.png'); }
.create-pin.map_pin_32 { background-image: url('../img/create_pin_32.png'); }
.create-pin.map_pin_33 { background-image: url('../img/create_pin_33.png'); }
.create-pin.map_pin_34 { background-image: url('../img/create_pin_34.png'); }

/* ----- ピン編集中の表示 ----- */
.map-contents .leaflet-map-pane .map_pin {
    transition: opacity 0.3s ease-out;
}
.map-contents.is-edit .leaflet-map-pane .map_pin {
    pointer-events: none;
    opacity: 0.2;
}
.map-contents.is-edit .leaflet-map-pane .map_pin_edit {
    z-index: 10000 !important;
    opacity: 1 !important;
}

/* ----- DB管理パラメータの表示/非表示ステータスに応じたデザイン設定 ----- */

/* マップ上のピンを非表示化(DB管理ステータスによる) */
.map-contents .leaflet-map-pane .map_pin.is-hide,
.map-contents .leaflet-map-pane .map_pin_edit.is-hide {
    display: none !important;
}

/* マップ上のピンを非表示化(ピンの表示/非表示チェックボックス操作による) */
.map-contents .leaflet-map-pane .map_pin.is-hide-by-layer-control,
.map-contents .leaflet-map-pane .map_pin_edit.is-hide-by-layer-control {
    display: none !important;
}

/* ピン非表示中デザイン(コメントピン,トピックスピン共通) */
.map-topic-box .map_pin.is-hide { /* 通常モード・非表示時 */
    /* cursor: default; */
}
.map-topic-box .is-edit .map_pin.is-hide { /* 編集モード・非表示時 */
    cursor: pointer;
}

/* コメントピン非表示中デザイン */
.map-topic-box .map_pin.is-hide {
    background-position: center top;
    background-size: calc(100% - 12px * var(--common-zoom-ratio)) auto;
}
.map-topic-box .map_pin.map_pin_lg.is-hide {
    background-size: calc(100% - 5px * var(--common-zoom-ratio)) auto;
}
.map-topic-box .map_pin_1.is-hide {
    color: rgb(255,0,0);
    background-image: url('../img/pin_not_active_01.png');
}
.map-topic-box .map_pin_2.is-hide {
    color: rgb(255,147,1);
    background-image: url('../img/pin_not_active_02.png');
}
.map-topic-box .map_pin_3.is-hide {
    color: rgb(255,241,5);
    background-image: url('../img/pin_not_active_03.png');
}
.map-topic-box .map_pin_4.is-hide {
    color: rgb(0,176,80);
    background-image: url('../img/pin_not_active_04.png');
}
.map-topic-box .map_pin_5.is-hide {
    color: rgb(4,50,255);
    background-image: url('../img/pin_not_active_05.png');
}
.map-topic-box .map_pin_6.is-hide {
    color: rgb(0,32,96);
    background-image: url('../img/pin_not_active_06.png');
}
.map-topic-box .map_pin_7.is-hide {
    color: rgb(0,176,240);
    background-image: url('../img/pin_not_active_07.png');
}
.map-topic-box .map_pin_8.is-hide {
    color: rgb(255,47,146);
    background-image: url('../img/pin_not_active_08.png');
}
.map-topic-box .map_pin_9.is-hide  {
    color: rgb(114,73,217);
    background-image: url('../img/pin_not_active_09.png');
}
.map-topic-box .map_pin_10.is-hide {
    color: rgb(255,255,255);
    background-image: url('../img/pin_not_active_10.png');
}
.map-topic-box .map_pin_11.is-hide {
    color: rgb(191,191,191);
    background-image: url('../img/pin_not_active_11.png');
}
.map-topic-box .map_pin_12.is-hide {
    color: rgb(0,0,0);
    background-image: url('../img/pin_not_active_12.png');
}
.map-topic-box .map_pin_13.is-hide {
    color: rgb(195,0,47);
    background-image: url('../img/pin_not_active_13.png');
}
.map-topic-box .map_pin_14.is-hide {
    color: rgb(127,0,25);
    background-image: url('../img/pin_not_active_14.png');
}
.map-topic-box .map_pin_15.is-hide {
    color: rgb(255,198,28);
    background-image: url('../img/pin_not_active_15.png');
}
.map-topic-box .map_pin_16.is-hide {
    color: rgb(206,254,29);
    background-image: url('../img/pin_not_active_16.png');
}
.map-topic-box .map_pin_17.is-hide {
    color: rgb(0,101,62);
    background-image: url('../img/pin_not_active_17.png');
}
.map-topic-box .map_pin_18.is-hide {
    color: rgb(0,64,151);
    background-image: url('../img/pin_not_active_18.png');
}
.map-topic-box .map_pin_19.is-hide {
    color: rgb(68,215,226);
    background-image: url('../img/pin_not_active_19.png');
}
.map-topic-box .map_pin_20.is-hide {
    color: rgb(0,159,150);
    background-image: url('../img/pin_not_active_20.png');
}
.map-topic-box .map_pin_21.is-hide {
    color: rgb(181,42,131);
    background-image: url('../img/pin_not_active_21.png');
}
.map-topic-box .map_pin_22.is-hide {
    color: rgb(239,239,238);
    background-image: url('../img/pin_not_active_22.png');
}
.map-topic-box .map_pin_23.is-hide {
    color: rgb(217,217,217);
    background-image: url('../img/pin_not_active_23.png');
}
.map-topic-box .map_pin_24.is-hide {
    color: rgb(170,170,170);
    background-image: url('../img/pin_not_active_24.png');
}
.map-topic-box .map_pin_25.is-hide {
    color: rgb(127,127,127);
    background-image: url('../img/pin_not_active_25.png');
}
.map-topic-box .map_pin_26.is-hide {
    color: rgb(89,89,89);
    background-image: url('../img/pin_not_active_26.png');
}
.map-topic-box .map_pin_27.is-hide {
    color: rgb(64,64,64);
    background-image: url('../img/pin_not_active_27.png');
}
.map-topic-box .map_pin_28.is-hide {
    color: rgb(37,37,37);
    background-image: url('../img/pin_not_active_28.png');
}
.map-topic-box .map_pin_29.is-hide {
    color: rgb(247,245,232);
    background-image: url('../img/pin_not_active_29.png');
}
.map-topic-box .map_pin_30.is-hide {
    color: rgb(235,226,213);
    background-image: url('../img/pin_not_active_30.png');
}
.map-topic-box .map_pin_31.is-hide {
    color: rgb(183,162,115);
    background-image: url('../img/pin_not_active_31.png');
}
.map-topic-box .map_pin_32.is-hide {
    color: rgb(132,132,0);
    background-image: url('../img/pin_not_active_32.png');
}
.map-topic-box .map_pin_33.is-hide {
    color: rgb(115,91,64);
    background-image: url('../img/pin_not_active_33.png');
}
.map-topic-box .map_pin_34.is-hide {
    color: rgb(45,36,26);
    background-image: url('../img/pin_not_active_34.png');
}

/* トピックスピン非表示中デザイン */
.map-topic-box .map_pin.topics-pin.is-hide {
    background-position: center center;
    background-image: url('../img/topics_pin_not_active.png');
    background-size: calc(100% - 0px * var(--common-zoom-ratio)) auto;
}
.map-topic-box .map_pin.map_pin_lg.topics-pin.is-hide {
    background-size: calc(100% - 5px * var(--common-zoom-ratio)) auto;
}

/* ピン表示ON/OFFツールチップ */
.tooltip.tooltip-pin-show-or-hide {
    width: calc(230px * var(--common-zoom-ratio));
}
.tooltip.tooltip-pin-show-or-hide[data-popper-placement^="top"],
.tooltip.tooltip-pin-show-or-hide[data-popper-placement^="bottom"] {
    left: calc(88px * var(--common-zoom-ratio)) !important;
}
.tooltip.tooltip-pin-show-or-hide[data-popper-placement^="top"] {
    bottom: calc(-1px * var(--common-zoom-ratio)) !important;
}
.tooltip.tooltip-pin-show-or-hide[data-popper-placement^="bottom"] {
    top: calc(-1px * var(--common-zoom-ratio)) !important;
}
.tooltip.tooltip-pin-show-or-hide[data-popper-placement^="top"] .tooltip-arrow::before,
.tooltip.tooltip-pin-show-or-hide[data-popper-placement^="bottom"] .tooltip-arrow::before {
    left: calc(-87.5px * var(--common-zoom-ratio));
}
.tooltip.tooltip-pin-show-or-hide .tooltip-inner {
    max-width: none;
    width: 100%;
    padding-left: calc(0.5rem * var(--common-zoom-ratio));
    padding-right: calc(0.5rem * var(--common-zoom-ratio));
    text-align: center;
    line-height: calc(30px * var(--common-zoom-ratio)) !important;
}

/* ----- ピンの名前ラベル ----- */
.leaflet-marker-icon .pin-name {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: calc(-24px * var(--common-zoom-ratio));
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(16rem * var(--common-zoom-ratio));
    text-align: center;
    white-space: nowrap;
    font-size: calc(0.75rem * var(--common-zoom-ratio));
    line-height: calc(27px * var(--common-zoom-ratio));
}
.leaflet-marker-icon.map_pin_edit .pin-name { display: none; }

/* ----- ピン吹き出し ----- */
.leaflet-marker-icon .pin-balloon {
    position: absolute;
    top: calc(-40px * var(--common-zoom-ratio));
    left: calc(-5rem * var(--common-zoom-ratio));
    margin-left: 50%;
    width: calc(10rem * var(--common-zoom-ratio));
    border-radius: calc(0.5rem * var(--common-zoom-ratio));
    padding: calc(0.25rem * var(--common-zoom-ratio)) 0;
    text-align: center;
    font-size: calc(0.75rem * var(--common-zoom-ratio));
    line-height: calc(27px * var(--common-zoom-ratio));
    color: #fff;
    background-color: #ff2f92;
}
.leaflet-marker-icon .pin-name ~ .pin-balloon {
    top: calc((-24px + -40px) * var(--common-zoom-ratio));
}
.leaflet-marker-icon.map_pin_edit .pin-name ~ .pin-balloon {
    top: calc(-40px * var(--common-zoom-ratio));
}
.leaflet-marker-icon .pin-balloon .pin-balloon-arrow {
    position: absolute;
    display: block;
    width: calc(0.8rem * var(--common-zoom-ratio));
    height: calc(0.4rem * var(--common-zoom-ratio));
    left: 50%;
    bottom: 0;
    margin-left: calc(-0.4rem * var(--common-zoom-ratio));
}
.leaflet-marker-icon .pin-balloon .pin-balloon-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    left: 0;
    top: calc(5px * var(--common-zoom-ratio));
    border-width: calc(0.4rem * var(--common-zoom-ratio)) calc((0.8rem * .5) * var(--common-zoom-ratio)) 0;
    border-top-color: #ff2f92;
}

.leaflet-marker-icon .pin-balloon.pin-balloon-here {
    width: calc(5rem * var(--common-zoom-ratio));
    left: calc(-2.5rem * var(--common-zoom-ratio));
    font-size: calc(1.0rem * var(--common-zoom-ratio));
    background-color: #ff2f92;
}
.leaflet-marker-icon .pin-balloon.pin-balloon-here .pin-balloon-arrow::before {
    border-top-color: #ff2f92;
}

.leaflet-marker-icon.map_pin .pin-balloon { display: none; }

.leaflet-marker-icon.map_pin_edit .pin-balloon.pin-balloon-edit { display: block; }
.leaflet-marker-icon.map_pin_edit .pin-balloon.pin-balloon-here { display: none; }

.leaflet-marker-icon.map_pin.is-here .pin-balloon.pin-balloon-edit { display: none; }
.leaflet-marker-icon.map_pin.is-here .pin-balloon.pin-balloon-here { display: block; }
.leaflet-marker-icon.map_pin.is-here {
    z-index: 19999 !important;
}

/* トピックスカード内ピン表示サイズ指定 */
.map-topic-box-info .leaflet-marker-icon-dummy {
    display: flex;
    justify-content: center;
    min-width: calc(38px * var(--common-zoom-ratio));
}

/* ----- アイコン: アクセススポットタグ -----*/
.access-spot-tag-pin,
.access-spot-tag-pin .pin-icon-svg {
    background-image: none;
    width: calc(22px * var(--common-zoom-ratio));
    height: calc(22px * var(--common-zoom-ratio));
    line-height: calc(22px * var(--common-zoom-ratio));
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 65.101562 65.101562' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(0.95,0,0,0.95,2.1507813,2.1507813)'%3E%3Cpath d='M 56,32 A 24,24 0 0 1 32,56 24,24 0 0 1 8,32 24,24 0 0 1 32,8 24,24 0 0 1 56,32 Z' fill='white'/%3E%3C/g%3E%3Cg transform='translate(0.05078125,0.05078125)'%3E%3Cpath d='m 32.5,0.5 c -17.649405,0 -32,14.350595 -32,32 0,17.649405 14.350595,32 32,32 17.649405,0 32,-14.350595 32,-32 0,-17.649405 -14.350595,-32 -32,-32 z m 0,4 c 15.487647,0 28,12.512353 28,28 0,15.487647 -12.512353,28 -28,28 -15.487647,0 -28,-12.512353 -28,-28 0,-15.487647 12.512353,-28 28,-28 z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 65.101562 65.101562' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(0.95,0,0,0.95,2.1507813,2.1507813)'%3E%3Cpath d='M 56,32 A 24,24 0 0 1 32,56 24,24 0 0 1 8,32 24,24 0 0 1 32,8 24,24 0 0 1 56,32 Z' fill='white'/%3E%3C/g%3E%3Cg transform='translate(0.05078125,0.05078125)'%3E%3Cpath d='m 32.5,0.5 c -17.649405,0 -32,14.350595 -32,32 0,17.649405 14.350595,32 32,32 17.649405,0 32,-14.350595 32,-32 0,-17.649405 -14.350595,-32 -32,-32 z m 0,4 c 15.487647,0 28,12.512353 28,28 0,15.487647 -12.512353,28 -28,28 -15.487647,0 -28,-12.512353 -28,-28 0,-15.487647 12.512353,-28 28,-28 z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}
.access-spot-tag-pin:not([class*="map_pin_text_color"]) {
    color: #fff;
}
.access-spot-tag-pin:not([class*="map_pin_bg_color"]),
.access-spot-tag-pin:not([class*="map_pin_bg_color"]) .pin-icon-svg {
    background-color: #000;
}
.access-spot-tag-pin.map_pin_sm,
.access-spot-tag-pin.map_pin_sm .pin-icon-svg {
    width: calc(13px * var(--common-zoom-ratio));
    height: calc(13px * var(--common-zoom-ratio));
    line-height: calc(13px * var(--common-zoom-ratio));
}
.access-spot-tag-pin.map_pin_lg,
.access-spot-tag-pin.map_pin_lg .pin-icon-svg {
    font-size: calc(1.0rem * var(--common-zoom-ratio));
    width: calc(38px * var(--common-zoom-ratio));
    height: calc(38px * var(--common-zoom-ratio));
    line-height: calc(38px * var(--common-zoom-ratio));
}
.access-spot-tag-pin .pin-number {
    display: none;
}

.leaflet-container .leaflet-marker-pane .access-spot-tag-pin.map_pin,
.leaflet-container .leaflet-marker-pane .access-spot-tag-pin.map_pin_edit { /* マップ上のアイコンサイズ */
    font-size: calc(0.575rem * var(--common-zoom-ratio));
    translate: 0 var(--translate-y-map-pin-justification-diff) !important;
    line-height: calc(18px * var(--common-zoom-ratio-map-pin-text));
}
.leaflet-container .access-spot-tag-pin.map_pin:not(.map_pin_edit):hover {
    top: calc(-2px * var(--common-zoom-ratio));
}

.leaflet-container .leaflet-marker-pane .access-spot-tag-pin.map_pin,
.leaflet-container .leaflet-marker-pane .access-spot-tag-pin.map_pin_edit { /* マップ上のアイコンサイズ */
    font-size: calc(0.575rem * var(--common-zoom-ratio));
    background-size: calc(24px * var(--common-zoom-ratio)) calc(35px * var(--common-zoom-ratio));
    translate: 0 var(--translate-y-map-pin-justification-diff) !important;
    line-height: calc(27px * var(--common-zoom-ratio-map-pin-text));
}
.leaflet-container .access-spot-tag-pin.map_pin:not(.map_pin_edit):hover {
    top: calc(-2px * var(--common-zoom-ratio));
}

.btn-card-footer .icon.access-spot-tag-pin {
    line-height: calc(38px * var(--common-zoom-ratio-map-pin-text));
    mask-size: calc(21px * var(--common-zoom-ratio));
    -webkit-mask-size: calc(21px * var(--common-zoom-ratio));
}

.leaflet-marker-icon .pin-name,
.access-spot-tag-input-wrapper .form-label,
.access-spot-tag-input-wrapper .form-label *:not(i) {
    font-size: calc(0.875rem * var(--common-zoom-ratio-lg));
}



/* ----- トピックス検索 ----- */
.not-have-all-search-target-message {
    display: none;
    padding: calc(1.0rem * var(--common-zoom-ratio)) calc(0.5rem * var(--common-zoom-ratio));
    text-align: center;
    font-size: calc(0.875rem * var(--common-zoom-ratio));
    font-weight: 700;
}
.not-have-all-search-target .not-have-all-search-target-message {
    display: block;
}

.map_pin.is-not-search-target,
.map-topic-box.is-not-search-target,
.map-topic-pin-detail.is-not-search-target {
    display: none !important;
}



/* ----------------------
 * ポップアップ
 * ----------------------*/
.leaflet-popup-content-wrapper .btn {
    font-size: calc(0.8rem * var(--common-zoom-ratio));
    padding: calc(0.15rem * var(--common-zoom-ratio)) calc(0.8rem * var(--common-zoom-ratio));
    height: calc(1.8rem * var(--common-zoom-ratio));
}
.leaflet-popup-content-wrapper .btn + .btn {
    margin-left: calc(5px * var(--common-zoom-ratio));
}

/* ----------------------
 * ペジネーション
 * ----------------------*/
.pagination-wrapper {
    position: relative;
    overflow: hidden;
    overflow-x: scroll;
    margin-left: calc(-0.2rem * var(--common-zoom-ratio));
}
.page-button-list {
    display: block !important;
    width: 100%;
    padding: calc(1.0rem * var(--common-zoom-ratio)) 0;
    text-align: right;
    white-space: nowrap;
}
.page-button-list .page-item {
    display: inline-block !important;
}
.page-button-list .page-item .page-link {
    margin-right: 0;
}



/* =========================================
 * トピックス一覧
 * ========================================= */
.map-topic-box-list {
    position: relative;
}

.map-topic-box,
.card-right-side-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.map-topic-box.active,
.card-right-side-content.active {
    display: block;
    opacity: 1;
}
.map-topic-box.not-active,
.card-right-side-content.not-active {
    display: none;
    opacity: 0;
}

.map-topic-box-info,
.card-right-side-content .card-header .card-header-inner {
    background: transparent !important;
}
.card-right-side-content .card-header .card-header-inner .card-title {
    min-height: 40px;
    margin-bottom: 0;
    font-size: 1.0rem;
}
.map-topic-box-info .map-topic-box-info-inner .inner-edit,
.map-topic-box-info.is-edit .map-topic-box-info-inner .inner-fixed {
    display: none;
}
.map-topic-box-info .map-topic-box-info-inner .inner-fixed,
.map-topic-box-info.is-edit .map-topic-box-info-inner .inner-edit {
    display: block;
}
.map-topic-box-info.is-edit {
    border-radius: 1.5rem !important;
}
.map-topic-box-info.is-edit + .map-topic-pin-detail-list-wrapper .map-topic-pin-detail-list,
.map-topic-box-info + .map-topic-pin-detail-list-wrapper:has(.map-topic-pin-detail-list .map-topic-pin-detail.is-edit)::before,
.map-topic-box-info + .map-topic-pin-detail-list-wrapper .map-topic-pin-detail-list:has(.map-topic-pin-detail.is-edit),
.map-topic-box-info.is-edit + .map-topic-pin-detail-list-wrapper::before {
    border-bottom: none;
}
.map-topic-box-info + .map-topic-pin-detail-list-wrapper .map-topic-pin-detail-list:has(.map-topic-pin-detail-blank),
.map-topic-box-info + .map-topic-pin-detail-list-wrapper:has(.map-topic-pin-detail-list .map-topic-pin-detail-blank)::before,
.map-topic-box.not-have-search-target .map-topic-box-info + .map-topic-pin-detail-list-wrapper .map-topic-pin-detail-list,
.card-right-side-content > .card-body:not(:has(.access-spot-tag-item))::before {
    border-top: none;
}
.map-topic-box-info.is-edit + .map-topic-pin-detail-list-wrapper .map-topic-pin-detail-list .map-topic-pin-detail-blank {
    display: none;
}
.map-topic-box-info.is-edit + .map-topic-pin-detail-list-wrapper + .card-footer,
.map-topic-box-info + .map-topic-pin-detail-list-wrapper:has(.map-topic-pin-detail-list .map-topic-pin-detail.is-edit) + .card-footer,
.card-right-side-content .card-header.is-edit + .item-list-wrapper + .card-footer,
.card-right-side-content .card-header + .item-list-wrapper:has(.item-list .item.is-edit) + .card-footer
{
    padding: 0 !important;
    padding-bottom: calc(1.5rem * var(--common-zoom-ratio)) !important;
}
.map-topic-box-info.is-edit + .map-topic-pin-detail-list-wrapper + .card-footer *,
.map-topic-box-info + .map-topic-pin-detail-list-wrapper:has(.map-topic-pin-detail-list .map-topic-pin-detail.is-edit) + .card-footer *,
.card-right-side-content .card-header.is-edit + .item-list-wrapper + .card-footer *,
.card-right-side-content .card-header + .item-list-wrapper:has(.item-list .item.is-edit) + .card-footer *
{
    display: none;
}

.map-topic-pin-detail-list,
.item-list-wrapper .item-list {
    box-sizing: border-box;
    list-style: none;
    position: relative;
    overflow: auto;
    overflow-x: hidden;
}

/* スクロールバー非表示化 */
/* .map-topic-pin-detail-list, */
/* .item-list-wrapper .item-list { */
/*     scrollbar-width: none; /\* Firefox *\/ */
/* } */
/* .map-topic-pin-detail-list::-webkit-scrollbar, */
/* .item-list-wrapper .item-list::-webkit-scrollbar { */
/*     display: none; /\* Chrome, Safari, Edge *\/ */
/* } */

.map-topic-pin-detail .map-topic-pin-detail-inner .inner-edit,
.map-topic-pin-detail.is-edit .map-topic-pin-detail-inner .inner-fixed,
.item-list-wrapper .item-list .item .inner-edit,
.item-list-wrapper .item-list .item.is-edit .inner-fixed {
    display: none;
}
.map-topic-pin-detail .map-topic-pin-detail-inner .inner-fixed,
.map-topic-pin-detail.is-edit .map-topic-pin-detail-inner .inner-edit,
.item-list-wrapper .item-list .item .inner-fixed,
.item-list-wrapper .item-list .item.is-edit .inner-edit {
    display: block;
}

.form-border-wrapper {
    box-sizing: border-box;
    border: 2px solid #000;
    border-radius: 0.375rem;
}
.form-border {
    margin: -2px !important;
}

/* ピンカラー設定チェックボックス */
.inner-edit .form-group:has(.form-check.form-check-inline-btn) {
    width: calc(100% + 0.5rem * var(--common-zoom-ratio)) !important;
    display: flex;
    flex-wrap: wrap;
    gap: calc(0.5rem * var(--common-zoom-ratio));
    margin-top: 0.125rem;
    margin-right: calc(-0.5rem * var(--common-zoom-ratio));
}
.inner-edit .form-group:has(.form-check.form-check-inline-btn) .form-check.form-check-inline-btn {
    flex: 0 0 calc(100% / 6 - 0.5rem * var(--common-zoom-ratio)) !important;
    padding: 0 !important;
    margin: 0 !important;
}
.inner-edit .form-check.form-check-inline-btn .btn-check + .btn {
    width: 100% !important;
    padding: calc(0.15rem * var(--common-zoom-ratio)) calc(0.15rem * var(--common-zoom-ratio));
}
.inner-edit .form-check.form-check-inline-btn .leaflet-marker-icon-dummy {
    margin-left: calc(0.325rem * var(--common-zoom-ratio)) !important;
    margin-right: calc(0.325rem * var(--common-zoom-ratio)) !important;
}
.inner-edit .form-check.form-check-inline-btn .map_pin {
    width: 20px;
    background-size: 20px auto;
}
.inner-edit .form-check.form-check-inline-btn .map_pin .pin-icon-svg {
    width: 100%;
    height: 100%;
}
.access-spot-tag-item .inner-edit .form-check.form-check-inline-btn .btn-check + .btn {
    padding: calc(0.525rem * var(--common-zoom-ratio)) calc(0.15rem * var(--common-zoom-ratio));
}



/* =========================================
 * テーマファイル拡大表示
 * ========================================= */

/* ---------------------------
 * ボタン
 * ---------------------------*/
.btn-view-expand-or-compress {
    font-size: calc(1.875rem * var(--common-zoom-ratio)) !important;
}

/* テーマファイル拡大表示ツールチップ */
.tooltip.tooltip-view-expand-or-compress {
    /* */
}
.tooltip.tooltip-view-expand-or-compress[data-popper-placement^="top"],
.tooltip.tooltip-view-expand-or-compress[data-popper-placement^="bottom"] {
    /* */
}
.tooltip.tooltip-view-expand-or-compress[data-popper-placement^="top"] .tooltip-inner,
.tooltip.tooltip-view-expand-or-compress[data-popper-placement^="bottom"] .tooltip-inner {
    /* */
}
.tooltip.tooltip-view-expand-or-compress[data-popper-placement^="top"] {
    bottom: calc(3px * var(--common-zoom-ratio)) !important;
}
.tooltip.tooltip-view-expand-or-compress[data-popper-placement^="bottom"] {
    top: calc(3px * var(--common-zoom-ratio)) !important;
}
.tooltip.tooltip-view-expand-or-compress[data-popper-placement^="top"] .tooltip-arrow::before,
.tooltip.tooltip-view-expand-or-compress[data-popper-placement^="bottom"] .tooltip-arrow::before {
    /* */
}
.tooltip.tooltip-view-expand-or-compress .tooltip-inner {
    max-width: none !important;
    width: auto !important;
    padding-left: calc(0.5rem * var(--common-zoom-ratio));
    padding-right: calc(0.5rem * var(--common-zoom-ratio));
    text-align: center;
    margin-left: calc(-33.3333% * var(--common-zoom-ratio));
    margin-right: calc(33.3333% * var(--common-zoom-ratio));
    line-height: calc(30px * var(--common-zoom-ratio)) !important;
}


/* ---------------------------
 * 拡大表示設定
 * ---------------------------*/
.is-view-expand header,
.is-view-expand aside,
.is-view-expand .navbar-vertical.navbar-expand-xs,
.is-view-expand .toast-wrapper,
.is-view-expand .topic-list-content,
.is-view-expand .project-main-content > *:not(.card-project-main-content),
.is-view-expand .project-main-content .card-project-main-content .card-footer .dropstart,
.is-view-expand .project-main-content .card-project-main-content .card-footer .project-member-btn-wrapper,
.is-view-expand .project-main-content .card-project-main-content .card-footer .btn-view-expand-or-compress.btn-view-expand,
body:not(.is-view-expand) .project-main-content .card-project-main-content .card-footer .btn-view-expand-or-compress.btn-view-compress,
.project-main-content .btn-view-expand-or-compress.btn-view-compress.btn-view-compress-for-sp,
.is-view-expand .search-module-wrapper,
.is-view-expand .btn-add-new-topic-wrapper {
    display: none !important;
}
.is-view-expand main.main-fill .container-fluid {
    padding: 0 !important;
}
.is-view-expand main.main-fill .main-fill-contents-wrapper .main-fill-top-contents {
    padding: 0 !important;
    width: 100% !important;
}

.is-view-expand .sidenav.fixed-start~.main-content {
    margin-left: 0 !important;
}
.is-view-expand .project-main-content {
    height: 100%;
    overflow-y: hidden;
}
.is-view-expand .project-main-content .card-project-main-content .card-body {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.is-view-expand .map-contents-list[class*="aspect-ratio-img-box-"] {
    height: 100dvh;
    padding-bottom: 0;
    border-radius: 0;
}

.is-view-expand .project-main-content .card-project-main-content .card-footer {
    pointer-events: none;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    padding-bottom: calc(15px * var(--common-zoom-ratio)) !important;
    padding-right: calc(30px * var(--common-zoom-ratio)) !important;
}
.is-view-expand .project-main-content .card-project-main-content .card-footer .project-info-box {
    opacity: 0;
}
.is-view-expand .project-main-content .card-project-main-content .card-footer .btn-view-expand-or-compress {
    pointer-events: auto;
}
.is-view-expand .tooltip.tooltip-view-expand-or-compress {
    position: fixed !important;
}
.is-view-expand .btn-circle-with-icon.btn-lg.btn-view-expand-or-compress.btn-view-compress {
    width: calc(50px * var(--common-zoom-ratio));
    height: calc(50px * var(--common-zoom-ratio));
}
.is-view-expand .tooltip.tooltip-view-expand-or-compress .tooltip-inner {
    margin-left: auto !important;
    margin-right: auto !important;
}

.is-view-expand .leaflet-left .leaflet-control {
    margin-left: calc(20px * var(--common-zoom-ratio));
}
.is-view-expand .leaflet-right .leaflet-control {
    margin-right: calc(20px * var(--common-zoom-ratio));
}
.is-view-expand .leaflet-top .leaflet-control {
    margin-top: calc(20px * var(--common-zoom-ratio));
}
.is-view-expand .leaflet-bottom .leaflet-control {
    margin-bottom: calc(20px * var(--common-zoom-ratio));
}
.is-view-expand .leaflet-control-container .leaflet-control-layers-expanded {
    max-height: calc(100% - 113px * var(--common-zoom-ratio)) !important;
    margin-bottom: calc(90px * var(--common-zoom-ratio)) !important;
}



/* =========================================
 * View mode
 * ========================================= */
.is-view-mode .map-topic-box-info + .map-topic-pin-detail-list-wrapper::before,
.is-view-mode .card-right-side-content .card-header + .item-list-wrapper::before {
    border-bottom: none !important;
}
.is-view-mode .map-topic-pin-detail-list-wrapper + .map-topic-box-footer.py-3,
.is-view-mode .item-list-wrapper + .card-footer.py-3 {
    padding: 0 !important;
    padding-bottom: calc(1.5rem * var(--common-zoom-ratio)) !important;
}
.is-view-mode .map-topic-pin-detail-list-wrapper:has(.map-topic-pin-detail-list .map-topic-pin-detail-blank) + .map-topic-box-footer.py-3,
.is-view-mode .item-list-wrapper:has(.item-list .item-blank) + .card-footer.py-3 {
    padding-bottom: 0 !important;
}
.is-view-mode .leaflet-custom-layer-control {
    display: none !important;
}



/* =========================================
 * PC版縮小サイズ表示（約80％）
 * ========================================= */
@media (min-width: 992px) and (max-width: 1599px) {
    :root {
        --common-zoom-ratio: 0.8;
        --common-zoom-ratio-lg: 0.9;
        --common-zoom-ratio-map-pin-text: 1.1;
        --translate-y-map-pin-justification-diff: 4px;
        --translate-y-map-topics-pin-justification-diff: 4px;
    }

    /* ---------- フォーム汎用 ---------- */
    .project-main .form-control {
        padding-left: 0.45rem;
        padding-right: 0.45rem;
        font-size: calc(0.875rem * var(--common-zoom-ratio-lg)) !important;
    }
    .project-main textarea.form-control {
        line-height: 1.27969rem;
    }

    /* ---------- 検索BOX ---------- */
    [data-pc-placement-of="search-module-wrapper"] .search-module-wrapper .input-group .form-control {
        line-height: calc(1.4rem * var(--common-zoom-ratio));
    }
    [data-pc-placement-of="search-module-wrapper"] .search-module-wrapper .input-group input[type="text"] {
        padding-left: calc(1.5rem * var(--common-zoom-ratio)) !important;
        padding-top: calc(0.5rem * var(--common-zoom-ratio)) !important;
        padding-bottom: calc(0.5rem * var(--common-zoom-ratio)) !important;
        font-size: 0.875rem !important;
    }
    [data-pc-placement-of="search-module-wrapper"] .search-module-wrapper .input-group .form-control.rounded-pill .btn-rounded-circle.btn-sm {
        width: 28px !important;
        height: 28px !important;
    }
    [data-pc-placement-of="search-module-wrapper"] .search-module-wrapper .input-group .form-control.rounded-pill .btn.btn-rounded-circle.btn-sm,
    [data-pc-placement-of="search-module-wrapper"] .search-module-wrapper .input-group .form-control.rounded-pill .btn.btn-rounded-circle.btn-sm i {
        font-size: 0.875rem !important;
    }
    [data-pc-placement-of="search-module-wrapper"] .search-module-wrapper .input-group .form-control.rounded-pill .btn.btn-rounded-circle.btn-sm.btn-clear {
        width: 30px;
    }
    [data-pc-placement-of="search-module-wrapper"] .search-module-wrapper .input-group .form-control.rounded-pill .btn.btn-rounded-circle.btn-sm.btn-clear i {
        font-size: 1.25rem !important;
    }

    /* ---------- +-ボタン ---------- */
    .leaflet-bar a,
    .leaflet-bar a:hover {
        width: 22px !important;
        height: 22px !important;
        line-height: 22px !important;
        font-size: 0.875rem !important;
    }

    /* ---------- テーマファイル上ON/OFFチェックボックス ---------- */
    .custom-layer-control-checkbox-wrapper .form-check:not(.form-switch) .form-check-input[type="checkbox"] {
        width: 0.75rem !important;
        height: 0.75rem !important;
        min-width: 0.75rem !important;
    }
    .custom-layer-control-checkbox-wrapper .form-check:not(.form-switch) .form-check-input[type="checkbox"]:after {
        font-size: 0.5rem;
    }

    /* ---------- トピックスカード ---------- */
    .card-topic-content .map-topic-box-info,
    .card-right-side-content .card-header {
        padding-top: 0.0705rem !important;
        padding-bottom: 0.0705rem !important;
    }
    .card-topic-content .map-topic-box-info .leaflet-marker-icon-dummy,
    .card-right-side-content .card-header .leaflet-marker-icon-dummy {
        margin-left: 0.5rem !important;
        margin-right: 0.425rem !important;
    }
    .card-topic-content .topic-name,
    .card-right-side-content .topic-name {
        font-size: 1.0rem;
    }
    .card-topic-content .input-text-caution,
    .card-right-side-content .input-text-caution {
        font-size: 0.675rem !important;
    }
    .card-topic-content .invalid-feedback,
    .card-right-side-content .invalid-feedback {
        font-size: 0.75rem !important;
    }
    .card .card-footer.map-topic-box-footer,
    .card-right-side-content .item-list-wrapper + .card-footer {
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }

    /* ---------- アクセススポットタグ ---------- */
    .btn-card-footer .icon.access-spot-tag-pin {
        line-height: calc(27px * var(--common-zoom-ratio-map-pin-text));
    }

    /* ---------- ツールチップ ---------- */
    .tooltip:not(.tooltip-text-lg), .tooltip:not(.tooltip-text-lg) .tooltip-inner {
        font-size: 0.7rem !important;
    }
}



/* =========================================
 * SP版
 * ========================================= */
[data-pc-placement-of] { display: block; }
[data-sp-placement-of] { display: none; }
[data-scroll-to-placement-of="search-module-wrapper"] { display: none; }

@media (max-width: 991px) {
    :root {
        /* --topic-list-content-height: calc(100dvh - (100dvw * (9 / 16)) - 54px); */
        --topic-list-content-height: calc(100dvh * (3 / 4) + (14px / 2)); /* トピックスリストせり上がり時のテーマファイル表示領域の確保とピンのセンタリング位置調整のため、画面の1/4の余白を上部に設ける */
    }
    
    [data-pc-placement-of] { display: none; }
    [data-sp-placement-of] { display: block; }
    [data-scroll-to-placement-of="search-module-wrapper"] { display: block; }
    
    [data-sp-placement-of="card-project-main-content-footer"] {
        min-height: 16px;
    }
    [data-sp-placement-of="card-project-main-content-footer"] > * { display: none !important; }

    .tooltip.tooltip-pin-show-or-hide,
    .tooltip.tooltip-view-expand-or-compress {
        display: none !important;
    }
    
    main.project-main.main-fill.main-fill-sp .main-fill-top-contents {
        padding-left: 1.0rem !important;
        padding-right: 1.0rem !important;
        padding-top: 0 !important;
    }
    main.project-main.main-fill.main-fill-sp .main-fill-top-contents .map-contents-wrapper {
        /* max-height: 500px !important; */
    }
    
    .project-main-content .card.card-project-main-content {
        /* margin-top: calc(500px + 2.0rem) !important; */
    }
    .project-main-content .card.card-project-main-content .card-body .tab-content .tab-pane {
        pointer-events: none;
        position: fixed !important;
        left: 0;
        top: 0;
        z-index: 0;
    }
    .project-main-content .card.card-project-main-content .card-body .tab-content .tab-pane > .map-contents-wrapper.active {
        pointer-events: auto;
    }
    
    .map-contents-list.aspect-ratio[class*="aspect-ratio-img-box-"] {
        border-radius: 0;
        /* margin-top: clamp(-50dvh, calc(var(--topic-list-content-height) * -1 + 54px), 0px);
        padding-bottom: clamp(100dvh, calc(100dvh + var(--topic-list-content-height) - 54px), 150dvh); */
        padding-bottom: 100dvh !important;
        min-height: 0;
    }

    .leaflet-control-zoom, .leaflet-custom-layer-control {
        display: none !important;
    }

    .card-project-main-content-footer {
        position: relative;
    }
    .card-project-main-content-footer.px-3 {
        padding-left: 1.0rem !important;
        padding-right: 1.0rem !important;
    }
    .card-project-main-content-footer .project-member-btn-wrapper,
    .card-project-main-content-footer .btn-add-new-topic-wrapper,
    .card-project-main-content-footer .btn-view-expand-or-compress-wrapper,
    .project-main-content .card-project-members {
        display: none !important;
    }
    
    main.project-main.main-fill.main-fill-sp .main-fill-top-contents.topic-list-content {
        position: fixed;
        overflow-y: auto;
        overscroll-behavior: none;
        left: 0;
        bottom: 0;
        z-index: 1;
        width: 100%;
        height: var(--topic-list-content-height) !important;
        min-height: 300px;
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        transition: none;
        transform: translateY(100%);
    }

    main.project-main.main-fill.main-fill-sp .search-module-wrapper {
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
        margin-right: 0;
        padding-top: 0.5rem;
        padding-bottom: 1.25rem;
    }
    main.project-main.main-fill.main-fill-sp [data-scroll-to-placement-of="search-module-wrapper"] {
        position: fixed;
        left: 0;
        bottom: calc(50dvh - 80px);
        z-index: 10;
        width: 100%;
        padding-left: 1.0rem;
        padding-right: 1.0rem;
    }

    /* header内に検索BOXを配置する場合 */
    header > .navbar > .navbar-container > [data-sp-placement-of] {
        width: calc(100% - (36px + 54px));
        padding: 0 0.5rem 0 0.75rem;
    }
    header > .navbar > .navbar-container > [data-sp-placement-of] .btn-all-view,
    header > .navbar > .navbar-container > [data-sp-placement-of] .input-group.input-group-with-buttons > * {
        height: 36px;
    }
    header > .navbar > .navbar-container > [data-sp-placement-of] .search-module-wrapper {
        position: relative;
        inset: auto;
        z-index: 0;
        width: 100%;
        min-width: 170px;
        max-width: 360px;
        margin: 0 auto;
    }
    header > .navbar > .navbar-container > [data-sp-placement-of] .search-module-wrapper input[type="text"] {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0.825rem !important;
    }
    header > .navbar > .navbar-container > [data-sp-placement-of] .search-module-wrapper input[type="text"]::placeholder {
        font-size: 0.875rem;
    }
    header > .navbar > .navbar-container > [data-sp-placement-of] .search-module-wrapper .input-group-buttons {
        padding: 0.25rem;
        padding-left: 0.05rem;
    }
    header > .navbar > .navbar-container > [data-sp-placement-of] .search-module-wrapper .input-group-buttons .btn-rounded-circle.btn-sm {
        width: 28px !important;
        height: 28px !important;
    }
    header > .navbar > .navbar-container > [data-sp-placement-of] .search-module-wrapper .input-group-buttons .btn-rounded-circle.btn-sm i {
        font-size: 0.875rem !important;
    }
    header > .navbar > .navbar-container > [data-sp-placement-of] .search-module-wrapper .input-group-buttons .btn-rounded-circle.btn-sm.btn-clear i {
        font-size: 1.25rem !important;
    }

    /* トピックスリストtoggleボタン */
    .topic-list-content-toggle-module-wrapper {
        pointer-events: none;
        position: fixed;
        bottom: calc(var(--topic-list-content-height) - 16px * 0.45) !important;
        right: calc(15px - 1.0rem / 2);
        z-index: 100;
        width: calc(36px + 1.0rem) !important;
        height: calc(36px + 1.0rem) !important;
        padding: 0 !important;
        transform: translateY(100%);
        transition: all 0.2s ease-in-out;
    }
    .topic-list-content-toggle-module-wrapper.active {
        pointer-events: auto;
    }
    .topic-list-content-toggle-module {
        opacity: 0;
    }
    .active .topic-list-content-toggle-module {
        opacity: 1;
    }
    .topic-list-content-toggle-module {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
    .topic-list-content-toggle-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px !important;
        height: 36px !important;
        border: none !important;
        background-color: #fff;
        box-shadow: 0 0 0.625rem 0.1rem rgba(0, 0, 0, 0.55);
    }
    .topic-list-content-toggle-btn i.fa-chevron-down {
        margin-left: 1px;
        /* transform: rotate(180deg); */
        transition: all 0.2s ease-in-out;
    }
    .active .topic-list-content-toggle-btn i.fa-chevron-down {
        margin-left: 0;
        transform: rotate(0deg);
    }

    /* テーマファイルメニュー */
    .theme-file-menu-sp {
        position: fixed;
        z-index: 1020;
        right: 15px;
        bottom: 15px;
        width: 50px;
        height: 50px;
    }
    .theme-file-menu-sp .btn-circle-with-icon i {
        font-size: 1.65rem !important;
    }
    .is-view-expand [data-sp-placement-of="theme-file-menu"] {
        display: none !important;
    }

    .theme-file-menu-sp .dropstart .btn-circle-with-icon + .dropdown-menu {
        margin-right: 2.15rem !important;
    }
    .theme-file-menu-sp .dropstart .btn-circle-with-icon + .dropdown-menu:after {
        bottom: 7px;
    }

    /* 添付ファイル削除ボタン */
    .topic-pin-list .map-topic-pin-detail .file-contents-wrapper .file-preview-box .btn-file-delete {
        right: 5px;
        top: 5px;
        display: flex !important;
    }

    
    /* ---------------------------------------------------------
     * スクロール位置に応じて特定要素の配置を入れ替える
     * ---------------------------------------------------------*/
    .is-replaced-contents-by-scroll-search-module-wrapper main.project-main.main-fill.main-fill-sp .main-fill-top-contents.topic-list-content {
        height: calc(50dvh - (80px - 0.25rem)) !important;
    }

    
    /* ---------------------------------------------------------
     * 検索BOXにfocus中の表示
     * ---------------------------------------------------------*/
    /* .is-focus-on-search-topics {
        pointer-events: none !important;
    }
    .is-focus-on-search-topics .map-contents-list.aspect-ratio[class*="aspect-ratio-img-box-"] {
        border-radius: 0;
        margin-top: -100px;
        padding-bottom: calc(100dvh + 130px) !important;
    }
    .is-focus-on-search-topics main.project-main.main-fill.main-fill-sp .main-fill-top-contents.topic-list-content {
        padding-top: calc(100dvh) !important;
        position: absolute;
        bottom: 0;
    }
    .is-focus-on-search-topics main.project-main.main-fill.main-fill-sp .search-module-wrapper:has([name="search_topics"]) {
        pointer-events: auto !important;
        position: fixed !important;
        left: 0 !important;
        bottom: 30px !important;
        padding-left: 1.0rem;
        padding-right: 1.0rem;
        z-index: 1;
    } */


    
    /* ---------------------------------------------------------
     * トピックス詳細モジュール
     * ---------------------------------------------------------*/
    .card .card-header.map-topic-box-info,
    .card-right-side-content .card-header {
        padding: 0.25rem 0.75rem !important;
    }
    .card-topic-content .map-topic-pin-detail-list-wrapper::before {
        left: 0.5rem !important;
        width: calc(100% - 0.5rem * 2) !important;
    }
    .topic-pin-list,
    .item-list-wrapper .item-list {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .card-topic-content .map-topic-box-info .leaflet-marker-icon-dummy,
    .card-right-side-content .card-header .leaflet-marker-icon-dummy {
        margin-left: 0.25rem !important;
    }
    .card-topic-content .topic-name,
    .card-right-side-content .topic-name {
        font-size: 1.125rem;
    }
    .topic-pin-list .map-topic-pin-detail .map-topic-pin-detail-inner {
        padding-top: 0 !important;
        padding-bottom: 0.5rem !important;
    }
    .topic-pin-list .map-topic-pin-detail .map-topic-pin-detail-inner > div:not(.map-topic-pin-stored-data) {
        padding: 0.5rem !important;
    }
    .topic-pin-list .map-topic-pin-detail .map-topic-pin-detail-inner > div.map-topic-pin-stored-data > .user-info-wrapper {
        margin-top: 0.5rem !important;
        padding-right: 0.25rem;
    }
    .card .card-footer.map-topic-box-footer,
    .card-right-side-content .item-list-wrapper + .card-footer {
        padding: calc(0.75rem * var(--common-zoom-ratio)) calc(0.75rem * var(--common-zoom-ratio)) !important;
    }

    /* 検索対象なし */
    .not-have-all-search-target-message {
        border-radius: 1.0rem 1.0rem 0 0;
        padding-top: 1.0rem;
        padding-bottom: 1.0rem;
        background: #fff;
        box-shadow: 0 0.1rem 0.75rem 0 rgba(0, 0, 0, 0.5);
    }
    .not-have-all-search-target-message.mb-4 {
        margin-bottom: 0 !important;
    }
    
    /* ピンカラー設定チェックボックス */
    .inner-edit .form-group:has(.form-check.form-check-inline-btn) .form-check.form-check-inline-btn {
        flex: 0 0 calc(100% / 4 - 0.5rem * var(--common-zoom-ratio)) !important;
    }
    
    /* ---------- アクセススポットタグ ---------- */
    .btn-card-footer .icon.access-spot-tag-pin {
        line-height: calc(30px * var(--common-zoom-ratio-map-pin-text));
    }
    
    /* ---------------------------------------------------------
     * プロジェクトメンバーモーダル
     * ---------------------------------------------------------*/
    #invitationModal .d-flex:has(#invitationIsActiveCheckbox) {
        justify-content: end;
        min-width: 85px;
    }
    #invitationModal .modal-user-list .btn-user-application[class*="btn-user-application-"] {
        min-width: 54px;
    }
    #invitationModal .modal-user-list .badge.badge-outline.rounded-pill.w-100.px-0 {
        padding-left: 0.2rem !important;
        padding-right: 0.2rem !important;
    }

    /* ---------------------------------------------------------
     * View mode 共有モーダル
     * ---------------------------------------------------------*/
    #shareViewModeForm .d-flex:has(#shareViewModeIsActiveCheckbox) {
        justify-content: end;
        min-width: 85px;
    }
    #shareViewModeForm #regenerateViewModeShareUrlBtn {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* ---------------------------------------------------------
     * チュートリアル吹き出し
     * ---------------------------------------------------------*/
    .tutorial-balloon {
        pointer-events: none;
        position: fixed;
        left: 50%;
        bottom: calc(54px + 1.5rem);
        z-index: 0;
        transform: translateX(-50%) translateY(-15%);
        border-radius: 1.5rem;
        padding: 0;
        width: 75%;
        min-width: 290px;
        max-width: 380px;
        background-color: #f8f9fa;
        box-shadow: 0 0.25rem 1.0rem rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: all 0.3s ease-out;
    }
    .tutorial-balloon.show {
        pointer-events: auto;
        opacity: 1;
        transform: translateX(-50%) translateY(0%);
    }
    .tutorial-balloon::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 75%;
        transform: translateX(-50%);
        margin-top: -1px;
        border: 10px solid transparent;
        border-top-color: rgba(248, 249, 250, 0.95);
        z-index: 1;
    }
    
    .tutorial-balloon .balloon-body {
        padding: calc(1.5rem * var(--common-zoom-ratio)) calc(1.5rem * var(--common-zoom-ratio));
        font-size: calc(1.0rem * var(--common-zoom-ratio-lg));
        font-weight: 700;
        text-align: center;
    }
    
    /* ---------------------------------------------------------
     * SP版拡大表示設定
     * ---------------------------------------------------------*/
    .btn-view-expand-or-compress {
        font-size: 1.5rem !important;
    }
    .project-main-content .btn-view-expand-or-compress.btn-view-compress.btn-view-compress-for-sp {
        position: fixed;
        right: 15px;
        bottom: 15px;
        width: 38px;
        height: 38px;
    }
    .is-view-expand .project-main-content .btn-view-expand-or-compress.btn-view-compress.btn-view-compress-for-sp {
        display: flex !important;
    }
    .is-view-expand .map-contents-list.aspect-ratio[class*="aspect-ratio-img-box-"] {
        border-radius: 0;
        margin-top: 0;
        padding-bottom: 100dvh !important;
    }
    .is-view-expand .topic-list-content-toggle-module-wrapper {
        display: none;
    }

    
    /* ---------------------------------------------------------
     * SP版Pinpoint URL設定
     * ---------------------------------------------------------*/
    .is-pinpoint-url.is-pinpoint-url-for-pin .topic-list-content .topic-list-content-inner .map-topic-pin-detail-list-wrapper {
        padding-top: 0 !important;
    }
    .is-pinpoint-url.is-pinpoint-url-for-pin .map-topic-box .map-topic-box-footer.py-3 {
        padding: 0 0 1px !important;
    }

    /* 選択中の枠線等を消す */
    /*
.is-pinpoint-url-for-pin .topic-pin-list .map-topic-pin-detail.active .map-topic-pin-detail-inner {
    box-shadow: none;
}
.is-pinpoint-url-for-pin .topic-pin-list .map-topic-pin-detail .map-topic-pin-detail-inner:hover {
    background-color: transparent;
}
   */
}