.spi-present-mfoot { display: none; }
@media (max-width: 899px) {
    body.spi-has-present-mfoot {
        padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px));
    }
    .spi-present-mfoot {
        display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 900;
        box-sizing: border-box; padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
        background: #fff; border-top: 3px solid #26A69A; box-shadow: 0 -3px 12px rgba(37,37,37,.12);
        font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP",sans-serif;
    }
    .spi-present-mfoot .spi-present-mfoot-copy {
        display: flex; align-items: center; gap: 7px;
        box-sizing: border-box; max-width: 520px; margin: 0 auto 7px; padding: 0 2px;
        color: #252525; font-size: 15px; font-weight: 700; line-height: 1.35;
        letter-spacing: .01em; white-space: nowrap; font-feature-settings: "palt";
    }
    .spi-present-mfoot .spi-present-mfoot-copy svg { width: 18px; height: 18px; flex: 0 0 18px; color: #26A69A; }
    .spi-present-mfoot .spi-present-mfoot-copy b { color: #1f8a80; font-weight: 700; }
    .spi-present-mfoot #present_mendan_foot,
    .spi-present-mfoot #present_mendan_foot:visited {
        display: flex; align-items: center; justify-content: center; gap: 9px;
        box-sizing: border-box; width: 100%; max-width: 520px; height: 48px;
        margin: 0 auto; padding: 0 15px; border: 0; border-radius: 8px;
        background: #06C755; color: #fff;
        font-size: clamp(13px, 4vw, 16px); font-weight: 700; letter-spacing: .02em; line-height: 1.35;
        white-space: nowrap; font-feature-settings: "palt"; text-decoration: none; cursor: pointer;
        box-shadow: 0 4px 0 #04A648, 0 6px 14px rgba(4,148,60,.25);
        -webkit-tap-highlight-color: transparent;
    }
    .spi-present-mfoot .spi-present-mfoot-l1 { color: #fff; }
    .spi-present-mfoot .spi-present-mfoot-l2 { margin-left: -9px; font-size: .8em; color: #fff; }
    .spi-present-mfoot img.spi-line-mark {
        display: block; flex: 0 0 28px; width: 28px; height: 28px; margin: 0; padding: 0;
        border: 0; border-radius: 0; box-shadow: none; background: none;
    }
    .spi-present-mfoot #present_mendan_foot:hover,
    .spi-present-mfoot #present_mendan_foot:focus { color: #fff; text-decoration: none; }
    .spi-present-mfoot #present_mendan_foot:active { transform: translateY(2px); }
}
@media (max-width: 350px) {
    .spi-present-mfoot #present_mendan_foot { gap: 5px; padding-right: 6px; padding-left: 6px; font-size: 12px; }
    .spi-present-mfoot .spi-present-mfoot-l2 { margin-left: -5px; }
}
@media (min-width: 768px) {
    body.spi-present-side .spi-present-mfoot { display: none !important; }
    body.spi-present-side.spi-has-present-mfoot { padding-bottom: 0; }
    #spi-pcfoot[data-pcfoot="present"] a { background: #06C755; }
    #spi-pcfoot[data-pcfoot="present"] i { color: #06C755; }
    #spi-pcfoot[data-pcfoot="present"] img.spi-line-mark {
        flex: 0 0 auto; width: 28px; height: 28px; margin: 0; padding: 0;
        border: 0; border-radius: 0; box-shadow: none;
    }
}

.widget:has(#spi-pmsb)>.widgettitle{display:none!important}
.widget:has(#spi-pmsb) .textwidget>p{display:none!important}
#spi-pmsb .present-list>li:first-child{border-top:0}
#spi-pmsb .present-list a.present-link{min-height:56px}
#spi-pmsb{background:#fff}
.spi-pms1{display:block;color:#333;text-decoration:none;background:#fff;padding:0 0 14px}
#spi-pmsb .present-subhead.is-mendan{margin-top:0}
.spi-pms1:hover{color:#333;text-decoration:none;opacity:1}
.spi-pms1 img{display:block;width:100%;height:auto;margin:0}
#spi-pmsb .spi-pms1>img{width:auto;max-width:100%;max-height:calc(100vh - 405px);margin:0 auto}
.spi-pms1-cta{display:flex;min-height:52px;margin:12px 14px 0;padding:0 10px;align-items:center;justify-content:center;gap:6px;color:#fff;background:#06C755;border-radius:8px;box-shadow:0 3px 0 #05a548;font-size:14px;font-weight:800;letter-spacing:0;font-feature-settings:"palt";white-space:nowrap}
.spi-pms1-cta img.spi-line-mark{flex:none;width:22px;height:22px;margin:0;box-shadow:none;border-radius:0}
.spi-pms1-cta i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#06C755;font-size:11px;font-style:normal}
.spi-pms1:hover .spi-pms1-cta{transform:translateY(1px);box-shadow:0 2px 0 #05a548}
@media (max-width:1279px){.spi-pms1-cta{padding:8px 10px;white-space:normal}.spi-pms1-cta-t{text-align:center;line-height:1.35}.spi-pms1-cta-g{display:block}.spi-pms1-cta-s{white-space:nowrap}}
#spi-pmsb:has(.is-fit){container-type:inline-size}
#spi-pmsb .spi-pms1-cta.is-row{flex-wrap:wrap;column-gap:0;row-gap:0;white-space:normal;text-align:center;line-height:1.35}
#spi-pmsb .spi-pms1-cta.is-row .spi-pms1-cta-m{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#spi-pmsb .spi-pms1-cta.is-row .spi-pms1-cta-s{white-space:nowrap}
#spi-pmsb .spi-pms1-cta.is-fit .spi-pms1-cta-s{font-size:12px}
body.spi-present-side #sidebar1.sidebar{display:block!important}
body.spi-present-side #sidebar1 #notfix{display:none!important}
body.spi-present-side #sidebar1 .insidesp,body.spi-present-side #fixed_sidebar{margin-top:0!important;padding-top:0!important}
body.spi-present-side .widget:has(#spi-pmsb){margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}
body.spi-present-side .widget:has(#spi-pmsb) .textwidget{padding:0!important}
body.spi-present-side .entry-content h2 {
    background: #26A69A; border-radius: 10px; color: #fff; padding: 0.6em; line-height: 1.4;
}
@media only screen and (min-width: 481px) {
    body.spi-present-side .entry-content h2 { padding: 30px 200px 30px 30px; }
    body.spi-present-side .entry-content h2::before {
        content: ''; position: absolute; width: 196px; height: 100%; top: 0; right: 0;
        background-color: #19988C; border-radius: 0 10px 10px 0;
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);
    }
    body.spi-present-side .entry-content h2::after {
        content: ''; position: absolute; width: 169px; height: 122px; top: -43px; left: auto; right: 5px;
        border: none transparent; background-repeat: no-repeat; background-size: contain; background-position: center;
        background-image: url(/wp-content/themes/sango-theme-poripu/library/images/h2_bgImg.svg);
    }
}
body.spi-present-to-lp .spi-present-mfoot #present_mendan_foot,body.spi-present-to-lp .spi-present-mfoot #present_mendan_foot:visited{background:#FF9900;box-shadow:0 3px 0 #d97f00}
body.spi-present-to-lp #spi-pcfoot[data-pcfoot="present"] a{background:#FF9900}
body.spi-present-to-lp #spi-pcfoot[data-pcfoot="present"] i{color:#FF9900}
body.spi-present-to-lp .spi-pms1-cta{background:#FF9900;box-shadow:0 3px 0 #d97f00}
body.spi-present-to-lp .spi-pms1-cta i{color:#FF9900}
