@charset "UTF-8";
@font-face {
  font-family: "swiper-icons";
  font-weight: 400;
  font-style: normal; 

  src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
}

:root {
  --swiper-theme-color: $themeColor;
}

.swiper-container {
  overflow: hidden;
  position: relative;
  /* Fix of Webkit flickering */
  z-index: 1; 
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  list-style: none;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  display: flex;
  box-sizing: content-box; 
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column; 

  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto; 
  transition-timing-function: ease-out;
}

.swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; 

  flex-shrink: 0;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; 

  align-items: flex-start;
}

/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  z-index: 10; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;

  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  transition-property: opacity; 
  pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* -----------------------------------------
  Swiper
----------------------------------------- */
.swiper-pagination-bullet {
  display: inline-block;
  border-radius: 50%;
  width: 0.7rem;
  height: 0.7rem;
  background-color: #e6d5ce;
}
@media (min-width: 768px) {
  .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fb637e;
}
.swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 0.6rem;
}

.swiper-pagination-bullet:only-child {
  display: none;
}

.swiper-slide {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

/* -----------------------------------------
   Main
----------------------------------------- */
.top-main {
  overflow: hidden;
}

/* -----------------------------------------
   Hero
----------------------------------------- */
.top-hero {
  margin-bottom: -8%;
}
@media (min-width: 768px) {
  .top-hero {
    position: relative;
    margin-bottom: -0.4%;
  }
}
@media (min-width: 1200px) {
  .top-hero {
    margin-bottom: -0.6rem;
  }
}

.top-hero_carousel {
  opacity: 0; 
  position: relative;
  z-index: 0;
  margin: auto;
  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition-duration: 1.5s;
  transition-property: opacity;
}
.top-hero_carousel[aria-hidden="false"] {
  opacity: 1;
}

.top-hero_pagination {
  position: absolute;
  z-index: 1;
  bottom: 13%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 768px) {
  .top-hero_pagination {
    bottom: 7.1%;
  }
}

.top-hero_mv {
  text-align: center;
  position: relative;
}
@media (min-width: 768px) {
  .top-hero_mv {
    /* padding-bottom: 50%; */
    padding-bottom: 31.25%;
  }

  .top-hero_mv a{
    background-position: center; 
    background-size: cover;
  }
  .top-hero_mv img {
    display: none;
  }
}
@media (min-width: 1200px) {
  .top-hero_mv {
    margin: auto;
    /* padding-bottom: 0; */
    /* height: 60rem; */
  }
}
@media (min-width: 1920px) {
  .top-hero_mv {
    padding-bottom: 31.25%;
    height: 0;
  }
}

@media (min-width: 768px) {
  .top-hero_mv .-notice {
    background-image: url(/img/index_mv_notice_lg.jpg);
  }
}
@media (min-width: 768px) {
  .top-hero_mv .-default {
    background-image: url(/img/index_mv_default_lg.jpg);
  }
}
@media (min-width: 768px) {
  .top-hero_mv .-makeset {
    background-image: url(/img/index_mv_makeset_limited_lg.jpg);
  }
}
@media (min-width: 768px) {
  .top-hero_mv .-purelipcolor {
    background-image: url(/img/index_mv_purelipcolor_lg.jpg);
  }
}
@media (min-width: 768px) {
  .top-hero_mv .-powderyfande {
    background-image: url(/img/index_mv_powderyfande_lg.jpg);
  }
}
@media (min-width: 768px) {
  .top-hero_mv .-eyebrowpencil {
    background-image: url(/img/index_mv_eyebrowpencil_lg.jpg);
  }
}
/* ミニネイル用の記述を追加 20191029 */
@media (min-width: 768px) {
  .top-hero_mv .-mininail {
    background-image: url(/img/index_mv_nail_photocontest_lg.jpg);
  }
}
/* ピュアリップCPを追加 20191108 */
@media (min-width: 768px) {
  .top-hero_mv .-cp201911 {
    background-image: url(/img/index_mv_purelipcolor_cp201911_lg.png);
  }
}
/* バズガードUV Nを追加 20200318 */
@media (min-width: 768px) {
  .top-hero_mv .-buzzguarduv {
    background-image: url(/img/index_mv_buzzguarduv_lg.jpg);
  }
}

/* 20191125追加 */
@media (min-width: 768px) {
  .top-hero_mv .-nail_f_limited {
    background-image: url(/img/index_mv_nail_foundation_limited_lg.jpg);
  }
}
@media (min-width: 768px) {
  .top-hero_mv .-skincare_limited {
    background-image: url(/img/index_mv_skincare_cleansing-l_lg.jpg);
  }
}

/* ネイルファンデーション限定CPを追加 201912111 */
@media (min-width: 768px) {
  .top-hero_mv .-cp201912 {
    background-image: url(/img/index_mv_nail_foundation_limited_cp201912_lg.png);
  }
}

/* サクラヴェールリップ限定を追加 20200115 */
@media (min-width: 768px) {
  .top-hero_mv .-sakura_l_limited {
    background-image: url(/img/index_mv_sakuraveil_lip_limited_lg.jpg);
  }
}

/* ネイルカラーミニ2020SS追加 20200415 */
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2020ss {
    background-image: url(/img/index_mv_volume_mascara_liquid_eyeliner_cp_lg.jpg);
  }
}

/* ネイルカラーミニ2020FW追加 20200909 */
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2020fw {
    background-image: url(/img/index_mv_nailcolormini2020fw_lg.jpg);
  }
}

/* リキッドアイライナー・スタイリングマスカラ　バーガンディ限定CPを追加 20200909 */
@media (min-width: 768px) {
  .top-hero_mv .-cp202009 {
    background-image: url(/img/index_mv_volume_mascara_liquid_eyeliner_cp_lg.jpg);
  }
}

/* ネイルカラーミニ　TWCP#星からのメッセージを追加 20200909 */
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2020cpaw {
    background-image: url(/img/index_mv_mini_nail_awcp20200918_lg.jpg);
  }
}


/* スキンケアクレジング　NEWを追加 20201007 */
@media (min-width: 768px) {
  .top-hero_mv .-skincare_new {
    background-image: url(/img/index_mv_skincare_cleansing-new_lg.jpg);
  }
}


/* パラドゥ毛穴ファンデお試しキャンペーン　NEWを追加 20201030 */
@media (min-width: 768px) {
  .top-hero_mv .-cp202011 {
    background-image: url(/img/index_mv_powderfoundation_awcp20201030_lg.jpg);
  }
}


/* シングルアイシャドウ新発売　NEWを追加 20201109 */
@media (min-width: 768px) {
  .top-hero_mv .-singleeyeshadow {
    background-image: url(/img/index_mv_single_eyeshadow_202106_lg.jpg);
  }
}

/* 透けラメシャドウ✕褒められバーガンデイのアイライナー　プレゼントキャンペーンを追加 20201218 */
@media (min-width: 768px) {
  .top-hero_mv .-cp202012 {
    background-image: url(/img/index_mv_single_eyeshadow-eyliner_cp_202012_lg.jpg);
  }
}

/* ネイルファンデーション新色ピンク　その指先は恋の先へ　新色プレゼントキャンペーンを追加 20201224 */
@media (min-width: 768px) {
  .top-hero_mv .-nf_cp202012 {
    background-image: url(/img/index_mv_nailfoundation_cp_202012_lg.jpg);
  }
}

/* ネイルカラーミニ　2021SS 20210412追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2021ss {
    background-image: url(/img/index_mv_nailcolormini2021ss_lg.jpg);
  }
}

/* ピュアヴェールパウダー　20210412追加 */
@media (min-width: 768px) {
  .top-hero_mv .-pureveilpowder {
    background-image: url(/img/index_mv_pureveilpowder_lg.jpg);
  }
}

/* リトルジュエリーコフレ　20210614追加 */
@media (min-width: 768px) {
  .top-hero_mv .-littlejewelrycoffret {
    background-image: url(/img/index_mv_littlejewelrycoffret_lg.jpg);
  }
}
/* ネイルカラーミニ　2021FW 20210906追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2021fw {
    background-image: url(/img/index_mv_nailcolormini2021fw_lg.jpg);
  }
}
/* スタイリングマスカラ　限定オレンジ2021 20210906追加*/
@media (min-width: 768px) {
  .top-hero_mv .-mascara2021limited {
    background-image: url(/img/index_mv_mascara2021limited_lg.jpg);
  }
}
/* ネイルファンデーション　新シリーズ2022 20211108追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailfoundation2022 {
    background-image: url(/img/index_mv_nailfoundation-new-202211_lg.jpg);
  }
}
/* シングルアイシャドウ新発売　NEWを追加 20211108 */
@media (min-width: 768px) {
  .top-hero_mv .-singleeyeshadow {
    background-image: url(/img/index_mv_single_eyeshadow_202111_lg.jpg);
  }
}
/* パウダリィファンデーション新発売　NEWを追加 20211115 */
@media (min-width: 768px) {
  .top-hero_mv .-powderyfande2021 {
    background-image: url(/img/index_mv_powderyfande-new-2021_lg.jpg);
  }
}
/* ドリーミングコフレ新発売　NEWを追加 20220108 */
@media (min-width: 768px) {
  .top-hero_mv .-dreamingcoffret {
    background-image: url(/img/index_mv_dreamingcoffret_lg.jpg);
  }
}
/* リキッドアイライナー　限定カラー　NEWを追加 20220108 */
@media (min-width: 768px) {
  .top-hero_mv .-liquideyeliner2022limited {
    background-image: url(/img/index_mv_liquid_eyeliner_limited2022_lg.jpg);
  }
}
/* リキッドアイライナーex　NEWを追加 20220411 */
@media (min-width: 768px) {
  .top-hero_mv .-liquideyelinerex {
    background-image: url(/img/index_mv_liquid_eyeliner_ex_lg.jpg);
  }
}
/* ネイルカラーミニ　2022SS 20220411追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2022ss {
    background-image: url(/img/index_mv_nailcolormini2022ss_lg.jpg);
  }
}
/* リキッドティントリップ　　NEWを追加 20224011 */
@media (min-width: 768px) {
  .top-hero_mv .-liquidtintlip {
    background-image: url(/img/index_mv_liquid_tint_lip_lg.jpg);
  }
}
/* シングルアイシャドウ新発売　NEWを追加 20221106 */
@media (min-width: 768px) {
  .top-hero_mv .-singleeyeshadow {
    background-image: url(/img/index_mv_single_eyeshadow_202211_lg.jpg);
  }
}
/* ネイルカラーミニ　2022FW 20220904追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2022fw {
    background-image: url(/img/index_mv_nailcolormini2022fw_lg.jpg);
  }
}
/* リップケアスクラブ　20230108追加*/
@media (min-width: 768px) {
  .top-hero_mv .-lipcaresclub {
    background-image: url(/img/index_mv_lipcaresclub_lg.jpg);
  }
}
/* アウトドアガードUVを追加 20230221 */
@media (min-width: 768px) {
  .top-hero_mv .-buzzguarduv {
    background-image: url(/img/index_mv_outdoorguarduv_lg.jpg);
  }
}
/* ネイルカラーミニ　2023SS 20230409追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2023ss {
    background-image: url(/img/index_mv_nailcolormini2023ss_lg.jpg);
  }
}
/* スタイリングアイブロウカラー　20230611追加*/
@media (min-width: 768px) {
  .top-hero_mv .-stylingeyeblow {
    background-image: url(/img/index_mv_stylingeyeblow_lg.jpg);
  }
}
/* ペンシルアイライナーex　20230611追加*/
@media (min-width: 768px) {
  .top-hero_mv .-pencileyeliner {
    background-image: url(/img/index_mv_pencileyeliner_lg.jpg);
  }
}
/* ネイルカラーミニ　2023AW 202300903追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2023aw {
    background-image: url(/img/index_mv_nailcolormini2023aw_lg.jpg);
  }
}
/* ネイルファンデーション　限定223 20231112追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailfoundation2023 {
    background-image: url(/img/index_mv_nailfoundation-new-202311_lg.jpg);
  }
}

/* サクラヴェールリップ限定RD01（ブランパー）を追加 20231112 */
@media (min-width: 768px) {
  .top-hero_mv .-sakura_l_limited_01 {
    background-image: url(/img/index_mv_sakuraveil_lip_limited_rd01_lg.jpg);
  }
}
/* サクラヴェールリップ限定PK01を追加 20231112 */
@media (min-width: 768px) {
  .top-hero_mv .-sakura_l_limited_02 {
    background-image: url(/img/index_mv_sakuraveil_lip_limited_pk01_lg.jpg);
  }
}
/* ネイルカラーミニ　2024SS 20240407追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2024ss {
    background-image: url(/img/index_mv_nailcolormini2024ss_lg.jpg);
  }
}
/* パウダリィファンデーションex限定を追加 20240526 */
@media (min-width: 768px) {
  .top-hero_mv .-powderyfande2024 {
    background-image: url(/img/index_mv_powderyfande-limited2024_lg.jpg);
  }
}
/* シングルアイシャドウ新発売　NEWを追加 20240609 */
@media (min-width: 768px) {
  .top-hero_mv .-singleeyeshadow {
    background-image: url(/img/index_mv_single_eyeshadow_202406_lg.jpg);
  }
}
/* ネイルカラーミニ　2024fw 20240908追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailcolormini2024fw {
    background-image: url(/img/index_mv_nailcolormini2024fw_lg.jpg);
  }
}
/* ネイルファンデーション　限定223 20241103追加*/
@media (min-width: 768px) {
  .top-hero_mv .-nailfoundation2024 {
    background-image: url(/img/index_mv_nailfoundation-new-202411_lg.jpg);
  }
}

@media (min-width: 768px) {
  .top-hero_mv>a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
  }
}

.top-hero_mv .link{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.top-hero_mv .link:after {
  content: "";
  display: table;
  clear: both;
}
.top-hero_mv .link a{
  display: block;
  height: 100%;
  float: left;
}


.top-hero_object {
  position: absolute;
  top: 0;
  pointer-events: none;
}
@media (max-width: 767.98px) {
  .top-hero_object {
    display: none;
  }
}
.top-hero_object.-triangle01 {
  left: 0;
}
@media (min-width: 768px) {
  .top-hero_object.-triangle01 {
    width: 6vw;
    max-width: 7.2rem;
    height: 24.5vw; 
    max-height: 29.4rem;
  }
}
.top-hero_object.-triangle02 {
  left: 50%;
  -webkit-transform: translateX(28rem);
          transform: translateX(28rem);
}
.top-hero_object.-line01 {
  left: 0;
  -webkit-transform: translateX(-4rem);
          transform: translateX(-4rem);
}
@media (min-width: 1920px) {
  .top-hero_object.-line01 {
    width: 12.86458vw;
    height: 33.75vw;
  }
  .top-hero_object.-line01 > img {
    width: 100%;
    height: 100%;
  }
}
.top-hero_object.-line02 {
  left: 50%;
  -webkit-transform: translateX(31rem);
          transform: translateX(31rem);
}
@media (min-width: 1920px) {
  .top-hero_object.-line02 {
    width: 34.16667vw;
    height: 12.23958vw;
    -webkit-transform: translateX(16.14583vw);
            transform: translateX(16.14583vw);
  }
  .top-hero_object.-line02 > img {
    width: 100%;
    height: 100%;
  }
}

/* -----------------------------------------
  Lineup
----------------------------------------- */
.top-linenup {
  position: relative;
  background-color: #ffa5b0;
}
.top-linenup::before,
.top-linenup::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%; 
  background-size: cover;
}
.top-linenup::before {
  top: 0;
  padding-bottom: 127.2%;
  background-image: url(/img/index_lineup_gradation_top_sm.png);
}
@media (min-width: 768px) {
  .top-linenup::before {
    padding-bottom: 29.63542%;
    background-image: url(/img/index_lineup_gradation_top_lg.png);
  }
}
.top-linenup::after {
  bottom: 0;
  padding-bottom: 108.13333%;
  background-image: url(/img/index_lineup_gradation_bottom_sm.png);
}
@media (min-width: 768px) {
  .top-linenup::after {
    padding-bottom: 31.77083%;
    background-image: url(/img/index_lineup_gradation_bottom_lg.png);
  }
}

.top-linenup_container {
  position: relative;
  z-index: 1;
  padding-top: 5.5rem;
  padding-bottom: 7.6rem;
}
@media (min-width: 768px) {
  .top-linenup_container {
    padding-top: 8.6rem;
    padding-bottom: 14.6rem;
  }
}

.top-lineup_content {
  margin: 0 6.34921%;
}
@media (min-width: 768px) {
  .top-lineup_content {
    margin: 0 11.62791%;
  }
}

.top-linenup_heading {
  margin-bottom: 2.9rem;
  width: 7.6em;
}
@media (min-width: 768px) {
  .top-linenup_heading {
    margin-bottom: 4rem;
  }
}

.top-linenup_items {
  display: flex;

  flex-wrap: wrap;
}

.top-linenup_item {
  width: 48.4127%;
  -webkit-transform: translateZ(0);

  -webkit-filter: drop-shadow(12px 12px 17.5px rgba(251, 99, 126, 0.25));

          filter: drop-shadow(12px 12px 17.5px rgba(251, 99, 126, 0.25));
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
}
@media (min-width: 768px) {
  .top-linenup_item {
    width: 29.76744%;
  }
}
.top-linenup_item > a {
  display: block;
}
@media (min-width: 768px) {
  .top-linenup_item > a {
    overflow: hidden; 
    position: relative;
  }
}
@media (min-width: 768px) {
  .top-linenup_item > a::before {
    content: "";
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.6s ease; 
    background-size: cover;
  }
}
@media (min-width: 768px) {
  .top-linenup_item > a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-width: 0 0 21.33333vw 21.33333vw;
    border-style: solid;
    border-color: transparent transparent #fb637e transparent;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}
@media (min-width: 1200px) {
  .top-linenup_item > a::after {
    border-width: 0 0 256px 256px;
  }
}
@media (min-width: 768px) {
  .top-linenup_item > a:hover::before {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  .top-linenup_item > a:hover::after {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@media (min-width: 768px) {
  .top-linenup_item.-face > a::before {
    background-image: url(/img/index_lineup_item_label_face_lg_ov.png);
  }
}
@media (min-width: 768px) {
  .top-linenup_item.-cheek > a::before {
    background-image: url(/img/index_lineup_item_label_cheek_lg_ov.png);
  }
}
@media (min-width: 768px) {
  .top-linenup_item.-lip > a::before {
    background-image: url(/img/index_lineup_item_label_lip_lg_ov.png);
  }
}
@media (min-width: 768px) {
  .top-linenup_item.-eye > a::before {
    background-image: url(/img/index_lineup_item_label_eye_lg_ov.png);
  }
}
@media (min-width: 768px) {
  .top-linenup_item.-nail > a::before {
    background-image: url(/img/index_lineup_item_label_nail_lg_ov.png);
  }
}
@media (min-width: 768px) {
  .top-linenup_item.-kit > a::before {
    background-image: url(/img/index_lineup_item_label_kit_lg_ov.png);
  }
}
@media (min-width: 768px) {
  .top-linenup_item.-skincare > a::before {
    background-image: url(/img/index_lineup_item_label_skincare_lg_ov.png);
  }
}
@media (min-width: 768px) {
  .top-linenup_item.-skincare > a:hover::after {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media (min-width: 768px) {
  .top-linenup_item + .top-linenup_item:not(:nth-of-type(3n + 4)) {
    margin-left: 5.34884%;
  }
}
@media (min-width: 768px) {
  .top-linenup_item:nth-of-type(n + 4) {
    margin-top: 5.34884%;
  }
}
@media (max-width: 767.98px) {
  .top-linenup_item:nth-of-type(2n) {
    margin-left: 3.1746%;
  }
}
@media (max-width: 767.98px) {
  .top-linenup_item:nth-of-type(n + 3) {
    margin-top: 3.1746%;
  }
}

.top-linenup_btn {
  display: flex;
  overflow: hidden; 
  position: relative;
  z-index: 1;
  margin: 3.9rem auto 0;
  border-color: #f4e5de;
  transition: color 0.75s ease;
  color: #f4e5de;
}
@media (min-width: 768px) {
  .top-linenup_btn:hover {
    color: #fb637e;
  }
}
.top-linenup_btn::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 0;
  transition: height 0.75s ease; 
  -webkit-transform: translate(-50%, -50%) rotate(-25deg); 
          transform: translate(-50%, -50%) rotate(-25deg);
  background-color: #f4e5de;
}
@media (min-width: 768px) {
  .top-linenup_btn:hover::after {
    height: 450%;
  }
}
@media (min-width: 768px) {
  .top-linenup_btn {
    margin-top: 6rem;
    padding-top: 1.95rem;
    padding-bottom: 1.95rem;
    max-width: 39rem;
    font-size: 2rem;
  }
}
.top-linenup_btn .c-icon::before {
  background-image: url(/img/common/icon_chevron_right_pnk_sm.png);
}
.top-linenup_btn .c-icon::after {
  background-image: url(/img/common/icon_chevron_right_sm.png);
}

.top-lineup_divider.-top {
  top: 0;
  padding-bottom: 26.26667%;
  -webkit-transform: translateY(-55%);
          transform: translateY(-55%); 
  background-image: url(/img/index_divider_01_sm.png);
}
@media (min-width: 768px) {
  .top-lineup_divider.-top {
    padding-bottom: 31.2rem;
    -webkit-transform: translateY(-54%);
            transform: translateY(-54%); 
    background-image: url(/img/index_divider_01_lg.png);
  }
}
@media (min-width: 1920px) {
  .top-lineup_divider.-top {
    padding-bottom: 16.25%;
  }
}

.top-lineup_divider.-bottom {
  z-index: 1;
  bottom: 0;
  padding-bottom: 24.8%;
  -webkit-transform: translateY(45%);
          transform: translateY(45%); 
  background-image: url(/img/index_divider_02_sm.png);
}
@media (min-width: 768px) {
  .top-lineup_divider.-bottom {
    padding-bottom: 36.6rem;
    -webkit-transform: translateY(18rem);
            transform: translateY(18rem); 
    background-image: url(/img/index_divider_02_lg.png);
  }
}
@media (min-width: 1920px) {
  .top-lineup_divider.-bottom {
    padding-bottom: 19.0625%;
    -webkit-transform: translateY(49.4%);
            transform: translateY(49.4%);
  }
}

/* -----------------------------------------
  Shop
----------------------------------------- */
.top-shop {
  position: relative;
  background-color: #f4e5de;
}

.top-shop_container {
  padding-top: 8.5rem;
  padding-bottom: 9.8rem;
}
@media (min-width: 768px) {
  .top-shop_container {
    padding-top: 12rem;
    padding-bottom: 16rem;
  }
}
@media (min-width: 1200px) {
  .top-shop_container {
    margin: auto;
  }
}

.top-shop_content {
  margin: 0 6.34921%;
}
@media (min-width: 768px) {
  .top-shop_content {
    margin: 0 11.62791%;
  }
}

@media (max-width: 767.98px) {
  .top-shop_heading {
    margin-bottom: 3rem;
    width: 5.3rem;
  }
}

@media (min-width: 768px) {
  .top-shop_heading {
    margin-bottom: 7.2rem;
  }
}

.top-shop_lead {
  width: 70.13333vw;
}

.top-shop_annotation {
  margin-top: 2.5rem;
}

.top-shop_btn {
  overflow: hidden; 
  position: relative;
  z-index: 1;
  margin-top: 3.3rem;
  border-color: #fb637e;
  transition: color 0.75s ease;
  color: #fb637e;
}
@media (min-width: 768px) {
  .top-shop_btn:hover {
    color: #f4e5de;
  }
}
.top-shop_btn::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 0;
  transition: height 0.75s ease; 
  -webkit-transform: translate(-50%, -50%) rotate(-25deg); 
          transform: translate(-50%, -50%) rotate(-25deg);
  background-color: #fb637e;
}
@media (min-width: 768px) {
  .top-shop_btn:hover::after {
    height: 450%;
  }
}
@media (min-width: 768px) {
  .top-shop_btn {
    display: flex;
    margin: 6.8rem auto 0;
    padding-top: 1.95rem;
    padding-bottom: 1.95rem;
  }
}

/* -----------------------------------------
  SNS
----------------------------------------- */
.top-sns {
  position: relative;
  background-color: #ffa5b0;
}
.top-sns::before,
.top-sns::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%; 
  background-size: cover;
}
.top-sns::before {
  top: 0;
  padding-bottom: 156%;
  background-image: url(/img/index_sns_gradation_top_sm.png);
}
@media (min-width: 768px) {
  .top-sns::before {
    padding-bottom: 30.9375%;
    background-image: url(/img/index_sns_gradation_top_lg.png);
  }
}
.top-sns::after {
  bottom: 0;
  padding-bottom: 155.86667%;
  background-image: url(/img/index_sns_gradation_bottom_sm.png);
}
@media (min-width: 768px) {
  .top-sns::after {
    padding-bottom: 31.14583%;
    background-image: url(/img/index_sns_gradation_bottom_lg.png);
  }
}

.top-sns_container {
  position: relative;
  z-index: 1;
  padding-top: 7.4rem;
  padding-bottom: 8rem;
}
@media (min-width: 768px) {
  .top-sns_container {
    padding-top: 10rem;
  }
}

.top-sns_contents {
  margin-top: 4.0rem;
}

@media (min-width: 768px) {
  .top-sns_contents {
    display: flex;
    /* justify-content: space-between; */
    justify-content: center;
    margin-top: 5.0rem;
  }
}
@media (min-width: 768px) {
  .top-sns_content {
    width: 47.09302%;
  }
}

@media (max-width: 767.98px) {
  .top-sns_content + .top-sns_content {
    margin-top: 4.4rem;
  }
}

.top-sns_header {
  display: flex;

  align-items: center;
  justify-content: space-between;
}

.top-sns_heading {
  margin-bottom: 4.5rem;
}
@media (max-width: 767.98px) {
  .top-sns_heading {
    margin-bottom: 2.5rem;
    width: 3.85rem;
  }
}

.top-sns_annotation {
  margin-top: 4.5rem;
  color: #f4e5de;
}
@media (min-width: 768px) {
  .top-sns_annotation {
    text-align: center;
  }
}

.top-sns_link {
  display: inline-block;
}
.top-sns_link::after {
  content: "";
  display: inline-block;
  margin-left: 1.15rem;
  width: 0.6rem;
  height: 1.05rem;
  background-image: url(/img/common/icon_chevron_right_sm.png);
  background-size: cover; 
  vertical-align: middle;
}
@media (min-width: 768px) {
  .top-sns_link::after {
    width: 0.8rem;
    height: 1.4rem;
  }
}
.top-sns_link.-instagram img {
  width: 7.25rem;
}
@media (min-width: 768px) {
  .top-sns_link.-instagram img {
    width: 10.2rem;
  }
}
.top-sns_link.-twitter img {
  width: 5rem;
}
@media (min-width: 768px) {
  .top-sns_link.-twitter img {
    width: 7.1rem;
  }
}

.top-sns_items {
  display: flex;
  margin-top: 1.5rem; 

  flex-wrap: wrap;
}

.top-sns_item {
  width: 31.11111%;
}
@media (min-width: 768px) {
  .top-sns_item {
    width: 31.35802%;
  }
}
.top-sns_item + .top-sns_item {
  margin-left: 3.33333%;
}
@media (min-width: 768px) {
  .top-sns_item + .top-sns_item {
    margin-left: 2.96296%;
  }
}
@media (min-width: 768px) {
  .top-sns_item:nth-of-type(2n) {
    margin-left: 2.96296%;
  }
}
.top-sns_item:nth-of-type(3n + 1) {
  margin-left: 0;
}
.top-sns_item:nth-of-type(n + 4) {
  margin-top: 3.33333%;
}
@media (min-width: 768px) {
  .top-sns_item:nth-of-type(n + 4) {
    margin-top: 2.96296%;
  }
}

.top-sns_icon.-instagram {
  width: 2.25rem;
}

.top-sns_icon.-twitter {
  width: 2.15rem;
}

.top-sns_label {
  margin: auto;
}
@media (max-width: 767.98px) {
  .top-sns_label.-followus {
    width: 8.55rem;
  }
}

.top-sns_btns {
  display: flex;
  margin-top: 1.5rem; 

  justify-content: center;
}

.top-sns_btn {
  display: inline-flex;
  border: 1px solid #f4e5de;
  border-radius: 50%;
  width: 3.75rem;
  height: 3.75rem; 

  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .top-sns_btn {
    width: 4.9rem;
    height: 4.9rem;
  }
}
.top-sns_btn > img {
  width: 50%;
}
.top-sns_btn + .top-sns_btn {
  margin-left: 0.7rem;
}
@media (min-width: 768px) {
  .top-sns_btn + .top-sns_btn {
    margin-left: 1.6rem;
  }
}

.top-sns_widget {
  overflow: auto;
  margin-top: 1.5rem;
  height: 30rem;
  background-color: #fff;
}
@media (min-width: 768px) {
  .top-sns_widget {
    padding-bottom: 100%; 
    height: 0;
  }
}

.top-sns_aside {
  /* margin-top: 4.3rem; */
  text-align: center;
}
@media (min-width: 768px) {
  .top-sns_aside {
    /* margin-top: 6.3rem; */
  }
}

.top-sns_divider.-top {
  top: 0;
  padding-bottom: 29.33333%;
  -webkit-transform: translateY(-59%);
          transform: translateY(-59%); 
  background-image: url(/img/index_divider_03_sm.png);
}
@media (min-width: 768px) {
  .top-sns_divider.-top {
    padding-bottom: 36.9rem;
    -webkit-transform: translateY(-21.6rem);
            transform: translateY(-21.6rem); 
    background-image: url(/img/index_divider_03_lg.png);
  }
}
@media (min-width: 1920px) {
  .top-sns_divider.-top {
    padding-bottom: 19.21875%;
    -webkit-transform: translateY(-58.4%);
            transform: translateY(-58.4%);
  }
}

.top-sns_divider.-bottom {
  z-index: 1;
  bottom: 0;
  padding-bottom: 34.8%;
  -webkit-transform: translateY(52%);
          transform: translateY(52%); 
  background-image: url(/img/index_divider_04_sm.png);
}
@media (min-width: 768px) {
  .top-sns_divider.-bottom {
    padding-bottom: 29.7rem;
    -webkit-transform: translateY(17.4rem);
            transform: translateY(17.4rem); 
    background-image: url(/img/index_divider_04_lg.png);
  }
}
@media (min-width: 1920px) {
  .top-sns_divider.-bottom {
    padding-bottom: 15.46875%;
    -webkit-transform: translateY(58.3%);
            transform: translateY(58.3%);
  }
}

/* -----------------------------------------
  ステートメント
----------------------------------------- */
.top-statement {
  background-color: #f4e5de;
}

@media (max-width: 767.98px) {
  .top-statement_heading {
    width: 22rem;
  }
}

@media (min-width: 768px) {
  .top-statement_heading {
    text-align: center;
  }
}

.top-statement_copy {
  margin-top: 3.5rem;
}
@media (max-width: 767.98px) {
  .top-statement_copy {
    margin-top: 2.4rem;
    width: 27.3re m;
  }
}
@media (min-width: 768px) {
  .top-statement_copy {
    text-align: center;
  }
}

.top-statement_container {
  padding: 10rem 0;
}
@media (min-width: 768px) {
  .top-statement_container {
    padding-top: 16rem;
    padding-bottom: 21rem;
  }
}

.top-statement_txt {
  margin-top: 2.7rem;
  letter-spacing: 0.06em;
  font-size: 1.3rem;
  line-height: 2.1; 

  -webkit-font-feature-settings: "palt"; 

          font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .top-statement_txt {
    margin-top: 4.8rem;
    text-align: center; 
    font-size: 1.5rem;
    line-height: 2.266666667;
  }
}
.top-statement_txt + .top-statement_txt {
  margin-top: 1.7rem;
}
@media (min-width: 768px) {
  .top-statement_txt + .top-statement_txt {
    margin-top: 2.6rem;
  }
}

@media (max-width: 767.98px) {
  .top-statement_logo {
    margin-top: 6rem;
    width: 11.65rem;
  }
}

@media (min-width: 768px) {
  .top-statement_logo {
    margin-top: 4.3rem;
    text-align: center;
  }
}


.top-cautionArea {
  border: 1px solid #fff;
  color: #fff;
  box-sizing: border-box;
  width: 100%;
  padding: 1rem 0;
  margin-bottom: 7.5rem;
}
.top-cautionArea_inner {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 490px;
}
.top-cautionArea_inner + .top-cautionArea_inner {
  margin-top: 2em;
}
.top-caution__ttl {
  width: 10em;
}
.top-caution_linkArea {
  flex: 1;
}
.top-caution_linkArea li {
  padding-left: 1em;
  text-indent: -1em;
}
.top-caution_linkArea li + li {
  margin-top: 0.5rem;
}
.top-btn_caution {
  color: inherit;
  transition: opacity 0.3s ease 0s;
  text-decoration: underline;
}
.top-btn_caution:hover {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .top-cautionArea {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .top-cautionArea_inner {
    display: block;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    max-width: 100%;
  }
  .top-caution__ttl {
    width: 100%;
  }
  .top-caution_linkArea {
    margin-left: 0;
  }
}
._pc {
  display: block;
}
._sp {
  display: none;
}
@media (max-width: 769px) {
  ._pc {
    display: none;
  }
  ._sp {
    display: block;
  }
}