@charset "UTF-8";


@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@100..900&family=Playfair+Display:wght@400..900&display=swap");
@-webkit-keyframes PT1-img01-PC { 0% { opacity: 1;
    left: 189px; }
  14.28% { opacity: 1;
    left: 189px; }
  20% { opacity: 0;
    left: 189px; }
  94.28% { opacity: 0;
    left: 130px; }
  100% { opacity: 1;
    left: 189px; } }
@keyframes PT1-img01-PC { 0% { opacity: 1;
    left: 189px; }
  14.28% { opacity: 1;
    left: 189px; }
  20% { opacity: 0;
    left: 189px; }
  94.28% { opacity: 0;
    left: 130px; }
  100% { opacity: 1;
    left: 189px; } }

@-webkit-keyframes PT1-img02-PC { 0% { opacity: 1;
    right: 214px; }
  14.28% { opacity: 1;
    right: 214px; }
  20% { opacity: 0;
    right: 214px; }
  94.28% { opacity: 0;
    right: 180px; }
  100% { opacity: 1;
    right: 214px; } }

@keyframes PT1-img02-PC { 0% { opacity: 1;
    right: 214px; }
  14.28% { opacity: 1;
    right: 214px; }
  20% { opacity: 0;
    right: 214px; }
  94.28% { opacity: 0;
    right: 180px; }
  100% { opacity: 1;
    right: 214px; } }

@-webkit-keyframes PT1-img03-PC { 0% { opacity: 1;
    left: 6px; }
  14.28% { opacity: 1;
    left: 6px; }
  20% { opacity: 0;
    left: 6px; }
  94.28% { opacity: 0;
    left: 6px; }
  100% { opacity: 1;
    left: 6px; } }

@keyframes PT1-img03-PC { 0% { opacity: 1;
    left: 6px; }
  14.28% { opacity: 1;
    left: 6px; }
  20% { opacity: 0;
    left: 6px; }
  94.28% { opacity: 0;
    left: 6px; }
  100% { opacity: 1;
    left: 6px; } }

@-webkit-keyframes PT1-txt01-PC { 0% { opacity: 1;
    left: 0; }
  14.28% { opacity: 1;
    left: 0; }
  20% { opacity: 0;
    left: 0; }
  94.28% { opacity: 0;
    left: 0; }
  100% { opacity: 1;
    left: 0; } }

@keyframes PT1-txt01-PC { 0% { opacity: 1;
    left: 0; }
  14.28% { opacity: 1;
    left: 0; }
  20% { opacity: 0;
    left: 0; }
  94.28% { opacity: 0;
    left: 0; }
  100% { opacity: 1;
    left: 0; } }

@-webkit-keyframes PT1-txt02-PC { 0% { opacity: 1;
    top: 121px; }
  14.28% { opacity: 1;
    top: 121px; }
  20% { opacity: 0;
    top: 121px; }
  94.28% { opacity: 0;
    top: 50px; }
  100% { opacity: 1;
    top: 121px; } }

@keyframes PT1-txt02-PC { 0% { opacity: 1;
    top: 121px; }
  14.28% { opacity: 1;
    top: 121px; }
  20% { opacity: 0;
    top: 121px; }
  94.28% { opacity: 0;
    top: 50px; }
  100% { opacity: 1;
    top: 121px; } }

@-webkit-keyframes PT2-img01-PC { 0% { opacity: 0;
    top: 0; }
  14.28% { opacity: 0;
    top: 50px; }
  20% { opacity: 1;
    top: 0; }
  34.28% { opacity: 1;
    top: 0; }
  40% { opacity: 0;
    top: 0; }
  100% { opacity: 0;
    top: 0; } }

@keyframes PT2-img01-PC { 0% { opacity: 0;
    top: 0; }
  14.28% { opacity: 0;
    top: 50px; }
  20% { opacity: 1;
    top: 0; }
  34.28% { opacity: 1;
    top: 0; }
  40% { opacity: 0;
    top: 0; }
  100% { opacity: 0;
    top: 0; } }

@-webkit-keyframes PT2-img03-PC { 0% { opacity: 0;
    left: 6px; }
  14.28% { opacity: 0;
    left: 6px; }
  20% { opacity: 1;
    left: 6px; }
  34.28% { opacity: 1;
    left: 6px; }
  40% { opacity: 0;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@keyframes PT2-img03-PC { 0% { opacity: 0;
    left: 6px; }
  14.28% { opacity: 0;
    left: 6px; }
  20% { opacity: 1;
    left: 6px; }
  34.28% { opacity: 1;
    left: 6px; }
  40% { opacity: 0;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@-webkit-keyframes PT2-txt01-PC { 0% { opacity: 0;
    left: 0; }
  14.28% { opacity: 0;
    left: 0; }
  20% { opacity: 1;
    left: 0; }
  34.28% { opacity: 1;
    left: 0; }
  40% { opacity: 0;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@keyframes PT2-txt01-PC { 0% { opacity: 0;
    left: 0; }
  14.28% { opacity: 0;
    left: 0; }
  20% { opacity: 1;
    left: 0; }
  34.28% { opacity: 1;
    left: 0; }
  40% { opacity: 0;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@-webkit-keyframes PT2-txt02-PC { 0% { opacity: 0;
    right: -18px;
    top: 462px; }
  14.28% { opacity: 0;
    right: -30px;
    top: 500px; }
  20% { opacity: 1;
    right: -18px;
    top: 462px; }
  34.28% { opacity: 1;
    right: -18px;
    top: 462px; }
  40% { opacity: 0;
    right: -18px;
    top: 462px; }
  100% { opacity: 0;
    right: -18px;
    top: 462px; } }

@keyframes PT2-txt02-PC { 0% { opacity: 0;
    right: -18px;
    top: 462px; }
  14.28% { opacity: 0;
    right: -30px;
    top: 500px; }
  20% { opacity: 1;
    right: -18px;
    top: 462px; }
  34.28% { opacity: 1;
    right: -18px;
    top: 462px; }
  40% { opacity: 0;
    right: -18px;
    top: 462px; }
  100% { opacity: 0;
    right: -18px;
    top: 462px; } }

@-webkit-keyframes PT3-img01-PC { 0% { opacity: 0;
    left: 189px; }
  34.28% { opacity: 0;
    left: 130px; }
  40% { opacity: 1;
    left: 189px; }
  54.28% { opacity: 1;
    left: 189px; }
  60% { opacity: 0;
    left: 189px; }
  100% { opacity: 0;
    left: 189px; } }

@keyframes PT3-img01-PC { 0% { opacity: 0;
    left: 189px; }
  34.28% { opacity: 0;
    left: 130px; }
  40% { opacity: 1;
    left: 189px; }
  54.28% { opacity: 1;
    left: 189px; }
  60% { opacity: 0;
    left: 189px; }
  100% { opacity: 0;
    left: 189px; } }

@-webkit-keyframes PT3-img02-PC { 0% { opacity: 0;
    right: 157px; }
  34.28% { opacity: 0;
    right: 100px; }
  40% { opacity: 1;
    right: 157px; }
  54.28% { opacity: 1;
    right: 157px; }
  60% { opacity: 0;
    right: 157px; }
  100% { opacity: 0;
    right: 157px; } }

@keyframes PT3-img02-PC { 0% { opacity: 0;
    right: 157px; }
  34.28% { opacity: 0;
    right: 100px; }
  40% { opacity: 1;
    right: 157px; }
  54.28% { opacity: 1;
    right: 157px; }
  60% { opacity: 0;
    right: 157px; }
  100% { opacity: 0;
    right: 157px; } }

@-webkit-keyframes PT3-img03-PC { 0% { opacity: 0;
    left: 6px; }
  34.28% { opacity: 0;
    left: 6px; }
  40% { opacity: 1;
    left: 6px; }
  54.28% { opacity: 1;
    left: 6px; }
  60% { opacity: 0;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@keyframes PT3-img03-PC { 0% { opacity: 0;
    left: 6px; }
  34.28% { opacity: 0;
    left: 6px; }
  40% { opacity: 1;
    left: 6px; }
  54.28% { opacity: 1;
    left: 6px; }
  60% { opacity: 0;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@-webkit-keyframes PT3-txt01-PC { 0% { opacity: 0;
    left: 0; }
  34.28% { opacity: 0;
    left: 0; }
  40% { opacity: 1;
    left: 0; }
  54.28% { opacity: 1;
    left: 0; }
  60% { opacity: 0;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@keyframes PT3-txt01-PC { 0% { opacity: 0;
    left: 0; }
  34.28% { opacity: 0;
    left: 0; }
  40% { opacity: 1;
    left: 0; }
  54.28% { opacity: 1;
    left: 0; }
  60% { opacity: 0;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@-webkit-keyframes PT3-txt02-PC { 0% { opacity: 0;
    top: 121px; }
  34.28% { opacity: 0;
    top: 50px; }
  40% { opacity: 1;
    top: 121px; }
  54.28% { opacity: 1;
    top: 121px; }
  60% { opacity: 0;
    top: 121px; }
  100% { opacity: 0;
    top: 121px; } }

@keyframes PT3-txt02-PC { 0% { opacity: 0;
    top: 121px; }
  34.28% { opacity: 0;
    top: 50px; }
  40% { opacity: 1;
    top: 121px; }
  54.28% { opacity: 1;
    top: 121px; }
  60% { opacity: 0;
    top: 121px; }
  100% { opacity: 0;
    top: 121px; } }

@-webkit-keyframes PT4-img01-PC { 0% { opacity: 0;
    top: 0; }
  54.28% { opacity: 0;
    top: -30px; }
  60% { opacity: 1;
    top: 0; }
  74.28% { opacity: 1;
    top: 0; }
  80% { opacity: 0;
    top: 0; }
  100% { opacity: 0;
    top: 0; } }

@keyframes PT4-img01-PC { 0% { opacity: 0;
    top: 0; }
  54.28% { opacity: 0;
    top: -30px; }
  60% { opacity: 1;
    top: 0; }
  74.28% { opacity: 1;
    top: 0; }
  80% { opacity: 0;
    top: 0; }
  100% { opacity: 0;
    top: 0; } }

@-webkit-keyframes PT4-img02-PC { 0% { opacity: 0;
    bottom: 60px; }
  54.28% { opacity: 0;
    bottom: 30px; }
  60% { opacity: 1;
    bottom: 60px; }
  74.28% { opacity: 1;
    bottom: 60px; }
  80% { opacity: 0;
    bottom: 60px; }
  100% { opacity: 0;
    bottom: 60px; } }

@keyframes PT4-img02-PC { 0% { opacity: 0;
    bottom: 60px; }
  54.28% { opacity: 0;
    bottom: 30px; }
  60% { opacity: 1;
    bottom: 60px; }
  74.28% { opacity: 1;
    bottom: 60px; }
  80% { opacity: 0;
    bottom: 60px; }
  100% { opacity: 0;
    bottom: 60px; } }

@-webkit-keyframes PT4-img03-PC { 0% { opacity: 0;
    left: 6px; }
  54.28% { opacity: 0;
    left: 6px; }
  60% { opacity: 1;
    left: 6px; }
  74.28% { opacity: 1;
    left: 6px; }
  80% { opacity: 0;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@keyframes PT4-img03-PC { 0% { opacity: 0;
    left: 6px; }
  54.28% { opacity: 0;
    left: 6px; }
  60% { opacity: 1;
    left: 6px; }
  74.28% { opacity: 1;
    left: 6px; }
  80% { opacity: 0;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@-webkit-keyframes PT4-txt01-PC { 0% { opacity: 0;
    left: 0; }
  54.28% { opacity: 0;
    left: 0; }
  60% { opacity: 1;
    left: 0; }
  74.28% { opacity: 1;
    left: 0; }
  80% { opacity: 0;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@keyframes PT4-txt01-PC { 0% { opacity: 0;
    left: 0; }
  54.28% { opacity: 0;
    left: 0; }
  60% { opacity: 1;
    left: 0; }
  74.28% { opacity: 1;
    left: 0; }
  80% { opacity: 0;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@-webkit-keyframes PT4-txt02-PC { 0% { opacity: 0;
    right: -18px; }
  54.28% { opacity: 0;
    right: -40px; }
  60% { opacity: 1;
    right: -18px; }
  74.28% { opacity: 1;
    right: -18px; }
  80% { opacity: 0;
    right: -18px; }
  100% { opacity: 0;
    right: -18px; } }

@keyframes PT4-txt02-PC { 0% { opacity: 0;
    right: -18px; }
  54.28% { opacity: 0;
    right: -40px; }
  60% { opacity: 1;
    right: -18px; }
  74.28% { opacity: 1;
    right: -18px; }
  80% { opacity: 0;
    right: -18px; }
  100% { opacity: 0;
    right: -18px; } }

@-webkit-keyframes PT5-img01-PC { 0% { opacity: 0;
    right: 157px; }
  74.28% { opacity: 0;
    right: 127px; }
  80% { opacity: 1;
    right: 157px; }
  94.28% { opacity: 1;
    right: 157px; }
  100% { opacity: 0;
    right: 157px; } }

@keyframes PT5-img01-PC { 0% { opacity: 0;
    right: 157px; }
  74.28% { opacity: 0;
    right: 127px; }
  80% { opacity: 1;
    right: 157px; }
  94.28% { opacity: 1;
    right: 157px; }
  100% { opacity: 0;
    right: 157px; } }

@-webkit-keyframes PT5-img02-PC { 0% { opacity: 0;
    left: 189px; }
  74.28% { opacity: 0;
    left: 160px; }
  80% { opacity: 1;
    left: 189px; }
  94.28% { opacity: 1;
    left: 189px; }
  100% { opacity: 0;
    left: 189px; } }

@keyframes PT5-img02-PC { 0% { opacity: 0;
    left: 189px; }
  74.28% { opacity: 0;
    left: 160px; }
  80% { opacity: 1;
    left: 189px; }
  94.28% { opacity: 1;
    left: 189px; }
  100% { opacity: 0;
    left: 189px; } }

@-webkit-keyframes PT5-img03-PC { 0% { opacity: 0;
    left: 6px; }
  74.28% { opacity: 0;
    left: 6px; }
  80% { opacity: 1;
    left: 6px; }
  94.28% { opacity: 1;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@keyframes PT5-img03-PC { 0% { opacity: 0;
    left: 6px; }
  74.28% { opacity: 0;
    left: 6px; }
  80% { opacity: 1;
    left: 6px; }
  94.28% { opacity: 1;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@-webkit-keyframes PT5-txt01-PC { 0% { opacity: 0;
    left: 0; }
  74.28% { opacity: 0;
    left: 0; }
  80% { opacity: 1;
    left: 0; }
  94.28% { opacity: 1;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@keyframes PT5-txt01-PC { 0% { opacity: 0;
    left: 0; }
  74.28% { opacity: 0;
    left: 0; }
  80% { opacity: 1;
    left: 0; }
  94.28% { opacity: 1;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@-webkit-keyframes PT5-txt02-PC { 0% { opacity: 0;
    top: 121px; }
  74.28% { opacity: 0;
    top: 50px; }
  80% { opacity: 1;
    top: 121px; }
  94.28% { opacity: 1;
    top: 121px; }
  100% { opacity: 0;
    top: 121px; } }

@keyframes PT5-txt02-PC { 0% { opacity: 0;
    top: 121px; }
  74.28% { opacity: 0;
    top: 50px; }
  80% { opacity: 1;
    top: 121px; }
  94.28% { opacity: 1;
    top: 121px; }
  100% { opacity: 0;
    top: 121px; } }

@-webkit-keyframes PT1-img01-SP { 0% { opacity: 1;
    right: 0; }
  14.28% { opacity: 1;
    right: 0; }
  20% { opacity: 0;
    right: 0; }
  94.28% { opacity: 0;
    right: -50px; }
  100% { opacity: 1;
    right: 0; } }

@keyframes PT1-img01-SP { 0% { opacity: 1;
    right: 0; }
  14.28% { opacity: 1;
    right: 0; }
  20% { opacity: 0;
    right: 0; }
  94.28% { opacity: 0;
    right: -50px; }
  100% { opacity: 1;
    right: 0; } }

@-webkit-keyframes PT1-img02-SP { 0% { opacity: 1;
    left: 24px; }
  14.28% { opacity: 1;
    left: 24px; }
  20% { opacity: 0;
    left: 24px; }
  94.28% { opacity: 0;
    left: -50px; }
  100% { opacity: 1;
    left: 24px; } }

@keyframes PT1-img02-SP { 0% { opacity: 1;
    left: 24px; }
  14.28% { opacity: 1;
    left: 24px; }
  20% { opacity: 0;
    left: 24px; }
  94.28% { opacity: 0;
    left: -50px; }
  100% { opacity: 1;
    left: 24px; } }

@-webkit-keyframes PT1-img03-SP { 0% { opacity: 1;
    left: 27px; }
  14.28% { opacity: 1;
    left: 27px; }
  20% { opacity: 0;
    left: 27px; }
  94.28% { opacity: 0;
    left: 27px; }
  100% { opacity: 1;
    left: 27px; } }

@keyframes PT1-img03-SP { 0% { opacity: 1;
    left: 27px; }
  14.28% { opacity: 1;
    left: 27px; }
  20% { opacity: 0;
    left: 27px; }
  94.28% { opacity: 0;
    left: 27px; }
  100% { opacity: 1;
    left: 27px; } }

@-webkit-keyframes PT1-txt01-SP { 0% { opacity: 1;
    left: 24px; }
  14.28% { opacity: 1;
    left: 24px; }
  20% { opacity: 0;
    left: 24px; }
  94.28% { opacity: 0;
    left: 24px; }
  100% { opacity: 1;
    left: 24px; } }

@keyframes PT1-txt01-SP { 0% { opacity: 1;
    left: 24px; }
  14.28% { opacity: 1;
    left: 24px; }
  20% { opacity: 0;
    left: 24px; }
  94.28% { opacity: 0;
    left: 24px; }
  100% { opacity: 1;
    left: 24px; } }

@-webkit-keyframes PT1-txt02-SP { 0% { opacity: 1;
    left: 32px; }
  14.28% { opacity: 1;
    left: 32px; }
  20% { opacity: 0;
    left: 32px; }
  94.28% { opacity: 0;
    left: -50px; }
  100% { opacity: 1;
    left: 32px; } }

@keyframes PT1-txt02-SP { 0% { opacity: 1;
    left: 32px; }
  14.28% { opacity: 1;
    left: 32px; }
  20% { opacity: 0;
    left: 32px; }
  94.28% { opacity: 0;
    left: -50px; }
  100% { opacity: 1;
    left: 32px; } }

@-webkit-keyframes PT2-img01-SP { 0% { opacity: 0;
    top: 75px; }
  14.28% { opacity: 0;
    top: 0; }
  20% { opacity: 1;
    top: 75px; }
  34.28% { opacity: 1;
    top: 75px; }
  40% { opacity: 0;
    top: 75px; }
  100% { opacity: 0;
    top: 75px; } }

@keyframes PT2-img01-SP { 0% { opacity: 0;
    top: 75px; }
  14.28% { opacity: 0;
    top: 0; }
  20% { opacity: 1;
    top: 75px; }
  34.28% { opacity: 1;
    top: 75px; }
  40% { opacity: 0;
    top: 75px; }
  100% { opacity: 0;
    top: 75px; } }

@-webkit-keyframes PT2-img03-SP { 0% { opacity: 0;
    left: 27px; }
  14.28% { opacity: 0;
    left: 3px; }
  20% { opacity: 1;
    left: 27px; }
  34.28% { opacity: 1;
    left: 27px; }
  40% { opacity: 0;
    left: 27px; }
  100% { opacity: 0;
    left: 27px; } }

@keyframes PT2-img03-SP { 0% { opacity: 0;
    left: 27px; }
  14.28% { opacity: 0;
    left: 3px; }
  20% { opacity: 1;
    left: 27px; }
  34.28% { opacity: 1;
    left: 27px; }
  40% { opacity: 0;
    left: 27px; }
  100% { opacity: 0;
    left: 27px; } }

@-webkit-keyframes PT2-txt01-SP { 0% { opacity: 0;
    left: 24px; }
  14.28% { opacity: 0;
    left: 0; }
  20% { opacity: 1;
    left: 24px; }
  34.28% { opacity: 1;
    left: 24px; }
  40% { opacity: 0;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@keyframes PT2-txt01-SP { 0% { opacity: 0;
    left: 24px; }
  14.28% { opacity: 0;
    left: 0; }
  20% { opacity: 1;
    left: 24px; }
  34.28% { opacity: 1;
    left: 24px; }
  40% { opacity: 0;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@-webkit-keyframes PT2-txt02-SP { 0% { opacity: 0;
    left: -8px; }
  14.28% { opacity: 0;
    left: -50px; }
  20% { opacity: 1;
    left: -8px; }
  34.28% { opacity: 1;
    left: -8px; }
  40% { opacity: 0;
    left: -8px; }
  100% { opacity: 0;
    left: -8px; } }

@keyframes PT2-txt02-SP { 0% { opacity: 0;
    left: -8px; }
  14.28% { opacity: 0;
    left: -50px; }
  20% { opacity: 1;
    left: -8px; }
  34.28% { opacity: 1;
    left: -8px; }
  40% { opacity: 0;
    left: -8px; }
  100% { opacity: 0;
    left: -8px; } }

@-webkit-keyframes PT3-img01-SP { 0% { opacity: 0;
    right: 0; }
  34.28% { opacity: 0;
    right: -50px; }
  40% { opacity: 1;
    right: 0; }
  54.28% { opacity: 1;
    right: 0; }
  60% { opacity: 0;
    right: 0; }
  100% { opacity: 0;
    right: 0; } }

@keyframes PT3-img01-SP { 0% { opacity: 0;
    right: 0; }
  34.28% { opacity: 0;
    right: -50px; }
  40% { opacity: 1;
    right: 0; }
  54.28% { opacity: 1;
    right: 0; }
  60% { opacity: 0;
    right: 0; }
  100% { opacity: 0;
    right: 0; } }

@-webkit-keyframes PT3-img02-SP { 0% { opacity: 0;
    left: 24px; }
  34.28% { opacity: 0;
    left: -50px; }
  40% { opacity: 1;
    left: 24px; }
  54.28% { opacity: 1;
    left: 24px; }
  60% { opacity: 0;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@keyframes PT3-img02-SP { 0% { opacity: 0;
    left: 24px; }
  34.28% { opacity: 0;
    left: -50px; }
  40% { opacity: 1;
    left: 24px; }
  54.28% { opacity: 1;
    left: 24px; }
  60% { opacity: 0;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@-webkit-keyframes PT3-img03-SP { 0% { opacity: 0;
    top: calc(min(88vw,422px)); }
  34.28% { opacity: 0;
    top: calc(min(78vw,322px)); }
  40% { opacity: 1;
    top: calc(min(88vw,422px)); }
  54.28% { opacity: 1;
    top: calc(min(88vw,422px)); }
  60% { opacity: 0;
    top: calc(min(88vw,422px)); }
  100% { opacity: 0;
    top: calc(min(88vw,422px)); } }

@keyframes PT3-img03-SP { 0% { opacity: 0;
    top: calc(min(88vw,422px)); }
  34.28% { opacity: 0;
    top: calc(min(78vw,322px)); }
  40% { opacity: 1;
    top: calc(min(88vw,422px)); }
  54.28% { opacity: 1;
    top: calc(min(88vw,422px)); }
  60% { opacity: 0;
    top: calc(min(88vw,422px)); }
  100% { opacity: 0;
    top: calc(min(88vw,422px)); } }

@-webkit-keyframes PT3-txt01-SP { 0% { opacity: 0;
    top: calc(min(62.2vw,291px)); }
  34.28% { opacity: 0;
    top: calc(min(52.2vw,191px)); }
  40% { opacity: 1;
    top: calc(min(62.2vw,291px)); }
  54.28% { opacity: 1;
    top: calc(min(62.2vw,291px)); }
  60% { opacity: 0;
    top: calc(min(62.2vw,291px)); }
  100% { opacity: 0;
    top: calc(min(62.2vw,291px)); } }

@keyframes PT3-txt01-SP { 0% { opacity: 0;
    top: calc(min(62.2vw,291px)); }
  34.28% { opacity: 0;
    top: calc(min(52.2vw,191px)); }
  40% { opacity: 1;
    top: calc(min(62.2vw,291px)); }
  54.28% { opacity: 1;
    top: calc(min(62.2vw,291px)); }
  60% { opacity: 0;
    top: calc(min(62.2vw,291px)); }
  100% { opacity: 0;
    top: calc(min(62.2vw,291px)); } }

@-webkit-keyframes PT3-txt02-SP { 0% { opacity: 0;
    left: 32px; }
  34.28% { opacity: 0;
    left: 100px; }
  40% { opacity: 1;
    left: 32px; }
  54.28% { opacity: 1;
    left: 32px; }
  60% { opacity: 0;
    left: 32px; }
  100% { opacity: 0;
    left: 32px; } }

@keyframes PT3-txt02-SP { 0% { opacity: 0;
    left: 32px; }
  34.28% { opacity: 0;
    left: 100px; }
  40% { opacity: 1;
    left: 32px; }
  54.28% { opacity: 1;
    left: 32px; }
  60% { opacity: 0;
    left: 32px; }
  100% { opacity: 0;
    left: 32px; } }

@-webkit-keyframes PT4-img01-SP { 0% { opacity: 0;
    top: 80px; }
  54.28% { opacity: 0;
    top: 30px; }
  60% { opacity: 1;
    top: 80px; }
  74.28% { opacity: 1;
    top: 80px; }
  80% { opacity: 0;
    top: 80px; }
  100% { opacity: 0;
    top: 80px; } }

@keyframes PT4-img01-SP { 0% { opacity: 0;
    top: 80px; }
  54.28% { opacity: 0;
    top: 30px; }
  60% { opacity: 1;
    top: 80px; }
  74.28% { opacity: 1;
    top: 80px; }
  80% { opacity: 0;
    top: 80px; }
  100% { opacity: 0;
    top: 80px; } }

@-webkit-keyframes PT4-img02-SP { 0% { opacity: 0;
    bottom: 32px; }
  54.28% { opacity: 0;
    bottom: 0; }
  60% { opacity: 1;
    bottom: 32px; }
  74.28% { opacity: 1;
    bottom: 32px; }
  80% { opacity: 0;
    bottom: 32px; }
  100% { opacity: 0;
    bottom: 32px; } }

@keyframes PT4-img02-SP { 0% { opacity: 0;
    bottom: 32px; }
  54.28% { opacity: 0;
    bottom: 0; }
  60% { opacity: 1;
    bottom: 32px; }
  74.28% { opacity: 1;
    bottom: 32px; }
  80% { opacity: 0;
    bottom: 32px; }
  100% { opacity: 0;
    bottom: 32px; } }

@-webkit-keyframes PT4-img03-SP { 0% { opacity: 0;
    left: 27px; }
  54.28% { opacity: 0;
    left: -50px; }
  60% { opacity: 1;
    left: 27px; }
  74.28% { opacity: 1;
    left: 27px; }
  80% { opacity: 0;
    left: 27px; }
  100% { opacity: 0;
    left: 27px; } }

@keyframes PT4-img03-SP { 0% { opacity: 0;
    left: 27px; }
  54.28% { opacity: 0;
    left: -50px; }
  60% { opacity: 1;
    left: 27px; }
  74.28% { opacity: 1;
    left: 27px; }
  80% { opacity: 0;
    left: 27px; }
  100% { opacity: 0;
    left: 27px; } }

@-webkit-keyframes PT4-txt01-SP { 0% { opacity: 0;
    left: 24px; }
  54.28% { opacity: 0;
    left: -50px; }
  60% { opacity: 1;
    left: 24px; }
  74.28% { opacity: 1;
    left: 24px; }
  80% { opacity: 0;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@keyframes PT4-txt01-SP { 0% { opacity: 0;
    left: 24px; }
  54.28% { opacity: 0;
    left: -50px; }
  60% { opacity: 1;
    left: 24px; }
  74.28% { opacity: 1;
    left: 24px; }
  80% { opacity: 0;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@-webkit-keyframes PT4-txt02-SP { 0% { opacity: 0;
    left: 32px; }
  54.28% { opacity: 0;
    left: 32px; }
  60% { opacity: 1;
    left: 32px; }
  74.28% { opacity: 1;
    left: 32px; }
  80% { opacity: 0;
    left: 32px; }
  100% { opacity: 0;
    left: 32px; } }

@keyframes PT4-txt02-SP { 0% { opacity: 0;
    left: 32px; }
  54.28% { opacity: 0;
    left: 32px; }
  60% { opacity: 1;
    left: 32px; }
  74.28% { opacity: 1;
    left: 32px; }
  80% { opacity: 0;
    left: 32px; }
  100% { opacity: 0;
    left: 32px; } }

@-webkit-keyframes PT5-img01-SP { 0% { opacity: 0;
    right: 0; }
  74.28% { opacity: 0;
    right: -50px; }
  80% { opacity: 1;
    right: 0; }
  94.28% { opacity: 1;
    right: 0; }
  100% { opacity: 0;
    right: 0; } }

@keyframes PT5-img01-SP { 0% { opacity: 0;
    right: 0; }
  74.28% { opacity: 0;
    right: -50px; }
  80% { opacity: 1;
    right: 0; }
  94.28% { opacity: 1;
    right: 0; }
  100% { opacity: 0;
    right: 0; } }

@-webkit-keyframes PT5-img02-SP { 0% { opacity: 0;
    left: 24px; }
  74.28% { opacity: 0;
    left: 0; }
  80% { opacity: 1;
    left: 24px; }
  94.28% { opacity: 1;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@keyframes PT5-img02-SP { 0% { opacity: 0;
    left: 24px; }
  74.28% { opacity: 0;
    left: 0; }
  80% { opacity: 1;
    left: 24px; }
  94.28% { opacity: 1;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@-webkit-keyframes PT5-img03-SP { 0% { opacity: 0;
    top: calc(min(71vw,347px)); }
  74.28% { opacity: 0;
    top: calc(min(61vw,247px)); }
  80% { opacity: 1;
    top: calc(min(71vw,347px)); }
  94.28% { opacity: 1;
    top: calc(min(71vw,347px)); }
  100% { opacity: 0;
    top: calc(min(71vw,347px)); } }

@keyframes PT5-img03-SP { 0% { opacity: 0;
    top: calc(min(71vw,347px)); }
  74.28% { opacity: 0;
    top: calc(min(61vw,247px)); }
  80% { opacity: 1;
    top: calc(min(71vw,347px)); }
  94.28% { opacity: 1;
    top: calc(min(71vw,347px)); }
  100% { opacity: 0;
    top: calc(min(71vw,347px)); } }

@-webkit-keyframes PT5-txt01-SP { 0% { opacity: 0;
    top: calc(min(46.2vw,190px)); }
  74.28% { opacity: 0;
    top: 150px; }
  80% { opacity: 1;
    top: calc(min(46.2vw,190px)); }
  94.28% { opacity: 1;
    top: calc(min(46.2vw,190px)); }
  100% { opacity: 0;
    top: calc(min(46.2vw,190px)); } }

@keyframes PT5-txt01-SP { 0% { opacity: 0;
    top: calc(min(46.2vw,190px)); }
  74.28% { opacity: 0;
    top: 150px; }
  80% { opacity: 1;
    top: calc(min(46.2vw,190px)); }
  94.28% { opacity: 1;
    top: calc(min(46.2vw,190px)); }
  100% { opacity: 0;
    top: calc(min(46.2vw,190px)); } }

@-webkit-keyframes PT5-txt02-SP { 0% { opacity: 0;
    top: calc(min(121vw,577px)); }
  74.28% { opacity: 0;
    top: calc(min(125vw,587px)); }
  80% { opacity: 1;
    top: calc(min(121vw,577px)); }
  94.28% { opacity: 1;
    top: calc(min(121vw,577px)); }
  100% { opacity: 0;
    top: calc(min(121vw,577px)); } }

@keyframes PT5-txt02-SP { 0% { opacity: 0;
    top: calc(min(121vw,577px)); }
  74.28% { opacity: 0;
    top: calc(min(125vw,587px)); }
  80% { opacity: 1;
    top: calc(min(121vw,577px)); }
  94.28% { opacity: 1;
    top: calc(min(121vw,577px)); }
  100% { opacity: 0;
    top: calc(min(121vw,577px)); } }

.visual-pt1, .visual-pt2, .visual-pt3, .visual-pt4, .visual-pt5 { visibility: hidden; }

.inview.wrap-block-main .visual-pt1, .inview.wrap-block-main .visual-pt2, .inview.wrap-block-main .visual-pt3, .inview.wrap-block-main .visual-pt4, .inview.wrap-block-main .visual-pt5 { visibility: inherit; }

.inview.wrap-block-main .visual-pt1 .img01, .inview.wrap-block-main .visual-pt1 .img02, .inview.wrap-block-main .visual-pt1 .img03, .inview.wrap-block-main .visual-pt1 .txt01, .inview.wrap-block-main .visual-pt1 .txt02, .inview.wrap-block-main .visual-pt2 .img01, .inview.wrap-block-main .visual-pt2 .img02, .inview.wrap-block-main .visual-pt2 .img03, .inview.wrap-block-main .visual-pt2 .txt01, .inview.wrap-block-main .visual-pt2 .txt02, .inview.wrap-block-main .visual-pt3 .img01, .inview.wrap-block-main .visual-pt3 .img02, .inview.wrap-block-main .visual-pt3 .img03, .inview.wrap-block-main .visual-pt3 .txt01, .inview.wrap-block-main .visual-pt3 .txt02, .inview.wrap-block-main .visual-pt4 .img01, .inview.wrap-block-main .visual-pt4 .img02, .inview.wrap-block-main .visual-pt4 .img03, .inview.wrap-block-main .visual-pt4 .txt01, .inview.wrap-block-main .visual-pt4 .txt02, .inview.wrap-block-main .visual-pt5 .img01, .inview.wrap-block-main .visual-pt5 .img02, .inview.wrap-block-main .visual-pt5 .img03, .inview.wrap-block-main .visual-pt5 .txt01, .inview.wrap-block-main .visual-pt5 .txt02 { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 22s; animation-duration: 22s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.inview.wrap-block-main .visual-pt1 .img01 { -webkit-animation-name: PT1-img01-SP; animation-name: PT1-img01-SP; }

.inview.wrap-block-main .visual-pt1 .img02 { -webkit-animation-name: PT1-img02-SP; animation-name: PT1-img02-SP; }

.inview.wrap-block-main .visual-pt1 .img03 { -webkit-animation-name: PT1-img03-SP; animation-name: PT1-img03-SP; }

.inview.wrap-block-main .visual-pt1 .txt01 { -webkit-animation-name: PT1-txt01-SP; animation-name: PT1-txt01-SP; }

.inview.wrap-block-main .visual-pt1 .txt02 { -webkit-animation-name: PT1-txt02-SP; animation-name: PT1-txt02-SP; }

.inview.wrap-block-main .visual-pt2 .img01 { -webkit-animation-name: PT2-img01-SP; animation-name: PT2-img01-SP; }

.inview.wrap-block-main .visual-pt2 .img03 { -webkit-animation-name: PT2-img03-SP; animation-name: PT2-img03-SP; }

.inview.wrap-block-main .visual-pt2 .txt01 { -webkit-animation-name: PT2-txt01-SP; animation-name: PT2-txt01-SP; }

.inview.wrap-block-main .visual-pt2 .txt02 { -webkit-animation-name: PT2-txt02-SP; animation-name: PT2-txt02-SP; }

.inview.wrap-block-main .visual-pt3 .img01 { -webkit-animation-name: PT3-img01-SP; animation-name: PT3-img01-SP; }

.inview.wrap-block-main .visual-pt3 .img02 { -webkit-animation-name: PT3-img02-SP; animation-name: PT3-img02-SP; }

.inview.wrap-block-main .visual-pt3 .img03 { -webkit-animation-name: PT3-img03-SP; animation-name: PT3-img03-SP; }

.inview.wrap-block-main .visual-pt3 .txt01 { -webkit-animation-name: PT3-txt01-SP; animation-name: PT3-txt01-SP; }

.inview.wrap-block-main .visual-pt3 .txt02 { -webkit-animation-name: PT3-txt02-SP; animation-name: PT3-txt02-SP; }

.inview.wrap-block-main .visual-pt4 .img01 { -webkit-animation-name: PT4-img01-SP; animation-name: PT4-img01-SP; }

.inview.wrap-block-main .visual-pt4 .img02 { -webkit-animation-name: PT4-img02-SP; animation-name: PT4-img02-SP; }

.inview.wrap-block-main .visual-pt4 .img03 { -webkit-animation-name: PT4-img03-SP; animation-name: PT4-img03-SP; }

.inview.wrap-block-main .visual-pt4 .txt01 { -webkit-animation-name: PT4-txt01-SP; animation-name: PT4-txt01-SP; }

.inview.wrap-block-main .visual-pt4 .txt02 { -webkit-animation-name: PT4-txt02-SP; animation-name: PT4-txt02-SP; }

.inview.wrap-block-main .visual-pt5 .img01 { -webkit-animation-name: PT5-img01-SP; animation-name: PT5-img01-SP; }

.inview.wrap-block-main .visual-pt5 .img02 { -webkit-animation-name: PT5-img02-SP; animation-name: PT5-img02-SP; }

.inview.wrap-block-main .visual-pt5 .img03 { -webkit-animation-name: PT5-img03-SP; animation-name: PT5-img03-SP; }

.inview.wrap-block-main .visual-pt5 .txt01 { -webkit-animation-name: PT5-txt01-SP; animation-name: PT5-txt01-SP; }

.inview.wrap-block-main .visual-pt5 .txt02 { -webkit-animation-name: PT5-txt02-SP; animation-name: PT5-txt02-SP; }

.inview.sec-topics .swiper, .inview.sec-topics-pt1 .swiper { -webkit-animation: runSwiperSP 0.8s ease-out; animation: runSwiperSP 0.8s ease-out; opacity: 1; }

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

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

.inview.sec-topics .wrap-content:before, .inview.sec-topics-pt1 .wrap-content:before { -webkit-animation: runContentTopicSP 0.8s ease-out; animation: runContentTopicSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runContentTopicSP { 0% { left: 100%; }
  100% { left: -24px; } }

@keyframes runContentTopicSP { 0% { left: 100%; }
  100% { left: -24px; } }

.inview.sec-topics .block-video, .inview.sec-topics-pt1 .block-video { -webkit-animation: runVideoTopicSP 0.8s ease-out; animation: runVideoTopicSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runVideoTopicSP { 0% { top: 56.25%; }
  100% { top: 0px; } }

@keyframes runVideoTopicSP { 0% { top: 56.25%; }
  100% { top: 0px; } }

.inview.sec-topics .lipstick, .inview.sec-topics-pt1 .lipstick { -webkit-animation: runLipstickTopicSP 0.8s ease-out; animation: runLipstickTopicSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runLipstickTopicSP { 0% { right: -200px; }
  100% { right: -52px; } }

@keyframes runLipstickTopicSP { 0% { right: -200px; }
  100% { right: -52px; } }

.inview.sec-topics .lipstick { -webkit-animation: runLipstickTopicSP 0.8s ease-out; animation: runLipstickTopicSP 0.8s ease-out; opacity: 1; }

@keyframes runLipstickTopicSP { 0% { right: -200px; }
  100% { right: -76px; } }

.inview.sec-best-seller { position: relative; -webkit-animation: runBestSellerSP 0.8s ease-out; animation: runBestSellerSP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-intro-mv { opacity: 1; -webkit-animation: runIntroSP 0.8s ease-out; animation: runIntroSP 0.8s ease-out; opacity: 1; }

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

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

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

@-webkit-keyframes runContentMakelookSP { 0% { left: 100%; }
  100% { left: 24px; } }

@keyframes runContentMakelookSP { 0% { left: 100%; }
  100% { left: 24px; } }

.inview.sec-makelook .lipstick { -webkit-animation: runLipstickMakelookSP 0.8s ease-out; animation: runLipstickMakelookSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runLipstickMakelookSP { 0% { left: -246px; }
  100% { left: -48px; } }

@keyframes runLipstickMakelookSP { 0% { left: -246px; }
  100% { left: -48px; } }

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

@-webkit-keyframes runSlideContentSP { 0% { top: 200px; }
  100% { top: 0px; } }

@keyframes runSlideContentSP { 0% { top: 200px; }
  100% { top: 0px; } }

.inview.sec-lineup .list-item-pt3 { position: relative; -webkit-animation: runListLineUpSP 0.8s ease-out; animation: runListLineUpSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runListLineUpSP { 0% { top: 200px; }
  100% { top: 0; } }

@keyframes runListLineUpSP { 0% { top: 200px; }
  100% { top: 0; } }

.inview.sec-lineup:before { -webkit-animation: runContentLineUpSP 0.8s ease-out; animation: runContentLineUpSP 0.8s ease-out; opacity: 1; }

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

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

.inview.sec-lineup .wrap-btn { position: relative; -webkit-animation: runListLineUpSP 0.8s ease-out; animation: runListLineUpSP 0.8s ease-out; opacity: 1; }

@keyframes runListLineUpSP { 0% { top: 200px; }
  100% { top: 0; } }

.inview.sec-contents .list-item-pt4 { position: relative; -webkit-animation: runListContentSP 0.8s ease-out; animation: runListContentSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runListContentSP { 0% { top: 200px; }
  100% { top: 0; } }

@keyframes runListContentSP { 0% { top: 200px; }
  100% { top: 0; } }

.inview.sec-contents .lipstick { -webkit-animation: runLipstickContentSP 0.8s ease-out; animation: runLipstickContentSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runLipstickContentSP { 0% { left: -375px; }
  100% { left: -107px; } }

@keyframes runLipstickContentSP { 0% { left: -375px; }
  100% { left: -107px; } }

.inview.wrap-intro-lead .wrap-content { position: relative; -webkit-animation: runIntroLeadSP 0.8s ease-out; animation: runIntroLeadSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runIntroLeadSP { 0% { top: 100px; }
  100% { top: 0; } }

@keyframes runIntroLeadSP { 0% { top: 100px; }
  100% { top: 0; } }

.inview.list-item-pt5 { position: relative; -webkit-animation: runListItem5SP 0.8s ease-out; animation: runListItem5SP 0.8s ease-out; opacity: 1; }

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

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

.inview.list-item-pt5.pt-sns { -webkit-animation: runListItem5SP 0.8s ease-out; animation: runListItem5SP 0.8s ease-out; opacity: 1; }

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

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

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

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

.inview.wrap-item-product { position: relative; -webkit-animation: runItemProductSP 0.8s ease-out; animation: runItemProductSP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-item-product .wrap-main-image:after { -webkit-animation: runtoImgProductSP 0.8s ease-out; animation: runtoImgProductSP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-item-product.pt-model .wrap-main-image:after { -webkit-animation: runtoModelSP 0.8s ease-out; animation: runtoModelSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runtoModelSP { 0% { right: 100%; }
  100% { right: 24px; } }

@keyframes runtoModelSP { 0% { right: 100%; }
  100% { right: 24px; } }

.inview.wrap-item-product.pt-teaser .wrap-main-image:after { -webkit-animation: runtoTeaserSP 0.8s ease-out; animation: runtoTeaserSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runtoTeaserSP { 0% { right: 100%; }
  100% { right: 79px; } }

@keyframes runtoTeaserSP { 0% { right: 100%; }
  100% { right: 79px; } }

.inview.wrap-item-product.pt-teaser2 .wrap-main-image:after { -webkit-animation: runtoTeaser2SP 0.8s ease-out; animation: runtoTeaser2SP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runtoTeaser2SP { 0% { right: 100%; }
  100% { right: 99px; } }

@keyframes runtoTeaser2SP { 0% { right: 100%; }
  100% { right: 99px; } }

.inview.sec-makeup-point { position: relative; z-index: 0; -webkit-animation: runMakeupPointSP 0.8s ease-out; animation: runMakeupPointSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runMakeupPointSP { 0% { top: 50px; }
  100% { top: 0; } }

@keyframes runMakeupPointSP { 0% { top: 50px; }
  100% { top: 0; } }

.inview.wrap-list-tab { position: relative; -webkit-animation: runListTabSP 0.8s ease-out; animation: runListTabSP 0.8s ease-out; opacity: 1; }

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

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

.inview.list-col1-3 { position: relative; -webkit-animation: runListTabSP 0.8s ease-out; animation: runListTabSP 0.8s ease-out; opacity: 1; }

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

.inview.list-makeup-area { position: relative; -webkit-animation: runMakeupAreaSP 0.8s ease-out; animation: runMakeupAreaSP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-sec-topics-detail { position: relative; -webkit-animation: runMakeupAreaSP 0.8s ease-out; animation: runMakeupAreaSP 0.8s ease-out; opacity: 1; }

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

.inview.wrap-development { -webkit-animation: runDevelopmentSP 0.8s ease-out; animation: runDevelopmentSP 0.8s ease-out; opacity: 1; }

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

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

.inview.txt-lead-event { position: relative; -webkit-animation: runLeadEventSP 0.8s ease-out; animation: runLeadEventSP 0.8s ease-out; opacity: 1; }

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

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

.inview.list-anchor { position: relative; -webkit-animation: runListAnchorSP 0.8s ease-out; animation: runListAnchorSP 0.8s ease-out; opacity: 1; }

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

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

.inview.sec-event { position: relative; -webkit-animation: runSecEventSP 0.8s ease-out; animation: runSecEventSP 0.8s ease-out; opacity: 1; }

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

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

.inview.sec-event .wrap-head-event .img-main { -webkit-animation: runtoImgEventSP 0.8s ease-out; animation: runtoImgEventSP 0.8s ease-out; opacity: 1; }

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

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

.inview.sec-event .wrap-content:after { -webkit-animation: runBgEventSP 0.8s ease-out; animation: runBgEventSP 0.8s ease-out; opacity: 1; }

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

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

.inview.sec-product-pt1 .wrap-lead-teaser { position: relative; -webkit-animation: runLeadTeaserSP 0.8s ease-out; animation: runLeadTeaserSP 0.8s ease-out; opacity: 1; }

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

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

.inview.list-product-pt1:before { -webkit-animation: runBgTeaserSP 0.8s ease-out; animation: runBgTeaserSP 0.8s ease-out; opacity: 1; }

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

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

.inview.sec-product-teaser { position: relative; -webkit-animation: runProductTeaserSP 0.8s ease-out; animation: runProductTeaserSP 0.8s ease-out; opacity: 1; }

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

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

.inview.list-item-pt9 { position: relative; -webkit-animation: runListItem9SP 0.8s ease-out; animation: runListItem9SP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-new-item { -webkit-animation: runListNewSP 0.8s ease-out; animation: runListNewSP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-summary { -webkit-animation: runSummarySP 0.8s ease-out; animation: runSummarySP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runSummarySP { 0% { top: 50px; }
  100% { top: 0; } }

@keyframes runSummarySP { 0% { top: 50px; }
  100% { top: 0; } }

.inview.wrap-summary .wrap-txt:after { -webkit-animation: runBgSummarySP 2s ease-out; animation: runBgSummarySP 2s ease-out; opacity: 1; }

@-webkit-keyframes runBgSummarySP { 0% { right: 375px; }
  100% { right: -375px; } }

@keyframes runBgSummarySP { 0% { right: 375px; }
  100% { right: -375px; } }

.inview.sec-product-campaign .wrap-product { position: relative; -webkit-animation: runProductCampaignSP 0.8s ease-out; animation: runProductCampaignSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runProductCampaignSP { 0% { top: 50px; }
  100% { top: 0; } }

@keyframes runProductCampaignSP { 0% { top: 50px; }
  100% { top: 0; } }

.inview.list-anchor-campaign { position: relative; -webkit-animation: runAnchorCampaignSP 0.8s ease-out; animation: runAnchorCampaignSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runAnchorCampaignSP { 0% { top: 50px; }
  100% { top: 0; } }

@keyframes runAnchorCampaignSP { 0% { top: 50px; }
  100% { top: 0; } }

.inview.sec-present .hdg-lv4-pt4: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.sec-present .wrap-box-present { position: relative; -webkit-animation: runBoxPresentSP 0.8s ease-out; animation: runBoxPresentSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runBoxPresentSP { 0% { top: 50px; }
  100% { top: 0; } }

@keyframes runBoxPresentSP { 0% { top: 50px; }
  100% { top: 0; } }

.inview.wrap-explain-present { -webkit-animation: runExplantPresentSP 0.8s ease-out; animation: runExplantPresentSP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-block-more { -webkit-animation: runBlockMoreSP 0.8s ease-out; animation: runBlockMoreSP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-make-point .wrap-content:after { -webkit-animation: runBgMakePointSP 0.8s ease-out; animation: runBgMakePointSP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-sec-how-to-use { -webkit-animation: runToBoxHowToUseSP 0.8s ease-out; animation: runToBoxHowToUseSP 0.8s ease-out; opacity: 1; }

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

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

.inview.wrap-sec-how-to-use .wrap-how-to-use:after { -webkit-animation: runToHowToUseSP 0.8s ease-out; animation: runToHowToUseSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runToHowToUseSP { 0% { left: 100%; }
  100% { left: 16px; } }

@keyframes runToHowToUseSP { 0% { left: 100%; }
  100% { left: 16px; } }

.inview.wrap-sec-how-to-use .img-lipstick { -webkit-animation: runToLipstickSP 0.8s ease-out; animation: runToLipstickSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runToLipstickSP { 0% { right: -150px; }
  100% { right: -123px; } }

@keyframes runToLipstickSP { 0% { right: -150px; }
  100% { right: -123px; } }

.area { display: none; }

.area.tabActive { display: block; }

body { font-family: "Noto Sans JP", sans-serif; font-weight: 400; color: #7B533F; }

body button { font-family: "Noto Sans JP", sans-serif; }

.bg-cement { position: relative; }

.bg-cement:before { content: ""; width: 100%; height: 100%; left: 0; right: 0; display: block; background-image: url(/special/makeup/common/img/bg_cement.png); background-repeat: repeat; background-size: auto 400px; position: absolute; mix-blend-mode: lighten; opacity: 0.16; top: 0; }

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

.wrap-img-responsive { padding-top: 100%; position: relative; font-size: 0; line-height: 0; overflow: hidden; z-index: 1; width: 100%; }

.wrap-img-responsive img { display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }

.block-video:has(.lipstick) { position: relative; }

.block-video .wrap-btn { display: block; text-align: center; margin-top: 18px; }

.block-video .desc { margin-top: 12px; font-weight: 400; font-size: 1.4rem; line-height: 2; color: #6A4532; position: relative; z-index: 1; }

.block-video .desc-pt1 { margin-top: 12px; font-weight: 400; font-size: 1.4rem; line-height: 2; text-align: left; color: #552408; }

.block-video .desc-pt1 + .desc-pt1 { margin-top: 0; }

.block-video .desc-pt1 .ttl-desc { font-weight: 800; }

.block-video .desc-pt1 + .list-btn { padding: 0 28px; }

.block-video .wrap-desc-more.open .wrap-script { -webkit-line-clamp: unset; }

.block-video .wrap-desc-more.open .wrap-script .desc-pt1 span { -webkit-line-clamp: unset; }

.block-video .wrap-desc-more.open .btn-more { display: none; }

.block-video .wrap-desc-more .wrap-script { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: max-height 0.3s ease; }

.block-video .wrap-desc-more .wrap-script .desc-pt1 { margin-top: 0; }

.block-video .wrap-desc-more .wrap-script .desc-pt1 span { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.block-video .wrap-desc-more .btn-more { margin-top: 4px; display: flex; justify-content: flex-end; text-decoration: none; color: rgba(106, 69, 50, 0.64); font-size: 1.6rem; font-weight: 400; line-height: 1.8; width: 100%; cursor: pointer; }

.wrap-video { position: relative; padding-bottom: 56.25%; height: 0; z-index: 2; overflow: hidden; }

.wrap-video * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.l-inner { padding: 0 24px; }

.l-inner-head { padding: 0 24px; }

.wrap-content-left { margin-left: -24px; }

.wrap-content-left .wrap-img.intro { margin-left: -38px; }

.wrap-content-right { margin-right: -24px; }

.txt-st { font-size: 1.4rem; line-height: 2; color: #6A4532; }

.l-main { margin-top: -80px; }

.wrap-sec-mv, .wrap-sec-content { overflow: hidden; }

.wrap-sec-content + .sec-topics-pt1 { margin-top: -16px; }

.wrap-sec-content:has(.sec-makelook-movie) + .sec-topics-pt1 { margin-top: -57px; }

.wrap-sec-content:has(.topics-style01) + .sec-lineup { margin-top: -84px; }

.wrap-mainvisual { padding-bottom: 240px; background-color: #A50319; }

.wrap-block-main { position: relative; }

.wrap-block-main .scroll-cnt { font-family: "Playfair Display", serif; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; font-weight: 400; font-size: 1.4rem; line-height: 1.5; text-align: center; opacity: 0.8; color: #FFFFFF; display: block; width: 19px; position: absolute; bottom: 0; right: 23px; padding-bottom: 104px; }

.wrap-block-main .scroll-cnt:after { -webkit-animation: runScroll 2s infinite; animation: runScroll 2s infinite; opacity: 1; content: ""; width: 1px; background-color: #FFFFFF; position: absolute; top: 44px; left: -2px; right: 0; margin: auto; }

@-webkit-keyframes runScroll { 0% { height: 0; }
  100% { height: 96px; } }

@keyframes runScroll { 0% { height: 0; }
  100% { height: 96px; } }

.wrap-block-main .txt01 { width: calc(min(34.137vw, 200px)); }

.wrap-block-main .txt02 { left: 32px; width: calc(min(93.601vw, 660px)); }

.wrap-block-main .img01 { right: 0; width: calc(min(62.934vw,340px)); top: 80px; }

.wrap-block-main .img02 { width: calc(min(41.334vw, 222px)); bottom: 42px; }

.wrap-block-main .img03 { width: calc(min(32.534vw, 200px)); left: 27px; }

.wrap-block-main .info { font-weight: 500; font-size: 1.6rem; line-height: 1.6; color: #FFFFFF; position: absolute; bottom: -70px; left: 24px; }

.wrap-block-main .info .txt-attend { display: block; margin-top: 6px; font-size: 1.1rem; line-height: 1.5; padding-left: 1em; text-indent: -1em; font-weight: 400; }

.wrap-block-main .visual { padding-left: 24px; position: relative; padding-top: calc(min(216.535vw, 1117px)); }

.wrap-block-main .visual .wrap-img { position: absolute; }

.visual-pt1 .img01 { width: calc(min(62.934vw,340px)); top: 80px; }

.visual-pt1 .img03 { top: calc(min(88vw,422px)); }

.visual-pt1 .txt01 { top: calc(min(62.2vw,291px)); }

.visual-pt1 .txt02 { top: calc(min(121vw,577px)); }

.visual-pt2 .img01 { top: 75px; width: calc(min(93.867vw,400px)); }

.visual-pt2 .txt01 { top: calc(min(95.2vw,360px)); }

.visual-pt2 .img03 { left: 27px; top: calc(min(121vw,480px)); }

.visual-pt2 .txt02 { left: -8px; top: calc(min(166vw,750px)); }

.visual-pt3 .img02 { bottom: 35px; }

.visual-pt3 .img03 { top: calc(min(88vw,422px)); }

.visual-pt3 .txt01 { top: calc(min(62.2vw,291px)); }

.visual-pt3 .txt02 { top: calc(min(124vw,577px)); }

.visual-pt4 .txt01 { top: calc(min(62.2vw,291px)); }

.visual-pt4 .txt02 { top: calc(min(124vw,577px)); }

.visual-pt4 .img02 { bottom: 32px; }

.visual-pt4 .img03 { top: calc(min(87vw,422px)); }

.visual-pt5 .txt01 { top: calc(min(46.2vw,190px)); }

.visual-pt5 .img03 { top: calc(min(71vw,347px)); }

.visual-pt5 .txt02 { top: calc(min(121vw,577px)); }

.wrap-intro-mv { opacity: 0; position: relative; z-index: 1; margin-top: -152px; }

.wrap-intro-mv .wrap-cnt { margin-top: 38px; margin-left: 81px; }

.wrap-intro-mv .wrap-btn { margin-top: 30px; }

.btn-message { display: block; width: 178px; height: auto; position: relative; padding-bottom: 10px; }

.btn-message:after { content: ""; display: block; width: 188px; height: 10px; background-color: #A50319; -webkit-mask-image: url(/special/makeup/common/img/img_arrow_message.svg); mask-image: url(/special/makeup/common/img/img_arrow_message.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; bottom: 21px; left: 3px; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.sec-topics { margin-top: 72px; overflow: hidden; }

.sec-topics .wrap-content { position: relative; padding-top: 136px; padding-bottom: 28px; }

.sec-topics .wrap-content:before { content: ""; top: 405px; position: absolute; background-color: rgba(88, 68, 58, 0.24); left: -24px; right: -24px; min-height: 323px; margin: auto; pointer-events: none; z-index: -1; }

.sec-topics .hdg-sub { display: block; width: 261px; height: 242px; position: absolute; font-size: 0rem; line-height: 0; top: 0; left: -32px; z-index: -1; background-color: #FFA8F8; -webkit-mask-image: url(/special/makeup/common/img/txt_topics.png); mask-image: url(/special/makeup/common/img/txt_topics.png); -webkit-mask-size: contain; mask-size: contain; }

.sec-topics .lipstick { display: block; width: 200px; height: auto; position: absolute; right: -76px; top: 81px; }

.sec-topics .wrap-profile-intro { opacity: 0; margin-top: 40px; background-color: #58443A; padding: 24px; }

.sec-topics .wrap-profile-intro.inview { -webkit-animation: runProfileIntroSP 0.8s ease-out; animation: runProfileIntroSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runProfileIntroSP { 0% { top: 150px; }
  100% { top: 0px; } }

@keyframes runProfileIntroSP { 0% { top: 150px; }
  100% { top: 0px; } }

.sec-topics .wrap-profile-intro .wrap-img { padding: 0 70px; }

.sec-topics .wrap-profile-intro .wrap-txt { margin-top: 16px; }

.sec-topics .wrap-profile-intro .role { font-weight: 500; font-size: 1.4rem; line-height: 1.42; text-align: center; color: #FFFFFF; }

.sec-topics .wrap-profile-intro .name { margin-top: 8px; font-weight: 700; font-size: 2rem; line-height: 1.5; text-align: center; color: #FFFFFF; }

.sec-topics .wrap-profile-intro .cnt { margin-top: 24px; font-weight: 400; font-size: 1.4rem; line-height: 1.75; text-align: center; color: #FFFFFF; }

.wrap-topics .swiper { opacity: 0; padding-left: 24px; margin-top: 32px; }

.wrap-topics .swiper .swiper-wrapper { height: auto; }

.wrap-topics .wrap-box { position: relative; }

.wrap-topics .wrap-box.new .wrap-img { position: relative; }

.wrap-topics .wrap-box.new .wrap-img:before { content: "NEW"; font-family: "Playfair Display", serif; font-weight: 400; font-size: 2.4rem; line-height: 1.33; text-align: center; color: #FFFFFF; display: block; width: 70px; height: 33px; background-color: #A50319; position: absolute; top: 0; right: 0; z-index: 1; }

.wrap-topics .desc { margin-top: 16px; font-size: 1.4rem; line-height: 1.42; text-align: center; color: #6A4532; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.wrap-topics .link { text-decoration: none; }

.wrap-topics .wrap-control { margin-top: 16px; margin-bottom: 48px; }

.wrap-topics .list-control { margin-top: 16px; margin-left: -52px; display: flex; align-items: center; }

.wrap-topics .list-control > li { padding-left: 32px; }

.wrap-topics .list-control .swiper-btn-prev, .wrap-topics .list-control .swiper-btn-next { cursor: pointer; display: block; width: 84px; height: 16px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; font-size: 0rem; line-height: 0; background-color: #6A4532; transition: -webkit-mask-position .3s; transition: mask-position .3s; transition: mask-position .3s, -webkit-mask-position .3s; }

.wrap-topics .list-control .swiper-btn-prev { -webkit-mask-position: right; mask-position: right; -webkit-mask-image: url(/special/makeup/common/img/icon_previous.svg); mask-image: url(/special/makeup/common/img/icon_previous.svg); }

.wrap-topics .list-control .swiper-btn-next { -webkit-mask-position: left; mask-position: left; -webkit-mask-image: url(/special/makeup/common/img/icon_next.svg); mask-image: url(/special/makeup/common/img/icon_next.svg); }

.wrap-topics .swiper-slide { display: flex; align-items: center; justify-content: center; position: relative; text-align: center; width: 258px; }

.wrap-topics .wrap-img { overflow: hidden; }

.wrap-topics img { transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; display: block; width: 100%; height: auto; object-fit: cover; }

.sec-best-seller { margin-top: 72px; opacity: 0; }

.sec-best-seller + .sec-topics { margin-top: 32px; }

.btn-arrow { cursor: pointer; display: block; width: 84px; height: 16px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; font-size: 0rem; line-height: 0; background-color: #6A4532; transition: -webkit-mask-position .3s; transition: mask-position .3s; transition: mask-position .3s, -webkit-mask-position .3s; }

.btn-arrow.prev { -webkit-mask-position: right; mask-position: right; left: -20px; -webkit-mask-image: url(/special/makeup/common/img/icon_previous.svg); mask-image: url(/special/makeup/common/img/icon_previous.svg); }

.btn-arrow.next { -webkit-mask-position: left; mask-position: left; right: -20px; -webkit-mask-image: url(/special/makeup/common/img/icon_next.svg); mask-image: url(/special/makeup/common/img/icon_next.svg); }

.txt-link-all { font-family: "Playfair Display", serif; font-weight: 500; font-size: 1.8rem; line-height: 1; color: #6A4532; text-decoration: none; position: relative; }

.txt-link-all:after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: #6A4532; bottom: 0; }

.txt-link-detail { font-family: "Playfair Display", serif; font-weight: 500; text-decoration: none; font-size: 1.6rem; line-height: 1; text-align: right; color: #FFFFFF; display: inline-block; position: relative; padding-bottom: 2px; }

.txt-link-detail:after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: #FFFFFF; bottom: 0; }

.txt-link-review { cursor: pointer; display: inline-block; text-decoration: none; font-size: 1.6rem; line-height: 1.375; color: #FFFFFF; }

.txt-link-review span { position: relative; padding-right: 79px; }

.txt-link-review span:after { display: block; width: 64px; height: 16px; content: ""; -webkit-mask-image: url(/special/makeup/common/img/icon_next.svg); mask-image: url(/special/makeup/common/img/icon_next.svg); background-color: #FFFFFF; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; position: absolute; top: 0; bottom: 0; right: 0; margin: auto; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.sec-makelook { margin-top: 40px; overflow: hidden; }

.sec-makelook .wrap-content { padding-top: 205px; padding-bottom: 74px; position: relative; }

.sec-makelook .wrap-content:before { content: ""; top: 165px; position: absolute; background-color: #A50319; left: 24px; z-index: -1; right: -24px; min-height: 729px; height: 100%; margin: auto; pointer-events: none; opacity: 0; }

.sec-makelook .wrap-content:after { content: ""; display: block; top: 165px; position: absolute; left: 0; z-index: -1; right: -24px; min-height: 729px; height: 100%; margin: auto; pointer-events: none; background-image: url(/special/makeup/common/img/bg_cement.png); background-repeat: repeat; background-size: auto 400px; position: absolute; mix-blend-mode: lighten; opacity: 0.16; }

.sec-makelook .hdg-sub { display: block; width: 433px; height: 242px; font-size: 0rem; line-height: 0; position: absolute; top: 30px; left: -15px; z-index: 1; background-color: #FF7171; -webkit-mask-image: url(/special/makeup/common/img/txt_makelook.png); mask-image: url(/special/makeup/common/img/txt_makelook.png); -webkit-mask-size: contain; mask-size: contain; }

.sec-makelook .lipstick { display: block; width: 246px; height: auto; position: absolute; left: -48px; bottom: 86px; opacity: 0; }

.hdg-lv2 { font-family: "Playfair Display", serif; font-weight: 400; font-size: 4.8rem; line-height: 1.3; text-align: center; word-break: break-all; }

.hdg-lv2.hdg-topics { color: #A50319; text-align: left; }

.hdg-lv2.hdg-makelook { color: #FFFFFF; }

.hdg-lv2.hdg-lineup { color: #6A4532; }

.hdg-lv2.hdg-contents { text-align: right; color: #FFFFFF; }

.hdg-lv2.hdg-intro-lead { text-align: left; color: #FFFFFF; }

.hdg-lv2.hdg-makeup-movie { font-size: 3.6rem; line-height: 1.33; text-align: center; color: #6A4532; margin-bottom: 14px; }

.hdg-lv2.hdg-best-seller span { font-size: 4rem; line-height: 1.56; text-align: center; color: #6A4532; padding: 0 45px; position: relative; }

.hdg-lv2.hdg-best-seller span:before, .hdg-lv2.hdg-best-seller span:after { content: ""; display: block; width: 28px; height: 48px; background-image: url(/special/makeup/img/img_bg_best-seller.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }

.hdg-lv2.hdg-best-seller span:after { -webkit-transform: scaleX(-1); transform: scaleX(-1); right: 0; left: auto; }

.hdg-lv2.hdg-staff-review { font-size: 3.6rem; line-height: 1.33; text-align: center; color: #6A4532; }

.wrap-makelook .ttl { margin-top: 230px; font-family: "Playfair Display", serif; font-weight: 500; font-size: 3.2rem; line-height: 1.1875; text-align: center; color: #FFFFFF; opacity: 0; visibility: hidden; padding-bottom: 10px; position: relative; transition-duration: .3s; transition-property: opacity; transition-timing-function: ease; }

.wrap-makelook .ttl:after { content: ""; display: block; width: 42px; height: 1px; background-color: #FFFFFF; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; }

.wrap-makelook .ttl .number { display: block; margin-bottom: 30px; font-size: 2rem; line-height: 1; color: #FFFFFF; }

.wrap-makelook .wrap-cnt { position: relative; margin-top: 27px; opacity: 0; visibility: hidden; transition-duration: .3s; transition-property: opacity; transition-timing-function: ease; width: 280px; }

.wrap-makelook .desc { font-size: 1.4rem; line-height: 2; text-align: center; color: #FFFFFF; }

.wrap-makelook .wrap-btn { text-align: center; margin-top: 23px; }

.wrap-makelook .wrap-box { height: 215px; }

.wrap-makelook .wrap-slide-content { position: relative; margin-left: -24px; margin-right: -24px; margin-top: 36px; opacity: 0; }

.wrap-makelook .wrap-slide-content.swiper { margin-left: 0; margin-right: 0; width: 100%; }

.wrap-makelook .wrap-slide-content.swiper .swiper-slide { display: flex; justify-content: center; position: relative; text-align: center; width: 160px; min-height: 550px; }

.wrap-makelook .wrap-slide-content.swiper .swiper-slide img { display: block; height: 160px; left: 50%; object-fit: cover; position: absolute; top: 0; -webkit-transform: translateX(-50%) translateY(52px); transform: translateX(-50%) translateY(52px); transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; width: 160px; }

.wrap-makelook .wrap-slide-content.swiper .swiper-slide.swiper-slide-active img { -webkit-transform: translateX(-50%) translateY(26px) scale(1.325); transform: translateX(-50%) translateY(26px) scale(1.325); }

.wrap-makelook .wrap-slide-content.swiper .swiper-slide.swiper-slide-active .wrap-box { height: 100%; }

.wrap-makelook .wrap-slide-content.swiper .swiper-slide.swiper-slide-active .ttl { opacity: 1; visibility: visible; }

.wrap-makelook .wrap-slide-content.swiper .swiper-slide.swiper-slide-active .wrap-cnt { opacity: 1; visibility: visible; }

.wrap-makelook .wrap-slide-content .wrap-control { width: 280px; position: absolute; left: 0; right: 0; margin: auto; top: 236px; }

.wrap-makelook .wrap-slide-content .wrap-control .swiper-btn-prev, .wrap-makelook .wrap-slide-content .wrap-control .swiper-btn-next { position: absolute; z-index: 10; }

.wrap-makelook .wrap-slide-content .list-control { display: flex; justify-content: space-between; }

.wrap-makelook .wrap-slide-content .btn-arrow { background-color: #FFFFFF; }

.wrap-makelook .wrap-slide-content .link { display: block; text-decoration: none; pointer-events: none; }

.wrap-makelook .wrap-slide-content .link .wrap-img, .wrap-makelook .wrap-slide-content .link .wrap-btn { pointer-events: visible; }

.wrap-layout { position: relative; }

.wrap-heading { top: -191px; position: relative; max-width: 1110px; margin: 0 auto; }

.sec-lineup { position: relative; overflow: hidden; }

.sec-lineup.bg-none:before, .sec-lineup.bg-none:after { display: none; }

.sec-lineup.bg-none .wrap-content { padding-top: 167px; padding-bottom: 0; }

.sec-lineup.bg-none .hdg-sub { top: 81px; }

.sec-lineup:before { content: ""; top: 320px; position: absolute; background-color: #58443A; left: 0; right: 0; z-index: -1; min-height: 1417px; height: 100%; margin: auto; pointer-events: none; }

.sec-lineup:after { content: ""; display: block; top: 320px; position: absolute; left: 0; right: 0; z-index: -1; min-height: 1907px; margin: auto; pointer-events: none; background-image: url(/special/makeup/common/img/bg_cement.png); background-repeat: repeat; background-size: auto 400px; position: absolute; mix-blend-mode: lighten; opacity: 0.16; }

.sec-lineup .wrap-content { padding-top: 128px; padding-bottom: 336px; position: relative; z-index: 2; }

.sec-lineup .hdg-sub { display: block; width: 304px; height: 242px; font-size: 0rem; line-height: 0; position: absolute; top: 44px; right: -48px; z-index: 1; background-color: #E2AF03; -webkit-mask-image: url(/special/makeup/common/img/txt_lineup.png); mask-image: url(/special/makeup/common/img/txt_lineup.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; }

.wrap-lineup { position: relative; z-index: 2; }

.wrap-lineup .wrap-btn { margin-top: 48px; }

.list-item-pt3 { opacity: 0; display: flex; flex-wrap: wrap; margin-top: 32px; margin-left: -22px; }

.list-item-pt3.col-4 { margin-top: 12px; }

.list-item-pt3.col-4 .ttl { color: #6A4532; }

.list-item-pt3.col-4 > li:nth-child(n + 4) { width: 100%; margin-top: 48px; }

.list-item-pt3.col-4 > li:nth-child(n + 4) .ttl { font-size: 2rem; line-height: 1.35; }

.list-item-pt3 > li { padding-left: 22px; width: 100%; }

.list-item-pt3 > li + li { margin-top: 48px; }

.list-item-pt3 > li:nth-child(n + 4) { width: 50%; margin-top: 48px; }

.list-item-pt3 > li:nth-child(n + 4) .ttl { font-size: 1.6rem; line-height: 1.3125; }

.list-item-pt3 > li:nth-child(n + 6) { margin-top: 32px; }

.list-item-pt3 .ttl { margin-top: 16px; font-family: "Playfair Display", serif; font-weight: 400; font-size: 2rem; line-height: 1.35; text-align: center; color: #FFFFFF; word-break: break-all; }

.list-item-pt3 .wrap-img { overflow: hidden; }

.list-item-pt3 .wrap-img img { transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.list-item-pt3 .link { text-decoration: none; }

.sec-contents { margin-top: -224px; overflow: hidden; position: relative; z-index: 3; }

.sec-contents .wrap-content { position: relative; padding-bottom: 227px; }

.sec-contents .hdg-sub { display: block; width: 341px; height: 242px; font-size: 0rem; line-height: 0; position: absolute; bottom: 0; right: -71px; z-index: 1; background-color: #C67CC0; -webkit-mask-image: url(/special/makeup/common/img/txt_contents.png); mask-image: url(/special/makeup/common/img/txt_contents.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; pointer-events: none; }

.sec-contents .lipstick { display: block; width: 375px; height: auto; position: absolute; left: -107px; bottom: -210px; z-index: -1; }

.list-item-pt4 { opacity: 0; margin-top: 25px; }

.list-item-pt4 > li + li { margin-top: 48px; }

.list-item-pt4 > li:nth-child(odd) { padding-right: 57px; }

.list-item-pt4 > li:nth-child(even) { padding-left: 57px; }

.list-item-pt4 .wrap-img { overflow: hidden; }

.list-item-pt4 .wrap-img img { transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.list-item-pt4 .ttl { margin-top: 20px; font-size: 1.4rem; line-height: 1; text-align: center; color: #6A4532; }

.list-item-pt4 .link { text-decoration: none; display: block; position: relative; }

.menu-open { overflow: hidden; margin: 0; touch-action: none; -ms-touch-action: none; height: 100vh; }

.menu-open:after { content: ""; display: block; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 2; background-color: transparent; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); --webkit-backdrop-filter: blur(15px); }

.menu-open:before { content: ""; display: block; height: 100%; background-color: #A50319; opacity: 0.75; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 2; }

.menu-open .wrap-menu .btn-menu .hambuger span { width: 56px !important; }

.menu-open .wrap-menu .btn-menu .hambuger span:nth-child(1) { -webkit-transform: translateY(7px) rotate(-15deg); transform: translateY(7px) rotate(-15deg); }

.menu-open .wrap-menu .btn-menu .hambuger span:nth-child(2) { -webkit-transform: translateY(-3px) rotate(15deg); transform: translateY(-3px) rotate(15deg); }

.menu-open .header-content { position: relative; z-index: 5; }

.menu-open .wrap-area-menu { display: flex; }

.l-head { position: relative; z-index: 10; }

.wrap-header { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; min-height: 80px; }

.wrap-header .link { text-decoration: none; }

.logo { display: block; flex: 0 0 112px; margin-right: 16px; height: auto; }

.wrap-menu .btn-menu { cursor: pointer; display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; }

.wrap-menu .btn-menu .txt { font-size: 0rem; line-height: 0; }

.wrap-menu .btn-menu .hambuger { display: block; width: 56px; height: 10px; position: relative; }

.wrap-menu .btn-menu .hambuger span { transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; background-color: #FFFFFF; height: 1px; }

.wrap-menu .btn-menu .hambuger span:nth-child(1) { position: absolute; top: 0; width: 56px; right: 0; }

.wrap-menu .btn-menu .hambuger span:nth-child(2) { position: absolute; width: 32px; bottom: 0; right: 0; }

.wrap-area-menu { display: none; position: absolute; width: 100%; height: calc(100vh - 140px); align-items: center; justify-content: center; }

.list-menu { width: 100%; }

.list-menu > li + li { margin-top: 28px; }

.list-menu .link { text-decoration: none; }

.list-menu .wrap-box { display: flex; align-items: center; justify-content: space-between; }

.list-menu .txt-en { font-family: "Playfair Display", serif; font-weight: 400; font-size: 2.4rem; line-height: 1.33; color: #FFFFFF; }

.list-menu .txt-jp { font-size: 1.4rem; line-height: 2.28; color: #FFFFFF; }

.list-menu .list-sub-menu { margin: 16px 0 0 24px; display: flex; flex-wrap: wrap; gap: 14px; }

.list-menu .list-sub-menu > li { width: 100%; }

.list-menu .list-sub-menu > li * { display: block; font-family: "Playfair Display", serif; font-size: 2rem; line-height: 1.6; color: #FFFFFF; text-decoration: none; transition: opacity .3s; padding-left: 42px; position: relative; }

.list-menu .list-sub-menu > li *:hover { opacity: 0.7; }

.list-menu .list-sub-menu > li *:before { content: ""; display: block; width: 24px; height: 1px; background-color: #FFFFFF; position: absolute; top: 16px; left: 0; }

.list-item-pt5 { margin-top: 64px; display: flex; flex-wrap: wrap; margin-left: -15px; }

.list-item-pt5.pt-item { margin-top: 16px; }

.list-item-pt5.pt-item > li:nth-child(n + 3) { margin-top: 24px; }

.list-item-pt5.pt-item + .price { margin-top: 32px !important; }

.list-item-pt5.pt-item .link { pointer-events: none; }

.list-item-pt5.pt-item .wrap-img { pointer-events: visible; }

.list-item-pt5.pt-item .ttl-link { pointer-events: visible; }

.list-item-pt5.pt-sns { margin-top: 24px; opacity: 0; }

.list-item-pt5.pt-topics { margin-top: 20px; }

.list-item-pt5.pt-topics .link { pointer-events: none; }

.list-item-pt5.pt-topics .wrap-img { pointer-events: visible; }

.list-item-pt5.pt-topics .ttl-link { font-weight: 600; text-align: center; pointer-events: visible; }

.list-item-pt5.pt-topics .number { text-align: center; }

.list-item-pt5.pt-topics .price-item { font-weight: 400; text-align: center; }

.list-item-pt5.pt-best-seller { margin-top: 32px; margin-left: -15px; }

.list-item-pt5.pt-best-seller > li { width: calc(100% / 3); padding-left: 15px; }

.list-item-pt5.pt-best-seller > li + li { margin-top: 0; }

.list-item-pt5.pt-best-seller > li:nth-child(n + 4) { margin-top: 24px; }

.list-item-pt5.pt-best-seller .link { pointer-events: none; }

.list-item-pt5.pt-best-seller .wrap-img { pointer-events: visible; }

.list-item-pt5.pt-best-seller .ttl-link { pointer-events: visible; }

.list-item-pt5.pt-best-seller .price-item span { font-size: 1rem; }

.list-item-pt5 > li { width: 50%; padding-left: 15px; }

.list-item-pt5 > li:nth-child(n + 3) { margin-top: 16px; }

.list-item-pt5 .link { display: block; text-decoration: none; }

.list-item-pt5 .wrap-box { position: relative; z-index: -1; }

.list-item-pt5 .ttl-link { margin-top: 16px; text-decoration: underline; font-size: 1.4rem; line-height: 1.5; color: #6A4532; }

.list-item-pt5 .ttl-link a { display: block; cursor: pointer; color: inherit; }

.list-item-pt5 .ttl { margin-top: 8px; font-weight: 700; font-size: 1.4rem; line-height: 1.42; text-align: center; color: #6A4532; }

.list-item-pt5 .number { margin-top: 8px; font-size: 1.4rem; line-height: 1.5; color: #6A4532; }

.list-item-pt5 .number span + span { margin-left: 8px; }

.list-item-pt5 .price-item { margin-top: 8px; font-weight: 600; font-size: 1.4rem; line-height: 1.5; color: #6A4532; }

.list-item-pt5 .wrap-img { overflow: hidden; }

.list-item-pt5 .wrap-img img { transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.list-item-pt6 { margin-top: 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin-left: -8px; }

.list-item-pt6 > li { width: 25%; padding-left: 8px; }

.list-item-pt6 > li:nth-child(n + 5) { margin-top: 16px; }

.list-item-pt6 .wrap-img { display: block; overflow: hidden; width: 10.67vw; height: 10.67vw; margin: 0 auto; position: relative; font-size: 0; line-height: 0; overflow: hidden; z-index: 1; padding-top: 10.67vw; background-color: #FFFFFF; }

.list-item-pt6 .wrap-img img { display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: contain; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.list-item-pt6 .wrap-img + .number { margin-top: 4px; }

.list-item-pt6 .number { display: block; font-weight: 600; font-size: 1rem; line-height: 1.7; text-align: center; color: #6A4532; }

.list-item-pt6 .number + .desc { margin-top: 4px; }

.list-item-pt6 .desc { margin-top: 24px; display: block; font-weight: 600; font-size: 1.2rem; line-height: 1.5; text-align: center; color: #6A4532; }

.list-item-pt6 .desc.txt-semibold { font-weight: 600; }

.list-item-pt6 .txt-sm { font-size: 0.8rem; line-height: 1.375; font-weight: 600; }

.list-item-pt6 .wrap-box { cursor: pointer; width: 100%; }

.wrap-intro-lead { padding-top: 75px; position: relative; z-index: 1; }

.wrap-intro-lead:before { content: ""; display: block; left: 0; right: 0; min-height: 348px; height: calc(100% - 106px); background-color: #A50319; position: absolute; top: 0; }

.wrap-intro-lead:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; z-index: 1; min-height: 348px; height: calc(100% - 106px); margin: auto; pointer-events: none; background-image: url(/special/makeup/common/img/bg_cement.png); background-repeat: repeat; background-size: auto 400px; position: absolute; mix-blend-mode: lighten; opacity: 0.16; }

.wrap-intro-lead.eyemake .hdg-sub { -webkit-mask-image: url(/special/makeup/eyemake/img/txt_eyemake.png); mask-image: url(/special/makeup/eyemake/img/txt_eyemake.png); }

.wrap-intro-lead.makelook .hdg-sub { -webkit-mask-image: url(/special/makeup/makelook/img/txt_makelook.png); mask-image: url(/special/makeup/makelook/img/txt_makelook.png); }

.wrap-intro-lead.facecolor .hdg-sub { -webkit-mask-image: url(/special/makeup/facecolor/img/txt_facecolor.png); mask-image: url(/special/makeup/facecolor/img/txt_facecolor.png); }

.wrap-intro-lead.lip .hdg-sub { -webkit-mask-image: url(/special/makeup/lip/img/txt_lip.png); mask-image: url(/special/makeup/lip/img/txt_lip.png); }

.wrap-intro-lead.item .hdg-sub { -webkit-mask-image: url(/special/makeup/item/img/txt_item.png); mask-image: url(/special/makeup/item/img/txt_item.png); }

.wrap-intro-lead.topics .hdg-sub { -webkit-mask-image: url(/special/makeup/topics/img/txt_topics.png); mask-image: url(/special/makeup/topics/img/txt_topics.png); }

.wrap-intro-lead.eyemake .hdg-sub { width: 468px; }

.wrap-intro-lead.facecolor .hdg-sub { width: 452px; }

.wrap-intro-lead.lip .hdg-sub { width: 439px; left: -50px; }

.wrap-intro-lead.item .hdg-sub { width: 593px; left: -180px; }

.wrap-intro-lead.makelook .hdg-sub { -webkit-mask-image: url(/special/makeup/img/makelook/txt_makelook.png); mask-image: url(/special/makeup/img/makelook/txt_makelook.png); }

.wrap-intro-lead.makelook:before, .wrap-intro-lead.makelook:after { height: calc(100% - 142px); }

.wrap-intro-lead.makelook .hdg-sub { width: 400px; left: -55px; }

.wrap-intro-lead.makelook .wrap-intro-product .wrap-img { margin-right: -24px; margin-top: 50px; }

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

.wrap-intro-lead.topics:before, .wrap-intro-lead.topics:after { height: calc(100% - 19px); }

.wrap-intro-lead.topics .wrap-content { padding-top: 80px; }

.wrap-intro-lead.topics .hdg-lv2 { font-size: 3.2rem; line-height: 1.34375; }

.wrap-intro-lead.topics .hdg-sub { left: 99px; width: 207px; height: 192px; }

.wrap-intro-lead.topics .head .hdg-lv2 { margin-bottom: 0; }

.wrap-intro-lead.topics .head + .wrap-img { margin-top: 22px; margin-right: -24px; margin-left: 57px; }

.wrap-intro-lead.topics-style01:before, .wrap-intro-lead.topics-style01:after { height: calc(100% - 130px); }

.wrap-intro-lead.topics-style01 .head + .wrap-img { margin-top: 40px; margin-left: 0; }

.wrap-intro-lead.event .hdg-sub { -webkit-mask-image: url(/special/makeup/img/event/txt_event.png); mask-image: url(/special/makeup/img/event/txt_event.png); width: 221px; left: 102px; top: -24px; }

.wrap-intro-lead.event:before, .wrap-intro-lead.event:after { height: calc(100% - 197px); }

.wrap-intro-lead.event .hdg-lv2 { font-size: 3.2rem; line-height: 1.34375; }

.wrap-intro-lead.event .txt-intro-lead { margin-top: 24px; }

.wrap-intro-lead.event .img-event { margin-top: -7px; margin-right: -148px; margin-left: 0; }

.wrap-intro-lead.teaser .hdg-sub { -webkit-mask-image: url(/special/makeup/img/teaser/txt_new.png); mask-image: url(/special/makeup/img/teaser/txt_new.png); width: 108px; height: 121px; top: -17px; left: 88px; }

.wrap-intro-lead.teaser .wrap-content { padding-top: 45px; }

.wrap-intro-lead.teaser:before, .wrap-intro-lead.teaser:after { height: calc(100% - 185px); }

.wrap-intro-lead.teaser .txt-intro-lead { margin-top: 0; }

.wrap-intro-lead.teaser .wrap-block-img { margin-top: 14px; margin-right: -32px; position: relative; }

.wrap-intro-lead.teaser .img-teaser { margin-top: 0; margin-right: 0; display: block; width: 206px; height: auto; margin-left: auto; }

.wrap-intro-lead.teaser .img-teaser-add { margin-top: -40px; margin-right: 98px; margin-left: auto; width: 136px; height: auto; }

.wrap-intro-lead.campaign { padding-top: 101px; }

.wrap-intro-lead.campaign:before, .wrap-intro-lead.campaign:after { min-height: 201px; height: calc(100% - 110px); }

.wrap-intro-lead.campaign .wrap-content { padding-top: 28px; }

.wrap-intro-lead.campaign .hdg-sub { -webkit-mask-image: url(/special/makeup/img/campaign/txt_campaign.png); mask-image: url(/special/makeup/img/campaign/txt_campaign.png); width: 248px; height: 150px; top: -56px; left: 0; }

.wrap-intro-lead.campaign .hdg-lv2 { margin-right: 10px; white-space: nowrap; font-size: 3.2rem; line-height: 1.34375; }

.wrap-intro-lead.campaign .wrap-intro-product { display: flex; }

.wrap-intro-lead.campaign .wrap-img { margin-top: 16px; margin-right: -24px; }

.wrap-intro-lead .wrap-content { padding-top: 56px; position: relative; }

.wrap-intro-lead .hdg-sub { display: block; position: absolute; font-size: 0rem; line-height: 0; top: 0; left: -77px; background-color: #E2AF03; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; height: 240px; }

.wrap-intro-lead .txt-intro-lead { margin-top: 48px; font-weight: 700; color: #FFFFFF; }

.wrap-intro-lead .txt-intro-lead .role { display: block; font-size: 2rem; line-height: 1.45; }

.wrap-intro-lead .txt-intro-lead .role + .name { margin-top: 10px; }

.wrap-intro-lead .txt-intro-lead .name { display: inline-block; font-size: 2.8rem; line-height: 1.42; }

.wrap-intro-lead .txt-intro-lead .lead { display: block; font-size: 2.8rem; line-height: 1.56; }

.wrap-intro-lead .txt-intro-lead .recipe { font-size: 2.8rem; line-height: 1.7; }

.wrap-intro-lead .txt-intro-lead .sub { font-weight: 700; font-size: 1.8rem; line-height: 1.75; }

.wrap-intro-lead .txt-intro-lead .main { display: block; margin-top: 6px; font-weight: 700; font-size: 2.8rem; line-height: 1.5; }

.wrap-intro-lead .txt-intro-lead .add-main { display: block; margin-bottom: 12px; font-weight: 700; font-size: 2.0rem; line-height: 1.5; }

.wrap-intro-product { z-index: 2; position: relative; }

.wrap-intro-product .wrap-img { margin-top: 48px; margin-right: -48px; }

.sec-product { margin-top: 128px; }

.sec-product + .sec-product { margin-top: 80px; }

.sec-product .wrap-content { padding-top: 40px; position: relative; }

.sec-product .hdg-sub { display: block; position: absolute; font-size: 0rem; line-height: 0; top: 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; background-color: #FFA8F8; }

.sec-product .hdg-sub.eyecolor { width: 346px; height: 197px; right: -118px; -webkit-mask-image: url(/special/makeup/eyemake/img/txt_eyecolor.png); mask-image: url(/special/makeup/eyemake/img/txt_eyecolor.png); }

.sec-product .hdg-sub.eyeliner { width: 336px; height: 197px; right: -108px; -webkit-mask-image: url(/special/makeup/eyemake/img/txt_eyeliner.png); mask-image: url(/special/makeup/eyemake/img/txt_eyeliner.png); }

.sec-product .hdg-sub.mascara { width: 325px; height: 197px; right: -95px; -webkit-mask-image: url(/special/makeup/eyemake/img/txt_mascara.png); mask-image: url(/special/makeup/eyemake/img/txt_mascara.png); }

.sec-product .hdg-sub.eyebrow { width: 381px; height: 197px; right: -153px; -webkit-mask-image: url(/special/makeup/eyemake/img/txt_eyebrow.png); mask-image: url(/special/makeup/eyemake/img/txt_eyebrow.png); }

.wrap-item-product { opacity: 0; }

.wrap-item-product + .wrap-item-product { margin-top: 120px; }

.list-product { margin-top: 22px; position: relative; padding-top: 39px; padding-bottom: 56px; padding-left: 24px; }

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

.wrap-product .wrap-detail { position: relative; padding-bottom: 47px; padding-left: 18px; transition: all .3s; }

.wrap-product .wrap-text { margin-top: 24px; }

.wrap-product .wrap-text section + section { margin-top: 40px; }

.wrap-product .wrap-text .hdg-lv4 { font-weight: 700; font-size: 1.8rem; line-height: 1.44; color: #6A4532; }

.wrap-product .wrap-text .hdg-lv4 + .txt { margin-top: 12px; }

.wrap-product .wrap-text .txt { margin-top: 16px; font-size: 1.6rem; font-weight: 400; line-height: 2; color: #6A4532; }

.wrap-product .wrap-text .txt .unit { font-weight: 700; color: #A50319; }

.wrap-product .wrap-text .txt .highlight { font-size: 1.8rem; color: #A50319; font-weight: 600; }

.wrap-product .wrap-text .txt .vat { font-size: 1.4rem; }

.wrap-product .wrap-text .txt + .price { margin-top: 28px; }

.wrap-product .wrap-text .intro-lead { margin-top: 17px; font-size: 1.6rem; font-weight: 700; line-height: 1.75; color: #6A4532; }

.wrap-product .wrap-text .intro-lead + .img-collab { margin-top: 12px; margin-bottom: 20px; }

.wrap-product .wrap-text .price { margin-top: 16px; font-weight: 400; font-size: 1.2rem; line-height: 1.41; color: #6A4532; vertical-align: middle; }

.wrap-product .wrap-text .price .number { margin-left: 4px; margin-right: 2px; font-weight: 700; font-size: 1.7rem; line-height: 1.17; color: #6A4532; }

.wrap-product .wrap-btn { margin-top: 28px; padding-right: 33px; }

.wrap-product .list-item-pt6 { margin-top: 5px; }

.wrap-product .list-item-pt6 .wrap-box { padding: 12px 6px 16px; border: 1px solid transparent; }

.wrap-product .list-item-pt6 .wrap-box.tabActive { pointer-events: none; border: 1px solid #A50319; }

.wrap-product .hdg-lv5 { margin-top: 37px; }

.wrap-product .wrap-main-image { position: relative; }

.wrap-product .wrap-main-image:after { opacity: 0; content: ""; background-color: #A50319; min-height: 234px; position: absolute; top: 19px; left: -48px; right: 0; z-index: -1; height: calc(100% - 19px); }

.btn-buy { display: block; text-decoration: none; padding: 14px 16px; min-height: 48px; background-color: rgba(41, 20, 10, 0.8); font-weight: 600; font-size: 1.4rem; line-height: 1.42; text-align: center; color: #FFFFFF; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; border: 1px solid transparent; }

.btn-detail { display: block; text-decoration: none; padding: 13px 16px; min-height: 48px; background-color: transparent; font-weight: 600; font-size: 1.4rem; line-height: 1.42; text-align: center; color: #6A4532; border: 1px solid #6A4532; }

.btn-detail.bg-w { background-color: #fff; }

.btn-anchor { display: block; text-decoration: none; padding: 13px 16px; min-height: 48px; background-color: transparent; font-weight: 600; font-size: 1.4rem; line-height: 1.42; text-align: center; color: #6A4532; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; border: 1px solid #6A4532; position: relative; }

.btn-anchor:after { content: ""; display: block; width: 4px; height: 4px; border-top: 1px solid #58443A; border-right: 1px solid #58443A; -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: -4px; bottom: 0; right: 22px; margin: auto; }

.list-btn-col2 { margin-top: 24px; }

.list-btn-col2 > li + li { margin-top: 24px; }

.list-image { overflow: auto; margin-top: 14px; margin-left: -10px; display: flex; padding-right: 7px; flex-wrap: wrap; }

.list-image > li { width: 19vw; min-width: 72px; max-width: 25%; padding-left: 10px; }

.list-image > li:nth-child(n+5) { margin-top: 10px; }

.list-image .wrap-img { cursor: pointer; overflow: hidden; }

.list-image .wrap-img img { transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; max-width: 100%; height: auto; }

.hdg-lv3 { text-align: center; color: #6A4532; }

.hdg-lv3 .jp { display: block; font-weight: 600; font-size: 1.2rem; line-height: 1.41; }

.hdg-lv3 .en { margin-top: -4px; display: block; font-family: "Playfair Display", serif; font-weight: 400; font-size: 3.2rem; line-height: 1.34375; }

.hdg-lv5 { display: block; height: auto; position: relative; padding-left: 18px; }

.hdg-lv5:before { content: ""; width: 14px; height: 1px; background-color: #6A4532; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }

.hdg-lv5 img { max-width: 100%; height: auto; }

.hdg-lv5.color-variation { margin-top: 24px; width: 81px; }

.hdg-lv5.review { margin-top: 16px; width: 60px; }

.sec-topics-pt1 { margin-top: 39px; overflow: hidden; position: relative; }

.sec-topics-pt1 > * { position: relative; z-index: 1; }

.sec-topics-pt1:before, .sec-topics-pt1:after { width: 100%; content: ""; display: block; position: absolute; top: 327px; height: 100%; }

.sec-topics-pt1:before { background-color: #A50319; margin: auto; pointer-events: none; z-index: -1; }

.sec-topics-pt1:after { background-image: url(/special/makeup/common/img/bg_cement.png); background-repeat: repeat; background-size: auto 400px; mix-blend-mode: lighten; opacity: 0.16; }

.sec-topics-pt1 .wrap-content { position: relative; padding-top: 136px; padding-bottom: 48px; }

.sec-topics-pt1 .wrap-content:before, .sec-topics-pt1 .wrap-content:after { display: none; }

.sec-topics-pt1 .hdg-sub { display: block; width: 261px; height: 242px; position: absolute; font-size: 0rem; line-height: 0; top: 0; left: -32px; z-index: -1; background-color: #FFA8F8; -webkit-mask-image: url(/special/makeup/common/img/txt_topics.png); mask-image: url(/special/makeup/common/img/txt_topics.png); -webkit-mask-size: contain; mask-size: contain; }

.sec-topics-pt1 .hdg-lv2.hdg-topics { color: #6A4532; }

.sec-topics-pt1 .wrap-topics { position: relative; z-index: 1; }

.sec-topics-pt1 .wrap-topics .desc { color: #FFFFFF; }

.sec-topics-pt1 .wrap-topics .wrap-control { margin-top: 12px; margin-bottom: 48px; margin-left: 28px; }

.sec-topics-pt1 .wrap-topics .list-control { margin-top: 36px; justify-content: space-between; margin-right: 25px; }

.sec-topics-pt1 .wrap-topics .list-control .swiper-btn-prev, .sec-topics-pt1 .wrap-topics .list-control .swiper-btn-next { background-color: #FFFFFF; }

.sec-topics-pt1 .txt-link-all { color: #FFFFFF; }

.sec-topics-pt1 .txt-link-all:after { background-color: #FFFFFF; }

.list-btn .btn { font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 1.3; color: #FFFFFF; border: 1px solid #FFFFFF; padding: 14px 16px; text-decoration: none; display: block; text-align: center; }

.list-btn .back-top { width: 100%; }

.list-btn .btn-pt1 { color: #6A4532; border: 1px solid #6A4532; width: 100%; }

.list-btn .btn-pt2 { color: #A50319; border: 1px solid #A50319; width: 100%; }

.breadcrumb { display: flex; margin-left: -48px; margin-bottom: 16px; }

.breadcrumb a { text-decoration: none; color: #FFFFFF; cursor: pointer; }

.breadcrumb > li { padding-left: 48px; color: #FFFFFF; position: relative; font-size: 1.4rem; font-weight: 500; line-height: 1.43; }

.breadcrumb > li + li:before { content: ""; display: block; background-color: #FFFFFF; width: 16px; height: 1px; position: absolute; top: 0; bottom: 0; left: 16px; margin: auto; }

.breadcrumb > li:first-child { color: rgba(255, 255, 255, 0.64); }

.breadcrumb > li:first-child a { color: rgba(255, 255, 255, 0.64); }

.list-col1-3 { opacity: 0; margin-top: 32px; counter-reset: point; }

.list-col1-3 > li { counter-increment: point; }

.list-col1-3 > li + li { margin-top: 32px; }

.list-col1-3 > li .point:after { content: " " counter(point); }

.list-col1-3 + .list-btn { margin-top: 40px; }

.hdg-lv3-pt1 { font-family: "Playfair Display", serif; font-size: 2.8rem; line-height: 1.43; color: #6A4532; font-weight: 400; }

.sec-makeup-point { margin-top: 46px; }

.wrap-makeup-point { margin-top: 22px; padding: 32px 24px 30px; background-color: #EBEAE7; }

.wrap-makeup-point .list-img { margin-left: -9px; display: flex; }

.wrap-makeup-point .list-img > li { padding-left: 9px; width: 50%; }

.wrap-makeup-point .list-img .wrap-img { text-align: center; }

.wrap-makeup-point .list-img .caption { position: relative; font-family: "Playfair Display", serif; margin-top: 3px; display: inline-block; font-size: 1.1rem; line-height: 1.73; text-align: center; z-index: 0; }

.wrap-makeup-point .list-img .caption:after { content: ""; width: calc(100% + 20px); min-width: 56px; height: calc(100% - 3px); position: absolute; top: 0; bottom: 0; margin: auto; left: -20px; right: -20px; margin: auto; z-index: -1; }

.wrap-makeup-point .list-img .caption.playful:after { background-color: #FFD6E1; }

.wrap-makeup-point .list-img .caption.basic:after { background-color: #E1D4C2; }

.wrap-makeup-point .main-ttl { margin-top: 20px; font-size: 1.8rem; font-weight: 700; line-height: 1.17; color: #6A4532; text-decoration: underline; }

.wrap-makeup-point .main-ttl a { color: inherit; }

.wrap-makeup-point .sub-ttl { margin-top: 16px; font-size: 1.6rem; font-weight: 500; line-height: 1.5; color: #6A4532; }

.wrap-makeup-point .desc { margin-top: 22px; font-size: 1.4rem; font-weight: 400; line-height: 1.75; color: #6A4532; }

.wrap-list-tab { opacity: 0; counter-reset: countTab; }

.list-makeup-tab { margin-top: 56px; margin-left: -15px; display: flex; flex-wrap: wrap; }

.list-makeup-tab > li { padding-left: 15px; width: 50%; counter-increment: countTab; }

.list-makeup-tab > li .num:after { content: "0" counter(countTab, decimal); }

.list-makeup-tab > li:nth-child(n+3) { margin-top: 16px; }

.list-makeup-tab .btn-tab { cursor: pointer; display: flex; align-items: center; }

.list-makeup-tab .wrap-img { margin-right: 15px; flex: 0 0 18.67vw; }

.list-makeup-tab .num { font-family: "Playfair Display", serif; font-size: 1.4rem; font-weight: 500; line-height: 1.36; }

.list-makeup-tab .wrap { display: flex; align-items: center; }

.list-makeup-tab .tag { font-family: "Playfair Display", serif; font-weight: 400; margin-top: 3px; margin-left: 13px; font-size: 1rem; line-height: 1.2; text-align: center; color: #6A4532; position: relative; }

.list-makeup-tab .tag:after { content: ""; width: 100%; min-width: 40px; height: 100%; position: absolute; top: 0; bottom: 0; margin: auto; left: -8px; right: -8px; margin: auto; z-index: -1; }

.list-makeup-tab .tag.playful:after { background-color: #FFD6E1; }

.list-makeup-tab .tag.basic:after { background-color: #E2D3C2; }

.list-makeup-tab .cnt { display: flex; flex-direction: column; text-align: left; color: #6A4532; padding-bottom: 10px; position: relative; }

.list-makeup-tab .cnt:after { content: ""; display: block; height: 1px; width: 18px; background-color: #AFAB9F; position: absolute; bottom: 0; left: 3px; }

.list-makeup-tab .ttl { font-family: "Playfair Display", serif; font-size: 1.6rem; line-height: 1.25; font-weight: 400; }

.list-makeup-area { opacity: 0; margin-top: 77px; counter-reset: countTab; }

.list-makeup-area > li { counter-increment: countTab; }

.list-makeup-area > li .num:after { content: "0" counter(countTab, decimal); }

.hdg-lv5.color-pick-up-items { width: 116px; padding-left: 28px; }

.hdg-lv5.color-pick-up-items:before { width: 21px; top: 8px; }

.hdg-lv5.color-used-items { width: 100px; padding-left: 28px; }

.hdg-lv5.color-used-items:before { width: 21px; }

.makeup-area.cute .hdg-sub { -webkit-mask-image: url(/special/makeup/img/makelook/txt_cute.png); mask-image: url(/special/makeup/img/makelook/txt_cute.png); }

.makeup-area.mutecool .hdg-sub { -webkit-mask-image: url(/special/makeup/img/makelook/txt_mutecool.png); mask-image: url(/special/makeup/img/makelook/txt_mutecool.png); }

.makeup-area.freshcasual .hdg-sub { -webkit-mask-image: url(/special/makeup/img/makelook/txt_freshcasual.png); mask-image: url(/special/makeup/img/makelook/txt_freshcasual.png); }

.makeup-area.activemode .hdg-sub { -webkit-mask-image: url(/special/makeup/img/makelook/txt_activemode.png); mask-image: url(/special/makeup/img/makelook/txt_activemode.png); }

.makeup-area.puresweet .hdg-sub { -webkit-mask-image: url(/special/makeup/img/makelook/txt_puresweet.png); mask-image: url(/special/makeup/img/makelook/txt_puresweet.png); }

.makeup-area.sensualelegant .hdg-sub { -webkit-mask-image: url(/special/makeup/img/makelook/txt_sensualelegant.png); mask-image: url(/special/makeup/img/makelook/txt_sensualelegant.png); }

.makeup-area.effortlessnude .hdg-sub { -webkit-mask-image: url(/special/makeup/img/makelook/txt_effortlessnude.png); mask-image: url(/special/makeup/img/makelook/txt_effortlessnude.png); }

.makeup-area.smartchic .hdg-sub { -webkit-mask-image: url(/special/makeup/img/makelook/txt_smartchic.png); mask-image: url(/special/makeup/img/makelook/txt_smartchic.png); }

.makeup-area.cute .hdg-sub { width: 397px; }

.makeup-area.mutecool .hdg-sub { width: 379px; }

.makeup-area.freshcasual .hdg-sub { width: 465px; }

.makeup-area.activemode .hdg-sub { width: 448px; }

.makeup-area.puresweet .hdg-sub { width: 395px; }

.makeup-area.sensualelegant .hdg-sub { width: 574px; }

.makeup-area.effortlessnude .hdg-sub { width: 539px; }

.makeup-area.smartchic .hdg-sub { width: 360px; }

.makeup-area .wrap-head { display: flex; align-items: center; }

.makeup-area .num { font-family: "Playfair Display", serif; font-size: 5.2rem; line-height: 1; color: #A50319; font-weight: 500; display: inline; margin-right: 16px; margin-top: -12px; }

.makeup-area .ttl { display: flex; flex-direction: column; color: #A50319; font-size: 3.2rem; line-height: 1.34; margin-top: 15px; font-family: "Playfair Display", serif; font-weight: 400; }

.makeup-area .ttl .sub { font-size: 1.2rem; line-height: 1.42; font-family: "Noto Sans JP", sans-serif; display: inline; font-weight: 600; }

.makeup-area .ttl .main { margin-top: -5px; }

.makeup-area .list-product { margin-top: 32px; padding-top: 0; padding-bottom: 170px; }

.makeup-area .list-product:before { height: calc(100% - 47px); top: 47px; }

.makeup-area .wrap-product .wrap-main-image:after { right: 24px; top: 47px; height: calc(100% - 47px); }

.makeup-area .wrap-detail { margin-left: -24px; padding-left: 0; padding-bottom: 40px; }

.makeup-area .wrap-detail:after { top: 48px; height: calc(100% - 8px); left: -24px; right: 24px; }

.makeup-area .list-image { margin-top: 10px; }

.makeup-area .list-image > li { width: 17.6vw; min-width: 56px; }

.makeup-area .list-image > li:nth-child(5) { margin-top: 0; }

.makeup-area .wrap-text { position: relative; margin-top: 48px; }

.makeup-area .wrap-text .sec-used-items { margin-top: 50px; }

.makeup-area .hdg-sub { display: block; height: 197px; position: absolute; font-size: 0rem; line-height: 0; top: -93px; left: 20vw; background-color: #FFA8F8; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; }

.makeup-area .txt-lead { margin-top: -18px; font-size: 1.6rem; line-height: 2; color: #6A4532; font-weight: 400; }

.makeup-area .wrap-pick-up-item { margin-top: 14px; }

.makeup-area .list-img { margin-left: -16px; display: flex; flex-wrap: wrap; }

.makeup-area .list-img > li { padding-left: 16px; width: 50%; }

.makeup-area .name { margin-top: 28px; font-size: 1.8rem; line-height: 1.17; font-weight: 400; color: #6A4532; text-decoration: underline; }

.makeup-area .name a { cursor: pointer; display: block; color: inherit; }

.makeup-area .type { margin-top: 11px; color: #6A4532; font-size: 1.4rem; line-height: 1.5; }

.makeup-area .type span { margin-left: 8px; }

.makeup-area .title { margin-top: 32px; font-size: 1.4rem; line-height: 1.5; font-weight: 700; color: #6A4532; }

.makeup-area .desc { margin-top: 12px; font-size: 1.6rem; font-weight: 400; line-height: 1.75; color: #6A4532; }

.makeup-area .block-video { opacity: 0; margin-top: -100px; }

.makeup-area .block-video.inview { position: relative; -webkit-animation: runVideoSP 0.8s ease-out; animation: runVideoSP 0.8s ease-out; opacity: 1; }

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

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

.makeup-area .wrap-point .point { font-family: "Playfair Display", serif; color: #6A4532; font-size: 2.4rem; line-height: 1.5; font-weight: 400; }

.makeup-area .wrap-point .desc { line-height: 1.5; }

.makeup-area .wrap-point .wrap-img { padding: 0 57px; margin: 0 auto; margin-top: 24px; text-align: center; }

.makeup-area .wrap-point .name { text-decoration: none; margin-top: 15px; font-size: 1.4rem; line-height: 1.5; text-align: center; }

.makeup-area .wrap-point .type { margin-top: 7px; text-align: center; }

.makeup-area .wrap-point .type span { margin-left: 8px; }

.makeup-area .wrap-point .list-btn { margin-top: 16px; padding: 0 28px; }

.sec-staff-review { margin-top: 64px; }

.btn-mode { display: block; width: 100%; margin-top: 20px; display: flex; align-items: center; border: 1px solid #6A4532; position: relative; text-decoration: none; }

.btn-mode:after { content: ""; display: block; background-color: #6A4532; -webkit-mask-image: url(/special/makeup/common/img/icon_next.svg); mask-image: url(/special/makeup/common/img/icon_next.svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; width: 64px; height: 16px; position: absolute; right: 6px; bottom: 9px; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.btn-mode .img01 { flex: 0 0 20vw; margin-right: 8px; }

.btn-mode .img02 { flex: 0 0 16vw; margin-right: 16px; }

.btn-mode .gr-txt { text-align: left; margin-top: -10px; }

.btn-mode .txt-sub { font-size: 1.2rem; line-height: 1; font-weight: 700; color: #6A4532; display: block; }

.btn-mode .txt-main { margin-top: 4px; font-family: "Playfair Display", serif; font-size: 1.6rem; line-height: 1; font-weight: 400; color: #6A4532; display: block; }

.wrap-sec-topics-detail { opacity: 0; margin-top: 16px; }

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

.wrap-profile { padding: 49px 0 0; position: relative; }

.wrap-profile .hdg-sub { display: block; width: 34.4vw; height: 29.6vw; font-weight: normal; font-size: 0rem; line-height: 0; background-color: #ff7171; -webkit-mask-image: url(/special/makeup/topics/img/txt_profile.png); mask-image: url(/special/makeup/topics/img/txt_profile.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: -48px; left: 0; z-index: -1; }

.wrap-profile .img-profile { display: block; width: 41.601vw; height: auto; margin: 0 auto; z-index: 1; margin-bottom: 16px; }

.wrap-profile .img-profile img { border-radius: 50%; }

.wrap-profile .role { margin-top: 16px; font-weight: 500; font-size: 1.4rem; line-height: 1.428; text-align: center; color: #A50319; }

.wrap-profile .name { margin-top: 8px; font-weight: 700; font-size: 2rem; line-height: 1.5; text-align: center; color: #A50319; }

.wrap-profile .name span { font-size: 1.4rem; line-height: 1.428; }

.wrap-profile .intro { margin-top: 20px; font-weight: 400; font-size: 1.4rem; line-height: 1.75; text-align: left; color: #6A4532; }

.wrap-profile .ttl { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 2.8rem; line-height: 1.75; color: #6A4532; margin-bottom: 22px; }

.wrap-profile .comment { margin-top: 22px; font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 1.6rem; line-height: 2.2; color: #6A4532; }

.wrap-profile .img-pickup-item { display: block; width: 254px; height: auto; position: absolute; bottom: -23px; right: -134px; }

.wrap-profile .img-signature { position: relative; z-index: -1; margin-top: 57px; margin-left: auto; display: block; width: 270px; }

.wrap-profile .wrap-profile-txt { margin-top: 56px; }

.wrap-profile .wrap-profile-img { position: relative; }

.wrap-profile-pt1 { margin-top: -40px; padding-top: 83px; position: relative; display: flex; }

.wrap-profile-pt1 .hdg-sub { display: block; width: 149px; height: 128px; position: absolute; top: 0; left: 6px; z-index: -1; -webkit-mask-image: url(/special/makeup/img/event/txt_profile.png); mask-image: url(/special/makeup/img/event/txt_profile.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; background-color: #FF7171; }

.wrap-profile-pt1 .img-profile { margin-right: 8px; display: block; flex: 0 0 calc(min(17.07vw, 110px)); }

.wrap-profile-pt1 .img-profile img { border-radius: 50%; }

.wrap-profile-pt1 .role { font-weight: 700; font-size: 1.4rem; line-height: 1.48; color: #6A4532; }

.wrap-profile-pt1 .role + .name { margin-top: 10px; }

.wrap-profile-pt1 .name { font-weight: 700; font-size: 1.6rem; line-height: 1.3; color: #6A4532; }

.wrap-profile-pt1 .name + .intro { margin-top: 10px; }

.wrap-profile-pt1 .intro { font-weight: 400; font-size: 1.3rem; line-height: 1.8; color: #6A4532; }

.hdg-lv3-pt2 { text-align: center; color: #FFFFFF; font-family: "Playfair Display", serif; font-family: "Playfair Display"; font-weight: 400; font-size: 3.2rem; line-height: 1.34375; }

.hdg-lv3-pt2 + .list-makeup-tab { margin-top: 48px; }

.hdg-lv4-pt1 { color: #FFFFFF; text-align: center; }

.hdg-lv4-pt1 .jp { font-weight: 600; font-size: 1.2rem; line-height: 1.41; }

.hdg-lv4-pt1 .jp + .en { margin-top: 4px; }

.hdg-lv4-pt1 .en { font-family: "Playfair Display", serif; display: block; font-weight: 400; font-size: 2.4rem; line-height: 1.33; }

.hdg-lv4-pt1 + .block-video { margin-top: 32px; }

.sec-makelook-movie { margin-top: 48px; padding-top: 94px; position: relative; }

.sec-makelook-movie .hdg-sub { display: block; width: 548px; height: 186px; position: absolute; top: 0; left: -46px; z-index: 2; }

.sec-makelook-movie .head-movie { padding-top: 66px; padding-bottom: 64.27vw; position: relative; }

.sec-makelook-movie .head-movie:before { content: ""; display: block; top: 0; position: absolute; left: -24px; right: -24px; height: 100%; margin: auto; pointer-events: none; background-image: url(/special/makeup/common/img/bg_cement.png); background-repeat: repeat; background-size: auto 400px; position: absolute; mix-blend-mode: lighten; opacity: 0.16; z-index: 2; }

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

.sec-makelook-movie .list-makeup-tab { position: relative; z-index: 3; }

.sec-makelook-movie .list-makeup-tab .btn-tab.tabActive .ttl { text-decoration: underline; }

.sec-makelook-movie .list-makeup-tab .cnt { color: #FFFFFF; }

.sec-makelook-movie .list-makeup-tab .cnt:after { display: none; }

.sec-makelook-movie .list-makeup-area { position: relative; z-index: 3; margin-top: -47.27vw; }

.sec-makelook-movie .list-makeup-area.inview .block-video { position: relative; -webkit-animation: runMovieSP 0.8s ease-out; animation: runMovieSP 0.8s ease-out; opacity: 1; }

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

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

.sec-makelook-movie .list-makeup-area.inview .wrap-block-item { position: relative; -webkit-animation: runItemSP 0.8s ease-out; animation: runItemSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runItemSP { 0% { top: 50px; }
  100% { top: 0; } }

@keyframes runItemSP { 0% { top: 50px; }
  100% { top: 0; } }

.sec-makelook-movie .hdg-lv3-pt2 { position: relative; z-index: 3; }

.sec-makelook-movie .wrap-layout-pt1 { position: relative; top: -62px; z-index: 1; }

.sec-makelook-movie .wrap-layout-pt1 .lipstick { opacity: 0; position: absolute; left: -211px; display: block; width: 254px; }

.sec-makelook-movie .wrap-layout-pt1 .lipstick.inview { -webkit-animation: runLipstickTopic1SP 0.8s ease-out; animation: runLipstickTopic1SP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runLipstickTopic1SP { 0% { left: -100%; }
  100% { left: -211px; } }

@keyframes runLipstickTopic1SP { 0% { left: -100%; }
  100% { left: -211px; } }

.sec-makelook-movie .wrap-layout-pt2 { position: relative; bottom: 155px; z-index: -1; }

.sec-makelook-movie .wrap-layout-pt2 .lipstick { opacity: 0; position: absolute; left: auto; right: -142px; display: block; width: 213px; }

.sec-makelook-movie .wrap-layout-pt2 .lipstick.inview { -webkit-animation: runLipstickTopic2SP 0.8s ease-out; animation: runLipstickTopic2SP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runLipstickTopic2SP { 0% { right: -100%; }
  100% { right: -142px; } }

@keyframes runLipstickTopic2SP { 0% { right: -100%; }
  100% { right: -142px; } }

.sec-makelook-movie .sec-used-items { margin-top: 48px; padding-bottom: 120px; }

.sec-makelook-movie .price { margin-top: 16px; font-weight: 400; font-size: 1.2rem; line-height: 1.41; color: #6A4532; vertical-align: middle; }

.sec-makelook-movie .price .number { margin-left: 4px; margin-right: 2px; font-weight: 700; font-size: 1.7rem; line-height: 1.17; color: #6A4532; }

.sec-makelook-movie .wrap-block-item { opacity: 0; }

.sec-makelook-movie .wrap-block-item .lipstick { opacity: 0; }

.sec-makelook-movie .wrap-block-item .list-item-pt5 .wrap-img { padding: 0 6px; }

.sec-makelook-movie .block-video { opacity: 0; }

.wrap-box-point .hdg-lead-point { font-weight: 700; font-size: 2rem; line-height: 2; color: #6A4532; }

.wrap-box-point .hdg-lead-point + .txt-lead-point { margin-top: 36px; }

.wrap-box-point .txt-lead-point { font-weight: 400; font-size: 1.6rem; line-height: 2.1; color: #6A4532; }

.list-topics-point { margin-top: 69px; counter-reset: point; }

.list-topics-point > li + li { margin-top: 32px; }

.list-topics-point > li:nth-child(even) .point-number { right: 0; left: auto; }

.list-topics-point > li:nth-child(even) .wrap-box:after { left: -24px; right: 24px; }

.list-topics-point > li:nth-child(even) .wrap-box.inview:before { -webkit-animation: runBeforePointEvenSP 0.8s ease-out; animation: runBeforePointEvenSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runBeforePointEvenSP { 0% { left: 100%; }
  100% { left: -24px; } }

@keyframes runBeforePointEvenSP { 0% { left: 100%; }
  100% { left: -24px; } }

.list-topics-point > li:nth-child(even) .wrap-box.inview:after { -webkit-animation: runAfterPointEvenSP 0.8s ease-out; animation: runAfterPointEvenSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runAfterPointEvenSP { 0% { right: 100%; }
  100% { right: 24px; } }

@keyframes runAfterPointEvenSP { 0% { right: 100%; }
  100% { right: 24px; } }

.list-topics-point > li:nth-child(even) .wrap-box:has(.img-point).inview:after { -webkit-animation: runAfterPointImgEvenSP 0.8s ease-out; animation: runAfterPointImgEvenSP 0.8s ease-out; opacity: 1; }

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

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

.list-topics-point > li:nth-child(even) .wrap-box:has(.img-point):after { right: 0; }

.list-topics-point > li:nth-child(even) .wrap-box:has(.img-point) .point-number { right: 5px; left: auto; }

.list-topics-point > li:nth-child(even) .wrap-cnt { padding-left: 0; padding-right: 42px; }

.list-topics-point > li:nth-child(even) .img-point { margin-left: 0; margin-right: -66px; }

.list-topics-point > li:nth-child(even) .img-point.inview { -webkit-animation: runBgImgPointEvenSP 0.8s ease-out; animation: runBgImgPointEvenSP 0.8s ease-out; opacity: 1; }

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

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

.list-topics-point > li:nth-child(even) .img-point:after { left: -24px; right: 24px; }

.list-topics-point > li:last-child .wrap-box { padding-bottom: 242px; }

.list-topics-point > li:last-child .wrap-box:after { height: calc(100% - 278px); }

.list-topics-point .point-number { position: absolute; top: -8px; left: 0; font-family: "Playfair Display", serif; font-weight: 400; font-size: 2.4rem; letter-spacing: 0.04em; line-height: 1.41; color: #A50319; display: inline-block; padding: 0 4px; }

.list-topics-point .point-number:after { counter-increment: point; content: "0" counter(point); display: block; font-size: 7.6rem; letter-spacing: -0.04em; line-height: 1.32; position: absolute; top: -5px; left: 0; right: 0; margin: auto; }

.list-topics-point .wrap-box { padding-top: 36px; padding-bottom: 45px; position: relative; }

.list-topics-point .wrap-box.inview:before { -webkit-animation: runBeforePointSP 0.8s ease-out; animation: runBeforePointSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runBeforePointSP { 0% { right: 100%; }
  100% { right: -24px; } }

@keyframes runBeforePointSP { 0% { right: 100%; }
  100% { right: -24px; } }

.list-topics-point .wrap-box.inview:after { -webkit-animation: runAfterPointSP 0.8s ease-out; animation: runAfterPointSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runAfterPointSP { 0% { left: 100%; }
  100% { left: 24px; } }

@keyframes runAfterPointSP { 0% { left: 100%; }
  100% { left: 24px; } }

.list-topics-point .wrap-box:after { opacity: 0; content: ""; display: block; background-color: #ECEBE8; position: absolute; top: 36px; left: 24px; height: calc(100% - 81px); z-index: -2; right: -24px; }

.list-topics-point .wrap-box:before { opacity: 0; content: ""; display: block; height: 421px; background-color: #A50319; position: absolute; bottom: 0; right: -24px; left: -24px; z-index: -2; }

.list-topics-point .wrap-box:has(.img-point) { padding-bottom: 0; }

.list-topics-point .wrap-box:has(.img-point).inview:after { -webkit-animation: runAfterPointImgSP 0.8s ease-out; animation: runAfterPointImgSP 0.8s ease-out; opacity: 1; }

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

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

.list-topics-point .wrap-box:has(.img-point):after { left: 0; height: calc(100% - 36px); background-color: rgba(175, 171, 159, 0.24); }

.list-topics-point .wrap-box:has(.img-point):before { display: none; }

.list-topics-point .wrap-box:has(.img-point) .wrap-cnt { padding-top: 56px; padding-bottom: 0; }

.list-topics-point .wrap-cnt { padding-top: 70px; padding-left: 42px; padding-right: 0; padding-bottom: 43px; }

.list-topics-point .ttl { font-weight: 700; font-size: 1.8rem; line-height: 1.7; color: #6A4532; }

.list-topics-point .ttl + .desc { margin-top: 10px; }

.list-topics-point .desc { font-weight: 400; font-size: 1.6rem; line-height: 2; color: #6A4532; }

.list-topics-point .img-point { opacity: 0; margin-top: 28px; margin-left: -66px; padding-bottom: 40px; position: relative; }

.list-topics-point .img-point:after { content: ""; display: block; position: absolute; bottom: 0; background-color: #A50319; left: 24px; right: -24px; margin: auto; height: 224px; z-index: -1; }

.list-topics-point .img-point.inview { -webkit-animation: runBgImgPointSP 0.8s ease-out; animation: runBgImgPointSP 0.8s ease-out; opacity: 1; }

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

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

.wrap-development { opacity: 0; margin-top: -170px; padding-bottom: 32px; position: relative; }

.wrap-development:after { content: ""; background: linear-gradient(#fff 0%, #f0f0f0 100%); position: absolute; left: -24px; right: -24px; top: 225px; z-index: -2; height: 100%; }

.wrap-development .img-pickup-end { margin: 40px auto 0; display: block; width: 161px; height: auto; }

.wrap-development .hdg-dev { font-weight: 700; font-size: 2rem; line-height: 2; color: #FFFFFF; }

.wrap-development .wrap-cnt-dev { margin-top: 38px; }

.wrap-development .wrap-profile-feedback { margin-top: 30px; padding: 61px 20px 24px 15px; display: flex; position: relative; background-color: #58443A; margin-right: -24px; margin-left: 42px; }

.wrap-development .wrap-profile-feedback:after { content: ""; display: block; width: calc(100% - 110px); height: 1px; background-color: #FFFFFF; position: absolute; left: 15px; top: 32px; }

.wrap-development .wrap-btn { margin-top: 25px; }

.wrap-development .hdg-sub { display: block; width: 61px; height: 53px; font-weight: normal; font-size: 0rem; line-height: 0; background-color: #FFFFFF; -webkit-mask-image: url(/special/makeup/topics/img/txt_profile_white.png); mask-image: url(/special/makeup/topics/img/txt_profile_white.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 8px; right: 20px; }

.wrap-development .wrap-text { flex: 1; margin-top: 3px; }

.wrap-development .img-profile { display: block; flex: 0 0 80px; height: auto; margin-right: 16px; }

.wrap-development .img-profile img { border-radius: 50%; }

.wrap-development .role { font-weight: 700; font-size: 1.4rem; line-height: 1.5; color: #FFFFFF; }

.wrap-development .role + .intro { margin-top: 16px; }

.wrap-development .intro { font-weight: 400; font-size: 1.3rem; line-height: 1.5; color: #FFFFFF; }

.wrap-development .txt-feedback { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 1.6rem; line-height: 2.1; color: #6A4532; }

.hdg-lv3-pt3 { font-weight: 700; font-size: 2rem; line-height: 1.5; color: #A50319; position: relative; padding-left: 57px; }

.hdg-lv3-pt3:before { content: ""; display: block; width: 145px; height: 72px; background-image: url(/special/makeup/img/event/img_lipstick01.png); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; bottom: 0; top: 0; margin: auto; left: -103px; }

.hdg-lv3-pt3 + .img-main { margin-top: 12px; }

.hdg-lv4-pt2 { font-weight: 700; font-size: 1.8rem; line-height: 1.75; color: #6A4532; }

.hdg-lv4-pt2 .txt-small { font-size: 1.5rem; }

.hdg-lv4-pt3 { font-weight: 700; font-size: 1.8rem; line-height: 1.75; color: #A50319; margin-bottom: 20px; }

.sec-event { opacity: 0; margin-top: 88px; }

.sec-event + .sec-event { margin-top: 85px; }

.sec-event:has(.block-video) .wrap-content { padding-bottom: 120px; }

.sec-event:has(.block-video) .txt { margin-top: 18px; font-size: 1.6rem; line-height: 2; }

.sec-event .wrap-content { position: relative; padding-bottom: 48px; }

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

.sec-event .block-video { opacity: 0; margin-top: -84px; }

.sec-event .block-video.inview { position: relative; -webkit-animation: runVideoEventSP 0.8s ease-out; animation: runVideoEventSP 0.8s ease-out; opacity: 1; }

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

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

.sec-event .wrap-head-event .img-main { margin-right: -24px; margin-left: 57px; padding-bottom: 32px; position: relative; }

.sec-event .wrap-head-event .img-main:after { content: ""; display: block; height: 187px; position: absolute; bottom: 0; left: 36px; right: 0; background-color: #A50319; z-index: -1; }

.sec-event-content { opacity: 0; margin-top: 24px; margin-right: 42px; }

.sec-event-content .txt { margin-top: 10px; font-weight: 400; font-size: 1.4rem; line-height: 1.8; color: #6A4532; }

.sec-event-content .txt-special-sp { display: block; }

.sec-event-content .txt-special-pc { display: none; }

.sec-event-content + .sec-event-content { margin-top: 35px; }

.sec-event-content.inview { position: relative; -webkit-animation: runEventContentSP 0.8s ease-out; animation: runEventContentSP 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runEventContentSP { 0% { top: 50px; }
  100% { top: 0px; } }

@keyframes runEventContentSP { 0% { top: 50px; }
  100% { top: 0px; } }

.list-item-pt7 { margin-top: 12px; }

.list-item-pt7 > li + li { margin-top: 21px; }

.list-item-pt7 > li.item-main:has(.wrap-profile-pt1) .img-first { padding-bottom: 23px; }

.list-item-pt7 > li.item-main .img-first { padding-bottom: 29px; position: relative; }

.list-item-pt7 > li.item-main .img-first:after { content: ""; height: 186px; background-color: #A50319; position: absolute; bottom: 0; left: -24px; right: 57px; z-index: -1; }

.list-item-pt7 > li.item-special .hdg-lv4-pt2 { margin-top: 61px; }

.list-item-pt7 .link { text-decoration: none; }

.list-item-pt7 .desc { margin-top: 15px; font-weight: 400; font-size: 1.4rem; line-height: 1.8; color: #6A4532; }

.list-item-pt7 .desc + .list-dots { margin-top: 0; }

.list-dots { margin-top: 15px; }

.list-dots > li { font-weight: 400; font-size: 1.4rem; line-height: 1.8; color: #6A4532; position: relative; vertical-align: middle; }

.list-dots > li:before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color: #6A4532; margin-right: 6px; margin-left: 5px; vertical-align: middle; }

.txt-lead-event { opacity: 0; margin-top: -61px; font-weight: 400; font-size: 1.6rem; line-height: 2.1; text-align: center; color: #6A4532; }

.list-anchor { opacity: 0; margin-top: 48px; }

.list-anchor > li + li { margin-top: 16px; }

.list-item-pt8 { margin-top: 28px; display: flex; flex-wrap: wrap; margin-left: -20px; }

.list-item-pt8 > li { padding-left: 20px; width: 50%; }

.list-item-pt8 > li:nth-child(n + 3) { margin-top: 32px; }

.list-item-pt8 .wrap-img { padding: 0 26px; }

.list-item-pt8 .number { margin-top: 12px; font-weight: 600; font-size: 1.4rem; line-height: 1.5; text-align: center; color: #58443A; }

.list-item-pt8 .number span + span { margin-left: 8px; }

.list-item-pt8 .number + .desc { margin-top: 4px; }

.list-item-pt8 .desc { font-weight: 400; font-size: 1.4rem; line-height: 1.5; text-align: center; color: rgba(88, 68, 58, 0.72); }

.list-item-pt9 { opacity: 0; margin-top: 56px; display: flex; flex-wrap: wrap; margin-left: -17px; }

.list-item-pt9 > li { width: 50%; padding-left: 17px; }

.list-item-pt9 > li:nth-child(n + 3) { margin-top: 28px; }

.list-item-pt9 .wrap-ttl { margin-top: 16px; display: block; }

.list-item-pt9 .wrap-ttl .ttl { margin-right: 12px; font-weight: 700; font-size: 1.8rem; line-height: 1.5; color: #6A4532; min-height: 54px; }

.list-item-pt9 .wrap-ttl .quantity { font-weight: 400; font-size: 1.4rem; line-height: 1.92; color: #6A4532; }

.list-item-pt9 .wrap-ttl + .desc { margin-top: 5px; }

.list-item-pt9 .desc { font-weight: 400; font-size: 1.4rem; line-height: 1.5; color: #6A4532; }

.sec-product-pt1 { margin-top: 33px; }

.sec-product-pt1 .txt-lead-teaser { font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 1.6rem; line-height: 2; color: #6A4532; }

.sec-product-pt1 .txt-lead-teaser .date { font-size: 2rem; line-height: 2; color: #A50319; }

.sec-product-pt1 .txt-lead-teaser + .txt-lead-teaser { margin-top: 0; }

.sec-product-pt1 .txt-lead-teaser:last-of-type { margin-top: 24px; }

.sec-product-pt1 .wrap-lead-teaser { opacity: 0; }

.sec-product-pt1 .wrap-product:has(.hdg-sub-coming-soon) .wrap-text { margin-top: 60px; }

.sec-product-pt1 .wrap-product:has(.hdg-sub-coming-soon) .wrap-detail { padding-bottom: 82px; }

.sec-product-pt1 .wrap-product:has(.hdg-sub-coming-soon) .wrap-main-image:after { right: 99px; }

.sec-product-pt1 .wrap-product .wrap-text { margin-top: 25px; }

.sec-product-pt1 .wrap-product .wrap-main-image:after { top: 25px; height: calc(100% - 25px); min-height: 191px; left: -44px; right: 79px; }

.sec-product-pt1 .wrap-product .img-add { width: 27.2vw; height: auto; position: absolute; left: 15px; bottom: 42px; }

.sec-product-pt1 .wrap-product .wrap-btn { margin-top: 21px; padding-right: 0; }

.sec-product-pt1 .wrap-item-product + .wrap-item-product { margin-top: 35px; }

.sec-product-pt1 .hdg-lv4-pt2 + .txt { margin-top: 18px; }

.list-product-pt1 { margin-top: 40px; position: relative; padding-top: 24px; padding-bottom: 45px; padding-left: 20px; z-index: 1; }

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

.list-product-pt1:has(.hdg-sub) { padding-top: 86px; }

.list-product-pt1:has(.hdg-sub-coming-soon) { padding-bottom: 58px; }

.list-product-pt1:has(.hdg-lv4-pt3) { margin-top: 38px; padding-top: 30px; padding-bottom: 20px; }

.list-product-pt1:has(.hdg-lv4-pt3):before { background-color: #ECEBE8; }

.list-product-pt1:has(.hdg-lv4-pt3) + .list-product-pt1 { margin-top: 45px; }

.list-product-pt1:has(.wrap-note-image) { padding-bottom: 32px; }

.list-product-pt1:has(.wrap-list-new) { padding-bottom: 3px; }

.list-product-pt1:has(.wrap-list-new):before { height: calc(100% - 120px); }

.list-product-pt1 .sec-present { position: relative; }

.list-product-pt1 .hdg-present01 { width: 257px; height: 134px; position: absolute; top: -60px; right: -44px; }

.list-product-pt1 .hdg-present02 { width: 299px; height: 134px; position: absolute; top: -60px; right: -86px; }

.list-product-pt1 .wrap-detail { padding-right: 30px; padding-left: 0; padding-bottom: 30px; }

.list-product-pt1 .wrap-detail:has(.product-name) { padding-bottom: 7px; }

.list-product-pt1 .hdg-sub { position: absolute; top: -53px; right: -36px; display: block; width: 271px; height: 162px; font-size: 0rem; line-height: 0; background-color: #E2AF03; -webkit-mask-image: url(/special/makeup/img/teaser/txt_newitem.png); mask-image: url(/special/makeup/img/teaser/txt_newitem.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; }

.list-product-pt1 .hdg-sub-coming-soon { position: absolute; top: 263px; right: -20px; display: block; width: 241px; height: 117px; -webkit-mask-image: url(/special/makeup/img/teaser/txt_coming_soon.png); mask-image: url(/special/makeup/img/teaser/txt_coming_soon.png); font-size: 0rem; line-height: 0; background-color: #E2AF03; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; z-index: 2; }

.list-product-pt1 .img-teaser-pickup { display: block; width: 215px; height: auto; position: absolute; bottom: -56px; right: -83px; }

.list-product-pt1 .product-name { margin-top: 2px; font-weight: 400; font-size: 1.2rem; line-height: 1.75; color: #FFFFFF; }

.list-product-pt1 .product-name span + span { margin-left: 4px; }

.sec-product-teaser { margin-top: 72px; opacity: 0; }

.sec-product-teaser:has(.img-teaser-pickup) + .sec-product-teaser { margin-top: 113px; }

.sec-product-teaser + .sec-product-teaser { margin-top: 48px; }

.sec-product-teaser .txt-lead-end { margin-top: 28px; font-weight: 500; font-size: 1.8rem; line-height: 1.77; color: #6A4532; }

.wrap-list-comments.pt1 .list-comments { margin-top: 12px; padding-bottom: 0; }

.wrap-list-comments.pt1 .list-comments .comment { -webkit-line-clamp: 3; }

.wrap-list-comments.pt1 .list-comments .open .comment { -webkit-line-clamp: unset; }

.wrap-list-comments.pt1 .list-comments .open + .info { margin-top: 16px; }

.list-comments { margin-top: 38px; padding-bottom: 32px; display: flex; flex-direction: column; }

.list-comments > li + li { margin-top: 32px; }

.list-comments .wrap-comment { display: flex; flex-direction: row; }

.list-comments .wrap-img { min-width: 64px; flex: 0 0 calc(min(17.07vw, 110px)); height: 0 0 calc(min(17.07vw, 110px)); border-radius: 9999px; margin-right: 16px; }

.list-comments .wrap-img img { border-radius: inherit; }

.list-comments .wrap-txt { color: #6A4532; flex: 1; }

.list-comments .wrap-btn-more { display: block; text-align: left; }

.list-comments .open .comment { -webkit-line-clamp: unset; }

.list-comments .open .btn-more { display: none; }

.list-comments .open .author { display: flex; }

.list-comments .comment { color: #6A4532; font-size: 1.4rem; line-height: 1.8; font-weight: 400; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: max-height 0.3s ease; }

.list-comments .btn-more { margin-top: 4px; display: flex; justify-content: flex-end; text-decoration: none; color: rgba(106, 69, 50, 0.64); font-size: 1.3rem; line-height: 1.46; width: 100%; cursor: pointer; }

.list-comments .btn-more.btn-hidden { visibility: hidden; }

.list-comments .author { display: none; justify-content: flex-end; color: #6A4532; margin-top: 4px; font-size: 1.3rem; line-height: 1.43; font-weight: 400; text-align: right; align-items: flex-end; }

.list-comments .author span { font-size: 1.2rem; margin-left: 3px; }

.list-comments .info { display: flex; align-items: center; }

.list-comments .info .wrap-img { min-width: 40px; flex: 0 0 40px; margin-right: 16px; }

.list-comments .info .name { font-size: 1.4rem; line-height: 1.75; color: #6A4532; }

.wrap-summary { opacity: 0; padding-top: 87px; position: relative; }

.wrap-summary .wrap-img { width: 266px; position: absolute; top: 0; right: -190px; z-index: 2; }

.wrap-summary .wrap-txt { position: relative; padding: 70px 0 56px; }

.wrap-summary .wrap-txt:after { content: ""; display: block; background-color: #A50319; height: 100%; position: absolute; top: 0; bottom: 0; left: -100vw; right: -100vw; margin: auto; z-index: -1; }

.wrap-summary .txt { font-family: "Noto Serif JP", serif; color: #FFFFFF; font-size: 1.6rem; font-weight: 700; line-height: 2.1; text-align: center; padding: 0 18px; }

.wrap-summary .btn-detail { color: #FFFFFF; border: 1px solid #FFFFFF; }

.wrap-summary.pt1 { margin-top: -70px; padding-top: 37px; }

.wrap-summary.pt1 .wrap-img { top: 15px; width: 201px; right: -124px; }

.wrap-summary.pt1 .wrap-txt { padding: 153px 0 55px; }

.wrap-summary.pt1 .wrap-txt .txt { line-height: 2; }

.wrap-summary.pt1 .wrap-txt .wrap-btn { text-align: center; margin-top: 50px; }

.list-social-media { margin-top: 16px; display: flex; justify-content: center; gap: 20px; }

.list-social-media .btn { display: block; width: 40px; height: 40px; }

.wrap-new-item { opacity: 0; --top: 63px; --bottom: 48px; position: relative; padding-top: var(--top); padding-bottom: var(--bottom); }

.wrap-new-item:after { content: ""; display: block; background-color: #A50319; position: absolute; top: var(--top); left: -44px; right: -10px; bottom: var(--bottom); margin: auto; z-index: -1; }

.wrap-new-item .img-hdg { width: 229px; position: absolute; top: 2px; right: -50px; }

.wrap-new-item .img_lipstick { width: 117px; position: absolute; right: -80px; bottom: 0; }

.wrap-list-new { padding: 55px 0 37px; position: relative; margin-left: -20px; z-index: 1; }

.list-new-item .new-item { display: block; font-size: 1.4rem; line-height: 2; font-weight: 700; color: #FFFFFF; }

.list-new-item .sub { font-size: 1.2rem; line-height: 1.67; }

.wrap-gift-item { margin-top: 12px; }

.wrap-gift-item .main-title { background-color: #A50319; color: #FFFFFF; font-size: 1.4rem; line-height: 1.71; font-weight: 600; text-align: center; padding: 11px 12px 10px; border: 1px solid #707070; }

.wrap-gift-item .wrap-gift-cnt { border: 1px solid #A50319; padding: 8px 16px 16px 24px; background-color: #FFFFFF; }

.wrap-gift-item .wrap-gift-cnt .sub-title { font-size: 1.6rem; line-height: 1.75; color: #6A4532; font-weight: 400; text-align: center; }

.list-note { margin-top: 6px; }

.list-note > li + li { margin-top: 4px; }

.list-note span { display: block; position: relative; font-size: 1.4rem; line-height: 1.5; color: rgba(106, 69, 50, 0.72); padding-left: 1.2em; }

.list-note span:before { content: "※"; position: absolute; left: 0; top: 0; }

.list-note span.color-normal { color: #6A4532; }

.wrap-note-image { margin-top: 33px; display: flex; }

.wrap-note-image + .wrap-note-image { margin-top: 6px; }

.wrap-note-image .wrap-character { flex: 0 0 79px; margin-right: 15px; display: flex; gap: 17px; }

.wrap-note-image .wrap-character > li { width: 100%; height: -webkit-max-content; height: -moz-max-content; height: max-content; }

.wrap-note-image .wrap-character > li + li { position: relative; }

.wrap-note-image .wrap-character > li + li:before { content: "+"; display: block; color: #A50319; font-weight: 700; position: absolute; top: 4px; left: -13px; font-size: 20px; }

.wrap-note-image .character { font-family: "Playfair Display", serif; font-size: 3rem; line-height: 1; font-weight: 400; color: #FFFFFF; text-align: center; position: relative; min-height: 40px; }

.wrap-note-image .character:after { content: ""; display: block; width: 100%; position: absolute; bottom: 7px; background-color: #A50319; z-index: -1; min-height: 31px; }

.wrap-note-image .data { font-size: 1.4rem; line-height: 1.71; color: #A50319; font-weight: 600; margin-top: -2px; }

.wrap-note-image .data span { font-size: 1.2rem; }

.top_back_btn.scrollwatchScrolled { bottom: 40px; }

.wrap-orinal-header + .l-main > .wrap-sec-content .wrap-intro-lead.teaser { padding-top: 24px; }

.wrap-orinal-header + .l-main > .wrap-sec-content .wrap-intro-lead.event { padding-top: 24px; }

.list-item-pt9 > li .wrap-box .bg-red { position: relative; }

.list-item-pt9 > li .wrap-box .bg-red img { position: relative; z-index: 1; }

.list-item-pt9 > li .wrap-box .bg-red::before { content: ""; display: block; width: 93%; height: 100%; background-color: #A50319; position: absolute; left: -8px; bottom: -8px; z-index: 0; }

.list-item-pt9 > li .wrap-box .wrap-ttl .quantity { display: block; }

.list-anchor-campaign { opacity: 0; margin-top: 37px; }

.list-anchor-campaign > li + li { margin-top: 24px; }

.list-anchor-campaign > li:nth-child(2) .lead { padding-right: 0; }

.list-anchor-campaign > li:nth-child(2) .img-anchor { width: 41px; }

.list-anchor-campaign .link { text-decoration: none; }

.list-anchor-campaign .wrap-box { z-index: -1; padding: 12px 16px 30px; border: 1px solid #6A4532; position: relative; }

.list-anchor-campaign .wrap-box: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: 13px; }

.list-anchor-campaign .wrap-box.closed:before { content: ""; background-color: rgba(0, 0, 0, 0.6); position: absolute; top: -16px; left: -1px; right: -1px; margin: auto; height: calc(100% + 16px); z-index: 1; }

.list-anchor-campaign .wrap-box.closed .number span { background-color: transparent; }

.list-anchor-campaign .txt-close { font-size: 2rem; line-height: 1.5; font-weight: 700; background-color: #333; color: #FFFFFF; padding: 8px 4px 12px; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 208px; height: 51px; text-align: center; display: flex; align-items: center; justify-content: center; }

.list-anchor-campaign .number { z-index: 1; position: absolute; left: 0; right: 0; top: -21px; margin: auto; text-align: center; }

.list-anchor-campaign .number span { display: inline-block; padding: 0 2px; font-family: "Playfair Display", serif; font-weight: 400; font-size: 4.2rem; letter-spacing: -0.04em; color: #A50319; line-height: 0.5; background-color: #FFFFFF; }

.list-anchor-campaign .img-anchor { width: 42px; height: auto; position: absolute; top: 10px; left: 14px; }

.list-anchor-campaign .img-collab { padding-left: 51px; padding-right: 11px; margin: 8px 0 7px; }

.list-anchor-campaign .lead { padding-left: 51px; padding-right: 22px; font-weight: 600; font-size: 1.2rem; line-height: 1.45; text-align: center; color: #6A4532; }

.list-anchor-campaign .lead .price { font-size: 1.6rem; }

.list-anchor-campaign .lead .unit { font-size: 1rem; }

.list-anchor-campaign .ttl { margin-top: 4px; font-weight: 700; font-size: 1.8rem; line-height: 1.36; text-align: center; color: #A50319; }

.list-anchor-campaign .ttl .small { font-size: 1.4rem; }

.hdg-lv3-pt4 { font-weight: 700; font-size: 2.5rem; line-height: 1.5; color: #6A4532; }

.hdg-lv3-pt4 .sub { display: block; font-size: 2rem; line-height: 1.3; margin-bottom: 8px; }

.hdg-lv4-pt4 { margin-left: -24px; padding: 16px 16px 16px 79px; position: relative; }

.hdg-lv4-pt4:before { font-family: "Playfair Display", serif; font-weight: 400; font-size: 4.6rem; letter-spacing: -0.04em; line-height: 1; color: #FFFFFF; counter-increment: number; content: "0" counter(number); position: absolute; left: 24px; top: 0; }

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

.hdg-lv4-pt4 .ttl { font-weight: 700; font-size: 2.4rem; line-height: 1.5; color: #FFFFFF; }

.hdg-lv4-pt4 .ttl-pt1 { font-weight: 700; font-size: 1.8rem; line-height: 1.5; color: #FFFFFF; }

.hdg-lv4-pt4 .ttl-pt1 .sub { display: inline; }

.hdg-lv4-pt4 .sub { display: block; color: #FFFFFF; font-size: 1.6rem; line-height: 1.6875; }

.list-present { margin-top: 40px; counter-reset: number; }

.list-present > li + li { margin-top: 64px; }

.sec-product-campaign { z-index: 1; margin-top: 22px; position: relative; }

.sec-product-campaign .txt-noti { display: inline-block; width: 229px; text-align: center; padding: 7px 19px 6px; background-color: #A50319; margin-bottom: 18px; }

.sec-product-campaign .txt-noti span { display: block; font-weight: 700; font-size: 1.6rem; line-height: 1.5; color: #FFFFFF; }

.sec-product-campaign .txt-limited { position: absolute; left: 247px; top: 0; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border: 1px solid #A50319; border-radius: 50%; }

.sec-product-campaign .txt-limited span { font-weight: 700; font-size: 1.6rem; line-height: 1.6875; color: #A50319; }

.sec-product-campaign .txt-lead-campaign { margin-top: 22px; font-family: "Noto Serif JP", serif; font-weight: 700; font-size: 1.6rem; line-height: 1.75; color: #6A4532; }

.sec-product-campaign .list-note span { color: #6A4532; }

.wrap-box-present { margin-top: 26px; opacity: 0; }

.wrap-box-present.pt1 .img-main { padding: 0 58px; }

.wrap-box-present .img-main { margin-top: 28px; }

.wrap-box-present .img-main.closed { position: relative; }

.wrap-box-present .img-main.closed:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-color: rgba(0, 0, 0, 0.6); z-index: 1; }

.wrap-box-present .img-main.closed:after { content: "終了いたしました"; background-color: #333; font-size: 2rem; line-height: 1.5; font-weight: 700; color: #FFFFFF; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 208px; height: 51px; text-align: center; display: flex; align-items: center; justify-content: center; }

.wrap-box-present .wrap-block-data { margin-top: 28px; }

.wrap-box-present .wrap-block-data:has(.wrap-book) { margin-top: 18px; }

.wrap-box-present .wrap-book { margin-top: 18px; }

.wrap-box-present .wrap-book + .txt { margin-top: 8px; }

.wrap-box-present .author { font-weight: 700; font-size: 1.4rem; line-height: 1.5; color: #6A4532; }

.wrap-box-present .book-name { margin-top: 8px; text-transform: uppercase; font-weight: 700; font-size: 3.2rem; line-height: 1.5; color: #6A4532; }

.wrap-box-present .wrap-block-profile { margin-top: 32px; min-height: 99px; }

.wrap-box-present .img-profile { position: absolute; display: block; width: 99px; height: 99px; margin-right: 15px; top: 0; left: 0; }

.wrap-box-present .profile-card { position: relative; padding-top: 15px; }

.wrap-box-present .role { font-weight: 500; font-size: 1.4rem; line-height: 1.48; color: #A50319; padding-left: 114px; }

.wrap-box-present .name { margin-top: 8px; font-weight: 700; font-size: 2.4rem; line-height: 1.33; color: #A50319; padding-left: 114px; }

.wrap-box-present .name span { font-size: 1.6rem; line-height: 2; }

.wrap-box-present .intro { margin-top: 32px; font-weight: 400; font-size: 1.4rem; line-height: 1.8; color: #6A4532; }

.wrap-box-present .txt { font-weight: 400; font-size: 1.6rem; line-height: 2; color: #6A4532; }

.wrap-box-present .txt .highlight { font-weight: 700; color: #A50319; }

.wrap-box-present .txt .highlight.pt1 { font-size: 1.8rem; line-height: 1.7; }

.wrap-box-present .txt .highlight.pt2 { font-size: 2rem; line-height: 1.6; }

.wrap-box-present .txt + .list-note { margin-top: 10px; }

.wrap-detail-present { margin-top: 6px; }

.wrap-detail-present .ttl { font-weight: 700; font-size: 2rem; line-height: 1.8; color: #6A4532; }

.wrap-detail-present .dl-present { margin-top: 12px; font-size: 1.6rem; line-height: 1.5; color: #6A4532; }

.wrap-detail-present .dl-present .wrap { display: flex; }

.wrap-detail-present .dl-present .wrap + .wrap { margin-top: 8px; }

.wrap-detail-present .dl-present dt { font-weight: 700; flex: 0 0 50px; margin-right: 6px; }

.wrap-detail-present .dl-present dd { flex: 1; }

.wrap-detail-present .list-note { margin-top: 16px; }

.wrap-explain-present { opacity: 0; margin: 40px -24px 0; padding: 48px 24px; position: relative; }

.wrap-explain-present:after { content: ""; display: block; position: absolute; height: 100%; left: -100vw; right: -100vw; top: 0; background-color: rgba(175, 171, 159, 0.24); z-index: -1; box-shadow: none; }

.wrap-explain-present .tag-head { background-color: #A50319; font-weight: 600; font-size: 1.6rem; line-height: 1.71; text-align: center; color: #FFFFFF; padding: 10px; }

.wrap-explain-present .wrap { background-color: #FFFFFF; border: 1px solid #6A4532; padding: 14px 16px 16px; }

.wrap-explain-present .ttl { font-weight: 500; font-size: 1.6rem; line-height: 1.75; text-align: center; color: #6A4532; }

.wrap-explain-present .wrap-img { padding: 0 58px; margin-top: 14px; margin-bottom: 17px; text-align: center; }

.wrap-explain-present .list-btn-col2 { margin-top: 16px; }

.wrap-explain-present .list-btn-col2 > li + li { margin-top: 16px; }

.wrap-explain-present .list-btn { margin-top: 16px; }

.wrap-explain-present .list-btn > li + li { margin-top: 16px; }

.wrap-explain-present .wrap-right { margin-top: 8px; }

.wrap-explain-present .wrap-calculation { margin-top: 48px; }

.wrap-explain-present .ttl-calc { font-weight: 700; font-size: 2rem; line-height: 1.45; color: #6A4532; }

.wrap-explain-present .txt-calc { margin-top: 12px; font-weight: 400; font-size: 1.6rem; line-height: 1.78; color: #6A4532; }

.wrap-explain-present .txt-calc .txt-lg { text-decoration: underline; font-size: 1.8rem; }

.wrap-explain-present .wrap-note { margin-top: 32px; }

.wrap-explain-present .wrap-note .ttl-note { font-weight: 600; font-size: 1.4rem; line-height: 1.5; color: #6A4532; }

.wrap-explain-present .wrap-note .list-note { margin-top: 8px; }

.list-alert { margin-top: 14px; }

.list-alert > li { padding-left: 1.7em; position: relative; font-weight: 400; font-size: 1.4rem; line-height: 1.42; color: #6A4532; }

.list-alert > li:before { content: ""; display: block; width: 18px; height: 15px; background-image: url(/special/makeup/common/img/icon_alert.svg); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0.15rem; left: 0; }

.list-discount { margin-top: 15px; }

.list-discount > li + li { margin-top: 14px; }

.list-discount .wrap-discount { display: flex; justify-content: space-between; align-items: center; }

.list-discount .wrap-discount:has(.list-condition > li:nth-child(2)) .wrap-col-1 { padding-right: 17px; margin-right: 0; position: relative; }

.list-discount .wrap-discount:has(.list-condition > li:nth-child(2)) .wrap-col-1:after { content: ""; display: block; width: 1px; height: 100%; background-color: #AFAB9F; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }

.list-discount .wrap-discount .wrap-col-1 { margin-right: 7px; }

.list-discount .wrap-discount .wrap-col-2 { margin-left: 13px; }

.list-discount .wrap-discount .line { border-top: 1px solid #AFAB9F; margin: auto; flex: 1; }

.list-discount .txt-discount { font-weight: 500; font-size: 1.4rem; line-height: 1.5; color: #6A4532; }

.list-discount .txt-discount span { font-size: 1.6rem; font-weight: 700; color: #A50319; }

.list-condition:has(li:nth-child(2)) > li { position: relative; }

.list-condition:has(li:nth-child(2)) > li:first-child:after { top: 0; bottom: auto; }

.list-condition:has(li:nth-child(2)) > li:after { content: ""; width: 12px; display: block; height: 1px; background-color: #AFAB9F; right: -17px; position: absolute; top: 0; bottom: 0; margin: auto; }

.list-condition:has(li:nth-child(2)) > li:last-child:after { bottom: 0; top: auto; }

.list-condition > li { font-weight: 400; font-size: 1.4rem; line-height: 1.5; color: #6A4532; max-width: 140px; }

.list-condition > li + li { margin-top: 8px; }

.wrap-block-more { opacity: 0; margin-top: 26px; padding-top: 27px; position: relative; }

.wrap-block-more .box-tag { position: absolute; top: 0; left: 22px; }

.wrap-block-more .tag { display: flex; align-items: center; justify-content: center; min-width: 95px; max-width: 120px; padding: 15px; text-align: center; min-height: 76px; background-color: #A50319; border-radius: 50%; color: #FFFFFF; font-weight: 700; font-size: 1.6rem; line-height: 2; position: relative; }

.wrap-block-more .tag:after { content: ""; display: block; border-style: solid; border-width: 0 8px 14px 8px; border-color: transparent transparent #A50319 transparent; -webkit-transform: rotate(34deg); transform: rotate(34deg); position: absolute; right: 17px; bottom: 3px; }

.wrap-block-more .wrap-box { background-color: #FFFFFF; border: 1px solid #A50319; padding: 60px 15px 11px 11px; }

.wrap-block-more .ttl { font-weight: 700; font-size: 1.6rem; line-height: 1.75; color: #6A4532; padding-left: 11px; }

.wrap-block-more .ttl .sub { font-size: 1.4rem; display: block; font-weight: 400; line-height: 1.77; }

.wrap-block-more .wrap-btn { margin-top: 14px; margin-left: 4px; }

.wrap-block-more .wrap-product-cnt { margin-top: 4px; padding-top: 5px; position: relative; }

.wrap-block-more .box-chat-note { position: absolute; top: 0; left: 0; display: block; width: 176px; min-height: 103px; padding: 0 32px 25px 22px; background-image: url(/special/makeup/common/img/img_box_note_sp.png); background-repeat: no-repeat; background-size: 100% auto; background-position: bottom center; }

.wrap-block-more .box-chat-note .txt { font-weight: 600; font-size: 1.2rem; line-height: 1.6; text-align: center; color: #A50319; }

.wrap-item-present { padding-left: 4px; }

.list-item-present { display: flex; flex-wrap: wrap; align-items: flex-end; margin-left: -14px; }

.list-item-present > li { width: 50%; padding-left: 14px; }

.list-item-present > li:nth-child(1) .wrap-img { padding: 0 4px 0 4px; }

.list-item-present > li:nth-child(2) .wrap-img { padding: 0 13px 0 15px; }

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

.list-item-present .desc span { font-size: 1.2rem; line-height: 1.75; }

.wrap-make-point { margin-top: 8px; padding-top: 77px; position: relative; z-index: 1; }

.wrap-make-point .wrap-content { position: relative; padding: 54px 0 32px 24px; }

.wrap-make-point .wrap-content:after { content: ""; position: absolute; top: 0; left: 0; right: -24px; background-color: #A50319; height: 100%; z-index: -1; opacity: 0; }

.wrap-make-point .hdg-sub { display: block; width: 352px; height: 154px; background-color: #FFA8F8; -webkit-mask-image: url(/special/makeup/img/campaign/txt_make_point.png); mask-image: url(/special/makeup/img/campaign/txt_make_point.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; top: 0; left: -24px; }

.wrap-make-point .ttl { font-weight: 700; font-size: 1.8rem; line-height: 1.75; color: #FFFFFF; }

.wrap-make-point .txt { margin-top: 18px; font-weight: 400; font-size: 1.6rem; line-height: 2; color: #FFFFFF; }

.wrap-make-point .wrap-img { margin-top: 24px; }

.wrap-make-point + .wrap-explain-present.pt1 { padding-top: 161px; margin-top: -130px; }

.hdg-lv3-pt5 { font-weight: 700; font-size: 2.4rem; line-height: 1.5; color: #A50319; position: relative; padding-left: 56px; }

.hdg-lv3-pt5:before { content: ""; display: block; width: 145px; height: 72px; background-image: url(/special/makeup/img/event/img_lipstick01.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 7px; margin: auto; left: -105px; }

.hdg-lv3-pt5 .ft-s { font-size: 1.8rem; display: inline-flex; margin-bottom: 2px; }

.list-compare { margin-top: 4px; padding-left: 16px; display: flex; flex-direction: column; }

.list-compare > li + li { margin-top: 36px; }

.wrap-compare { position: relative; margin-top: 48px; padding-bottom: 48px; }

.wrap-compare:after { content: ""; display: block; background-color: #A50319; height: 100%; position: absolute; top: 0; bottom: 0; left: -100vw; right: -100vw; margin: auto; z-index: -2; }

.wrap-compare .list-btn { margin-top: 25px; }

.wrap-item-compare { padding-top: 66px; display: flex; width: 100%; }

.wrap-item-compare .img-prof { margin-right: 15px; flex: 0 0 calc((min(37.337vw, 255px))); }

.wrap-item-compare .ttl-item { font-family: "Playfair Display", serif; font-size: 2rem; line-height: 1.3; color: #FFFFFF; font-weight: 500; padding-left: 42px; position: relative; }

.wrap-item-compare .ttl-item:before { content: ""; display: block; width: 34px; height: 1px; background-color: #FFFFFF; position: absolute; top: 17px; left: 0; margin: auto; }

.wrap-item-compare .desc-item { margin-top: 13px; font-size: 1.3rem; line-height: 1.5; color: #FFFFFF; }

.wrap-item-compare .wrap-group-img { display: flex; margin-top: 16px; gap: 5.5px; }

.wrap-item-compare .wrap-group-img .wrap-img { font-size: 1rem; font-weight: 600; line-height: 1.5; color: #FFFFFF; display: flex; flex-direction: column; justify-content: space-between; height: 100%; text-align: center; }

.wrap-item-compare .wrap-group-img > li { flex: 0 0 calc((min(13.6vw, 75px))); }

.wrap-item-compare .wrap-group-img > li:first-child { flex: 0 0 calc((min(26.43vw, 137px))); }

.wrap-hdg-compare { position: relative; }

.wrap-hdg-compare .img-shadow { position: absolute; top: -66px; left: 0; }

.wrap-hdg-compare .img-shadow.basic { left: 15px; }

.wrap-hdg-compare .img-shadow img { height: 98px; }

.wrap-how-to-use { position: relative; padding-bottom: 54px; }

.wrap-how-to-use:after { content: ""; display: block; background-color: #ECEBE8; position: absolute; top: -24px; left: 16px; right: -24px; z-index: -1; height: calc(100% + 18px); }

.wrap-how-to-use .wrap-cnt-how-to-use { padding-left: 32px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.wrap-how-to-use .txt-lead { margin-top: 12px; font-size: 1.6rem; line-height: 2; color: #6A4532; }

.wrap-how-to-use .wrap-list-img { display: flex; align-items: flex-end; margin-top: 9px; }

.wrap-how-to-use .img-how-to-use { width: calc(min(50.134vw, 310px)); }

.wrap-how-to-use .img-makeup-box { margin-left: 9px; margin-bottom: 12px; width: calc(min(26.134vw, 207px)); }

.list-makeup-box { display: flex; gap: 10px; margin-top: -28px; }

.list-makeup-box > li { flex: 0 0 86px; }

.list-makeup-box .wrap-img { width: calc(min(23.1vw, 146px)); }

.list-makeup-box .txt-cap { margin-top: 8px; color: #6A4532; font-size: 1.4rem; line-height: 1.5; font-weight: 700; text-align: center; }

.wrap-sec-how-to-use { opacity: 0; position: relative; margin-top: 40px; }

.wrap-box-backtop { margin-top: 52px; margin-bottom: 65px; position: relative; }

.wrap-box-backtop .img-lipstick { display: block; width: 206px; height: auto; position: absolute; right: -123px; bottom: 15px; z-index: -1; }

@keyframes PT1-img01-PC { 0% { opacity: 1;
    left: 189px; }
  14.28% { opacity: 1;
    left: 189px; }
  20% { opacity: 0;
    left: 189px; }
  94.28% { opacity: 0;
    left: 130px; }
  100% { opacity: 1;
    left: 189px; } }

@keyframes PT1-img02-PC { 0% { opacity: 1;
    right: 214px; }
  14.28% { opacity: 1;
    right: 214px; }
  20% { opacity: 0;
    right: 214px; }
  94.28% { opacity: 0;
    right: 180px; }
  100% { opacity: 1;
    right: 214px; } }

@keyframes PT1-img03-PC { 0% { opacity: 1;
    left: 6px; }
  14.28% { opacity: 1;
    left: 6px; }
  20% { opacity: 0;
    left: 6px; }
  94.28% { opacity: 0;
    left: 6px; }
  100% { opacity: 1;
    left: 6px; } }

@keyframes PT1-txt01-PC { 0% { opacity: 1;
    left: 0; }
  14.28% { opacity: 1;
    left: 0; }
  20% { opacity: 0;
    left: 0; }
  94.28% { opacity: 0;
    left: 0; }
  100% { opacity: 1;
    left: 0; } }

@keyframes PT1-txt02-PC { 0% { opacity: 1;
    top: 121px; }
  14.28% { opacity: 1;
    top: 121px; }
  20% { opacity: 0;
    top: 121px; }
  94.28% { opacity: 0;
    top: 50px; }
  100% { opacity: 1;
    top: 121px; } }

@keyframes PT2-img01-PC { 0% { opacity: 0;
    top: 0; }
  14.28% { opacity: 0;
    top: 50px; }
  20% { opacity: 1;
    top: 0; }
  34.28% { opacity: 1;
    top: 0; }
  40% { opacity: 0;
    top: 0; }
  100% { opacity: 0;
    top: 0; } }

@keyframes PT2-img03-PC { 0% { opacity: 0;
    left: 6px; }
  14.28% { opacity: 0;
    left: 6px; }
  20% { opacity: 1;
    left: 6px; }
  34.28% { opacity: 1;
    left: 6px; }
  40% { opacity: 0;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@keyframes PT2-txt01-PC { 0% { opacity: 0;
    left: 0; }
  14.28% { opacity: 0;
    left: 0; }
  20% { opacity: 1;
    left: 0; }
  34.28% { opacity: 1;
    left: 0; }
  40% { opacity: 0;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@keyframes PT2-txt02-PC { 0% { opacity: 0;
    right: -18px;
    top: 462px; }
  14.28% { opacity: 0;
    right: -30px;
    top: 500px; }
  20% { opacity: 1;
    right: -18px;
    top: 462px; }
  34.28% { opacity: 1;
    right: -18px;
    top: 462px; }
  40% { opacity: 0;
    right: -18px;
    top: 462px; }
  100% { opacity: 0;
    right: -18px;
    top: 462px; } }

@keyframes PT3-img01-PC { 0% { opacity: 0;
    left: 189px; }
  34.28% { opacity: 0;
    left: 130px; }
  40% { opacity: 1;
    left: 189px; }
  54.28% { opacity: 1;
    left: 189px; }
  60% { opacity: 0;
    left: 189px; }
  100% { opacity: 0;
    left: 189px; } }

@keyframes PT3-img02-PC { 0% { opacity: 0;
    right: 157px; }
  34.28% { opacity: 0;
    right: 100px; }
  40% { opacity: 1;
    right: 157px; }
  54.28% { opacity: 1;
    right: 157px; }
  60% { opacity: 0;
    right: 157px; }
  100% { opacity: 0;
    right: 157px; } }

@keyframes PT3-img03-PC { 0% { opacity: 0;
    left: 6px; }
  34.28% { opacity: 0;
    left: 6px; }
  40% { opacity: 1;
    left: 6px; }
  54.28% { opacity: 1;
    left: 6px; }
  60% { opacity: 0;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@keyframes PT3-txt01-PC { 0% { opacity: 0;
    left: 0; }
  34.28% { opacity: 0;
    left: 0; }
  40% { opacity: 1;
    left: 0; }
  54.28% { opacity: 1;
    left: 0; }
  60% { opacity: 0;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@keyframes PT3-txt02-PC { 0% { opacity: 0;
    top: 121px; }
  34.28% { opacity: 0;
    top: 50px; }
  40% { opacity: 1;
    top: 121px; }
  54.28% { opacity: 1;
    top: 121px; }
  60% { opacity: 0;
    top: 121px; }
  100% { opacity: 0;
    top: 121px; } }

@keyframes PT4-img01-PC { 0% { opacity: 0;
    top: 0; }
  54.28% { opacity: 0;
    top: -30px; }
  60% { opacity: 1;
    top: 0; }
  74.28% { opacity: 1;
    top: 0; }
  80% { opacity: 0;
    top: 0; }
  100% { opacity: 0;
    top: 0; } }

@keyframes PT4-img02-PC { 0% { opacity: 0;
    bottom: 60px; }
  54.28% { opacity: 0;
    bottom: 30px; }
  60% { opacity: 1;
    bottom: 60px; }
  74.28% { opacity: 1;
    bottom: 60px; }
  80% { opacity: 0;
    bottom: 60px; }
  100% { opacity: 0;
    bottom: 60px; } }

@keyframes PT4-img03-PC { 0% { opacity: 0;
    left: 6px; }
  54.28% { opacity: 0;
    left: 6px; }
  60% { opacity: 1;
    left: 6px; }
  74.28% { opacity: 1;
    left: 6px; }
  80% { opacity: 0;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@keyframes PT4-txt01-PC { 0% { opacity: 0;
    left: 0; }
  54.28% { opacity: 0;
    left: 0; }
  60% { opacity: 1;
    left: 0; }
  74.28% { opacity: 1;
    left: 0; }
  80% { opacity: 0;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@keyframes PT4-txt02-PC { 0% { opacity: 0;
    right: -18px; }
  54.28% { opacity: 0;
    right: -40px; }
  60% { opacity: 1;
    right: -18px; }
  74.28% { opacity: 1;
    right: -18px; }
  80% { opacity: 0;
    right: -18px; }
  100% { opacity: 0;
    right: -18px; } }

@keyframes PT5-img01-PC { 0% { opacity: 0;
    right: 157px; }
  74.28% { opacity: 0;
    right: 127px; }
  80% { opacity: 1;
    right: 157px; }
  94.28% { opacity: 1;
    right: 157px; }
  100% { opacity: 0;
    right: 157px; } }

@keyframes PT5-img02-PC { 0% { opacity: 0;
    left: 189px; }
  74.28% { opacity: 0;
    left: 160px; }
  80% { opacity: 1;
    left: 189px; }
  94.28% { opacity: 1;
    left: 189px; }
  100% { opacity: 0;
    left: 189px; } }

@keyframes PT5-img03-PC { 0% { opacity: 0;
    left: 6px; }
  74.28% { opacity: 0;
    left: 6px; }
  80% { opacity: 1;
    left: 6px; }
  94.28% { opacity: 1;
    left: 6px; }
  100% { opacity: 0;
    left: 6px; } }

@keyframes PT5-txt01-PC { 0% { opacity: 0;
    left: 0; }
  74.28% { opacity: 0;
    left: 0; }
  80% { opacity: 1;
    left: 0; }
  94.28% { opacity: 1;
    left: 0; }
  100% { opacity: 0;
    left: 0; } }

@keyframes PT5-txt02-PC { 0% { opacity: 0;
    top: 121px; }
  74.28% { opacity: 0;
    top: 50px; }
  80% { opacity: 1;
    top: 121px; }
  94.28% { opacity: 1;
    top: 121px; }
  100% { opacity: 0;
    top: 121px; } }

@keyframes PT1-img01-SP { 0% { opacity: 1;
    right: 0; }
  14.28% { opacity: 1;
    right: 0; }
  20% { opacity: 0;
    right: 0; }
  94.28% { opacity: 0;
    right: -50px; }
  100% { opacity: 1;
    right: 0; } }

@keyframes PT1-img02-SP { 0% { opacity: 1;
    left: 24px; }
  14.28% { opacity: 1;
    left: 24px; }
  20% { opacity: 0;
    left: 24px; }
  94.28% { opacity: 0;
    left: -50px; }
  100% { opacity: 1;
    left: 24px; } }

@keyframes PT1-img03-SP { 0% { opacity: 1;
    left: 27px; }
  14.28% { opacity: 1;
    left: 27px; }
  20% { opacity: 0;
    left: 27px; }
  94.28% { opacity: 0;
    left: 27px; }
  100% { opacity: 1;
    left: 27px; } }

@keyframes PT1-txt01-SP { 0% { opacity: 1;
    left: 24px; }
  14.28% { opacity: 1;
    left: 24px; }
  20% { opacity: 0;
    left: 24px; }
  94.28% { opacity: 0;
    left: 24px; }
  100% { opacity: 1;
    left: 24px; } }

@keyframes PT1-txt02-SP { 0% { opacity: 1;
    left: 32px; }
  14.28% { opacity: 1;
    left: 32px; }
  20% { opacity: 0;
    left: 32px; }
  94.28% { opacity: 0;
    left: -50px; }
  100% { opacity: 1;
    left: 32px; } }

@keyframes PT2-img01-SP { 0% { opacity: 0;
    top: 75px; }
  14.28% { opacity: 0;
    top: 0; }
  20% { opacity: 1;
    top: 75px; }
  34.28% { opacity: 1;
    top: 75px; }
  40% { opacity: 0;
    top: 75px; }
  100% { opacity: 0;
    top: 75px; } }

@keyframes PT2-img03-SP { 0% { opacity: 0;
    left: 27px; }
  14.28% { opacity: 0;
    left: 3px; }
  20% { opacity: 1;
    left: 27px; }
  34.28% { opacity: 1;
    left: 27px; }
  40% { opacity: 0;
    left: 27px; }
  100% { opacity: 0;
    left: 27px; } }

@keyframes PT2-txt01-SP { 0% { opacity: 0;
    left: 24px; }
  14.28% { opacity: 0;
    left: 0; }
  20% { opacity: 1;
    left: 24px; }
  34.28% { opacity: 1;
    left: 24px; }
  40% { opacity: 0;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@keyframes PT2-txt02-SP { 0% { opacity: 0;
    left: -8px; }
  14.28% { opacity: 0;
    left: -50px; }
  20% { opacity: 1;
    left: -8px; }
  34.28% { opacity: 1;
    left: -8px; }
  40% { opacity: 0;
    left: -8px; }
  100% { opacity: 0;
    left: -8px; } }

@keyframes PT3-img01-SP { 0% { opacity: 0;
    right: 0; }
  34.28% { opacity: 0;
    right: -50px; }
  40% { opacity: 1;
    right: 0; }
  54.28% { opacity: 1;
    right: 0; }
  60% { opacity: 0;
    right: 0; }
  100% { opacity: 0;
    right: 0; } }

@keyframes PT3-img02-SP { 0% { opacity: 0;
    left: 24px; }
  34.28% { opacity: 0;
    left: -50px; }
  40% { opacity: 1;
    left: 24px; }
  54.28% { opacity: 1;
    left: 24px; }
  60% { opacity: 0;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@keyframes PT3-img03-SP { 0% { opacity: 0;
    top: calc(min(88vw,422px)); }
  34.28% { opacity: 0;
    top: calc(min(78vw,322px)); }
  40% { opacity: 1;
    top: calc(min(88vw,422px)); }
  54.28% { opacity: 1;
    top: calc(min(88vw,422px)); }
  60% { opacity: 0;
    top: calc(min(88vw,422px)); }
  100% { opacity: 0;
    top: calc(min(88vw,422px)); } }

@keyframes PT3-txt01-SP { 0% { opacity: 0;
    top: calc(min(62.2vw,291px)); }
  34.28% { opacity: 0;
    top: calc(min(52.2vw,191px)); }
  40% { opacity: 1;
    top: calc(min(62.2vw,291px)); }
  54.28% { opacity: 1;
    top: calc(min(62.2vw,291px)); }
  60% { opacity: 0;
    top: calc(min(62.2vw,291px)); }
  100% { opacity: 0;
    top: calc(min(62.2vw,291px)); } }

@keyframes PT3-txt02-SP { 0% { opacity: 0;
    left: 32px; }
  34.28% { opacity: 0;
    left: 100px; }
  40% { opacity: 1;
    left: 32px; }
  54.28% { opacity: 1;
    left: 32px; }
  60% { opacity: 0;
    left: 32px; }
  100% { opacity: 0;
    left: 32px; } }

@keyframes PT4-img01-SP { 0% { opacity: 0;
    top: 80px; }
  54.28% { opacity: 0;
    top: 30px; }
  60% { opacity: 1;
    top: 80px; }
  74.28% { opacity: 1;
    top: 80px; }
  80% { opacity: 0;
    top: 80px; }
  100% { opacity: 0;
    top: 80px; } }

@keyframes PT4-img02-SP { 0% { opacity: 0;
    bottom: 32px; }
  54.28% { opacity: 0;
    bottom: 0; }
  60% { opacity: 1;
    bottom: 32px; }
  74.28% { opacity: 1;
    bottom: 32px; }
  80% { opacity: 0;
    bottom: 32px; }
  100% { opacity: 0;
    bottom: 32px; } }

@keyframes PT4-img03-SP { 0% { opacity: 0;
    left: 27px; }
  54.28% { opacity: 0;
    left: -50px; }
  60% { opacity: 1;
    left: 27px; }
  74.28% { opacity: 1;
    left: 27px; }
  80% { opacity: 0;
    left: 27px; }
  100% { opacity: 0;
    left: 27px; } }

@keyframes PT4-txt01-SP { 0% { opacity: 0;
    left: 24px; }
  54.28% { opacity: 0;
    left: -50px; }
  60% { opacity: 1;
    left: 24px; }
  74.28% { opacity: 1;
    left: 24px; }
  80% { opacity: 0;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@keyframes PT4-txt02-SP { 0% { opacity: 0;
    left: 32px; }
  54.28% { opacity: 0;
    left: 32px; }
  60% { opacity: 1;
    left: 32px; }
  74.28% { opacity: 1;
    left: 32px; }
  80% { opacity: 0;
    left: 32px; }
  100% { opacity: 0;
    left: 32px; } }

@keyframes PT5-img01-SP { 0% { opacity: 0;
    right: 0; }
  74.28% { opacity: 0;
    right: -50px; }
  80% { opacity: 1;
    right: 0; }
  94.28% { opacity: 1;
    right: 0; }
  100% { opacity: 0;
    right: 0; } }

@keyframes PT5-img02-SP { 0% { opacity: 0;
    left: 24px; }
  74.28% { opacity: 0;
    left: 0; }
  80% { opacity: 1;
    left: 24px; }
  94.28% { opacity: 1;
    left: 24px; }
  100% { opacity: 0;
    left: 24px; } }

@keyframes PT5-img03-SP { 0% { opacity: 0;
    top: calc(min(71vw,347px)); }
  74.28% { opacity: 0;
    top: calc(min(61vw,247px)); }
  80% { opacity: 1;
    top: calc(min(71vw,347px)); }
  94.28% { opacity: 1;
    top: calc(min(71vw,347px)); }
  100% { opacity: 0;
    top: calc(min(71vw,347px)); } }

@keyframes PT5-txt01-SP { 0% { opacity: 0;
    top: calc(min(46.2vw,190px)); }
  74.28% { opacity: 0;
    top: 150px; }
  80% { opacity: 1;
    top: calc(min(46.2vw,190px)); }
  94.28% { opacity: 1;
    top: calc(min(46.2vw,190px)); }
  100% { opacity: 0;
    top: calc(min(46.2vw,190px)); } }

@keyframes PT5-txt02-SP { 0% { opacity: 0;
    top: calc(min(121vw,577px)); }
  74.28% { opacity: 0;
    top: calc(min(125vw,587px)); }
  80% { opacity: 1;
    top: calc(min(121vw,577px)); }
  94.28% { opacity: 1;
    top: calc(min(121vw,577px)); }
  100% { opacity: 0;
    top: calc(min(121vw,577px)); } }

.list-item-pt5.pt-sns .wrap-mainimg { padding-top: 100%; position: relative; font-size: 0; line-height: 0; overflow: hidden; z-index: 1; width: 100%; }

.list-item-pt5.pt-sns .wrap-mainimg img { display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }

.list-item-pt5.pt-sns .txt-hdg { margin-top: 16px; font-size: 1.4rem; font-weight: 700; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; min-height: 64px; }

.list-item-pt5.pt-sns .wrap-img-txt { display: flex; align-items: flex-start; margin-top: 14px; }

.list-item-pt5.pt-sns .wrap-img-txt .wrap-img { padding-top: 43px; position: relative; font-size: 0; line-height: 0; overflow: hidden; z-index: 1; width: 43px; border-radius: 50%; }

.list-item-pt5.pt-sns .wrap-img-txt .wrap-img img { display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; }

.list-item-pt5.pt-sns .wrap-img-txt .wrap-txt { width: calc(100% - 43px); padding-left: 16px; }

.list-item-pt5.pt-sns .wrap-img-txt .txt-user { font-size: 1.6rem; line-height: 1.6; }

.list-item-pt5.pt-sns .wrap-img-txt .txt-user-add { margin-top: 4px; font-size: 1.4rem; line-height: 1.6; }

.list-item-pt5.pt-sns .js-recommend-coordinate-link { display: block; color: #7B533F; text-decoration: none; }

.wrap-makeup-point .list-img .wrap-img.basic, .wrap-makeup-point .list-img .wrap-img.playful { position: relative; margin-top: 12px; }

.wrap-makeup-point .list-img .wrap-img.basic:before, .wrap-makeup-point .list-img .wrap-img.playful:before { content: ""; display: block; background: transparent no-repeat 0 0; background-size: contain; position: absolute; }

.wrap-makeup-point .list-img .wrap-img.basic:before { width: 80px; height: 63px; background-image: url(/special/makeup/img/makelook/txt_basic.png); right: -5px; top: -43px; }

.wrap-makeup-point .list-img .wrap-img.playful:before { width: 90px; height: 63px; background-image: url(/special/makeup/img/makelook/txt_playful.png); right: -5px; top: -43px; }

.wrap-makeup-point .list-img .wrap-img img { position: relative; }

.wrap-makeup-point .list-img .txt-caption { margin-top: 6px; display: block; text-align: center; font-size: 1.2rem; font-weight: 700; line-height: 1.4; }

.list-makeup-tab > li { counter-increment: none; }

.list-makeup-tab > li .num:after { display: none; }

.list-makeup-tab > li .txt-tag { font-size: 0.9rem; font-weight: 500; padding: 2px 0 0 5px; line-height: 1; }

.list-makeup-tab .btn-tab { align-items: flex-end; }

.list-makeup-tab .btn-tab.tabActive .cnt { color: #A50319; }

.list-makeup-tab .btn-tab.tabActive .cnt:after { background-color: #A50319; }

.sec-makelook-movie .list-makeup-tab .btn-tab { align-items: center; }

.sec-makelook-movie .list-makeup-tab .btn-tab.tabActive .cnt { color: #fff; }

.list-makeup-area + .list-makeup-tab { position: relative; opacity: 0; }

.list-makeup-area + .list-makeup-tab.inview { opacity: 1; -webkit-animation: runMakeupAreaSP 0.8s ease-out; animation: runMakeupAreaSP 0.8s ease-out; }

.makeup-area .txt-lead { margin-top: 20px; font-family: "Noto Serif JP", serif; font-weight: 800; }

.makeup-area .block-video .txt-lead { margin-top: 0; margin-bottom: 5px; padding-left: 10px; font-size: 1.8rem; }

.makeup-area .wrap-point .wrap-img { margin-top: 16px; }

.makeup-area .wrap-point .wrap-img img { max-height: 120px; }

.sec-topics-pt1.adjust1 .wrap-content { margin-top: 30px; }

.wrap-video.coming-soon { background-color: #707070; padding-bottom: 56.25%; }

.wrap-video.coming-soon .txt-img { position: absolute; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }

.wrap-video.coming-soon .txt-img img { position: static; height: 80px; width: auto; }

.wrap-makelook .desc { font-family: "Noto Serif JP", serif; margin-left: -1em; margin-right: -1em; font-weight: 700; }

.txt-link-all.ver-jp { font-family: "Noto Serif JP", serif; font-size: 1.5rem; font-weight: 700; }

.sec-makelook .hdg-sub { width: 404px; }

.list-image .wrap-img .txt-add { display: block; font-size: 0.8rem; line-height: 1.5; color: #fff; margin-top: 3px; }

.wrap-intro-lead.item .hdg-sub { -webkit-mask-image: url(/special/makeup/item/img/txt_makeupgoods.png); mask-image: url(/special/makeup/item/img/txt_makeupgoods.png); }

.sec-makelook + .wrap-btn { text-align: center; padding-bottom: 5px; margin-top: 18px; font-size: 1.6rem; }

.u-mgt05 { margin-top: 5px !important; }

.u-mgt10 { margin-top: 10px !important; }

.u-mgt15 { margin-top: 15px !important; }

.u-mgt20 { margin-top: 20px !important; }

.u-mgt25 { margin-top: 25px !important; }

.u-mgt30 { margin-top: 30px !important; }

.u-bold500 { font-weight: 500 !important; }

.u-bold600 { font-weight: 600 !important; }

.u-bold700 { font-weight: 700 !important; }

@media all and (min-width: 768px) { .inview.wrap-block-main .visual-pt1 .img01 { -webkit-animation-name: PT1-img01-PC; animation-name: PT1-img01-PC; }
  .inview.wrap-block-main .visual-pt1 .img02 { -webkit-animation-name: PT1-img02-PC; animation-name: PT1-img02-PC; }
  .inview.wrap-block-main .visual-pt1 .img03 { -webkit-animation-name: PT1-img03-PC; animation-name: PT1-img03-PC; }
  .inview.wrap-block-main .visual-pt1 .txt01 { -webkit-animation-name: PT1-txt01-PC; animation-name: PT1-txt01-PC; }
  .inview.wrap-block-main .visual-pt1 .txt02 { -webkit-animation-name: PT1-txt02-PC; animation-name: PT1-txt02-PC; }
  .inview.wrap-block-main .visual-pt2 .img01 { -webkit-animation-name: PT2-img01-PC; animation-name: PT2-img01-PC; }
  .inview.wrap-block-main .visual-pt2 .img03 { -webkit-animation-name: PT2-img03-PC; animation-name: PT2-img03-PC; }
  .inview.wrap-block-main .visual-pt2 .txt01 { -webkit-animation-name: PT2-txt01-PC; animation-name: PT2-txt01-PC; }
  .inview.wrap-block-main .visual-pt2 .txt02 { -webkit-animation-name: PT2-txt02-PC; animation-name: PT2-txt02-PC; }
  .inview.wrap-block-main .visual-pt3 .img01 { -webkit-animation-name: PT3-img01-PC; animation-name: PT3-img01-PC; }
  .inview.wrap-block-main .visual-pt3 .img02 { -webkit-animation-name: PT3-img02-PC; animation-name: PT3-img02-PC; }
  .inview.wrap-block-main .visual-pt3 .img03 { -webkit-animation-name: PT3-img03-PC; animation-name: PT3-img03-PC; }
  .inview.wrap-block-main .visual-pt3 .txt01 { -webkit-animation-name: PT3-txt01-PC; animation-name: PT3-txt01-PC; }
  .inview.wrap-block-main .visual-pt3 .txt02 { -webkit-animation-name: PT3-txt02-PC; animation-name: PT3-txt02-PC; }
  .inview.wrap-block-main .visual-pt4 .img01 { -webkit-animation-name: PT4-img01-PC; animation-name: PT4-img01-PC; }
  .inview.wrap-block-main .visual-pt4 .img02 { -webkit-animation-name: PT4-img02-PC; animation-name: PT4-img02-PC; }
  .inview.wrap-block-main .visual-pt4 .img03 { -webkit-animation-name: PT4-img03-PC; animation-name: PT4-img03-PC; }
  .inview.wrap-block-main .visual-pt4 .txt01 { -webkit-animation-name: PT4-txt01-PC; animation-name: PT4-txt01-PC; }
  .inview.wrap-block-main .visual-pt4 .txt02 { -webkit-animation-name: PT4-txt02-PC; animation-name: PT4-txt02-PC; }
  .inview.wrap-block-main .visual-pt5 .img01 { -webkit-animation-name: PT5-img01-PC; animation-name: PT5-img01-PC; }
  .inview.wrap-block-main .visual-pt5 .img02 { -webkit-animation-name: PT5-img02-PC; animation-name: PT5-img02-PC; }
  .inview.wrap-block-main .visual-pt5 .img03 { -webkit-animation-name: PT5-img03-PC; animation-name: PT5-img03-PC; }
  .inview.wrap-block-main .visual-pt5 .txt01 { -webkit-animation-name: PT5-txt01-PC; animation-name: PT5-txt01-PC; }
  .inview.wrap-block-main .visual-pt5 .txt02 { -webkit-animation-name: PT5-txt02-PC; animation-name: PT5-txt02-PC; }
  .inview.sec-topics .wrap-content:before, .inview.sec-topics-pt1 .wrap-content:before { -webkit-animation: runContentTopicPC 0.8s ease-out; animation: runContentTopicPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runContentTopicPC { 0% { left: 100%; }
    100% { left: 0%; } }
  @keyframes runContentTopicPC { 0% { left: 100%; }
    100% { left: 0%; } }
  .inview.sec-topics .block-video, .inview.sec-topics-pt1 .block-video { -webkit-animation: runVideoTopicPC 0.8s ease-out; animation: runVideoTopicPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runVideoTopicPC { 0% { top: 200px; }
    100% { top: 0px; } }
  @keyframes runVideoTopicPC { 0% { top: 200px; }
    100% { top: 0px; } }
  .inview.sec-topics .lipstick, .inview.sec-topics-pt1 .lipstick { -webkit-animation: runLipstickTopicPC 0.8s ease-out; animation: runLipstickTopicPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runLipstickTopicPC { 0% { right: -240px; }
    100% { right: -79px; } }
  @keyframes runLipstickTopicPC { 0% { right: -240px; }
    100% { right: -79px; } }
  .inview.sec-topics .lipstick { -webkit-animation: runLipstickTopicPC 0.8s ease-out; animation: runLipstickTopicPC 0.8s ease-out; opacity: 1; }
  @keyframes runLipstickTopicPC { 0% { right: -240px; }
    100% { right: -163px; } }
  .inview.sec-makelook .wrap-content:before { -webkit-animation: runContentMakelookPC 0.8s ease-out; animation: runContentMakelookPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runContentMakelookPC { 0% { left: 100%; }
    100% { left: calc(50% - 460px); } }
  @keyframes runContentMakelookPC { 0% { left: 100%; }
    100% { left: calc(50% - 460px); } }
  .inview.sec-makelook .lipstick { -webkit-animation: runLipstickMakelookPC 0.8s ease-out; animation: runLipstickMakelookPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runLipstickMakelookPC { 0% { left: -404px; }
    100% { left: -84px; } }
  @keyframes runLipstickMakelookPC { 0% { left: -404px; }
    100% { left: -84px; } }
  .inview.sec-contents .lipstick { -webkit-animation: runLipstickContentPC 0.8s ease-out; animation: runLipstickContentPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runLipstickContentPC { 0% { left: -375px; }
    100% { left: -88px; } }
  @keyframes runLipstickContentPC { 0% { left: -375px; }
    100% { left: -88px; } }
  .inview.list-product:before { -webkit-animation: runtoListProductPC 0.8s ease-out; animation: runtoListProductPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runtoListProductPC { 0% { left: 100%; }
    100% { left: 190px; } }
  @keyframes runtoListProductPC { 0% { left: 100%; }
    100% { left: 190px; } }
  .inview.wrap-item-product .wrap-main-image:after { -webkit-animation: runtoImgProductPC 0.8s ease-out; animation: runtoImgProductPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runtoImgProductPC { 0% { right: 50vw; }
    100% { right: 95px; } }
  @keyframes runtoImgProductPC { 0% { right: 50vw; }
    100% { right: 95px; } }
  .inview.wrap-item-product.pt-model .wrap-main-image:after { -webkit-animation: runtoModelPC 0.8s ease-out; animation: runtoModelPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runtoModelPC { 0% { right: 50vw; }
    100% { right: 95px; } }
  @keyframes runtoModelPC { 0% { right: 50vw; }
    100% { right: 95px; } }
  .inview.wrap-item-product.pt-teaser .wrap-main-image:after { -webkit-animation: runtoTeaserPC 0.8s ease-out; animation: runtoTeaserPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runtoTeaserPC { 0% { right: 50vw; }
    100% { right: 95px; } }
  @keyframes runtoTeaserPC { 0% { right: 50vw; }
    100% { right: 95px; } }
  .inview.wrap-item-product.pt-teaser2 .wrap-main-image:after { -webkit-animation: runtoTeaser2PC 0.8s ease-out; animation: runtoTeaser2PC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runtoTeaser2PC { 0% { right: 50vw; }
    100% { right: 95px; } }
  @keyframes runtoTeaser2PC { 0% { right: 50vw; }
    100% { right: 95px; } }
  .inview.wrap-sec-topics-detail .wrap-profile-img { -webkit-animation: runProfileImgPC 0.8s ease-out; animation: runProfileImgPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runProfileImgPC { 0% { right: 301px; }
    100% { right: 0; } }
  @keyframes runProfileImgPC { 0% { right: 301px; }
    100% { right: 0; } }
  .inview.wrap-sec-topics-detail .wrap-profile-txt { position: relative; -webkit-animation: runProfileTxtPC 0.8s ease-out; animation: runProfileTxtPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runProfileTxtPC { 0% { left: 544px; }
    100% { left: 0; } }
  @keyframes runProfileTxtPC { 0% { left: 544px; }
    100% { left: 0; } }
  .inview.wrap-sec-topics-detail .img-pickup-item { -webkit-animation: runImgPickupPC 0.8s ease-out; animation: runImgPickupPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runImgPickupPC { 0% { right: -681px; }
    100% { right: -245px; } }
  @keyframes runImgPickupPC { 0% { right: -681px; }
    100% { right: -245px; } }
  .inview.sec-event { position: relative; }
  .inview.sec-event .wrap-content:after { -webkit-animation: runBgEventPC 0.8s ease-out; animation: runBgEventPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runBgEventPC { 0% { right: 100%; }
    100% { right: 285px; } }
  @keyframes runBgEventPC { 0% { right: 100%; }
    100% { right: 285px; } }
  .inview.list-product-pt1:before { -webkit-animation: runBgTeaserPC 0.8s ease-out; animation: runBgTeaserPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runBgTeaserPC { 0% { left: 100%; }
    100% { left: 190px; } }
  @keyframes runBgTeaserPC { 0% { left: 100%; }
    100% { left: 190px; } }
  .inview.wrap-summary .wrap-txt:after { -webkit-animation: runBgSummaryPC 2s ease-out; animation: runBgSummaryPC 2s ease-out; opacity: 1; }
  @-webkit-keyframes runBgSummaryPC { 0% { right: 50vw; }
    100% { right: -50vw; } }
  @keyframes runBgSummaryPC { 0% { right: 50vw; }
    100% { right: -50vw; } }
  .inview.wrap-sec-how-to-use .wrap-how-to-use:after { -webkit-animation: runToHowToUsePC 0.8s ease-out; animation: runToHowToUsePC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runToHowToUsePC { 0% { left: 100%; }
    100% { left: 190px; } }
  @keyframes runToHowToUsePC { 0% { left: 100%; }
    100% { left: 190px; } }
  .inview.wrap-sec-how-to-use .img-lipstick { -webkit-animation: runToLipstickPC 0.8s ease-out; animation: runToLipstickPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runToLipstickPC { 0% { right: -230px; }
    100% { right: -190px; } }
  @keyframes runToLipstickPC { 0% { right: -230px; }
    100% { right: -190px; } } body { min-width: 1280px; } .bg-cement { background-size: auto 800px; } .block-video .desc { max-width: 635px; margin-left: auto; margin-right: auto; }
  .block-video .desc-pt1 { max-width: 920px; margin-left: auto; margin-right: auto; }
  .block-video .desc-pt1 + .list-btn { padding: 0; width: 350px; margin: 0 auto; }
  .block-video .wrap-desc-more { max-width: 920px; margin: 0 auto; }
  .block-video .wrap-desc-more.open .box { max-width: none; }
  .block-video .wrap-desc-more .box { max-width: 460px; margin-right: auto; }
  .block-video .wrap-desc-more .wrap-script { -webkit-line-clamp: 2; }
  .block-video .wrap-desc-more button { cursor: pointer; transition: opacity .3s; margin: 0; }
  .block-video .wrap-desc-more button:hover { opacity: 0.7; } .wrap-video { max-width: 920px; margin: 24px auto 0; padding-bottom: 517px; } .l-inner { max-width: 1280px; padding: 0 85px; margin: 0 auto; } .l-inner-head { min-width: 1280px; padding: 0 85px; margin: 0 auto; } .wrap-content-left { margin-left: -85px; margin-right: -85px; }
  .wrap-content-left .wrap-img.intro { margin-left: -68px; } .wrap-content-right { margin-right: -85px; } .txt-st { font-size: 1.6rem; line-height: 3; } .l-main { margin-top: -96px; } .wrap-sec-content + .sec-topics-pt1 { margin-top: 96px; }
  .wrap-sec-content:has(.sec-makelook-movie) + .sec-topics-pt1 { margin-top: 64px; }
  .wrap-sec-content:has(.topics-style01) + .sec-lineup { margin-top: 12px; } .wrap-mainvisual { padding-bottom: 154px; } .wrap-block-main { width: 1280px; padding-left: 85px; margin: 0 auto; }
  .wrap-block-main .scroll-cnt { width: 21px; bottom: 22px; right: 86px; padding-bottom: 148px; font-size: 1.6rem; }
  .wrap-block-main .scroll-cnt:after { top: 50px; -webkit-animation: runScroll 2s infinite; animation: runScroll 2s infinite; opacity: 1; }
  @-webkit-keyframes runScroll { 0% { height: 0; }
    100% { height: 140px; } }
  @keyframes runScroll { 0% { height: 0; }
    100% { height: 140px; } }
  .wrap-block-main .txt01 { left: 0; width: 255px; top: 325px !important; }
  .wrap-block-main .txt02 { width: 671px; }
  .wrap-block-main .img03 { left: 6px; width: 122px; top: 492px; }
  .wrap-block-main .info { left: 85px; top: 650px; bottom: auto; }
  .wrap-block-main .visual { padding-top: 898px; } .visual-pt1 .img01 { width: 436px; top: 0; left: 189px; }
  .visual-pt1 .img02 { width: 290px; right: 214px; bottom: 55px; }
  .visual-pt1 .txt02 { top: 121px; left: auto; right: -18px; } .visual-pt2 .img01 { width: 672px; top: 0; left: 243px; }
  .visual-pt2 .txt02 { top: 462px; left: auto; right: -18px; } .visual-pt3 .img01 { top: 96px; width: 326px; left: 189px; }
  .visual-pt3 .img02 { width: 468px; right: 157px; bottom: -110px; }
  .visual-pt3 .txt02 { top: 121px; left: auto; right: -18px; } .visual-pt4 .img01 { width: 435px; top: 0; left: 189px; }
  .visual-pt4 .img02 { width: 287px; right: 217px; bottom: 60px; }
  .visual-pt4 .txt02 { top: 160px; left: auto; right: -18px; } .visual-pt5 .img01 { width: 468px; right: 157px; bottom: -110px; top: auto; }
  .visual-pt5 .img02 { width: 314px; top: 97px; left: 189px; }
  .visual-pt5 .txt02 { top: 140px; left: auto; right: 50px; } .wrap-intro-mv { margin-top: -154px; }
  .wrap-intro-mv .box-cnt { display: flex; align-items: flex-end; }
  .wrap-intro-mv .wrap-img { flex: 0 0 675px; margin-right: 48px; }
  .wrap-intro-mv .wrap-cnt { margin-left: 0; margin-bottom: -10px; flex: 1; }
  .wrap-intro-mv .wrap-btn { margin-top: 25px; } .btn-message:hover:after { -webkit-transform: translateX(30px); transform: translateX(30px); } .sec-topics { margin-top: 156px; }
  .sec-topics .wrap-content { padding-top: 155px; padding-bottom: 44px; }
  .sec-topics .wrap-content:before { top: 380px; left: 0; min-height: 535px; right: -100vw; }
  .sec-topics .hdg-sub { width: 337px; height: 313px; left: -103px; }
  .sec-topics .lipstick { right: -163px; width: 440px; top: 268px; }
  .sec-topics .wrap-profile-intro { display: flex; align-items: center; max-width: 920px; margin: 49px auto 0; padding: 33px 95px; }
  .sec-topics .wrap-profile-intro .wrap-img { padding: 0; flex: 0 0 160px; height: auto; margin-right: 30px; }
  .sec-topics .wrap-profile-intro .wrap-txt { margin-top: 0; flex: 1; display: flex; align-items: center; justify-content: space-around; }
  .sec-topics .wrap-profile-intro .role { font-size: 1.6rem; line-height: 1.3; }
  .sec-topics .wrap-profile-intro .name { font-size: 2.4rem; line-height: 1.33; }
  .sec-topics .wrap-profile-intro .cnt { margin-top: 0; font-size: 1.4rem; line-height: 1.8; } .wrap-topics { display: flex; }
  .wrap-topics .desc { line-height: 1.4; }
  .wrap-topics .link:hover .wrap-img img { -webkit-transform: scale(1.08); transform: scale(1.08); }
  .wrap-topics .hdg-topics { margin-right: 32px; }
  .wrap-topics .swiper { margin-top: 21px; margin-left: -24px; }
  .wrap-topics .swiper-slide { width: 350px; }
  .wrap-topics .wrap-control { margin-top: 43px; margin-bottom: 40px; }
  .wrap-topics .list-control { margin-top: 40px; }
  .wrap-topics .list-control .swiper-btn-prev:hover { -webkit-mask-position: left; mask-position: left; }
  .wrap-topics .list-control .swiper-btn-next:hover { -webkit-mask-position: right; mask-position: right; }
  .wrap-topics .wrap-slide-content { margin-top: 20px; margin-left: 0; } .sec-best-seller { margin-top: 86px; }
  .sec-best-seller + .sec-topics { margin-top: 0; }
  .sec-best-seller .wrap-block-item { width: 730px; margin: 0 auto; padding: 0 95px; } .btn-arrow:hover.prev { -webkit-mask-position: left; mask-position: left; }
  .btn-arrow:hover.next { -webkit-mask-position: right; mask-position: right; } .txt-link-all { transition: opacity .3s; }
  .txt-link-all:hover { opacity: 0.7; } .txt-link-detail { font-size: 1.8rem; transition: opacity .3s; }
  .txt-link-detail:hover { opacity: 0.7; } .txt-link-review:hover span:after { -webkit-transform: translateX(20px); transform: translateX(20px); } .sec-makelook { margin-top: 24px; }
  .sec-makelook .wrap-content { padding-top: 191px; padding-bottom: 0; }
  .sec-makelook .wrap-content:before { content: ""; top: 170px; left: calc(50% - 460px); right: -100vw; min-height: 528px; height: 62%; }
  .sec-makelook .wrap-content:after { top: 170px; left: calc(50% - 460px); right: -100vw; min-height: 528px; height: 62%; background-size: auto 800px; }
  .sec-makelook .wrap-layout { top: -191px; }
  .sec-makelook .hdg-sub { left: 105px; top: 0; width: 560px; height: 313px; }
  .sec-makelook .lipstick { width: 404px; left: -84px; top: 86px; } .hdg-lv2 { font-size: 5.4rem; line-height: 1.5; }
  .hdg-lv2.hdg-topics { flex: 0 0 159px; }
  .hdg-lv2.hdg-makeup { max-width: 650px; margin: 0 auto; }
  .hdg-lv2.hdg-lineup { max-width: 650px; margin: 0 auto; }
  .hdg-lv2.hdg-contents { margin-right: 5px; margin-left: auto; max-width: 440px; }
  .hdg-lv2.hdg-intro-lead { text-align: left; margin-left: -9px; color: #FFFFFF; }
  .hdg-lv2.hdg-makeup-movie { font-size: 4rem; line-height: 1.325; margin-bottom: 12px; }
  .hdg-lv2.hdg-best-seller span { display: inline-block; min-height: 72px; font-size: 4.8rem; line-height: 1.25; padding: 0 73px; }
  .hdg-lv2.hdg-best-seller span:before, .hdg-lv2.hdg-best-seller span:after { width: 41px; height: 72px; }
  .hdg-lv2.hdg-staff-review { font-size: 4.8rem; } .wrap-makelook { margin: 0 auto; max-width: 1920px; } .wrap-makelook .ttl { left: -296px; margin-top: 0; font-size: 4rem; line-height: 1.25; padding-bottom: 36px; position: absolute; top: 101px; }
  .wrap-makelook .ttl:after { width: 65px; }
  .wrap-makelook .ttl .number { margin-bottom: 17px; }
  .wrap-makelook .desc { margin-top: -76px; line-height: 2.5; text-align: left; }
  .wrap-makelook .wrap-cnt { margin-top: 0; position: absolute; text-align: left; z-index: 999; top: 200px; width: 250px; left: 425px; }
  .wrap-makelook .wrap-btn { margin-top: 24px; text-align: left; }
  .wrap-makelook .wrap-slide-content { margin-left: 0; margin-right: 0; margin-top: 30px; }
  .wrap-makelook .wrap-slide-content.swiper .swiper-slide { height: 475px; width: 250px; min-height: 0; align-items: center; }
  .wrap-makelook .wrap-slide-content.swiper .swiper-slide .wrap-img { overflow: hidden; }
  .wrap-makelook .wrap-slide-content.swiper .swiper-slide .wrap-img:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); }
  .wrap-makelook .wrap-slide-content.swiper .swiper-slide img { height: 100%; -webkit-transform: none; transform: none; width: 100%; left: 0; }
  .wrap-makelook .wrap-slide-content.swiper .swiper-slide.swiper-slide-active img { -webkit-transform: none; transform: none; }
  .wrap-makelook .wrap-slide-content.swiper .swiper-slide.swiper-slide-active .wrap-img { width: 475px; height: 475px; }
  .wrap-makelook .wrap-slide-content .wrap-box { height: 250px; }
  .wrap-makelook .wrap-slide-content .wrap-img { width: 250px; height: 250px; position: relative; }
  .wrap-makelook .wrap-slide-content .wrap-img img { left: 0; }
  .wrap-makelook .wrap-slide-content .wrap-control { width: 1015px; top: auto; bottom: 32px; }
  .wrap-makelook .wrap-slide-content .wrap-control .btn-arrow { background-color: #A50319; }
  .wrap-makelook .wrap-slide-content .list-control { width: 1015px; margin: 0 auto; position: absolute; top: -18px; left: 50px; } .wrap-layout { margin: 0 auto; } .sec-lineup { margin-top: 69px; }
  .sec-lineup.bg-none .hdg-lv2 { font-size: 4rem; line-height: 1.2; }
  .sec-lineup.bg-none .wrap-content { padding-top: 130px; }
  .sec-lineup.bg-none .hdg-sub { top: 0; }
  .sec-lineup:before { top: 360px; left: 0; right: 0; min-height: 800px; }
  .sec-lineup:after { top: 360px; left: 0; right: 0; min-height: 800px; background-size: auto 800px; }
  .sec-lineup .wrap-content { padding-top: 116px; padding-bottom: 407px; }
  .sec-lineup .hdg-sub { display: block; width: 393px; height: 313px; top: 0; right: 0; } .wrap-lineup .wrap-btn { text-align: center; } .list-item-pt3 { margin-top: 32px; margin-left: -30px; justify-content: center; }
  .list-item-pt3.col-4 { margin-top: 42px; }
  .list-item-pt3.col-4 > li { width: 25% !important; }
  .list-item-pt3.col-4 > li:nth-child(n + 4) { margin-top: 0; max-width: none; }
  .list-item-pt3.col-4 > li:nth-child(n + 4) .ttl { font-size: 2.4rem; line-height: 1.33; }
  .list-item-pt3.col-4 > li:nth-child(n + 5) { margin-top: 48px; }
  .list-item-pt3 > li { padding-left: 30px; width: calc(100% / 3); }
  .list-item-pt3 > li + li { margin-top: 0; }
  .list-item-pt3 > li:nth-child(n + 4) { margin-top: 48px; width: auto; padding-left: 30px; max-width: 238px; }
  .list-item-pt3 > li:nth-child(n + 4) .ttl { margin-top: 16px; font-size: 2rem; line-height: 1.35; }
  .list-item-pt3 .ttl { font-size: 2.4rem; line-height: 1.33; }
  .list-item-pt3 .link:hover .wrap-img img { -webkit-transform: scale(1.08); transform: scale(1.08); } .sec-contents { margin-top: -293px; }
  .sec-contents .wrap-content { padding-bottom: 239px; }
  .sec-contents .hdg-sub { width: 440px; height: 313px; bottom: 40px; right: -126px; }
  .sec-contents .lipstick { left: -173px; bottom: -238px; left: -88px; bottom: 0; z-index: -1; } .list-item-pt4 { margin-top: -40px; margin-left: -30px; display: flex; justify-content: flex-end; }
  .list-item-pt4 > li { padding-left: 30px; max-width: 475px; }
  .list-item-pt4 > li:nth-child(odd) { padding-right: 0; }
  .list-item-pt4 > li:nth-child(even) { padding-left: 30px; }
  .list-item-pt4 > li + li { margin-top: 60px; }
  .list-item-pt4 .ttl { margin-top: 12px; }
  .list-item-pt4 .link:hover .wrap-img img { -webkit-transform: scale(1.08); transform: scale(1.08); } .menu-open { overflow: visible; }
  .menu-open:before, .menu-open:after { display: none; }
  .menu-open .wrap-area-menu { position: fixed; right: 0; align-items: center; }
  .menu-open .wrap-menu .btn-menu { position: fixed; right: 85px; } .wrap-header { align-items: flex-start; padding: 32px 0 0; }
  .wrap-header .link { transition: opacity .3s; }
  .wrap-header .link:hover { opacity: 0.7; } .logo { flex: 0 0 160px; } .wrap-menu { width: 64px; height: 64px; }
  .wrap-menu .btn-menu { transition: opacity .3s; position: relative; }
  .wrap-menu .btn-menu:hover { opacity: 0.7; } .wrap-area-menu { height: auto; justify-content: flex-start; width: 478px; min-height: 680px; height: 100svh; padding-left: 95px; padding-right: 85px; right: -128px; top: 0; z-index: -1; background-color: rgba(165, 3, 25, 0.75); align-items: flex-start; padding-top: 75px; }
  .wrap-area-menu:after { content: ""; display: block; height: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: -1; background-color: transparent; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); --webkit-backdrop-filter: blur(15px); } .list-menu > li + li { margin-top: 40px; }
  .list-menu .list-sub-menu { margin: 24px 0 0 24px; gap: 24px; }
  .list-menu .link { transition: opacity .3s; }
  .list-menu .link:hover { opacity: 0.7; } .list-item-pt5 { margin-top: 96px; margin-left: -30px; }
  .list-item-pt5.pt-item > li { width: calc(100% / 3); }
  .list-item-pt5.pt-item > li:nth-child(n + 3) { margin-top: 0; }
  .list-item-pt5.pt-item > li:nth-child(n + 4) { margin-top: 30px; }
  .list-item-pt5.pt-item .ttl-link { transition: opacity .3s; }
  .list-item-pt5.pt-item .ttl-link:hover { opacity: 0.7; }
  .list-item-pt5.pt-sns { margin-top: 27px; }
  .list-item-pt5.pt-topics { margin-top: 54px; }
  .list-item-pt5.pt-topics > li { width: 50%; }
  .list-item-pt5.pt-topics > li:nth-child(n + 3) { margin-top: 30px; }
  .list-item-pt5.pt-topics > li .ttl-link { margin-top: 24px; font-size: 1.6rem; transition: opacity .3s; }
  .list-item-pt5.pt-topics > li .ttl-link:hover { opacity: 0.7; }
  .list-item-pt5.pt-topics > li .price-item { margin-top: 16px; }
  .list-item-pt5.pt-best-seller { margin-top: 30px; margin-left: -30px; }
  .list-item-pt5.pt-best-seller > li { padding-left: 30px; }
  .list-item-pt5.pt-best-seller .price-item span { font-size: 1.4rem; }
  .list-item-pt5.pt-best-seller .ttl-link { transition: opacity .3s; }
  .list-item-pt5.pt-best-seller .ttl-link:hover { opacity: 0.7; }
  .list-item-pt5 > li { width: 25%; padding-left: 30px; }
  .list-item-pt5 > li:nth-child(n + 3) { margin-top: 0; }
  .list-item-pt5 > li:nth-child(n + 5) { margin-top: 30px; }
  .list-item-pt5 .ttl { margin-top: 16px; font-size: 1.6rem; line-height: 1.5; }
  .list-item-pt5 .link:hover .wrap-img img { -webkit-transform: scale(1.08); transform: scale(1.08); } .list-item-pt6 { margin-top: 11px; margin-left: 0; justify-content: flex-start; }
  .list-item-pt6:has(li:nth-child(5)) { width: 540px; }
  .list-item-pt6:has(li:nth-child(5)) > li { width: calc(100% / 3); }
  .list-item-pt6:has(li:nth-child(5)) > li:nth-child(n + 3) { margin-top: 0; }
  .list-item-pt6:has(li:nth-child(5)) > li:nth-child(n + 4) { margin-top: 8px; }
  .list-item-pt6 > li { width: 50%; padding-left: 0; }
  .list-item-pt6 > li:nth-child(n + 3) { margin-top: 8px; }
  .list-item-pt6 .wrap-img { width: 90px; height: 90px; padding-top: 90px; }
  .list-item-pt6 .wrap-img + .number { margin-top: 8px; }
  .list-item-pt6 .number { font-size: 1.4rem; line-height: 1.5; }
  .list-item-pt6 .desc { font-size: 1.4rem; }
  .list-item-pt6 .txt-sm { font-size: inherit; line-height: inherit; }
  .list-item-pt6 .wrap-box:hover .wrap-img img { -webkit-transform: scale(1.08); transform: scale(1.08); } .wrap-intro-lead { padding-top: 143px; }
  .wrap-intro-lead:before { min-height: 345px; height: calc(100% - 202px); }
  .wrap-intro-lead:after { min-height: 345px; height: calc(100% - 202px); background-size: auto 800px; }
  .wrap-intro-lead.eyemake .hdg-sub { width: 611px; }
  .wrap-intro-lead.facecolor .hdg-sub { width: 589px; left: -40px; }
  .wrap-intro-lead.lip .hdg-sub { width: 572px; }
  .wrap-intro-lead.lipmake .hdg-sub { width: 572px; left: -26px; }
  .wrap-intro-lead.item .hdg-sub { width: 773px; left: -133px; }
  .wrap-intro-lead.makelook:before, .wrap-intro-lead.makelook:after { height: calc(100% - 460px); }
  .wrap-intro-lead.makelook .hdg-sub { width: 522px; left: -5px; }
  .wrap-intro-lead.makelook .wrap-intro-product .wrap-img { margin-top: -10px; margin-right: 0; flex: 0 0 815px; }
  .wrap-intro-lead.topics .wrap-intro-product { align-items: flex-end; }
  .wrap-intro-lead.topics:before, .wrap-intro-lead.topics:after { height: calc(100% - 42px); }
  .wrap-intro-lead.topics .hdg-lv2 { margin-left: 0; margin-top: 100px; font-size: 4rem; line-height: 1.325; }
  .wrap-intro-lead.topics .head { margin-bottom: 102px; }
  .wrap-intro-lead.topics .head + .wrap-img { margin-top: 0; margin-right: 0; margin-left: 40px; flex: 0 0 625px; }
  .wrap-intro-lead.topics .hdg-sub { width: 337px; height: 313px; left: 180px; top: 0; }
  .wrap-intro-lead.topics .wrap-content { padding-top: 58px; }
  .wrap-intro-lead.topics-style01:before, .wrap-intro-lead.topics-style01:after { height: calc(100% - 71px); }
  .wrap-intro-lead.topics-style01 .txt-intro-lead { margin-top: 46px; }
  .wrap-intro-lead.topics-style01 .head + .wrap-img { flex: 0 0 530px; }
  .wrap-intro-lead.event { padding-top: 123px; }
  .wrap-intro-lead.event .hdg-sub { width: 362px; left: 113px; top: auto; bottom: 78px; }
  .wrap-intro-lead.event:before, .wrap-intro-lead.event:after { height: calc(100% - 292px); }
  .wrap-intro-lead.event .hdg-lv2 { margin-top: 0; font-size: 2.8rem; margin-left: 0; line-height: 1.34375; margin-bottom: 16px; }
  .wrap-intro-lead.event .head { align-self: flex-start; }
  .wrap-intro-lead.event .txt-intro-lead { margin-top: 16px; }
  .wrap-intro-lead.event .img-event { flex: 0 0 643px; margin-top: -4px; margin-right: -144px; }
  .wrap-intro-lead.teaser:before, .wrap-intro-lead.teaser:after { height: calc(100% - 557px); }
  .wrap-intro-lead.teaser .hdg-sub { width: 198px; height: 222px; top: -102px; bottom: auto; left: 173px; }
  .wrap-intro-lead.teaser .wrap-content { padding-top: 13px; }
  .wrap-intro-lead.teaser .img-teaser { width: 483px; }
  .wrap-intro-lead.teaser .img-teaser-add { width: 318px; margin-top: -75px; margin-right: 228px; }
  .wrap-intro-lead.teaser .txt-intro-lead .main { line-height: 1.8; }
  .wrap-intro-lead.teaser .wrap-block-img { margin-right: -20px; margin-top: -56px; }
  .wrap-intro-lead.campaign { padding-top: 72px; }
  .wrap-intro-lead.campaign:before, .wrap-intro-lead.campaign:after { min-height: 192px; height: calc(100% - 352px); }
  .wrap-intro-lead.campaign .hdg-sub { width: 517px; height: 313px; top: -55px; left: 96px; }
  .wrap-intro-lead.campaign .hdg-lv2 { margin-top: 21px; font-size: 2.8rem; line-height: 1.32; margin-left: 0; }
  .wrap-intro-lead.campaign .wrap-img { margin-top: 0; flex: 0 0 530px; margin-right: 0; }
  .wrap-intro-lead .wrap-content { padding-top: 0; margin: 0 -85px; padding-left: 85px; }
  .wrap-intro-lead .hdg-sub { top: 30px; left: -50px; height: 313px; }
  .wrap-intro-lead .txt-intro-lead { margin-top: 82px; }
  .wrap-intro-lead .txt-intro-lead .role { font-size: 2.8rem; line-height: 1.42; }
  .wrap-intro-lead .txt-intro-lead .name { margin-top: 10px; font-size: 4rem; line-height: 1.55; }
  .wrap-intro-lead .txt-intro-lead .recipe { font-size: 3.6rem; }
  .wrap-intro-lead .txt-intro-lead .lead { font-size: 4rem; line-height: 1.575; }
  .wrap-intro-lead .txt-intro-lead .sub { font-size: 2.8rem; line-height: 1.42; }
  .wrap-intro-lead .txt-intro-lead .main { margin-top: 16px; font-size: 3.2rem; line-height: 1.4375; }
  .wrap-intro-lead .txt-intro-lead .add-main { margin-bottom: 15px; font-size: 2.4rem; } .wrap-intro-product { display: flex; justify-content: space-between; }
  .wrap-intro-product .wrap-img { margin-top: 0; margin-right: 0; flex: 0 0 720px; margin-left: 40px; }
  .wrap-intro-product .hdg-lv2 { margin-top: 80px; margin-bottom: 230px; } .sec-product { margin-top: 39px; }
  .sec-product .wrap-content { padding-top: 71px; }
  .sec-product .hdg-sub.eyecolor { width: 550px; height: 313px; right: -75px; }
  .sec-product .hdg-sub.eyeliner { width: 534px; height: 313px; right: -58px; top: 22px; -webkit-mask-image: url(/special/makeup/eyemake/img/txt_eyeliner.png); mask-image: url(/special/makeup/eyemake/img/txt_eyeliner.png); }
  .sec-product .hdg-sub.mascara { width: 517px; height: 313px; right: -40px; -webkit-mask-image: url(/special/makeup/eyemake/img/txt_mascara.png); mask-image: url(/special/makeup/eyemake/img/txt_mascara.png); }
  .sec-product .hdg-sub.eyebrow { width: 605px; height: 313px; top: 22px; right: -131px; -webkit-mask-image: url(/special/makeup/eyemake/img/txt_eyebrow.png); mask-image: url(/special/makeup/eyemake/img/txt_eyebrow.png); } .wrap-item-product { display: flex; } .list-product { padding-left: 0; margin-top: 56px; padding-top: 72px; padding-bottom: 72px; }
  .list-product:before { left: 190px; right: -100vw; } .wrap-product .wrap-main-image { width: 540px; margin-right: 30px; }
  .wrap-product .wrap-main-image:after { top: 30px; left: -100vw; height: 505px; right: 95px; }
  .wrap-product .wrap-detail { padding-left: 0; padding-bottom: 94px; overflow: hidden; }
  .wrap-product .wrap-text { flex: 1; margin-top: 0; }
  .wrap-product .wrap-text.wrap-custom { margin-right: -65px; }
  .wrap-product .wrap-text section + section { margin-top: 64px; }
  .wrap-product .wrap-text .hdg-lv4 { font-size: 2.4rem; line-height: 1.45; }
  .wrap-product .wrap-text .hdg-lv4 + .txt { margin-top: 28px; }
  .wrap-product .wrap-text .txt { margin-top: 11px; }
  .wrap-product .wrap-text .txt .highlight { font-size: 2rem; font-weight: 700; }
  .wrap-product .wrap-text .intro-lead { margin-top: 0; }
  .wrap-product .wrap-text .price { margin-top: 26px; font-size: 1.6rem; line-height: 1.5; }
  .wrap-product .wrap-text .price .number { font-size: 2.4rem; line-height: 1.45; }
  .wrap-product .hdg-lv5 { margin-top: 50px; }
  .wrap-product .wrap-btn { margin-top: 32px; padding: 0; width: 350px; }
  .wrap-product .list-item-pt6 { width: 361px; margin-top: 11px; padding: 0; }
  .wrap-product .list-item-pt6 .wrap-box { padding: 15px 15px 17px; } .btn-buy:hover { transition: background-color .3s; border: 1px solid #6A4532; color: #6A4532; background-color: #FFFFFF; } .btn-detail:hover { transition: background-color .3s; background-color: #58443A; color: #FFFFFF; } .btn-detail.bg-w:hover { background-color: #58443A; } .btn-anchor:hover { transition: background-color .3s; background-color: #58443A; color: #FFFFFF; }
  .btn-anchor:hover:after { border-color: #FFFFFF; } .list-btn-col2 { margin-top: 32px; display: flex; flex-wrap: wrap; margin-left: -30px; }
  .list-btn-col2 > li { width: 50%; padding-left: 30px; }
  .list-btn-col2 > li + li { margin-top: 0; }
  .list-btn-col2 > li:nth-child(n + 3) { margin-top: 30px; } .list-image { margin-top: 17px; padding-right: 13px; margin-right: 95px; margin-left: -16px; }
  .list-image > li { width: 112px; min-width: 112px; max-width: 112px; padding-left: 16px; }
  .list-image > li:nth-child(n+5) { margin-top: 17px; }
  .list-image .wrap-img:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); } .hdg-lv3 .jp { font-size: 1.6rem; line-height: 1.5; }
  .hdg-lv3 .en { margin-top: -10px; font-size: 5.6rem; } .hdg-lv5:before { top: 6px; }
  .hdg-lv5:before { width: 21px; }
  .hdg-lv5.color-variation { width: 121px; padding-left: 31px; }
  .hdg-lv5.review { padding-left: 31px; width: 73px; } .sec-topics-pt1 { margin-top: 0; }
  .sec-topics-pt1:before, .sec-topics-pt1:after { top: 225px; }
  .sec-topics-pt1 .hdg-lv2.hdg-topics { flex: 0 0 253px; margin-top: 17px; font-size: 4rem; }
  .sec-topics-pt1 .wrap-content { padding-top: 120px; padding-bottom: 48px; }
  .sec-topics-pt1 .hdg-sub { width: 337px; height: 313px; left: -97px; top: 0; }
  .sec-topics-pt1 .wrap-topics .wrap-control { margin: 0; position: absolute; top: 232px; }
  .sec-topics-pt1 .wrap-topics .list-control { margin-top: 28px; justify-content: unset; margin-right: unset; } .list-btn .btn { cursor: pointer; transition: background-color .3s; }
  .list-btn .btn:hover { color: #A50319; background-color: #FFFFFF; }
  .list-btn .btn-pt1:hover { color: #FFFFFF; border: 1px solid #58443A; background-color: #58443A; }
  .list-btn .btn-pt2:hover { color: #FFFFFF; border: 1px solid #A50319; background-color: #A50319; }
  .list-btn:has(.back-top) { margin-top: 58px; display: flex; justify-content: center; }
  .list-btn .back-top { width: 350px; }
  .list-btn .w-350 { width: 350px; margin: 0 auto; } .breadcrumb > li a { transition: opacity .3s; }
  .breadcrumb > li a:hover { opacity: 0.7; } .list-col1-3 { display: flex; margin-left: -30px; justify-content: center; }
  .list-col1-3 > li { padding-left: 30px; width: calc(690px / 3); }
  .list-col1-3 > li + li { margin-top: 0; }
  .list-col1-3 + .list-btn { width: 350px; margin: 31px auto 0; } .hdg-lv3-pt1 { font-size: 3.2rem; line-height: 1.25; } .sec-makeup-point { margin-top: -112px; } .wrap-makeup-point { display: flex; margin-top: 24px; padding: 34px 60px 32px 32px; }
  .wrap-makeup-point .list-img { margin-right: 44px; margin-left: -12px; }
  .wrap-makeup-point .list-img > li { padding-left: 12px; }
  .wrap-makeup-point .list-img .wrap-img { width: 146px; }
  .wrap-makeup-point .list-img .caption { margin-top: 7px; font-size: 1.4rem; }
  .wrap-makeup-point .list-img .caption:after { top: 2px; height: calc(100% - 7px); }
  .wrap-makeup-point .main-ttl { margin-top: 40px; font-size: 2rem; line-height: 1.45; }
  .wrap-makeup-point .main-ttl a { transition: opacity .3s; }
  .wrap-makeup-point .main-ttl a:hover { opacity: 0.7; }
  .wrap-makeup-point .desc { margin-top: 14px; } .list-makeup-tab { margin-top: 64px; margin-left: -30px; }
  .list-makeup-tab > li { width: calc(100% / 4); padding-left: 30px; }
  .list-makeup-tab > li:nth-child(n+3) { margin-top: 0; }
  .list-makeup-tab > li:nth-child(n+5) { margin-top: 30px; }
  .list-makeup-tab .btn-tab { align-items: flex-start; }
  .list-makeup-tab .btn-tab:hover .wrap-img img { -webkit-transform: scale(1.08); transform: scale(1.08); }
  .list-makeup-tab .wrap-img { overflow: hidden; flex: 0 0 120px; }
  .list-makeup-tab .wrap-img img { transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
  .list-makeup-tab .num { font-size: 1.8rem; }
  .list-makeup-tab .tag:after { min-height: 14px; }
  .list-makeup-tab .ttl { margin-top: 5px; font-size: 2rem; }
  .list-makeup-tab .cnt { margin-top: 17px; padding-bottom: 14px; }
  .list-makeup-tab .cnt:after { width: 24px; } .hdg-lv5.color-pick-up-items { width: 119px; padding-left: 31px; } .makeup-area.cute .hdg-sub { width: 631px; }
  .makeup-area.mutecool .hdg-sub { width: 602px; }
  .makeup-area.freshcasual .hdg-sub { width: 739px; }
  .makeup-area.activemode .hdg-sub { width: 712px; }
  .makeup-area.puresweet .hdg-sub { width: 627px; }
  .makeup-area.sensualelegant .hdg-sub { width: 912px; }
  .makeup-area.effortlessnude .hdg-sub { width: 856px; }
  .makeup-area.smartchic .hdg-sub { width: 572px; }
  .makeup-area .wrap-head { margin-top: 114px; }
  .makeup-area .num { font-size: 10.4rem; margin-right: 30px; margin-top: -24px; }
  .makeup-area .ttl { margin-top: 27px; }
  .makeup-area .ttl .sub { font-size: 1.6rem; }
  .makeup-area .ttl .main { margin-top: -10px; font-size: 5.6rem; }
  .makeup-area .wrap-product { margin-top: 40px; }
  .makeup-area .list-product { padding-bottom: 329px; }
  .makeup-area .list-product:before { top: 105px; height: calc(100% - 105px); }
  .makeup-area .wrap-product .wrap-main-image:after { right: 95px; top: 105px; height: 594px; }
  .makeup-area .wrap-detail { margin-left: 0; padding-bottom: 0; }
  .makeup-area .wrap-detail:after { top: 106px; left: -85px; right: 95px; height: 594px; }
  .makeup-area .list-image { margin-top: 16px; }
  .makeup-area .list-image > li { min-width: 88px; width: 88px; height: 72px; }
  .makeup-area .product-img { width: 540px; height: 540px; }
  .makeup-area .wrap-pick-up-item { display: flex; }
  .makeup-area .hdg-sub { height: 313px; top: -250px; left: 64px; }
  .makeup-area .txt-lead { line-height: 3; }
  .makeup-area .wrap-text { margin-top: 165px; }
  .makeup-area .wrap-text .txt-lead { margin-top: 0; margin-left: 94px; }
  .makeup-area .list-img { margin-left: 0; display: flex; flex-direction: column; margin-right: 30px; }
  .makeup-area .list-img > li { padding-left: 0; width: 162px; }
  .makeup-area .list-img > li + li { margin-top: 13px; }
  .makeup-area .name { margin-top: 0; font-size: 2rem; line-height: 1.45; }
  .makeup-area .name a { transition: opacity .3s; }
  .makeup-area .name a:hover { opacity: 0.7; }
  .makeup-area .desc { margin-top: 16px; line-height: 1.5; }
  .makeup-area .block-video { margin-top: -289px; margin-left: 0; }
  .makeup-area .block-video .wrap-video { max-width: 920px; height: 517px; }
  .makeup-area .block-video .desc { max-width: 920px; }
  .makeup-area .wrap-point { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
  .makeup-area .wrap-point .wrap-img { width: 100%; padding: 0; }
  .makeup-area .wrap-point .name { text-align: left; }
  .makeup-area .wrap-point .type { text-align: left; }
  .makeup-area .wrap-point .list-btn { padding: 0; }
  .makeup-area .title { margin-top: 28px; } .sec-staff-review { margin-top: 68px; } .btn-mode { margin-top: 21px; cursor: pointer; }
  .btn-mode:hover:after { -webkit-transform: translateX(20px); transform: translateX(20px); }
  .btn-mode:after { right: 30px; bottom: 34px; }
  .btn-mode .img01 { flex: 0 0 120px; margin-right: 16px; }
  .btn-mode .img02 { flex: 0 0 93px; margin-right: 23px; }
  .btn-mode .gr-txt { margin-top: 0; }
  .btn-mode .txt-sub { font-size: 1.4rem; }
  .btn-mode .txt-main { margin-top: 13px; font-size: 2rem; } .wrap-sec-topics-detail { opacity: 1; margin-top: 119px; }
  .wrap-sec-topics-detail:has(.wrap-box-point) { margin-top: 77px; } .wrap-profile { display: flex; padding: 104px 0 0; }
  .wrap-profile .hdg-sub { width: 189px; height: 162px; top: -102px; }
  .wrap-profile .img-profile { width: 100%; max-width: 255px; }
  .wrap-profile .wrap-profile-img { opacity: 0; margin-right: 125px; padding-left: 46px; flex: 0 0 301px; }
  .wrap-profile .role { margin-top: 43px; font-size: 1.6rem; line-height: 1.5; text-align: center; }
  .wrap-profile .intro { text-align: center; }
  .wrap-profile .name { font-size: 2.4rem; line-height: 1.45; }
  .wrap-profile .name span { font-size: 1.6rem; line-height: 1.5; }
  .wrap-profile .ttl { font-size: 3.2rem; line-height: 1.5; margin-bottom: 39px; }
  .wrap-profile .comment { margin-top: 39px; line-height: 3; }
  .wrap-profile .img-pickup-item { opacity: 0; width: 436px; right: -245px; bottom: auto; top: 162px; }
  .wrap-profile .img-signature { margin-top: -22px; margin-right: -160px; width: 370px; }
  .wrap-profile .wrap-profile-txt { opacity: 0; margin-top: -60px; } .wrap-profile-pt1 { margin-top: -58px; }
  .wrap-profile-pt1 .hdg-sub { left: 26px; }
  .wrap-profile-pt1 .img-profile { margin-right: 16px; flex: 0 0 80px; height: 80px; }
  .wrap-profile-pt1 .intro { font-size: 1.4rem; line-height: 1.67; }
  .wrap-profile-pt1 .name + .intro { margin-top: 17px; } .hdg-lv3-pt2 { font-size: 5.6rem; line-height: 1.34; }
  .hdg-lv3-pt2 + .list-makeup-tab { margin-top: 62px; } .hdg-lv4-pt1 .jp { font-size: 1.4rem; }
  .hdg-lv4-pt1 .jp + .en { margin-top: 0; }
  .hdg-lv4-pt1 .en { font-size: 4rem; }
  .hdg-lv4-pt1 + .block-video { margin-top: 44px; } .sec-makelook-movie { margin-top: -42px; padding-top: 137px; }
  .sec-makelook-movie .head-movie { padding-top: 62px; padding-bottom: 500px; }
  .sec-makelook-movie .head-movie:after { left: -100vw; right: -100vw; }
  .sec-makelook-movie .head-movie:before { left: -100vw; right: -100vw; }
  .sec-makelook-movie .hdg-sub { width: 918px; height: 313px; left: -118px; }
  .sec-makelook-movie .list-makeup-tab .btn-tab { align-items: center; }
  .sec-makelook-movie .list-makeup-area { margin-top: -436px; }
  .sec-makelook-movie .list-makeup-area.inview .wrap-block-item .wrap-layout .lipstick { -webkit-animation: runLipstickTopic2SP 0.8s ease-out; animation: runLipstickTopic2SP 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runLipstickTopic2SP { 0% { right: -809px; }
    100% { right: -459px; } }
  @keyframes runLipstickTopic2SP { 0% { right: -809px; }
    100% { right: -459px; } }
  .sec-makelook-movie .wrap-video { max-width: 920px; padding-bottom: 517px; }
  .sec-makelook-movie .wrap-video + .desc { max-width: 920px; }
  .sec-makelook-movie .sec-used-items { width: 730px; margin: 23px auto 0; padding-bottom: 0; }
  .sec-makelook-movie .wrap-block-item { padding: 0 95px; }
  .sec-makelook-movie .wrap-block-item .list-item-pt5 .wrap-img { padding: 0; }
  .sec-makelook-movie .price { margin-top: 26px; font-size: 1.6rem; line-height: 1.5; text-align: center; }
  .sec-makelook-movie .price .number { font-size: 2.4rem; line-height: 1.45; }
  .sec-makelook-movie .wrap-layout-pt1 { top: -135px; }
  .sec-makelook-movie .wrap-layout-pt1.inview { -webkit-animation: runLipstickTopic1SP 0.8s ease-out; animation: runLipstickTopic1SP 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runLipstickTopic1SP { 0% { left: -864px; }
    100% { left: -360px; } }
  @keyframes runLipstickTopic1SP { 0% { left: -864px; }
    100% { left: -360px; } }
  .sec-makelook-movie .wrap-layout-pt1 .lipstick { left: -360px; width: 504px; }
  .sec-makelook-movie .wrap-layout-pt2 { bottom: 296px; }
  .sec-makelook-movie .wrap-layout-pt2 .lipstick { right: -174px; width: 350px; }
  .sec-makelook-movie .wrap-layout-pt2 .lipstick.inview { -webkit-animation: runLipstickTopic2SP 0.8s ease-out; animation: runLipstickTopic2SP 0.8s ease-out; opacity: 1; }
  @keyframes runLipstickTopic2SP { 0% { right: -524px; }
    100% { right: -174px; } } .wrap-box-point { margin: 0 -85px; padding: 0 85px; }
  .wrap-box-point .hdg-lead-point { font-size: 2.8rem; line-height: 1.71; }
  .wrap-box-point .hdg-lead-point + .txt-lead-point { margin-top: 15px; }
  .wrap-box-point .txt-lead-point { line-height: 3; } .list-topics-point { margin-top: 64px; }
  .list-topics-point > li + li { margin-top: 40px; }
  .list-topics-point > li:nth-child(even) .wrap-text { order: 1; margin-top: 203px; }
  .list-topics-point > li:nth-child(even) .img-point { margin-right: 0; margin-left: 30px; padding-bottom: 0; padding-top: 48px; }
  .list-topics-point > li:nth-child(even) .img-point:after { top: 0; bottom: auto; left: 177px; right: -100vw; }
  .list-topics-point > li:nth-child(even) .wrap-box.inview:before { -webkit-animation: runBeforePointEvenSP 2s ease-out; animation: runBeforePointEvenSP 2s ease-out; opacity: 1; }
  @-webkit-keyframes runBeforePointEvenSP { 0% { left: 100vw; }
    100% { left: -100vw; } }
  @keyframes runBeforePointEvenSP { 0% { left: 100vw; }
    100% { left: -100vw; } }
  .list-topics-point > li:nth-child(even) .wrap-box.inview:after { -webkit-animation: runAfterPointImgEvenSP 0.8s ease-out; animation: runAfterPointImgEvenSP 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runAfterPointImgEvenSP { 0% { right: 100%; }
    100% { right: 95px; } }
  @keyframes runAfterPointImgEvenSP { 0% { right: 100%; }
    100% { right: 95px; } }
  .list-topics-point > li:nth-child(even) .wrap-box:after { left: -100vw; right: 95px; }
  .list-topics-point > li:nth-child(even) .wrap-box:has(.img-point).inview:after { -webkit-animation: runAfterPointImgEvenSP 0.8s ease-out; animation: runAfterPointImgEvenSP 0.8s ease-out; opacity: 1; }
  @keyframes runAfterPointImgEvenSP { 0% { right: 100%; }
    100% { right: 95px; } }
  .list-topics-point > li:nth-child(even) .wrap-box:has(.img-point):after { top: 113px; left: -100vw; right: 95px; height: calc(100% - 113px); }
  .list-topics-point > li:nth-child(even) .wrap-box:has(.img-point) .wrap-cnt { padding-bottom: 40px; margin-right: 0; text-align: left; }
  .list-topics-point > li:nth-child(even) .wrap-box:has(.img-point) .point-number { top: 40px; left: 4px; right: auto; }
  .list-topics-point > li:nth-child(even) .wrap-cnt { margin-left: 0; margin-right: 195px; padding-right: 0; text-align: right; }
  .list-topics-point > li:nth-child(even) .point-number { right: 190px; left: auto; }
  .list-topics-point > li:not(:has(.img-point)) { margin-top: 48px; }
  .list-topics-point > li:last-child .wrap-box { padding-bottom: 335px; }
  .list-topics-point > li:last-child .wrap-box:after { height: calc(100% - 410px); }
  .list-topics-point .wrap-text { margin-top: 140px; flex: 1; }
  .list-topics-point .point-number { top: -12px; left: 190px; right: auto; font-size: 3.7rem; line-height: 1.32; }
  .list-topics-point .point-number:after { font-size: 11.6rem; }
  .list-topics-point .wrap-box { padding-top: 75px; padding-bottom: 78px; }
  .list-topics-point .wrap-box:after { top: 75px; right: -100vw; height: calc(100% - 153px); left: 95px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  .list-topics-point .wrap-box:before { height: 607px; bottom: 0; left: -100vw; right: 95px; }
  .list-topics-point .wrap-box.inview:before { -webkit-animation: runBeforePointSP 0.8s ease-out; animation: runBeforePointSP 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runBeforePointSP { 0% { right: 100vw; }
    100% { right: 95px; } }
  @keyframes runBeforePointSP { 0% { right: 100vw; }
    100% { right: 95px; } }
  .list-topics-point .wrap-box.inview:after { -webkit-animation: runAfterPointSP 0.8s ease-out; animation: runAfterPointSP 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runAfterPointSP { 0% { left: 100vw; }
    100% { left: 95px; } }
  @keyframes runAfterPointSP { 0% { left: 100vw; }
    100% { left: 95px; } }
  .list-topics-point .wrap-box:has(.img-point) { padding-top: 0; }
  .list-topics-point .wrap-box:has(.img-point).inview:after { -webkit-animation: runAfterPointImgSP 0.8s ease-out; animation: runAfterPointImgSP 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runAfterPointImgSP { 0% { left: 100vw; }
    100% { left: 285px; } }
  @keyframes runAfterPointImgSP { 0% { left: 100vw; }
    100% { left: 285px; } }
  .list-topics-point .wrap-box:has(.img-point):after { top: 63px; left: 285px; height: calc(100% - 63px); }
  .list-topics-point .wrap-box:has(.img-point) .wrap-cnt { margin-left: 0; padding: 0; display: flex; flex-direction: row-reverse; justify-content: space-between; padding-bottom: 60px; }
  .list-topics-point .wrap-box:has(.img-point) .point-number { top: -14px; left: auto; right: 4px; }
  .list-topics-point .wrap-cnt { padding-top: 90px; padding-bottom: 80px; margin-left: 195px; padding-left: 0; }
  .list-topics-point .ttl { font-size: 2.8rem; }
  .list-topics-point .ttl + .desc { margin-top: 24px; }
  .list-topics-point .desc { line-height: 3; }
  .list-topics-point .img-point { margin-right: 30px; margin-top: 0; margin-left: 0; padding-bottom: 56px; flex: 0 0 540px; align-self: flex-start; }
  .list-topics-point .img-point:after { left: -100vw; right: 175px; height: 347px; bottom: 0; } .wrap-development { margin-top: -102px; padding-bottom: 40px; }
  .wrap-development:after { content: ""; left: -100vw; right: -100vw; top: 370px; }
  .wrap-development .img-pickup-end { width: 287px; margin-top: 80px; }
  .wrap-development .hdg-dev { font-size: 3.2rem; line-height: 1.5; max-width: 550px; }
  .wrap-development .wrap-cnt-dev { margin-top: 48px; display: flex; flex-direction: column; }
  .wrap-development .wrap-profile-feedback { margin-top: -153px; width: 625px; margin-left: auto; margin-right: -85px; padding: 103px 85px 43px 95px; }
  .wrap-development .wrap-profile-feedback:after { width: calc(100% - 275px); left: 95px; top: 74px; }
  .wrap-development .hdg-sub { width: 76px; height: 66px; top: 45px; right: 85px; }
  .wrap-development .wrap-text { margin-top: 5px; }
  .wrap-development .wrap-btn { width: 350px; margin: 40px auto 0; }
  .wrap-development .img-profile { flex: 0 0 110px; margin-right: 17px; }
  .wrap-development .role { font-size: 1.6rem; }
  .wrap-development .role + .intro { margin-top: 13px; }
  .wrap-development .intro { line-height: 1.8; }
  .wrap-development .txt-feedback { text-align: center; font-size: 1.8rem; line-height: 3; } .hdg-lv3-pt3 { padding-top: 40px; padding-bottom: 40px; font-size: 3.2rem; line-height: 1.5; padding-left: 95px; align-self: flex-start; }
  .hdg-lv3-pt3:before { width: 258px; height: 128px; left: -193px; }
  .hdg-lv3-pt3 + .img-main { margin-top: 0; } .hdg-lv4-pt2 { font-size: 2.8rem; line-height: 1.71; }
  .hdg-lv4-pt2 .txt-small { font-size: 2.6rem; } .hdg-lv4-pt3 { font-size: 3.2rem; line-height: 1.5; margin-bottom: 16px; } .sec-event { margin-top: 78px; margin-left: -85px; margin-right: -85px; padding: 0 85px; }
  .sec-event + .sec-event { margin-top: 77px; }
  .sec-event .wrap-content { padding-bottom: 76px; }
  .sec-event .wrap-content:after { height: calc(100% - 105px); top: 105px; right: 285px; left: -100vw; }
  .sec-event:has(.block-video) { padding-bottom: 0; }
  .sec-event:has(.block-video) .wrap-content { padding-bottom: 248px; }
  .sec-event:has(.block-video) .txt { margin-top: 25px; line-height: 3; }
  .sec-event:has(.block-video) .txt + .txt { margin-top: 16px; }
  .sec-event:has(.block-video) .sec-event-content { margin-top: -190px; margin-right: 0; padding-right: 475px; padding-left: 95px; }
  .sec-event .wrap-head-event { display: flex; justify-content: space-between; }
  .sec-event .wrap-head-event .img-main { width: 475px; padding-bottom: 56px; margin-right: 0; }
  .sec-event .wrap-head-event .img-main:after { height: 327px; right: -100vw; left: 110px; }
  .sec-event .block-video { margin-top: -230px; }
  .sec-event .block-video .wrap-video { max-width: 730px; padding-bottom: 410px; }
  .sec-event .block-video .desc { max-width: 730px; margin: 5px auto 0; } .sec-event-content { margin-right: 0; margin-top: -164px; }
  .sec-event-content + .sec-event-content { margin-top: 72px; }
  .sec-event-content .txt { font-size: 1.6rem; margin-top: 23px; line-height: 2; }
  .sec-event-content .txt + .list-item-pt7 { margin-top: 45px; }
  .sec-event-content .txt-special-sp { display: none; }
  .sec-event-content .txt-special-sp + .list-item-pt7 { margin-top: 28px; }
  .sec-event-content .txt-special-pc { display: block; margin-bottom: 34px; } .list-item-pt7 { margin-top: 28px; display: flex; flex-wrap: wrap; margin-left: -30px; }
  .list-item-pt7 > li { padding-left: 30px; width: calc(100% / 3); }
  .list-item-pt7 > li + li { margin-top: 0; }
  .list-item-pt7 > li.item-main:has(.wrap-profile-pt1) .img-first { padding-bottom: 63px; }
  .list-item-pt7 > li.item-main .img-first { padding-bottom: 68px; }
  .list-item-pt7 > li.item-main .img-first:after { left: -100vw; right: 70px; height: 270px; }
  .list-item-pt7 > li.item-main + .item-special { margin-top: 36px; }
  .list-item-pt7 > li.item-special { margin-top: 36px; width: calc(2 * calc(100% / 3)); }
  .list-item-pt7 > li.item-special:has(.txt-special-pc) { margin-top: 10px; }
  .list-item-pt7 > li.item-special:has(.hdg-lv4-pt2) { margin-top: 0; }
  .list-item-pt7 > li.item-special:has(.hdg-lv4-pt2) .hdg-lv4-pt2 { margin-top: -10px; margin-bottom: 28px; }
  .list-item-pt7 > li.item-special .list-item-pt7 { margin-top: 0; }
  .list-item-pt7 > li.item-special .list-item-pt7 > li { width: 50%; }
  .list-item-pt7 > li:nth-child(n + 3) { margin-top: 42px; }
  .list-item-pt7 .desc { margin-top: 14px; font-size: 1.6rem; line-height: 1.75; letter-spacing: -0.006em; } .list-dots { margin-top: 14px; }
  .list-dots > li { font-size: 1.6rem; line-height: 1.75; }
  .list-dots > li:before { width: 4px; height: 4px; margin-bottom: 5px; } .txt-lead-event { margin-top: -105px; font-size: 1.8rem; line-height: 2.66; } .list-anchor { margin-top: 66px; display: flex; flex-wrap: wrap; margin-left: -32px; }
  .list-anchor > li { width: calc(100% / 3); padding-left: 32px; }
  .list-anchor > li + li { margin-top: 0; }
  .list-anchor > li:nth-child(n + 4) { margin-top: 30px; } .list-item-pt8 { margin-top: 35px; margin-left: -32px; }
  .list-item-pt8 > li { padding-left: 32px; }
  .list-item-pt8 > li:nth-child(n + 3) { margin-top: 16px; }
  .list-item-pt8 .wrap-box { display: flex; }
  .list-item-pt8 .wrap-img { padding: 0; flex: 0 0 90px; margin-right: 16px; }
  .list-item-pt8 .number { margin-top: 0; text-align: left; }
  .list-item-pt8 .number span + span { margin-left: 4px; }
  .list-item-pt8 .number + .desc { margin-top: 5px; }
  .list-item-pt8 .desc { text-align: left; } .list-item-pt9 { margin-left: -30px; }
  .list-item-pt9 > li { width: calc(100% / 3); padding-left: 30px; }
  .list-item-pt9 > li:nth-child(n + 3) { margin-top: 0; }
  .list-item-pt9 > li:nth-child(n + 4) { margin-top: 45px; }
  .list-item-pt9 .wrap-ttl .ttl { margin-right: 16px; margin-top: 20px; font-size: 2rem; line-height: 2; min-height: 0; }
  .list-item-pt9 .wrap-ttl .quantity { font-size: 1.6rem; }
  .list-item-pt9 .wrap-ttl + .desc { margin-top: 16px; }
  .list-item-pt9 .desc { font-size: 1.6rem; line-height: 2; } .sec-product-pt1 { margin-top: -470px; }
  .sec-product-pt1 .wrap-lead-teaser { padding-right: 455px; }
  .sec-product-pt1 .txt-lead-teaser { font-size: 1.8rem; line-height: 3; }
  .sec-product-pt1 .txt-lead-teaser .date { font-size: 2.2rem; line-height: 2.45; }
  .sec-product-pt1 .txt-lead-teaser + .txt-lead-teaser { margin-top: 16px; }
  .sec-product-pt1 + .sec-product-pt1 { margin-top: 124px; }
  .sec-product-pt1 .wrap-product:has(.hdg-sub-coming-soon) .wrap-text { margin-top: 187px; }
  .sec-product-pt1 .wrap-product:has(.hdg-sub-coming-soon) .wrap-text .hdg-lv4-pt2 + .txt { margin-top: 50px; }
  .sec-product-pt1 .wrap-product:has(.hdg-sub-coming-soon) .wrap-main-image:after { right: 95px; }
  .sec-product-pt1 .wrap-product .wrap-text { margin-top: 63px; }
  .sec-product-pt1 .wrap-product .wrap-text .txt { min-height: 64px; }
  .sec-product-pt1 .wrap-product .wrap-text .hdg-lv4-pt2 + .txt { margin-top: 32px; }
  .sec-product-pt1 .wrap-product .wrap-main-image:after { top: 49px; left: -100vw; height: 370px; right: 95px; }
  .sec-product-pt1 .wrap-product .img-add { width: 199px; position: absolute; left: 30px; bottom: 4px; }
  .sec-product-pt1 .wrap-product .wrap-btn { margin-top: 52px; } .list-product-pt1 { padding-left: 0; margin-top: -22px; padding-top: 60px; padding-bottom: 67px; }
  .list-product-pt1:before { right: -100vw; left: 190px; }
  .list-product-pt1:has(.hdg-sub) { padding-top: 60px; }
  .list-product-pt1:has(.hdg-sub-coming-soon) { padding-bottom: 50px; }
  .list-product-pt1:has(.hdg-lv4-pt3) { margin-top: 26px; padding-top: 43px; padding-bottom: 105px; }
  .list-product-pt1:has(.hdg-lv4-pt3) .wrap-text { margin-top: 24px; }
  .list-product-pt1:has(.hdg-lv4-pt3) + .list-product-pt1 { margin-top: 64px; }
  .list-product-pt1:has(.wrap-note-image) { padding-bottom: 35px; }
  .list-product-pt1:has(.wrap-note-image) .wrap-text { margin-top: 47px; }
  .list-product-pt1 .product-name { margin-top: 8px; font-size: 1.4rem; line-height: 1.5; }
  .list-product-pt1 .wrap-detail { padding-bottom: 60px; padding-right: 0; }
  .list-product-pt1 .wrap-detail:has(.img-add) { padding-bottom: 80px; }
  .list-product-pt1 .hdg-present01 { width: 411px; height: 214px; top: -120px; right: -60px; }
  .list-product-pt1 .hdg-present02 { width: 478px; height: 214px; top: -104px; right: -127px; }
  .list-product-pt1 .hdg-sub { top: -128px; right: -95px; width: 510px; height: 305px; }
  .list-product-pt1 .hdg-sub-coming-soon { position: absolute; top: 45px; right: 80px; display: block; width: 459px; height: 222px; z-index: 2; }
  .list-product-pt1 .img-teaser-pickup { width: 419px; bottom: -88px; right: -213px; } .sec-product-teaser { margin-top: 87px; }
  .sec-product-teaser + .sec-product-teaser { margin-top: 154px; }
  .sec-product-teaser .txt-lead-end { margin-left: auto; width: 825px; margin-top: 35px; font-weight: 500; font-size: 1.8rem; line-height: 1.77; color: #6A4532; } .wrap-list-comments { width: 920px; margin: 0 auto; }
  .wrap-list-comments.pt1 { width: 100%; }
  .wrap-list-comments.pt1 .list-comments > li { width: 100%; }
  .wrap-list-comments.pt1 .list-comments .wrap-btn-more { pointer-events: visible; }
  .wrap-list-comments.pt1 .list-comments .comment { -webkit-line-clamp: 2; }
  .wrap-list-comments.pt1 .list-comments .open .btn-more { display: none; }
  .wrap-list-comments.pt1 .list-comments .btn-more { text-align: right; display: block; transition: opacity .3s; }
  .wrap-list-comments.pt1 .list-comments .btn-more:hover { opacity: 0.7; } .list-comments { padding-bottom: 0; margin-top: 6px; margin-left: -30px; flex-wrap: wrap; flex-direction: row; }
  .list-comments > li { width: 50%; padding-left: 30px; }
  .list-comments > li + li { margin-top: 0; }
  .list-comments > li:nth-child(n+3) { margin-top: 56px; }
  .list-comments .wrap-img { margin-right: 15px; }
  .list-comments .comment { font-size: 1.6rem; -webkit-line-clamp: unset; }
  .list-comments .wrap-btn-more { pointer-events: none; }
  .list-comments .btn-more { display: none; }
  .list-comments .author { font-size: 1.4rem; display: flex; }
  .list-comments .author span { line-height: 1.65; } .wrap-summary { padding-top: 115px; }
  .wrap-summary .wrap-img { width: 422px; right: -193px; }
  .wrap-summary .wrap-txt { padding: 70px 0 65px; }
  .wrap-summary .txt { font-size: 1.8rem; padding: 0 20px; line-height: 3; }
  .wrap-summary .btn-detail:hover { color: #A50319; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
  .wrap-summary.pt1 { margin-top: -17px; padding-top: 0; padding-bottom: 50px; }
  .wrap-summary.pt1 .wrap-img { width: 422px; right: -193px; top: unset; bottom: 0; z-index: 1; }
  .wrap-summary.pt1 .wrap-txt { z-index: 0; padding: 144px 0 87px; }
  .wrap-summary.pt1 .wrap-txt .txt { line-height: 3; }
  .wrap-summary.pt1 .wrap-txt .wrap-btn { width: 350px; margin: 24px auto 0; } .list-social-media { margin-top: 24px; }
  .list-social-media .btn { transition: opacity .3s; }
  .list-social-media .btn:hover { opacity: 0.7; } .wrap-new-item { --top: 83px; --bottom: 90px; }
  .wrap-new-item:after { left: -100vw; right: 95px; }
  .wrap-new-item .img-hdg { width: 449px; right: 44px; top: -28px; }
  .wrap-new-item .img_lipstick { width: 350px; right: -160px; } .wrap-list-new { padding: 66px 0; margin-left: 0; } .list-new-item { display: block; width: 745px; -webkit-column-count: 2; column-count: 2; }
  .list-new-item .new-item { width: 445px; margin-right: 30px; font-size: 1.8rem; }
  .list-new-item .new-item .sub { font-size: 1.6rem; } .wrap-gift-item { margin-top: 16px; }
  .wrap-gift-item .main-title { padding: 7px 12px 10px; }
  .wrap-gift-item .wrap-gift-cnt { padding: 8px 16px 14px 24px; } .wrap-note-image { margin-top: 32px; }
  .wrap-note-image + .wrap-note-image { margin-top: 3px; }
  .wrap-note-image .wrap-character { flex: 0 0 82px; margin-right: 12px; }
  .wrap-note-image .data { margin-top: 4px; } .wrap-orinal-header + .l-main > .wrap-sec-content .wrap-intro-lead.teaser { padding-top: 143px; } .wrap-orinal-header + .l-main > .wrap-sec-content .wrap-intro-lead.event { padding-top: 123px; } .list-item-pt9 > li .wrap-box .bg-red::before { display: none; } .list-item-pt9 > li .wrap-box .wrap-ttl .quantity { display: inline; } .list-anchor-campaign { margin-top: 56px; display: flex; flex-wrap: wrap; margin-left: -28px; }
  .list-anchor-campaign .link:hover .wrap-box:after { -webkit-transform: translateY(6px) rotate(135deg); transform: translateY(6px) rotate(135deg); }
  .list-anchor-campaign > li { width: 50%; padding-left: 28px; }
  .list-anchor-campaign > li + li { margin-top: 0; }
  .list-anchor-campaign > li:nth-child(2) .lead { padding-left: 0; padding-right: 0; }
  .list-anchor-campaign > li:nth-child(2) .wrap-box { padding-top: 33px; padding-left: 108px; }
  .list-anchor-campaign > li:nth-child(2) .img-anchor { width: 84px; }
  .list-anchor-campaign .txt-close { left: 70px; }
  .list-anchor-campaign .number { top: -23px; left: 70px; }
  .list-anchor-campaign .number span { font-size: 5.6rem; }
  .list-anchor-campaign .img-anchor { width: 75px; top: 13px; left: 15px; }
  .list-anchor-campaign .wrap-box { padding: 25px 16px 14px 93px; min-height: 154px; }
  .list-anchor-campaign .wrap-box:after { transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; bottom: 18px; left: 70px; }
  .list-anchor-campaign .lead { padding-right: 0; padding-left: 0; line-height: 2; }
  .list-anchor-campaign .img-collab { padding: 0; width: 291px; margin: 2px auto -3px; } .hdg-lv3-pt4 { font-size: 5rem; line-height: 1.26; }
  .hdg-lv3-pt4 .sub { font-size: 3.2rem; line-height: 1.125; margin-bottom: 14px; } .hdg-lv4-pt4 { margin-left: 0; padding: 20px 40px 25px 132px; }
  .hdg-lv4-pt4:before { font-size: 11.6rem; left: 0; }
  .hdg-lv4-pt4:after { content: ""; position: absolute; top: 0; height: 100%; left: -100vw; right: 0; z-index: -1; }
  .hdg-lv4-pt4 .ttl { display: block; margin-top: 5px; font-size: 3.8rem; line-height: 1.26; }
  .hdg-lv4-pt4 .ttl-pt1 { font-size: 3.2rem; }
  .hdg-lv4-pt4 .sub { font-size: 2.6rem; line-height: 1.84; } .list-present { margin-top: 34px; }
  .list-present > li + li { margin-top: 80px; } .sec-product-campaign { margin-top: -275px; }
  .sec-product-campaign .wrap-product { max-width: 650px; }
  .sec-product-campaign .txt-noti { max-width: calc(100% - 20px); text-align: left; padding: 7px 9px 9px; margin-bottom: 17px; width: auto; }
  .sec-product-campaign .txt-noti span { font-size: 2rem; line-height: 1.45; color: #FFFFFF; }
  .sec-product-campaign .txt-limited { width: 100px; height: 100px; left: 403px; }
  .sec-product-campaign .txt-limited span { font-size: 1.8rem; line-height: 1.5; }
  .sec-product-campaign .txt-lead-campaign { margin-top: 38px; font-size: 1.8rem; line-height: 2; } .wrap-box-present { margin-top: 45px; padding-right: 15px; position: relative; }
  .wrap-box-present.pt1 { display: flex; padding-right: 0; padding-left: 5px; }
  .wrap-box-present.pt1 .img-main { flex: 0 0 347px; margin-right: 68px; padding: 0; position: static; }
  .wrap-box-present.pt1 .wrap-block-data { margin-top: 0; padding-left: 0; }
  .wrap-box-present.pt1 .wrap-book { margin-top: 0; }
  .wrap-box-present.pt1 .txt { padding-left: 0; }
  .wrap-box-present .img-main { margin-top: 0; position: absolute; top: 0; left: 0; width: 540px; }
  .wrap-box-present .img-main.closed { position: absolute; }
  .wrap-box-present .txt { line-height: 1.9; padding-left: 570px; }
  .wrap-box-present .txt .highlight { font-size: 1.8rem; line-height: 1.78; }
  .wrap-box-present .txt .highlight.pt1 { font-size: 2rem; line-height: 1.6; }
  .wrap-box-present .txt + .list-note { margin-top: 15px; }
  .wrap-box-present .img-collab { width: 432px; }
  .wrap-box-present .wrap-block-data { padding-left: 570px; margin-top: 40px; }
  .wrap-box-present .author { font-size: 1.8rem; line-height: 1.4; }
  .wrap-box-present .book-name { margin-top: 16px; font-size: 4rem; line-height: 1.2; }
  .wrap-box-present .wrap-book + .txt { margin-top: 48px; }
  .wrap-box-present .wrap-block-profile { margin-top: 48px; min-height: 0; }
  .wrap-box-present .img-profile { position: static; width: 190px; height: 190px; flex: 0 0 190px; margin-right: 55px; }
  .wrap-box-present .profile-card { padding-top: 0; display: flex; align-items: flex-start; }
  .wrap-box-present .role { padding-left: 0; font-size: 1.6rem; line-height: 1.3; }
  .wrap-box-present .name { padding-left: 0; margin-top: 10px; }
  .wrap-box-present .intro { margin-top: 20px; } .wrap-detail-present .ttl { font-size: 2.4rem; line-height: 1.5; }
  .wrap-detail-present .dl-present { margin-top: 15px; } .wrap-explain-present { margin: 60px 0 0; padding: 80px 95px 60px; position: relative; background-color: transparent; box-shadow: none; }
  .wrap-explain-present:after { content: ""; display: block; position: absolute; height: 100%; left: -100vw; right: -100vw; top: 0; background-color: rgba(175, 171, 159, 0.24); z-index: -1; }
  .wrap-explain-present.pt1 .wrap { padding: 26px 96px 30px 32px; }
  .wrap-explain-present.pt1 .ttl { padding-top: 0; }
  .wrap-explain-present .box-cnt { min-height: 165px; position: relative; padding-left: 345px; }
  .wrap-explain-present .wrap { padding: 26px 32px 30px; }
  .wrap-explain-present .ttl { text-align: left; padding-top: 21px; }
  .wrap-explain-present .tag-head { font-size: 1.8rem; padding: 8px; }
  .wrap-explain-present .wrap-img { margin: 0; padding: 0; width: 180px; position: absolute; top: 0; left: 98px; }
  .wrap-explain-present .list-btn-col2 { margin-top: 26px; }
  .wrap-explain-present .list-btn-col2 > li + li { margin-top: 0; }
  .wrap-explain-present .list-btn-col2 > li:nth-child(n + 3) { margin-top: 24px; }
  .wrap-explain-present .list-btn { margin-top: 8px; }
  .wrap-explain-present .list-note { margin-top: 4px; }
  .wrap-explain-present .list-note > li + li { margin-top: 4px; }
  .wrap-explain-present .wrap-right { text-align: right; }
  .wrap-explain-present .wrap-right .list-note { margin-top: 0; display: inline-block; }
  .wrap-explain-present .wrap-calculation { margin-top: 38px; }
  .wrap-explain-present .txt-calc { margin-top: 22px; }
  .wrap-explain-present .wrap-note { margin-top: 26px; } .list-alert { margin-top: 0; }
  .list-alert > li { padding-left: 1.9em; font-size: 1.6rem; line-height: 2; }
  .list-alert > li:before { top: 0.95rem; left: 6px; } .list-discount { width: 701px; }
  .list-discount > li + li { margin-top: -5px; }
  .list-discount .wrap-discount:has(.list-condition > li:nth-child(2)) .wrap-col-1 { padding-right: 26px; }
  .list-discount .wrap-discount:has(.list-condition > li:nth-child(2)) .wrap-col-1:after { height: calc(100% - 18px); }
  .list-discount .wrap-discount .wrap-col-1 { margin-right: 14px; }
  .list-discount .wrap-discount .wrap-col-2 { margin-left: 30px; }
  .list-discount .txt-discount { font-size: 1.6rem; line-height: 2; }
  .list-discount .txt-discount span { font-size: 2rem; } .list-condition:has(li:nth-child(2)) > li { position: relative; }
  .list-condition:has(li:nth-child(2)) > li:first-child:after { top: 9px; }
  .list-condition:has(li:nth-child(2)) > li:after { content: ""; width: 12px; right: -26px; }
  .list-condition:has(li:nth-child(2)) > li:last-child:after { bottom: 9px; }
  .list-condition > li { font-weight: 700; font-size: 1.6rem; line-height: 2; max-width: 385px; }
  .list-condition > li + li { margin-top: 0; } .wrap-block-more { margin-top: 35px; padding-top: 41px; }
  .wrap-block-more .box-tag { left: 18px; }
  .wrap-block-more .tag:after { right: -2px; bottom: 19px; -webkit-transform: rotate(0); transform: rotate(0); }
  .wrap-block-more .wrap-box { display: flex; justify-content: space-between; padding: 16px 40px 14px 34px; }
  .wrap-block-more .wrap-box .wrap-head { margin-top: 37px; max-width: 499px; }
  .wrap-block-more .ttl { font-size: 2.2rem; line-height: 1.45; padding-left: 0; }
  .wrap-block-more .ttl .sub { font-size: 1.8rem; line-height: 1.77; }
  .wrap-block-more .wrap-btn { position: absolute; bottom: 34px; width: 405px; margin-top: 24px; margin-left: 0; }
  .wrap-block-more .box-chat-note { top: 14px; width: 170px; min-height: 99px; left: 0; padding: 0 29px 18px 17px; background-image: url(/special/makeup/common/img/img_box_note_pc.png); }
  .wrap-block-more .box-chat-note .txt { font-size: 1.3rem; }
  .wrap-block-more .wrap-product-cnt { margin-top: 0; padding-top: 0; max-width: 530px; } .wrap-item-present { padding-left: 160px; } .list-item-present { margin-left: -16px; }
  .list-item-present > li { padding-left: 16px; }
  .list-item-present > li:nth-child(1) .wrap-img { padding: 0 17px 0 24px; }
  .list-item-present > li:nth-child(2) .wrap-img { padding: 0 48px 0 30px; }
  .list-item-present .desc { margin-top: 16px; } .wrap-make-point { margin-top: 26px; padding-top: 81px; }
  .wrap-make-point .hdg-sub { width: 541px; height: 237px; left: auto; right: -95px; }
  .wrap-make-point .wrap-content { display: flex; padding: 76px 0 60px 40px; }
  .wrap-make-point .wrap-content:after { right: -100vw; }
  .wrap-make-point .wrap-txt { margin-top: 4px; order: 1; }
  .wrap-make-point .ttl { font-size: 2rem; line-height: 1.5; }
  .wrap-make-point .txt { margin-top: 21px; }
  .wrap-make-point .wrap-img { margin-top: 0; margin-right: 51px; flex: 0 0 320px; order: 0; }
  .wrap-make-point + .wrap-explain-present.pt1 { padding-top: 240px; margin-top: -175px; } .hdg-lv3-pt5 { padding-top: 40px; padding-bottom: 40px; font-size: 3.8rem; line-height: 1.26; padding-left: 116px; }
  .hdg-lv3-pt5:before { width: 258px; height: 128px; left: -193px; top: 34px; }
  .hdg-lv3-pt5 .ft-s { font-size: 2.6rem; line-height: 1.85; } .list-compare { margin-top: -15px; padding-left: 0; margin-right: -85px; flex-direction: row; flex-wrap: wrap; margin-left: -40px; }
  .list-compare > li { padding-left: 40px; width: 50%; }
  .list-compare > li + li { margin-top: 0; } .wrap-compare { margin-top: 55px; padding-bottom: 33px; }
  .wrap-compare:after { top: 146px; height: calc(100% - 146px); }
  .wrap-compare .list-btn { width: 350px; margin: 0 auto; margin-top: 69px; } .wrap-item-compare .img-prof { margin-right: 30px; flex: 0 0 255px; }
  .wrap-item-compare .ttl-item { font-size: 3.2rem; padding-left: 56px; }
  .wrap-item-compare .ttl-item:before { width: 38px; top: 24px; }
  .wrap-item-compare .desc-item { font-size: 1.6rem; line-height: 1.8; min-height: 87px; display: flex; align-items: center; }
  .wrap-item-compare .wrap-group-img { margin-top: 18px; gap: 8px; }
  .wrap-item-compare .wrap-group-img .wrap-img { font-size: 1.4rem; line-height: 1; } .wrap-hdg-compare .img-shadow { top: -90px; left: -113px; }
  .wrap-hdg-compare .img-shadow.basic { top: -83px; left: -60px; }
  .wrap-hdg-compare .img-shadow.basic img { height: 121px; }
  .wrap-hdg-compare .img-shadow img { height: 128px; } .wrap-how-to-use { display: flex; padding-bottom: 51px; }
  .wrap-how-to-use:after { top: -35px; left: 190px; right: -100vw; height: calc(100% - 63px); }
  .wrap-how-to-use .txt-lead { margin-top: 4px; }
  .wrap-how-to-use .img-model { width: 457px; }
  .wrap-how-to-use .wrap-cnt-how-to-use { padding-left: 64px; margin-top: -180px; align-items: flex-start; }
  .wrap-how-to-use .img-makeup-box { margin-left: 23px; margin-bottom: 52px; }
  .wrap-how-to-use .img-how-to-use { margin-left: 49px; }
  .wrap-how-to-use .wrap-box-how-to-use { margin-bottom: 20px; } .list-makeup-box { gap: 15px; margin-top: -60px; } .wrap-sec-how-to-use { margin-top: 72px; } .wrap-box-backtop { margin-top: 32px; margin-bottom: 130px; }
  .wrap-box-backtop .img-lipstick { width: 422px; right: -190px; bottom: -132px; } .list-item-pt5.pt-sns { justify-content: center; }
  .list-item-pt5.pt-sns .txt-hdg { font-size: 1.6rem; -webkit-line-clamp: 2; min-height: 50px; }
  .list-item-pt5.pt-sns .wrap-img-txt { display: flex; align-items: flex-start; margin-top: 14px; }
  .list-item-pt5.pt-sns .wrap-img-txt .wrap-img { padding-top: 65px; width: 65px; }
  .list-item-pt5.pt-sns .wrap-img-txt .wrap-txt { width: calc(100% - 65px); }
  .list-item-pt5.pt-sns .wrap-img-txt .txt-user { font-size: 1.6rem; line-height: 1.6; }
  .list-item-pt5.pt-sns .wrap-img-txt .txt-user-add { margin-top: 10px; }
  .list-item-pt5.pt-sns .js-recommend-coordinate-link .wrap-mainimg img { transition: .3s; -webkit-transform: scale(1); transform: scale(1); }
  .list-item-pt5.pt-sns .js-recommend-coordinate-link:hover .wrap-mainimg img { -webkit-transform: scale(1.05); transform: scale(1.05); } .wrap-makeup-point .list-img .txt-caption { font-size: 1.4rem; } .list-makeup-tab > li .txt-tag { font-size: 1.2rem; font-weight: 500; padding: 2px 0 0 8px; } .list-makeup-area + .list-makeup-tab { margin-top: 96px; } .makeup-area .wrap-text .txt-lead { margin-top: 50px; font-size: 2.0rem; line-height: 2; }
  .makeup-area .block-video .txt-lead { width: 920px; margin: 24px auto 0; font-size: 2.4rem; padding: 0; line-height: 1; }
  .makeup-area .wrap-point .wrap-img { margin-top: 24px; }
  .makeup-area .wrap-point .wrap-img img { max-height: 200px; } .sec-topics-pt1.adjust1 .wrap-content { margin-top: 0; } .wrap-development .wrap-profile-feedback { padding: 103px 70px 43px; }
  .wrap-development .wrap-profile-feedback::after { width: calc(100% - 230px); left: 70px; }
  .wrap-development .wrap-profile-feedback .hdg-sub { right: 70px; } .wrap-video.coming-soon { padding-bottom: 0; height: 517px; }
  .wrap-video.coming-soon .txt-img { position: static; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
  .wrap-video.coming-soon .txt-img img { position: static; height: 162px; width: auto; } .wrap-makelook .desc { margin-left: 0; font-size: 1.8rem; } .block-video .desc { max-width: 640px; text-align: center; } .sec-makelook .hdg-sub { width: 522px; } .list-image .wrap-img .txt-add { font-size: 1.0rem; } .wrap-intro-lead.item .hdg-sub { width: 812px; height: 313px; -webkit-mask-image: url(/special/makeup/item/img/txt_makeupgoods.png); mask-image: url(/special/makeup/item/img/txt_makeupgoods.png); } .sec-makelook + .wrap-btn { margin-top: 60px; } }

@media all and (max-width: 767px) { .l-all .spg-tour02-content .spg-tour02-description { font-size: 16px; }
  .l-all .spg-tour02-content .spg-tour02-description .spg-movie-youtube + div { font-size: 18px !important; }
  .l-all .spg-tour02 * .spg-tour02-nav .spg-tour02-nav-row .spg-tour02-nav-button { font-size: 16px !important; } .wrap-product .wrap-main-image:has(.wrap-text):after { top: calc(2em + 19px); height: calc(100% - (19px + 2em)); }
  .wrap-product .wrap-main-image .wrap-text { margin-top: 0; }
  .wrap-product .wrap-main-image .wrap-text .hdg-lv4 { margin-bottom: 12px; }
  .wrap-product .wrap-main-image.irr:has(.wrap-text):after { top: calc(3.8em + 19px); height: calc(100% - (19px + 3.8em)); }
  .wrap-product .wrap-text .hdg-lv4.u-disp-n-b + .txt { margin-top: 40px; }
  .wrap-product .wrap-text .u-disp-b-n .price { margin-top: 28px; } }