/* reset-------------------------*/
.gnav-sp .__drawer .__menu .__content .__heading {
    background-color: #F5F4F0;
}

.c-table-dl tr th {
    background-color: #EFEDE7;
}

.c-card>.c-card-header {
    background-color: #F5F4F0;
}

.p-product-set table thead tr th {
    background-color: #EFEDE7;
}

.p-pagination .__link ul.__page li.__active span {
    background: #F5F4F0;
    border: 1px solid #F5F4F0;
}

.p-pagination .__link ul.__page li.__link a:hover {
    background: #F5F4F0;
}

.p-pagination .__link .__prev a:hover,
.p-pagination .__link .__next a:hover {
    background: #F5F4F0;
}

.p-news-notifier>ul li.__item.__item--bgcolor-1 {
    background-color: #F5F4F0;
}

.p-product-option {
    background-color: #F5F4F0;
}

.main.main--product-list section.__control {
    background: #EFEDE7;
}

.main.main--product-list section.__control .__quickorder a:hover {
    background: #EFEDE7;
}

.main.main--product-list section.__list.__list--row ul.__product {
    background-color: #F5F4F0;
}

.main.main--product-detail section.__information .__primary .__photo .__main.__is-no-image span,
.main.main--product-detail section.__information .__primary .__photo .__main.__is-hidden span {
    background-color: #F5F4F0;
}

.main.main--send-cost-list .__price table tr th {
    background-color: #F5F4F0;
}

.main.main--send-cost-list .__price table tbody tr:hover th,
.main.main--send-cost-list .__price table tbody tr:hover td {
    background-color: #F5F4F0;
}

.main.main--send-cost-list .js-hover {
    background-color: #F5F4F0;
}

.main.main--quickorder-form .__input-form .__body .__table tr th {
    background-color: #F5F4F0;
}

.main.main--quickorder-confirm .__input-form .__table tr th {
    background-color: #F5F4F0;
}

.main.main--mypage-order-list-agent section.__list table.__table tr th {
    background-color: #F5F4F0;
}

.main.main--mypage-point section.__list table tr th {
    background-color: #F5F4F0;
}

.main.main--mypage-approval-detail section.__requester .__table tr th {
    background-color: #F5F4F0;
}

.main.main--mypage-group-policy-index section.__list table.__table tr th {
    background-color: #F5F4F0;
}

.main.main--mypage-estimate-detail section.__information .__table tr th,
.main.main--mypage-estimate-detail section.__detail .__delivery .__information .__table tr th {
    background-color: #F5F4F0;
}

.p-product-set table thead tr th,
.p-product-set table tbody tr td {
    border-color: #CFCEC9;
}

.p-form-table tr th,
.p-form-table tr td {
    border-color: #CFCEC9;
}

.p-cart .__total-price dl {
    border-color: #CFCEC9;
}

.p-mypage-navi nav.__menu,
.main.main--product-list section.__child ul li a {
    border-color: #CFCEC9;
}

.p-mypage-search .__heading .__toggle span.__button,
.main.main--mypage-bookmarklist-index section.__list>ul>li .__information .__control .__toggle span.__button,
.c-tabs .__nav .__nav-link.__is-active,
.c-tabs .__nav,
.main.main--send-cost-list .__price table thead tr th,
.main.main--send-cost-list .__price table tr th,
.main.main--send-cost-list .__price table tr td {
    border-color: #CFCEC9 !important;
}

.main.main--mypage-address-list section.__list table.__table thead tr th {
    border-color: #CFCEC9;
    background-color: #F5F4F0;
}

.main.main--mypage-estimate-detail section.__information .__table tr th,
.main.main--mypage-estimate-detail section.__information .__table tr td,
.main.main--mypage-estimate-detail section.__detail .__delivery .__information .__table tr th,
.main.main--mypage-estimate-detail section.__detail .__delivery .__information .__table tr td {
    border-color: #CFCEC9;
}

.c-table-dl tr th,
.c-table-dl tr td,
.p-product-set table tbody tr {
    border-color: #CFCEC9;
}

.c-form select:focus,
.c-form textarea:focus {
    border-color: #404040;
}

.c-form input[type="text"]:focus,
.c-form input[type="password"]:focus,
.c-form input[type="email"]:focus,
.c-form input[type="url"]:focus,
.c-form input[type="date"]:focus,
.c-form input[type="month"]:focus,
.c-form input[type="time"]:focus,
.c-form input[type="datetime"]:focus,
.c-form input[type="datetime-local"]:focus,
.c-form input[type="week"]:focus,
.c-form input[type="number"]:focus,
.c-form input[type="search"]:focus,
.c-form input[type="tel"]:focus,
.c-form input[type="color"]:focus {
    border-color: #404040;
}

.c-form input:not([type]):focus {
    border-color: #404040;
}

.c-form input[type="file"]:focus,
.c-form input[type="radio"]:focus,
.c-form input[type="checkbox"]:focus {
    outline: thin solid #404040;
    outline: 1px auto #404040;
}

.c-form label:hover,
.c-form label:focus {
    border-color: #404040;
}

.c-tax-type {
    color: #F3654B;
}

.p-product-set table tbody tr td.__description .__payment>span {
    background-color: #F3654B;
}

.p-form-table tr.__is-error>td p.__message {
    color: #F3654B;
}

.p-form-table tr.__is-required>th:after {
    background-color: #F3654B;
}

.p-cart .__product table tbody td.__description a .__detail .__payment>span {
    background-color: #F3654B;
}

.p-mypage-search .__body .__input dl.__is-error dd .__message {
    color: #F3654B;
}

.p-product-option .__option-body ul li.__item.__is-required dl dt .__name:after {
    background-color: #F3654B;
}

.main.main--product-list section.__list.__list--row ul.__product>li.__item .__set table tr td.__description .__payment>span {
    background-color: #F3654B;
}

.main.main--product-list section.__list .__no-result .__title {
    color: #F3654B;
}

.main.main--order-form section.__block.__block--payment .__body table tr td>ul>li .__description .__prepend.__is-mf,
.main.main--order-confirm section.__block.__block--payment .__body table tr td>ul>li .__description .__prepend.__is-mf {
    color: #F3654B;
}

.main.main--quickorder-confirm .__input-form .__table tbody tr.__is-error td .__message {
    color: #F3654B;
    margin-bottom: .3em;
}

.main.main--mypage-paid-form section.__notice {
    text-align: center;
    color: #F3654B;
}

.main.main--mypage-mfkessai section.__notice,
.main.main--mypage-bcart_kakebarai section.__notice {
    color: #F3654B;
}

.main.main--mypage-point section.__total dl dd span {
    font-size: 1.15em;
    font-weight: bold;
    color: #F3654B;
}

.main.main--mypage-point section.__list table td.__detail dl.__order dd span {
    font-size: 1.15em;
    font-weight: bold;
    color: #F3654B;
}

.main.main--mypage-approval-detail section.__approval-form .__not-allow .__button {
    background-color: #F3654B;
}

.main.main--product-list section.__list.__list--row ul.__product>li.__item .__set .__to-cart .__button {
    background-color: #F3654B;
}

.main.main--mypage-approval-detail section.__result>.__message.__is-denied span.__status {
    color: #F8CAC3;
}

.main.main--mypage-approval-detail section.__result>.__message.__is-approved span.__status {
    color: #D0E4B3;
}

.main.main--mypage-approval-detail section.__result>.__message.__is-unapproved span.__status {
    color: #FFEDC0;
}

.main.main--mypage-approval-detail section.__result>ul.__approvers li.__item.__is-denied span.__status {
    color: #F8CAC3;
}

.main.main--mypage-approval-detail section.__result>ul.__approvers li.__item.__is-approved span.__status {
    color: #D0E4B3;
}

.main.main--mypage-approval-detail section.__result>ul.__approvers li.__item.__is-unapproved span.__status {
    color: #FFEDC0;
}

.main.main--product-list section.__list .__no-result {
    padding: 1em;
    background-color: #fffbe0;
    margin: 1em 0;
}

.main.main--quickorder-confirm .__input-form .__table tbody tr.__is-warning td {
    background-color: #fffbe0;
}

.main.main--mypage-point section.__total {
    padding: 1em;
    background-color: #fffbe0;
}

.c-alert.c-alert--warning {
    background-color: #fffbe0;
}

@media screen and (max-width: 959px) {
    .main.main--mypage-paid-form section.__description {
        background-color: #F5F4F0;
    }

    .main.main--mypage-group-member-index section.__list table.__table tr th {
        background-color: #F5F4F0;
    }

}

@media screen and (min-width: 600px) and (max-width: 959px) {
    .aside section.__block.__block--calendar ul li table.cal tbody th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-order-detail section.__information .__table tr th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-estimate-detail section.__information .__table tr th {
        background-color: #F5F4F0;
    }

}

@media screen and (min-width: 600px) {
    .p-form-table tr th {
        background-color: #EFEDE7;
    }

    .p-form-table tr td {
        background: #fff;
    }

    .p-form-table tr {
        background-color: #F5F4F0;
    }

    .p-cart .__product table thead th {
        background-color: #F5F4F0;

    }

    .p-cart .__product table thead th,
    .p-cart .__product table tbody td {
        border-color: #CFCEC9;
    }

    .main.main--mypage-order-list section.__list table.__table tr th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-order-detail section.__detail .__delivery .__product table thead th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-estimate-list section.__list table.__table tr th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-estimate-detail section.__detail .__delivery .__product table thead th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-address-list section.__list table.__table thead tr th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-approval-index section.__list table.__table tr th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-approval-detail section.__detail .__delivery .__product table thead th {
        background-color: #F5F4F0;
    }

    .p-mypage-navi nav.__menu .__body ul li a,
    .main.main--mypage-order-list section.__list table.__table tr th,
    .main.main--mypage-order-list section.__list table.__table tr td,
    .main.main--mypage-estimate-list section.__list table.__table tr th,
    .main.main--mypage-estimate-list section.__list table.__table tr td {
        border-color: #CFCEC9;
    }

}

@media screen and (max-width: 599px) {
    .p-form-table tr td {
        background-color: #F5F4F0;
    }

    .p-product-set table tbody tr td.__price,
    .p-product-set table tbody tr td.__order {
        border-color: #CFCEC9;
    }


    .main.main--cart section.__shipping-wrap {
        background-color: #F5F4F0;
    }

    .main.main--mypage-order-detail section.__detail .__delivery .__information .__table tr th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-estimate-detail section.__detail .__delivery .__information .__table tr th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-approval-detail section.__information .__table tr th {
        background-color: #F5F4F0;
    }

    .main.main--mypage-approval-detail section.__detail .__delivery .__information .__table tr th {
        background-color: #F5F4F0;
    }

    .p-cart .__product table tbody tr,
    .p-cart .__product table tbody {
        border-color: #CFCEC9;
    }

    .p-mypage-navi nav.__menu .__heading .__toggle span.__button,
    .p-mypage-navi nav.__menu .__body ul li,
    .main.main--mypage-address-list section.__list table.__table tbody tr td {
        border-color: #CFCEC9;
    }

    .main.main--mypage-estimate-list section.__list table.__table tbody tr {
        border-color: #CFCEC9;
    }

    .main.main--news-list section.__news ul li {
        padding: 1em 0;
    }


}

/* reset-------------------------*/
.c-alert.c-alert--success {
    background-color: #EBF7E3;
}

/* aside ----*/
.aside section.__block .__heading.__heading--default,
.aside section.__block .__heading.__heading--custom {
    padding: .55em 1em;
}

/* button */
.more-button {
    width: 70%;
    max-width: 260px;
    margin: -1em auto 2em;
    display: block;
    font-size: 1em;
    background-color: #404040;
    color: #fff;
    line-height: 51px;
    text-align: center;
    letter-spacing: 0.05em;
    padding-right: 1.4em;
    padding-left: 0.8em;
    border: none;
}

.more-button span {
    position: relative;
}

.more-button span::after {
    content: '\e313';
    position: absolute;
    transform: translateY(-48%);
    top: 52%;
    font-weight: 300;
    font-family: 'Material Symbols Outlined';
    font-size: 1.333em;
}

.c-button,
.c-button-submit {
    border-radius: 0;
    background-color: #cfcec8;
}


/* __heading */

.wrapper .main .__heading {
    margin-bottom: 0.5em;
}

.wrapper .main .__block--recommend .__heading {
    padding-top: 2.2em;
    border-top: 1px solid #CFCEC9;
}

.wrapper .main .__heading .c-h1 {
    padding: 0 0 0.06em 0.7em;
    font-size: clamp(1.75rem, calc(0.667rem + 2vw), 2.26em);
    font-weight: 300;
    border-left: #63A10D 4px solid;
    position: relative;
}

/* c-sub-heading */
.wrapper .main .c-sub-heading {
    margin-top: 1.5em;
    padding: 0.5em 1em 0.5em 1.2em;
    font-size: 1.2rem;
    font-weight: 400;
    position: relative;
}

.wrapper .main .c-sub-heading::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #63A10D;
}

.wrapper .main .c-txt-area {
    color: #666;
}

.wrapper .main .c-txt-heading {
    margin: 0 0 0.2em;
    font-weight: 500;
}

.wrapper .main .c-txt-heading+p {
    margin-top: 0;
}

/* c-box-list */
.wrapper .main .c-box-list {
    padding-left: 1em;
    list-style-type: disc;
    margin-left: 2px;
    color: #666;
    line-height: 1.6;
}

.wrapper .main .c-box-list li::marker {
    color: #63A10D;
}

/* news */
.wrapper .main.main--news .__heading {
    margin-bottom: 0;
}

.main.main--news-list section.__news {
    margin-top: 0;
}

.main.main--news-list section.__news ul li {
    display: block;
    border-bottom: 1px solid #eae8df;
}

/* product-list----- */
/* __view-control */
.__pagination.p-pagination {
    margin-bottom: 6rem;
}

.main.main--product-list section.__control .__view-control .__select .__button.c-button-active {
    box-shadow: none;
    border: 2px solid #A8A495;
    overflow: hidden;
}

.main.main--product-list section.__control .__view-control .__select .__button {
    margin-left: 3px;
    padding: .52em .92em;
    background-color: #fff;
    border: 2px solid #CFCEC9;
    border-radius: .3333em;
}

.main.main--product-list section.__control .__view-control .__select .__button:before {
    color: #404040 !important;
    font-weight: 900;
    content: "\f009";
}

.main.main--product-list section.__control .__view-control .__select .__button--row:before {
    color: #404040 !important;
    font-weight: 900;
    content: "\f00b";
}

.body-product-list .c-form select {
    border: 2px solid #CFCEC9;
}

.c-form select,
.c-form textarea {
    box-shadow: none;
    border-radius: 0.333em;
}

.p-pagination .__link .__next a,
.p-pagination .__link .__prev a {
    padding: 0.91em 1em;
}

.p-pagination .__link ul.__page li {
    line-height: 0.85;
}

.p-pagination .__link ul.__page li.__link a,
.p-pagination .__link ul.__page li.__active span,
.p-pagination .__link .__next a,
.p-pagination .__link .__prev a {
    margin: 0 1px;
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #404040;
    font-weight: 600;
    color: #404040;
    line-height: 0.85;
}

.p-pagination .__link ul.__page li.__active span {
    color: #fff;
    border: 2px solid #404040;
    font-weight: 600;
    background: #404040;
}

.main.main--product-list section.__control .__view-control .__select .__button:hover {
    background-color: #fff;
}

.c-button:hover,
.c-button-submit:hover,
.c-button:focus,
.c-button-submit:focus {
    filter: unset;
    background-image: none;
}

.c-button:active,
.c-button-submit:active {
    box-shadow: unset;
    border-color: 0;
}

.main.main--product-list section.__list.__list--row ul.__product>li.__item {
    border-bottom: 1px solid #CFCEC9;
}

.main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__photo {
    aspect-ratio: 1 / 1;
}

.main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__photo img {
    aspect-ratio: 1;
    object-fit: contain;
}

/* __label */
.p-product-block ul.__product li.__item a .__status ul li.__label.__label--new,
.main.main--product-detail section.__information .__secondary .__status ul li.__item.__item--new,
.main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__detail .__status ul li.__label.__label--new {
    background-color: #FFEDC0;
    color: #404040;
    font-weight: 500;
}

.p-product-block ul.__product li.__item a .__status ul li.__label.__label--recommend,
.main.main--product-detail section.__information .__secondary .__status ul li.__item.__item--recommend,
.main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__detail .__status ul li.__label.__label--recommend {
    background-color: #F8CAC3;
    color: #404040;
    font-weight: 500;
}

.p-product-block ul.__product li.__item a .__status ul li.__label.__label--limited,
.main.main--product-detail section.__information .__secondary .__status ul li.__item.__item--limited,
.main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__detail .__status ul li.__label.__label--limited {
    background-color: #D0E4B3;
    color: #404040;
    font-weight: 500;
}

/* product-list----- */
/* detail----- */
.body-product-detail .c-more,
.main.main--product-detail > .__description > a {
    display: block;
}

.body-product-detail .c-more a,
.main.main--product-detail > .__description > a {
    padding-left: 1.15em;
    color: #63A10D;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    position: relative;
}

.body-product-detail .c-more a:before,
.main.main--product-detail > .__description > a::before {
    content: '\e5cc';
    position: absolute;
    font-family: 'Material Symbols Outlined';
    font-size: 1.333em;
    font-weight: 400;
    left: 0;
    top: 52%;
    transform: translateY(-48%);
}

.c-breadcrumb li::after {
    padding-left: .8em;
    color: #404040;
    font-size: 0.8em;
    transform: translateY(-1px);
}

.main.main--product-detail section.__information .__primary .__photo .__main {
    aspect-ratio: 1 / 1;
}

.main.main--product-detail section.__information .__primary .__photo .__main img,
.main.main--product-detail section.__information .__primary .__photo .__sub ul li a img {
    max-height: unset;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    border: 1px solid #CFCEC9;
}

.main.main--product-detail section.__information .__secondary h1.__title,
.main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__detail h2.__title {
    font-weight: 400;
}

.p-product-set table tbody tr td.__description h2.__name {
    font-size: 1em;
    font-weight: 400;
}

.main.main--product-detail section.__information .__secondary .__catch {
    font-weight: 400;
}


.main.main--product-detail section.__content-bottom-box {
    padding: 1.4em;
    border: 1px solid #63A10D;
}

.p-product-set a {
    color: #63A10D;
}

.main.main--product-detail section.__block.__block--recommend {
    margin-top: 6rem;
}

.main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__detail h2.__title {
    font-weight: 400;
}


.main.main--product-list section.__child ul li a {
    border-color: #C2BDAB;
}

.c-form select,
.c-form textarea {
    font-size: 17px;
}

.main.main--product-detail section.__information .__secondary .__control span.__bookmark .__button.__is-added {
    background-color: #fff;
}

.p-spin .__minus,
.p-spin .__plus {
    background-color: #EFEDE7;

}

.p-product-set table tbody tr td.__price .__body,
.p-product-set table tbody tr td.__order .__body .__input input,
.p-product-set table tbody tr td.__order .__body .__notice dl dd,
.p-product-set table tbody tr td.__order .__body dl.__cart-count dd {
    font-family: 'Lato';
}

.p-product-set table tbody tr td.__price .__body .__total {
    font-weight: 500
}

.main.main--product-detail > .__description {
    border: 1px solid #63A10D;
    margin-top: 2.66em;
    padding: clamp(1rem, calc(-0.133rem + 2.667vw), 2rem) clamp(1.333rem, calc(0.667rem + 1.667vw), 2rem);
    line-height: 1.66;
}
.main.main--product-detail > .__description > p {
    color: #666;
}

.main.main--product-detail > .__description > :first-child {
    margin-top: 0;
}
.main.main--product-detail > .__description > :last-child{
    margin-bottom: 5px;
}

.main.main--product-detail > .__description .c-sub-heading {
    font-size: 1em;
    background-color: #EBF7E3;
    color: #404040;
}
.main.main--product-detail > .__description b {
    margin: 0 0 0.2em;
    font-weight: 500;
    color: #404040;
}

.main.main--product-detail > .__description b + p {
    margin-top: 0;
}

.main.main--product-detail > .__description > ol {
    color: #666;
    line-height: 1.8;
}


.main.main--product-detail > .__description a+a {
    margin-top: 5px;
}



/* Safariだけに適用されるCSS */
_::-webkit-full-page-media, _:future, :root .main.main--product-detail > .__description ol {
        padding-left: 2em;
  }


/* howto------ */

.main--howto [class$="--box"] {
    margin-top: clamp(5rem, calc(-2.5rem + 10.333vw), 7.5rem);
    margin-bottom: clamp(5rem, calc(-2.5rem + 10.333vw), 7.5rem);
}

.main--howto ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.main--howto .__link {
    text-decoration: underline 1px;
    text-underline-offset: 4px;
    font-weight: 500;
}

.main.main--howto .__content-top {
    margin-top: 2.8rem;
}

.main--howto .__step .__heading {
    display: none;
}


.main--howto .__step .__list {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.main.main--howto .__step .__body ul.__list li.__item {
    width: calc((100% - 120px) / 5);
    border: 1px solid #CFCEC9;
    text-align: center;
    position: relative;
}

.main.main--howto .__step .__body ul.__list li.__item:not(:last-child)::after {
    position: absolute;
    content: '\e5cc';
    font-family: 'Material Symbols Outlined';
    font-size: 2em;
    font-weight: 300;
    color: #B5B5B1;
    right: -1.05em;
    top: 50%;
    transform: translateY(-50%);
}

.main.main--howto .__step .__body ul.__list li.__item .en {
    margin: -12px 0 1.3rem;
}

.main.main--howto .__step .__body ul.__list li.__item .en span {
    color: #63A10D;
    font-size: 0.86666em;
    background-color: #E9F5E0;
    border: 1px solid #CEE9BA;
    border-radius: 30px;
    line-height: 24px;
    padding: 3px 10px;
}

.main--howto .__step .__list {
    gap: 0 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
}

.main.main--howto .__step .__body ul.__list li.__item:not(:last-child)::after {
    font-size: 1.6em;
    right: -1em;
}

.main.main--howto .__step .__body ul.__list li.__item .material-symbols-outlined {
    font-weight: 200;
    place-content: center;
}

.main.main--howto .__step .__body ul.__list li.__item .__title {
    margin-top: 0.5em;
    padding-bottom: 1em;
    font-size: 1.065em;
    font-weight: 400;
    color: #404040;
    font-feature-settings: 'palt';
    place-content: center;
    line-height: 1.28;
    position: relative;
}

.main.main--howto .__step .__body ul.__list li.__item .__title:after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 2rem;
    height: 1.5px;
    background-color: #63A10D;
    transform: translateX(-50%);
    left: 50%;
}

.main.main--howto .__step .__body ul.__list li.__item:nth-child(1) .material-symbols-outlined {
    font-size: 3.6666em;
}

.main.main--howto .__step .__body ul.__list li.__item:nth-child(2) .material-symbols-outlined {
    font-size: 3.33333em;
}

.main.main--howto .__step .__body ul.__list li.__item:nth-child(3) .material-symbols-outlined {
    font-size: 3.6666em;
}

.main.main--howto .__step .__body ul.__list li.__item:nth-child(4) .material-symbols-outlined {
    font-size: 3.4666em;
}

.main.main--howto .__step .__body ul.__list li.__item {
    width: 100%;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
}

.main.main--howto .__step .__body ul.__list li.__item .__description {
    margin-top: 0.3em;
    padding: 0 0.6em 0 1em;
    text-align: left;
    color: #666;
}

/* faq------ */
.main--howto .__faq--box .__faq--list {
    margin-top: 1.5em;
}

.main--howto .__faq--box .__faq--list dt {
    padding: 0.8rem 1rem 0.8rem 2.8rem;
    font-size: 1.2rem;
    background-color: #F5F4F0;
    position: relative;
}

.main--howto .__faq--box .__faq--list dt::before {
    content: "Q.";
    position: absolute;
    top: 0.6rem;
    left: 1rem;
    font-family: 'Lato';
    font-size: 1.33rem;
    font-weight: 300;
}

.main--howto .__faq--box .__faq--list dd {
    margin: 1em 0 2em;
    font-size: 1em;
    transition: all 0.5s;
    color: #666;
}

.main--howto .__step {
    margin-top: 3.2rem;
}


/* corporate------ */
.main.main--corporate .__profile {
    margin-top: 1.5rem;
}

.main.main--corporate .__open .__title {
    font-weight: 400;
}

/* order_list------ */
.main--quickorder {
    margin-bottom: 3em;
}

.main.main--quickorder-form .__csv-form .__heading,
.main.main--quickorder-form .__input-form .__heading {
    font-weight: 400;
}

/* sitemap------ */
.main.main--sitemap .__wrap .__block h2.__heading {
    font-weight: 400;
    font-size: 1.3em;
}

.main.main--sitemap .__wrap .__block .__body ul li a {
    padding-left: 1.5em;
    position: relative;
}

.main.main--sitemap .__wrap .__block .__body ul li a:before {
    content: '\e5cc';
    position: absolute;
    font-family: 'Material Symbols Outlined';
    font-size: 1.333em;
    font-weight: 400;
    color: #F3654B;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

/* contact------ */
.main.main--contact-form section:not(:first-child),
.main.main--contact-finish section:not(:first-child) {
    margin-top: 1.5rem;
}

.c-button-submit {
    margin-top: 1em;
    background-color: #F3654B;
    border-radius: 0;
}

.p-form-table tr.__is-required>th:after,
.c-button-submit {
    font-weight: 400;
}

button#zip2add {
    background-color: #eae8df;
}

.c-form input[type="text"],
.c-form input[type="password"],
.c-form input[type="email"],
.c-form input[type="url"],
.c-form input[type="date"],
.c-form input[type="month"],
.c-form input[type="time"],
.c-form input[type="datetime"],
.c-form input[type="datetime-local"],
.c-form input[type="week"],
.c-form input[type="number"],
.c-form input[type="search"],
.c-form input[type="tel"],
.c-form input[type="color"] {
    box-shadow: unset;
    border-color: #CCC8C0;

}

.c-form select {
    border-color: #CCC8C0;
}

.main--contact-form,
.main--regist-form,
.main--regist-confirm {
    margin-bottom: 3em;
}

.c-form label {
    border: 1px solid #CCC8C0;
    box-shadow: 0 1px 1px rgba(194, 189, 171, 0.15);
}

/* finish------ */
section.__back-home a {
    font-weight: bold;
    text-decoration: underline;
}

.main--contact-finish {
    margin-bottom: 1em;
}


/* regist------ */
.p-form-flow {
    margin: 2em auto;
}

.p-form-flow:before {
    border-bottom: 2px solid #B5B5B1;
}

.p-form-flow .__flow.__active .__number {
    background-color: #404040;
}

.p-form-flow .__flow.__active .__text {
    color: #404040;
}

.p-form-flow .__flow .__number {
    background-color: #B5B5B1;
}

.p-form-flow .__flow .__number:before {
    font-family: 'Lato';
}

.p-form-flow .__flow .__text {
    color: #B5B5B1;
}



/* mypage------ */
.p-mypage-search .__heading {
    background-color: #CFCEC9;
}

.p-mypage-search .__body .__control .__submit .__button {
    background-color: #F3654B;
    font-weight: 400;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #404040 !important;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection,
.select2-container--bootstrap .select2-dropdown {
    border-color: #404040 !important;
    box-shadow: unset !important;
}

.gnav-sp .__drawer .__menu .__content .__member.__is-member .__message {
    border-color: #CFCEC9;
}

.main.main--mypage.main--mypage-setting,
.wrapper--mypage-profile-form {
    margin-bottom: 1em;
}

.main.main--mypage-bookmark section.__list ul.__product li.__item .__delete button.__button.c-button {
    color: #404040;
    font-weight: 400;
}

.p-mypage-search {
    background-color: #F5F4F0;
}

.main.main--cart section.__shipping-wrap .__shipping .__control ul li.__to-estimate .__button {
    color: #F3654B;
    border: 1px solid #F3654B;
}

.main.main--cart section.__shipping-wrap .__shipping .__control ul li.__to-order .__button {
    background-color: #F3654B;
}

.p-mypage-navi .__member .__name span,
.p-mypage-navi nav.__menu .__body ul li.__is-active a {
    font-weight: 500;
}

.main.main--cart section.__shipping-wrap .__shipping h2.__shipping-title {
    font-weight: 400;
}

.p-cart .__product table tbody td.__description a .__detail .__name {
    font-weight: 500;
}

.main.main--order-form section.__block>.__heading,
.main.main--order-confirm section.__block>.__heading {
    font-weight: 400;
}

.wrapper--order-finish .__title {
    font-weight: 400;
}

.main.main--mypage-estimate-detail section.__detail .__delivery h2.__title {
    font-weight: 400;
}

.main.main--mypage-estimate-detail section.__detail .__delivery .__product table tbody td.__description a .__detail .__name,
.main.main--mypage-estimate-detail section.__detail .__delivery .__product table tbody tr td.__price .__heading,
.main.main--mypage-estimate-detail section.__detail .__delivery .__product table tbody tr td.__order .__heading,
.main.main--mypage-estimate-detail section.__detail .__delivery .__product table tbody tr td.__total .__heading {
    font-weight: 500;
}

/* login------ */
.p-menu-login ul li a {
    border-color: #C2BDAB;
}

.main--password-form {
    margin-bottom: 1em;
}

.main--regist-finish {
    margin-bottom: 1em;
}

.main--cart {
    margin-bottom: 1em;
}

/* cart------ */
.main.main--cart section.__shipping-wrap .__shipping {
    border-top: none;
}

.main.main--cart section.__shipping-wrap .__shipping .__control ul li .__button {
    color: #404040;
}

.main.main--news-list section.__news ul li>a span.__title {
    border: unset;
}

/* cobra------ */
.main.main--page.main--page-detail.main--page-detail-1column {
    padding-bottom: 0;
}

.main--page-detail-1column .__to-home {
    display: none;
}

.main--page-cobra ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main--page-cobra .c-heading-main {
    font-size: clamp(1.5em, calc(0.75rem + 1.86vw), 1.75em);
    letter-spacing: 0.12em;
}

.main--page-detail-1column {
    letter-spacing: 0.12em;
}

.main--page-detail-1column .__heading .c-h1 {
    display: none;
}

/* mv */
.main--page-cobra .__cobra--mv-top {
    margin: 0;
    line-height: 0;
}

/* message */
.main--page-cobra .__cobra--message {
    margin: 3.25em 0;
}

.main--page-cobra .__cobra--message-txt {
    order: 2;
}

.main--page-cobra .__cobra--message-txt p+p {
    margin: 1.1875em 0;
}

.main--page-cobra .__cobra--message-img {
    max-width: 342px;
    width: 27%;
}

.main--page-cobra .__cobra--message-txt-marker {
    padding: 0.083em 0;
    background-image: linear-gradient(0deg, #ebf7e3 0.667em, transparent 0.667em);
}

/* __cobra--support */
.main--page-cobra .__cobra--support.bg-green {
    position: relative;
    padding: 4.5em 0;
}

.main--page-cobra .__cobra--support.bg-green::before,
.main--page-cobra .__cobra--support.bg-green::after {
    content: '';
    position: absolute;
    background-color: #EBF7E3;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.main--page-cobra .__cobra--support.bg-green::before {
    left: -50%;
}

.main--page-cobra .__cobra--support.bg-green::after {
    left: 50%;
}

.main--page-cobra .__cobra--support-list {
    display: flex;
    text-align: center;
    flex: 1;
    gap: 2vw;
}

.main--page-cobra .__cobra--support-list li {
    background-color: #fff;
    width: 22vw;
    height: 22vw;
    max-width: 234px;
    max-height: 234px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1.25;
    aspect-ratio: 1;
}

.main--page-cobra .__cobra--support-list li img {
    max-width: 92px;
    width: 8vw;
    margin-bottom: 0.5em;
}

/* __cobra--youtube */
.main--page-cobra .__cobra--youtube {
    margin: 2em 1em;
    text-align: center;
}
.main--page-cobra .__cobra--youtubeWrapper {
    margin-bottom: 7.7em;
    text-align: center;
}

.main--page-cobra .__cobra--youtubeflex {
    display: flex;
    justify-content: space-evenly;
}

.main--page-cobra .__cobra--youtube iframe {
    aspect-ratio: 16 / 9;
    max-width: 720px;
}

.main--page-cobra .__cobra--youtubeflex iframe {
    aspect-ratio: 16 / 9;
    max-width: 480px;
}



/* __cobra--feature */
.main--page-cobra .__cobra--feature {
    margin: 7.5em auto;
}

.main--page-cobra .__cobra--feature .big {
    font-size: 1.5em;
    font-weight: 300;
    display: inline-block;
    letter-spacing: 0;
}

.main--page-cobra .__cobra--feature .green {
    font-weight: 400;
    display: inline-block;
}

.main--page-cobra .__cobra--feature .c-heading-main {
    margin-bottom: 1em;
    text-align: center;
    font-size: clamp(1.5em, calc(0.75rem + 1.86vw), 2em);
    line-height: 1.3;
}

.main--page-cobra .__cobra--feature-list {
    display: grid;
    gap: clamp(1.333rem, calc(-0.667rem + 3.25vw), 3.333rem);

}

.main--page-cobra .__cobra--feature-list li {
    background-color: #FAF9F5;
    padding: clamp(1.25em, calc(-1.25rem + 5vw), 2.5em);
}

.main--page-cobra .__cobra--feature-list li .__cobra--feature-list-txt p {
    margin: 0.65em 0 0;
}

.main--page-cobra .__cobra--feature-list li .__cobra--feature-list-txt .__cobra--feature-list-heading {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    padding-left: 0.75em;
    font-size: clamp(1.25em, calc(0.8rem + 1vw), 1.5em);
    font-weight: 400;
}

.main--page-cobra .__cobra--feature-list li .__cobra--feature-list-txt .__cobra--feature-list-heading::before {
    position: absolute;
    content: '';
    width: 10px;
    height: 1px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #63A10D;
}

.main--page-cobra .__cobra--feature-list li .__cobra--feature-list-txt .__cobra--feature-list-heading .en {
    margin-right: 1em;
    font-size: 0.93333rem;
    font-weight: 500;
}

.main--page-cobra .__cobra--feature-list li .__cobra--feature-list-txt .green {
    font-weight: 500;
    display: inline;
}

/* __cobra--lineup */
.main--page-cobra .__cobra--lineup.bg-green {
    position: relative;
    padding: 3.75em 0;
}

.main--page-cobra .__cobra--lineup.bg-green::before,
.main--page-cobra .__cobra--lineup.bg-green::after {
    content: '';
    position: absolute;
    background-color: #EBF7E3;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}

.main--page-cobra .__cobra--lineup.bg-green::before {
    left: -50%;
}

.main--page-cobra .__cobra--lineup.bg-green::after {
    left: 50%;
}

.main--page-cobra .__cobra--lineup-list li {
    width: 44.44%;
}

.main--page-cobra .__cobra--lineup-list li .__photo {
    border: 1px solid #CEE9BA;
    background: #fff;
    aspect-ratio: 1 / 1;
}

.main--page-cobra .__cobra--lineup-list li .__photo img {
    object-fit: contain;
    aspect-ratio: 1;
    max-height: unset;
    width: 100%;
    vertical-align: middle;
}

.main--page-cobra .__cobra--lineup-list li .__title {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.2em;
}

.main--page-cobra .__cobra--lineup-list li .__description .__price dt,
.main--page-cobra .__cobra--lineup-list li .__description .__price dd {
    display: inline-block;
    font-size: 1rem;
}

.main--page-cobra .__cobra--lineup-list li .__description .__price dd {
    margin-left: 0;
    letter-spacing: 0.05em;
}

/* table */
.main--page-cobra .__cobra--guidelines {
    margin-top: 4.5em;
    margin-bottom: 5em;
}

.main--page-cobra .__cobra--guidelines .p-product-set table caption {
    margin-bottom: 1em;
    font-size: 1.25em;
    font-weight: 500;
}

.main--page-cobra .__cobra--guidelines .p-product-set table tbody {
    letter-spacing: 0.05em;
}


.main--page-cobra .__cobra--guidelines .p-product-set table thead .__scope {
    border-right: 0;
}

.main--page-cobra .__cobra--guidelines .p-product-set table thead tr th {
    background-color: #FAF9F5;
    line-height: 34.5px;
    font-size: 1rem;
}

.main--page-cobra .__cobra--guidelines .p-product-set table tr .__norm {
    width: 13.8888%;
    text-align: center;
}

.main--page-cobra .__cobra--guidelines .p-product-set table tbody tr.__item--mini .__scope {
    border-right: 0;
}

.main--page-cobra .__cobra--guidelines .p-product-set table tbody tr td {
    padding: 0.9rem;
}

.main--page-cobra .__cobra--set .c-table-dl {
    margin-bottom: 1.6875em;
}

.main--page-cobra .__cobra--set .c-table-dl caption {
    margin-bottom: 1em;
    font-size: 1.25em;
    font-weight: 500;
}

.main--page-cobra .__cobra--set .c-table-dl tbody {
    display: flex;
    flex-wrap: wrap;
    letter-spacing: 0.05em;
    border-top: 1px solid #CFCEC9;
}

.main--page-cobra .__cobra--set .c-table-dl tbody tr {
    display: flex;
    border-bottom: 1px solid #CFCEC9;
}

.main--page-cobra .__cobra--set .c-table-dl tbody tr:nth-child(odd) {
    width: 54%;
}

.main--page-cobra .__cobra--set .c-table-dl tbody tr:nth-child(even) {
    width: 46%;
}

.main--page-cobra .__cobra--set .c-table-dl tbody tr th {
    background-color: #FAF9F5;
    width: 216px;
    padding: 0.7rem 0.9rem;
    vertical-align: middle;
    border: 0;
}

.main--page-cobra .__cobra--set .c-table-dl tbody tr td {
    width: auto;
    flex: 1;
    padding: 0.7rem 0.9rem;
    vertical-align: middle;
    border: 0;
}

.main--page-cobra .__cobra--set .__cobra--set-num-list {
    list-style: none;
    counter-reset: item;
    padding-left: 2em;
    letter-spacing: 0.05em;
}

.main--page-cobra .__cobra--set .__cobra--set-num-list li::before {
    counter-increment: item;
    content: "※" counter(item) " ";
    margin-left: -2em;
}

/* __cobra--manual */
.main--page-cobra .__cobra--manual {
    margin-top: 5em;
    margin-bottom: 7.7em;
    padding: 3.75em;
}

.main--page-cobra .__cobra--manual .__cobra--manual-txt .c-heading-main {
    margin-bottom: 1em;
}

.main--page-cobra .__cobra--manual .button-manual a {
    display: block;
    max-width: 236px;
    font-size: 1em;
    background-color: #404040;
    color: #fff;
    line-height: 51px;
    text-align: center;
    letter-spacing: 0.05em;
}

.main--page-cobra .__cobra--manual .button-manual a span {
    padding-left: 1.5625em;
    position: relative;
}

.main--page-cobra .__cobra--manual .button-manual a span::before {
    content: '\f090';
    font-family: 'Material Symbols Outlined';
    font-size: 1.5em;
    font-weight: 200;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    position: absolute;
}

.main--page-cobra .__cobra--manual-img {
    max-width: 200px;
    border: 1px solid #CFCEC9;
}

.main--page-cobra .__cobra--manual-img img {
    vertical-align: middle;
}

/* __cobra--cta */
.wrapper--page-detail-1column .__inner .__cobra--cta {
    display: none;
}

.__cobra--cta {
    padding: 9em 0 10em;
    text-align: center;
    position: relative;
}

.__cobra--cta::before {
    background: #565656;
    background: linear-gradient(90deg, rgba(86, 86, 86, 1) 0%, rgba(92, 92, 92, 1) 100%);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.__cobra--cta::after {
    content: '';
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/common/cobra-cta.jpg) no-repeat center/1400px;
}

.__cobra--cta-catch {
    margin: 0;
    color: #fff;
}

.__cobra--cta .__heading {
    margin-bottom: 0.67em;
    font-size: 2em;
    margin-top: 0;
    letter-spacing: 0.12em;
    font-weight: 400;
    color: #fff;
}

.__cobra--cta .__cobra--cta-button {
    max-width: 600px;
    width: 90%;
}

.__cobra--cta .__cobra--cta-button a {
    font-size: 1.5em;
    line-height: 70px;
    letter-spacing: 0.12em;
    background-color: #F3654B;
}

.__cobra--cta .__cobra--cta-button a span::after {
    font-weight: 300;
    transform: translateY(-48%);
    top: 52%;
}



@media screen and (max-width: 1240px) {

    /* howto */
    .main--howto .__step .__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .main.main--howto .__step .__body ul.__list li.__item {
        margin-bottom: 1em;
    }

    /* cobra */
    .main--page-cobra .__cobra--set .c-table-dl tbody tr:nth-child(odd) {
        width: 63%;
    }

    .main--page-cobra .__cobra--set .c-table-dl tbody tr:nth-child(even) {
        width: 37%;
    }

    .main--page-cobra .__cobra--feature .big {
        font-weight: 400;
    }

    .main--page-cobra .__cobra--manual .button-manual a span::before {
        font-weight: 300;
    }

    .__cobra--cta .__cobra--cta-button a span::after {
        transform: translateY(-50%);
        top: 50%;
    }

    .__cobra--cta::after {
        background-size: cover;
    }
}


@media screen and (max-width: 1023px) {
    .main.main--cart section.__shipping-wrap .__shipping .__control ul li .__button {
        font-weight: 500;
    }

    /* cobra */
    .main--page-cobra .__pc_only {
        display: none;
    }

    .main--page-cobra .__cobra--support-list {
        justify-content: center;
    }

    .main--page-cobra .__cobra--support .c-heading-main {
        text-align: center;
        margin-bottom: 1em;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tr .__norm {
        width: 10%;
    }

    .main--page-cobra .__cobra--youtubeflex {
    flex-direction: column;
    align-items: center;
    gap: 1em;
}

}

@media screen and (max-width: 959px) and (min-width: 600px) {
    .aside section.__block.__block--calendar ul {
        display: flex;
        justify-content: center;
    }

    .aside section.__block.__block--calendar ul li+li {
        margin-left: 5%;
    }

    .aside section.__block.__block--calendar ul li {
        width: 41.5%;
    }

}

@media screen and (max-width: 959px) {

    /* aside */
    .aside section.__block.__block--category {
        margin-bottom: 2em;
    }

    .aside .__heading {
        text-align: center;
    }

    .c-h1,
    .main.main--privacy .__h1,
    .main.main--sitemap .__h1,
    .main.main--sitemap .__wrap .__block,
    .main.main--privacy .__content,
    .main.main--kiyaku .__content,
    .main.main--kiyaku .__h1,
    .main.main--law .__h1,
    .main.main--law .__content-top,
    .main.main--law .__content-bottom,
    .main.main--corporate .__open .__title,
    .main.main--corporate .__open .__text,
    .main.main--product-detail section.__breadcrumb,
    .main.main--product-detail section.__information,
    .main.main--howto .__h1,
    .main.main--howto .__content-top,
    .main.main--howto .__content-bottom,
    .main.main--howto .__step .__heading,
    .main.main--howto .__step .__body,
    .main.main--login section.__content-top,
    .main.main--regist-finish section.__message,
    .main.main--regist-finish section.__back-home,
    .main.main--password-form section.__description,
    .main.main--quickorder-form section.__content-top,
    .main.main--quickorder-form section.__csv-form .__heading,
    .main.main--quickorder-form section.__input-form .__heading,
    .main.main--quickorder-form section.__add,
    .main.main--mypage-estimate-list section.__pagination,
    .main.main--mypage-estimate-list section.__description,
    .main.main--mypage-bookmark section.__description,
    .main.main--mypage-bookmarklist-index section.__description,
    .main.main--mypage-bookmarklist-index section.__pagination,
    .main.main--mypage-address-list section.__description,
    .main.main--mypage-address-list section.__create,
    .main.main--mypage-address-list section.__pagination,
    .main.main--mypage-setting section.__description,
    .main.main--order-form section.__block>.__heading,
    .main.main--order-form section.__block>.__body>.__description,
    .main.main--order-form section.__block.__block--order,
    .main.main--order-form section.__content-top,
    .main.main--order-form section.__content-bottom,
    .main.main--order-form section.__back,
    .main.main--order-confirm section.__block>.__heading,
    .main.main--order-confirm section.__block>.__body>.__description,
    .main.main--order-confirm section.__block.__block--order,
    .main.main--order-confirm section.__content-top,
    .main.main--order-confirm section.__content-bottom,
    .main.main--order-confirm section.__back,
    .main.main--cart section.__content-top,
    .main.main--cart section.__content-bottom,
    .main.main--news-detail section,
    .main.main--news-detail section,
    .main.main--news-list section:not(.__news),
    .main.main--product-list section.__breadcrumb,
    .main.main--regist-confirm .__description,
    .main.main--quickorder-confirm section.__content-top,
    .main.main--page-detail-1column section:not(.__heading),
    .main.main--page-detail-2column section:not(.__heading),
    .main.main--order-finish section.__content-top,
    .main.main--order-finish section.__back-home,
    .main.main--mypage-estimate-detail section.__detail {
        padding: 0;
    }

    .main.main--cart section.__shipping-wrap .__shipping {
        padding: 1em 0;
    }

    .main--page-cobra .__cobra--set .c-table-dl tbody tr th {
        width: 196px;
    }

}

@media screen and (max-width: 767px) {

    .main--page-cobra .__cobra--set .c-table-dl tbody tr:nth-child(odd),
    .main--page-cobra .__cobra--set .c-table-dl tbody tr:nth-child(even) {
        width: 100%;
    }

    .main--page-cobra .__cobra--youtubeflex {
        flex-direction: column;
        gap: 1.5em;
    }

    .main--page-cobra .__cobra--youtubeflex iframe {
        aspect-ratio: 16 / 9;
    }
}

@media screen and (max-width: 599px) {

    /* aside */
    .aside section.__block.__block--category .__body ul.__tree li.__item a {
        padding-left: 0;
    }

    .main.main--product-detail section.__information .__primary .__photo .__sub ul,
    .p-product-set table tbody,
    .main.main--product-detail section.__information .__secondary .__status,
    .main.main--product-detail section.__information .__secondary .__title,
    .main.main--product-detail section.__information .__secondary .__catch,
    .main.main--product-detail section.__information .__secondary .__description,
    .main.main--product-list section.__list.__list--row ul.__product>li.__item a {
        padding: 0;
    }

    .wrapper .main .__heading .c-h1 {
        border-left: #63A10D 2px solid;
    }

    /* __product */
    .main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__photo {
        width: unset;
    }

    .main.main--product-detail section.__content-middle {
        padding: 1em;
    }

    .__list.p-product-block ul.__product li.__item:nth-child(2n) {
        margin-right: 0;
    }

    /* form */
    .p-form-table tr th {
        padding: 0.5em 0.8em;
    }

    .p-form-table tr td {
        background: #fff;
        padding: 1em 0;
    }

    .p-form-table tr {
        padding: 0;
        border-bottom: unset;
    }

    .p-form-table tr th {
        font-weight: 400;
    }

    /* corporate */
    .main.main--corporate .__open .__title {
        font-size: 1.3em;
    }


    /* cart */
    .p-cart .__product table tbody tr td+td {
        border-top: 1px solid #CFCEC9;
    }

    .main.main--product-list section.__list.__list--row ul.__product>li.__item .__set table tr td.__order .__input input,
    .p-cart .__product table tbody td.__order .__body .__input,
    .p-product-set table tbody tr td.__order .__body .__input input {
        height: 36.4px;
    }

    .p-cart .__product table tbody td.__description a {
        display: flex;
    }

    .p-cart .__product table tbody tr td.__description a .__image {
        float: none;
    }

    .p-cart .__product table tbody tr td.__description a .__detail {
        flex: 1;
    }

    .p-cart .__product table tbody tr td.__price .__heading,
    .p-cart .__product table tbody tr td.__total .__heading,
    .p-cart .__product table tbody tr td.__order.__order--text .__heading,
    .p-cart .__product table tbody tr td.__order.__order--input .__heading {
        font-weight: 500;
    }

    .main.main--order-form section.__block>.__heading,
    .main.main--order-confirm section.__block>.__heading {
        font-size: 1.3em;
    }

    .wrapper--order-finish .__title {
        font-size: 1.3em;
    }

    .main.main--mypage-estimate-detail section.__detail .__delivery h2.__title {
        font-size: 1.3em;
    }

    /* contact */
    .p-form-table tr th {
        background-color: #EFEDE7;
        border: unset;
    }

    /* regist */
    .p-form-flow .__flow .__number {
        font-size: 1.6em;
    }

    .p-form-flow .__flow .__text {
        font-size: 0.85em;
        letter-spacing: 0;
        font-feature-settings: 'palt';

    }

    .p-form-table tr td {
        padding: 1em .5em;
    }

    /* mypage */
    .p-mypage-navi nav.__menu .__body ul li a:after {
        color: #C2BDAB;
    }

    span.select2.select2-container.select2-container--bootstrap,
    span.select2.select2-container.select2-container--bootstrap.select2-container--below.select2-container--focus {
        width: 100% !important;
    }

    .p-mypage-navi nav.__menu .__body ul li a {
        color: #404040;
    }

    .p-mypage-search .__body .__control .__submit .__button {
        font-size: 0.9em;
    }

    .main.main--mypage-estimate-detail section.__detail .__delivery .__product table tbody tr td {
        display: block;
        border-bottom: 1px solid #e6e6e6;
    }

    .main.main--mypage-estimate-detail section.__detail .__delivery .__product table tbody tr td.__total {
        border-bottom: 0;
    }

    /* howto */
    .main--howto .__step .__list {
        grid-template-columns: repeat(1, 1fr);
    }

    .main.main--howto .__step .__body ul.__list li.__item:not(:last-child) {
        margin-bottom: 2em;
    }

    .main.main--howto .__step .__body ul.__list li.__item:not(:last-child)::after {
        right: 50%;
        left: 50%;
        top: 100%;
        bottom: -0.5em;
        transform: rotate(90deg) translate(-50%, -50%);
        line-height: 1;
    }

    /* cobra */
    .wrapper .__inner .main.main--page-detail-1column {
        padding-top: 0;
    }

    .main--page-cobra .__cobra--message-txt p {
        line-height: 1.6;
    }

    .main--page-cobra .__cobra--message-img {
        width: 50%;
        margin: 2em auto;
        display: block;
    }

    .main--page-cobra .__cobra--message-txt-marker {
        font-weight: 500;
    }

    .main--page-cobra .__cobra--support.bg-green {
        padding-top: 3.5em;
        padding-bottom: 3.5em;
    }

    .main--page-cobra .__cobra--support .c-heading-main {
        letter-spacing: 0.05em;
    }

    .main--page-cobra .__cobra--support-list li {
        width: 30vw;
        height: 30vw;
    }

    .main--page-cobra .__cobra--support-list li img {
        width: 10vw;
    }

    .main--page-cobra .__cobra--feature .c-heading-main {
        letter-spacing: 0.02em;
    }

    .main--page-cobra .__cobra--feature .c-heading-main .__en {
        margin-bottom: 0.5em;
    }

    .main--page-cobra .__cobra--feature {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .main--page-cobra .__cobra--feature li {
        line-height: 1.6;
    }

    .main--page-cobra .__cobra--feature-list li img {
        margin-bottom: 1em;
    }

    .main--page-cobra .__cobra--lineup-list {
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .main--page-cobra .__cobra--lineup-list li {
        display: inline-block;
    }

    .main--page-cobra .__cobra--lineup-list li:not(:last-child) {
        margin-right: 3%;
    }

    .main--page-cobra .__cobra--guidelines {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table caption {
        display: block;
        font-size: 1.15em;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr {
        padding: 0;
        overflow: hidden;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr td.__norm {
        width: 100%;
        background-color: #F5F4F0;
        margin-bottom: 0.8em;
        padding-top: 0.9rem;
        color: #404040;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr td {
        position: relative;
        padding-top: 1.8em;
        color: #666;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr td::before {
        content: attr(data-label);
        position: absolute;
        left: 0.9rem;
        font-weight: 500;
        white-space: nowrap;
        top: 0;
        color: #404040;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr.__row1 {
        margin-bottom: 0;
        border-radius: .5em .5em 0 0;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr.__row2 {
        border-radius: 0 0 .5em .5em;
        border-top: 0;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr.__row2 .__attachment {
        margin-top: 0.8em;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr.__item--8t.__row2 {
        margin-bottom: 0;
        border-radius: 0;
        border-top: 0;
        border-bottom: 0;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr.__item--8t.__row2 .__diameter {
        padding-bottom: 0;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr.__item--8t.__row3 {
        border-radius: 0 0 .5em .5em;
        border-top: 0;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr.__item--8t.__row3 td {
        padding-top: 0;
    }

    .main--page-cobra .__cobra--set .c-table-dl {
        margin-bottom: 1em;
    }

    .main--page-cobra .__cobra--set .c-table-dl tbody {
        font-size: 1rem;
    }

    .main--page-cobra .__cobra--set .c-table-dl tbody tr th {
        width: 135px;
        letter-spacing: 0;
    }

    .main--page-cobra .__cobra--set .c-table-dl tbody tr:not(:last-child) th,
    .main--page-cobra .__cobra--set .c-table-dl tbody tr:not(:last-child) td {
        border-bottom: 0;
    }

    .main--page-cobra .__cobra--set .__cobra--set-num-list {
        font-size: 0.9em;
        color: #666;
    }

    .main--page-cobra .__cobra--manual {
        margin-top: 3em;
        margin-bottom: 5em;
        text-align: center;
        padding: 2em;
    }

    .main--page-cobra .__cobra--manual-img {
        margin: 0 auto 1.5em;
        max-width: 150px;
    }

    .main--page-cobra .__cobra--manual .button-manual a {
        margin: auto;
    }

    .__cobra--cta {
        padding-top: 5em;
        padding-bottom: 5em;
    }

    .__cobra--cta .__heading {
        font-size: 1.5em;
        letter-spacing: 0.05em;
    }

    .__cobra--cta .__cobra--cta-button a {
        line-height: 60px;
    }


}

@media screen and (min-width: 1280px) {
    .wrapper.wrapper--column-1 .__inner {
        max-width: 1200px;
    }
}

@media screen and (min-width: 1081px) {
    .wrapper .__narrow {
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto;
    }

    /* cobra */
    .main--page-cobra .__cobra--message-img {
        width: auto;
    }
}


@media (min-width: 1024px) {

    /* cobra */
    .main--page-cobra .c-heading-main .__en {
        padding-left: 4px;
    }

    .main--page-detail-1column {
        font-size: 16px;
    }

    .main--page-cobra .__cobra--support .__narrow {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .main--page-cobra .__cobra--support .c-heading-main {
        width: 31%;
    }
}

@media (min-width: 960px) {

    /* cobra */
    .main--page-cobra .__cobra--message {
        margin: 6.25em 0;
    }
}

@media screen and (min-width: 768px) {

    /* cobra */
    .main--page-cobra .__cobra--message-txt .big {
        font-size: 1.6em;
    }

    .main--page-cobra .__cobra--support-list li .big {
        font-size: 1.2em;
    }

}


@media screen and (min-width: 600px) {

    /* aside */
    .aside section.__block.__block--category .__body ul.__tree>li.__item {
        margin-top: 0;
    }

    .aside section.__block.__block--category .__body ul.__tree li.__item a {
        padding: 0.885em 0;
    }

    /* __product */
    .body-product-list .p-product-block ul.__product {
        padding: 0;
        margin: 3%;
    }

    .body-product-list .p-product-block ul.__product li.__item {
        /* width: 22.5%; */
        padding: 0;
    }

    .body-product-list .__block--recommend .p-product-block ul.__product {
        margin: 0;
    }

    .body-product-list .__block--recommend .p-product-block ul.__product li.__item {
        padding: 1em 0;
    }

    .main.main--product-detail section.__content-middle {
        margin: 3em 0 !important;
    }

    /* cobra */
    .main.main--page-detail-1column section:not(:first-child) {
        margin-top: 0.625em;
    }

    .main--page-cobra .__cobra--message {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 3%;
    }

    .main--page-cobra .__cobra--message-txt p {
        line-height: 1.8;
    }

    .main--page-cobra .__cobra--support-list li {
        font-size: 1.25em;
    }

    .main--page-cobra .__cobra--youtube {
        margin: 4.5em 0;
    }

    .main--page-cobra .__cobra--youtube iframe {
        width: 70vw;
    }

    .main--page-cobra .__cobra--feature {
        line-height: 1.8;
    }

    .main--page-cobra .__cobra--feature-list li {
        display: flex;
        align-items: flex-start;
    }

    .main--page-cobra .__cobra--feature-list li img {
        max-width: 397px;
        width: 30vw;
        margin-right: 4.3%;
    }

    .main--page-cobra .__cobra--lineup-list {
        display: flex;
        gap: 4.3%;
    }

    .main--page-cobra .__cobra--lineup-list li {
        width: 21.85%;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tr .__attachment {
        width: 38.88888%;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tr .__scope {
        text-align: center;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tr .__diameter {
        width: 19.4444%;
        text-align: center;
        border-right: 0;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tbody tr.__item--8t .__diameter {
        padding: 0.75rem 0.5rem;
    }

    .main--page-cobra .__cobra--guidelines .p-product-set table tr .__diameter .__sp_none {
        display: inline-block;
    }



    .main--page-cobra .__cobra--manual {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6%;
    }

    .__cobra--cta-catch {
        font-size: 1.15625em;
    }


}