﻿/* 基本日本語フォント ------------------------------*/
.totalTop,
.openTop,
.closeTop {
    font-family: var(--hirakaku);
    color: var(--black);
}

/* .totalTop a:not(.button--square),
.openTop a:not(.button--square),
.closeTop a:not(.button--square), */
.cardUnit a,
.newarrivals__list-item5 a,
.newarrivals__list a,
.cardUnit-blog a,
.brand-list__list a,
.bnrArea__inner a {
    display: block;
}

.closeTop a.buttonList__list-item,
#Wrap .infoContents-mail_wrap {
    display: inherit;
}

#Wrap .card-border-pink,
#Wrap a.button--style--rosemadame {
    display: flex;
}

#Wrap .rosemadame .panel.tab_panel .button-ranking.button--style--rosemadame {
    display: none;
}

#Wrap .rosemadame .panel.tab_panel.is-show .button-ranking.button--style--rosemadame {
    display: flex;
}

/* #Wrap .button-ranking{display: inherit;} */
/* 背景------------------------------*/
.bg_white-solid {
    background: var(--white-solid);
}

.bg_snowflake {
    background: var(--snowflake);
}

/* タイトル周り ----------------------------------- */
.block__ttlInner {
    text-align: center;
    color: var(--black);
}

.block__ttl {
    font-family: var(--quattrocento-sans);
    font-weight: bold;
    letter-spacing: calc(30em / 1000);
}

.block__subTtl {
    font-family: var(--hirakaku);
    line-height: 1.38;
}

.block__ttl_barlow {
    font-family: var(--barlow);
    font-weight: 500;
    line-height: 1;
}

.block__subTtl_barlow {
    font-family: var(--hirakaku);
    line-height: 1;
}

.block__ttl_Archivo {
    font-family: var(--Archivo);
    font-weight: 500;
    line-height: 1;
    color: var(--carbon);
}

.block__subTtl_Archivo {
    font-family: var(--hirakaku);
    line-height: 1;
    color: var(--carbon);
}

.block__ttl_montserrat {
    font-family: var(--montserrat);
    font-weight: 300;
    line-height: 1;
    text-align: left;
    letter-spacing: calc(40em / 1000);
    color: var(--black);
}

.block__ttl_poppins {
    font-family: var(--poppins);
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1;
    text-align: center;
}

.block__ttl_arial {
    font-family: var(--arial);
    font-size: 2.6rem;
    font-weight: 400;
    /* letter-spacing: .04em; */
    line-height: 1;
    text-align: center;
}

.block__ttl_helvetica-neue {
    font-family: var(--helvetica-neue);
    letter-spacing: calc(40em / 1000);
    text-align: center;
    color: var(--black);
    font-weight: 600;
}

/* CARD --------------------------------------- */
.cardUnit {
    display: flex;
    flex-wrap: wrap;
}

.cardUnit__card__po-rerative {
    position: relative;
}

.cardUnit-categoryDetail__caption__innerImage {
    position: absolute;
}

.cardUnit__card img {
    width: 100%;
}

/* カテゴリーテキストデザイン ブランドごと */
.cardUnit-categoryDetail_font-renorm {
    font-family: var(--roboto);
    letter-spacing: calc(109em / 1000);
    color: var(--white);
}

/* mainbanner --------------------------------- */
.mainbanner {
    width: 100%;
}

.mainbanner__inner {
    position: relative;
}

.mainbanner .slick-dots {
    position: initial;
}

.mainbanner .slick-dots li.slick-active button::before,
.mainbanner.mainbanner-openTop .slick-dots li.slick-active button::before {
    background-color: var(--black);
    border: solid 1px var(--black);
}

.mainbanner .slick-prev::before,
.mainbanner .slick-next::before {
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    display: block;
}

.mainbanner .slick-prev::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2025.9%2054.3%22%20style%3D%22enable-background%3Anew%200%200%2025.9%2054.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_718%22%20transform%3D%22translate(1319.102%20429.962)%20rotate(180)%22%3E%20%3Cpath%20id%3D%22%E7%B7%9A_165%22%20class%3D%22st0%22%20d%3D%22M1317.6%2C403.7l-24.4-26.6l1.5-1.3l24.4%2C26.6L1317.6%2C403.7z%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_166%22%20class%3D%22st0%22%20d%3D%22M1294.7%2C430l-1.5-1.3l24.4-27.5l1.5%2C1.3L1294.7%2C430z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

.mainbanner .slick-next::before {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2025.9%2054.3%22%20style%3D%22enable-background%3Anew%200%200%2025.9%2054.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_717%22%20transform%3D%22translate(-1293.236%20-375.679)%22%3E%20%3Cpath%20id%3D%22%E7%B7%9A_165%22%20class%3D%22st0%22%20d%3D%22M1317.6%2C403.7l-24.4-26.6l1.5-1.3l24.4%2C26.6L1317.6%2C403.7z%22%2F%3E%20%3Cpath%20id%3D%22%E7%B7%9A_166%22%20class%3D%22st0%22%20d%3D%22M1294.7%2C430l-1.5-1.3l24.4-27.5l1.5%2C1.3L1294.7%2C430z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

/* メインバナー下 販促バナー --------------------------------- */
.c-block-bnrArea-totaltop .bnrArea__inner a {
    margin-bottom: calc(20 * (100vw / 375));
}

.c-block-bnrArea-totaltop .bnrArea__inner a:last-of-type {
    margin-bottom: 0;
}

/* オープン型トップデザイン */
.mainbanner.mainbanner-openTop .slick-dots li button::before {
    background: #E3E3E3;
    border: #E3E3E3 1px solid;
}

/* コーディネートリスト------------------------------------ */
.c-block-coordinateList {
    width: 100%;
    margin: 0 auto;
}

/* サマリーテキスト------------------------------------ */
#summaryText {
    width: 100%;
    background-color: var(--black);
    color: var(--dhusar-grey);
    font-family: var(--open-sans);
    font-weight: 400;
}

.summaryText__description-text {
    /* padding-top: calc(30 * (100vw / 375));
    padding-right: calc(18 * (100vw / 375));
    padding-left: calc(18 * (100vw / 375));
    font-size: calc(11 * (100vw / 375)); */
    letter-spacing: .03em;
    line-height: 1.8;
}


/* ヒストリー ------------------------------------ */
.c-block-productHistory #productHistory {
    width: 100%;
    margin: 0 auto;
}

#productHistory .productHistory__blkttl {
    font-weight: normal;
}

/* アイコン ----------------------- */
.campaign-icon__list {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    flex-wrap: wrap;
    width: 100%;
}

/* ランキング------------------------------------ */
.ranking__list-item__img-wrapper {
    position: relative;
}

.rankNum {
    position: absolute;
    z-index: 2;
}

.rankingNum-type-normal .rankNum {
    position: static;
}

.rankNum-rect {
    background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, var(--elemental-grey) 50.5%) no-repeat top left/100% 100%;
    color: var(--white);
    font-family: var(--barlow);
    top: 0;
    left: 0;
}

.rankNum-rect.rankNum-rect-style-renorm {
    font-family: 'Roboto';
    background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, var(--black) 50.5%) no-repeat top left/100% 100%;
}

.rankNum-rect.rankNum_1 {
    background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #C3A74B 50.5%) no-repeat top left/100% 100%;
}

.rankNum-rect.rankNum_2 {
    background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #707070 50.5%) no-repeat top left/100% 100%;
}

.rankNum-rect.rankNum_3 {
    background: linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #BA9E81 50.5%) no-repeat top left/100% 100%;
}

.rankNum-round {
    border-radius: 50%;
    background: var(--white);
    border: 1px solid var(--dugong);
    color: var(--shadow-mountain);
    left: 0;
    font-family: var(--quattrocento-sans);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rankNum-round.rankNum_1 {
    background: var(--rodeotan);
    border: 1px solid var(--rodeotan);
    color: var(--white);
}

.rankNum-round.rankNum_2 {
    background: var(--rodeotan);
    border: 1px solid var(--rodeotan);
    color: var(--white);
}

.rankNum-round.rankNum_3 {
    background: var(--rodeotan);
    border: 1px solid var(--rodeotan);
    color: var(--white);
}

.rankingNum-type-normal.rankingNum-texttype-ats .rankNum-round,
.rankingNum-type-normal.rankingNum-texttype-ats .rankNum-round.rankNum_1,
.rankingNum-type-normal.rankingNum-texttype-ats .rankNum-round.rankNum_2,
.rankingNum-type-normal.rankingNum-texttype-ats .rankNum-round.rankNum_3 {
    color: var(--black);
    font-family: var(--poppins);
}

.rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round,
.rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round.rankNum_1,
.rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round.rankNum_2,
.rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round.rankNum_3 {
    color: var(--dhusar-grey);
    font-family: var(--arial);
}

.ranking__list-item__detail--price-text--sale .price-text--sale,
.submit__list-item__detail--price .price-text--sale {
    color: var(--incubation-red);
}

.ranking__list-item__detail--price-text--sale .price-text--regular,
.submit__list-item__detail--price .price-text--regular {
    text-decoration: line-through;
}

.ranking__list li:last-of-type {
    margin-right: 0;
}

.panel .panel__ranking {
    display: none;
    opacity: 0;
}

.panel .button-ranking {
    display: none;
}

.tab {
    transition: all 1s;
}

.tab:hover,
.tab.is-active {
    color: var(--black);
}

.panel.is-show .panel__ranking {
    display: block;
    opacity: 1;
}

.panel.is-show .button-ranking {
    display: flex;
    /* opacity: 1; */
}

.panel.is-show .panel__ranking {
    animation-duration: 1s;
    animation-name: fade-in;
}

.c-block-ranking-openTop {
    width: 100%;
}

.ranking-category {
    border-top: 1px solid var(--dhusar-grey);
    border-bottom: 1px solid var(--dhusar-grey);
}

.tabs-categorys {
    width: 100%;
    color: var(--dhusar-grey);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.tabs-categorys__category {
    font-weight: 600;
    line-height: 1;
    transition: all 1s;
    cursor: pointer;
}

.tabs-categorys__category.active {
    color: var(--black);
}

.ranking_inner {
    width: 100%;
}

.ranking__list-item__detail--brandname {
    font-family: var(--barlow);
    font-weight: 600;
    line-height: 1.15;
}

.head .ranking__list-item__detail--brandname,
.totalTop .ranking__list-item__detail--brandname,
.openTop .ranking__list-item__detail--brandname {
    font-family: var(--quattrocento-sans);
    font-weight: 600;
}

.rankingNum-type-normal .ranking__list-item__detail--brandname {
    font-family: var(--arial);
    font-weight: 400;
}

@keyframes fade-in {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

.norc .ranking__list-item__detail--itemname {
    color: var(--shadow-mountain);
}

/* OFF率 ----------------------------------- */
.dis_no {
    display: none;
}

/* オブジェクトフィット ------------------------*/
/* .cardUnit-commonRanking img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
} */
.product-img__wrapper {
    position: relative;
    padding-bottom: 120%;
}

.product-img__wrapper>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}




@media only screen and (max-width: 767px) {

    /* 表示デバイス ----------------------------------- */
    .visible_tablet-pc,
    .visible_tablet-pc_inline {
        display: none;
    }

    /* コンテンツ周り ------------------------------*/
    .totalTop {
        margin-bottom: calc(108 * (100vw / 750));
    }

    .openTop {
        margin-bottom: calc(100 * (100vw / 750));
    }

    /* タイトル周り ----------------------------------- */
    .block__ttl {
        font-size: calc(48 * (100vw / 750));
    }

    .block__subTtl {
        font-size: calc(26 * (100vw / 750));
        margin-top: calc(14 * (100vw / 750));
    }

    .block__ttl_barlow {
        font-size: calc(44 * (100vw / 750));
        letter-spacing: calc(100em / 1000);
    }

    .block__subTtl_barlow {
        font-size: calc(24 * (100vw / 750));
        margin-bottom: calc(20 * (100vw / 750));
    }

    .block__ttl_Archivo {
        font-size: calc(48 * (100vw / 750));
        letter-spacing: calc(30em / 1000);
    }

    .block__subTtl_Archivo {
        font-size: calc(24 * (100vw / 750));
        margin-bottom: calc(20 * (100vw / 750));
    }

    .block__ttl_montserrat {
        font-size: calc(40 * (100vw / 750));
    }

    .block__ttl_poppins {
        font-size: calc(22 * (100vw / 375));
    }

    .block__ttl_arial {
        font-size: calc(48 * (100vw / 750));
    }

    /* CARD --------------------------------------- */
    .cardUnit__card-sp-col1 {
        margin: calc(40 * (100vw / 750)) auto 0;
        max-width: inherit;
        width: calc(730 * (100vw / 750));
    }

    .cardUnit__card-sp-col1:first-child {
        margin-top: 0;
    }

    .cardUnit__card-sp-col1-col2-col2 {
        margin: calc(10 * (100vw / 750)) calc(10 * (100vw / 750)) 0 0;
        max-width: inherit;
        width: calc(370 * (100vw / 750));
    }

    /*-- 1枚目 横長用 --*/
    .cardUnit__card-sp-col1-col2-col2:nth-child(odd) {
        margin: calc(10 * (100vw / 750)) 0 0 0;
    }

    /*     .cardUnit__card-sp-col1-col2-col2:nth-child(even) {
        margin: calc(10 * (100vw / 750)) 0 0 0;
    } */

    /*-- 1枚目 横長用 --*/
    .cardUnit__card-sp-col1-col2-col2:first-child {
        width: 100%;
        margin: 0;
    }

    .cardUnit__card-sp-col2 {
        margin: 0 0 calc(20 * (100vw / 750)) calc(20 * (100vw / 750));
        max-width: inherit;
        width: calc(345 * (100vw / 750));
    }

    .cardUnit__card-sp-col2:nth-child(odd) {
        margin-left: 0;
    }

    .cardUnit__card-sp-col2-w174 {
        margin: 0 0 calc(14 * (100vw / 750)) calc(14 * (100vw / 750));
        max-width: inherit;
        width: calc(348 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-w172_5 {
        margin: 0 0 calc(40 * (100vw / 750)) calc(20 * (100vw / 750));
        max-width: inherit;
        width: calc(345 * (100vw / 750));
    }

    .cardUnit-coordinateList-bizcos .cardUnit__card-sp-col2-w172_5 {
        margin: 0 0 calc(20 * (100vw / 750)) calc(20 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-w180 {
        margin: 0 0 calc(20 * (100vw / 750)) calc(10 * (100vw / 750));
        max-width: inherit;
        width: calc(360 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-w180:nth-child(odd),
    .cardUnit__card-sp-col2-w174:nth-child(odd),
    .cardUnit__card-sp-col2-w172_5:nth-child(odd) {
        margin-left: 0;
    }

    .cardUnit__card-sp-col3 {
        margin: 0 0 calc(20 * (100vw / 750)) calc(16 * (100vw / 750));
        max-width: inherit;
        width: calc(226 * (100vw / 750));
    }

    .cardUnit__card-sp-col3:nth-child(3n+1) {
        margin-left: 0;
    }

    .cardUnit__card-sp-col3_fullWidth {
        margin: 0 0 calc(12 * (100vw / 750)) calc(12 * (100vw / 750));
        max-width: inherit;
        width: calc(242 * (100vw / 750));
    }

    .cardUnit__card-sp-col3_fullWidth.sp-ma-b-20 {
        margin-bottom: calc(40 * (100vw / 750));
    }

    .cardUnit__card-sp-col3_fullWidth:nth-child(3n+1) {
        margin-left: 0;
    }

    .cardUnit__card-sp-col3_fullWidth:nth-child(n + 10),
    .cardUnit__card-sp-col3_fullWidth.cardUnit__card-sp-renorm:nth-child(n + 7) {
        display: none;
    }

    .cardUnit__card-sp-col3_coordinateList-totalTop,
    .cardUnit__card-sp-col3_rankingList {
        margin: 0 0 calc(10 * (100vw / 750)) calc(10 * (100vw / 750));
        max-width: inherit;
        width: calc(230 * (100vw / 750));
    }

    .cardUnit__card-sp-col3_rankingList {
        margin: 0 0 calc(60 * (100vw / 750)) calc(10 * (100vw / 750));
    }

    .rankingNum-type-normal .cardUnit__card-sp-col3_rankingList {
        margin: 0 0 calc(60 * (100vw / 750)) calc(12 * (100vw / 750));
        max-width: inherit;
        width: calc(232 * (100vw / 750));
    }

    .norc .cardUnit__card-sp-col3_rankingList {
        margin: 0 0 calc(66 * (100vw / 750)) calc(12 * (100vw / 750));
        max-width: inherit;
        width: calc(232 * (100vw / 750));
    }

    /* .ats .rankingNum-type-normal .cardUnit__card-sp-col3_rankingList img{
        height: calc(278.4 * (100vw / 750));
    } */
    .rankingNum-type-normal.rankingNum-texttype-junkoshimada .cardUnit__card-sp-col3_rankingList {
        margin: 0 0 calc(70 * (100vw / 750)) calc(16 * (100vw / 750));
        max-width: inherit;
        width: calc(228 * (100vw / 750));
    }

    .rankingNum-type-normal .cardUnit__card-sp-col3_rankingList {
        margin: 0 0 calc(50 * (100vw / 750)) calc(12 * (100vw / 750));
    }

    .cardUnit__card-sp-col3_coordinateList-totalTop:nth-child(3n+1),
    .cardUnit__card-sp-col3_rankingList:nth-child(3n+1),
    .norc .cardUnit__card-sp-col3_rankingList:nth-child(3n+1),
    .rankingNum-type-normal .cardUnit__card-sp-col3_rankingList:nth-child(3n+1) {
        margin-left: 0;
    }

    .cardUnit__card-sp-col3_coordinateList-totalTop:nth-child(n + 10),
    .cardUnit__card-sp-col3_rankingList:nth-child(n + 10),
    .norc .cardUnit__card-sp-col3_rankingList:nth-child(n + 10),
    .rankingNum-type-normal .cardUnit__card-sp-col3_rankingList:nth-child(n + 10) {
        display: none;
    }

    /* .norc .cardUnit__card-sp-col3_rankingList img{height: calc(278.4 * (100vw / 750));} */
    /* .rankingNum-type-normal.rankingNum-texttype-junkoshimada .cardUnit__card-sp-col3_rankingList img{height: calc(278.4 * (100vw / 750));} */

    .cardUnit__card-sp-col2-col2-col3 {
        margin: 0 0 calc(10 * (100vw / 750)) calc(10 * (100vw / 750));
        width: calc(240 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-col2-col3:first-child {
        width: calc(240 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-col2-col3:nth-child(2) {
        width: calc(460 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-col2-col3:nth-child(3) {
        width: calc(350 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-col2-col3:nth-child(4) {
        width: calc(350 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-col2-col3:nth-child(5) {
        width: calc(320 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-col2-col3:nth-child(6) {
        width: calc(194 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-col2-col3:nth-child(7) {
        width: calc(176 * (100vw / 750));
    }

    .cardUnit__card-sp-col2-col2-col3:first-child,
    .cardUnit__card-sp-col2-col2-col3:nth-child(3),
    .cardUnit__card-sp-col2-col2-col3:nth-child(5) {
        margin-left: 0;
    }

    /* カテゴリーテキストデザイン ブランドごと */
    .cardUnit-categoryDetail_font-renorm {
        font-size: calc(26 * (100vw / 750));
        top: 50%;
        left: 50%;
        text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
        transform: translate(-50%, -50%);
    }


    /* mainbanner --------------------------------- */
    .mainbanner-openTop {
        padding-bottom: calc(52 * (100vw / 750));
    }

    .mainbanner__slider-slide {
        /* height: calc(750 * (100vw / 750)); */
        width: calc(750 * (100vw / 750));
    }

    .mainbanner-link {
        bottom: calc(-92 * (100vw / 750));
        color: #303030;
        font-family: "EB Garamond", serif;
        font-size: calc(30 * (100vw / 750));
        font-weight: normal;
        letter-spacing: calc(2.4 * (100vw / 750));
        position: absolute;
        right: calc(30 * (100vw / 750));
    }

    .mainbanner .slick-dots {
        bottom: calc(20 * (100vw / 750));
        margin-top: calc(12 * (100vw / 750));
    }

    .mainbanner.mainbanner-renorm .slick-dots {
        bottom: calc(16 * (100vw / 750));
    }

    .mainbanner .slick-dots li {
        height: calc(20 * (100vw / 750));
        margin: 0 calc(16 * (100vw / 750));
        width: calc(20 * (100vw / 750));
    }

    .mainbanner .slick-dots li {
        height: calc(20 * (100vw / 750));
        margin: 0 calc(16 * (100vw / 750));
        width: calc(20 * (100vw / 750));
    }

    .mainbanner.mainbanner-renorm .slick-dots li {
        height: calc(16 * (100vw / 750));
        margin: 0 calc(14 * (100vw / 750));
        width: calc(16 * (100vw / 750));
    }

    .mainbanner .slick-dots li button {
        height: calc(20 * (100vw / 750));
        width: calc(20 * (100vw / 750));
    }

    .mainbanner.mainbanner-renorm .slick-dots li button {
        height: calc(16 * (100vw / 750));
        width: calc(16 * (100vw / 750));
    }

    .mainbanner .slick-dots li button::before {
        -webkit-transition: all .6s ease;
        border: solid 1px var(--aria);
        border-radius: 50%;
        color: transparent;
        content: '';
        font-size: 6px;
        height: calc(20 * (100vw / 750));
        line-height: calc(20 * (100vw / 750));
        transition: all .6s ease;
        width: calc(20 * (100vw / 750));
        opacity: 1;
    }

    .mainbanner.mainbanner-renorm .slick-dots li button::before {
        height: calc(16 * (100vw / 750));
        line-height: calc(16 * (100vw / 750));
        width: calc(16 * (100vw / 750));
    }

    .mainbanner .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .mainbanner .slick-prev,
    .mainbanner .slick-next {
        height: calc(66 * (100vw / 750));
        width: calc(26 * (100vw / 750));
        z-index: 1;
        display: none !important;
    }

    .mainbanner .slick-next {
        right: 2rem;
    }

    .mainbanner .slick-prev {
        left: 2rem;
    }

    .mainbanner .slick-prev::before,
    .mainbanner .slick-next::before {
        height: calc(66 * (100vw / 750));
        width: calc(26 * (100vw / 750));
    }

    /* オーピン型トップデザイン */
    .mainbanner.mainbanner-openTop .slick-dots {
        bottom: calc(-50 * (100vw / 750));
    }

    /* コーディネートリスト------------------------------------ */
    .c-block-coordinateList {
        padding: calc(80 * (100vw / 750)) 0;
        margin-bottom: calc(36 * (100vw / 750));
    }

    .c-block-coordinateList.c-block-coordinateList-totalTop {
        padding: calc(80 * (100vw / 750)) calc(20 * (100vw / 750));
        margin: 0 auto;
    }

    .cardUnit-coordinateList {
        margin: calc(40 * (100vw / 750)) auto calc(-12 * (100vw / 750));
    }

    .button--position--center {
        margin: calc(40 * (100vw / 750)) auto 0;
    }

    .bizcos .button--position--center {
        margin: calc(100 * (100vw / 750)) auto 0;
    }

    /* ヒストリー ------------------------------------ */
    .c-block-productHistory #productHistory {
        /* padding: calc(70 * (100vw / 750)) 0 0; */
        padding: 0;
    }

    .c-block-productHistory.c-block-productHistory_totalTop #productHistory {
        padding: calc(40 * (100vw / 750)) 0 0;
        /* padding: 0; */
    }

    /* ランキング------------------------------------ */
    .totalTop .c-block-ranking-openTop {
        padding: calc(76 * (100vw / 750)) 0 calc(80 * (100vw / 750));
    }

    .c-block-ranking-openTop.bg_white-solid {
        padding: calc(76 * (100vw / 750)) 0 calc(80 * (100vw / 750));
        margin-bottom: calc(80 * (100vw / 750));
    }

    .ranking-category {
        padding: 0 calc(24* (100vw / 750));
        margin-top: calc(40 * (100vw / 750));
    }

    .ranking-category.categoryNum-06 {
        overflow-x: auto;
    }

    .tabs-categorys {
        font-size: calc(26 * (100vw / 750));
        justify-content: space-between;
    }

    .categoryNum-06 .tabs-categorys {
        width: max-content;
    }

    .tabs-categorys__category {
        padding: calc(24 * (100vw / 750)) 0;
        margin: 0;
    }

    .categoryNum-06 .tabs-categorys__category {
        padding: calc(24 * (100vw / 750)) 0;
        margin: 0 calc(60 * (100vw / 750)) 0 0;
    }

    .categoryNum-06 .tabs-categorys__category:last-child {
        padding: calc(24 * (100vw / 750)) 0;
        margin: 0 calc(24 * (100vw / 750)) 0 0;
    }

    .tabs-categorys__category.active {
        color: var(--black);
    }

    .ranking_inner {
        margin: calc(32 * (100vw / 750)) auto 0;
    }

    .totalTop .ranking_inner {
        margin: calc(68 * (100vw / 750)) auto 0;
        padding: 0 calc(20 * (100vw / 750));
    }

    .norc .ranking_inner {
        margin: calc(68 * (100vw / 750)) auto 0;
        padding: 0 calc(15 * (100vw / 750));
    }

    .ranking_inner.rankingNum-type-normal.rankingNum-texttype-ats {
        margin: calc(88 * (100vw / 750)) auto 0;
        padding: 0 calc(15 * (100vw / 750));
    }

    .ranking_inner.rankingNum-type-normal.rankingNum-texttype-junkoshimada {
        margin: calc(50 * (100vw / 750)) auto 0;
        padding: 0 calc(17 * (100vw / 750));
    }

    .rankNum-rect {
        width: calc(60* (100vw / 750));
        height: calc(66* (100vw / 750));
        font-size: calc(24* (100vw / 750));
        padding: calc(10 * (100vw / 750)) 0 0 calc(14* (100vw / 750));
    }

    .rankNum-rect.rankNum-rect-style-renorm {
        font-size: calc(24* (100vw / 750));
        width: calc(52 * (100vw / 750));
        height: calc(60 * (100vw / 750));
        padding: calc(8 * (100vw / 750)) 0 0 calc(10 * (100vw / 750));
    }

    .rankNum-round {
        width: calc(56 * (100vw / 750));
        height: calc(56* (100vw / 750));
        font-size: calc(24* (100vw / 750));
        top: calc(-28* (100vw / 750));
    }

    .cardUnit-commonRanking {
        margin-bottom: calc(-40 * (100vw / 750));
    }

    .totalTop .cardUnit-commonRanking {
        margin-bottom: calc(-60 * (100vw / 750));
    }

    .norc .cardUnit-commonRanking {
        margin-bottom: calc(-66 * (100vw / 750));
    }

    .ats .cardUnit-commonRanking {
        margin-bottom: calc(-50 * (100vw / 750));
    }

    .junkoshimada .cardUnit-commonRanking {
        margin-bottom: calc(-70 * (100vw / 750));
    }

    .ranking__list {
        margin: calc(40 * (100vw / 750)) 0 calc(-40 * (100vw / 750));
    }

    .ranking__list-item__detail {
        padding: calc(12 * (100vw / 750)) calc(10 * (100vw / 750)) 0;
        margin: 0;
    }

    .totalTop .ranking__list-item__detail {
        padding: calc(12 * (100vw / 750)) 0 0;
    }

    .norc .ranking__list-item__detail {
        padding: calc(12 * (100vw / 750)) 0 0;
        margin: 0;
        text-align: left;
    }

    .rankingNum-texttype-ats .ranking__list-item__detail {
        padding: calc(20 * (100vw / 750)) 0 0;
    }

    .rankingNum-texttype-junkoshimada .ranking__list-item__detail {
        padding: calc(24 * (100vw / 750)) 0 0;
    }

    .ranking__list-item__detail--brandname {
        font-size: calc(24 * (100vw / 750));
        font-family: var(--barlow);
        font-weight: 600;
        line-height: 1.15;
        margin-bottom: calc(11 * (100vw / 750));
    }

    .norc .ranking__list-item__detail--brandname {
        font-size: calc(20 * (100vw / 750));
        line-height: 1.1;
        margin-bottom: calc(14 * (100vw / 750));
    }

    .rankingNum-texttype-ats .ranking__list-item__detail--brandname {
        font-size: calc(20 * (100vw / 750));
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: calc(14 * (100vw / 750));
    }

    .rankingNum-texttype-junkoshimada .ranking__list-item__detail--brandname {
        font-size: calc(20 * (100vw / 750));
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: calc(4 * (100vw / 750));
    }

    .ranking__list-item__detail--itemname {
        font-size: calc(20 * (100vw / 750));
        line-height: 1.4;
        margin-bottom: calc(8 * (100vw / 750));
        word-break: break-all;
    }

    .norc .ranking__list-item__detail--itemname,
    .rankingNum-texttype-ats .ranking__list-item__detail--itemname,
    .rankingNum-texttype-junkoshimada .ranking__list-item__detail--itemname {
        line-height: 1;
        margin-bottom: calc(16 * (100vw / 750));
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ranking__list-item__detail--price-text {
        font-size: calc(22 * (100vw / 750));
    }

    .norc .ranking__list-item__detail--price-text,
    .rankingNum-texttype-ats .ranking__list-item__detail--price-text,
    .rankingNum-texttype-junkoshimada .ranking__list-item__detail--price-text {
        font-size: calc(26 * (100vw / 750));
    }

    .ranking__list-item__detail--price-text--sale .price-text--regular,
    .submit__list-item__detail--price .price-text--regular {
        display: block;
        margin-top: calc(4 * (100vw / 750));
    }

    .rankingNum-type-normal .rankNum-round,
    .rankingNum-type-normal .rankNum-round.rankNum_1,
    .rankingNum-type-normal .rankNum-round.rankNum_2,
    .rankingNum-type-normal .rankNum-round.rankNum_3 {
        font-size: calc(32 * (100vw / 750));
        width: inherit;
        height: inherit;
        border-radius: 0;
        background: transparent;
        border: none;
        margin: 0 auto calc(16 * (100vw / 750));
    }

    .rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round,
    .rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round.rankNum_1,
    .rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round.rankNum_2,
    .rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round.rankNum_3 {
        font-size: calc(36 * (100vw / 750));
        width: inherit;
        height: inherit;
        border-radius: 0;
        background: transparent;
        border: none;
        margin: 0 auto calc(20 * (100vw / 750));
    }

    /* サマリー ------------------------------------ */
    .summaryText__description-text {
        text-align: justify;
    }

    .summaryText__description-text.summaryText__description-text-align-center {
        text-align: center;
    }

    /* オブジェクトフィット ------------------------*/
    /* .cardUnit-commonRanking .cardUnit__card-sp-col3_fullWidth img{height: calc(275.54 * (100vw / 750));}
    .renorm .cardUnit-commonRanking .cardUnit__card-sp-col3_fullWidth img{height: calc(290.4 * (100vw / 750));} */

}

@media only screen and (min-width: 768px) {

    /* 表示デバイス ----------------------------------- */
    .visible_tablet-pc {
        display: block;
    }

    .visible_tablet-pc_inline {
        display: inline;
    }

    /* コンテンツ周り ------------------------------*/
    .totalTop,
    .openTop {
        margin-bottom: 8rem;
    }

    /* タイトル周り ----------------------------------- */
    .block__ttl {
        font-size: 2.4rem;
        letter-spacing: calc(30em / 1000);
    }

    .block__subTtl {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: .5rem;
    }

    .block__ttl_barlow {
        font-size: 3.1rem;
        letter-spacing: calc(80em / 1000);
    }

    .block__subTtl_barlow {
        font-size: 1.4rem;
        /* margin-bottom: 1.1rem; */
        margin-bottom: 1.5rem;
    }

    .block__ttl_Archivo {
        font-size: 3.1rem;
        letter-spacing: calc(30em / 1000);
    }

    .block__subTtl_Archivo {
        font-size: 1.4rem;
        margin-bottom: 1.8rem;
    }

    .block__ttl_montserrat {
        font-size: 2.4rem;
    }

    .c-block-ranking-renorm .block__ttl_montserrat {
        max-width: 124rem;
        margin: 0 auto;
        padding: 0 2rem;
    }

    /* CARD --------------------------------------- */
    .cardUnit__card-pc-col2 {
        margin: 0 0 0 7.27272%;
        max-width: 50.9rem;
        width: 46.27272%;
    }

    .cardUnit__card-pc-col2-590 {
        margin: 0 0 0 1.66666%;
        max-width: 59rem;
        width: 49.16666%;
    }

    .cardUnit__card-pc-col2:first-child,
    .cardUnit__card-pc-col2-590:first-child {
        margin: 0;
    }

    /* 1枚目横長用 */
    .cardUnit__card-pc-col2-col3,
    .cardUnit__card-pc-col2-col2 {
        margin: 0 0 0.5% 0.5%;
        max-width: 59.7rem;
        width: 49.75%;
    }

    /* 1枚目横長用 */
    .cardUnit__card-pc-col2-col3:nth-last-child(-n+3) {
        max-width: 39.6rem;
        width: 33%;
    }

    /*     .cardUnit__card-pc-col2-col3,
    .cardUnit__card-pc-col2-col2 {
        margin: 0 0 0.5% 0.5%;
        max-width: 39.6rem;
        width: 33%;
    } */

    /* 1枚目横長用 */
    .cardUnit__card-pc-col2-col3:first-child,
    .cardUnit__card-pc-col2-col3:nth-child(3),
    .cardUnit__card-pc-col2-col2:nth-child(odd) {
        margin-left: 0;
    }

    /*     .cardUnit__card-pc-col2-col3:first-child,
    .cardUnit__card-pc-col2-col3:nth-child(4) {
        margin-left: 0;
    } */

    .cardUnit__card-pc-col3-col4 {
        margin: 0 0 0.41666% 0.41666%;
        max-width: 32rem;
        width: 26.66666%;
    }

    .cardUnit__card-pc-col3 {
        margin: 0 0 0.5% 0.5%;
        max-width: 39.6rem;
        width: 33%;
    }

    .cardUnit__card-pc-col3:nth-child(3n+1) {
        margin: 0 0 0.5% 0;
    }

    .cardUnit__card-pc-col3-col4:first-child {
        margin: 0 0 0.04166% 0;
    }

    .cardUnit__card-pc-col3-col4:nth-child(2) {
        max-width: 55rem;
        width: 45.83333%;
    }

    /* .cardUnit__card-pc-col3-col4:nth-child(3){} */
    .cardUnit__card-pc-col3-col4:nth-child(4) {
        max-width: 26rem;
        width: 21.66666%;
        margin: 0 0 0.04166% 0;
    }

    .cardUnit__card-pc-col3-col4:nth-child(5) {
        max-width: 46.4rem;
        width: 38.66666%;
    }

    .cardUnit__card-pc-col3-col4:nth-child(6) {
        max-width: 26rem;
        width: 21.66666%;
    }

    /* RENORM用 */
    .cardUnit-categoryList-renorm .cardUnit__card-pc-col3-col4 {
        width: 26.66667%;
    }

    .cardUnit-categoryList-renorm .cardUnit__card-pc-col3-col4:nth-child(2) {
        width: 45.83334%;
    }

    .cardUnit-categoryList-renorm .cardUnit__card-pc-col3-col4:nth-child(4) {
        width: 21.66667%;
    }

    .cardUnit-categoryList-renorm .cardUnit__card-pc-col3-col4:nth-child(5) {
        width: 38.66667%;
    }

    .cardUnit-categoryList-renorm .cardUnit__card-pc-col3-col4:nth-child(6) {
        width: 21.66667%;
    }


    .cardUnit__card-pc-col3-col4:nth-child(7) {
        max-width: 20.1rem;
        width: 16.75%;
    }

    .cardUnit__card-pc-col4 {
        margin: 0 0 0 1.66%;
        max-width: 28.5rem;
        width: 23.75%;
    }

    .cardUnit__card-pc-col4-4 {
        margin: 0 1.66% 3.6rem 0;
        max-width: 28.5rem;
        width: 23.75%;
    }

    .c-block-submit-bizcos .cardUnit__card-pc-col4-4 {
        margin: 0 1.66% 5rem 0;
    }

    .cardUnit__card-pc-col4-4:nth-child(4n) {
        margin: 0 0 3.6rem 0;
    }

    .cardUnit__card-pc-col4-4.pc-ma-b-40 {
        margin: 0 1.66% 4rem 0;
    }

    .cardUnit__card-pc-col4-4.pc-ma-b-40:nth-child(4n) {
        margin: 0 0 4rem 0;
    }

    .cardUnit__card-pc-col4_w293 {
        margin: 0 0 0 0.77777%;
        max-width: 29.3rem;
        width: 24.41666%;
    }

    /* .cardUnit__card-pc-col4-4 img{height: 34.2rem;} */
    .cardUnit__card-pc-col4:first-child,
    .cardUnit__card-pc-col4_w293:first-child {
        margin-left: 0;
    }

    .cardUnit__card-pc-col5 {
        margin: 0 0.83333% 0.83333% 0;
        max-width: 23.2rem;
        width: 19.33333%;
    }

    .cardUnit__card-pc-col5:nth-child(5n) {
        margin-right: 0;
    }

    .cardUnit__card-pc-col5:nth-child(n + 16),
    .cardUnit__card-pc-col5.cardUnit__card-pc-col5_totaltop:nth-child(n + 11) {
        display: none;
    }

    .cardUnit__card-pc-col7 {
        margin: 0 0 1.5% 1.5%;
        max-width: 15.6rem;
        width: 13%;
    }

    .cardUnit__card-pc-col7:nth-child(7n + 1) {
        margin-left: 0;
    }

    .cardUnit__card-pc-col4-col5 {
        margin: 0 1.66666% 3rem 0;
        max-width: 28.5rem;
        width: 23.75%;
    }

    .cardUnit__card-pc-col4-col5:nth-child(n + 5) {
        margin: 0 1% 3rem 0;
        max-width: 19rem;
        width: 15.83333%;
    }

    .cardUnit__card-pc-col4-col5:nth-child(4),
    .cardUnit__card-pc-col4-col5:nth-child(10) {
        margin: 0 0 3rem 0;
    }

    .cardUnit__card-pc-col6 {
        margin: 0 1% 3rem 0;
        max-width: 19rem;
        width: 15.83333%;
    }

    .cardUnit__card-pc-col6:nth-child(6) {
        margin: 0 0 3rem 0;
    }

    /* .cardUnit__card-pc-col6 img{height: 22.8rem;} */


    /* カテゴリーテキストデザイン ブランドごと */
    .cardUnit-categoryDetail_font-renorm {
        font-size: 2.2rem;
        top: 50%;
        left: 50%;
        text-shadow: 2px 2px rgba(0, 0, 0, 0.25);
        transform: translate(-50%, -50%);
    }

    /* mainbanner --------------------------------- */
    .mainbanner {
        overflow: hidden;
        width: 100%;
    }

    .mainbanner__inner {
        margin: auto;
        max-width: 100%;
        width: 100%;
    }

    .mainbanner__inner.mainbanner__inner-renorm {
        margin: auto;
        max-width: 1200px;
        width: calc(1200 * (100vw / 1200));
    }

    .mainbanner__slider {
        margin: auto;
    }

    .mainbanner__slider.slick-slider {
        margin-bottom: 0;
    }

    .mainbanner__slider-slide {
        /* max-width: 100vw; */
        max-width: 1050px;
        position: relative;
        /* width: 100%; */
        width: calc(1050 * (100vw / 1200));
        /* margin: 0; */
        margin: 0 6px;
        box-sizing: border-box;
    }

    .mainbanner__inner.mainbanner__inner-renorm .mainbanner__slider-slide {
        max-width: 1200px;
        width: calc(1200 * (100vw / 1200));
    }

    .mainbanner__slider-slide .img__wrapper {
        display: block;
    }

    .mainbanner__slider-slide .img__wrapper::before {
        -webkit-transition: all .6s linear;
        background-color: transparent;
        content: '';
        display: block;
        left: 0;
        /* max-width: 100%; */
        max-width: 1050px;
        position: absolute;
        top: 0;
        transition: all .6s linear;
        /* width: 100%; */
        width: calc(1050 * (100vw / 1200));
        z-index: 2;
    }

    .mainbanner__inner.mainbanner__inner-renorm .mainbanner__slider-slide .img__wrapper::before {
        max-width: 1200px;
        width: calc(1200 * (100vw / 1200));
    }

    .mainbanner__slider .slick-list {
        overflow: visible;
    }

    .mainbanner .slick-dots {
        bottom: 20px;
        margin-top: 1.4rem;
    }

    .mainbanner .slick-dots li {
        height: 1.2rem;
        margin: 0 7px;
        width: 1.2rem;
    }

    .mainbanner.mainbanner-renorm .slick-dots li {
        height: 0.8rem;
        margin: 0 7.5px;
        width: 0.8rem;
    }

    .mainbanner .slick-dots li button::before {
        -webkit-transition: all .6s ease;
        border: solid 1px var(--aria);
        border-radius: 50%;
        color: transparent;
        content: '';
        font-size: 6px;
        height: 1.2rem;
        line-height: 8px;
        transition: all .6s ease;
        width: 1.2rem;
        opacity: 1;
    }

    .mainbanner.mainbanner-renorm .slick-dots li button::before {
        height: 0.8rem;
        width: 0.8rem;
    }

    .mainbanner .slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .mainbanner .slick-prev,
    .mainbanner .slick-next {
        height: 5.3rem;
        width: 2.4rem;
        z-index: 1;
    }

    .mainbanner .slick-next {
        /* right: 2rem; */
        right: calc(50% - 52rem);
    }

    .mainbanner .slick-prev {
        /* left: 2rem; */
        left: calc(50% - 52rem);
    }

    .renorm .mainbanner .slick-next {
        /* right: 2rem; */
        right: calc(50% - 59rem);
    }

    .renorm .mainbanner .slick-prev {
        /* left: 2rem; */
        left: calc(50% - 59rem);
    }

    .mainbanner .slick-prev::before,
    .mainbanner .slick-next::before {
        height: 5.3rem;
        width: 2.4rem;
    }

    /* メインバナー下 販促バナー --------------------------------- */
    .c-block-bnrArea-totaltop .bnrArea__inner a {
        margin-bottom: 2rem;
    }

    /* オープン型トップデザイン */
    .mainbanner-openTop {
        padding-bottom: 4rem;
    }

    .mainbanner.mainbanner-openTop .slick-dots {
        bottom: -4rem
    }

    /* renormトップデザイン */
    .mainbanner-renorm {
        padding-bottom: 3.2rem;
    }

    .mainbanner.mainbanner-renorm .slick-dots {
        bottom: -3.2rem
    }

    /* コーディネートリスト------------------------------------ */
    .c-block-coordinateList {
        padding: 7.6rem 0 9rem;
        margin-bottom: calc(36 * (100vw / 750));
    }

    .c-block-coordinateList.c-block-coordinateList-totalTop {
        /*padding:9rem 0;*/
        padding: 7.6rem 0 9rem;
        margin: 0 auto;
    }

    .cardUnit-coordinateList {
        max-width: 124rem;
        width: 100%;
        padding: 0 2rem;
        margin: 5rem auto -1rem;
    }

    .cardUnit-coordinateList.cardUnit-coordinateList-totalTop {
        margin: 4.3rem auto -1rem;
    }

    .button--position--center {
        margin: 4rem auto 0;
    }

    .bizcos .button--position--center {
        margin: 3.5rem auto 0;
    }

    .bizcos .c-block-instagram-bizcos .button--position--center {
        margin: 5rem auto 0;
    }

    /* ヒストリー ------------------------------------ */
    .c-block-productHistory #productHistory {
        max-width: 124rem;
        /* padding: 8rem 2rem 0; */
        padding: 0 2rem;
    }

    .c-block-productHistory.c-block-productHistory_totalTop #productHistory {
        /* padding: 9.4rem 2rem 0; */
        padding: 0 2rem;
    }

    .c-block-productHistory #productHistory .productHistory__blkttl {
        font-size: 1.6rem;
    }

    /* ランキング------------------------------------ */
    .c-block-ranking-openTop {
        width: 100%;
        margin: 0 auto 7.6rem;
        /*padding: 9rem 0;*/
        padding: 7.6rem 0 9rem;
    }

    .totalTop .c-block-ranking-openTop {
        margin: 0 auto;
    }

    .norc .c-block-ranking-openTop {
        margin: 0 auto;
        padding: 0
    }

    .ranking-category {
        padding: 0 2rem;
        margin-top: 3rem;
    }

    .ats .ranking-category {
        margin-top: 4rem;
    }

    .tabs-categorys {
        max-width: 124rem;
        font-size: 1.3rem;
    }

    .tabs-categorys__category {
        padding: 2rem;
        margin: 0 1rem;
    }

    .tabs-categorys__category:hover,
    .tabs-categorys__category.active {
        color: var(--black);
    }

    .ranking_inner {
        max-width: 124rem;
        padding: 0 2rem;
        margin: 5rem auto 0;
    }

    .totalTop .ranking_inner {
        margin: 4.6rem auto 0;
    }

    .ranking_inner.rankingNum-type-normal {
        margin: 4.5rem auto 0;
    }

    .renorm .ranking_inner {
        margin: 4rem auto 0;
    }

    .ranking__list-item__detail {
        margin-top: 1rem;
    }

    .rankNum-rect {
        width: 4rem;
        height: 4.4rem;
        font-size: 1.3rem;
        padding: 0.8rem 0 0 0.8rem;
    }

    .rankNum-rect.rankNum-rect-style-renorm {
        font-size: 1.5rem;
        width: 4rem;
        height: 4.6rem;
        padding: 0.8rem 0 0 0.8rem;
    }

    .rankNum-rect.rankNum_10 {
        padding: 0.8rem 0 0 0.6rem;
    }

    .rankNum-round {
        width: 3.4rem;
        height: 3.4rem;
        font-size: 1.5rem;
        top: -1.6rem;
    }

    .rankingNum-type-normal .rankNum-round,
    .rankingNum-type-normal .rankNum-round.rankNum_1,
    .rankingNum-type-normal .rankNum-round.rankNum_2,
    .rankingNum-type-normal .rankNum-round.rankNum_3 {
        font-size: 2rem;
        width: inherit;
        height: inherit;
        border-radius: 0;
        background: transparent;
        border: none;
        margin: 0 auto 1.2rem;
    }

    .rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round,
    .rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round.rankNum_1,
    .rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round.rankNum_2,
    .rankingNum-type-normal.rankingNum-texttype-junkoshimada .rankNum-round.rankNum_3 {
        margin: 0 auto;
    }

    .ranking__list-item__detail {
        padding: 1.2rem 0 0;
        margin: 0;
    }

    .norc .ranking__list-item__detail {
        text-align: left;
    }

    .rankingNum-texttype-ats .ranking__list-item__detail {
        padding-top: 1.6rem;
    }

    .rankingNum-texttype-junkoshimada .ranking__list-item__detail {
        padding-top: 1rem;
    }

    .ranking__list-item__detail--brandname {
        font-size: 1.2rem;
        margin-bottom: 1rem;
        line-height: 1.08333;
    }

    .norc .ranking__list-item__detail--brandname {
        margin-bottom: 1.2rem;
    }

    .rankingNum-texttype-ats .ranking__list-item__detail--brandname,
    .rankingNum-texttype-junkoshimada .ranking__list-item__detail--brandname {
        font-size: 1.3rem;
        line-height: 1.15384;
        margin-bottom: 1rem;
    }

    .ranking__list-item__detail--itemname {
        font-size: 1.2rem;
        line-height: 1.33333;
        letter-spacing: 0.03em;
        margin-bottom: 0.7rem;
        word-break: break-all;
    }

    .rankingNum-texttype-ats .ranking__list-item__detail--itemname {
        margin-bottom: 0.9rem;
    }

    .rankingNum-texttype-junkoshimada .ranking__list-item__detail--itemname {
        line-height: 1.66666;
        margin-bottom: 0.9rem;
    }

    .ranking__list-item__detail--price-text {
        font-size: 1.3rem;
    }

    .norc .ranking__list-item__detail--price-text,
    .rankingNum-texttype-junkoshimada .ranking__list-item__detail--price-text {
        font-size: 1.2rem;
    }

    .cardUnit-commonRanking {
        margin-bottom: -3rem;
    }

    .tab:hover {
        color: var(--black);
    }


    /* サブミット ----------------------- */

    .totalTop a,
    .openTop a,
    .closeTop a {
        opacity: 1;
        transition: all .1s linear;
    }

    .totalTop a:hover,
    .openTop a:hover,
    .closeTop a:hover {
        opacity: .7;
    }

    /* オブジェクトフィット ------------------------*/
    /* .cardUnit-commonRanking .cardUnit__card-pc-col4-col5 img{height: 34.2rem;}
    .cardUnit-commonRanking .cardUnit__card-pc-col4-col5:nth-child(n + 5) img{height: 22.8rem;} */



}


@media only screen and (min-width: 980px) {

    /* サマリーテキスト------------------------------------ */
    .summaryText__inner {
        width: 90%;
        max-width: 120rem;
        margin-right: auto;
        margin-left: auto;
        padding-top: 6.0rem;
        padding-bottom: 0;
    }

    .summaryText__logo {
        width: 100%;
        max-width: 20rem;
        display: block;
        margin: 0 auto;
    }

    .summaryText__description-text {
        padding-top: 4.0rem;
        padding-right: 0;
        padding-left: 0;
        font-size: 1.2rem;
        line-height: 1.5;
    }

}

/*20220125 junkoshimada socialIcons ------------------*/
.socialIcons-junkoshimada{
	padding-bottom: calc(110 * (100vw / 750));
}
.junkoshimada_socialIcon_wrap{
	width: 90rem;
	display: flex;
	justify-content: space-between;
	margin: auto;
}
.junkoshimada_socialIcon_live img{
	background-color: #000;
	border-radius: 2rem;
	padding: calc(6 * (100vw / 750));
}
.junkoshimada_socialIcon_item{
	width: 20rem;
}
.junkoshimada_socialIcon_item > a{
	display: block;
}
.junkoshimada_socialIcon_item .junkoshimada_socialIcon_img{
	display: block;
	margin: auto;
}
@media screen and (min-width:768px) {
	#Contents .junkoshimada .mainbanner.mainbanner-openTop {
    padding-bottom: 6rem!important;
  }
	.socialIcons-junkoshimada{
		padding-bottom: 9rem;
	}
	.junkoshimada_socialIcon_wrap{
		width: 40rem;
	}
	.junkoshimada_socialIcon_item{
		width: 8rem;
	}
	.junkoshimada_socialIcon_live img{
		border-radius: .8rem;
		padding: .25rem;
	}
}
@media screen and (min-width:980px) {
	.junkoshimada_socialIcon_live img{
		border-radius: .6rem;
	}
}
/*-----------------------------------------*/