@charset "utf-8";
/*
商品詳細ページ用CSS
*/
.bg-01 {
  background: #fff4f6;
}
.bg-02 {
  background: #ffdfe7;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-60 {
  margin-top: 60px;
}
.pb-10{
  padding-bottom: 10px;
}
.pb-30{
  padding-bottom: 30px;
}
.pb-60{
  padding-bottom: 60px;
}
.pb-100{
  padding-bottom: 100px;
}
.pt-10{
  padding-top: 10px;
}
.pt-30{
  padding-top: 30px;
}
.pt-60{
  padding-top: 60px;
}
.review-wrap {
  margin-bottom: 30px;
}
.explain-bkcol{
  background-color: #fff0f5;
}
.explain .detail-ttl-4{
  margin: 30px 0px 15px;
  color: #696969;   
}
.detail-ttl{
  color: #696969;  
}
.detail-ttl-s{
  font-size: 92%;
} 
.detail-ttl-step{
  font-size:20px ;
}  
.explain h2{
  color: #696969;
  margin: 30px 0px 15px;  
}
.explain h2{
  font-size: 20px;
  color: #ed5093;
  margin-bottom: 10px; 
}
.detail-ttl-link{
  color: #ff69b4;  
}
.explain li {
  display: inline-block;
  padding-right: 10px;
}
.explain .use-wrap{
  border-bottom: none;
}
.explain .hutae-box{
  vertical-align: top;
}
.explain .p-10{
  padding: 10px 0px 10px 10px;
  border: 1px solid #ff69b4;
  background-color: white;"
}
.explain .mr-0{
   margin-right: 0px;
} 
.explain .mr-10{
   margin-right: 10px;
}           
 .mb-ttl {
   margin-bottom: 20px;
} 
.title-area {
  margin-bottom: 30px;
  text-align: center;
}
.block-img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.column-box img {
  width: 100%;
  height: auto;
}
.column-box .image-box.small {
  padding: 0 40px;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.item-btn {
  display: block;
  width: 250px;
  background: #fff;
  border: 2px solid #ed5093;
  border-radius: 40px;
  margin: 40px auto 0;
  color: #ed5093;
  text-align: center;
  line-height: 40px;
}
.item-list img {
  display: block;
  width: 100%;
  height: auto;
}
.item-list p {
  margin-top: 20px;
  font-size: 12px;
  text-align: center;
}
.lips-wrapper {
    height: 380px;
}
.lipsicon-wrapper {
  text-align: center;
}
.lipsicon-wrapper h2 {

}
.lips-container {
  width: 800px;
  margin: 0 auto;
}
.lipsicon {
    float: left;
    width: 50%;
    padding: 20px;   
}
.lipsicon .block {
    max-width: 280px;
    min-width: 280px;
    margin: 0 auto;
}
.lipsicon .icon-block {
    display: block;
}
 /* 動画  */
  .use-wrap-mov .detail-ttl{
    margin-top: 80px;
    border-bottom: none;  
}
 /* instagram  */
  .instagram-tit{
    margin-top: 80px;
  }
  .petit-wrap {
    border:solid 3px #fff0f5;
    border-radius: 8px;
    margin: 30px 0px;
}
  .petit-wrap h2 {
    margin: 10px;
    color: #ed5093;
    font-size: 18px;
}
  .petit-wrap .petit-dot {
    color: #ed5093;
    display: inline;
    margin-left: 10px;
}
  .petit-wrap p {
    display: inline;
}
  .petit-wrap-y {
    border:solid 3px #f9ffc5;
    border-radius: 8px;
    margin: 30px 0px;
}
  .petit-wrap-y h2 {
    margin: 10px;
    color: #f7de5c;
    font-size: 18px;
}
  .petit-wrap-y .petit-dot {
    color: #f7de5c;
    display: inline;
    margin-left: 10px;
}
  .petit-wrap-y p {
    display: inline;
}
  .petit-wrap-g {
    border:solid 3px #d0fcee;
    border-radius: 8px;
    margin: 30px 0px;
}
  .petit-wrap-g h2 {
    margin: 10px;
    color: #85ebca;
    font-size: 18px;
}
  .petit-wrap-g .petit-dot {
    color: #85ebca;
    display: inline;
    margin-left: 10px;
}
  .petit-wrap-g p {
    display: inline;
}
  .petit-wrap-p {
    border:solid 3px #faf2ff;
    border-radius: 8px;
    margin: 30px 0px;
}
  .petit-wrap-p h2 {
    margin: 10px;
    color: #dca5fd;
    font-size: 18px;
}
  .petit-wrap-p .petit-dot {
    color: #dca5fd;
    display: inline;
    margin-left: 10px;
}
  .petit-wrap-p p {
    display: inline;
}
.present-wrap{
  background-color: #fffff0;
}
.present-text-area p{
  font-size: 16px;
  color: #717171;
}
.bg-wp{
  background-color: #FBF5EF;
  margin-bottom: 60px;
}
.contents-wp{
  overflow: hidden;
  padding: 10px;
  border-bottom: none;
}
.link-text{
  font-size: 95%;
}
.link-wide{
  width: 120px; 
  height: 50px; 
  background-color: #ed5093; 
  color: white; 
  padding: 10px;
}
.single-item{
   margin-bottom: 50px;
}
.img-bottom{
  margin-bottom: 10px;
}
.material{
   margin-top: 50px;
}
.tac {
    text-align: center !important;
}
.meik-body {
    max-width: 720px;
    margin: 0 auto;
}
.meik-wp {
  text-align: center;
  }
.meik-wp .color-type {
  color: #585858;
  font-size: 26px;
}
.meik-wp img {
    max-width: 100%;
    }
.meik-wp .text-box {
  text-align: left;
}
.meik-wp .border {
  border-bottom: 1px solid;
} 
.faq-list dt {
    margin-bottom: 10px;
    cursor: pointer;
}
.kantan_insta{
  color: #31B0FF;
}
/*PCのみ適応されるCSS*/
@media screen and (min-width: 768px) {
   .flx {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  } 
  /*.flx-1 {   */
  /*  justify-content: center;   */
  /*}  */
  /*.flx-1.column-1 .column-box {*/
  /*  width: 48%;*/
  /*}  */
  .column-1 .column-box {
    width:48%;
    margin:0 auto;
  }
  .flx.column-2 .column-box {
    width: 48%;
  }
  .flx.column-2 .column-box:nth-child(n + 3) {
    margin-top: 40px;
  }
  .flx.column-3 .column-box {
    width: 31%;
  }
  .flx.column-3 .column-box:nth-child(n + 4) {
    margin-top: 40px;
  }
  .inner-small {
    padding: 80px 20%;
  }
  .inner-midium {
    padding: 80px 14%;
  }
  .inner-large {
    padding: 80px 6%;
  }
  .title-area h3 {
    font-size: 22px;
  }
  .title-area h4 {
    font-size: 20px;
  }
  .column-box .text-box {
    padding: 0 30px;
  }
  .column-box .text-box .disc {
    font-size: 12px;
  }
  .item-list a:hover img {
    border: 5px solid #ffdfe7;
    transition: all ease 300ms;
  }
  .explain .use-wrap{
    padding-left: 50px;
  }
   .use-wrap .howto-wrap-border{
    border-bottom: none;
  }
  .explain h2 {
    margin-top: 60px;
  } 
   /* 動画  */
  .use-wrap-mov .movie-thum{
    width: 634px; 
  }
  .m_lr {
    margin: 0px 10px;
  }
 /* instagram  */
  .instagram-wrap{
    margin-left: -5px;
    margin-right: -5px;
  }
  .instagram-wrap .instagram-post{
    width: 33%;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
  }
  .instagram-wrap .instagram-post .instagram-media{
    min-width: 100%!important;
  }
  .present-wrap{
  padding: 70px;
}
  .present-area{
  margin:0 auto;
  overflow:hidden;
}
.present-img-area{
  text-align: center;
  width: 40%;
  padding-left: 100px;
  float: left;
}
.present-text-area{
  padding-top: 30px;
  width: 60%;
  float: left;
}
.before-after {
    margin-top: 30px;
    position: relative;
}
.before-after .fukidashi {
    width: 410px;
    top: 100px;
    left: 20px;
    position: absolute;
}
.before-after .fukidashi img {
    width: 100%;
}
.before-after .txt {
    font-size: 20px;
    color: #ed5093;
    font-weight: bold;
    position: absolute;
    top: 190px;
    left: 60px;
}
  .petit-wrap h2 {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.bg-wp{
  padding: 25px 0px 10px 30px;
}
.before-after {
    margin-top: 30px;
    position: relative;
}
.before-after .fukidashi {
    width: 410px;
    top: 100px;
    left: 20px;
    position: absolute;
}
.before-after .fukidashi img {
    width: 100%;
}
.before-after .txt {
    font-size: 20px;
    color: #ed5093;
    font-weight: bold;
    position: absolute;
    top: 190px;
    left: 60px;
}
.txt {
    color: #1b0b26;
    font-size: 13px;
    line-height: 1.5;
}
.tac {
    text-align: center !important;
}
.before-after .model .before {
    position: absolute;
    top: 120px;
    right: 200px;
}

.before-after .model .arrow {
    position: absolute;
    top: 220px;
    right: 370px;
}
}
/*スマホのみ適応されるCSS*/
@media screen and (max-width: 767px) {
  .inner-small,
  .inner-midium,
  .inner-large {
    padding: 30px 8%;
  }
  .explain h2 {
    margin-top: 40px;
}

  .title-area h3 {
    font-size: 4vw;
  }
  .title-area h4 {
    font-size: 3vw;
  }
  .column-box .text-box .disc {
    font-size: 10px;
  }
  .column-box:not(:first-child) {
    margin-top: 40px;
  }
  .item-list {
    padding: 14%;
  }
  .explain .use-wrap{
    padding-left: 10px;
  }
   .explain .mt10{
   margin-top: 10px;
  }  
   .use-wrap .howto-wrap-border{
    border-bottom: none;
    padding-bottom: 40px;
  }  
  .explain .hutae-ex .mb20{
    text-align: left;   
  }
  .lips-wrapper {
      height: 700px;
  } 
  .lips-container {
      width: 100%;
  }
  .lipsicon {
      width: 100%;
  }
   /* 動画  */
  .use-wrap .movie-thum{
    min-width: 100%!important;
  }
 /* instagram  */
  .instagram-wrap .instagram-post .instagram-media{
    min-width: 100%!important;
  }
  .present-wrap{
  padding: 50px 10px;
}
  .present-area{
  margin: 0 auto;
}
.present-img-area{
  text-align: center;
  margin-bottom: 20px;
}
.present-text-area{
  text-align: center;
}
.before-after {
    margin-top: 180px;
    position: relative;

}
.before-after .fukidashi {
    width: 95%;
    left: 0;
    right: 0;
    top: -40%;
    position: absolute;
    margin: auto;
    z-index:-1
}
.before-after .fukidashi img {
    width: 100%;
}
.before-after .txt {
    font-size: 16px;
    color: #ed5093;
    font-weight: bold;
    position: absolute;
    top: -16%;
    left: 0;
    right: 0;
    margin: auto;
}
.before-after .model .after {
    width: 80%;
}
   
.before-after .model img {
    max-width: 100%;
}
.before-after .model .before {
    position: absolute;
    width: 35%;
    top: 29%;
    right: 0;

}
.before-after .model img {
    max-width: 100%;
}
.before-after .model .arrow {
    position: absolute;
    top: 48%;
    right: 26%;
}
.before-after .model .arrow img {
    max-width: 70%;
}
.bg-wp{
  padding: 10px;
}
.before-after {
    margin-top: 180px;
    position: relative;

}
.before-after .fukidashi {
    width: 95%;
    left: 0;
    right: 0;
    top: -40%;
    position: absolute;
    margin: auto;
    z-index:-1
}
.before-after .fukidashi img {
    width: 100%;
}
.before-after .txt {
    font-size: 16px;
    color: #ed5093;
    font-weight: bold;
    position: absolute;
    top: -16%;
    left: 0;
    right: 0;
    margin: auto;
}
.before-after .model .after {
    width: 80%;
}
   
.before-after .model img {
    max-width: 100%;
}
.before-after .model .before {
    position: absolute;
    width: 35%;
    top: 29%;
    right: 0;

}
.before-after .model img {
    max-width: 100%;
}
.before-after .model .arrow {
    position: absolute;
    top: 48%;
    right: 26%;
}
.before-after .model .arrow img {
    max-width: 70%;
}
.faq-list img {
  display: block;
  height: 180px;
}
.faq-list.faq-list-sp {
  overflow: hidden;
}
.faq-list-dt-sp {
  float: left;
}
.faq-list-dd-sp {
  float: left;
}
.sp-left {
  float: left;
}
.mgt-0 {
  margin-top: 0px!important;
}

}