/*
rev. 2026-04-17
copyright © 2026
*/
@charset "UTF-8";@layer reset {
    /*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
    *,:before,:after {
        box-sizing: border-box;
        border-style: solid;
        border-width: 0;
        min-width: 0
    }

    html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent
    }

    body {
        margin: 0
    }

    main {
        display: block
    }

    p,table,blockquote,address,pre,iframe,form,figure,dl {
        margin: 0
    }

    h1,h2,h3,h4,h5,h6 {
        font-size: inherit;
        font-weight: inherit;
        margin: 0
    }

    ul,ol {
        margin: 0;
        padding: 0;
        list-style: none
    }

    dt {
        font-weight: 700
    }

    dd {
        margin-left: 0
    }

    hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible;
        border-top-width: 1px;
        margin: 0;
        clear: both;
        color: inherit
    }

    pre {
        font-family: monospace,monospace;
        font-size: inherit
    }

    address {
        font-style: inherit
    }

    a {
        background-color: transparent;
        text-decoration: none;
        color: inherit
    }

    abbr[title] {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    b,strong {
        font-weight: bolder
    }

    code,kbd,samp {
        font-family: monospace,monospace;
        font-size: inherit
    }

    small {
        font-size: 80%
    }

    sub,sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    svg,img,embed,object,iframe {
        vertical-align: bottom
    }

    button,input,optgroup,select,textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        vertical-align: middle;
        color: inherit;
        font: inherit;
        background: transparent;
        padding: 0;
        margin: 0;
        border-radius: 0;
        text-align: inherit;
        text-transform: inherit
    }

    button,[type=button],[type=reset],[type=submit] {
        cursor: pointer
    }

    button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled {
        cursor:default
    }

    :-moz-focusring {
        outline: auto
    }

    select:disabled {
        opacity:inherit
    }

    option {
        padding: 0
    }

    fieldset {
        margin: 0;
        padding: 0;
        min-width: 0
    }

    legend {
        padding: 0
    }

    progress {
        vertical-align: baseline
    }

    textarea {
        overflow: auto
    }

    [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
        height:auto
    }

    [type=search] {
        outline-offset: -2px
    }

    [type=search]::-webkit-search-decoration {
        -webkit-appearance:none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    [type=number] {
        -moz-appearance: textfield
    }

    label[for] {
        cursor: pointer
    }

    details {
        display: block
    }

    summary {
        display: list-item
    }

    [contenteditable]:focus {
        outline:auto
    }

    table {
        border-color: inherit;
        border-collapse: collapse
    }

    caption {
        text-align: left
    }

    td,th {
        vertical-align: top;
        padding: 0
    }

    th {
        text-align: left;
        font-weight: 700
    }
}

@layer base {
    :root {
        --lightest-color: #fff;
        --darkest-color: #000;
        --green-color: #aacc03;
        --lightgray-color: #eff1f4;
        --red-color: #fd5465;
        --pink-color: #ea6068;
        --darkgreen-color: #138800;
        --lightgreen-color: #f7fce0;
        --sub-color-line-gray: #dee1e5;
        --base-font-color: var(--darkest-color);
        --border-color: var(--darkest-color);
        --background-color: var(--lightest-color);
        --base-text-color: var(--darkest-color);
        --white-text-color: var(--lightest-color);
        --btn-black-base-color: var(--darkest-color);
        --btn-black-invert-color: var(--lightest-color);
        --btn-pink-base-color: var(--pink-color);
        --btn-pink-invert-color: var(--lightest-color);
        --btn-gray-invert-color: #7b7b7b;
        --btn-green-base-color: var(--green-color);
        --btn-green-invert-color: var(--lightest-color);
        --btn-green-header-color: #408449;
        --btn-apply-base-color: #a1cd00;
        --btn-answer-base-color: var(--green-color);
        --btn-answer-invert-color: var(--lightest-color);
        --btn-show-result-base-color: #2e830e;
        --link-color: #0073bc;
        --link-light-color: #00a2de;
        --recommend-color: #ff1087;
        --campaign-color: #e77435;
        --service-background-color: #fbe3d7;
        --label-item-border-color: #ddd;
        --accordion-background-color: #f2f2f2;
        --result-table-th-text-color: var(--lightest-color);
        --result-table-th-background-color: #807f7f;
        --result-table-th-accent-background-color: var(--red-color);
        --result-table-td-discount-text-color: var(--red-color);
        --result-table-td-background-color: var(--lightgray-color);
        --result-capacity-label-color: var(--lightest-color);
        --result-capacity-label-background-color: var(--green-color);
        --result-accordion-border-color: var(--darkest-color);
        --result-pulldown-border-color: var(--darkest-color);
        --result-pulldown-background-color: var(--lightest-color);
        --result-pulldown-text-color: var(--darkest-color);
        --result-pulldown-arrow-color: #555;
        --result-pulldown-items-border-color: #ccc;
        --result-pulldown-items-active-background-color: #e0e0e0;
        --flow-step-text-color: #717171;
        --flow-current-step-text-color: var(--darkest-color);
        --flow-line-color: #e9ebee;
        --modal-background-color: var(--lightgray-color);
        --modal-border-color: var(--green-color);
        --modal-overlay-color: #00000080;
        --modal-line-gray: #dee1e5;
        --modal-appeal-color: var(--green-color);
        --modal-appeal-mark-color: var(--pink-color);
        --modal-option-link-color: var(--darkest-color);
        --background-gradation-start-color: var(--lightest-color);
        --background-gradation-middle-color: #dff;
        --background-gradation-end-color: #bdd4ff;
        --application-background-color: #f0f2e5;
        --application-heading-border-color: var(--green-color);
        --error-color: #f00;
        --docomo-color: #cf0000;
        --au-color: #e9851b;
        --softbank-color: #707070;
        --sub-color-gray: #c7c9cb;
        --orange-color: #ff6c00;
        --banner-background-color: #dfcbc0;
        --banner-item-dot-color: #ccc;
        --campaign-5-color: #30aff4;
        --campaign-10-color: #ff6c00;
        --popup-overlay-color: #00000080;
        --base-font-size: 16px;
        --base-line-height: 1.8;
        --font-family-body: sans-serif;
        --font-family-heading: helvetica, var(--font-family-body);
        --font-size-h1: 4em;
        --font-size-h2: 2.66667em;
        --font-size-h3: 2em;
        --font-size-h4: 1.6em;
        --font-size-h5: 1.33333em;
        --font-size-h6: 1.14286em
    }
}

.c-page-list-detail-section[data-section=campaign-container] {
    padding: 64px 0
}

html:has(.c-page-list-detail) {
    font-size: 62.5%
}

.c-page-list-detail-top {
    inline-size: calc(100% - 48px);
    max-inline-size: 1000px;
    padding: 56px 0 80px;
    margin: 0 auto;
    font-family: Noto Sans JP,sans-serif
}

@media (max-width: 767px) {
    .c-page-list-detail-top {
        padding:56px 0 64px
    }
}

.c-page-list-detail-top-container {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    align-items: start;
    justify-content: center;
    inline-size: 100%;
    padding: 0 0 40px
}

@media (max-width: 767px) {
    .c-page-list-detail-top-container {
        gap:40px
    }
}

.c-page-list-detail-top-images {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    inline-size: 380px
}

@media (max-width: 767px) {
    .c-page-list-detail-top-images {
        gap:0;
        inline-size: 327px
    }
}

.c-page-list-detail-top-images-contents {
    inline-size: 100%;
    margin-block-end:0}

@media (max-width: 767px) {
    .c-page-list-detail-top-images-container-item>figure {
        display:flex;
        align-items: center;
        justify-content: center;
        inline-size: 327px;
        overflow: hidden
    }
}

.c-page-list-detail-top-images-container-item>figure>img {
    inline-size: 100%;
    block-size: auto
}

@media (max-width: 767px) {
    .c-page-list-detail-top-images-container-item>figure>img {
        display:block;
        inline-size: 380px;
        block-size: 269px;
        margin-inline:0 auto;object-fit: cover;
        object-position: center
    }
}

.c-page-list-detail-top-images-container-item[data-show=true] {
    display: flex
}

.c-page-list-detail-top-images-container-item[data-show=false] {
    display: none
}

.c-page-list-detail-top-images-nav {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    inline-size: 100%
}

@media (max-width: 767px) {
    .c-page-list-detail-top-images-nav {
        margin:20px auto 0
    }
}

.c-page-list-detail-top-images-nav-item {
    inline-size: 60px;
    block-size: 60px
}

.c-page-list-detail-top-images-nav-item[data-show=true] {
    display: block
}

.c-page-list-detail-top-images-nav-item[data-show=false] {
    display: none
}

.c-page-list-detail-top-images-nav-item-button {
    position: relative;
    outline: 1px solid var(--lightest-color);
    outline-offset: -1px;
    border-radius: 10px
}

.c-page-list-detail-top-images-nav-item-button>img {
    inline-size: 100%;
    block-size: auto
}

.c-page-list-detail-top-images-nav-item-button[data-is-current=true] {
    outline: 3px solid var(--green-color);
    outline-offset: -3px
}

.c-page-list-detail-top-images-nav-item-button[data-is-current=true]:after {
    position: absolute;
    inset-block-end: calc(100% - 3px);
    inset-inline: 0;
    inline-size: 10px;
    block-size: 10px;
    margin: 0 auto;
    content: "";
    background-color: var(--green-color);
    clip-path: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3CclipPath id="p" clipPathUnits="objectBoundingBox"%3E%3Cpolygon points="0.5 0, 0 10, 10 10"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E#p');
    clip-path: polygon(50% 0%,0% 10px,10px 10px)
}

@media (max-width: 767px) {
    .c-page-list-detail-top-images-color {
        margin:16px auto 0
    }
}

.c-page-list-detail-top-images-color-selected {
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-top-images-color-list {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: center;
    padding: 4px;
    margin: 8px 0 0
}

.c-page-list-detail-top-images-color-list-item-input {
    inline-size: 22px;
    block-size: 22px;
    border-radius: 100%
}

.c-page-list-detail-top-images-color-list-item-input:checked {
    outline: 2px solid var(--green-color);
    outline-offset: 2px
}

.c-page-list-detail-top-images-color-list-item-label {
    display: none
}

.c-page-list-detail-top-images .slick-dotted.slick-slider {
    margin-block-end:0}

.c-page-list-detail-top-info {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    inline-size: 588px
}

@media (max-width: 767px) {
    .c-page-list-detail-top-info {
        align-items:center;
        justify-content: center;
        inline-size: 100%
    }
}

.c-page-list-detail-top-info-head {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
    inline-size: 100%;
    max-inline-size: 588px
}

@media (width <= 1050px) {
    .c-page-list-detail-top-info-head[data-sp=false] {
        display: none
    }
}

.c-page-list-detail-top-info-head[data-sp=true] {
    display: none
}

@media (width <= 1050px) {
    .c-page-list-detail-top-info-head[data-sp=true] {
        display: flex
    }
}

.c-page-list-detail-top-info-badges {
    display: flex;
    gap: 10px;
    align-items: center
}

.c-page-list-detail-top-info-badges-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    font-size: 1.4em;
    line-height: 1.5;
    color: var(--lightest-color);
    border-radius: 4px
}

.c-page-list-detail-top-info-badges-item[data-bind=block-new] {
    font-family: Manrope,sans-serif;
    font-weight: 800;
    background: var(--recommend-color)
}

.c-page-list-detail-top-info-badges-item[data-bind=block-campaign] {
    font-weight: 700;
    background: var(--green-color)
}

.c-page-list-detail-top-info-title {
    font-size: 3.2em;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-top-info-tags {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    inline-size: 100%
}

.c-page-list-detail-top-info-tags-overview {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start
}

.c-page-list-detail-top-info-tags-overview-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    background: var(--lightest-color);
    border: 1px solid var(--green-color)
}

.c-page-list-detail-top-info-tags-overview-item>span {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.5;
    color: var(--green-color)
}

.c-page-list-detail-top-info-tags-carrier {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center
}

@media (max-width: 575px) {
    .c-page-list-detail-top-info-tags-carrier {
        gap:4px
    }
}

.c-page-list-detail-top-info-tags-carrier-item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-inline-size: 29px;
    block-size: 20px;
    padding: 0 4px;
    border-radius: 4px
}

.c-page-list-detail-top-info-tags-carrier-item[data-bind=block-carrier-docomo] {
    background: var(--docomo-color)
}

.c-page-list-detail-top-info-tags-carrier-item[data-bind=block-carrier-au] {
    background: var(--au-color)
}

.c-page-list-detail-top-info-tags-carrier-item[data-bind=block-carrier-softbank] {
    background: var(--softbank-color)
}

.c-page-list-detail-top-info-tags-carrier-item>span {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--lightest-color)
}

.c-page-list-detail-top-specs {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%
}

.c-page-list-detail-price {
    display: flex;
    flex-direction: column;
    gap: 16px;
    inline-size: 100%;
    font-family: Noto Sans JP,sans-serif
}

@media (max-width: 767px) {
    .c-page-list-detail-price {
        gap:24px;
        max-inline-size: 327px
    }
}

.c-page-list-detail-price-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (max-width: 767px) {
    .c-page-list-detail-price-wrapper {
        gap:20px
    }
}

.c-page-list-detail-price-wrapper[data-bind=block-cash-back] {
    gap: 16px
}

.c-page-list-detail-price-heading {
    display: flex;
    gap: 10px;
    align-items: center
}

.c-page-list-detail-price-heading[data-bind=block-cash-back] {
    gap: 8px
}

.c-page-list-detail-price-heading-icon {
    flex-shrink: 0;
    inline-size: 15px;
    block-size: 2px;
    background: var(--green-color);
    border-radius: 10px
}

.c-page-list-detail-price-heading-icon[data-bind=block-bbiq5] {
    inline-size: 65px;
    block-size: 57px;
    margin: 0 6px 0 0;
    background: url(/img/list/detail/icon-bbiq5.webp) no-repeat center center/contain;
    border-radius: 0
}

.c-page-list-detail-price-heading-icon[data-bind=block-bbiq10] {
    inline-size: 65px;
    block-size: 57px;
    margin: 0 6px 0 0;
    background: url(/img/list/detail/icon-bbiq10.webp) no-repeat center center/contain;
    border-radius: 0
}

.c-page-list-detail-price-heading-text {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-price-heading-text[data-bind=block-cash-back] {
    font-size: 2em
}

.c-page-list-detail-price-heading-button {
    flex-shrink: 0;
    inline-size: 15px;
    block-size: 15px;
    margin: auto 0;
    text-indent: -9999px;
    content: "";
    background: url(/img/list/detail/icon-question-white.svg) no-repeat center/cover
}

.c-page-list-detail-price-table>caption {
    display: none
}

.c-page-list-detail-price-table-header,.c-page-list-detail-price-table-cell {
    inline-size: 196px;
    vertical-align: middle;
    border: 1px solid var(--sub-color-line-gray)
}

@media (max-width: 575px) {
    .c-page-list-detail-price-table-header,.c-page-list-detail-price-table-cell {
        inline-size:109px
    }
}

.c-page-list-detail-price-table-header {
    block-size: 48px;
    background: var(--lightgray-color)
}

.c-page-list-detail-price-table-header>p {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-price-table-header-text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-price-table-header-num {
    font-family: Manrope,sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-price-table-cell {
    padding: 9px 0
}

.c-page-list-detail-price-table-cell-price {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-price-table-cell-price-value {
    font-family: Manrope,sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

@media (max-width: 575px) {
    .c-page-list-detail-price-table-cell-price-value {
        font-size:1.8rem
    }
}

.c-page-list-detail-price-table-cell-price-unit {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-price-table-cell-first {
    margin: 2px 0 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center
}

.c-page-list-detail-price-campaign-table>caption {
    display: none
}

.c-page-list-detail-price-campaign-table-header,.c-page-list-detail-price-campaign-table-cell {
    inline-size: 196px;
    vertical-align: middle;
    border: 1px solid var(--sub-color-line-gray)
}

@media (max-width: 575px) {
    .c-page-list-detail-price-campaign-table-header,.c-page-list-detail-price-campaign-table-cell {
        inline-size:109px
    }
}

.c-page-list-detail-price-campaign-table-header {
    block-size: 48px;
    background: var(--lightgreen-color)
}

.c-page-list-detail-price-campaign-table-header>p {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-price-campaign-table-header-text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-price-campaign-table-header-num {
    font-family: Manrope,sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-price-campaign-table-cell {
    padding: 9px 0
}

.c-page-list-detail-price-campaign-table-cell-price {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-price-campaign-table-cell-price-value {
    font-family: Manrope,sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--pink-color)
}

@media (max-width: 575px) {
    .c-page-list-detail-price-campaign-table-cell-price-value {
        font-size:1.8rem
    }
}

.c-page-list-detail-price-campaign-table-cell-price-unit {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--pink-color)
}

.c-page-list-detail-price-campaign-table-cell-first {
    margin: 2px 0 0;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--pink-color);
    text-align: center
}

.c-page-list-detail-spec-icons {
    inline-size: 100%;
    margin: 0 0 56px;
    font-family: Noto Sans JP,sans-serif
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-icons {
        max-inline-size:327px;
        margin: 0 0 42px
    }
}

.c-page-list-detail-spec-icons-heading {
    display: flex;
    gap: 10px;
    align-items: center
}

.c-page-list-detail-spec-icons-heading-icon {
    inline-size: 15px;
    block-size: 2px;
    background: var(--green-color);
    border-radius: 10px
}

.c-page-list-detail-spec-icons-heading-text {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-spec-icons-list {
    margin: 24px 0 0
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-icons-list {
        margin:20px 0 0
    }
}

.c-page-list-detail-spec-icons-list-items {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-content: flex-start;
    align-items: flex-start
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-icons-list-items {
        gap:8px
    }
}

.c-page-list-detail-spec-icons-list-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    justify-content: center;
    inline-size: 130.8px;
    block-size: 130.8px;
    padding: 10px 8px;
    background: var(--lightgray-color);
    border-radius: 15px
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-icons-list-item {
        inline-size:75px;
        block-size: 75px;
        padding: 3.5px 5px
    }
}

.c-page-list-detail-spec-icons-list-item-icon {
    inline-size: 50px;
    block-size: 50px
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-icons-list-item-icon {
        inline-size:30px;
        block-size: 30px
    }
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-display-size] {
    background: url(/img/list/detail/icon-spec-display-size.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-battery-capacity] {
    background: url(/img/list/detail/icon-spec-battery-capacity.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-apple-pay] {
    background: url(/img/list/detail/icon-spec-wallet.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-mobile-wallet] {
    background: url(/img/list/detail/icon-spec-wallet.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-biometrics-lock-icon][data-biometrics="1"] {
    background: url(/img/list/detail/icon-spec-biometrics-lock-face.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-biometrics-lock-icon][data-biometrics="2"] {
    background: url(/img/list/detail/icon-spec-biometrics-lock-finger.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-biometrics-lock-icon][data-biometrics="3"] {
    background: url(/img/list/detail/icon-spec-biometrics-lock-multiple.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-device-weight] {
    background: url(/img/list/detail/icon-spec-device-weight.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-5g] {
    background: url(/img/list/detail/icon-spec-5g.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-camera] {
    background: url(/img/list/detail/icon-spec-camera.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-icon[data-icon=spec-waterproof-dustproof] {
    background: url(/img/list/detail/icon-spec-waterproof-dustproof.webp) no-repeat center center;
    background-size: 100%
}

.c-page-list-detail-spec-icons-list-item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.6em;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-icons-list-item-text {
        font-size:1.2em
    }
}

.c-page-list-detail-to-simulation {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    font-family: Noto Sans JP,sans-serif
}

.c-page-list-detail-to-simulation-heading {
    position: relative;
    padding: 0 19px
}

.c-page-list-detail-to-simulation-heading>span {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--darkest-color);
    text-align: center
}

@media (max-width: 767px) {
    .c-page-list-detail-to-simulation-heading>span {
        font-size:1.8rem
    }
}

.c-page-list-detail-to-simulation-heading:before {
    position: absolute;
    inset-block-end: 10px;
    inset-inline-end: -8px;
    inline-size: 24.6px;
    block-size: 3px;
    content: "";
    background: var(--green-color);
    border-radius: 10px;
    transform: rotate(-63deg)
}

.c-page-list-detail-to-simulation-heading:after {
    position: absolute;
    inset-block-end: 10px;
    inset-inline-start: -8px;
    inline-size: 24.6px;
    block-size: 3px;
    content: "";
    background: var(--green-color);
    border-radius: 10px;
    transform: rotate(63deg)
}

.c-page-list-detail-to-simulation-button {
    position: relative;
    display: flex;
    align-items: center;
    inline-size: 538px;
    block-size: 90px;
    padding: 0 86px 0 116px;
    background: url(/img/list/detail/bg-to-simulation-button.webp) no-repeat center/cover
}

@media (max-width: 767px) {
    .c-page-list-detail-to-simulation-button {
        inline-size:327px;
        block-size: 117px;
        padding: 0 70px 0 77px;
        background: url(/img/list/detail/bg-to-simulation-button-sp.webp) no-repeat center/cover
    }
}

.c-page-list-detail-to-simulation-button>span {
    display: flex;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

@media (max-width: 767px) {
    .c-page-list-detail-to-simulation-button>span {
        flex-direction:column;
        align-items: center;
        justify-content: center;
        font-size: 2rem
    }
}

.c-page-list-detail-to-simulation-button:after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 32px;
    inline-size: 30px;
    block-size: 30px;
    margin: auto 0;
    content: "";
    background: url(/img/list/detail/icon-arrow-white.svg) no-repeat center/cover
}

@media (max-width: 767px) {
    .c-page-list-detail-to-simulation-button:after {
        inset-inline-end:24px
    }
}

.c-page-list-detail-cta {
    font-family: Noto Sans JP,sans-serif
}

.c-page-list-detail-cta-items {
    display: flex;
    flex-flow: row wrap;
    gap: 24px;
    justify-content: center;
    inline-size: calc(100% - 48px);
    max-inline-size: 1153px;
    margin: 0 auto;
    isolation: isolate
}

.c-page-list-detail-cta-items>li {
    min-inline-size: 459px
}

@media (max-width: 767px) {
    .c-page-list-detail-cta-items>li {
        min-inline-size:100%
    }
}

.c-page-list-detail-cta-web {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
    max-inline-size: 800px;
    padding: 32px 24px;
    background: var(--lightest-color);
    border-radius: 15px
}

.c-page-list-detail-cta-web-heading {
    padding: 0 0 12px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--darkest-color);
    text-align: center;
    border-block-end:2px solid var(--sub-color-line-gray)}

@media (max-width: 767px) {
    .c-page-list-detail-cta-web-heading {
        inline-size:100%
    }
}

.c-page-list-detail-cta-web-image {
    inline-size: 176.51px;
    block-size: auto
}

@media (max-width: 767px) {
    .c-page-list-detail-cta-web-image {
        display:none
    }
}

.c-page-list-detail-cta-shop {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
    max-inline-size: 800px;
    padding: 32px 24px;
    background: var(--lightest-color);
    border-radius: 15px
}

.c-page-list-detail-cta-shop-heading {
    padding: 0 0 12px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--darkest-color);
    text-align: center;
    border-block-end:2px solid var(--sub-color-line-gray)}

@media (max-width: 767px) {
    .c-page-list-detail-cta-shop-heading {
        inline-size:100%
    }
}

.c-page-list-detail-cta-shop-image {
    inline-size: 166.39px;
    block-size: auto
}

@media (max-width: 767px) {
    .c-page-list-detail-cta-shop-image {
        display:none
    }
}
.c-page-list-detail-cta-shop .sbttl{
	text-align: center;
	font-size: 150%;
}

.c-page-list-detail-cta-contents {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
    justify-content: center;
    inline-size: 100%
}

.c-page-list-detail-cta-contents[data-is-small] {
    gap: 12px
}

.c-page-list-detail-cta-contents-item {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;
    min-inline-size: 199px
}

.c-page-list-detail-cta-contents-item[data-is-small] {
    max-inline-size: 255px
}

@media (max-width: 767px) {
    .c-page-list-detail-cta-contents-item[data-is-small] {
        max-inline-size:279px
    }
}

.c-page-list-detail-cta-contents-item-text {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 19px;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--darkest-color);
    text-align: center
}

.c-page-list-detail-cta-contents-item-text:before {
    position: absolute;
    inset-block-end: 10px;
    inset-inline-end: -8px;
    inline-size: 24.6px;
    block-size: 3px;
    content: "";
    background: var(--green-color);
    border-radius: 10px;
    transform: rotate(-63deg)
}

.c-page-list-detail-cta-contents-item-text:after {
    position: absolute;
    inset-block-end: 10px;
    inset-inline-start: -8px;
    inline-size: 24.6px;
    block-size: 3px;
    content: "";
    background: var(--green-color);
    border-radius: 10px;
    transform: rotate(63deg)
}

.c-page-list-detail-cta-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    block-size: 62px;
    padding: 0 52px 0 46px;
    border-radius: 100px;
    box-shadow: 0 3px #0003;
    transition: all .3s
}

.c-page-list-detail-cta-button[data-color=pink] {
    background: var(--pink-color)
}

.c-page-list-detail-cta-button[data-color=pink]>span {
    color: var(--lightest-color)
}

.c-page-list-detail-cta-button[data-color=pink]:after {
    background: url(/img/list/detail/icon-arrow-pink.svg) no-repeat center/cover
}

.c-page-list-detail-cta-button[data-color=black] {
    background: var(--darkest-color)
}

.c-page-list-detail-cta-button[data-color=black]>span {
    color: var(--lightest-color)
}

.c-page-list-detail-cta-button[data-color=black]:after {
    background: url(/img/list/detail/icon-arrow-black.svg) no-repeat center/cover
}

.c-page-list-detail-cta-button[data-color=white] {
    padding: 0 52px 0 14px;
    background: var(--lightest-color);
    border: 2px solid var(--darkest-color)
}

.c-page-list-detail-cta-button[data-color=white]>span {
    color: var(--darkest-color)
}

.c-page-list-detail-cta-button[data-color=white]:after {
    background: url(/img/list/detail/icon-arrow-white.svg) no-repeat center/cover
}

.c-page-list-detail-cta-button>span {
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: center
}

.c-page-list-detail-cta-button:after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 16px;
    inline-size: 30px;
    block-size: 30px;
    margin: auto 0;
    content: ""
}

.c-page-list-detail-cta-button:hover {
    box-shadow: 0 0 #0003;
    transform: translateY(5px)
}

.c-page-list-detail-cta-container {
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding: 64px 0;
    font-family: Noto Sans JP,sans-serif;
    background: var(--green-color)
}

.c-page-list-detail-apple-infomation {
    inline-size: calc(100% - 48px);
    max-inline-size: 1000px;
    margin: 80px auto 0;
    font-family: Noto Sans JP,sans-serif
}

@media (max-width: 767px) {
    .c-page-list-detail-apple-infomation {
        margin:48px auto 0
    }
}

.c-page-list-detail-apple-infomation-inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 23px 39px 31px;
    border: 1px solid var(--sub-color-line-gray);
    border-radius: 15px
}

@media (max-width: 767px) {
    .c-page-list-detail-apple-infomation-inner {
        padding:23px 16px 31px;
        border-radius: 30px
    }
}

.c-page-list-detail-apple-infomation-heading {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-apple-infomation-contents {
    display: flex;
    flex-direction: column;
    gap: 10px;
    inline-size: 100%
}

.c-page-list-detail-apple-infomation-contents-item {
    position: relative;
    padding: 0 0 0 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-apple-infomation-contents-item:before {
    position: absolute;
    inset-inline-start: 0;
    content: "・"
}

.c-page-list-detail-apple-infomation-contents-item>a {
    color: var(--link-light-color);
    text-decoration-line: underline
}

.c-page-list-detail-apple-infomation-annotation {
    display: flex;
    flex-direction: column;
    margin: 10px 0 56px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color)
}

@media (max-width: 767px) {
    .c-page-list-detail-apple-infomation-annotation {
        margin:10px 0 48px
    }
}

.c-page-list-detail-feature {
    inline-size: calc(100% - 48px);
    max-inline-size: 1000px;
    margin: 56px auto;
    font-family: Noto Sans JP,sans-serif
}

.c-page-list-detail-feature-heading {
    display: flex;
    gap: 10px;
    align-items: center
}

.c-page-list-detail-feature-heading-icon {
    inline-size: 15px;
    block-size: 2px;
    background: var(--green-color);
    border-radius: 10px
}

.c-page-list-detail-feature-heading-text {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-feature-list {
    margin: 32px 0 0
}

.c-page-list-detail-feature-list-items {
    display: flex;
    flex-direction: column;
    gap: 32px;
    inline-size: 100%
}

@media (max-width: 767px) {
    .c-page-list-detail-feature-list-items {
        gap:40px
    }
}

.c-page-list-detail-feature-list-item {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    /*align-items: center;*/
    justify-content: center
}

.c-page-list-detail-feature-list-item-contents {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    gap: 22px;
    min-inline-size: 327px;
    max-inline-size: 474px
}

.c-page-list-detail-feature-list-item-contents-heading {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-feature-list-item-contents-text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--darkest-color);
/*    white-space: pre-wrap*/
}
.c-page-list-detail-feature-list-item-contents-attention{
	text-indent: -1em;
    padding-left: 1em;
	font-size: 1.2rem;2
}
.c-page-list-detail-feature-list-item-contents-attention.number{
	text-indent: -2em;
    padding-left: 2em;
}
.c-page-list-detail-feature-list-item-image {
    flex: 1 1 0;
    min-inline-size: 327px;
    max-inline-size: 480px
}

.c-page-list-detail-feature-list-item-image>img {
    inline-size: 100%;
    block-size: auto;
	border-radius: 20px;
}

.c-page-list-detail-spec-table {
    inline-size: calc(100% - 48px);
    max-inline-size: 1000px;
    margin: 0 auto 80px;
    font-family: Noto Sans JP,sans-serif
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-table {
        margin:0 auto 64px
    }
}

.c-page-list-detail-spec-table-heading {
    display: flex;
    gap: 10px;
    align-items: center
}

.c-page-list-detail-spec-table-heading-icon {
    inline-size: 15px;
    block-size: 2px;
    background: var(--green-color);
    border-radius: 10px
}

.c-page-list-detail-spec-table-heading-text {
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-spec-table-contents {
    margin: 32px 0 0
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-table-contents {
        margin:24px 0 0
    }
}

.c-page-list-detail-spec-table-contents-table {
    inline-size: 100%;
    border-collapse: collapse
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-table-contents-table {
        table-layout:fixed
    }
}

.c-page-list-detail-spec-table-contents-table>caption {
    display: none
}

.c-page-list-detail-spec-table-contents-table-header,.c-page-list-detail-spec-table-contents-table-cell {
    vertical-align: middle;
    border: 1px solid var(--sub-color-line-gray)
}

.c-page-list-detail-spec-table-contents-table-header {
    position: relative;
    inline-size: 161.5px;
    padding: 10px 14px 10px 16px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--darkest-color);
    background: var(--lightgray-color)
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-table-contents-table-header {
        inline-size:auto;
        min-inline-size: 25%;
        padding: 10px 13px 10px 15px;
        font-size: 1.4rem
    }

    .c-page-list-detail-spec-table-contents-table-header:has(button) {
        padding: 10px 30px 10px 16px
    }
}

.c-page-list-detail-spec-table-contents-table-header-button {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 16px;
    inline-size: 15px;
    block-size: 15px;
    margin: auto 0;
    text-indent: -9999px;
    content: "";
    background: url(/img/list/detail/icon-question.svg) no-repeat center/cover
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-table-contents-table-header-button {
        inset-inline-end:14px
    }
}

.c-page-list-detail-spec-table-contents-table-cell {
    inline-size: calc(100% - 323px);
    padding: 10px 18px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color)
}

@media (max-width: 767px) {
    .c-page-list-detail-spec-table-contents-table-cell {
        inline-size:50%;
        font-size: 1.4rem
    }
}

.c-page-list-detail-spec-table-contents-table-cell>p {
    display: flex;
    flex-direction: column;
   /* white-space: pre-wrap*/
}

.c-page-list-detail-spec-table-contents-table-cell>p>span>a {
    text-decoration: underline !important;
}

.c-page-list-detail-spec-table-contents-table-cell .spec-accessories-shop-link{
	text-indent: 1em;
}
.c-page-list-detail-spec-table-contents-table-cell .spec-accessories-shop-link-full{
	padding-left: 1em;
	text-indent: -1em;
}

.c-page-list-detail-official-page {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    padding: 40px 0;
    font-family: Noto Sans JP,sans-serif;
    background: var(--lightgray-color)
}

.c-page-list-detail-official-page-text {
    position: relative;
    padding: 0 19px
}

.c-page-list-detail-official-page-text>span {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--darkest-color);
    text-align: center
}

@media (max-width: 767px) {
    .c-page-list-detail-official-page-text>span {
        font-size:1.8rem
    }
}

.c-page-list-detail-official-page-text:before {
    position: absolute;
    inset-block-end: 10px;
    inset-inline-end: -8px;
    inline-size: 24.6px;
    block-size: 3px;
    content: "";
    background: var(--green-color);
    border-radius: 10px;
    transform: rotate(-63deg)
}

.c-page-list-detail-official-page-text:after {
    position: absolute;
    inset-block-end: 10px;
    inset-inline-start: -8px;
    inline-size: 24.6px;
    block-size: 3px;
    content: "";
    background: var(--green-color);
    border-radius: 10px;
    transform: rotate(63deg)
}

.c-page-list-detail-official-page-button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 266px;
    block-size: 56px;
    padding: 0 56px 0 48px;
    background: var(--darkest-color);
    border-radius: 100px;
    box-shadow: 0 2px #0003;
    transition: all .3s
}

.c-page-list-detail-official-page-button>span {
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--lightest-color);
    text-align: center
}

.c-page-list-detail-official-page-button:after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 24px;
    inline-size: 24px;
    block-size: 24px;
    margin: auto 0;
    content: "";
    background: url(/img/list/detail/icon-external-black.svg) no-repeat center/cover
}

.c-page-list-detail-official-page-button:hover {
    box-shadow: 0 0 #0003;
    transform: translateY(5px)
}

.c-page-list-detail-assistance {
    padding: 64px 0 80px;
    margin: 0 0 64px;
    font-family: Noto Sans JP,sans-serif;
    background: var(--green-color)
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance {
        padding:42px 0 64px;
        margin: 0 0 42px
    }
}

.c-page-list-detail-assistance-baloon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 312px;
    padding: 10px 16px;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--lightest-color);
    background: var(--darkest-color);
    border-radius: 100px;
    isolation: isolate
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-baloon {
        inline-size:327px
    }
}

.c-page-list-detail-assistance-baloon:after {
    position: absolute;
    inset-block-start: calc(100% - 10px);
    inset-inline: 0;
    inline-size: 26px;
    block-size: 28px;
    margin: 0 auto;
    content: "";
    background: var(--darkest-color);
    clip-path: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3CclipPath id="p" clipPathUnits="objectBoundingBox"%3E%3Cpolygon points="0 0, 1 0, 0.5 1"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E#p');
    clip-path: polygon(0 0,100% 0%,50% 100%)
}

.c-page-list-detail-assistance-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    inline-size: calc(100% - 48px);
    max-inline-size: 1000px;
    padding: 40px 40px 56px;
    margin: 32px auto 0;
    background: var(--lightest-color);
    border-radius: 15px
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-container {
        padding:42px 24px 56px
    }
}

.c-page-list-detail-assistance-service {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.c-page-list-detail-assistance-service-heading {
    inline-size: calc(100% - 64px);
    padding: 0 0 12px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center;
    border-block-end:2px solid var(--sub-color-line-gray)}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-service-heading {
        inline-size:100%
    }
}

.c-page-list-detail-assistance-service-contents {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    justify-content: center;
    inline-size: 100%
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-service-contents {
        flex-direction:column
    }
}

.c-page-list-detail-assistance-service-contents-images {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    inline-size: 301px
}

@media (max-width: 575px) {
    .c-page-list-detail-assistance-service-contents-images {
        inline-size:100%;
        max-inline-size: 200px
    }
}

.c-page-list-detail-assistance-service-contents-images>img {
    inline-size: 262px;
    block-size: auto
}

@media (max-width: 575px) {
    .c-page-list-detail-assistance-service-contents-images>img {
        inline-size:194.5px
    }
}

.c-page-list-detail-assistance-service-contents-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    padding: 7px 15px;
    border: 1px solid var(--darkest-color);
    border-radius: 4px
}

.c-page-list-detail-assistance-service-contents-price-head {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--lightest-color);
    background: var(--darkest-color);
    border-radius: 4px
}

.c-page-list-detail-assistance-service-contents-price-body {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-assistance-service-contents-price-body-text {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-assistance-service-contents-price-body-text-head {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--darkest-color)
}

.c-page-list-detail-assistance-service-contents-price-body-text-value>span:first-child {
    font-family: Manrope,sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: var(--pink-color)
}

.c-page-list-detail-assistance-service-contents-price-body-text-value>span:last-child {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--darkest-color)
}

.c-page-list-detail-assistance-service-contents-description {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.c-page-list-detail-assistance-service-contents-description-head {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    color: var(--darkest-color)
}

.c-page-list-detail-assistance-service-contents-description-text {
    display: flex;
    flex-direction: column;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--darkest-color)
}

.c-page-list-detail-assistance-service-contents-description-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    block-size: 62px;
    padding: 0 52px 0 14px;
    background: var(--lightest-color);
    border: 2px solid var(--darkest-color);
    border-radius: 100px;
    box-shadow: 0 3px #0003;
    transition: all .3s
}

.c-page-list-detail-assistance-service-contents-description-link>span {
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center
}

.c-page-list-detail-assistance-service-contents-description-link:after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 16px;
    inline-size: 30px;
    block-size: 30px;
    margin: auto 0;
    content: "";
    background: url(/img/list/detail/icon-arrow-white.svg) no-repeat center/cover
}

.c-page-list-detail-assistance-service-contents-description-link:hover {
    box-shadow: 0 0 #0003;
    transform: translateY(5px)
}

.c-page-list-detail-assistance-service-wide {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    padding: 12px 32px 12px 60px;
    margin: 32px 0 0;
    background: var(--lightgray-color);
    border-radius: 15px;
    isolation: isolate
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-service-wide {
        flex-direction:column;
        padding: 32px 24px 24px
    }
}

.c-page-list-detail-assistance-service-wide:before {
    position: absolute;
    inset-block-end: calc(100% - 13px);
    inset-inline-end: 244px;
    inline-size: 38px;
    block-size: 35px;
    content: "";
    background-color: var(--lightgray-color);
    clip-path: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3CclipPath id="p" clipPathUnits="objectBoundingBox"%3E%3Cpolygon points="0.5 0, 0 35, 38 35"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E#p');
    clip-path: polygon(50% 0%,0% 35px,38px 35px)
}

@media (max-width: 1024px) {
    .c-page-list-detail-assistance-service-wide:before {
        inset-inline:0;
        margin: 0 auto
    }
}

.c-page-list-detail-assistance-service-wide>img {
    inline-size: 81px;
    block-size: auto
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-service-wide>img {
        inline-size:85px
    }
}

.c-page-list-detail-assistance-service-wide-contents {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-service-wide-contents {
        gap:20px
    }
}

.c-page-list-detail-assistance-service-wide-contents-price {
    display: none;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    max-inline-size: 200px;
    padding: 9px 15px 7px;
    background: var(--lightest-color);
    border: 1px solid var(--darkest-color);
    border-radius: 4px
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-service-wide-contents-price {
        display:flex
    }
}

.c-page-list-detail-assistance-service-wide-contents-price-head {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--lightest-color);
    background: var(--darkest-color);
    border-radius: 4px
}

.c-page-list-detail-assistance-service-wide-contents-price-body {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-assistance-service-wide-contents-price-body-text {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-assistance-service-wide-contents-price-body-text-head {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--darkest-color)
}

.c-page-list-detail-assistance-service-wide-contents-price-body-text-value>span:first-child {
    font-family: Manrope,sans-serif;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: var(--pink-color)
}

.c-page-list-detail-assistance-service-wide-contents-price-body-text-value>span:last-child {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--darkest-color)
}

.c-page-list-detail-assistance-service-wide-contents-text {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    color: var(--darkest-color)
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-service-wide-contents-text {
        font-size:1.8rem
    }
}

.c-page-list-detail-assistance-service-wide-contents-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    max-inline-size: 463px;
    block-size: 62px;
    padding: 0 52px 0 14px;
    background: var(--lightest-color);
    border: 2px solid var(--darkest-color);
    border-radius: 100px;
    box-shadow: 0 3px #0003;
    transition: all .3s
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-service-wide-contents-link {
        flex-direction:column;
        max-inline-size: 100%;
        block-size: 74px;
        padding: 0 46px 0 14px
    }
}

.c-page-list-detail-assistance-service-wide-contents-link>span {
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center
}

.c-page-list-detail-assistance-service-wide-contents-link:after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 16px;
    inline-size: 30px;
    block-size: 30px;
    margin: auto 0;
    content: "";
    background: url(/img/list/detail/icon-arrow-white.svg) no-repeat center/cover
}

.c-page-list-detail-assistance-service-wide-contents-link:hover {
    box-shadow: 0 0 #0003;
    transform: translateY(5px)
}

.c-page-list-detail-assistance-support {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-assistance-support-heading {
    inline-size: calc(100% - 64px);
    padding: 0 0 12px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center;
    border-block-end:2px solid var(--sub-color-line-gray)}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-support-heading {
        inline-size:100%
    }
}

.c-page-list-detail-assistance-support-contents {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: center;
    margin: 24px 0 0
}

.c-page-list-detail-assistance-support-contents-item {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    min-inline-size: 385px;
    max-inline-size: 444px
}

@media (max-width: 575px) {
    .c-page-list-detail-assistance-support-contents-item {
        min-inline-size:100%
    }
}

.c-page-list-detail-assistance-support-contents-item-image {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-assistance-support-contents-item-image>img {
    inline-size: 200px;
    min-inline-size: 200px;
    block-size: auto
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-support-contents-item-image>img {
        inline-size:120px;
        min-inline-size: 120px
    }
}

.c-page-list-detail-assistance-support-contents-item-image-text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--darkest-color)
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-support-contents-item-image-text {
        font-size:1.4rem
    }
}

.c-page-list-detail-assistance-support-contents-item-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    max-inline-size: 280px;
    block-size: 62px;
    padding: 0 52px 0 14px;
    background: var(--lightest-color);
    border: 2px solid var(--darkest-color);
    border-radius: 100px;
    box-shadow: 0 3px #0003;
    transition: all .3s
}

@media (max-width: 767px) {
    .c-page-list-detail-assistance-support-contents-item-link {
        padding:0 52px 0 46px
    }
}

.c-page-list-detail-assistance-support-contents-item-link>span {
    font-size: 1.4rem;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center
}

.c-page-list-detail-assistance-support-contents-item-link:after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 16px;
    inline-size: 30px;
    block-size: 30px;
    margin: auto 0;
    content: "";
    background: url(/img/list/detail/icon-arrow-white.svg) no-repeat center/cover
}

.c-page-list-detail-assistance-support-contents-item-link:hover {
    box-shadow: 0 0 #0003;
    transform: translateY(5px)
}

.c-page-list-campaign {
    font-family: Noto Sans JP,sans-serif
}

.c-page-list-campaign-heading {
    display: flex;
    gap: 10px;
    align-items: center;
    inline-size: calc(100% - 24px);
    max-inline-size: 1200px;
    padding: 0 0 32px;
    margin: 0 auto
}

.c-page-list-campaign-heading-icon {
    inline-size: 15px;
    block-size: 2px;
    background: var(--green-color);
    border-radius: 10px
}

.c-page-list-campaign-heading-text {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5
}

.c-page-list-campaign-container {
    inline-size: calc(100% - 204px);
    max-inline-size: 1014px;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .c-page-list-campaign-container {
        inline-size:calc(100% - 150px)
    }
}

@media (max-width: 767px) {
    .c-page-list-campaign-container {
        inline-size:100%
    }
}

.c-page-list-campaign-item {
    max-inline-size: 320px;
    margin: 0 9px
}

@media (max-width: 1024px) {
    .c-page-list-campaign-item {
        max-inline-size:100%
    }
}

.c-page-list-campaign-item>figure {
    max-inline-size: 320px;
    block-size: auto
}

@media (max-width: 1024px) {
    .c-page-list-campaign-item>figure {
        max-inline-size:100%
    }
}

.c-page-list-campaign-item>figure>a>img {
    inline-size: 100%;
    block-size: auto;
    border-radius: 20px;
}

.c-page-list-campaign .c-page-list-campaign-prev:before,.c-page-list-campaign .c-page-list-campaign-next:before {
    display: block;
    inline-size: 60px;
    block-size: 60px;
    content: "";
    background: url(/img/common/slick_arrow_prev2022.svg);
    background-size: contain;
    opacity: 1
}

.c-page-list-campaign .c-page-list-campaign-prev {
    inset-inline-start: unset;
    inset-inline-end: calc(100% + 9px);
    z-index: 10;
    inline-size: 60px;
    block-size: 60px
}

.c-page-list-campaign .c-page-list-campaign-next {
    inset-inline-start: calc(100% + 9px);
    z-index: 10;
    inline-size: 60px;
    block-size: 60px
}

.c-page-list-campaign .c-page-list-campaign-next:before {
    transform: scaleX(-1)
}

.c-page-list-campaign-link {
    display: flex;
    justify-content: center;
    margin: 32px auto 0
}

.c-page-list-campaign-link>a {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--link-light-color);
    text-align: center;
    text-decoration-line: underline;
    transition: opacity .3s ease
}

.c-page-list-campaign-link>a:hover {
    opacity: .8
}

.c-page-list-detail-accessory {
    padding: 60px 0 80px;
    margin: 80px 0 0;
    font-family: Noto Sans JP,sans-serif;
    background: var(--lightgray-color);
    isolation: isolate
}

@media (max-width: 767px) {
    .c-page-list-detail-accessory {
        padding:42px 0 64px;
        margin: 64px 0 0
    }
}

.c-page-list-detail-accessory-balloon {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    inline-size: 259px;
    padding: 10px 16px;
    margin: 0 auto;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--lightest-color);
    white-space: nowrap;
    background: var(--darkest-color);
    border-radius: 100px
}

.c-page-list-detail-accessory-balloon:after {
    position: absolute;
    inset-block-start: calc(100% - 10px);
    inset-inline: 0;
    inline-size: 26px;
    block-size: 28px;
    margin: 0 auto;
    content: "";
    background: var(--darkest-color);
    clip-path: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3CclipPath id="p" clipPathUnits="objectBoundingBox"%3E%3Cpolygon points="0 0, 1 0, 0.5 1"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E#p');
    clip-path: polygon(0 0,100% 0%,50% 100%)
}

.c-page-list-detail-accessory-heading {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: calc(100% - 64px);
    max-inline-size: 936px;
    padding: 0 0 12px;
    margin: 32px auto 0;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center;
    border-block-end:2px solid var(--sub-color-line-gray)}

@media (max-width: 767px) {
    .c-page-list-detail-accessory-heading {
        flex-direction:column
    }
}

.c-page-list-detail-accessory-container {
    inline-size: calc(100% - 84px);
    max-inline-size: 1024px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .c-page-list-detail-accessory-container {
        inline-size:100%
    }
}

.c-page-list-detail-accessory-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 16px 48px;
    margin: 40px 12px 32px;
    background: var(--lightest-color);
    border-radius: 15px;
    box-shadow: 0 0 10px #0000001a;
    transition: all .3s
}

@media (max-width: 767px) {
    .c-page-list-detail-accessory-item {
        margin:40px 5px 32px
    }
}

.c-page-list-detail-accessory-item:hover {
    box-shadow: 0 0 10px #0003;
    transform: translateY(5px)
}

.c-page-list-detail-accessory-item-head {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    justify-content: flex-end;
    padding: 0 0 20px
}

.c-page-list-detail-accessory-item-head-text {
    display: -webkit-box;
    flex: 1 0 0;
    overflow: hidden;
    -webkit-line-clamp: 2;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color);
    -webkit-box-orient: vertical
}

.c-page-list-detail-accessory-item-head-icon {
    inline-size: 24px;
    block-size: 24px;
    background: url(/img/list/detail/icon-external.svg) no-repeat center/cover
}

.c-page-list-detail-accessory-item-images {
    display: flex;
    flex-direction: column;
    gap: 19px;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-accessory-item-images>img {
    inline-size: 150px;
    block-size: auto
}

.c-page-list-detail-accessory-item-images-color>span {
    display: block;
    inline-size: 12px;
    block-size: 12px;
    border-radius: 100%
}

.c-page-list-detail-accessory-item-images-color .glass-film{
	background-color: #000;
}

.c-page-list-detail-accessory-item-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0 16px;
    margin: 32px auto 0
}

.c-page-list-detail-accessory-item-description-text {
    display: flex
}

.c-page-list-detail-accessory-item-description-text>span {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center
}

.c-page-list-detail-accessory-item-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    margin: 16px auto 0
}

.c-page-list-detail-accessory-item-price-split {
    display: flex;
    gap: 4px;
    align-items: center
}

.c-page-list-detail-accessory-item-price-split-time {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-accessory-item-price-split-time>span {
    font-family: Manrope,sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-accessory-item-price-split-price {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-accessory-item-price-split-price>span {
    font-family: Manrope,sans-serif;
    font-size: 3.8rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color)
}

.c-page-list-detail-accessory-item-price-full {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center
}

.c-page-list-detail-accessory-item-price-full>span {
    font-family: Manrope,sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center
}

.c-page-list-detail-accessory-link {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-page-list-detail-accessory-link>a {
    position: relative;
    padding: 0 13px 0 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--link-light-color);
    transition: opacity .3s ease
}

.c-page-list-detail-accessory-link>a:hover {
    opacity: .8
}

.c-page-list-detail-accessory-link>a:after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: 5px;
    block-size: 9px;
    margin: auto 0;
    content: "";
    background: url(/img/list/detail/icon-arrow-blue-no-bg.svg) no-repeat center/cover
}

.c-page-list-detail-accessory .c-page-list-detail-accessory-prev:before,.c-page-list-detail-accessory .c-page-list-detail-accessory-next:before {
    display: block;
    inline-size: 60px;
    block-size: 60px;
    content: "";
    background: url(/img/common/slick_arrow_prev2022.svg);
    background-size: contain;
    opacity: 1
}

@media (max-width: 767px) {
    .c-page-list-detail-accessory .c-page-list-detail-accessory-prev:before,.c-page-list-detail-accessory .c-page-list-detail-accessory-next:before {
        inline-size:30px;
        block-size: 30px
    }
}

.c-page-list-detail-accessory .c-page-list-detail-accessory-prev {
    inset-inline-start: unset;
    inset-inline-end: calc(100% - 32px);
    z-index: 10;
    inline-size: 60px;
    block-size: 60px
}

@media (max-width: 767px) {
    .c-page-list-detail-accessory .c-page-list-detail-accessory-prev {
        inset-inline-end:calc(100% - 36.17px);
        inline-size: 30px;
        block-size: 30px
    }
}

.c-page-list-detail-accessory .c-page-list-detail-accessory-next {
    inset-inline-start: calc(100% - 32px);
    z-index: 10;
    inline-size: 60px;
    block-size: 60px
}

@media (max-width: 767px) {
    .c-page-list-detail-accessory .c-page-list-detail-accessory-next {
        inset-inline-start:calc(100% - 36.17px);
        inline-size: 30px;
        block-size: 30px
    }
}

.c-page-list-detail-accessory .c-page-list-detail-accessory-next:before {
    transform: scaleX(-1)
}

.c-page-list-detail-popup {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    block-size: 100%;
    font-family: Noto Sans JP,sans-serif;
    background-color: var(--modal-overlay-color)
}

.c-page-list-detail-popup[data-is-show=false] {
    display: none
}

.c-page-list-detail-popup-contents {
    position: relative;
    inline-size: calc(100% - 41px);
    max-inline-size: 710px;
    max-block-size: 90dvh;
    margin: 0 auto;
    overflow: hidden;
    outline: 2px solid var(--modal-border-color);
    border-radius: 10px;
    box-shadow: 0 5px 15px #0000004d
}

.c-page-list-detail-popup-contents>div {
    justify-content: flex-start;
    inline-size: 100%;
    max-block-size: 90dvh;
    padding: 64px 80px 80px;
    overflow: auto;
    background: var(--modal-background-color);
    border-radius: 10px
}

@media (max-width: 767px) {
    .c-page-list-detail-popup-contents>div {
        padding:30px
    }
}

.c-page-list-detail-popup-contents-inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
    inline-size: 100%;
    block-size: 100%
}

.c-page-list-detail-popup-contents-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    inline-size: calc(100% - 64px);
    padding: 0 0 12px;
    border-block-end:2px solid var(--sub-color-line-gray)}

.c-page-list-detail-popup-contents-title>span {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--darkest-color);
    text-align: center
}

.c-page-list-detail-popup-contents-description {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.c-page-list-detail-popup-contents-description>p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8;
    color: var(--darkest-color);
    word-break: break-all;
    white-space: pre-wrap
}

.c-page-list-detail-popup-contents-description>ul {
    display: flex;
    flex-direction: column
}

.c-page-list-detail-popup-contents-description>ul[data-is-empty=true] {
    display: none
}

.c-page-list-detail-popup-contents-description>ul>li {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8;
    color: var(--darkest-color)
}

.c-page-list-detail-popup-contents-description>a {
    position: relative;
    display: flex;
    align-items: center;
    inline-size: fit-content;
    padding: 0 13px 0 0;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--link-light-color)
}

.c-page-list-detail-popup-contents-description>a:after {
    position: absolute;
    inset-block: 0;
    inset-inline-end: 0;
    inline-size: 5px;
    block-size: 9px;
    margin: auto 0;
    content: "";
    background: url(/img/list/detail/icon-arrow-blue-no-bg.svg) no-repeat center/cover
}

.c-page-list-detail-popup-contents-button-close {
    position: absolute;
    z-index: 1;
    inset-block-start: 20px;
    inset-inline-end: 20px;
    inline-size: 43px;
    block-size: 43px;
    text-indent: -9999px;
    cursor: pointer;
    background: url(../../../../img/list/detail/icon-close-modal.svg) no-repeat top center/cover
}

@media (max-width: 767px) {
    .c-page-list-detail-popup-contents-button-close {
        inset-block-start:10px;
        inset-inline-end: 10px;
        inline-size: 20px;
        block-size: 20px;
        background: url(../../../../img/list/detail/icon-close-modal-sp.svg) no-repeat top center/cover
    }
}

@layer reset,base,general; /*$vite$:1*/

/* 調整css */
/* フォントサイズが「rem」だったので、以下で調整 */
.c-page-list-detail {
	font-size: 10px;
}
.c-page-list-detail a:link {
	text-decoration: none;
}

/* パンくずの文字サイズ調整 */
.topic_path{font-size: 16px;}
@media (max-width: 767px) {
	.topic_path{font-size: 13px;}
}



/* ========================
バナーリンクマウスオン設定
======================== */
.bnr_link img {
	transition: 0.3s;	
}
.bnr_link img:hover {
	opacity: 0.5;
}