/*
    VARIABLE
 */
/*
    MIXIN
 */
body {
  background: url(/common/img/bg-pattern.jpg) repeat center center;
  background-size: 32px auto; }

.u-wrap {
  padding-top: 80px; }

/*
    MAIN VISUAL
 */
.t-mainVisual {
  margin-bottom: 100px;
  text-align: center; }

.t-mainVisual_item {
  display: block;
  background-color: #fff; }

.t-mainVisual_list .slick-dots {
  width: 100%;
  position: absolute;
  z-index: 1000;
  left: 0;
  bottom: -50px;
  font-size: 50px;
  letter-spacing: -.4em; }
  .t-mainVisual_list .slick-dots li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    margin: 0 10px; }
    .t-mainVisual_list .slick-dots li.slick-active a {
      width: 12px;
      height: 12px;
      background-color: #ff8a9b; }
  .t-mainVisual_list .slick-dots a {
    width: 10px;
    height: 10px;
    display: block;
    background-color: #d2c5c8;
    border: 1px solid #fff;
    border-radius: 100%;
    cursor: pointer; }

/*
    TOPICS
 */
.t-topics {
  overflow: hidden;
  margin-bottom: 100px; }

.t-topics_head {
  width: 339px;
  margin: 0 auto 40px; }

.t-topics_main {
  max-width: 1080px;
  margin: 0 auto; }
  .t-topics_main .slick-list {
    overflow: visible; }
  .t-topics_main .slick-arrow {
    position: absolute;
    top: 0;
    margin-top: 8.5%;
    z-index: 1;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    transform: rotate(-45deg);
    width: 15px;
    height: 15px;
    cursor: pointer; }
    .t-topics_main .slick-arrow.-prev {
      left: .5%; }
    .t-topics_main .slick-arrow.-next {
      transform: rotate(135deg);
      right: .5%; }
  .t-topics_main .slick-slide {
    transition: .3s;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d; }
  .t-topics_main .slick-current, .t-topics_main .is-active-next {
    transform: translateX(5.6%); }
  .t-topics_main .slick-active + .slick-active, .t-topics_main .is-active-next + .slick-slide + .slick-slide {
    transform: translateX(-5.6%); }
  .t-topics_main .slick-current + .slick-active, .t-topics_main .is-active-next + .slick-active {
    transform: translateX(0); }

.t-topics_item {
  padding: 0 8.33%; }
  .t-topics_item a {
    display: block; }
  .t-topics_item sup {
    font-size: 60%; }

.t-topics_thumb {
  margin-bottom: 20px; }

.t-topics_title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 18px; }

.t-topics_text {
  font-size: 12.7px;
  margin-bottom: 18px; }

.t-topics_note {
  font-size: 11px;
  margin: -10px 0 10px;
  text-align: left; }
  .t-topics_note--red {
    color: #ff2828; }

.t-topics_note2 {
  position: relative;
  font-size: 75.5%;
  vertical-align: top;
  top: -0.1em; }

.t-topics_date {
  font-size: 14px;
  color: #ff8a9b;
  font-family: 'EB Garamond', serif; }

.t-topics_bnr {
  margin-top: 88px; }

/*
    CONCEPT
 */
.t-concept {
  margin-bottom: 80px; }

/*
    CATEGORY
 */
.t-category {
  overflow: hidden;
  margin-bottom: 100px; }

.t-category_head {
  width: 339px;
  margin: 0 auto 40px; }

.t-category_headline {
  margin: 0 auto 24px; }
  .t-category_headline--01 {
    width: 210px; }
  .t-category_headline--02 {
    width: 120px; }
  .t-category_headline--03 {
    width: 305px;
    margin-top: 11px; }
  .t-category_headline--04 {
    width: 187px; }

.t-category_main {
  max-width: 1080px;
  margin: 0 auto; }
  .t-category_main .slick-list {
    overflow: visible; }
  .t-category_main .slick-arrow {
    position: absolute;
    top: 0;
    margin-top: 6.5%;
    z-index: 1;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    transform: rotate(-45deg);
    width: 15px;
    height: 15px;
    cursor: pointer; }
    .t-category_main .slick-arrow.-prev {
      left: .5%; }
    .t-category_main .slick-arrow.-next {
      transform: rotate(135deg);
      right: .5%; }
  .t-category_main .slick-slide {
    transition: .3s; }
  .t-category_main .slick-current, .t-category_main .is-active-next {
    transform: translateX(5.6%); }
  .t-category_main .slick-current + .slick-active,
  .t-category_main .is-active-next + .slick-slide {
    transform: translateX(1.7%); }
  .t-category_main .slick-current + .slick-active + .slick-active,
  .t-category_main .is-active-next + .slick-slide + .slick-slide {
    transform: translateX(-1.7%); }
  .t-category_main .slick-current + .slick-active + .slick-active + .slick-active,
  .t-category_main .is-active-next + .slick-slide + .slick-slide + .slick-slide {
    transform: translateX(-5.6%); }

.t-category_item {
  padding: 0 8.33%; }
  .t-category_item a {
    display: block; }
  .t-category_item sup {
    font-size: 60%; }

.t-category_thumb {
  margin-bottom: 16px; }

.t-category_title {
  text-align: center;
  font-size: 18px;
  font-weight: 600; }

.t-category_underBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 1000px;
  margin: 90px auto 0; }

.t-category_underItem {
  width: calc((100% - 60px) / 3); }

/*
    PRODUCT
 */
.t-product {
  margin-bottom: 120px; }

.t-product_head {
  width: 339px;
  margin: 0 auto 40px; }

.t-product_list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  gap: 32px 0;
  width: 1024px;
  max-width: 92%;
  margin: 0 auto; }

.t-product_list_item {
  width: 100%; }

.t-product_list_item--small {
  width: calc((100% - 32px) / 2); }

.t-product_list_item a {
  display: block; }

.t-product_list_item_pic {
  position: relative; }

.t-product_list_item_type {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  letter-spacing: -.4em;
  z-index: 1; }
  .t-product_list_item_type span {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin-left: 5px; }
    .t-product_list_item_type span.-face, .t-product_list_item_type span.-body {
      width: 91px; }
    .t-product_list_item_type span.-cleansing {
      width: 131px; }

/*
    AWARD
 */
.t-award {
  overflow: hidden;
  margin-bottom: 100px; }

.t-award_head {
  width: 339px;
  margin: 0 auto 80px; }

.t-award_headline {
  margin: 0 auto 24px; }
  .t-award_headline--01 {
    width: 210px; }
  .t-award_headline--02 {
    width: 120px; }
  .t-award_headline--03 {
    width: 305px; }
  .t-award_headline--04 {
    width: 187px; }

.t-award_main {
  max-width: 1080px;
  margin: 0 auto; }
  .t-award_main .slick-list {
    overflow: visible; }
  .t-award_main .slick-arrow {
    position: absolute;
    top: 0;
    margin-top: 8.5%;
    z-index: 1;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    transform: rotate(-45deg);
    width: 15px;
    height: 15px;
    cursor: pointer; }
    .t-award_main .slick-arrow.-prev {
      left: .5%; }
    .t-award_main .slick-arrow.-next {
      transform: rotate(135deg);
      right: .5%; }
  .t-award_main .slick-slide {
    transition: .3s; }
  .t-award_main .slick-current, .t-award_main .is-active-next {
    transform: translateX(5.6%); }
  .t-award_main .slick-active + .slick-active, .t-award_main .is-active-next + .slick-slide + .slick-slide {
    transform: translateX(-5.6%); }
  .t-award_main .slick-current + .slick-active, .t-award_main .is-active-next + .slick-active {
    transform: translateX(0); }

.t-award_item {
  padding: 0 8.33%; }
  .t-award_item a {
    display: block; }
  .t-award_item sup {
    font-size: 60%; }

.t-award_thumb {
  position: relative;
  margin-bottom: 16px; }

.t-award_badgeBox {
  position: absolute;
  left: -16px;
  bottom: 163px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  gap: 8px; }

.t-award_badge--01 {
  width: 53px; }

.t-award_badge--02 {
  width: 88px; }

.t-award_badge--03 {
  width: 88px; }

.t-award_badge--04 {
  width: 88px; }

.t-award_badge--05 {
  width: 88px; }

.t-award_badge--06 {
  width: 101px; }

.t-award_badge--07 {
  width: 88px; }

.t-award_badge--08 {
  width: 94px;
  position: relative;
  top: 4px; }

.t-award_title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 18px; }

.t-award_text {
  font-size: 13px;
  margin-bottom: 18px; }

.t-award_note {
  font-size: 11px;
  margin: -10px 0 10px;
  text-align: left; }
  .t-award_note--red {
    color: #ff2828; }

.t-award_note2 {
  position: relative;
  font-size: 75.5%;
  vertical-align: top;
  top: -0.1em; }

.t-award_date {
  font-size: 14px;
  color: #ff8a9b;
  font-family: 'EB Garamond', serif; }

.t-award_underBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 1000px;
  margin: 90px auto 0; }

.t-award_underItem {
  width: calc((100% - 60px) / 3); }

/*
    ITEM CHECK
 */
.t-itemCheck {
  margin-bottom: 60px;
  background-color: #fff; }

/*
    AD GALLERY
 */
.t-adGallery {
  margin-bottom: 80px; }

/*
    SHOP
 */
.t-shop {
  width: 640px;
  margin: 0 auto 80px; }

/*
    LOADER
 */
.t-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  background-color: #FDF4F5; }