.top-main{
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    color: #603d21;
    letter-spacing: 0.1em;
}

/* Title Section */
.heading{
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.heading .heading__primary img{
    width: auto;
    width: initial;
    margin: 0 auto;
}

.heading .heading__subtitle {
    margin-bottom: 30px;
    font-size: 16px;
    font-family: nobel, sans-serif;
    font-weight: 400;
    text-align: center;
}

.heading .heading__catchcopy{
    font-size: 20px;
    font-family: source-han-serif-japanese, serif;
    font-weight: 400;
    text-align: center;
}

/* Item / Parts Css */
.item__wrap-list{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.item__list{
    width: 100%;
    max-width: 280px;
    position: relative;
	margin-bottom: 30px;
}

.item__list a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.item__list img{
    margin-bottom: 20px;
    flex-shrink: 0;
}

.item-description{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.item-name{
    font-size: 16px;
    letter-spacing: 0.075em;
    line-height: 1.4;
}

.item-name:hover{
    text-decoration: underline;
}

.item-price{
    margin-top: auto;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #db2927;
    letter-spacing: 0.075em;
    line-height: 1.4;
}

.item-tax{
    font-size: 14px;
}

.rank-num{
    width: 40px;
    height: 40px;
    background-color: #e6635b;
    border-radius: 50px;
    position: absolute;
    top: 10px;
    left: 230px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
}

.button-wrap a{
    width: 300px;
    height: 60px;    
    margin: 0 auto;
    font-size: 18px;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    color: #ffffff;
    line-height: 55px;
    text-align: center;
}
/* Item / Parts Css */

/* Slider Dots Style */
.top-slider .slick-dots {
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    display: block;
    margin: 0 auto;
    margin-top: 3px;
    position: static;
}

.top-slider .slick-dotted.slick-slider{
    margin-bottom: 95px;
}

.top-slider .slick-dots li {
    /* width: 14px;
    height: 14px; */
    border-radius: 8px;
    display: inline-block;
    /* vertical-align: middle; */
    width: 6px;
    height: 0;
    margin: 0 7.5px;
    /* margin-top: -8px; */
}

.top-slider .slick-dots li button {
    font-size: 0;
    width: 0;
    height: 0;
    border-radius: 7px;
    background: #d7d7d7;
    -webkit-appearance: none;
    padding: 0;
    -webkit-transition: background .3s;
    transition: background .3s;
    cursor: pointer;
    border: 0;
}

.top-slider .slick-dots li button::before{
    font-size: 15px;
    color: #dbd5c1;
}

.top-slider .slick-dots li.slick-active button::before {
    /* background: #979797; */
    color: #e6635b;
}

/* Recommend Section */
.recommend{
    padding: 65px 0 80px;
    /* background-image: url("../Contents/ImagesPkg/top/bg_recommend.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; */
}

/* Limit Item Section */
.limited{
    padding: 65px 0 80px;
    /* background-image: url("../Contents/ImagesPkg/top/bg_limited.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; */
}

/* Campaign Section */
.campaign{
    margin-bottom: 80px;
    padding: 65px 0 80px;
    background-image: url("../Contents/ImagesPkg/top/bg_campaign.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.campaign .campaign__wrap-list{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.campaign .campaign__list{
    float: right;
}

.campaign .campaign__list:nth-child(1){
    float: left;
    width: 100%;
    max-width: 580px;
    margin-right: 40px;
}

.campaign .campaign__list:nth-child(2),
.campaign .campaign__list:nth-child(4){
    float: left;
    width: 100%;
    max-width: 280px;
    margin-right: 20px;
}

.campaign .campaign__list:nth-child(2),
.campaign .campaign__list:nth-child(3){
    margin-bottom: 20px;
}

.campaign .campaign__list_s{
    float: right;
}

.campaign .campaign__list_s:nth-child(1){
    float: left;
    width: 100%;
    max-width: 580px;
    margin-right: 40px;
}

.campaign .campaign__list_s:nth-child(2),
.campaign .campaign__list_s:nth-child(3){
    float: left;
    max-width: 580px;
    margin-bottom: 20px;
}

/*.campaign .campaign__list:nth-child(2),
.campaign .campaign__list:nth-child(3){
    margin-bottom: 20px;
}*/


/* Banner Section */
/* バナー1数以上 */
.banner-multiple{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.banner__list{
    width: 100%;
    max-width: 580px;
}

/* バナー1数以上2 */
.banner-top{
    width: 100%;
    max-width: 580px;/*1200PX*/
    margin: 0 auto;
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.banner-top__list{
    width: 100%;
    max-width: 580px;
}

/* バナー1数だけ */
.banner-single{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 75px;
	padding-top: 70px;
}

/* Ranking Section */
.dashi-ranking{
    background-image: url("../Contents/ImagesPkg/top/bk_ranking.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 70px;
}
.dashi-ranking__tab-wrap input[type="radio"] {
    display: none;
}

.dashi-ranking__panel-area > div {
	display: none;
}

#dashi-ranking__tab1:checked ~ .dashi-ranking__tab-area label:nth-child(1),
#dashi-ranking__tab2:checked ~ .dashi-ranking__tab-area label:nth-child(2),
#dashi-ranking__tab3:checked ~ .dashi-ranking__tab-area label:nth-child(3) {
	background-image: url("../Contents/ImagesPkg/top/bg_ranking_on_tab.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#dashi-ranking__tab1:checked ~ .dashi-ranking__panel-area #dashi-ranking__panel1,
#dashi-ranking__tab2:checked ~ .dashi-ranking__panel-area #dashi-ranking__panel2,
#dashi-ranking__tab3:checked ~ .dashi-ranking__panel-area #dashi-ranking__panel3 {
    display: block;
    padding: 60px 0 60px;
    background-image: url("../Contents/ImagesPkg/top/bg_ranking_on.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.dashi-ranking__tab-area {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    font-size: 0;
}

.dashi-ranking__tab-area label {
    width: 100%;
    max-width: 230px;
    height: 70px;
    margin-right: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: ease 0.2s opacity;
    transition: ease 0.2s opacity;
}

/* Category Section */
.category{
    padding: 70px 0 80px;
    /* background-image: url("../Contents/ImagesPkg/top/bg_category.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center; */
}

.category .category__wrap-list{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}

.category .category__list{
    /* width: 100%;
    max-width: 385px; */
    background-color: #ffffff;
    border-radius: 10px;
    background-image: url(../Contents/ImagesPkg/top/bg_category.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    width: calc( ( 100% - 40px ) / 3);
    margin: 0 20px 0 0;
    flex-grow: 0;
}
.category .category__list:nth-of-type(3n){
    margin-right: 0;
}
.category .category__list:not(:nth-child(-n+3)){
    margin-top: 20px;
}
/* .category .category__list:not(:nth-last-child(-n+3)){
    margin-bottom: 20px;
} */

.category .category__inner-list{
    width: 100%;
    max-width: 322px;
    height: 100px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.category .category__inner-list p{
    font-size: 20px;
    font-family: source-han-serif-japanese, serif;
    font-weight: 400;
    line-height: 1.4;
}

.category .category__inner-list span{
    display: block;
}

.category .category__inner-list img{
    max-width: 100px;
}

/* Seasonal Section */
.seasonal{
    margin-bottom: 80px;
    padding: 70px 0 80px;
    background-image: url("../Contents/ImagesPkg/top/bg_season.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

/* News Section */
.news{
    margin-bottom: 80px;
	padding-top: 70px;
}

.news__wrap-list{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    background-image: url("../Contents/ImagesPkg/top/bg_news_line.png");
    background-repeat: repeat-x;
    background-size: contain;
    background-position: 0px 0px;
    margin-bottom: 40px;
}

.news__list{
    padding: 20px 0;
    background-image: url("../Contents/ImagesPkg/top/bg_news_line.png");
    background-repeat: repeat-x;
    background-size: contain;
    background-position: 0px 60px;
}
.news__list:nth-child(n + 4){
    display: none;
}

.news__list dl{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
}

.news__list dl dt{
    margin-right: 35px;
    color: #897c75;
}

.news__list dl dd{
    line-height: 1.4;
}

/* Promise Section */
.promise{
    margin-bottom: 70px;
    padding: 37px 0 10px;
    background-image: url("../Contents/ImagesPkg/top/bg_promise_02.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.promise h2{
    text-align: center;
    font-size: 40px /*48px*/;
    font-family: source-han-serif-japanese, serif;
    font-weight: 600;
    text-align: center;
}
.promise .promise__inner{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 0;
}

.promise .promise__ttl{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 15px;
    /* font-size: 48px;
    font-family: source-han-serif-japanese, serif;
    font-weight: 400;
    text-align: center;
    color: #fae9a4;
    text-shadow: 
    3px 0 3px #e60012, 
    -3px 0 3px #e60012, 
    0 3px 3px #e60012, 
    0 -3px 3px #e60012, 
    3px 3px #e60012, 
    -3px -3px 3px #e60012, 
    3px -3px 3px #e60012, 
    -3px 3px 3px #e60012; */
}

.promise .promise__text{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    font-size: 16px;
    font-family: source-han-serif-japanese, serif;
    font-weight: 600;
    line-height: 1.8;
    letter-spacing: 0.07em;
	text-align:center;/*追加*/
}
.promise .promise__Flex{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.promise .promise__Flex img{
    max-width: 472px;
    padding: 0 40px;
    margin-top: 0px /*-25px*/;
    box-sizing: content-box;
}

/* Media Section */
.media{
    width: 100%;
    max-width: 770px;
    margin: 0 auto;
}

.media .media__wrap-list{
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.media .media__list{
    width: 230px;
}

.media .media__list img{
    border: 1px solid #cccccc;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.media .media__list .media__date{
    margin-bottom: 10px;
    font-size: 16px;
    letter-spacing: 0.1em;
}

.media .media__list .media__ttl{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.text-top{
	text-align: center;
    width: 100%;
    max-width: 580px;/*1200PX*/
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.text-top__list{
    width: 100%;
    max-width: 580px;
	font-size: 0.8em;
	line-height: 1.2em;
}

@media screen and (min-width: 769px) and (max-width: 1220px) {
        .item__wrap-list{
            max-width: calc(1150*(100vw/1200));
        }

        .item__list{
            max-width: calc(260*(100vw/1200));
        }
        .campaign .campaign__wrap-list{
            max-width: calc(1150*(100vw/1200));
        }
            .campaign .campaign__list:nth-child(1){
                max-width: calc(560*(100vw/1200));
                margin-right: calc(30*(100vw/1200));
            }

            .campaign .campaign__list:nth-child(2),
            .campaign .campaign__list:nth-child(4){
                max-width: calc(270*(100vw/1200));
                margin-right: calc(20*(100vw/1200));
            }

            .campaign .campaign__list:nth-child(2),
            .campaign .campaign__list:nth-child(3){
                margin-bottom: calc(20*(100vw/750));
            }

            .campaign .campaign__list:nth-child(3),
            .campaign .campaign__list:nth-child(5){
                max-width: calc(270*(100vw/1200));
            }

    .banner-multiple{
        max-width: calc(1150*(100vw/1200));
    }

        .banner-multiple .banner__list{
            max-width: calc(565*(100vw/1200));
        }
        .category .category__wrap-list{
            max-width: calc(1150*(100vw/1200));
        }

        .category .category__list{
            max-width: calc(360*(100vw/1200));
        }

        .category .category__list:not(:nth-last-child(-n+3)){
            margin-bottom: calc(20*(100vw/1200));
        }

        .category .category__inner-list{
            max-width: calc(322*(100vw/1200));
            height: calc(100*(100vw/1200));
        }
            .category .category__inner-list p{
                font-size: calc(20*(100vw/1200));
            }
           

            .category .category__inner-list img{
                max-width: calc(100*(100vw/1200));
            }
        .promise .promise__inner{
            max-width: calc(1000*(100vw/1200));
        }

        .promise .promise__text{
            max-width: calc(800*(100vw/1200));
        }
}

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

    /* Title Section */
    .heading{
        max-width: calc(710*(100vw/750));
        margin-bottom: calc(55*(100vw/750));
    }

    .heading .heading__primary img{
        width: 100%;
    }

    .heading .heading__subtitle {
        margin-bottom: calc(35*(100vw/750));
        font-size: calc(20*(100vw/750));
    }

    .heading .heading__catchcopy{
        font-size: calc(30*(100vw/750));
    }

    /* Top Slider */
    .top-slider .slick-dotted.slick-slider {
        margin-bottom: calc(120*(100vw/750));
    }

    .top-slider .slick-dots li {
        width: calc(32*(100vw/750));
        margin: 0 calc(15*(100vw/750));
    }

    /* Item / Parts Css */
    .item__wrap-list{
        max-width: calc(710*(100vw/750));
        margin-bottom: 40px;
    }

    .item__list{
        max-width: calc(340*(100vw/750));
    }

    .item__list:not(:nth-last-child(-n+2)){
        margin-bottom: calc(50*(100vw/750));
    }

    .item__list img{
        margin-bottom: calc(30*(100vw/750));
    }

    .icon-wrap{
        margin-bottom: calc(20*(100vw/750));
    }

    .icon-list{
        height: calc(35*(100vw/750));
        padding: 0 calc(10*(100vw/750));
        font-size: calc(24*(100vw/750));
        line-height: calc(34*(100vw/750));
    }

    .icon-list:not(:last-child){
        margin-right: calc(10*(100vw/750));
    }

    .item-name{
        font-size: calc(30*(100vw/750));
    }

    .item-price{
        margin-top: auto;
        margin-right: calc(20*(100vw/750));
        font-size: calc(36*(100vw/750));
    }

    .item-tax{
        font-size: calc(24*(100vw/750));
    }

    .rank-num{
        width: calc(60*(100vw/750));
        height: calc(60*(100vw/750));
        top: calc(10*(100vw/750));
        left: calc(270*(100vw/750));
        font-size: calc(36*(100vw/750));
        line-height: calc(55*(100vw/750));
    }

    .button-wrap a{
        width: calc(600*(100vw/750));
        height: calc(120*(100vw/750));    
        font-size: calc(36*(100vw/750));
        line-height: calc(120*(100vw/750));
    }
    /* Item / Parts Css */

    /* Recommend Section */
    .recommend{
        padding: calc(80*(100vw/750)) 0 calc(100*(100vw/750));
    }
    .recommend .heading__primary img{
        width: calc(710*(100vw/750));
    }

    /* Limit Item Section */
    .limited{
        padding: calc(80*(100vw/750)) 0 calc(100*(100vw/750));
    }
                .limited .heading__primary img{
                    width: calc(710*(100vw/750));
                }

    /* Campaign Section */
    .campaign{
        margin-bottom: calc(100*(100vw/750));
        padding: calc(80*(100vw/750)) 0 calc(100*(100vw/750));
    }
                .campaign .heading__primary img{
                    width: calc(710*(100vw/750));
                }

    .campaign .campaign__wrap-list{
        max-width: calc(710*(100vw/750));
        margin-bottom: calc(60*(100vw/750));
    }

    .campaign .campaign__list:nth-child(1){
        margin-right: 0;
    }

    .campaign .campaign__list{
        max-width: calc(345*(100vw/750));
    }

    .campaign .campaign__list:nth-child(2), 
    .campaign .campaign__list:nth-child(4){
        max-width: calc(345*(100vw/750));
        margin-right: calc(20*(100vw/750));
    }

    .campaign .campaign__list:nth-child(2),
    .campaign .campaign__list:nth-child(3){
        margin-bottom: calc(20*(100vw/750));
    }

    .banner-multiple .banner__list:nth-child(1){
        margin-bottom: calc(10*(100vw/750));
    }
    .dashi-ranking .heading__primary img{
        width: calc(710*(100vw/750));
    }
    .dashi-ranking{
        padding-top: calc(80*(100vw/750));
    }

    .dashi-ranking__tab-area{
        max-width: calc(710*(100vw/750));
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .dashi-ranking__tab-area label {
        max-width: calc(230*(100vw/750));
        height: calc(100*(100vw/750));
        margin-right: calc(10*(100vw/750));
        font-size: calc(21*(100vw/750));
    }
    #dashi-ranking__tab1:checked ~ .dashi-ranking__panel-area #dashi-ranking__panel1,
    #dashi-ranking__tab2:checked ~ .dashi-ranking__panel-area #dashi-ranking__panel2,
    #dashi-ranking__tab3:checked ~ .dashi-ranking__panel-area #dashi-ranking__panel3 {
        padding: 60px 0 calc(10*(100vw/750));
    }
    .dashi-ranking .item__wrap-list{
        margin-bottom: calc(50*(100vw/750));
    }

    /* Category Item Section */
    .category {
        padding: calc(80*(100vw/750)) 0 calc(100*(100vw/750));
        background: #fff;
    }
    .category .heading__primary img{
        width: calc(710*(100vw/750));
    }

    .category .category__wrap-list {
        max-width: calc(710*(100vw/750));
        justify-content: space-between;
    }

    .category .category__list {
        max-width: 100%;
        width: 100%;
        margin:0 0 calc(20*(100vw/750)) 0;
        background-image: url("../Contents/ImagesPkg/top/bg_category.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
    }
    .category .category__inner-list img{
        max-width: calc(160 * (100vw / 750));
    }
    .category .category__inner-list.__reitouImg img{
        max-width: calc(200 * (100vw / 750));
    }
    .category .category__list:not(:nth-child(-n+3)) {
        margin-top: inherit;
    }

    .category .category__list:not(:nth-last-child(-n+3)) {
        margin-bottom: calc(20*(100vw/750));
    }

    .category .category__list:nth-child(1) .category__inner-list{
        max-width: calc(644*(100vw/750));
        /* height: calc(340*(100vw/750)); */
    }

    .category .category__list:nth-child(1) .category__inner-list img{
        /* max-width: calc(280*(100vw/750)); */
        max-width: calc(160*(100vw/750));
    }

    .category .category__list:nth-child(2),
    .category .category__list:nth-child(3),
    .category .category__list:nth-child(6),
    .category .category__list:nth-child(8){
        width: calc(345*(100vw/750));
    }

    .category .category__list:nth-child(2) .category__inner-list,
    .category .category__list:nth-child(3) .category__inner-list{
        height: calc(450*(100vw/750));
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .category .category__list:nth-child(6) .category__inner-list,
    .category .category__list:nth-child(8) .category__inner-list{
        height: calc(400*(100vw/750));
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .category .category__list:nth-child(2) .category__inner-list p,
    .category .category__list:nth-child(3) .category__inner-list p,
    .category .category__list:nth-child(6) .category__inner-list p,
    .category .category__list:nth-child(8) .category__inner-list p{
        text-align: center;
    }
    .category .category__list:nth-child(6) .category__inner-list,
    .category .category__list:nth-child(8) .category__inner-list{
        justify-content: space-between;
        padding: calc(50*(100vw/750)) 0 calc(40*(100vw/750));
    }

    .category .category__inner-list{
        height: calc(200*(100vw/750));
    }

    .category .category__list:nth-child(1){
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    }

    .category .category__list:nth-child(2){
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    }

    .category .category__list:nth-child(3){
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    }

    .category .category__list:nth-child(4){
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    }

    .category .category__list:nth-child(5){
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    }

    .category .category__list:nth-child(6){
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
    }

    .category .category__list:nth-child(7){
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    }

    .category .category__list:nth-child(8){
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
    }

    .category .category__list:nth-child(9){
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
    }
    .category .category__list:nth-child(10){
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    }

    .category .category__list:nth-child(11){
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
    }


    .category .category__list:nth-child(2) img{
        max-width: calc(140*(100vw/750));
        margin-bottom: calc(30*(100vw/750));
    }

    .category .category__list:nth-child(3) img{
        max-width: calc(230*(100vw/750));
        margin-bottom: calc(30*(100vw/750));
    }

    .category .category__list:nth-child(4) img{
        max-width: calc(100*(100vw/750));
    }

    .category .category__list:nth-child(5) img{
        /* max-width: calc(100*(100vw/750)); */
        max-width: calc(150*(100vw/750));
    }

    .category .category__list:nth-child(6) img{
        max-width: calc(200*(100vw/750));
        margin-bottom: calc(30*(100vw/750));
    }

    .category .category__list:nth-child(7) img{
        max-width: calc(210*(100vw/750));
    }

    .category .category__list:nth-child(8) img{
        max-width: calc(240*(100vw/750));
        margin-bottom: calc(30*(100vw/750));
    }

    .category .category__list:nth-child(9) img{
        max-width: calc(140*(100vw/750));
    }
    .category .category__inner-list{
        padding: calc(30*(100vw/750));
    }
    .category .category__inner-list p span{
        font-size: calc(24*(100vw/750));
    }

    /* Seasonal Section */
    .seasonal{
        margin-bottom: calc(100*(100vw/750));
        padding: calc(80*(100vw/750)) 0 calc(100*(100vw/750));
    }
                .seasonal .heading__primary img{
                    width: calc(710*(100vw/750));
                }

    .banner-single{
		padding-top: calc(80*(100vw/750));
        margin-bottom: calc(75*(100vw/750));
    }

    /* News Section */
    .news {
		padding-top: calc(80*(100vw/750));
        margin-bottom: calc(100*(100vw/750));
    }
                .news .heading__primary img{
                    width: calc(710*(100vw/750));
                }

    .news__wrap-list {
        max-width: calc(710*(100vw/750));
        margin-bottom: calc(40*(100vw/750));
    }

    .news__list {
        padding: calc(30*(100vw/750)) 0;
        height: calc(200*(100vw/750));
        background-position: 0px calc(198*(100vw/750));
    }

    .news__list dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        font-size: calc(30*(100vw/750));
    }

    .news__list dl dt {
        margin-right: 0;
        margin-bottom: calc(30*(100vw/750));
    }

    /* Promise section */
    .promise {
        margin-bottom: calc(80*(100vw/750));
        padding: calc(60*(100vw/750)) 0;
    }
    .promise h2{
        text-align: center;
        font-size: calc(50*(100vw/750))/*calc(64*(100vw/750))*/;
		line-height: 1.2;/*追加*/
    }

    .promise .promise__inner {
        max-width: calc(710*(100vw/750));
        padding: calc(20*(100vw/750)) 0 0;
    }

    .promise .promise__ttl {
        margin-bottom: calc(30*(100vw/750));
    }

    .promise .promise__text {
        max-width: calc(625*(100vw/750));
        font-size: calc(30*(100vw/750));
        letter-spacing: 0.15em;
		text-align: left;/*追加*/
    }
    .promise .promise__Flex img{
        max-width: calc(620*(100vw/750));
        margin-top: 0;
        padding: 0;
    }

    /* Media */
                .media .heading__primary img{
                    width: calc(710*(100vw/750));
                }

    .media .media__wrap-list {
        margin-bottom: calc(40*(100vw/750));
        margin-left: calc(20*(100vw/750));
        margin-right: calc(20*(100vw/750));
        padding-bottom: calc(20*(100vw/750));;
        overflow-x: scroll;
    }

    .media .media__list {
        width: calc(260*(100vw/750));
        margin-right: calc(20*(100vw/750));
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }

    .media .media__list img {
        margin-bottom: calc(20*(100vw/750));
    }

    .media .media__list .media__date {
        margin-bottom: calc(16*(100vw/750));
        font-size: calc(24*(100vw/750));
    }

    .media .media__list .media__ttl {
        font-size: calc(24*(100vw/750));
    }
}