@charset "UTF-8";

/*//////////////////////////////////////////////////

Title : 2025SSCollection CSS

//////////////////////////////////////////////////*/


/* ========================================================
                      * Layout style *
========================================================= */

html {
  font-size: 62.5%;
  /* overflow-y: scroll !important; */
}

main {
  width: 100%;
  max-width: 100%;
}


#Contents {
  margin-bottom: 0;
}

footer {
  margin-top: 0;
}

.Product_detail_5 a {
  text-decoration: none;
}

.Product_detail_5 img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: optimizequality; 
}

.Product_detail_5 p,
.Product_detail_5 ul,
.Product_detail_5 ol,
.Product_detail_5 dl {
  margin: 0;
}

.item_list_common .item_list__price {
  font-weight: 300 !important;
}

/* ===================
      Roots 
=================== */

:root {
  --color-gold: #c5ad79;
  --color-txt: #1f1f1f;
  --color-pink:#E1818F;
  --color-pink2:#F0C0C7;
  --color-pink3:#F1DDDA;
  --color-white: #ffffff;
}

/* ===================
  LP Contents
=================== */

.Product_detail_5 {
  overflow-x: hidden;
  margin-top: 5rem;
}

.Product_detail_5 p {
  margin: 0 auto;
  padding: 0;
  font-family: 'Lato', 'ryo-gothic-plusn', sans-serif;
  font-feature-settings: "palt";
  font-size: 1.3rem;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.125em;
  color: var(--color-txt);
    width: 100%;
  height: 100%;
}

#FooterWrap {
  position: relative;
  z-index: 2;
}

.Product_detail_5 *,
.Product_detail_5 *:before,
.Product_detail_5 *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.Product_detail_5 ul,
.Product_detail_5 li {
  list-style: none;
}

.Product_detail_5 img {
  max-width: 100%;
}

.Product_detail_5 sup {
  font-size: 1rem;
}

.Product_detail_5 a,
.Product_detail_5 a:before,
.Product_detail_5 a:after,
.Product_detail_5 a img {
  transition: opacity .3s ease-in-out,
  color .3s ease-in-out,
  background-color .3s ease-in-out,
  background-image .3s ease-in-out,
  border-color .3s ease-in-out,
  text-shadow .3s ease-in-out,
  text-weight .3s ease-in-out;
}

.Product_detail_5 a:hover {
  opacity: 0.6;
}

.Product_detail_5 h1 {
  padding: 0;
}

.flex_wrap {
  display: flex;
}


/* ===================
      Button Setting
=================== */
.Product_detail_5 .btn {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  border: none;
}

.Product_detail_5 .btn a {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* ===================
  　　　BG
=================== */

.Product_detail_5 .bg {
  background-image: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/bg_pc.png?250415);
  background-size: cover;
  background-repeat: no-repeat;
}


/* ===================
  　　　Product
=================== */
.Product_detail_5 .product {
  padding-top: 18rem;
}

.Product_detail_5 .product_wrap {
  display: flex;
  gap: 4rem;
  margin-left: 9rem;
}

.Product_detail_5 .blush_item_var {
  width: 58rem;
  position: relative;
}


.Product_detail_5 .lead_text {
  margin: 4.4rem auto 0;
  font-size: 1.6rem;
  line-height: 2.4;
  text-align: center;
}

.Product_detail_5 .cheek_list {
  width: 28rem;
  margin: 2rem auto 0;
  text-align: center;
}

.Product_detail_5 .each_img a {
  width: 20rem;
  margin: 0 auto;
  display: block;
}

.Product_detail_5 .var_name {
  margin: 2.5rem auto 0;
  font-size: 1.4rem;
  line-height: 1;
  text-align: center;
}



/* ===================
  　　　 LOOK
=================== */
.Product_detail_5 .look {
  margin-top: 14.5rem;
  padding-bottom: 7.5rem;
}

.Product_detail_5 .tab_list {
  position: relative;
  display: flex;
  width: fit-content;
  margin: 0 auto;
  cursor: pointer;
  justify-content: center;
  z-index: 5;
}

.Product_detail_5 .tab {
  position: relative;
  width: 19rem;
  text-align: center;
}

.Product_detail_5 .tab01.active:after {
  position: absolute;
  top: -0.1rem;
  left: -32.9rem;
  display: block;
  width: 104rem;
  height: 9rem;
  background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/decor_02.svg) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  content: "";
}

.Product_detail_5 .tab02.active:after {
  position: absolute;
  top: -0.2rem;
  left: -52rem;
  display: block;
  width: 104rem;
  height: 9rem;
  background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/decor_03.svg) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  content: "";
}

.Product_detail_5 .tab_ttl {
  width: 19rem;
  margin: 0 auto;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
  color: var(--color-txt);
  text-transform: uppercase;
}

.Product_detail_5 .tab01 .tab_ttl  {
  margin-top: 0;
} 

.Product_detail_5 .tab02 .tab_ttl {
  margin-top: 0;
}

.Product_detail_5 .tab01.active .tab_ttl  {
  margin-top: 3rem;
} 

.Product_detail_5 .tab02.active .tab_ttl {
  margin-top: 3rem;
}


.Product_detail_5 .tab.active .tab_ttl {
  color: var(--color-pink);
}

.Product_detail_5 .panel_area {
  margin-top: 4rem;
}

.Product_detail_5 .panel {
  display: none;
  width: 100%;
}

.Product_detail_5 .panel.active {
  display: block;
  animation: appear .8s ease-in;
}

@keyframes appear {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.Product_detail_5 .look_img_outside {
  margin: 6rem auto 0;
}

.Product_detail_5 .look_img_wrap {
  width: 38rem;
  margin: 0 auto;
}

.Product_detail_5 .look_img {
  width: 38rem;
}

.Product_detail_5 .itm_list {
  margin: 3.5rem auto 0;
  position: relative;
  display: flex;
  gap: 1rem;
  justify-content: center;
  z-index: 5;
}

.Product_detail_5 .itm_list li {
  width: 12rem;
  color: var(--color-txt);
}

.Product_detail_5 .itm_list li a {
  display: flex;
  flex-direction: column;
}

.Product_detail_5 .itm_list li .itm_name {
  margin-top: .5rem;
  font-size: 1.1rem;
  line-height: 2.1;
  text-align: center;
  color: var(--color-txt);
}

.Product_detail_5 .product_list {
  font-size: 1.3rem;
  line-height: 2.4;
  text-align: center;
  margin-top: 4.6rem;
  letter-spacing: .125em;
  font-feature-settings: "palt";
}

.Product_detail_5 .product_list li {
  margin-top: 0;
  line-height: 2.4;
  color: var(--color-txt);
}

.Product_detail_5 .txt_pink {
  color: var(--color-pink);
  text-decoration: underline;
}

/* ===================
  　　  DETAIL
=================== */
.Product_detail_5 .detail {
  padding: 8rem 0;
}
.Product_detail_5 .detail_ttl {
  padding: 1.5rem 15rem;
  font-family: var(--font-en),var(--font-jp), sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.125em;
  border-top: 1px solid #9C9C9C;
  border-bottom: 1px solid #9C9C9C;
  font-feature-settings: "palt";
  color: var(--color-txt);
}

.Product_detail_5 .detail_cont_box {
  padding: 2.5rem 15rem 5rem;
}

.Product_detail_5 .detail_how .detail_cont_box {
  padding: 1.7rem 15rem 4.5rem;
}

.Product_detail_5 .detail_amount .detail_cont_box {
  padding: 1.7rem 15rem 4.5rem;
}

.Product_detail_5 .detail_cont {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.125em;
  color: #666666;
}

.Product_detail_5 .detail_beauty_ingre {
  position: relative;
}

.Product_detail_5 .ingre_list.detail_cont_box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.Product_detail_5 .free_ingre_list {
  padding: 2.5rem 27rem 5rem;
}

.Product_detail_5 .ingre_list li {
  display: inline-block;
  padding: 0.8rem 1rem 0.8rem;
  border: 1px solid #B5B5B5;
  border-radius: 1.5rem;
  width: auto;
  font-size: 1.2rem;
  letter-spacing: 0.125em;
  line-height: 1;
  font-feature-settings: "palt";
  color: #666666;
}

.Product_detail_5 .free_ingre_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  margin: 0 auto;
}

.Product_detail_5 .free_ingre_list li{
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  height: 10rem;
  width: 10rem;
  border-radius: 50%;
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: 0.125em;
  text-align: center;
  background-color: var(--color-pink3);
  overflow: hidden;
  color: #666666;
}

.Product_detail_5 .free_ingre_list span {
  line-height: 1.8;
  color: #666666;
}

.Product_detail_5 .note {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.125em;
  text-align: center;
  text-align: left;
  padding: 0 15rem;
}



/*=======================================
               Responsive
========================================*/


/* only PC */

@media screen and (min-width: 769px) {
  .sp_only {
    display: none;
  }
}



/*=======================================
                    PC
========================================*/

@media screen and (min-width: 769px) {

  #Wrap,
  .wrapBottom,
  .wrapTop,
  #Contents {
    width: 100%;
  }

  .Product_detail_5 {
    overflow: hidden;
  }
}


/* only tablet */

@media screen and (min-width: 769px) and (max-width: 1400px) {

  html {
    font-size: calc(10 * (100vw / 1400));
  }

}

/*=======================================
                    SP
========================================*/


/* only SP */

@media only screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }

  .Product_detail_5 {
    overflow: hidden;
    margin: 0 auto;
    font-size: calc(24 * (100vw / 780));
  }

  .Product_detail_5 p {
    font-size: calc(24 * (100vw / 780));
  }


  .Product_detail_5 a:hover,
  .Product_detail_5 a:active,
  .Product_detail_5 a:focus {
    opacity: 1;
  }

  
  /* ===================
      Button Setting
  =================== */
  .Product_detail_5 .btn {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
  }

  .Product_detail_5 .btn a {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
  }

  /* ===================
  　　　BG
  =================== */

  .Product_detail_5 .bg {
    background-image: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/bg_sp.png?250415);
  }

  /* ===================
    　　　Product
  =================== */
  .Product_detail_5 .product {
    padding-top: calc(300 * (100vw / 780));
  }

  .Product_detail_5 .product_wrap {
    flex-direction: column;
    gap: calc(120 * (100vw / 780));
    margin: 0 auto;
  }

  .Product_detail_5 .blush_lead_img {
    width: calc(580 * (100vw / 780));
    margin: 0 auto;
  }

  .Product_detail_5 .blush_item_var {
    width: calc(780 * (100vw / 780));
  }

  .Product_detail_5 .lead_text {
    margin: calc(140 * (100vw / 780)) auto 0;
    font-size: calc(30 * (100vw / 780));
  }

  .Product_detail_5 .cheek_list {
    width: calc(780 * (100vw / 780));
    margin: calc(50 * (100vw / 780)) auto 0;
    text-align: center;
  }

  .Product_detail_5 .each_img a {
    width: calc(440 * (100vw / 780));
    height: calc(440 * (100vw / 780));
    margin: 0 auto;
    display: block;
  }

  .Product_detail_5 .each_img a img {
    width: calc(440 * (100vw / 780));
    height: calc(440 * (100vw / 780));
  }

  .Product_detail_5 .var_name {
    margin: calc(37 * (100vw / 780)) auto 0;
    font-size: calc(26 * (100vw / 780));
  }



  /* ===================
    　　　 LOOK
  =================== */
  .Product_detail_5 .look {
    margin-top: calc(340 * (100vw / 780));
    padding-bottom: calc(100 * (100vw / 780));
  }


  .Product_detail_5 .tab01.active:after {
    position: absolute;
    top: calc(-12*(100vw / 780));
    left: calc(-52*(100vw / 780));
    display: block;
    width: calc(780*(100vw / 780));
    height: calc(121*(100vw / 780));
    background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/decor_02_sp.svg) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    content: "";
  }

  .Product_detail_5 .tab02.active:after {
    position: absolute;
    top: calc(-12*(100vw / 780));
    left: calc(-392*(100vw / 780));
    display: block;
    width: calc(780*(100vw / 780));
    height: calc(121*(100vw / 780));
    background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/decor_03_sp.svg) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    content: "";
  }

  .Product_detail_5 .tab {
    width: calc(340 * (100vw / 780));
  }

  .Product_detail_5 .tab_ttl {
    width: calc(340 * (100vw / 780));
    font-size: calc(46 * (100vw / 780));
  }

  .Product_detail_5 .tab01.active .tab_ttl  {
    margin-top: calc(40*(100vw / 780));
  } 

  .Product_detail_5 .tab02.active .tab_ttl {
    margin-top: calc(40*(100vw / 780));
  }


  .Product_detail_5 .panel_area {
    margin-top: calc(100 * (100vw / 780));
  }

  .Product_detail_5 .look_img_outside {
    position: relative;
    width: calc(780*(100vw / 780));
    margin: 0 auto;
    margin-top: calc(58*(100vw / 780));
    z-index: 1;
  }

  .Product_detail_5 .look_img_wrap {
    width: calc(680*(100vw / 780));
    margin: 0 auto;
  }

  .Product_detail_5 .look_img {
    width: calc(680*(100vw / 780));
  }

  .Product_detail_5 .itm_list {
    display: flex;
    flex-wrap: wrap;
    width: calc(780*(100vw / 780));
    gap: calc(0*(100vw / 780));
    row-gap: calc(18*(100vw / 780));
    margin: calc(60*(100vw / 780)) auto 0;
    z-index: 0;
  }

  .Product_detail_5 .itm_list li {
    width: calc(220 * (100vw / 780));
  }

  .Product_detail_5 .itm_list li:nth-of-type(1) {
    order: 1;
  }
  .Product_detail_5 .itm_list li:nth-of-type(2) {
    order: 2;
  }
  .Product_detail_5 .itm_list li:nth-of-type(3) {
    order: 4;
  }
  .Product_detail_5 .itm_list li:nth-of-type(4) {
    order: 5;
  }
  .Product_detail_5 .itm_list li:nth-of-type(5) {
    order: 3;
  }

  .Product_detail_5 .look_2 .itm_list li:nth-of-type(1) {
    order: 1;
  }
  .Product_detail_5 .look_2 .itm_list li:nth-of-type(2) {
    order: 2;
  }
  .Product_detail_5 .look_2 .itm_list li:nth-of-type(3) {
    order: 4;
  }
  .Product_detail_5 .look_2 .itm_list li:nth-of-type(4) {
    order: 5;
  }
  .Product_detail_5 .look_2 .itm_list li:nth-of-type(5) {
    order: 6;
  }
  .Product_detail_5 .look_2 .itm_list li:nth-of-type(6) {
    order: 3;
  }



  .Product_detail_5 .itm_list li .itm_name {
    margin-top: calc(8 * (100vw / 780));
    font-size: calc(22* (100vw / 780));
    line-height: 2;
    text-align: center;
  }

  .Product_detail_5 .product_list {
    font-size: calc(24*(100vw / 780));
    margin-top: calc(0*(100vw / 780));
  }

  .Product_detail_5 .product_list li {
    margin-top: calc(0*(100vw / 780));
  }

  .Product_detail_5 .product_detail {
    font-size: calc(24*(100vw / 780));
    margin-top: calc(36*(100vw / 780));
  }

  /* -----Accordion----- */
  .Product_detail_5 .accordion_outside {
    margin-top: calc(56*(100vw / 780));
  }

  .Product_detail_5 .accordion_wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .8s;
  }

  .Product_detail_5 .open > .accordion_wrap {
    grid-template-rows: 1fr;
  }

  .Product_detail_5 .accordion_inner {
    position: relative;
    padding-bottom: calc(36*(100vw / 780));
    min-height: calc(300*(100vw / 780));
    overflow: hidden;
  }

  .Product_detail_5 .accordion_inner::before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(280*(100vw / 780));
    background: linear-gradient(transparent, #F9F2EE);
    content: "";
    z-index: 3;
  }

  .Product_detail_5 .open .accordion_inner::before {
    display: none;
  }

  .Product_detail_5 .accordion_btn {
    width: calc(200 * (100vw / 780));
    font-size: calc(24 * (100vw / 780));
    letter-spacing: 0.125em;
    text-align: center;
  }

  .Product_detail_5 .accordion_btn .to_open {
    margin-top: calc(60 * (100vw / 780));
  }
  
  .Product_detail_5 .accordion_btn .to_open,
  .Product_detail_5 .accordion_btn .to_close {
    text-decoration: underline;
    text-underline-offset: 6px;
    white-space: nowrap;
    text-decoration-color: var(--color-txt);
  }
  
  .Product_detail_5 .accordion_btn .to_open,
  .Product_detail_5 .open .accordion_btn .to_close {
    display: block;
  }
  
  .Product_detail_5 .accordion_btn .to_close,
  .Product_detail_5 .open .accordion_btn .to_open {
    display: none;
  }
  /* ===================
    　　  DETAIL
  =================== */
  .Product_detail_5 .detail {
    padding: calc(100 * (100vw / 780)) 0;
  }
  .Product_detail_5 .detail_ttl {
    padding: calc(40 * (100vw / 780)) 0;
    font-size: calc(30 * (100vw / 780));
    text-align: center;
  }

  .Product_detail_5 .detail_cont_box {
    padding: calc(46 * (100vw / 780)) calc(40 * (100vw / 780)) calc(78 * (100vw / 780));
  }

  .Product_detail_5 .detail_how .detail_cont_box {
    padding: calc(35*(100vw / 780)) calc(40*(100vw / 780)) calc(70*(100vw / 780));
  }

  .Product_detail_5 .detail_amount .detail_cont_box {
    padding: calc(36*(100vw / 780)) calc(40*(100vw / 780)) calc(68*(100vw / 780));
  }

  .Product_detail_5 .detail_natural .detail_cont_box {
    padding: calc(36*(100vw / 780)) calc(40*(100vw / 780)) calc(68*(100vw / 780));
  }

  .Product_detail_5 .detail_cont {
    font-size: calc(24 * (100vw / 780));
    line-height: 2;
  }

  .Product_detail_5 .ingre_list.detail_cont_box {
    gap: calc(19 * (100vw / 780));
    padding-right: calc(35 * (100vw / 780));
  }

  .Product_detail_5 .ingre_list li {
    padding: calc(13 * (100vw / 780)) calc(13 * (100vw / 780)) calc(13 * (100vw / 780));
    border-radius: calc(24 * (100vw / 780));
    font-size: calc(20 * (100vw / 780));
  }

  .Product_detail_5 .detail_free_ingre .detail_cont_box {
    padding:calc(47 * (100vw / 780)) calc(0 * (100vw / 780)) calc(64 * (100vw / 780))
  }

  .Product_detail_5 .free_ingre_list {
    gap: calc(10*(100vw / 780));
    row-gap: calc(20*(100vw / 780));
  }

  .Product_detail_5 .free_ingre_list li{
    height: calc(160 * (100vw / 780));
    width: calc(160 * (100vw / 780));
    font-size: calc(22 * (100vw / 780));
    line-height: 1.5;
  }

  .Product_detail_5 .free_ingre_list li:nth-of-type(1) {
    margin-left: calc(0*(100vw / 780));
  }

  .Product_detail_5 .free_ingre_list li:nth-of-type(3) {
    margin-right: calc(0*(100vw / 780));
  }

  .Product_detail_5 .note {
    font-size: calc(30 * (100vw / 780));
    padding: 0 calc(40 * (100vw / 780));
    line-height: 2.2;
  }

}

/* -----Main Image Animation----- */
.Product_detail_5 .blush_lead_img {
  width: 34rem;
}

/* .Product_detail_5 .mask_images_viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-mask-image: url(https://137-test-snidelbeauty.win-win.partners/Contents/ProductDetail/4571649066048/mask_bg.svg);
  mask-image:url(https://137-test-snidelbeauty.win-win.partners/Contents/ProductDetail/4571649066048/mask_bg.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size:50%;
  mask-size:50%;
  transition:-webkit-mask-size 3.5s cubic-bezier(.77,0,.175,1) 0s;
  transition:mask-size 3.5s cubic-bezier(.77,0,.175,1) 0s;
  transition:mask-size 3.5s cubic-bezier(.77,0,.175,1) 0s,-webkit-mask-size 3.5s cubic-bezier(.77,0,.175,1) 0s;
}

.Product_detail_5 .mask_images_viewport.activeMask.active {
  -webkit-mask-image: radial-gradient(#fff, #000);
  mask-image: radial-gradient(#fff, #000);
  mask-size: 300%;
  width: 38rem;
} 

#BrandID_CK .Product_detail_5 .mask_images_viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-mask-image: url(https://137-test-cosmekitchen.win-win.partners/Contents/ProductDetail/4571649066048/mask_bg.svg);
  mask-image:url(https://137-test-cosmekitchen.win-win.partners/Contents/ProductDetail/4571649066048/mask_bg.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size:50%;
  mask-size:50%;
  transition:-webkit-mask-size 3.5s cubic-bezier(.77,0,.175,1) 0s;
  transition:mask-size 3.5s cubic-bezier(.77,0,.175,1) 0s;
  transition:mask-size 3.5s cubic-bezier(.77,0,.175,1) 0s,-webkit-mask-size 3.5s cubic-bezier(.77,0,.175,1) 0s;
}

#BrandID_CK .Product_detail_5 .mask_images_viewport.activeMask.active {
  -webkit-mask-image: radial-gradient(#fff, #000);
  mask-image: radial-gradient(#fff, #000);
  mask-size: 300%;
  width: 38rem;
} 


@media only screen and (max-width: 768px) {
  .Product_detail_5 .mask_images_viewport.activeMask.active {
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
    width: 100%;
  } 
  #BrandID_CK .Product_detail_5 .mask_images_viewport.activeMask.active {
    -webkit-mask-image: radial-gradient(#fff, #000);
    mask-image: radial-gradient(#fff, #000);
    width: 100%;
  } 
} */


/* -----Cheek Fluid Animation----- */
.Product_detail_5 .white_circle {
  position: absolute;
  display: block;
  width: 58rem;
  height: 58rem;
  top: -4rem;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255, 255, 255, .2);
  animation: fluid_hitode 30s ease 0s infinite;
}

@keyframes fluid_hitode {
  0%, 100% {
      border-radius: 72% 28% 48% 52% / 67% 52% 48% 33%;
  }
  14% {
      border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
      border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
      border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
      border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
      border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
      border-radius: 72% 28% 48% 52% / 67% 52% 48% 33%;
  }
}
.Product_detail_5 .boder_circle {
  position: relative;
  display: block;
  width: 58rem;
  top: 0rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}

.Product_detail_5 .boder_circle::before {
  position: absolute;
  content: "";
  background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/Circle_1_1.svg) no-repeat;
  background-size: 100%;
  width: 58rem;
  height: 58rem;
  top: -3rem;
  left: 0;
  z-index: 1;
  animation: wave 12s cubic-bezier(0.61, 0.02, 0.61, 0.99) infinite
}

@keyframes wave {
  0% {
    transform: translate(4px , 4px);
  }
  16% {
    transform: translate(4px , -4px);
    }
  32% {
    transform: translate(-4px , -4px);
  }

  50% {
    transform: translate(-4px , 4px);
    }

  66% {
    transform: translate(-4px , -4px);
    }
  82% {
    transform: translate(4px , -4px);
  }
  100% {
    transform: translate(4px , 4px);
    }
}
@media only screen and (max-width: 768px) {
.Product_detail_5 .white_circle {
  position: absolute;
  display: block;
  width: calc(890 * (100vw / 780));
  height: calc(1140 * (100vw / 780));
  top: calc(0 * (100vw / 780));
  left: 50%;
  transform: translateX(-50%);
}

@keyframes fluid_hitode {
  0%, 100% {
      border-radius: 30% 34% 40% 25%;
  }
  14% {
      border-radius: 23% 40% 36% 30%;
  }
  28% {
      border-radius: 20% 25% 46% 33%;
  }
  42% {
      border-radius: 30% 37% 50% 35%;
  }
  56% {
      border-radius: 35% 35% 40% 30%;
  }
  70% {
      border-radius: 30% 33% 52% 34%;
  }
  84% {
      border-radius: 38% 30% 40% 25%;
  }
}

.Product_detail_5 .boder_circle {
  width: calc(780 * (100vw / 780));
}

.Product_detail_5 .boder_circle::before {
  position: absolute;
  content: "";
  background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/Circle_1_1_sp.svg) no-repeat;
  background-size: 100%;
  width: calc(869*(100vw / 780));
  height: calc(1140*(100vw / 780));
  top: calc(0*(100vw / 780));
  left: calc(-40*(100vw / 780));
  z-index: 1;
}
}

/* -----Slide Cheek----- */
.Product_detail_5 .cheek_list .slick-dots {
  position: relative;
  width: fit-content;
  white-space: nowrap;
}

.Product_detail_5 .cheek_list.slick-dotted.slick-slider {
  margin-bottom: 0;
  font-size: 0;
}

.Product_detail_5 .cheek_list .slick-dots {
  bottom: 0;
  margin: 3.5rem auto 0;
}

.Product_detail_5 .cheek_list .slick-dots li {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  margin: 0;
}

.Product_detail_5 .cheek_list .slick-dots li.slick-active::after {
  position: absolute;
  content: "";
  background: #E1818F;
  width: 3rem;
  height: 0.2rem;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.Product_detail_5 .cheek_list .slick-dots li:nth-of-type(n+2) {
  margin-left: 2rem;
}

.Product_detail_5 .cheek_list .slick-dots li:nth-of-type(1) {
  background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/var_01_dot.png) no-repeat;
  background-size: contain !important;
}
.Product_detail_5 .cheek_list .slick-dots li:nth-of-type(2) {
  background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/var_02_dot.png) no-repeat;
  background-size: contain !important;
}
.Product_detail_5 .cheek_list .slick-dots li:nth-of-type(3) {
  background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/var_03_dot.png) no-repeat;
  background-size: contain !important;
}
.Product_detail_5 .cheek_list .slick-dots li:nth-of-type(4) {
  background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/var_04_dot.png) no-repeat;
  background-size: contain !important;
}
.Product_detail_5 .cheek_list .slick-dots li:nth-of-type(5) {
  background: url(https://snidelbeauty.com/Contents/ProductDetail/4571649066048/var_05_dot.png) no-repeat;
  background-size: contain !important;
}

.Product_detail_5 .cheek_list .slick-dots li button {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  background: transparent;
}

.Product_detail_5 .cheek_list .slick-dots li button:before {
  display: none;
}

@media only screen and (max-width: 768px) {
  .Product_detail_5 .cheek_list .slick-dots {
    bottom: 0;
    margin: calc(70 * (100vw / 780)) auto 0;
  }

  .Product_detail_5 .cheek_list .slick-dots li {
    width: calc(70 * (100vw / 780));
    height: calc(70 * (100vw / 780));
  }

  .Product_detail_5 .cheek_list .slick-dots li.slick-active::after {
    position: absolute;
    content: "";
    background: #E1818F;
    width: calc(50 * (100vw / 780));
    height: calc(4 * (100vw / 780));
    bottom:  calc(-25 * (100vw / 780));
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }

  .Product_detail_5 .cheek_list .slick-dots li:nth-of-type(n+2) {
    margin-left: calc(25 * (100vw / 780));
  }
}



/* -----Slide Look---- */
.Product_detail_5 .look .slick-dots {
  position: relative;
  width: fit-content;
  white-space: nowrap;
}

.Product_detail_5 .look.slick-dotted.slick-slider {
  margin-bottom: 0;
  font-size: 0;
}

.Product_detail_5 .look .slick-dots {
  bottom: 0;
  margin: 0.4rem auto 0;
}

.Product_detail_5 .look .slick-dots li {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 0.2rem;
  margin: 0 0.5rem;
}

.look_img_wrap .slick-dots li button {
  position: relative;
  width: 4rem;
  height: 0.2rem;
  padding: 0;
  background: #F0C0C7;
}

.Product_detail_5 .look_img_wrap .slick-dots li button:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0%;
  height: 0.2rem;
  opacity: 1 !important;
  background: #F0C0C7;
  content: "";
  transition: background-color .3s;
}

.Product_detail_5 .look_img_wrap .slick-dots li.slick-active button {
  background-color: #F0C0C7;
}

.Product_detail_5 .look_img_wrap .slick-dots li.slick-active button:before {
  background-color: var(--color-pink);
  -webkit-animation: paginationActive 5s linear forwards;
  animation: paginationActive 5s linear forwards;
}

@-webkit-keyframes paginationActive {
  100% {
    width: 100%;
    opacity: 1;
  }
}

@keyframes paginationActive {
  100% {
    width: 100%;
    opacity: 1;
  }
}

@media only screen and (max-width: 768px) {
  .Product_detail_5 .look .slick-dots {
    bottom: 0;
    margin: calc(24 * (100vw / 780)) auto 0;
  }
  
  .Product_detail_5 .look .slick-dots li {
    position: relative;
    display: inline-block;
    width: calc(60 * (100vw / 780));
    height: calc(4 * (100vw / 780));
    margin: 0 calc(10 * (100vw / 780));
  }
  
  .Product_detail_5 .look_img_wrap .slick-dots li button {
    width: calc(60 * (100vw / 780));
    height: calc(4 * (100vw / 780));
  }
  
  .Product_detail_5 .look_img_wrap .slick-dots li button:before {
    height: calc(4 * (100vw / 780));
  }

}