@media (max-width: 767px){.tanpin-info{margin-top:18.75vw}}.tanpin-info .tabs{gap:0 2.26%;justify-content:flex-start}@media (max-width: 767px){.tanpin-pagename .big{font-size:6.5625vw;line-height:1.42857em;letter-spacing:.15em;font-weight:400}}.tanpin-intro{margin-top:0}@media (min-width: 768px){.tanpin-intro{margin-top:49px}.tanpin-intro .gallery{padding-top:0}.tanpin-intro .heading{margin-bottom:25px}}@media (min-width: 768px) and (min-width: 768px){.tanpin-intro .heading{letter-spacing:0.2em}}@media (min-width: 768px){.tanpin-intro .recommand__list li{margin-bottom:24px}.tanpin-intro .recommand__list li:last-child{margin-bottom:0}}@media (max-width: 767px){.tanpin-intro .heading{margin-bottom:5.46875vw}}@media (max-width: 767px){.tanpin-detail{padding-top:6.25vw}}.tanpin-detail .block-1 .info{position:relative}@media (min-width: 768px){.tanpin-detail .block-1 .info{width:590px;margin-left:46px;margin-top:17px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-detail .block-1 .info{width:49.16667vw;margin-left:3.83333vw;margin-top:1.41667vw}}@media (max-width: 767px){.tanpin-detail .block-1 .info{margin:0 -2.8125vw 0 -2.8125vw}}.tanpin-detail .block-1 .info .single-item__btn{width:49%;position:absolute;bottom:7%;right:6%}@media (max-width: 767px){.tanpin-detail .block-1 .info .single-item__btn{width:55%;bottom:0;right:4%;margin-right:0}}.tanpin-detail .block-1 .info .single-item__btn button{max-width:295px}@media (max-width: 767px){.tanpin-detail .block-1 .info .single-item__btn button{height:10.3125vw}}.tanpin-detail .block-1 .ingredients{margin-top:27px}@media (min-width: 768px) and (max-width: 1200px){.tanpin-detail .block-1 .ingredients{margin-bottom:2.25vw}}@media (max-width: 767px){.tanpin-detail .block-1 .ingredients{margin-top:5.78125vw}}.tanpin-detail .block-2{margin-top:45px;width:100%}@media (max-width: 767px){.tanpin-detail .block-2{margin-top:13.4375vw}}.tanpin-detail .block-2 .the-skin{text-align:center;margin-top:63px}@media (min-width: 768px) and (max-width: 1200px){.tanpin-detail .block-2 .the-skin{margin-top:5.25vw}}@media (max-width: 767px){.tanpin-detail .block-2 .the-skin{margin-top:9.375vw}}.tanpin-detail .block-2 .skin-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 30px;max-width:564px;margin:40px auto 0}@media (min-width: 768px) and (max-width: 1200px){.tanpin-detail .block-2 .skin-list{gap:1.66667vw 2.5vw}}@media (max-width: 767px){.tanpin-detail .block-2 .skin-list{gap:8px 9px}}.tanpin-detail .block-2 .skin-list li{width:calc((100% - 30px) / 2)}@media (min-width: 768px) and (max-width: 1200px){.tanpin-detail .block-2 .skin-list li{width:calc((100% - 2.5vw) / 2)}}@media (max-width: 767px){.tanpin-detail .block-2 .skin-list li{width:calc((100% - 9px) / 2)}}.tanpin-detail .block-2 .skin-list li img{width:100%}@media (max-width: 767px){.tanpin-detail .block-2 .skin-list li img{border-radius:0 15px 0 15px}}.tanpin-detail .block-2 .skin-list li .cap{font-size:19px;font-size:1.9rem;line-height:1.63158em;letter-spacing:.045em;font-weight:400;margin-top:10px;font-family:"Shippori Mincho",serif}@media (min-width: 768px) and (max-width: 1200px){.tanpin-detail .block-2 .skin-list li .cap{font-size:1.58333vw;line-height:1.63158em;letter-spacing:.045em;font-weight:400}}@media (max-width: 767px){.tanpin-detail .block-2 .skin-list li .cap{font-size:2.65625vw;line-height:1.76471em;letter-spacing:.05em;font-weight:400;margin-top:.78125vw}}@media (min-width: 768px){.tanpin-howtouse{padding:60px 38px 75px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse{padding:5vw 3.16667vw 6.25vw 3.16667vw}}@media (max-width: 767px){.tanpin-howtouse{padding:10.46875vw 4.6875vw 9.6875vw 4.6875vw}}.tanpin-howtouse .step{padding-right:70px;padding-left:40px;width:100%}@media (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step{padding-left:3.33333vw;padding-right:5.83333vw}}@media (max-width: 767px){.tanpin-howtouse .step{padding:0 3.125vw 9.375vw 3.125vw;margin-bottom:0;align-items:flex-start}}.tanpin-howtouse .step:not(:last-child){margin-bottom:9.375vw}@media (min-width: 768px){.tanpin-howtouse .step:not(:last-child){padding-bottom:38px;margin-bottom:33px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step:not(:last-child){padding-bottom:3.16667vw;margin-bottom:2.75vw}}.tanpin-howtouse .step:not(:last-child):after{margin-bottom:-2.8125vw}@media (min-width: 768px){.tanpin-howtouse .step:not(:last-child):after{margin-bottom:-21px}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step:not(:last-child):after{margin-bottom:-1.75vw}}.tanpin-howtouse .step:last-child{padding-bottom:0}@media (min-width: 768px){.tanpin-howtouse .step__label{width:152px;height:60px;margin-bottom:14px;background-size:auto 60px;background-position:center right}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step__label{width:12.66667vw;height:5vw;margin-bottom:1.16667vw;background-size:100%;background-position:center right}}@media (max-width: 767px){.tanpin-howtouse .step__label{width:23.75vw;height:9.375vw;margin-bottom:4.375vw}}@media (min-width: 768px){.tanpin-howtouse .step__desc{font-size:22px;font-size:2.2rem;line-height:1.63636em;letter-spacing:0em}}@media (min-width: 768px) and (min-width: 768px) and (max-width: 1200px){.tanpin-howtouse .step__desc{font-size:1.83333vw;line-height:1.63636em;letter-spacing:0em;font-weight:400}}@media (max-width: 767px){.tanpin-howtouse .step__desc{font-size:2.96875vw;line-height:1.78947em}}.tanpin-howtouse .step__desc span{font-weight:bold}.tanpin-howtouse .step__text{width:57%}@media (min-width: 768px){.tanpin-howtouse .step__text{width:72%}}.tanpin-howtouse .step__photo{width:33.74%}@media (min-width: 768px){.tanpin-howtouse .step__photo{width:25%}.tanpin-howtouse .step__photo img{width:revert-layer;display:block;margin:0 auto}}@media (max-width: 767px){.tanpin-howtouse .step.step-1{align-items:flex-end}}@media (max-width: 767px){.tanpin-faq{padding-bottom:5.46875vw}}
