﻿/* レコメンドページ共通 ----------------------------------- */
.page-recommend-common .newarrivals__list-ats.newarrivals__list .newarrivals__list-item:nth-child(n + 5) {display: inherit;}
#Foot .footer__inner .summaryText__logo,
#Foot .footer__description-text{display: block;}
/* AT & ROSEMADAME ------------------------------------ */ 
.page-recommend-ats #productHistory .productHistory__blkttl,
.page-recommend-crossMadame.rosemadame #productHistory .productHistory__blkttl {
    font-weight: normal;
    text-align: center;
}
.page-recommend-crossMadame.rosemadame #productHistory .productHistory__blkttl {font-weight: 600;}
/* CROSSMARCHE --------------------------------------- */
.bk-angraecumorchid{background: var(--angraecumorchid);}

.page-recommend-crossMadame.crossmarche .submit__list-item__detail {
    margin-top: calc(10 * (100vw / 375));
    padding: 0;
}
.page-recommend-crossMadame.crossmarche .submit__list-item__detail--brandname, .page-recommend-crossMadame.crossmarche .submit__list-item__detail--price {display: none;}
.page-recommend-crossMadame.crossmarche .submit__list-item__detail--itemname {
    font-family: var(--hirakaku);
    font-size: calc(12 * (100vw / 375));
    font-weight: 700;
    line-height: 1.5;
}
  







@media only screen and (max-width: 767px) {
   /* レコメンドページ共通 ----------------------------------- */
   .page-recommend-common{margin: calc(50 * (100vw / 750)) auto calc(110 * (100vw / 750));}
   #Foot .footer__inner {
        padding-top: calc(33 * (100vw / 375));
        padding-bottom: calc(40 * (100vw / 375));
    }
   /* .page-recommend-common.page-recommend-opentop{margin: calc(50 * (100vw / 750)) auto 0;} */
   .c-block-page-recommend{margin-bottom: calc(220 * (100vw / 750));}

   /* オープントップ ---------------------------------------- */
   .page-recommend .c-block-submit-opentop{
        margin-bottom: calc(220 * (100vw / 750));
        padding-bottom: 0;
    }
   .cardUnit__card-sp-col2-w185-Multiplelines{
       margin: 0 0 calc(80 * (100vw / 750)) calc(10 * (100vw / 750));
       width: calc(370 * (100vw / 750));
   }
   .cardUnit__card-sp-col2-w185-Multiplelines:nth-child(odd) { margin-left: 0;}
   /* AT--------------------------------------------------- */ 
   .page-recommend-common .newarrivals__list-ats {margin: calc(52 * (100vw / 750)) auto calc(-80 * (100vw / 750));}
   .page-recommend-common .cardUnit-submitList-openbrand{margin: calc(40 * (100vw / 750)) 0 calc(-80 * (100vw / 750));}
   /* JUNKOSHIMADA ---------------------------------------- */
   .recommend-junkoshimada.page-recommend-common{
       margin: calc(50 * (100vw / 750)) auto 0;
       padding: 0 0 calc(110 * (100vw / 750));
    }
    .recommend-junkoshimada .c-block-recommend-junkoshimada {
        margin-bottom: calc(220 * (100vw / 750));
        padding: 0;
    }
    .recommend-junkoshimada .newarrivals__list-item.cardSize-SP184:nth-child(n + 5){display: block;}
    /* ROSEMADAME & CROSSMARCHE ---------------------------- */
    .page-recommend-crossMadame.page-recommend-common{
        margin: calc(50 * (100vw / 750)) auto 0;
       padding: 0 0 calc(110 * (100vw / 750));
    }
    .page-recommend-crossMadame .recommendList__inner{
        margin-bottom: calc(220 * (100vw / 750));
        padding: 0;
    }
    .page-recommend-crossMadame .c-block-recommendList-rosemadame{
        margin: 0 calc(16 * (100vw / 750));
        padding: 0;
    }
    /* CROSSMARCHE --------------------------------------- */
    .page-recommend-crossMadame.crossmarche .submit__list {
        width: calc(355 * (100vw / 375));
        margin-right: auto;
        margin-bottom: calc(-20 * (100vw / 375));
        margin-left: auto;
    }
    .page-recommend-crossMadame.crossmarche .submit__list-item {
        width: calc(172 * (100vw / 375));
        margin-top: 0;
        margin-right: calc(10 * (100vw / 375));
        margin-bottom: calc(20 * (100vw / 375));
        margin-left: 0;
    }
    .page-recommend-crossMadame.crossmarche .submit__list-item:nth-child(2n) {margin-right: 0;}
    .page-recommend-crossMadame.crossmarche .submit__list-item__detail--itemname {margin-bottom: 0;}
    
}

@media only screen and (min-width: 768px) {
    /* レコメンドページ共通 ----------------------------------- */
    .page-recommend-common .cardUnit-submitList-openbrand{margin: 4.2rem auto -3rem;}
    .page-recommend-common{margin: 5rem auto 8rem;}
    .c-block-page-recommend{margin-bottom:11.6rem;}
    .page-recommend .c-block-submit-opentop{
        margin-bottom:11.6rem;
        padding-bottom: 0;
    }
    #Foot .footer__inner {
        padding-top: calc(60 * (100vw / 768));
        padding-bottom: calc(40 * (100vw / 768));
    }
    /* オープントップ ---------------------------------------- */
    .cardUnit__card-pc-col4-Multiplelines{
        margin: 0 1.66% 3rem 0;
        max-width: 28.5rem;
        width: 23.75%;
    }
    .cardUnit__card-pc-col4-Multiplelines:nth-child(4n){margin: 0 0 3rem 0;}
    .page-recommend-crossMadame.crossmarche .cardUnit__card-pc-col4-280-Multiplelines{
        margin: 0 2.22222% 3rem 0;
        max-width: 28rem;
        width: 23.33333%;
    }
    .page-recommend-crossMadame.crossmarche .cardUnit__card-pc-col4-280-Multiplelines:nth-child(4n){margin: 0 0 3rem 0;}
    /* AT--------------------------------------------------- */
    .page-recommend-common .newarrivals__list-ats.newarrivals__list{margin-bottom: -3rem;}
    .page-recommend-common .newarrivals__list-ats.newarrivals__list .newarrivals__list-item{margin: 0 1.66666% 3rem 0;}
    .page-recommend-common .newarrivals__list-ats.newarrivals__list .newarrivals__list-item:nth-child(4n) {margin-right: 0;}

    /* JUNKOSHIMADA ---------------------------------------- */
    .recommend-junkoshimada.page-recommend-common{
        margin: 5rem auto 0;
        padding: 0 0 8rem;
    }
    .recommend-junkoshimada .c-block-recommend-junkoshimada {
        padding: 0;
        margin-bottom: 11.6rem;
    }

    /* ROSEMADAME & CROSSMARCHE ---------------------------- */
    .page-recommend-crossMadame.page-recommend-common{
        margin: 5rem auto 0;
        padding: 0 0 8rem;
    }
    .page-recommend-crossMadame .recommendList__inner{
        padding: 0;
        margin-bottom: 11.6rem;
    }
    .page-recommend-crossMadame .cardUnit-rosemadame__list{margin: 4.2rem auto -3rem;}
    .page-recommend-crossMadame .cardUnit__card.cardUnit__card-crossMadame{
        margin: 0 2.22222% 3rem 0;
        max-width: 28rem;
        width: 23.33333%;
    }
    .page-recommend-crossMadame .cardUnit__card.cardUnit__card-crossMadame:nth-child(4n){margin: 0 0 3rem 0;}



    .page-recommend-crossMadame.crossmarche .submit__list-item__detail {margin-top: 1.8rem;}
    .page-recommend-crossMadame.crossmarche .submit__list-item__detail--itemname {font-size: 1.2rem;}
    .page-recommend-crossMadame.crossmarche .submit__list-item__detail--itemname{margin-bottom: 0;}
    
    /* レコメンドページ共通 ヒストリーエリア --------------------- */
    .page-recommend-common #productHistory{
        width: 100%;
        max-width: 1240px;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 4rem;
        padding: 0 2rem;
    }






}
@media only screen and (min-width: 980px) {
    /* レコメンドページ共通 ----------------------------------- */
    #Foot .footer__inner {padding-top: 6rem;}
}
