.renew .product .post dt.styles2022feb::before {
    padding-top:133.33%;
  }
  
  /* 文字数超過のためこちらに記載 */
    /* コーディネート */
  .renew .coordinatepost_area{
    margin: 0 auto 90px;
    position: relative;
    background: linear-gradient( 180deg, #8abe8f 0%, #8abe8f 48%, #fff 48%, #fff 100% );
  }
  @media (min-width: 768px){
    .renew .coordinatepost_area {
      margin: 0 auto 172px;
    }
  }
  .renew .coordinatepost .post ul{
    display: flex;
  }
  @media (max-width: 768px){
    .renew .coordinatepost .post ul{
      width: calc(100% + 15px);
    }
  }
  .renew .coordinatepost .post ul li{
    width: 230px;
    margin-right: 20px;
    margin-bottom: 20px;
  }
  @media (max-width: 768px){
    .renew .coordinatepost .post ul li{
      width: calc(50% - 15px);
      margin-right: 15px;
    }
  }
  
    /* wpから流用 */
    .renew .coordinatepost .eyecatch:before{
      padding-top: 133.3333333333%;
    }
    .renew .coordinatepost .cd-date {
      font-size: 3.2vw;
      color: #a7a7a7;
      font-family: "Hiragino Sans W2", "ヒラギノ角ゴシック W2", sans-serif;
    }
    @media screen and (min-width: 768px){
      .renew .coordinatepost .cd-date{
        font-size: 1.4rem;
      }
    }
    .renew .coordinatepost .cd-category{
      display: inline-block;
      margin-top: 2.9333333333vw;
      font-size: 3.2vw;
      color: #fff;
      background-color: #e4ab50;
      padding-top: 1.6vw;
      padding-bottom: 1.6vw;
      padding-left: 1.3333333333vw;
      padding-right: 1.3333333333vw;
      width: fit-content;
    }
    @media screen and (min-width: 768px){
      .renew .coordinatepost .cd-category{
        font-size: 1.3rem;
        padding: 3px 5px;
        margin-top: 13px;
      }
    }
    .renew .coordinatepost .heading.heading-secondary {
      font-family: "Hiragino Sans W3", "ヒラギノ角ゴシック W3", sans-serif;
      font-weight: normal;
      margin-top: 2.4vw;
      color: #323232;
      margin-bottom: 0;
    }
    @media screen and (min-width: 768px){
      .renew .coordinatepost .heading.heading-secondary {
          margin-top: 11px;
      }
    }
    /* ここまで wpから流用 */
  
  .renew .coordinatepost_area .sub_title {
    padding-top: 52px;
    padding-bottom: 38px;
  }
  @media (min-width: 768px){
    .renew .coordinatepost_area .sub_title {
      padding-top: 78px;
      padding-bottom: 60px;
    }
  }
  .renew .coordinatepost_area .sub_title h2{
    width: 74.933333%;
  }
  @media (min-width: 768px){
    .renew .coordinatepost_area .sub_title h2 {
        width: 369px;
    }
  }
  .renew .coordinatepost_area:before {
    content: '';
    display: inline-block;
    width: 42px;
    height: 46px;
    background-image: url(https://file002.shop-pro.jp/PA01391/623/renewal/img/icon_coordination.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
    margin: auto;
  }
  @media (min-width: 768px){
    .renew .coordinatepost_area:before {
      width: 55px;
      height: 60px;
      top: -30px;
    }
  }
  @media (max-width: 768px){
   .renew .coordinatepost ul li:nth-child(4),
   .renew .coordinatepost ul li:nth-child(3){
      display:none;
    }
  }
  .renew .aboutclothes_area{
   margin: 0;
      padding: 0;
  }
  
  /* top 閲覧履歴タイトルcss */
  .renew .sub_title_recently_viewed {
    margin-top: 130px !important;
  }
  .renew .sub_title_recently_viewed::before {
    content: "";
    background-image: url(https://img07.shop-pro.jp/PA01391/623/etc_base64/dG9wX3JlY2VudGx5X3ZpZXdlZA.png?cmsp_timestamp=20250424122318);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-top: 0;
    margin-top: -20px;
    max-width: 7.5em;
    width: 100%;
    height: 34px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .popUpEventSection{
    overflow:hidden;
    background:red;
  }
  .popUpEventSection .sub_title img{
    width:282px;
    height:auto;
    display:block;
    margin:0 auto;
  }
  .popUpEventSection .popUpEventArticlesViewport{
    width:100%;
    overflow-x:scroll;
  }
  .popUpEventSection .popUpEventArticlesScrollBar{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:40px;
    position:relative;
  }
  .popUpEventSection .popUpEventArticlesScrollBar::before{
    content:"";
    width:100%;
    height:0;
    border-bottom:1px black dashed;
    position:absolute;
    left:0;
    top:calc(50% - 0.5px);
  }
  .popUpEventSection .popUpEventArticlesScrollBar > span{
    width:100px;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    display:block;
  }
  .popUpEventSection .popUpEventArticlesScrollBar > span::before{
    content:"";
    width:100%;
    height:5px;
    background:black;
    position:absolute;
    left:0;
    top:calc(50% - 2.5px);
  }
  .popUpEventSection .popUpEventArticles{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:20px;
    width:fit-content;
  }
  .popUpEventSection .popUpEventArticle{
    width:300px;
    max-width:300px;
    flex-shrink:0;
  }
  .popUpEventSection .popUpEventArticleEyecatch{
    border-radius:10px;
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
  }
  .popUpEventSection .popUpEventArticleTitle{
    display:block;
    font-size:14px;
    line-height:150%;
    margin-top:0.5em;
  }
  @media (max-width:768px){
    .popUpEventSection .sub_title img{
      width:242px;
    }
    .popUpEventSection .popUpEventArticles{
      padding-left:15px;
      padding-right:15px;
    }
    .popUpEventSection .popUpEventArticlesScrollBar{
      width:calc(100% - 30px);
    }
    .popUpEventSection .popUpEventArticle{
      width:75vw;
    }
  }