@charset "UTF-8";

.inview .hdg-lv4-pt5 { opacity: 1; }

.inview .hdg-lv4-pt5:after { -webkit-animation: runBgHdg4SP 0.8s ease-out; animation: runBgHdg4SP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runBgHdg4SP { 0% { right: 100%; }
  100% { right: 0; } }

@keyframes runBgHdg4SP { 0% { right: 100%; }
  100% { right: 0; } }

.inview.list-anchor-transformation, .inview.wrap-pakuchan-intro, .inview.wrap-video, .inview.wrap-howto, .inview.wrap-col1-4, .inview.wrap-txt-model, .inview.wrap-inner-talk, .inview.wrap-highlight, .inview.wrap-hdg-item-used, .inview.wrap-set-item-used, .inview[id^=anchor], .inview .list-bubble { position: relative; -webkit-animation: runBotomToUpSP 0.8s ease-out; animation: runBotomToUpSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runBotomToUpSP { 0% { top: 50px;
    opacity: 0; }
  100% { top: 0;
    opacity: 1; } }

@keyframes runBotomToUpSP { 0% { top: 50px;
    opacity: 0; }
  100% { top: 0;
    opacity: 1; } }

.inview.wrap-img-model { -webkit-animation: runRightToLeftSP 0.8s ease-out; animation: runRightToLeftSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runRightToLeftSP { 0% { left: 100%; }
  100% { left: 0; } }

@keyframes runRightToLeftSP { 0% { left: 100%; }
  100% { left: 0; } }

.inview.wrap-profile-already .wrap-img { -webkit-animation: runHeadProfileImgSP 0.8s ease-out; animation: runHeadProfileImgSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runHeadProfileImgSP { 0% { left: 100%; }
  100% { left: 0; } }

@keyframes runHeadProfileImgSP { 0% { left: 100%; }
  100% { left: 0; } }

.inview.list-product-already { -webkit-animation: runProductAlreadySP 0.8s ease-out; animation: runProductAlreadySP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runProductAlreadySP { 0% { top: 100px;
    opacity: 0; }
  100% { top: 0;
    opacity: 1; } }

@keyframes runProductAlreadySP { 0% { top: 100px;
    opacity: 0; }
  100% { top: 0;
    opacity: 1; } }

.inview.list-product-already:after { -webkit-animation: runBgProductAlreadySP 2s ease-out; animation: runBgProductAlreadySP 2s ease-out; opacity: 1; }

@-webkit-keyframes runBgProductAlreadySP { 0% { right: 100%; }
  100% { right: -100%; } }

@keyframes runBgProductAlreadySP { 0% { right: 100%; }
  100% { right: -100%; } }

.inview.wrap-fresh:after { -webkit-animation: runWrapAfterSP 0.8s ease-out; animation: runWrapAfterSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runWrapAfterSP { 0% { right: 100%; }
  100% { right: 0; } }

@keyframes runWrapAfterSP { 0% { right: 100%; }
  100% { right: 0; } }

.inview.wrap-fresh.pt1:after { -webkit-animation: runWrapAfterPT1SP 0.8s ease-out; animation: runWrapAfterPT1SP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runWrapAfterPT1SP { 0% { left: 100%; }
  100% { left: 0; } }

@keyframes runWrapAfterPT1SP { 0% { left: 100%; }
  100% { left: 0; } }

.inview.wrap-fresh.pt1 .wrap-img-model { -webkit-animation: runLeftToRightSP 0.8s ease-out; animation: runLeftToRightSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runLeftToRightSP { 0% { right: 100%; }
  100% { right: 0; } }

@keyframes runLeftToRightSP { 0% { right: 100%; }
  100% { right: 0; } }

.inview.sec-makelook .wrap-content:before { -webkit-animation: runRightToLeftMakeLookSP 0.8s ease-out; animation: runRightToLeftMakeLookSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runRightToLeftMakeLookSP { 0% { left: 100%; }
  100% { left: 0; } }

@keyframes runRightToLeftMakeLookSP { 0% { left: 100%; }
  100% { left: 0; } }

.wrap-intro-lead.topics-style03 { padding-top: 90px; }

.wrap-intro-lead.topics-style03:before, .wrap-intro-lead.topics-style03:after { height: 90px; min-height: 90px; }

.wrap-intro-lead .img-mv { width: 100%; height: auto; }

.wrap-intro-lead .wrap-catch { position: relative; padding-top: 70px; text-align: center; -webkit-animation: runMakeupAreaSP 0.8s ease-out; animation: runMakeupAreaSP 0.8s ease-out; opacity: 1; }

.wrap-intro-lead .wrap-catch::before, .wrap-intro-lead .wrap-catch::after { content: ""; display: block; width: 92px; height: 51px; position: absolute; top: -30px; background: transparent no-repeat center center; background-size: contain; }

.wrap-intro-lead .wrap-catch::before { left: 24px; background-image: url(/special/makeup/campaign/2505/img/mv-item01.webp); }

.wrap-intro-lead .wrap-catch::after { right: 24px; background-image: url(/special/makeup/campaign/2505/img/mv-item02.webp); }

.wrap-intro-lead .wrap-catch .hdg { font-size: 1.6rem; line-height: 1.5; font-weight: 700; padding: 0 20px; color: #6A4532; position: relative; }

.wrap-intro-lead .wrap-catch .hdg span { display: block; margin-top: -5px; }

.wrap-intro-lead .wrap-catch .hdg span img { width: 100%; max-width: 486px; }

.wrap-intro-lead .wrap-catch .hdg::before, .wrap-intro-lead .wrap-catch .hdg::after { content: ""; display: block; width: 121px; height: 61px; position: absolute; top: -66px; background: transparent url(/special/makeup/campaign/2505/img/txt-used-Items.webp) no-repeat 0 0; background-size: contain; }

.wrap-intro-lead .wrap-catch .hdg::before { left: 24px; }

.wrap-intro-lead .wrap-catch .hdg::after { -webkit-filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(1191%) hue-rotate(213deg) brightness(82%) contrast(91%); filter: brightness(0) saturate(100%) invert(58%) sepia(14%) saturate(1191%) hue-rotate(213deg) brightness(82%) contrast(91%); right: 24px; }

.wrap-sec-topics-detail:has(.wrap-box-point) { margin-top: 20px; }

.wrap-sec-topics-detail .hdg-lead-point { font-size: 2.8rem; line-height: 1.5; }

.wrap-sec-topics-detail .hdg-lead-point + .txt-lead-point { margin-top: 20px; }

.wrap-pakuchan-intro { margin-top: 38px; opacity: 0; }

.wrap-pakuchan-intro .wrap-img { display: none; }

.wrap-pakuchan-intro .wrap-txt .lead { display: flex; width: 100%; }

.wrap-pakuchan-intro .wrap-txt .lead:before { content: ""; display: block; width: 100px; height: 92px; background: transparent url(/special/makeup/campaign/2505/img/img-pakuchan.webp) no-repeat 0 0; background-size: contain; }

.wrap-pakuchan-intro .wrap-txt .lead + .intro { margin-top: 15px; margin-bottom: 20px; }

.wrap-pakuchan-intro .wrap-txt .lead + .intro dd { margin-top: 8px; }

.wrap-pakuchan-intro .wrap-txt .lead .comment { width: calc(100% - 100px); position: relative; padding-left: 8px; }

.wrap-pakuchan-intro .wrap-txt .lead .comment:after { content: ""; display: block; width: 9px; height: 9px; background-image: url(/special/makeup/campaign/2505/img/ico_triangle.svg); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 24px; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.wrap-pakuchan-intro .wrap-txt .lead .comment span { padding: 0 24px; display: flex; align-items: center; position: relative; font-size: 1.8rem; line-height: 1.6; font-weight: 700; color: #A50419; min-height: 92px; }

.wrap-pakuchan-intro .wrap-txt .lead .comment span:before, .wrap-pakuchan-intro .wrap-txt .lead .comment span:after { content: ""; display: block; width: 8px; height: 94%; border: 1px solid #A50319; background-color: #FFFFFF; position: absolute; top: 3px; }

.wrap-pakuchan-intro .wrap-txt .lead .comment span:before { border-right: 0; left: 0; }

.wrap-pakuchan-intro .wrap-txt .lead .comment span:after { border-left: 0; right: 6px; }

.wrap-pakuchan-intro .wrap-txt .txt-comment { font-weight: 400; font-size: 1.6rem; line-height: 2; color: #6A4532; margin-top: 12px; }

.wrap-pakuchan-intro .wrap-txt .intro { margin-top: 30px; }

.wrap-pakuchan-intro .wrap-txt .intro dt { font-weight: 700; font-size: 1.6rem; line-height: 1.6; color: #6A4532; }

.wrap-pakuchan-intro .wrap-txt .intro dd { margin-top: 12px; font-size: 1.4rem; line-height: 1.8; color: #6A4532; }

.hdg-lv4-pt5 { margin-top: 50px; margin-left: -18px; padding: 16px; position: relative; opacity: 0; }

.hdg-lv4-pt5:after { content: ""; display: block; position: absolute; left: -24px; right: 0; height: 100%; top: 0; background-color: #A50319; z-index: -1; }

.hdg-lv4-pt5 .talk { color: #6A4532; font-size: 1.4rem; line-height: 1.5; font-weight: 700; width: 99px; margin-right: 15px; display: block; z-index: 1; text-align: center; display: flex; justify-content: center; align-items: center; padding: 19px 10px; position: absolute; top: -20px; left: 18px; }

.hdg-lv4-pt5 .talk:after { content: ""; display: block; background-image: url(/special/makeup/campaign/2504/img/img_talk.png); width: 100%; height: 79px; background-size: 99px 100%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: -1; }

.hdg-lv4-pt5 .ttl { font-weight: 700; font-size: 2.4rem; line-height: 1.5; color: #FFFFFF; margin-top: 8px; display: block; }

.hdg-lv4-pt5 .sub { display: block; color: #FFFFFF; font-size: 1.6rem; line-height: 1.5; padding-left: 114px; }

.hdg-lv4-pt5:not(:has(.talk)) .sub { padding-left: 0; }

.list-anchor-transformation { margin-top: 44px; display: flex; flex-direction: column; gap: 40px; opacity: 0; }

.list-anchor-transformation .link { text-decoration: none; height: 100%; display: block; }

.list-anchor-transformation .wrap-transformation { display: flex; width: 100%; border: 1px solid #6A4532; padding: 0; position: relative; z-index: -1; }

.ttl-tranformation { color: #A50319; text-align: center; display: flex; justify-content: flex-end; align-items: center; position: absolute; left: 0; right: 16px; top: -22px; margin: auto; font-family: "Playfair Display", serif; }

.ttl-tranformation span { background-color: #FFFFFF; }

.ttl-tranformation .ttl { font-size: 2rem; line-height: 1.5; font-weight: 700; display: inline-block; padding-left: 8px; }

.ttl-tranformation .number { font-size: 5.6rem; line-height: 1; letter-spacing: -0.04em; padding-left: 7px; padding-right: 8px; margin-top: -15px; }

.cnt-transformation { display: flex; align-items: center; width: 100%; }

.cnt-transformation .wrap-img { width: 155px; }

.cnt-transformation .txt { width: calc(100% - 155px); padding-left: 0; margin-top: -5px; font-size: 1.4rem; line-height: 1.5; font-weight: 400; color: #6A4532; text-align: center; position: relative; }

.cnt-transformation .txt:before { content: ""; display: block; width: 140px; height: 70px; background: transparent url(/special/makeup/campaign/2505/img/txt-fresh-casual.webp) no-repeat center center; background-size: contain; margin: auto; -webkit-filter: brightness(0) saturate(100%) invert(54%) sepia(49%) saturate(1809%) hue-rotate(341deg) brightness(94%) contrast(98%); filter: brightness(0) saturate(100%) invert(54%) sepia(49%) saturate(1809%) hue-rotate(341deg) brightness(94%) contrast(98%); }

.cnt-transformation .txt.pure:before { width: 130px; height: 94px; background-image: url(/special/makeup/campaign/2505/img/txt-pure-sweet.webp); -webkit-filter: brightness(0) saturate(100%) invert(57%) sepia(19%) saturate(858%) hue-rotate(213deg) brightness(83%) contrast(93%); filter: brightness(0) saturate(100%) invert(57%) sepia(19%) saturate(858%) hue-rotate(213deg) brightness(83%) contrast(93%); margin-bottom: -30px; }

.cnt-transformation .txt:after { content: ""; display: block; width: 6px; height: 6px; border-top: 2px solid #6A4532; border-right: 2px solid #6A4532; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; left: 0; right: 0; margin: auto; bottom: -20px; transition: bottom 0.3s; }

.wrap-hdg-lv3 { position: relative; padding-top: 82px; }

.wrap-hdg-lv3:after { content: ""; display: block; height: 2px; width: 100%; background-color: #A50319; }

.wrap-hdg-lv3 .hdg-lv3 { color: #A50319; text-align: center; display: flex; justify-content: center; align-items: center; position: absolute; top: 42px; left: 0; right: 0; margin: auto; font-family: "Playfair Display", serif; }

.wrap-hdg-lv3 .hdg-lv3 span { background-color: #FFFFFF; }

.wrap-hdg-lv3 .ttl { font-size: 2.4rem; line-height: 1.5; font-weight: 700; display: inline-block; padding-left: 8px; margin-bottom: -17px; }

.wrap-hdg-lv3 .number { font-size: 6.4rem; line-height: 1; letter-spacing: -0.04em; padding: 0 8px; font-weight: 400; }

.wrap-list-recipe, .wrap-video { opacity: 0; }

.wrap-fresh { margin-top: 52px; position: relative; padding-bottom: 60px; padding-right: 24px; }

.wrap-fresh:after { opacity: 0; content: ""; position: absolute; top: 0; right: 0; left: -24px; background-color: rgba(175, 171, 159, 0.24); height: 100%; z-index: -1; }

.wrap-fresh.pt1 { padding-right: 0; padding-left: 24px; }

.wrap-fresh.pt1:after { left: 0; right: -24px; }

.wrap-fresh.pt1 .wrap-img-model { margin-right: 0; margin-left: -24px; }

.wrap-fresh.pt1 .wrap-img-model:after { right: unset; left: -24px; right: 24px; }

.wrap-fresh.pt1 .wrap-img-model .txt-after { left: unset; right: -80px; }

.wrap-fresh.pt1 .wrap-inner-talk .wrap-img { flex-direction: row-reverse; justify-content: space-between; }

.wrap-fresh.pt1 .wrap-inner-talk .wrap-img .pakuchan { margin-right: -5%; margin-left: 0; }

.wrap-fresh.pt1 .wrap-inner-talk .wrap-talk:before { left: auto; right: 24px; -webkit-transform: none; transform: none; }

.wrap-fresh.pt1 .wrap-inner-talk .wrap-talk dt { right: -38px; -webkit-filter: brightness(0) saturate(100%) invert(54%) sepia(44%) saturate(440%) hue-rotate(213deg) brightness(84%) contrast(82%); filter: brightness(0) saturate(100%) invert(54%) sepia(44%) saturate(440%) hue-rotate(213deg) brightness(84%) contrast(82%); }

.wrap-fresh.pt1 .wrap-hdg-lv5-pt1 .hdg-sub-lv5-pt1 { -webkit-filter: brightness(0) saturate(100%) invert(54%) sepia(44%) saturate(440%) hue-rotate(213deg) brightness(84%) contrast(82%); filter: brightness(0) saturate(100%) invert(54%) sepia(44%) saturate(440%) hue-rotate(213deg) brightness(84%) contrast(82%); }

.wrap-fresh.pt1 .wrap-set-item-used .wrap-set dt { color: #6A5AA6; }

.wrap-video { margin-top: 24px; }

.wrap-hdg-lv5-pt1 { margin-top: 48px; position: relative; }

.wrap-hdg-lv5-pt1 .hdg-sub-lv5-pt1 { position: absolute; display: block; width: 196px; height: 162px; background: transparent url(/special/makeup/campaign/2505/img/txt-howto.webp) no-repeat 0 0; background-size: contain; top: -95px; left: -40px; font-size: 0; }

.wrap-hdg-lv5-pt1 .hdg-lv5-pt1 { color: #A50319; font-size: 2rem; line-height: 1.5; font-weight: 700; }

.wrap-howto { opacity: 0; }

.wrap-howto .wrap-img img { width: 100%; max-width: 100%; }

.wrap-howto .wrqp-txt { margin-top: 16px; background-color: #FFFFFF; padding: 24px 24px 19px; position: relative; }

.wrap-howto .wrqp-txt .txt-howto { margin-top: 0; font-size: 1.6rem; line-height: 2; color: #6A4532; font-weight: 400; }

.wrap-col1-4 { margin-top: 24px; display: flex; flex-direction: column; gap: 34px 0; opacity: 0; }

.wrap-col1-4 .wrap-item { text-align: left; }

.wrap-col1-4 .wrap-item .wrap-img { text-align: center; }

.wrap-col1-4 .wrap-item .ttl-item { margin-top: 16px; font-size: 1.4rem; line-height: 1.5; font-weight: 400; color: #6A4532; }

.wrap-col1-4 .wrap-item .ttl-item a { color: #6A4532; text-decoration: underline; }

.wrap-col1-4 .wrap-item .desc { margin-top: 8px; font-size: 1.4rem; line-height: 1.5; font-weight: 400; color: #6A4532; }

.wrap-col1-4 .wrap-item .wrap-btn { margin-top: 16px; background-color: rgba(41, 20, 10, 0.8); border: 1px solid #6A4532; transition: all 0.3s; }

.wrap-col1-4 .wrap-item .wrap-btn > * { padding: 15px 16px; text-align: center; text-decoration: none; display: block; width: 100%; color: #FFFFFF; font-size: 1.4rem; font-weight: 500; line-height: 1.3; }

.wrap-set-item-used { margin-top: 32px; opacity: 0; }

.wrap-set-item-used .wrap-set { border: 1px solid #707070; padding: 24px; }

.wrap-set-item-used .wrap-set dt { font-size: 1.8rem; font-weight: 500; line-height: 1.5; color: #E25926; }

.wrap-set-item-used .wrap-set dd { margin-top: 8px; font-size: 1.4rem; line-height: 1.5; font-weight: 400; color: #6A4532; }

.wrap-set-item-used .wrap-set .wrap-btn { margin-top: 16px; background-color: rgba(41, 20, 10, 0.8); border: 1px solid #6A4532; transition: all 0.3s; }

.wrap-set-item-used .wrap-set .wrap-btn > * { padding: 15px 16px; text-align: center; text-decoration: none; display: block; width: 100%; color: #FFFFFF; font-size: 1.4rem; font-weight: 500; line-height: 1.3; }

.wrap-set-item-used .wrap-gift { margin-top: 32px; background-color: #fff; padding: 16px; text-align: center; }

.wrap-set-item-used .wrap-gift dt { color: #A50419; }

.wrap-set-item-used .wrap-gift dt span { display: flex; justify-content: center; align-items: center; font-size: 1.4rem; }

.wrap-set-item-used .wrap-gift dt span:before, .wrap-set-item-used .wrap-gift dt span:after { content: ""; display: block; width: 18px; height: 18px; background: transparent url(/special/makeup/campaign/2505/img/border.webp) no-repeat center center; background-size: contain; margin: 0 8px; }

.wrap-set-item-used .wrap-gift dt span:after { -webkit-transform: scale(1, -1); transform: scale(1, -1); }

.wrap-set-item-used .wrap-gift dd { margin-top: 8px; font-size: 1.4rem; line-height: 1.5; font-weight: 400; color: #6A4532; }

.wrap-set-item-used .wrap-gift dd:has(a) { margin-top: 12px; }

.wrap-set-item-used .wrap-gift dd a { color: #6A4532; text-decoration: underline; }

.wrap-set-item-used .wrap-gift dd.wrap-img img { max-width: 100px; height: auto; }

.hdg-item-used { margin-top: 30px; color: #6A4532; font-size: 1.6rem; line-height: 1.875; font-weight: 700; }

.item-used { margin-top: 6px; color: #6A4532; font-size: 1.4rem; line-height: 2; font-weight: 400; }

.item-used .txt-link { color: inherit; text-decoration: underline; }

.wrap-img-model { position: relative; margin-right: -24px; opacity: 0; }

.wrap-img-model:after { content: ""; display: block; background-color: #A50319; position: absolute; top: 24px; right: -24px; left: 24px; height: 100%; z-index: 0; }

.wrap-img-model .wrap-img { z-index: 1; position: relative; }

.wrap-txt-model { margin-top: 96px; opacity: 0; }

.wrap-txt-model .txt-main { font-size: 2.8rem; line-height: 2; color: #ED7129; font-weight: bold; position: relative; }

.wrap-txt-model .txt-main span { position: relative; z-index: 1; }

.wrap-txt-model .txt-main.fresh:before { content: ""; width: 338px; height: 171px; background: transparent url(/special/makeup/campaign/2505/img/txt-fresh-casual.webp) no-repeat 0 0; background-size: contain; position: absolute; left: -2px; bottom: -29px; z-index: 0; }

.wrap-txt-model .txt-main.pure { color: #8476B5; }

.wrap-txt-model .txt-main.pure:before { content: ""; width: 327px; height: 287px; background: transparent url(/special/makeup/campaign/2505/img/txt-pure-sweet.webp) no-repeat 0 0; background-size: contain; position: absolute; left: -24px; bottom: -140px; z-index: 0; }

.wrap-txt-model .ttl-model { font-size: 1.8rem; color: #6A4532; line-height: 1.5; font-weight: 700; margin-top: 15px; }

.wrap-inner-talk { opacity: 0; margin-top: 31px; }

.wrap-inner-talk .wrap-img { display: flex; align-items: flex-end; }

.wrap-inner-talk .wrap-img .pakuchan { width: 40%; height: auto; padding-left: 0; margin-left: -3%; }

.wrap-inner-talk .wrap-img .img { width: 63%; }

.wrap-inner-talk .wrap-talk { margin-top: 24px; background-color: #FFFFFF; padding: 24px 24px 19px; position: relative; }

.wrap-inner-talk .wrap-talk:before { content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 0 24px 24px; border-color: transparent transparent #FFFFFF transparent; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); position: absolute; top: -24px; left: 24px; }

.wrap-inner-talk .wrap-talk dt { position: absolute; right: -63px; bottom: -66px; width: 138px; height: 121px; }

.wrap-inner-talk .wrap-talk dt img { width: 100%; height: auto; }

.wrap-inner-talk .wrap-talk .cnt-talk { margin-top: 0; font-size: 1.6rem; line-height: 2; color: #6A4532; font-weight: 400; }

.sec-makelook .wrap-content { margin-top: -141px; }

.sec-makelook .wrap-content:before { right: 0; left: 0; }

.sec-makelook .wrap-content:after { left: 0; right: 0; }

.sec-makelook .wrap-content .hdg-makelook { font-weight: 600; font-size: 3.2rem; line-height: 1.125; }

.sec-makelook .wrap-content .hdg-makelook .sub { font-size: 2.4rem; line-height: 1.5; }

.sec-makelook .wrap-makelook .ttl span { font-weight: 500; }

.wrap-highlight { margin-top: 48px; opacity: 0; }

.all-makeup-look { max-width: 350px; margin: 32px auto 0; }

.wrap-hdg-item-used { opacity: 0; }

@media all and (min-width: 768px) { .inview.wrap-profile-already .wrap-img { -webkit-animation: runHeadProfileImgPC 0.8s ease-out; animation: runHeadProfileImgPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runHeadProfileImgPC { 0% { left: 100%; }
    100% { left: 730px; } }
  @keyframes runHeadProfileImgPC { 0% { left: 100%; }
    100% { left: 730px; } }
  .inview.wrap-fresh:after { -webkit-animation: runLeftToRightPC 0.8s ease-out; animation: runLeftToRightPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runLeftToRightPC { 0% { right: 100%; }
    100% { right: 95px; } }
  @keyframes runLeftToRightPC { 0% { right: 100%; }
    100% { right: 95px; } }
  .inview.wrap-fresh.pt1:after { -webkit-animation: runWrapAfterPT1PC 0.8s ease-out; animation: runWrapAfterPT1PC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runWrapAfterPT1PC { 0% { left: 100%; }
    100% { left: 95px; } }
  @keyframes runWrapAfterPT1PC { 0% { left: 100%; }
    100% { left: 95px; } } .wrap-intro-lead.topics-style03 { padding-top: 110px; }
  .wrap-intro-lead.topics-style03:before, .wrap-intro-lead.topics-style03:after { height: 110px; min-height: 110px; }
  .wrap-intro-lead .img-mv { width: 100%; height: auto; }
  .wrap-intro-lead .wrap-catch { padding-top: 0; margin-top: -125px; display: flex; justify-content: center; align-items: flex-end; }
  .wrap-intro-lead .wrap-catch::before, .wrap-intro-lead .wrap-catch::after { content: ""; width: 236px; height: 132px; position: relative; top: -24px; }
  .wrap-intro-lead .wrap-catch::before { left: auto; }
  .wrap-intro-lead .wrap-catch::after { right: auto; }
  .wrap-intro-lead .wrap-catch .hdg { font-size: 2.4rem; padding: 0 60px; }
  .wrap-intro-lead .wrap-catch .hdg span { margin-top: -8px; }
  .wrap-intro-lead .wrap-catch .hdg::before, .wrap-intro-lead .wrap-catch .hdg::after { width: 161px; height: 81px; top: auto; bottom: -38px; z-index: -1; }
  .wrap-intro-lead .wrap-catch .hdg::before { left: -256px; }
  .wrap-intro-lead .wrap-catch .hdg::after { right: -256px; } .wrap-sec-topics-detail:has(.wrap-box-point) { margin-top: 52px; }
  .wrap-sec-topics-detail .hdg-lead-point { font-size: 4.0rem; line-height: 1.5; }
  .wrap-sec-topics-detail .hdg-lead-point + .txt-lead-point { margin-top: 20px; } .wrap-pakuchan-intro { display: flex; justify-content: space-between; margin: 50px auto 0; max-width: 920px; }
  .wrap-pakuchan-intro .wrap-img { display: block; width: 255px; }
  .wrap-pakuchan-intro .wrap-txt { width: 635px; }
  .wrap-pakuchan-intro .wrap-txt .wrap-comment { display: flex; width: 100%; align-items: center; position: relative; min-height: 171px; }
  .wrap-pakuchan-intro .wrap-txt .wrap-comment:after { content: ""; display: block; width: 9px; height: 9px; background-image: url(/special/makeup/campaign/2505/img/ico_triangle.svg); background-repeat: no-repeat; background-size: contain; position: absolute; left: -8px; top: 24px; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }
  .wrap-pakuchan-intro .wrap-txt .wrap-comment .inner { padding: 0 24px; }
  .wrap-pakuchan-intro .wrap-txt .wrap-comment .inner:before, .wrap-pakuchan-intro .wrap-txt .wrap-comment .inner:after { content: ""; display: block; width: 8px; height: 94%; border: 1px solid #A50319; background-color: #FFFFFF; position: absolute; top: 3px; }
  .wrap-pakuchan-intro .wrap-txt .wrap-comment .inner:before { border-right: 0; left: 0; }
  .wrap-pakuchan-intro .wrap-txt .wrap-comment .inner:after { border-left: 0; right: 6px; }
  .wrap-pakuchan-intro .wrap-txt .lead { display: flex; width: 100%; }
  .wrap-pakuchan-intro .wrap-txt .lead:before { display: none; }
  .wrap-pakuchan-intro .wrap-txt .lead .comment { width: 100%; padding-left: 0; }
  .wrap-pakuchan-intro .wrap-txt .lead .comment:after { display: none; }
  .wrap-pakuchan-intro .wrap-txt .lead .comment span { padding: 0; font-size: 2.4rem; min-height: 1em; }
  .wrap-pakuchan-intro .wrap-txt .lead .comment span:before, .wrap-pakuchan-intro .wrap-txt .lead .comment span:after { display: none; }
  .wrap-pakuchan-intro .wrap-txt .txt-comment { font-weight: 400; font-size: 1.6rem; line-height: 2; color: #6A4532; margin-top: 12px; }
  .wrap-pakuchan-intro .wrap-txt .intro { margin-top: 24px; }
  .wrap-pakuchan-intro .wrap-txt .intro dt { font-weight: 700; font-size: 1.6rem; line-height: 1.6; color: #6A4532; }
  .wrap-pakuchan-intro .wrap-txt .intro dd { margin-top: 12px; font-size: 1.4rem; line-height: 1.8; color: #6A4532; } .hdg-lv4-pt5 { margin-top: 68px; margin-left: 0; padding: 24px 40px 24px 190px; }
  .hdg-lv4-pt5:before { font-size: 11.6rem; left: 0; }
  .hdg-lv4-pt5:after { content: ""; position: absolute; top: 0; height: 100%; left: -100vw; right: 0; z-index: -1; }
  .hdg-lv4-pt5 .talk { font-size: 2.2rem; line-height: 1.3; width: 160px; margin-right: 30px; padding: 35px 10px; top: -32px; left: 0; }
  .hdg-lv4-pt5 .talk:after { height: 127px; background-size: 160px 100%; }
  .hdg-lv4-pt5 .ttl { display: block; margin-top: 5px; font-size: 3.8rem; line-height: 1.5; }
  .hdg-lv4-pt5 .sub { font-size: 2.6rem; padding-left: 0; }
  .hdg-lv4-pt5:not(:has(.talk)) { padding-left: 0; padding-right: 500px; }
  .hdg-lv4-pt5:not(:has(.talk)) + .txt-campaign-lead { margin-left: 95px; margin-right: 485px; } .list-anchor-transformation { margin-top: 70px; flex-direction: row; gap: 30px; }
  .list-anchor-transformation > li { width: 50%; }
  .list-anchor-transformation .link:hover .txt:after { bottom: -18px; }
  .list-anchor-transformation .wrap-transformation { padding: 0; height: 100%; } .ttl-tranformation { right: 112px; } .cnt-transformation .wrap-img { flex: 0 0 150px; margin-right: 0; }
  .cnt-transformation .txt { margin-top: 0; font-size: 1.6rem; width: calc(100% - 150px); flex: 1; line-height: 2; margin-bottom: 0; padding-top: 0; }
  .cnt-transformation .txt:before { width: 200px; height: 100px; margin: -20px auto -24px; }
  .cnt-transformation .txt.pure:before { width: 193px; height: 138px; margin: -20px auto -60px; }
  .cnt-transformation .txt:after { bottom: -14px; } .wrap-hdg-lv3 { padding-top: 112px; }
  .wrap-hdg-lv3 .hdg-lv3 { top: 42px; }
  .wrap-hdg-lv3 .ttl { font-size: 3.2rem; line-height: 1.75; padding-left: 24px; margin-bottom: -36px; }
  .wrap-hdg-lv3 .number { font-size: 10.4rem; padding-right: 24px; } .wrap-fresh { margin-top: 76px; padding-right: 0; padding-bottom: 78px; }
  .wrap-fresh:after { left: -100vw; right: 95px; }
  .wrap-fresh.pt1 { padding-left: 0; }
  .wrap-fresh.pt1:after { right: -100vw; left: 95px; }
  .wrap-fresh.pt1 .wrap-hdg-lv5-pt1 { margin-left: 190px; }
  .wrap-fresh.pt1 .wrap-hdg-lv5-pt1:has(+ .wrap-col1-4) { margin-left: 0; margin-top: 50px; }
  .wrap-fresh.pt1 .wrap-model-fresh { flex-direction: row; justify-content: flex-start; }
  .wrap-fresh.pt1 .wrap-model-fresh .wrap-img { margin-left: 0; margin-right: 30px; }
  .wrap-fresh.pt1 .wrap-img-model { margin-left: 0; }
  .wrap-fresh.pt1 .wrap-img-model:after { right: 115px; left: -100vw; }
  .wrap-fresh.pt1 .wrap-img-model .txt-after { left: unset; right: 0; } .wrap-fresh.pt1 .wrap-hdg-lv5-pt1.howto { margin-left: 210px; }
  .wrap-fresh.pt1 .wrap-hdg-lv5-pt1:has(+ .wrap-col1-4) { margin-top: 64px; margin-left: 190px; }
  .wrap-fresh.pt1 .wrap-video, .wrap-fresh.pt1 .wrap-howto, .wrap-fresh.pt1 .wrap-col1-4, .wrap-fresh.pt1 .wrap-set-item-used, .wrap-fresh.pt1 .wrap-hdg-item-used { margin-left: 190px; } .wrap-video iframe { width: 825px; } .wrap-hdg-lv5-pt1 { margin-left: 95px; }
  .wrap-hdg-lv5-pt1.movie { margin-top: 60px; }
  .wrap-hdg-lv5-pt1.howto { margin-top: 64px; }
  .wrap-hdg-lv5-pt1 .hdg-sub-lv5-pt1 { width: 287px; height: 237px; top: -126px; left: -95px; }
  .wrap-hdg-lv5-pt1:has(+ .wrap-col1-4) { margin-top: 64px; } .wrap-howto { display: flex; justify-content: space-between; align-items: center; width: 824px; margin-left: 95px; }
  .wrap-howto .wrap-img { width: 350px; }
  .wrap-howto .wrqp-txt { width: 445px; margin-top: 0; padding: 24px 24px 19px; position: relative; }
  .wrap-howto .wrqp-txt .txt-howto { margin-top: 0; font-size: 1.6rem; line-height: 2; color: #6A4532; font-weight: 400; } .wrap-col1-4 { flex-direction: row; gap: 30px; margin-left: 95px; }
  .wrap-col1-4 > li { width: 255px; }
  .wrap-col1-4 .wrap-item .wrap-btn:hover { background-color: #FFFFFF; border: 1px solid #6A4532; }
  .wrap-col1-4 .wrap-item .wrap-btn:hover > * { color: #6A4532; } .wrap-set-item-used { margin-left: 95px; }
  .wrap-set-item-used .inner { width: 825px; display: flex; justify-content: space-between; }
  .wrap-set-item-used .wrap-set { width: 445px; }
  .wrap-set-item-used .wrap-set dt { font-size: 1.8rem; font-weight: 500; line-height: 1.5; color: #E25926; }
  .wrap-set-item-used .wrap-set dd { margin-top: 8px; font-size: 1.4rem; line-height: 1.5; font-weight: 400; color: #6A4532; }
  .wrap-set-item-used .wrap-set .wrap-btn:hover { background-color: #FFFFFF; border: 1px solid #6A4532; }
  .wrap-set-item-used .wrap-set .wrap-btn:hover > * { color: #6A4532; }
  .wrap-set-item-used .wrap-gift { margin-top: 0; width: 350px; display: flex; align-items: center; justify-content: center; }
  .wrap-set-item-used .wrap-gift dl { position: relative; padding-right: 110px; }
  .wrap-set-item-used .wrap-gift dt { color: #A50419; }
  .wrap-set-item-used .wrap-gift dt span { display: flex; justify-content: center; align-items: center; }
  .wrap-set-item-used .wrap-gift dt span:before, .wrap-set-item-used .wrap-gift dt span:after { content: ""; display: block; width: 18px; height: 18px; background: transparent url(/special/makeup/campaign/2505/img/border.webp) no-repeat center center; background-size: contain; margin: 0 8px; }
  .wrap-set-item-used .wrap-gift dt span:after { -webkit-transform: scale(1, -1); transform: scale(1, -1); }
  .wrap-set-item-used .wrap-gift dd a { color: #6A4532; text-decoration: underline; opacity: 1; transition: .3s; }
  .wrap-set-item-used .wrap-gift dd a:hover { opacity: .7; }
  .wrap-set-item-used .wrap-gift dd.wrap-img { position: absolute; right: 0; bottom: 0; }
  .wrap-set-item-used .wrap-gift dd.wrap-img img { max-width: 104px; height: auto; } .hdg-item-used { margin-top: 46px; } .item-used { margin-top: 10px; }
  .item-used .txt-link { transition: opacity 0.3s; }
  .item-used .txt-link:hover { opacity: 0.7; } .wrap-model-fresh { display: flex; flex-direction: row-reverse; justify-content: space-between; } .wrap-img-model { margin-right: 0; }
  .wrap-img-model .wrap-img { width: 540px; margin-left: 40px; }
  .wrap-img-model:after { top: 80px; left: 115px; right: -100vw; height: 582px; } .wrap-txt-model { margin-top: 160px; }
  .wrap-txt-model .txt-main { font-size: 3.8rem; }
  .wrap-txt-model .txt-main span { position: relative; z-index: 2; }
  .wrap-txt-model .txt-main.fresh:before { width: 595px; height: 302px; left: -2px; bottom: -68px; z-index: 2; }
  .wrap-txt-model .txt-main.pure:before { width: 576px; height: 418px; left: -92px; bottom: -185px; z-index: 2; }
  .wrap-txt-model .ttl-model { font-size: 2.4rem; } .wrap-inner-talk { margin-top: 43px; display: flex; position: relative; align-items: flex-start; }
  .wrap-inner-talk .wrap-img { display: flex; align-items: flex-start; width: 215px; }
  .wrap-inner-talk .wrap-img .pakuchan { width: 200px; height: auto; padding-left: 0; margin-left: -20px; margin-top: -10px; }
  .wrap-inner-talk .wrap-img .img { width: 255px; position: absolute; right: 0; top: 0; }
  .wrap-inner-talk .wrap-talk { margin-top: 0; padding: 24px 24px 19px; position: relative; width: 611px; }
  .wrap-inner-talk .wrap-talk:before { content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 0 24px 24px; border-color: transparent transparent #FFFFFF transparent; -webkit-transform: scale(1, -1); transform: scale(1, -1); top: 28px; left: -24px; }
  .wrap-inner-talk .wrap-talk dt { right: 5px; bottom: -66px; } .sec-makelook .wrap-content { margin-top: -127px; }
  .sec-makelook .wrap-content:after { left: -100vw; right: -100vw; }
  .sec-makelook .wrap-content .hdg-makelook { font-size: 4.8rem; line-height: 1.44; }
  .sec-makelook .wrap-content .hdg-makelook .sub { font-size: 3.2rem; } .wrap-highlight { margin-top: 64px; margin-left: 190px; width: 730px; }
  .wrap-highlight a img { opacity: 1; transition: .3s; }
  .wrap-highlight a:hover img { opacity: .8; } .all-makeup-look { margin-top: 48px; } .sec-topics-pt1 { margin-top: 63px; } .wrap-hdg-item-used { margin-left: 95px; } }

@media all and (min-width: 768px) and (min-width: 768px) { .wrap-fresh.pt1 .wrap-inner-talk { flex-direction: row-reverse; }
  .wrap-fresh.pt1 .wrap-inner-talk .wrap-img { display: flex; align-items: flex-start; width: 215px; }
  .wrap-fresh.pt1 .wrap-inner-talk .wrap-img .pakuchan { width: 200px; height: auto; padding-left: 0; margin-left: -20px; margin-top: -10px; }
  .wrap-fresh.pt1 .wrap-inner-talk .wrap-img .img { right: auto; left: 0; }
  .wrap-fresh.pt1 .wrap-inner-talk .wrap-talk:before { -webkit-transform: scale(-1, -1); transform: scale(-1, -1); right: -24px; left: auto; }
  .wrap-fresh.pt1 .wrap-inner-talk .wrap-talk dt { right: -20px; } }