.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;
  }
}