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

    /* ----pc  ボタン組み合わせ---- */
    article .flatbtn {
        box-sizing: border-box;
        text-align: center;
        border-radius: 40px;
        color: #333;
        display: flex;
        opacity: 1.0;
        width: auto;
        height: 100%;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-decoration: none;
    }

    article .flatbtn:hover,
    article .flatbtn:focus {
        text-decoration: none;
        opacity: 0.75;
        transition: 0.6s;
    }

    article .flatbtn:active,
    article .flatbtn.active {
        outline: 0;
        box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.125);
    }

    article .flatbtn.disabled,
    article .flatbtn[disabled],
    article .flatbtn.disabled:hover,
    article .flatbtn[disabled]:hover,
    article .flatbtn.disabled:active,
    article .flatbtn[disabled]:active {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        box-shadow: none !important;
    }

    article .default-btn {
        background: #979797;
    }

    article .orange-btn {
        background: #EA6D0D;
    }

    article .red-btn {
        background: #E50012;
    }

    article .blue-btn {
        background: #19499c;
    }

    article .mustard-btn {
        background: #d7ab1a;
    }

    article .default-btn,
    article .orange-btn,
    article .red-btn,
    article .blue-btn,
    article .mustard-btn {
        color: #fff;
    }

    article .border-btn {
        border: 1px solid #B6B6B6;
    }

    article .border-btn:hover {
        border-color: #E5002D;
    }

    article .border-btn.selected {
        border-color: #d4122c;
    }

    article .border-btn-orange {
        border: 1px solid #EA6D0D;
        color: #EA6D0D;
    }

    article .arrow-r,
    article .arrow-d {
        position: relative
    }

    article .arrow-r::after {
        content: "";
        position: absolute;
        right: 18px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        width: 8px;
        height: 8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        bottom: 0;
        margin: auto;
    }

    article .arrow-r-orange::after {
        border-color: #EA6D0D;
    }

    article .arrow-r-red::after {
        border-color: #E5002D;
    }

    article .arrow-d::after {
        content: "";
        position: absolute;
        right: 15px;
        border-top: 2px solid #B6B6B6;
        border-right: 2px solid #B6B6B6;
        width: 8px;
        height: 8px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 0;
        bottom: 0;
        margin: auto;
    }

    article .arrow-d-red::after {
        border-color: #E5002D;
    }

    article .arrow-d-orange::after {
        border-color: #EA6D0D;
    }

    article .mwbtn {
        max-width: 480px;
        margin: 0 auto
    }

    article .etcbtn {
        font-size: 1.2rem
    }

    article .fs-small {
        font-size: 0.8em;
        padding: 0.8rem 1.2rem;
    }

    article .fs-medium {
        font-size: 1.0em;
        padding: 0.8rem 0.2rem;
    }

    article .fs-large {
        font-size: 1.62em;
        padding: 1.05rem 1rem;
    }

    /* -- pc  ボタン組み合わせend --  */


    /* ----ボーダーライン---- */
    article .border-line {
        width: 100%;
        background-color: #ddd;
        border: none;
        height: 1px;
        margin: 3.75em 0;
    }

    /* --ボーダーライン end --  */


    /* ----ページ内リンクボタン---- */
    /* ----pc4列表示 sp2列表示---- */
    article .tab-menu-nav,
    article .tab-menu-nav {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 0 1rem;
    }

    article .tab-menu-nav.col-3,
    article .tab-menu-nav.col-3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0 1rem;
    }

    .global-main article .tab-menu-nav,
    .global-contents__container article .tab-menu-nav {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 0 1rem;
    }

    article .tab-menu-nav .fs-medium {
        font-size: 1.0em;
        padding: 0.5rem 2rem 0.5rem 1rem;
        font-feature-settings: "palt";
        min-height: 3rem;
        line-height: 1.3;
    }

    article .tab-menu-nav::before {
        order: 1;
    }

    article .tab-menu-nav li {
        /*width: calc(25% - 15px);*/
        width: 100%;
        margin-top: 1.25rem;
        position: relative
    }

    article .tab-menu-nav li:nth-child(-n+4) {
        margin-top: 0
    }

    /* ----ページ内リンクボタン---- */
    /* ----pc3列表示 sp2列表示---- */
    /*article .tab-menu-nav.col-3::after {
content: "";
display: block;
width: calc( 33.3% - 10px);
height: 0;
}*/
    .global-main article .tab-menu-nav.col-3,
    .global-contents__container article .tab-menu-nav.col-3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 0 1rem;
    }

    article .tab-menu-nav.col-3 li {
        /*width: calc( 33.3% - 10px);margin-right: 10px;*/
        margin-top: 1.25rem;
        width: 100%;

    }

    .wrap article .tab-menu-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .wrap article .tab-menu-nav .fs-medium {
        font-size: 1.0em;
        padding: 0.5rem 2rem 0.5rem 1rem;
        font-feature-settings: "palt";
        min-height: 3rem;
        line-height: 1.3;
    }

    .wrap article .tab-menu-nav::after,
    .wrap article .tab-menu-nav::before {
        content: "";
        display: block;
        width: calc(25% - 15px);
        height: 0;
    }

    .wrap article .tab-menu-nav::before {
        order: 1;
    }

    .wrap article .tab-menu-nav li {
        width: calc(25% - 15px);
        margin-top: 1.25rem;
        position: relative
    }

    .wrap article .tab-menu-nav li:nth-child(-n+4) {
        margin-top: 0
    }

    .wrap article .tab-menu-nav.col-3::after {
        content: "";
        display: block;
        width: calc(33.3% - 10px);
        height: 0;
    }

    .wrap article .tab-menu-nav.col-3 li {
        width: calc(33.3% - 10px);
        margin-top: 1.25rem;
    }

    .wrap article .tab-menu-nav.col-3 li:nth-child(-n+3) {
        margin-top: 0
    }

    /* ----ページ内リンクボタン---- */
    /* ----画像付き pc3列表示 sp1列表示---- */
    article .feature__items.col-31 li a .feature__items--txt .tab-menu--txt__title {
        font-weight: bold;
        font-size: 1.2rem;
        line-height: 1.3;
    }

    article .feature__items.col-31.border-none li a {
        border-radius: 0;
    }

    /* -- ページ内リンクボタンend --  */


    /* ---- ボタンメニュー ---- */
    /* ----pc2列表示 sp1列表示----*/
    article .menu-btn-list {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 1rem 0;
    }

    article .menu-btn-list li {
        width: calc(50% - 10px);
        margin-right: 20px;
        line-height: 1.2;
    }

    article .menu-btn-list li:last-child {
        margin-right: 0
    }

    .group-btn .menu-btn-list li{margin-right: 0;margin-bottom: 10px;}
    .group-btn .menu-btn-list li:last-child{margin-bottom: 0;}

    article .menu-btn-list .fs-large {
        font-feature-settings: "palt";
        min-height: 3rem;
        font-size: 1.5em;
    }

    /* ----pc1列表示 sp1列表示----*/
    article .menu-btn-list.col-1 li {
        width: calc(60% - 10px);
    }

    article .menu-btn-list.col-1 .flatbtn {
        border-radius: 60px;
    }

    /* -- ボタンメニュー end --  */


    /* ----画像リスト----*/
    /* ----2列表示----*/
    article .banner-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    article .banner-list li {
        width: 48%;
        margin-top: 24px;
    }

    /*article .banner-list li a:hover{
border-color: #E5002D;
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
transition: 0.6s; 
text-decoration: none;
}*/
    article .banner-list p {
        margin-top: 0.5rem;
        line-height: 1.5;
    }

    article .banner-list p span {
        margin-left: 0.5em
    }

    /* ----2列表示----*/
    article .banner-list.col-2 li:nth-child(-n+2) {
        margin-top: 0
    }

    /* ----1列表示----*/
    article .banner-list.col-1 li {
        width: 100%
    }

    article .banner-list.col-1 li:nth-child(-n+1) {
        margin-top: 0
    }

    /* -- 画像リスト end --  */


    /* ----関連特集・関連情報・関連動画　共通----*/
    /* pc2列表示 sp1列表示 */
    article .feature__items {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    article .feature__items li {
        width: 48%;
        min-height: 140px;
        margin-top: 24px;
        font-size: 0.9em;
        position: relative;
        font-feature-settings: "palt";
    }

    article .feature__items li:nth-child(-n+2) {
        margin-top: 0
    }

    article .feature__items li a {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 20px 15px 15px 20px;
        border: 1px solid #CCC;
        border-radius: 5px;
        overflow: hidden;
        color: #333;
    }

    article .feature__items li a:after {
        content: none;
    }

    article .feature__items li a:hover {
        border-color: #E5002D;
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter: "alpha( opacity=70 )";
        transition: 0.6s;
        text-decoration: none;
    }

    article .feature__items li a .feature__items--img {
        width: 24%;
        display: flex;
        align-items: center;
    }

    article .feature__items li a .feature__items--txt {
        width: calc(76% - 20px);
    }

    article .feature__items li a .feature__items--txt .feature__items--txt__title {
        font-weight: bold;
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 0.6rem
    }

    article .feature__items li a .feature__items--txt .feature__items--txt__catch {
        line-height: 1.5;
        font-size: 1.1rem
    }

    /* pc3列表示 sp2列表示 */
    article .feature__items.col-3 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    article .feature__items.col-3 li {
        width: calc(33.3% - 10px);
        margin: 24px 15px 0 0;
        min-height: auto;
        position: relative;
    }

    article .feature__items.col-3 li:nth-child(3n) {
        margin-right: 0;
    }

    article .feature__items.col-3 li:nth-child(-n+3) {
        margin-top: 0
    }

    article .feature__items.col-3 li a {
        padding: 10px 8px 8px 10px;
    }

    article .feature__items.col-3 li a .feature__items--txt {
        width: 70%;
    }

    article .feature__items.col-3 li a .feature__items--txt .feature__items--txt__title {
        font-weight: bold;
        font-size: 1.15rem;
        line-height: 1.3;
        margin-bottom: 0.5rem;
    }

    article .feature__items.col-3 li a .feature__items--txt .feature__items--txt__catch {
        line-height: 1.4;
        font-size: 0.9rem;
    }

    article .feature__items.col-3 li a .future--img {
        margin: 0 10px;
        width: calc(30% - 20px);
        display: flex;
        align-items: center;
    }

    /* pc3列表示 sp1列表示 */
    article .feature__items.col-31 {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    article .feature__items.col-31 li {
        width: calc(33.3% - 10px);
        margin: 24px 15px 0 0;
        min-height: auto;
        position: relative;
    }

    article .feature__items.col-31 li:nth-child(3n) {
        margin-right: 0;
    }

    article .feature__items.col-31 li:nth-child(-n+3) {
        margin-top: 0
    }

    article .feature__items.col-31 li a {
        padding: 10px 8px 8px 10px;
    }

    article .feature__items.col-31.pb a {
        border: none;
        padding: 0;
        border-radius: 0;
    }

    article .feature__items.col-31 li a .feature__items--txt {
        width: 70%;
    }

    article .feature__items.col-31 li a .feature__items--txt .feature__items--txt__title {
        font-weight: bold;
        font-size: 1.15rem;
        line-height: 1.3;
        margin-bottom: 0.5rem;
    }

    article .feature__items.col-31 li a .feature__items--txt .feature__items--txt__catch {
        line-height: 1.4;
        font-size: 0.9rem;
    }

    article .feature__items.col-31 li a .future--img {
        margin: 0 10px;
        width: calc(30% - 20px);
        display: flex;
        align-items: center;
    }

    /* -- 関連特集・関連情報・関連動画　共通 end --  */


    /* ----動画（YouTube・MP4　共通）----*/
    article .komeri-original-movie {
        margin-bottom: 4rem;
    }

    article .youtube-list {
        display: flex;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    article .youtube-list.cols1__1 {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    article .youtube-list li {
        width: 50%;
        box-sizing: border-box;
        margin-top: 1.5em;
        border: 1px solid #ccc;
    }

    article .youtube-list li:nth-child(-n+1) {
        margin-top: 0;
    }

    article .youtube-list.cols2__1 li {
        width: calc(50% - 12px);
    }

    article .youtube-list.cols2__1 li:nth-child(-n+2) {
        margin-top: 0;
    }

    /*Youtube*/
    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.2%;
    }

    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .videos {
        position: relative;
        cursor: pointer;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

    .videos img {
        display: block;
    }

    article .videos--overmaker {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        width: 20%;
        height: auto;
        opacity: 0.7;
    }

    #modalwindow {
        display: none;
        background: rgba(0, 0, 0, 0.7);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
    }

    #bamiri {
        width: 65%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

    #subwindow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .modal_close {
        position: absolute;
        top: 0;
        right: -40px;
        cursor: pointer;
    }

    /* -- 動画（YouTube・MP4　共通） end --  */


    /* ----静的　単品商品----*/
    article .product-list {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    article .product-list li a {}

    .product-img--area {
        width: 200px;
        height: 200px;
        margin: auto;
        position: relative;
    }

    article .product-list li a img.product-img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        width: auto;
        max-width: 98%;
        max-height: 98%;
        margin: auto;
    }

    article .product-list .goods-nm {
        line-height: 1.5;
        color: #333;
        padding: 0.4em 0 0.7em;
        word-break: break-all;
        overflow-wrap: break-word;
        font-feature-settings: 'palt';
        overflow: hidden;
        height: 3.5em;
    }

    article .product-list .price-cart-area {
        display: flex;
        bottom: 0;
        width: 100%;
        flex-direction: column;
        min-height: 0;
        margin-top: auto;
    }

    article .product-list .price-area {
        line-height: 1;
        font-size: 1.25em;
        margin-bottom: 0.8rem;
        display: flex;
        width: 100%;
        justify-content: flex-end;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    article .product-list .price-area .head {
        font-size: 0.75em;
        width: 2em;
        white-space: nowrap;
        margin-right: 0.8em;
        padding-bottom: 0.5em;
    }

    .b-price {
        position: relative;
        display: inline;
    }

    .b-price img {
        height: 1.5em;
        width: auto;
    }

    .b-price_line {
        position: absolute;
        border-bottom: 2px solid #030303;
        height: 2px;
        bottom: 80%;
        right: 0px;
        width: 100%;
    }

    .price {}

    .price img {
        height: 2.25em;
        width: auto;
    }

    article .product-list .kakaku-right {
        text-align: right;
    }

    article .product-list .price-area .text-cancel {
        font-size: 0.9em;
    }

    article .product-list .price-area .en {
        font-size: 1rem;
        font-weight: normal;
        padding-left: 2px;
    }

    article .product-list .price-area .value {}

    article .product-list .price-area .pr-red {
        color: #EE221A;
    }

    article .product-list .price-area .amt {
        font-size: 1.8rem;
        font-weight: bold;
        margin: 0.8rem 0;
    }

    article .product-list .price-area .en {
        font-size: 1rem;
        font-weight: normal;
        padding-left: 2px;
    }

    /* pc4列表示 sp2列表示 */
    article .product-list.col-4::before {
        content: "";
        display: block;
        width: calc(25% - 40px);
        order: 1;
    }

    article .product-list.col-4::after {
        content: "";
        display: block;
        width: calc(25% - 40px);
    }

    article .product-list.col-4 li {
        width: calc(25% - 40px);
        margin-top: 2.5rem;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

    article .product-list.col-4 li:nth-child(-n+4) {
        margin-top: 0
    }

    /* -- pc4列表示 sp2列表示 end --  */

    /* pc3列表示 sp2列表示 */
    article .product-list.col-3::after {
        content: "";
        display: block;
        width: calc(33.33% - 40px);
    }

    article .product-list.col-3 li {
        width: calc(33.33% - 40px);
        margin-top: 2.5rem;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

    article .product-list.col-3 li:nth-child(-n+3) {
        margin-top: 0
    }

    article .product-list.col-3 .goods-nm {
        font-size: 1.2em;
    }

    article .product-list.col-3 .price-area .head {
        font-size: 1rem;
        padding-bottom: 0.2em;
    }

    article .product-list.col-3 .b-price img {
        height: 1.75em;
        width: auto;
    }

    article .product-list.col-3 .price img {
        height: 2.5em;
        width: auto;
    }

    /* -- pc3列表示 sp2列表示 end --  */

    /* pc2列表示 sp2列表示 */
    article .product-list.col-2 li {
        width: calc(50% - 40px);
        margin-top: 2.5rem;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
    }

    article .product-list.col-2 li:nth-child(-n+2) {
        margin-top: 0
    }

    article .product-list.col-2 .product-img--area {
        width: 300px;
        height: 300px;
        margin: auto;
        position: relative;
    }

    article .product-list.col-2 .goods-nm {
        font-size: 1.5em;
    }

    article .product-list.col-2 .price-area .head {
        font-size: 1.5rem;
        padding-bottom: 0.2em;
    }

    article .product-list.col-2 .b-price img {
        height: 2em;
        width: auto;
    }

    article .product-list.col-2 .price img {
        height: 2.75em;
        width: auto;
    }

    /* -- pc3列表示 sp2列表示 end --  */
    /* -- 静的　単品商品 end --  */
}

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

    /* ----sp  ボタン組み合わせ---- */
    article .flatbtn {
        box-sizing: border-box;
        text-align: center;
        border-radius: 25px;
        color: #333;
        display: flex;
        opacity: 1.0;
        width: auto;
        height: 100%;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        text-decoration: none;
    }

    article .flatbtn:hover,
    article .flatbtn:focus {
        text-decoration: none;
        opacity: 0.75;
        transition: 0.6s;
    }

    article .flatbtn:active,
    article .flatbtn.active {
        outline: 0;
        box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.125);
    }

    article .flatbtn.disabled,
    article .flatbtn[disabled],
    article .flatbtn.disabled:hover,
    article .flatbtn[disabled]:hover,
    article .flatbtn.disabled:active,
    article .flatbtn[disabled]:active {
        cursor: not-allowed;
        opacity: 0.65;
        filter: alpha(opacity=65);
        box-shadow: none !important;
    }

    article .default-btn {
        background: #979797;
    }

    article .orange-btn {
        background: #EA6D0D;
    }

    article .red-btn {
        background: #E50012;
    }

    article .blue-btn {
        background: #19499c;
    }

    article .mustard-btn {
        background: #d7ab1a
    }

    article .default-btn,
    article .orange-btn,
    article .red-btn,
    article .blue-btn,
    article .mustard-btn {
        color: #fff;
    }

    article .border-btn {
        border: 1px solid #B6B6B6;
    }

    article .border-btn:hover {
        border-color: #E5002D;
    }

    article .border-btn.selected {
        border-color: #d4122c;
    }

    article .border-btn-orange {
        border: 1px solid #EA6D0D;
        color: #EA6D0D;
    }

    article .arrow-r,
    article .arrow-d {
        position: relative
    }

    article .arrow-r::after {
        content: "";
        position: absolute;
        right: 18px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        width: 8px;
        height: 8px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        bottom: 0;
        margin: auto;
    }

    article .arrow-r-orange::after {
        border-color: #EA6D0D;
    }

    article .arrow-r-red::after {
        border-color: #E5002D;
    }

    article .arrow-d::after {
        content: "";
        position: absolute;
        right: 15px;
        border-top: 2px solid #B6B6B6;
        border-right: 2px solid #B6B6B6;
        width: 8px;
        height: 8px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        top: 0;
        bottom: 0;
        margin: auto;
    }

    article .arrow-d-red::after {
        border-color: #E5002D;
    }

    article .arrow-d-orange::after {
        border-color: #EA6D0D;
    }

    article .mwbtn {
        max-width: 480px;
        margin: 0 auto
    }

    article .fs-small {
        font-size: 0.8em;
        padding: 0.8rem 1.2rem;
    }

    article .fs-medium {
        font-size: 1.0em;
        padding: 0.8rem 0.2rem;
    }

    article .fs-large {
        font-size: 1.62em;
        padding: 1.05rem 1rem;
    }

    /* -- sp  ボタン組み合わせend --  */


    /* ----ボーダーライン---- */
    article .border-line {
        width: 100%;
        background-color: #ddd;
        border: none;
        height: 1px;
        margin: 2.5em 0;
    }

    /* --ボーダーライン end --  */


    /* ----ページ内リンクボタン---- */
    /* ----pc4列表示 sp2列表示　pc3列表示 sp2列表示---- */
    article .tab-menu-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    article .tab-menu-nav .fs-medium {
        padding: 0.5rem 2rem 0.5rem 1rem;
        font-feature-settings: "palt";
        min-height: 3rem;
        line-height: 1.3;
    }

    article .tab-menu-nav li {
        width: calc(50% - 0.4rem);
        margin-bottom: 1.25em;
        font-size: 0.85rem;
    }

    /* ----ページ内リンクボタン---- */
    /* ----pc4列表示 sp1列表示　pc3列表示 sp1列表示---- */
    article .tab-menu-nav.col-1 li {
        width: 100%
    }

    /* ----ページ内リンクボタン---- */
    /* ----画像付き pc3列表示 sp1列表示---- */
    article .feature__items li a .feature__items--txt.sp-title {
        display: flex;
        align-items: center;
    }

    article .feature__items.col-31 li a .feature__items--txt .tab-menu--txt__title {
        font-weight: bold;
        font-size: 1.2rem;
        line-height: 1.3;
    }

    article .feature__items.col-31.border-none li a {
        border-radius: 0;
    }

    /* -- ページ内リンクボタン end --  */


    /* ---- ボタンメニュー ---- */
    /* ----pc2列表示 sp1列表示----*/
    article .menu-btn-list {
        display: flex;
        flex-wrap: wrap;
        margin: 1rem 0;
    }

    article .menu-btn-list li {
        width: 100%;
        margin-bottom: 1em;
        line-height: 1.2;
    }

    article .menu-btn-list li:last-child {
        margin-bottom: 0
    }

    article .menu-btn-list .fs-large {
        padding: 0.5rem 2rem 0.5rem 1rem;
        font-feature-settings: "palt";
        min-height: 3rem;
        font-size: 1em;
    }

    /* -- ボタンメニュー end --  */


    /* ----画像リスト----*/
    article .banner-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    article .banner-list li {
        margin-bottom: 1rem;
    }

    .banner-list li:last-child {
        margin-bottom: 0
    }

    .banner-list p {
        margin-top: 0.5rem;
        line-height: 1.3;
    }

    article .banner-list p span {
        margin-left: 0.5em
    }

    /* -- 画像リスト end --  */


    /* ----関連特集・関連情報・関連動画　共通----*/
    /* pc2列表示 sp1列表示 */
    article .feature__items {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    article .feature__items li {
        width: 100%;
        margin-top: 1rem;
        position: relative;
        font-feature-settings: "palt";
    }

    article .feature__items li:first-child {
        margin-top: 0
    }

    article .feature__items li a {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 12px 8px 12px 12px;
        border: 1px solid #CCC;
        border-radius: 5px;
        overflow: hidden;
        color: #333;
    }

    article .feature__items li a:after {
        content: none;
    }

    article .feature__items li a .pickup--img {
        margin: 0 10px 0 10px;
        width: 28%;
    }

    article .feature__items li a .feature__items--img {
        margin: 0 5px 0 5px;
        width: 24%;
        display: flex;
        align-items: center;
    }

    article .feature__items li a .feature__items--txt {
        width: 76%;
    }

    article .feature__items li a .feature__items--txt .feature__items--txt__title {
        font-weight: bold;
        font-size: 1.15rem;
        line-height: 1.3;
        margin-bottom: 0.4rem;
    }

    article .feature__items li a .feature__items--txt .feature__items--txt__catch {
        line-height: 1.5;
        font-size: 0.85rem;
    }

    /* pc3列表示 sp2列表示 */
    article .feature__items.col-3 {}

    article .feature__items.col-3 li {
        width: 48%;
        margin-top: 1rem;
        position: relative;
    }

    article .feature__items.col-3 li:nth-child(-n+2) {
        margin-top: 0
    }

    article .feature__items.col-3 li a {
        padding: 8px 5px;
    }

    article .feature__items.col-3 li a .feature__items--txt {
        width: 62%;
    }

    article .feature__items.col-3 li a .feature__items--txt .feature__items--txt__title {
        font-weight: bold;
        font-size: 11px;
        line-height: 1.3;
        margin-bottom: 0.4rem;
    }

    article .feature__items.col-3 li a .feature__items--txt .feature__items--txt__catch {
        line-height: 1.3;
        font-size: 9px;
    }

    article .feature__items.col-3 li a .future--img {
        margin: 0 5px;
        width: calc(38% - 10px);
        display: flex;
        align-items: center;
    }

    /* -- 関連特集・関連情報・関連動画　共通 end --  */


    /* ----動画（YouTube・MP4　共通）----*/
    article .komeri-original-movie {
        margin-bottom: 2rem;
    }

    article .youtube-list {
        display: flex;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    article .youtube-list .youtube {
        box-sizing: border-box;
        margin-bottom: 1.5em;
        border: 1px solid #ccc;
    }

    article .youtube-list li {
        width: 100%;
        margin-top: 1.5em;
    }

    article .youtube-list li:nth-child(-n+1) {
        margin-top: 0;
    }

    article .youtube-list.cols2__1 li {
        width: 100%;
    }

    /*Youtube*/
    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.2%;
    }

    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .videos {
        position: relative;
        cursor: pointer;
        border: 1px solid #ccc;
        box-sizing: border-box;
    }

    .videos img {
        display: block;
    }

    article .videos--overmaker {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        width: 20%;
        height: auto;
        opacity: 0.7;
    }

    #modalwindow {
        display: none;
        background: rgba(0, 0, 0, 0.7);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10000;
    }

    #bamiri {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

    #subwindow {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

    .modal_close {
        position: absolute;
        top: -30px;
        right: -30px;
    }

    /* -- 動画（YouTube・MP4　共通） end --  */



    /* ----静的　単品商品----*/
    /* sp2列表示 */
    article .product-list {
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    article .product-list li {
        width: calc(50% - 15px);
        margin-top: 1.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    article .product-list li:nth-child(-n+2) {
        margin-top: 0
    }

    article .product-list li a {}

    .product-img--area {
        width: 150px;
        height: 150px;
        margin: auto;
        position: relative;
    }

    article .product-list li a img.product-img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        width: auto;
        max-width: 98%;
        max-height: 98%;
        margin: auto;
    }

    article .product-list .goods-nm {
        line-height: 1.4;
        color: #333;
        word-break: break-all;
        overflow-wrap: break-word;
        font-feature-settings: 'palt';
        overflow: hidden;
        height: 4em;
        margin-bottom: 1em;
        font-size: 0.875em;
        margin-top: 1em;
    }

    article .product-list .price-cart-area {
        display: flex;
        bottom: 0;
        width: 100%;
        flex-direction: column;
        min-height: 0;
        margin-top: auto;
    }

    article .product-list .price-area {
        line-height: 1;
        font-size: 1.25em;
        margin-bottom: 0.8rem;
        display: flex;
        width: 100%;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    article .product-list .price-area .head {
        font-size: 0.75em;
        margin-right: 0.5em;
    }

    .b-price {
        position: relative;
        display: inline-block;
    }

    .b-price img {
        height: 1em;
        width: auto;
    }

    .b-price_line {
        position: absolute;
        border-bottom: 2px solid #030303;
        height: 2px;
        bottom: 50%;
        right: 0px;
        width: 100%;
    }

    .price {}

    .price img {
        height: 1.5em;
        width: auto;
    }

    article .product-list .kakaku-right {
        text-align: right;
    }

    article .product-list .price-area .text-cancel {
        font-size: 0.9em;
    }

    article .product-list .price-area .en {
        font-size: 1rem;
        font-weight: normal;
        padding-left: 2px;
    }

    article .product-list .price-area .value {}

    article .product-list .price-area .pr-red {
        color: #EE221A;
    }

    article .product-list .price-area .amt {
        font-size: 1.5rem;
        font-weight: bold;
        margin: 0.8rem 0;
    }

    article .product-list .price-area .en {
        font-size: 1rem;
        font-weight: normal;
        padding-left: 2px;
    }

    /* -- sp2列表示 end --  */
    /* -- 静的　単品商品 end --  */
}

nav {
    width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}

.c-breadcrumb * {
    box-sizing: border-box;
    font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.c-breadcrumb.-mb {
    margin-bottom: .75rem;
}

.c-breadcrumb li {
    display: inline;
    color: #83838f;
    font-size: 14px;
    line-height: 1.5;
    position: relative;
}

.c-breadcrumb li a {
    display: inline;
    color: #83838f;
    text-decoration: none;
}

.c-breadcrumb li a::before {
    content: "＞";
    display: inline-block;
    margin: 0 .5em;
    font-size: 11px;
    position: relative;
    top: -1px;
}

.c-breadcrumb li:first-child a::before {
    content: normal;
}

#pageTop {
    z-index: 9999;
}

@media screen and (max-width: 767px) {
    nav {
        width: 100%;
        margin: 0 auto;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .c-breadcrumb li {
        font-size: 12px;
    }

    .c-breadcrumb li a::before {
        margin: 0 .1em
    }
}

body {
    box-sizing: border-box;
    font-family: "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;

}

#wrap {
    width: 1240px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    #wrap {
        width: 100%;
        padding: 0 15px;
        margin: 0 auto;
        box-sizing: border-box;
    }
}

.title_box {
    position: relative;
}

.title_blocks {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    height: 750px;
    background-image: url(../images/back.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.title_center {
    font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 500;
    width: 40vw;
    min-width: 500px;
    padding: 22px 0;
    /* height: 100%; */
    /*background: #fff;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding-bottom: 200px; */
    box-sizing: border-box;
    justify-content: flex-end;
    position: absolute;
}

.title_center .leader1 {
    color: #fff;
    font-size: clamp(31px, 2.5vw, 38px);
    font-weight: 700;
    text-shadow: 0 0 6px rgba(0, 0, 0, 1);
}

.title_center .logo {
    width: 75%;
    max-width: 460px;
    height: auto;
    margin: 30px 0;
    padding: 30px 0;
    background: #fff;

}

.title_center .leader2 {
    color: #fff;
    font-size: clamp(16px, 1.3vw, 20px);
    font-weight: 700;
    text-shadow: 0 0 6px rgba(0, 0, 0, 1);
}

.title_01 {
    background-image: url(../images/251002/back_01.jpg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
}

/*.title_01::after{
    content: "";
    display: block;
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    }*/
.title_02 {
    background-image: url(../images/251002/back_02.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    height: 100%;
}

/*.title_02::after{
    content: "";
    display: block;
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    }*/
.anker_links {
    position: absolute;
    bottom: 76px;
    left: 50%;
    transform: translate(-50%, 50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
width: 100%;
    max-width: 1200px;
}

.anker_links li {
    display: block;
    width: 330px;
    height: 70px;
    margin: 20px;
    background: #fff;
    border: solid #000 3px;
    border-radius: 42px;
    font-size: 20px;
    position: relative;
}

.anker_links li::after {
    content: "";
    background-image: url(../images/anker.svg);
    display: block;
    height: 1em;
    width: 1em;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 1.5em;
    transform: translate(50%, -50%);
}

.anker_links a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #000;
    text-decoration: none;
    font-weight: 700;
}

.anker_links .mini {
    font-size: 0.7em;
}

@media screen and (max-width: 767px) {
    .title_blocks {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: auto;
        padding: 0px 0 15em;
        background-image: none;
    }

    .title_center {
        position: absolute;
        width: 100%;
        top: 38%;
        height: 13em;
        min-width: auto;
        /* background: #000; */
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.5em;
        box-sizing: border-box;
        /* position: relative; */
        justify-content: center;
    }

    .title_center .leader1 {
        color: #333;
        font-size: clamp(12px, 5vw, 25px);
        font-weight: 700;
        text-shadow: none;
    }

    .title_center .leader2 {
        color: #333;
        font-size: clamp(12px, 3vw, 15px);
        font-weight: 500;
        text-shadow: none;
    }

    .title_center .logo {
        width: 80%;
        max-width: 380px;
        height: auto;
        margin: 0.8rem 0;
        padding: 10px 0;
    }

    .title_01 {
        background-image: url(../images/251002/back_01.jpg);
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 50%;
        font-size: clamp(12px, 5vw, 23px);
        height: 14em;
    }

    .title_02 {
        background-image: url(../images/251002/back_02.jpg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 50%;
        font-size: clamp(12px, 5vw, 23px);
        height: 14em;
    }

    .anker_links {
        position: relative;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0%);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        margin-bottom: 5em;
    }

    .anker_links li {
        display: block;
        width: 90%;
        height: 3em;
        margin: 0.5em;
        background: #fff;
        border: solid #000 3px;
        border-radius: 2em;
        position: relative;
        font-size: clamp(12px, 4vw, 23px);
    }
}

.p-title--heading {
    height: 2.5rem;
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: auto;
	font-weight: bold;
    font-size: 27px;
}



@media screen and (max-width:767px) {
    .p-title--heading {
        height: 2rem;
        font-size: 12px;
        line-height: 1.5;
        padding: 0 10px;
    }

}

#a_solvic {
    background: #fff;
}

#a_solvic .mainInner {
    padding: 5em 0;
}

.What_is_solvic {
    display: flex;
    flex-direction: row;
}

.img_blocks {
    width: 40%;
    position: relative;
}

.img_blocks img {
    width: calc(100% - 20px);
    height: auto;
}

.text_blocks {
    line-height: 1.5;
    font-size: 1.25em;
    text-align: justify;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 0 auto;
    padding: 30px;
    box-sizing: border-box;
}

.What_is_solvic h2 {
    font-size: 24px;
    margin-bottom: 1em;
    font-weight: 700;
}

.What_is_solvic h2 img {
    height: 3em;
    width: auto;
    display: inline-block;
}

@media screen and (max-width: 767px) {
    #a_solvic .mainInner {
        padding: 2em 15px;
    }

    #a_solvic h2 {
        font-size: clamp(12px, 4.5vw, 35px);
        margin-bottom: 1.5em;
        font-weight: 700;
        text-align: center;
    }

    #a_solvic h2 span {
        display: inline-block;
    }

    #a_solvic h2 img {
        height: 3.5em;
        width: auto;
        display: inline-block;
    }

    .What_is_solvic {
        display: flex;
        flex-direction: column;
    }

    .img_blocks {
        width: 100%;
        overflow: hidden;
        position: relative;
        display: flow-root;
        height: 100vw;
        max-height: 320px;
        margin-bottom: 1em;
    }

    .img_blocks img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: auto;
        max-height: 340px;
    }

    .text_blocks {
        line-height: 1.4;
        text-align: justify;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;

    }
}

#a_product_pickup {
    background: #ddd;
}

#a_product_pickup .mainInner {
    padding: 2em 0 6em;
}

#a_product_pickup h2 {
    font-size: clamp(12px, 6.5vw, 35px);
    margin-bottom: 1em;
    margin-top: 2em;
    font-weight: 700;
    text-align: center;
}

@media screen and (max-width: 767px) {
    #a_product_pickup .mainInner {
        padding: 2em 15px;
    }
}

.messageBox {
    border: 1px #B70B17 solid;
    padding: 0.5em;
    box-sizing: border-box;
    line-height: 2;
}

.messageBox p {
    color: #B70B17;
    font-size: 1em;
    font-weight: bold;
}

.messageBox p:nth-child(2) {
    font-size: 1em;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    .messageBox p:nth-child(2) {
        line-height: 1.2;
    }
}

.attention {
    background: #ffebeb;
    border: 1px solid #ff0000;
    padding: 1em;
    box-sizing: border-box;
    margin: 1em 0;
}

.attentionText {
    display: flex;
    height: 2em;
    align-items: center;
}

.attentionText span {
    font-weight: 700;
    color: #FE3737;
    padding-left: 0.5em;
    font-size: 1.2em;
}

.sizecheck {
    padding: 1em 0 1em 1em;
    font-weight: 700;
}

.goodsimage img {
    width: 100%;
}

h3.checkPoint {
    position: relative;
    font-size: 1.25em;
    font-weight: bold;
    margin: 60px 0 20px 0;
    padding: 0 0 10px 0;
    text-align: left;
    border-bottom: #aaaaaa 2px solid;
    display: flex;
    align-items: center;
}

h3.checkPoint .st0 {
    fill: #aaaaaa;
}

h3.checkPoint .st1 {
    fill: none;
    stroke: #ffffff;
    stroke-width: 3;
    stroke-miterlimit: 10;
}

h3.checkPoint span {
    margin: 0 0 0 20px;
}


.recommendation {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0px 50px;
}

.recommendation--left {
    width: calc(50% - 10px);
    box-sizing: border-box;
}

.recommendation--right {
    width: 50%;
}

.category {
    margin-top: 30px;
}

.category-item {
    display: flex;
    justify-content: center;
    margin-top: 15px;
    flex-wrap: wrap;
}

.category-item.col_4 .category-item--img{
    width: 25%;
}

.category--name {
    font-weight: bold;
    font-size: 1.35rem;
    text-align: center;
}

.category-item--img {
    width: calc(100% / 3 - 40px);
    /* padding-right: 9px; */
    text-align: center;
}

.category-item--img:nth-child(3n) {
    padding-right: 0;
}

.category-item--img>span {
    display: inline-block;
    margin-top: 5px;
}

.category-item--size {
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-top: 10px;
    background-color: #fff;
    border: 1px solid #333;
}

.category-item--size:last-child {
    margin-right: 0;
}

/*.category-item--size:nth-child(5n) {
    margin-right: 0;
}*/
.category-item--size>span {
    position: absolute;
    color: #333;
    font-weight: bold;
    font-size: 1.75rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.category-item--color {
    text-align: center;
    margin-right: 15px;
}

.category-item--color>span {
    display: inline-block;
    margin-top: 5px;
}

.category-item--color::before {
    content: '';
    width: 85px;
    height: 60px;
    display: block;
    border-radius: 10px;
}

.category-item--color__black::before {
    background-color: #000;
}

.category-item--color__gray::before {
    background-color: #808080;
}

.category-item--color__navy::before {
    background-color: #000080;
}

.category-item--color__beige::before {
    background-color: #F4B183;
}

.category-item--color__khaki::before {
    background-color: #848569;
}

.category-item--color__red::before {
    background-color: #B51D23;
}

.category-item--color__camel::before {
    background-color: #995E2A;
}

.category-item--color__lime::before {
    background-color: #AAC463;
}

.category-item--color__olive::before {
    background-color: #37552B;
}

@media screen and (max-width:767px) {
    .recommendation {
        flex-wrap: wrap;
    }

    .recommendation--left {
        width: 100%;
    }

    .recommendation--right {
        width: 100%;
        margin-top: 15px;
    }

    .category-item.t-left {
        justify-content: flex-start;
        width: auto;
        padding: 35px;
        margin: auto;
    }

    .category-item--img {
        width: calc(100% / 3 - 10px);
        /* padding-right: 9px; */
        text-align: center;
    }
}

.recommendation-group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.recommendation-group--item {
    width: calc(50% - 10px);
    margin: 0 0 30px;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #333;
    align-items: normal !important;
    box-sizing: border-box;
}

.recommendation-group--left {
    /*position: relative;*/
    /*background-color: #767171;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.recommendation-group--img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%,-50%);
}*/
.recommendation-group--right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.recommendation--name {
    font-weight: bold;
    font-size: 1.0rem;
    line-height: 1.25em;
}

.recommendation--lead {
    font-size: 0.85rem;
    margin-top: 10px;
}

.group-category {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 15px;
}

.category-item--img>svg {
    width: 100%;
}

.group-category--name {
    width: 25%;
    font-size: 1.0rem;
    font-weight: bold;
    margin-right: 10px;
}

.group-category--item {
    width: 70%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.group-category-item--img {
    width: 18%;
    margin-right: 10px;
}

/*.group-category--item .group-category-item--size:nth-child(n+3) {
    margin-top: 5px;
}*/
.group-category-item--size {
    position: relative;
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: 1px solid #333;
    /* border-radius: 10px; */
    margin-right: 10px;
}

.group-category-item--size>span {
    position: absolute;
    color: #333;
    font-weight: bold;
    font-size: 1.0rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.group-btn ul {
    margin: 15px 0 0 0 !important;
}

.group-btn li {
    width: 100% !important;
}

.group-btn a {
    font-size: 0.95rem !important;
    padding: 0.45rem 1.0rem !important;
    min-height: 2.0rem !important;
}

@media screen and (max-width:767px) {
    .recommendation-group--item {
        width: 100%;
    }

    .recommendation-group--left {
        height: 200px;
    }

    .recommendation-group .recommendation-group--item:not(:first-child) {
        margin-top: 30px;
    }

    .recommendation--lead {
        margin-top: 5px;
    }

    .group-category-item--img {
        width: 13%;
    }
}

.goods-block--main {
    background-color: #fff;
    padding: 15px 30px;
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    margin-bottom: 60px;
}
.goods-block--main:last-child{margin-bottom: 0;}

.goods-block--main_title {
    text-align: center;
    margin: 30px 0 50px;
    font-size: 2em;
    font-weight: bold;
}

.lead-text {
    font-size: 1.15em;
    line-height: 1.4;
}

.goods-block--sub {
    background-color: #fff;
    padding: 20px 30px 15px;
    border-radius: 10px;
    /* border: 2px solid #333; */
    box-sizing: border-box;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
    margin: 0 0 60px;
}

.goods-block--sub_title {
    text-align: center;
    margin: 30px 0 50px;
    font-size: 2em;
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .goods-block--main {
        background-color: #fff;
        padding: 10px 15px;
        border-radius: 10px;
        /* border: 2px solid #333; */
        box-sizing: border-box;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
    }

    .goods-block--main_title {
        text-align: left;
        margin: 20px 0 30px;
        font-size: 1.25em;
        line-height: 1.2;
        font-weight: bold;
    }

    .goods-block--sub_title {
        text-align: left;
        margin: 20px 0 30px;
        font-size: 1.25em;
        line-height: 1.2;
        font-weight: bold;
    }
}

article .t-btn-container .menu-btn-list li {
    width: calc(100% / 3 - 14px);
}

@media screen and (max-width:767px) {
    article .t-btn-container .menu-btn-list li {
        width: 100%;
    }


}

.a_product_sub {
    background: #fff;
}

.a_product_sub .mainInner {
    padding: 2em 0;
}

.a_product_sub .ttl {
    font-size: clamp(12px, 6.5vw, 35px);
    margin-bottom: 1em;
    margin-top: 2em;
    font-weight: 700;
    text-align: center;
}

.a_product_sub .ttl.cate {
    font-size: clamp(12px, 6.5vw, 35px);
    margin-bottom: 1em;
    margin-top: 2em;
    font-weight: 700;
    text-align: center;
    background: #333;
    padding: 15px;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .a_product_sub .mainInner {
        padding: 2em 15px;
    }
}


.category-html-links_cols * {
    box-sizing: border-box;
    min-height: 0%;
}

.category-html-links_cols {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.category-html-links_cols.cols2-1 li {
    width: calc(50% - 5px);
}

.category-html-links_cols a {
    color: #000;
    text-decoration: none;
    line-height: 1.5;
}

.category-html-links_cols li a p span {
    font-weight: bold;
}

.category-html-links_cols li a .links_img:hover {
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    transition: all 0.3s ease 0s;
}

.category-html-links_cols li a .links_img {
    display: block;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}

.category-html-links_cols li a .links_img img {
    display: block;
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
}

@media screen and (max-width: 767px) {
    #a_Related .mainInner {
        padding: 2em 15px;
    }

    .category-html-links_cols.cols2-1 li {
        width: 100%;
        margin: 0 0 10px 0;
    }
.bnr-block {
	padding: 0 10px;
	}
}

.bnr-block {}

.bnr-block a {
    text-decoration: none;
}

.bnr-block a img {
    width: 100%;
    height: auto;
    margin: 0 0 10px;
}

.bnr-block a p {
    color: #333;
    line-height: 1.2;
}

#a_Related .mainInner {
    padding: 2em 0;
}

#a_Related h2 {
    font-size: clamp(12px, 6.5vw, 35px);
    margin-bottom: 1em;
    font-weight: 700;
    text-align: center;
}

#a_Related_summer .mainInner {
    padding: 2em 0;
}

#a_Related_summer h2 {
    font-size: clamp(12px, 6.5vw, 35px);
    margin-bottom: 1em;
    font-weight: 700;
    text-align: center;
}

#fot {
    font-weight: 400;
}


.st1 {fill: #385723;}
.st2 {fill: #EE7800;}
.st3 {fill: #d3b5e9;}
.st4 {fill: #808080;}
.st5 {fill: #F4B183;}
.st6 {fill: #e9d4a1;}
.st7 {fill: #EE7800;}
.st8 {fill: #002060}
.st9 {fill: #767171}
.st10 {fill: #bf9000}
.st11 {fill: #401d06}
.st12 {fill: #5b9bd5}
.st13 {fill: #575323}
.st14 {fill: #bdd7ee;}
.st15{ fill: #e9d4a1}
.st16{ fill: #2f5597}
.st17{ fill: #3b3838}
.st18{ fill: #12508d}
.st19{ fill: #80350e}
.stw {fill: #fff;outline: 6px solid #000;border-radius: 50%;}

/*260131*/
.p-heading-area--simple {
	margin: 10px;
    font-weight: bold;
    font-size: 27px;
}

.p-goods-col.select-column {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-block: 30px 50px;
}

.select-column-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    row-gap: 10px;
}

.select-name {
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.2;
    text-align: center;
}

.c-komeri-btn--orange {
    background-color: #ea6d0d;
	position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 40px;
    opacity: 1;
}

.c-komeri-btn__link {
    text-decoration: none;
}

.c-komeri-btn__inner {
    font-feature-settings: 'palt';
    color: #fff;
    padding: 0.75rem 2rem 0.75rem 1.75rem;
    display: flex;
    justify-content: center;
    line-height: 1.3;
    font-size: 1rem;
}

.c-komeri-btn__inner::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 18px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(45deg);
}

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

.p-heading-area--simple {
	    margin: 10px;
        font-weight: bold;
        font-size: 22px;
        line-height: 1.2;
}
	
.p-goods-col.select-column {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 10px;
        row-gap: 40px;
        margin-block-start: 30px;
    }
	
.select-column-item {
        row-gap: 10px;
    }
.c-komeri-btn__inner {
        font-size: 0.8rem;
	    text-align: center;
}
	
.select-name {
    font-size: 1rem;
}
}
#a_solvic_heading {
	font-size: clamp(12px, 6.5vw, 35px);
    margin-bottom: 1em;
    margin-top: 3em;
    font-weight: 700;
    text-align: center;	
	}
#a_solvic .mainInner {
	padding: 0 0 5em 0;
}