@charset "utf-8";

.ctm_pageTtl.pageTitle-01 {
    background-color:#FF5C61;
    color:#ffffff;
}

/* 文字サイズ変数定義 */
div {
    --fs-XS: 1.2rem !important;
    --fs-S: 1.4rem !important;
    --fs-M: 1.6rem !important;
    --fs-L: 1.8rem !important;
    --fs-2L: 2.0rem !important;
    --fs-3L: 2.4rem !important;
    --fs-4L: 3.0rem !important;
}

/* 文字サイズ定義 */
.fs-XS {font-size: 1.2rem !important;}
.fs-S {font-size: 1.4rem !important;}
.fs-M {font-size: 1.6rem !important;}
.fs-L {font-size: 1.8rem !important;}
.fs-2L {font-size: 2.0rem !important;}
.fs-3L {font-size: 2.4rem !important;}
.fs-4L {font-size: 3.0rem !important;}

/* おすすめスポット */
.ctm_pageTtl.osusumeSpot-ttl > .ttlLv2,
.ctm_pageTtl.osusumeSpot-ttl > .ttlLv3 {
    padding: 0;
    margin: 0;
}
.ctm_pageTtl.osusumeSpot-ttl > .ttlLv2 > .heading {
    font-size: var(--fs-L);
}
.ctm_pageTtl.osusumeSpot-ttl > .ttlLv3 > .heading {
    font-size: var(--fs-M);
}

/* 高さ揃え無効 SPのみ */
@media (max-width: 739px) {
    .eqHeight-unset-forSP [class*="js-eqHeightCols-item"] {
        height: unset !important;
    }
}

/* テキストラベル 001 */
.ctm_iconTxt_RD.--textLabel-001 {
    padding: 3px 10px;
    font-weight: bold;
}

/* JMB会員限定！ */
.JMBMembers-wrap {
    border: 1px solid #CCC;
    padding: 15px;
    text-align: center;
}
.JMBMembers-wrap .JMBMs-labels {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-weight: bold;
}
.JMBMembers-wrap .JMBMs-labels .JMBMs-label-01 {
    padding: 2px 8px 1px 8px;
    border-radius: 8px;
    background-color: #ffe33a;
    color: #C00;
}
.JMBMembers-wrap > .responsivegrid > .JMBMs-labels > .text {
    display: inline-block;
    width: fit-content;
}
.JMBMembers-wrap > .responsivegrid > .JMBMs-labels::before,
.JMBMembers-wrap > .responsivegrid > .JMBMs-labels::after {
    display: none;
}