@charset "UTF-8";

/*--------------------------
 user's voice
----------------------------*/
@media (min-width: 768px) and (max-width:1079.98px){
  .voice #refa-ugc{
    width: auto;
    margin-left: 4vw;
    margin-right: 4vw;
  }
  .voice .swiper-target{
    width: calc(100% - 12vw);
  }
  .voice .aster-wrapper{
    width: calc(100% - 12vw);
    margin: auto;
  }
  .voice_2 .voice_2_wrapper{
    width: calc(100% - 8vw);
    margin: auto;
  }
}
/*--------------------------
 関連商品
----------------------------*/
@media (min-width: 768px) and (max-width:1079.98px){
  body section.association{
    padding-left: 4vw;
    padding-right: 4vw;
  }
  body section.association .inner{
    width: auto;
    margin: auto;
  }
  body section.association .inner .block-right,
  body section.association .inner .block-left{
    width: calc(480 / 1080 * 100vw);
  }
  body section.association .img-wrapper{
    width: calc(126 / 1080 * 100vw);
  }
  body section.association .link{
    margin-left: calc(24 / 1080 * 100vw);
  }
  body section.association .inner-2{
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
/*--------------------------
 サポート
----------------------------*/
@media (min-width: 768px) and (max-width:1079.98px){
  body section.support .inner{
    width: calc(720 / 1080 * 100vw);
    padding-left: 4vw;
    padding-right: 4vw;
  }
  body section.support .link{
    width: calc(300 / 1080 * 100vw);
  }
}
/*--------------------------
 TIPS
----------------------------*/
@media (min-width: 768px) and (max-width:1079.98px){
  #refaHairTips .block-inner-2{
    margin-left: 4vw;
    margin-right: 4vw;
  }
  #refaHairTips .block-inner .picture-wrapper{
    width: calc(720 / 1080 * 100vw);
  }
  #refaHairTips .block-title{
    text-align: center;
    margin-bottom: 46px;
  }
  #refaHairTips .block-title .sub{
    font-size: 0.875rem;
    line-height: calc(33.6 / 14);
    letter-spacing: 0.08em; 
    display: block;
  }
  #refaHairTips .block-title .main{
    font-family :'YuMincho Medium','Yu Mincho Medium',serif;
    font-size: 1.5rem;
    line-height: calc(36 / 24);
    letter-spacing: 0.08em; 
    display: block;
  }
  #refaHairTips .block-title:after{
    content:'';
    width: 44px;
    height: 1px;
    background-color: #3C4249;
    margin: 14px auto 0 auto;
    display: block;
  }
  #refaHairTips .btn-link{
    border: 1px solid #8F999F;
    width: 315px;
    margin: 30px auto 0  auto;
  }
  #refaHairTips .btn-link a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 100%;
    min-height: 56px;
    font-size: 0.875rem;
    line-height: calc(19.6 / 14);
    letter-spacing: 1.12px;
    color: #000000;
    padding:10px 40px 10px 34px;
    position: relative;
  }
  #refaHairTips .btn-link a:after{
    content:'';
    background-image: url('../../../common/img/ic-arrow-gray.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 12px;
  }
}