@charset "UTF-8";
    .article {
        padding: 30px 5.3% 150px 5.3%;
    }

    /* PC */
    @media screen and (min-width: 769px) {
        .article {
            padding: 0;
        }
    }

    /* ===========================
    breadcrumbs
    ============================== */
    .breadcrumbs__contents {
        display: flex;
    }

    .section--Top {
        font-family: "Noto Serif";
        font-size: 1.4rem;
        line-height: 1.5;
        letter-spacing: 0.1em;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

    .section--Top:hover {
        opacity: 0.6;
    }

    .section--Items {
        font-family: "Noto Serif";
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 1.5;
        margin-left: 15px;
        position: relative;
        letter-spacing: 0.1em;
    }

    .section--Items::before {
        content: '';
        position: absolute;
        display: inline-block;
        width: 5px;
        height: 10px;
        background-image: url(..//images/greaterthan-sign.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        left: -10px;
        top: 50%;
        transform: translateY(-50%);
    }

    /* breadcrumbs PC */
    @media screen and (min-width: 769px) {
        .breadcrumbs__contents {
            padding: 40px 2.7% 0 2.7%;
        }

        .section--Top {
            font-size: 1.6rem;
        }

        .section--Items {
            font-size: 1.6rem;
        }
    }

    /* ===========================
    Items
    ============================== */
    .section--items {
        margin: 60px auto 0;
        max-width: 335px;
    }
 
    .items__img__PC {
        display: none;
    }

    .items__img__contents {
        margin-top: 100px;
        display: flex;
    }

    .items__img__contents:first-of-type {
        margin: 0;
    }

    .productName {
        font-size: 1.2rem;
        line-height: 1;
        writing-mode: vertical-rl;
        text-orientation: sideways;
        margin-right: 5px;
    }

    @media screen and (min-width: 769px) {
        .section--items {
            max-width: 1360px;
            margin: 60px auto 0 auto;
            padding-bottom: 120px;
        }

        .items {
            display: grid;
            justify-content: center;
            grid-template-columns: 24.6% 24.6% 24.6%;
            grid-template-rows : 15.7% 15.7% 15.7%;
            padding: 0 3.4%;
            gap: 100px;
        }

        .items__img__contents  {
            margin-top: 0;
        }

        .items__img__SP {
            display: none;
        }

        .items__img__PC {
            display: block;
        }

        .productName {
            font-size: 1.4rem;
        }

    }