@charset "UTF-8";
/*====================
  汎用
====================*/
#areaWrapper {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
}

.is-border,
.image-border {
  box-sizing: border-box;
  width: calc(100% - 1px);
  margin: 0;
  border: 1px solid #ddd;
}

.pc-none {
  display: none;
}

/*====================
  看板
====================*/
.pd-key-visual {
  width: 1000px;
  margin: 8px auto 0;
}

/*====================
  エントリー
====================*/
.entryBlock {
  padding-bottom: 96px;
  margin-top: 32px;
  background: #f7f7f7;
}

.entryBlock__inner {
  box-sizing: border-box;
  width: 1000px;
  margin: 0 auto;
}

.entryBlock__period {
  text-align: center;
}

.entryBlock__period-title {
  display: inline-block;
  margin-right: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  line-height: 140%;
}

.entryBlock__period-text {
  display: inline-block;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.entryBlock__img {
  margin-top: 40px;
  text-align: center;
}

.entry_button {
  margin-top: 40px;
}

.entry_button.is-fixed {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 20px 0;
  margin: 0 !important;
  background-color: rgba(255, 255, 255, 0.5);
  transition: bottom 0.4s ease-out;
}

.entry_button.is-fixed + .entryBlock__linkText {
  margin-top: 128px;
}

.entryBlock__linkText {
  text-align: center;
}

.entryBlock__link:link {
  color: #0070c9;
  text-decoration: underline;
}

.entryBrand {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  margin: 32px 0;
  border: 1px solid #ebebeb;
}

.entryBrand__block {
  width: 100%;
  text-align: center;
}

.entryBrand__block + .entryBrand__block {
  border-left: 1px solid #ebebeb;
}

.entryBrand__title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  color: #888888;
}

.entryBrand__text {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.4;
  color: #888888;
}

.entryBrand__note {
  font-size: 13px;
  line-height: 140%;
  color: #888888;
  text-align: center;
}

.entryBrand__text-bold {
  font-weight: bold;
}

.entryBrand__link:link {
  color: #0070c9;
  text-decoration: underline;
}

.entryBlock__link:link:hover,
.entryBrand__link:link:hover {
  text-decoration: none;
}

/*====================
  コンテンツマージン
====================*/
#pitari_main {
  width: 1000px;
  margin: 0 auto;
}

.section {
  padding: 64px 0;
}

#fashion_w.section,
#fashion_m.section,
#cosmetic_m.section {
  padding-bottom: 0;
}

/*====================
  ページフローティングナビ
====================*/
.hidden {
  display: none !important;
}

.fixed-menu {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 16px;
  border-bottom: 2px solid #f3f3f3;
}

.fixed-menu.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  margin-top: 0;
  background: #fff;
}

.fixed-menu.is-fixed + #pitari_main {
  margin-top: 76px;
}

.menu-body {
  display: flex;
  justify-content: center;
  width: 1000px;
  height: inherit;
  background-color: #fff;
}

.gender-select {
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  width: 25%;
  height: 60px;
  font-size: 14px;
  font-weight: bold;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  background-color: #e3e3e3;
  border-right: 1px solid #333;
}

.gender-select::after {
  position: relative;
  top: 13px;
  right: -9px;
  content: "";
  border: 6px solid transparent;
  border-top: 8px solid #000;
}

.gender-menu {
  position: relative;
  top: 0;
  display: block;
  width: 100%;
}

.gender-menu-list {
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  margin-top: 0;
  cursor: pointer;
}

.gender-menu-item {
  position: relative;
  z-index: 1;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 57px;
  color: #717171;
  text-align: center;
  list-style: none;
  background-color: #fff;
  border: none;
}

.gender-menu-item.selected {
  position: relative;
  font-weight: 700;
  background-color: #e3e3e3;
}

.gender-menu-item.selected::after {
  position: relative;
  top: -15px;
  right: -7px;
  content: "";
  border: 6px solid transparent;
  border-bottom: 8px solid #000;
}

.gender-menu-item:nth-child(2),
.gender-menu-item:nth-child(3) {
  border-top: none;
}

.gender-menu-item.current {
  font-weight: 700;
  color: #1a1a1a;
  letter-spacing: 0.5px;
  background: #fff;
  border-bottom: 2px solid #1a1a1a;
}

.fixed-menu.is-fixed .gender-menu-item {
  font-size: 16px;
  background: #fff;
}

.fixed-menu.is-fixed .gender-menu-item.current {
  font-weight: 700;
  letter-spacing: 0.5px;
}

.fixed-menu.is-fixed .gender-menu-item.current span {
  border-bottom: none;
}

.anchor-link {
  width: 100%;
}

.anchor-link > ul.anchor-link-list {
  display: flex;
}

.anchor-link-item {
  position: relative;
  flex-shrink: 0;
  width: 33.3333%;
  height: 60px;
  list-style: none;
  border-right: 1px solid #000;
}

.anchor-link-item a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 60px;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.anchor-link-item-link.current {
  color: #fff;
  background-color: #000;
}

/*====================
  タイトル
====================*/
.section_titleContainer {
  margin-bottom: 40px;
}

.section_maintitle {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}

.section .section_title {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.section .section_subtitle {
  margin-top: 6px;
  font-family: "Lexend Zetta";
  font-size: 18px;
  color: #666;
  text-align: center;
}

.section .section_contantsText {
  margin-top: 16px;
  font-size: 14px;
  font-weight: bold;
  color: #4f4f4f;
  text-align: center;
}

/*====================
  コンテンツナビ
====================*/
.sml-contents-navi {
  margin-top: 0;
}

.section_maintitle + .sml-contents-navi {
  margin-top: 32px;
}

.sml-contents-navi__list {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-weight: 500;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
}

.sml-contents-navi__list-item {
  font-size: 14px;
  text-align: center;
}

.sml-contents-navi__list-item:not(:last-child) {
  padding-right: 8px;
  margin: 0 8px 0 0;
  border-right: 1px solid #000;
}

.sml-contents-navi__list-item-link:link,
.sml-contents-navi__list-item-link:visited {
  color: #000;
}

/*====================
  HIGHLIGHT
====================*/
.fashion-highlight-thumb {
  width: 80% !important;
  margin: 0 auto !important;
}

.monthlyContents {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.monthlyContents__item {
  width: 80%;
}

.monthlyContents__item .monthlyContents__image {
  margin-bottom: 16px;
}

.monthlyContents__text {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.monthlyContents__title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.monthlyContents__item a:hover {
  opacity: 0.7;
}

.prev-arrow {
  position: absolute;
  top: 45%;
  left: -10%;
  font-size: 50px;
  color: #3498db;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.next-arrow {
  position: absolute;
  top: 45%;
  right: -10%;
  font-size: 50px;
  color: #3498db;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

/*====================
  NOVELTIES
====================*/
.novelties-pick-up-section {
  padding-top: 48px;
}

.novelties-detail-text {
  margin-top: 12px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

/*====================
  pickup
====================*/
#cosmePickup {
  width: calc(100vw - 9px);
  margin-left: calc(-50vw + 500px);
}

.slickContents {
  display: flex;
  flex-wrap: wrap;
}

.slickContents__item .slickContents__image,
.pickupContents__item .pickupContents__image {
  margin-bottom: 16px;
}

.slickContents__thumbnail,
.pickupContents__thumbnail {
  width: 100%;
}

.slickContents__title,
.pickupContents__title {
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.slickContents__text,
.pickupContents__text {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}

.pickupContents {
  display: flex;
  flex-wrap: wrap;
  gap: 48px 20px;
  justify-content: center;
}

.pickupContents__item {
  width: 480px;
}

.pickupContents__item a:hover {
  opacity: 0.7;
}

/*====================
  PICK UP LOGO
====================*/
.brand-banner-list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  justify-content: center;
}

.brand-banner-list__item {
  width: 100%;
  max-width: calc((100% - 275px) / 3);
}

.brand-banner-list__link {
  display: block;
  padding: 10px;
  border: 1px solid #ddd;
}

.brand-banner-list__thumbnail {
  width: 100%;
}

.brand-banner-list__link:hover {
  opacity: 0.6;
}

.brand-banner-list-second {
  padding-top: 12px;
}

.brand-banner-list .empty {
  width: 100%;
}

.brand-banner-list .empty + .brand-banner-list__item,
.brand-banner-list .empty + .brand-banner-list__item + .brand-banner-list__item {
  margin-top: -12px;
}

/*====================
  gender
====================*/
.gender__title {
  margin-bottom: 32px;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.4;
  color: #000;
  text-align: center;
}

.contents {
  padding: 64px 0;
  border-bottom: 1px solid #ebebeb;
}

#popluar_w .contents:first-of-type,
#popluar_m .contents:first-of-type,
#cosmePopular_m .contents:first-of-type {
  padding-top: 0;
}

.contents__titleContainer {
  margin-bottom: 40px;
}

.contents .contents__title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #000;
  text-align: center;
}

.contents .contents__title-text {
  margin-top: 16px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.contents__discription {
  margin-top: 24px;
  text-align: center;
}

.contents__sub_title {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  color: #999;
  text-align: center;
}

/*====================
  gender-category
====================*/
.category-contents .section_title {
  margin-bottom: 24px;
}

.category-contents + .category-contents {
  margin-top: 96px;
}

.category_list {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 520px;
  margin: 0 auto;
}

.category_list > li {
  width: 168px;
  margin-right: 8px;
  margin-bottom: 24px;
}

.category_list > li:nth-of-type(4n) {
  margin-right: 8px;
}

.category_list > li:nth-of-type(3n) {
  margin-right: 0;
}

.category_list > li a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #000;
  text-align: center;
}

.category_list > li a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.category_list > li a img {
  width: 100%;
}

.category_list > li a span {
  display: inline-block;
  margin-top: 6px;
}

/*====================
  note
====================*/
.contents__coution {
  display: block;
  margin-top: 12px;
  font-size: 10px;
  text-align: center;
}

/*====================
  CP詳細
====================*/
.pd-rule__inner {
  width: 1000px;
  margin: 0 auto;
}

.pd-rule-detail + .pd-rule-detail {
  margin-top: 64px;
}

/*====================
  close
====================*/
#luxury.close #signboard .inner .notice {
  box-sizing: border-box;
  width: 100%;
  padding: 7px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 1.5px;
  background: #eee;
  border: none;
}

#luxury.close #description p {
  font-size: 14px;
}

#luxury.close #description p:first-of-type {
  margin-bottom: 24px;
}

#luxury.close #description .next {
  padding: 56px;
  margin: 32px auto;
  background: #ffffff;
}

#luxury.close #description .next p {
  font-size: 18px;
  text-align: center;
}

#luxury.close #description .next p:first-child {
  margin-bottom: 56px;
  font-size: 24px;
}

#luxury.close #description .next p.term {
  margin-bottom: 32px;
}

#luxury.close #description .next p:last-child {
  font-size: 14px;
}