@charset "UTF-8";

a,
a:hover,
a:active,
a:visited {
  text-decoration: none;
}

a {
  transition: opacity 0.3s;
}

a:hover {
  opacity: 0.7;
}

#main,
#three_maincolumn {
  width: 100%;
}

section {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {

  #main,
  #three_maincolumn {
    padding: 0;
  }
}

#leftcolumn {
  display: none;
}

@media screen and (min-width: 768px) {
  #leftcolumn+#three_maincolumn {
    width: 100%;
  }

  .bread-crumb {
    display: none;
  }

  .sp-only {
    display: none;
  }
}

@media (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

#content_202001 {
  /* background-color: #ebf2e6; */
}

#mainvisual {
  margin-bottom: 25px;
}

#mv {
  margin-bottom: 60px;
  padding-top: 60px;
  width: 1200px;
  margin: auto;
  padding-top: 40px;
}

@media (max-width: 767px) {
  #mv {
    width: 100%;
  }
}

#intro {
  margin-bottom: 30px;
}

#intro .intro-wrapper {
  text-align: center;
  position: relative;
  border: 1px solid #e9d5b7;
}

#intro .intro-wrapper::after {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/lead_bg_pc.webp);
  display: block;
  right: 0;
  bottom: -70px;
  transform: scale(0.6);
}

#intro .intro-ttl {
  color: #9b6833;
  font-size: 24px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
  margin: 25px 0;
}

#intro .intro-detail {
  font-size: 16px;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  #intro {
    width: 96%;
    margin: auto;
    padding-bottom: 25px;
  }

  #intro .intro-ttl {
    font-size: 20px;
    margin: 15px 0;
  }

  #intro .intro-detail {
    font-size: 16px;
    margin-bottom: 60px;
    text-align: left;
  }

  #intro .intro-wrapper {
    text-align: center;
    position: relative;
    border: 1px solid #e9d5b7;
    padding: 10px 20px;
  }

  #intro .intro-wrapper::after {
    content: url(/search_top/202001_renewal/images/c0451/lead_bg_sp.webp);
    right: -70px;
    bottom: -65px;
    transform: scale(0.4);
  }
}

#nav-cosme {
  padding: 20px;
  padding-top: 0px;
  width: 1200px;
  margin: 0 auto 60px;
}

@media (max-width: 767px) {
  #nav-cosme {
    width: 100%;
    padding: 0 5px;
  }
}

#nav-cosme .nav-title-wrapper {
  text-align: center;
}

#nav-cosme .nav-title {
  text-align: center;
  color: #9c1227;
  font-size: 20px;
  display: inline-block;
  margin-top: -50px;
  background-color: #ebf2e6;
  padding: 0px 40px;
  font-family: "Noto Sans JP", sans-serif;
}

#nav-cosme .small {
  font-size: 16px;
}

#nav-cosme .list-category {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  margin-top: 20px;
  flex-wrap: wrap;
}

#nav-cosme .category {
  width: 32.5%;
  padding: 15px;
  margin-right: 1px;
  position: relative;
  display: block;
  padding-top: 20px;
  border-left: 2px solid #9c1227;
  background: rgba(255, 255, 255, 0.5);
  margin-bottom: 6px;
}

#nav-cosme .category::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  top: 40%;
  left: 6%;
  transform: rotate(135deg);
}

@media (max-width: 767px) {
  #nav-cosme .category::after {
    left: 10%;
    border-top: 1px solid #000;
    border-right: 1px solid;
    width: 10px;
    height: 10px;
  }
}

#nav-cosme .category-en,
#nav-cosme .category-jp {
  color: #9c1227;
  font-size: 16px;
}

.category-jp {
  color: #000 !important;
}

@media (max-width: 767px) {

  #nav-cosme .category-en,
  #nav-cosme .category-jp {
    font-size: 12px;
  }
}

#nav-cosme .category-en {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
}

@media (max-width: 767px) {
  #nav-cosme .list-category {
    flex-wrap: wrap;
  }

  #nav-cosme .category {
    width: 48%;
    margin-bottom: 6px;
  }

  /* #nav-cosme .category:nth-of-type(5) {
    margin-right: 50%;
  } */
}

.ac {
  background: #faf0f1;
  padding: 0 0 10px;
}

#insta-link {
  position: relative;
}

#insta-link::after {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/insta.svg);
  right: -40%;
  top: -1%;
}

.ex-link-wrapper {
  margin: 24px 0;
}

.ex-link-list {
  display: flex;
  justify-content: space-between;
  width: 1200px;
  margin: auto;
}

@media (max-width: 767px) {
  .ex-link-list {
    width: 100%;
    flex-wrap: wrap;
  }
}

.ex-link-card {
  border: 1px solid;
  width: 49.5%;
  text-align: center;
  padding: 10px;
  position: relative;
}

@media (max-width: 767px) {
  .ex-link-card {
    width: 100%;
    margin-bottom: 10px;
  }
}

.ex-link-card a {
  font-size: 16px;
}

.btn-box-ex {
  margin: 40px 0;
}

button.btnEx,
a.btnEx {
  width: 100%;
  max-width: 640px;
  border-radius: 32px;
  color: #333;
  display: block;
  font-size: 16px;
  position: relative;
  text-align: center;
  line-height: 1.375;
  padding: 15px 0;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid;
}

@media (max-width: 767px) {

  button.btnEx,
  a.btnEx {
    width: 100%;
  }
}

button.btnEx::after,
a.btnEx::after {
  content: "";
  display: block;
  position: absolute;
  right: 4%;
  top: 50%;
  width: 13px;
  height: 13px;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  transform: translateY(-50%) rotate(45deg);
}

#bnr-wrapper {
  width: 1200px;
  text-align: center;
  margin: auto;
  background: linear-gradient(to right, #f2691b 0%, #9c1227 100%);
  padding: 20px;
  font-size: 24px;
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  position: relative;
}

/* 
#bnr-wrapper::before {
  content: "";
  width: 220px;
  height: 80px;
  background-image: url(/search_top/202001_renewal/images/c0451/ttl_left.png);
  background-repeat: no-repeat;
  top: 0%;
  left: 0%;
}

#bnr-wrapper::after {
  content: "";
  width: 220px;
  height: 80px;
  background-image: url(/search_top/202001_renewal/images/c0451/ttl_right.png);
  background-repeat: no-repeat;
  top: 0%;
  right: 0%;
} */

@media (max-width: 767px) {
  #bnr-wrapper {
    width: 100%;
    font-size: 18px;
  }
}

.category-wrapper {
  margin: 60px 0;
  background-position-x: center;
  background-repeat: repeat-y;
}

@media (max-width: 767px) {
  .category-wrapper {
    background-position-x: left;
  }
}

.category-wrapper section {
  width: 1200px;
  margin: auto;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .category-wrapper section {
    width: 100%;
  }
}

button.btnBrand,
a.btnBrand {
  width: 100%;
  max-width: 440px;
  border-radius: 32px;
  color: #333;
  display: block;
  font-size: 16px;
  position: relative;
  text-align: center;
  line-height: 1.375;
  padding: 15px 0;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid;
}

@media (max-width: 767px) {

  button.btnBrand,
  a.btnBrand {
    width: 90%;
  }
}

button.btnBrand::after,
a.btnBrand::after {
  content: "";
  display: block;
  position: absolute;
  right: 4%;
  top: 50%;
  width: 13px;
  height: 13px;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  transform: translateY(-50%) rotate(45deg);
}

.brand-wrapper {
  margin-bottom: 80px;
}

.btn-box {
  padding: 40px 0;
  display: flex;
}

.btn-box button.btnBrand,
.btn-box a.btnBrand {
  max-width: 30%;
}

@media (max-width: 767px) {

  .btn-box button.btnBrand,
  .btn-box a.btnBrand {
    max-width: 90%;
    margin-bottom: 12px;
  }
}

.category-title {
  margin: auto;
  text-align: center;
}

@media (max-width: 767px) {
  .category-title {
    margin: auto;
  }
}


.brand-item-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .brand-item-box {
    flex-wrap: wrap;
  }
}

.brand-item-list {
  display: flex;
  justify-content: space-evenly;
  width: 40%;
}

@media (max-width: 767px) {
  .brand-item-list .itemName {
    margin: 14px 0;
    line-height: 1.2rem;
  }
}

@media (max-width: 767px) {
  .brand-item-list {
    width: 100%;
    margin-bottom: 20px;
  }
}

.item-box {
  width: 47%;
  position: relative;
}

.brand-img {
  width: 25%;
}

@media (max-width: 767px) {
  .brand-img {
    width: 100%;
  }
}

.brand-intro-text-box {
  width: 25%;
  background: #fff;
  padding: 40px;
}

@media (max-width: 767px) {
  .brand-intro-text-box {
    width: 100%;
    padding: 20px;
  }
}

.ListBox {
  padding-bottom: 40px;
  padding-top: 40px;
}

.ListBox .itemList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: auto;
  position: relative;
  padding-top: 20px;
}

@media (max-width: 767px) {
  .ListBox .itemList {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .ListBox .itemList {
    width: 95%;
    padding-top: 20px;
  }
}

.ListBox .itemList li {
  width: 23%;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .ListBox .itemList li {
    width: 49%;
    position: relative;
  }
}

.ListBox .item-info-area {
  padding: 10px 0 20px;
}

.ListBox .itemBrand {
  margin-bottom: 5px;
  font-family: "Noto Sans JP", sans-serif;
}

.ListBox .itemName {
  font-family: "Noto Sans JP", sans-serif;
  margin-bottom: 15px;
}

.ListBox .itemPrice {
  font-family: "Noto Sans JP", sans-serif;
}

.skin-intro-text {
  text-align: center;
  margin-bottom: 80px;
}

.skin-intro-text p {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 767px) {
  .skin-intro-text p {
    font-size: 16px;
  }
}

.skin-item-intro {
  display: flex;
  background: #fffdf1;
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .skin-item-intro {
    flex-wrap: wrap;
  }
}

.skin-item {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .skin-item {
    width: 100%;
  }
}

.skin-intro-text-box {
  margin: auto;
}

.skin-intro2 {
  padding: 50px;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 767px) {
  .skin-intro2 {
    padding: 20px;
    font-size: 14px;
  }
}

.skin-item img {
  vertical-align: bottom;
}

.group-h2 {
  text-align: center;
  padding: 40px 0;
}

.group-h2 .section-ttl-sub {
  color: #9b6833;
  font-size: 18px;
}

.group-h2 .section-ttl {
  color: #9c1227;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
  font-size: 28px;
}

.brand-area {
  display: block;
  position: relative;
}

.brand-area .brand-area::after {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/lead_bg_pc.webp);
  display: block;
}

.brand-logo {
  display: flex;
  align-items: center;
  font-size: 20px;
  justify-content: center;
  width: 95%;
  margin: 60px auto 40px;
  position: relative;
}

@media (max-width: 767px) {
  .brand-logo div {
    width: 60%;
    margin: auto;
    text-align: center;
  }
}

.brand-logo::before,
.brand-logo::after {
  content: "";
  flex-grow: 0.5;
  height: 1px;
  background: #333;
}

.brand-logo::before {
  margin-right: 30px;
}

@media (max-width: 767px) {
  .brand-logo::before {
    margin-right: 0;
  }
}

.brand-logo::after {
  margin-left: 30px;
}

@media (max-width: 767px) {
  .brand-logo::after {
    margin-left: 0px;
  }
}

.brand-merch-list {
  display: flex;
  width: 95%;
  margin: auto;
}

.brand-merch-list .brand-thumbnail {
  width: 35%;
  /* margin: auto; */
}

@media (max-width: 767px) {
  .brand-merch-list .brand-thumbnail {
    width: 100%;
  }
}

.brand-merch-list .brand-item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 65%;
  padding: 0px 10px;
}

@media (max-width: 767px) {
  .brand-merch-list .brand-item-list {
    width: 100%;
  }
}

.brand-merch-list .brand-item-list .itemBox {
  width: 23%;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .brand-merch-list .brand-item-list .itemBox {
    width: 47%;
  }
}

.brand-merch-list .brand-item-list .flex-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.brand-merch-list .brand-item-list .brandName {
  font-weight: bold;
  margin: 5px 0;
}

.brand-merch-list .brand-item-list .itemName {
  margin-bottom: 10px;
}

.brand-merch-list .brand-item-list .itemPrice {
  margin-top: auto;
}

@media (max-width: 767px) {
  .brand-merch-list {
    flex-wrap: wrap;
  }
}

.brand-merch-list1 {
  display: flex;
  width: 100%;
  margin: auto;
}

.brand-merch-list1 .brand-item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 100%;
  padding: 0px 10px;
}

.brand-merch-list1 .brand-item-list .itemBox {
  width: 23%;
  margin-top: 30px;
}

@media (max-width: 767px) {
  .brand-merch-list1 .brand-item-list .itemBox {
    width: 47%;
  }
}

.brand-merch-list1 .brand-item-list .flex-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.brand-merch-list1 .brand-item-list .brandName {
  font-weight: bold;
  margin: 5px 0;
}

.brand-merch-list1 .brand-item-list .itemName {
  margin-bottom: 10px;
}

.brand-merch-list1 .brand-item-list .itemPrice {
  margin-top: auto;
}

@media (max-width: 767px) {
  .brand-merch-list1 {
    flex-wrap: wrap;
  }
}

.list-rv {
  flex-direction: row-reverse;
}

.btn-box {
  padding: 40px 0;
}

@media (max-width: 767px) {
  .btn-box {
    flex-wrap: wrap;
  }
}

button.btnA,
a.btnA {
  width: 100%;
  max-width: 500px;
  border-radius: 32px;
  color: #fff;
  background: #cfb98d;
  display: block;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  text-align: center;
  line-height: 1.375;
  padding: 15px 0;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767px) {

  button.btnA,
  a.btnA {
    width: 90%;
  }
}

button.btnA::after,
a.btnA::after {
  content: "";
  display: block;
  position: absolute;
  right: 6%;
  top: 50%;
  width: 13px;
  height: 13px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
}

#skincare button.btnA,
#skincare a.btnA {
  background-color: #dcaf92;
}

#basemake button.btnA,
#basemake a.btnA {
  background-color: #de9ea7;
}

#fragrance button.btnA,
#fragrance a.btnA {
  background-color: #deacd1;
}

.ex-bnr-area {
  text-align: center;
  margin-top: 40px;
  padding-bottom: 45px;
}

.bnr-caption {
  margin-bottom: 20px;
  font-size: 18px;
}

#buyerSlides,
#buyerSlides2 {
  margin-bottom: 40px;
}

.slideBox {
  margin: 0 20px;
}

@media (max-width: 767px) {
  .slideBox {
    width: 100%;
    margin: 0 5px;
  }
}

.slideBox .itemName {
  margin: 2px 0px 5px;
  font-size: 16px;
}

.itemImg {
  margin-bottom: 20px;
}

.itemBrand {
  font-size: 16px;
}

@media (max-width: 767px) {
  .slideBox .itemName {
    margin: 14px 0;
    line-height: 1.2rem;
  }
}

.slideBox .itemDesc {
  text-align: center;
  font-size: 16px;
  margin-bottom: 10px;
}

#others {
  width: 1200px;
  margin: auto;
}

@media (max-width: 767px) {
  #others {
    width: 100%;
  }
}

#others .group-h3 {
  text-align: center;
  position: relative;
  padding: 20px 0;
  margin-bottom: 40px;
}

#others .group-h3::before {
  position: absolute;
  display: block;
  content: url(/search_top/202001_renewal/images/c0451/ttl_left_pc.webp);
  left: -14px;
  top: -10%;
}

@media (max-width: 767px) {
  #others .group-h3::before {
    content: url(/search_top/202001_renewal/images/c0451/ttl_left_sp.webp);
    transform: scale(0.8);
    top: -40px;
    left: -20px;
  }
}

#others .group-h3::after {
  position: absolute;
  display: block;
  content: url(/search_top/202001_renewal/images/c0451/ttl_right_pc.webp);
  right: 0;
  top: -15%;
}

@media (max-width: 767px) {
  #others .group-h3::after {
    content: url(/search_top/202001_renewal/images/c0451/ttl_right_sp.webp);
    transform: scale(0.8);
    right: -20px;
    bottom: -150px;
  }
}

#others .category-ttl-sub {
  color: #fff;
  font-size: 18px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: normal;
}

#others .category-ttl {
  color: #fff;
  font-size: 24px;
}

#others #skincare .group-h3 {
  background-color: #dcaf92;
}

#others #basemake .group-h3 {
  background-color: #de9ea7;
}

#others #fragrance .group-h3 {
  background-color: #deacd1;
}

#others .brand-item-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 0px 10px;
}

#others .brand-item-list .itemBox {
  width: 23%;
  margin-top: 30px;
}

@media (max-width: 767px) {
  #others .brand-item-list .itemBox {
    width: 47%;
  }
}

#others .brand-item-list .flex-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#others .brand-item-list .brandName {
  font-weight: bold;
  margin: 5px 0;
}

#others .brand-item-list .itemName {
  margin-bottom: 10px;
}

#others .brand-item-list .itemPrice {
  margin-top: auto;
}

.shop-bnr-area {
  margin-top: 30px;
}

.shop-list {
  display: flex;
  width: 90%;
  margin: auto;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .shop-list {
    flex-wrap: wrap;
  }
}

.shop-info {
  width: 49%;
  text-align: center;
}

.shop-info p {
  font-size: 16px;
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .shop-info {
    width: 100%;
    margin-bottom: 20px;
  }
}

.ex-bnr {
  padding: 30px;
}

.rsv-bnr {
  position: relative;
}

.rsv-bnr::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/rsv_bnr.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .rsv-bnr::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0802 {
  position: relative;
}

.date-0802::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0802.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0802::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0804 {
  position: relative;
}

.date-0804::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0804.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0804::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0811 {
  position: relative;
}

.date-0811::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0811.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0811::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0820 {
  position: relative;
}

.date-0820::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0820.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0820::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0821 {
  position: relative;
}

.date-0821::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0821.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0821::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0825 {
  position: relative;
}

.date-0825::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0825.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0825::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.rsv-0804 {
  position: relative;
}

.rsv-0804::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/rsv_0818.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .rsv-0804::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0905 {
  position: relative;
}

.date-0905::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0905.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0905::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0906 {
  position: relative;
}

.date-0906::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0906.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0906::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0908 {
  position: relative;
}

.date-0908::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0908.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0908::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0915 {
  position: relative;
}

.date-0915::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0915.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0915::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0918 {
  position: relative;
}

.date-0918::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0918.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0918::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0919 {
  position: relative;
}

.date-0919::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0919.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0919::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0921 {
  position: relative;
}

.date-0921::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0921.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0921::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0922 {
  position: relative;
}

.date-0922::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0922.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0922::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-0926 {
  position: relative;
}

.date-0926::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0926.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .date-0926::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.rsv-0825 {
  position: relative;
}

.rsv-0825::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/rsv_0825.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .rsv-0825::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.rsv-0908 {
  position: relative;
}

.rsv-0908::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/rsv_0908.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .rsv-0908::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.rsv-0915 {
  position: relative;
}

.rsv-0915::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/rsv_0915.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .rsv-0915::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.rsv-item-0915 {
  position: relative;
}

.rsv-item-0915::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/rsv_item_0915.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .rsv-item-0915::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.rsv-logo-0908 {
  position: relative;
}

.rsv-logo-0908::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/rsv_0908.png);
  right: 45px;
  top: 15px;
}

@media (max-width: 767px) {
  .rsv-logo-0908::before {
    right: 1px;
    top: 50px;
    transform: scale(0.8);
  }
}

.rsv-logo-0915 {
  position: relative;
}

.rsv-logo-0915::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/rsv_0915.png);
  right: 45px;
  top: 15px;
}

@media (max-width: 767px) {
  .rsv-logo-0915::before {
    right: 1px;
    top: 50px;
    transform: scale(0.8);
  }
}

.rsv-item {
  position: relative;
}

.rsv-item::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/rsv_bnr.png);
  left: -10px;
  top: -15px;
}

@media (max-width: 767px) {
  .rsv-item::before {
    left: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.date-logo-0916 {
  position: relative;
}

.date-logo-0916::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/sale_0916.png);
  right: 45px;
  top: 15px;
}

@media (max-width: 767px) {
  .date-logo-0916::before {
    right: 1px;
    top: 50px;
    transform: scale(0.8);
  }
}

.date-logo-0919 {
  position: relative;
}

.date-logo-0919::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/sale_0919.png);
  right: 45px;
  top: 15px;
}

@media (max-width: 767px) {
  .date-logo-0919::before {
    right: 1px;
    top: 50px;
    transform: scale(0.8);
  }
}

.date-logo-0918 {
  position: relative;
}

.date-logo-0918::before {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/date_0918.png);
  right: 125px;
  top: 27px;
}

@media (max-width: 767px) {
  .date-logo-0918::before {
    right: -25px;
    top: -20px;
    transform: scale(0.8);
  }
}

.insta {
  background-color: rgba(255, 255, 255, 0.6);
  width: 95%;
  margin: auto;
  padding: 25px 0;
  text-align: center;
}

.icon-insta {
  width: 48px;
  text-align: center;
  margin: auto;
  margin-bottom: 10px;
  margin-top: 50px;
}

.sns {
  margin: 20px 0;
  font-size: 16px;
}

.about-sns {
  font-size: 16px;
  margin-bottom: 35px;
}

.cpb-logo {
  -moz-aspect-ratio: 16/9;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
  height: 120px;
}

.ecbn-selection-footer2 {
  display: block;
}

button.btnA,
a.btnA {
  margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
  #content_202001 {
    margin-bottom: 0;
    width: 100% !important;
    /* padding: 0 10px; */
    order: 1;
  }

  button.btnA,
  a.btnA {
    width: 90%;
    margin-bottom: 40px;
  }
}

.ecbn-visumo-logo {
  display: none;
}

section#bnr-area {
  width: 1200px;
  margin: auto;
  padding-bottom: 80px;
}

@media screen and (max-width: 767px) {
  section#bnr-area {
    width: 100%;
  }
}

.bnr-list {
  display: flex;
  margin: 40px 0;
  justify-content: space-around;
}

@media screen and (max-width: 767px) {
  .bnr-list {
    flex-wrap: wrap;
  }
}

.bnr-box {
  width: 44%;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .bnr-box {
    width: 48%;
  }
}

.bnr-intro-text {
  font-size: 18px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .bnr-intro-text {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.dogear {
  position: absolute;
  right: 3%;
}

.dogear-number {
  font-size: 16px;
  display: block;
  margin-bottom: -22px;
  font-family: "Figtree", sans-serif;
}

@media (max-width: 767px) {
  .dogear {
    position: absolute;
    z-index: 5;
    right: 3%;
    margin-top: -11px;
  }
}

.dogear .icon-text {
  position: absolute;
  top: 33%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  margin-top: 8px;
  margin-left: 6px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .dogear .icon-text {
    position: absolute;
    top: 1%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 12px;
    text-align: center;
  }
}

.dogear .icon-text .date4 {
  position: absolute;
  top: 3px;
  left: 14%;
  font-family: "Figtree", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  margin-top: 3px;
}

.dogear .icon-text1 {
  position: absolute;
  top: 29%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  margin-top: 8px;
  margin-left: 8px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .dogear .icon-text1 {
    position: absolute;
    top: 30%;
    left: 10%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 0px;
    text-align: center;
  }
}

.dogear .icon-text2 {
  position: absolute;
  top: 2%;
  left: 12%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  margin-top: 6px;
  text-align: center;
  color: #fff;
}

.dogear .icon-text3 {
  position: absolute;
  top: 2%;
  left: 28%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  margin-top: 6px;
  text-align: center;
  color: #fff;
}

.dogear .date {
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-family: "Figtree", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  margin-top: 3px;
}

@media screen and (max-width: 767px) {
  .dogear .icon-text {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin-top: 8px;
    text-align: center;
  }
}

.itemList .dogear {
  position: absolute;
  right: 18%;
  z-index: 10;
}

@media (max-width: 767px) {
  .itemList .dogear {
    right: 64%;
    margin-top: -11px;
    top: 3.5%;
  }
}

.itemList .dogear .icon-text2 {
  position: absolute;
  top: 2%;
  left: 19%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  margin-top: 6px;
  text-align: center;
  color: #fff;
}

.itemList .dogear .icon-text3 {
  position: absolute;
  top: 0%;
  text-align: center;
  color: #fff;
  left: 27%;
  font-size: 12px;
}

#content_202001 .next-arrow {
  background: url(/search_top/202001_renewal/images/c0451/arrow_right.svg) 0 0 no-repeat;
  right: 0;
  background-size: 99%;
  top: 0;
  z-index: 100;
  content: "";
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 25%;
  margin-top: -30px;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
}

#content_202001 .prev-arrow {
  background: url(/search_top/202001_renewal/images/c0451/arrow_left.svg) 0 0 no-repeat;
  left: 0;
  background-size: 100%;
  top: 0;
  z-index: 100;
  content: "";
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 25%;
  margin-top: -30px;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
}

#content_202001 .slick-next {
  background: url(/search_top/202001_renewal/images/c0451/arrow_right.svg) 0 0 no-repeat;
  right: 0;
  background-size: 99%;
  top: 0;
  z-index: 100;
  content: "";
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
}

#content_202001 .slick-prev {
  background: url(/search_top/202001_renewal/images/c0451/arrow_left.svg) 0 0 no-repeat;
  left: 0;
  background-size: 100%;
  top: 0;
  z-index: 100;
  content: "";
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  display: block;
  width: 60px;
  height: 60px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
}

@media (max-width: 768px) {

  #content_202001 .slick-next,
  #content_202001 .slick-prev {
    top: 50%;
    background-size: 80%;
  }
}

#howto {
  width: 1200px;
  margin: auto;
}

@media (max-width: 767px) {
  #howto {
    width: 100%;
  }
}

.howto-brand-wrapper {
  display: flex;
  margin: 40px 0;
}

@media (max-width: 767px) {
  .howto-brand-wrapper {
    flex-wrap: wrap;
    width: 100%;
  }
}

.howto-movie {
  width: 50%;
  max-height: 570px;
  display: block;
}

@media (max-width: 767px) {
  .howto-movie {
    width: 100%;
  }
}

.howto-movie video {
  width: 100%;
  max-width: 300px;
  margin: auto;
  display: block;
}

.howto-brand-item-wrapper {
  width: 50%;
  margin: auto;
}

@media (max-width: 767px) {
  .howto-brand-item-wrapper {
    width: 100%;
    margin-top: 40px;
  }
}

.howtoBrandImg {
  display: block;
  margin: auto;
  text-align: center;
  margin-bottom: 30px;
}

#buyerSlides3 {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  #buyerSlides3 .slick-list {
    padding: 0 10% 0 0 !important;
  }
}

@media (max-width: 767px) {
  #buyerSlides3 .slideBox {
    margin: 0 5px;
  }
}

#lunasol .dogear {
  position: absolute;
  left: 0;
}

@media (max-width: 767px) {
  #lunasol .dogear {
    top: 4%;
  }
}

#lunasol .dogear .icon-text2 {
  left: 5%;
}

@media (max-width: 767px) {
  #lunasol .dogear .icon-text2 {
    left: 7%;
    top: 3%;
  }
}

#addiction .dogear {
  right: 73%;
}

@media (max-width: 767px) {
  #addiction .dogear {
    right: auto;
    margin-top: 0;
  }
}

#addiction .dogear .icon-text3 {
  top: 2%;
  left: 8%;
}

@media (max-width: 767px) {
  #addiction .dogear .icon-text3 {
    left: 12%;
  }
}

.itemList .dogear {
  position: absolute;
  right: auto;
  z-index: 10;
}

@media (max-width: 767px) {
  .itemList .dogear {
    right: auto;
  }
}

#clede1 .dogear {
  right: auto;
  z-index: 100;
}

@media (max-width: 767px) {
  #clede1 .dogear {
    margin-top: 0;
  }
}

#shiseido .dogear {
  right: auto;
  top: 8%;
  z-index: 100;
}

@media (max-width: 767px) {
  #shiseido .dogear {
    top: 9%;
    z-index: 100;
    margin-top: 0;
  }
}

#shiseido #skinItems .dogear {
  right: auto;
  top: auto;
  z-index: 100;
}

#decolte .dogear {
  right: auto;
  z-index: 100;
}

@media (max-width: 767px) {
  #decolte .dogear {
    margin-top: 0;
  }
}

#basemake .itemList .dogear {
  position: absolute;
  right: auto;
  z-index: 10;
}

@media (max-width: 767px) {
  #basemake .itemList .dogear {
    right: auto;
  }
}

#rmk0906 .dogear {
  right: auto !important;
  z-index: 100;
}

#fragrance .dogear {
  right: auto !important;
  z-index: 100;
}

#howto .dogear {
  right: auto !important;
  z-index: 100;
}

@media (max-width: 767px) {
  #howto .dogear {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  #shiseido .dog2 {
    top: 17%;
    z-index: 100;
    margin-top: 0;
  }
}

/* アイテムリスト */

#eyeshadow,
#rank {
  width: 1200px;
  margin: 0 auto 80px;
}

.eye-ttl {
  color: #fff;
  background: linear-gradient(to right, #c9b1a1 0%, #9b5e33 100%);
  display: block;
  text-align: center;
  padding: 28px 0;
}

.eye-ttl-sub {
  text-align: center;
  font-size: 18px;
}

.eye-ttl-text {
  display: block;
  font-size: 24px;
  /* font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */
  font-weight: normal;
}

.eye-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #faf4f0;
  padding: 30px 10px;
}

.eye-box {
  width: 10%;
  margin-bottom: 18px;
  text-align: center;
  cursor: pointer;
}

.eye-box:nth-of-type(97) {
  margin-right: 30%;
}

/* カルーセル */

.brand-thumbnail {
  width: 100%;
  padding: 30px;
}

#buyerSlides001,
#buyerSlides002,
#buyerSlides003,
#buyerSlides004,
#buyerSlides005,
#buyerSlides006,
#buyerSlides007 {
  width: 70%;
  margin: auto;
  padding: 0 20px;
}

.brandTitle {
  text-align: center;
  font-size: 24px;
  margin: 20px;
}

#pickup {
  width: 1200px;
  margin: auto;
  margin-bottom: 60px;
  background: #faf3f0;
  padding-bottom: 10px;
}

#pickup #brandListWrapper {
  margin: 40px 0;
}

#pickup #bnr-wrapper {
  background: linear-gradient(to right, #ffb58c 0%, #f2691b 100%);
  margin-bottom: 40px;
}

#content_202001 #pickup .next-arrow {
  background: url(/search_top/202001_renewal/images/c0451/arrow_right_2.svg) 0 0 no-repeat;
}

#content_202001 #pickup .prev-arrow {
  background: url(/search_top/202001_renewal/images/c0451/arrow_left_2.svg) 0 0 no-repeat;
}

#insta .bnr-text {
  position: relative;
}

#insta .bnr-text::after {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0455/Instagram_Glyph_Gradient.svg);
  right: 41%;
  top: 20%;
}

#insta #bnr-wrapper {
  margin-bottom: 40px;
}

#insta {
  width: 1200px;
  margin: auto;
  margin-bottom: 0px;
}

#howto {
  margin: auto;
  margin-bottom: 60px;
}

.howto-brand-wrapper {
  display: flex;
  margin: -10px 40px 60px;
  padding-bottom: 20px;
}

.intro-text {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}

.nav-box.special {
  text-align: center;
  font-size: 20px;
  display: block;
  color: #fff !important;
  background: linear-gradient(to right, #c9b1a1 0%, #9b5e33 100%);
  padding: 20px 0;
  position: relative;
  margin-bottom: 8px;
}

.nav-box.special::after {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/link_1.svg);
  top: 25%;
  left: 4%;
}

.nav-box.special a {
  color: #fff !important;
}

.nav-box.newitem {
  text-align: center;
  font-size: 20px;
  display: block;
  color: #fff !important;
  background: linear-gradient(to right, #cc8f99 0%, #9c1227 100%);
  padding: 20px 0;
  position: relative;
}

.nav-box.newitem::after {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/link_2.svg);
  top: 25%;
  left: 4%;
}

.nav-box.newitem a {
  color: #fff !important;
}

.ex-link-card {
  text-align: center;
  font-size: 20px;
  display: block;
  color: #fff !important;
  background: linear-gradient(to right, #d9a3c7 0%, #bf609f 100%);
  padding: 20px 0;
  position: relative;
  margin-bottom: 8px;
}

.ex-link-card::after {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/link_1.svg);
  top: 25%;
  left: 4%;
}

.pickUp {
  text-align: center;
  font-size: 20px;
  display: block;
  color: #fff !important;
  background: linear-gradient(to right, #ffb58c 0%, #f2691b 100%);
  padding: 20px 0;
  position: relative;
  margin-bottom: 8px;
}

.pickUp::after {
  position: absolute;
  content: url(/search_top/202001_renewal/images/c0451/link_1.svg);
  top: 25%;
  left: 4%;
}

.ex-link-card a {
  color: #fff !important;
  font-size: 20px;
}

@media (max-width: 767px) {
  .nav-box.special {
    font-size: 16px;
  }

  .nav-box.special::after {
    transform: scale(0.8);
    top: 18%;
  }

  .nav-box.newitem {
    font-size: 16px;
  }

  .nav-box.newitem::after {
    transform: scale(0.8);
    top: 18%;
  }

  #eyeshadow,
  #pickup,
  #insta,
  #rank {
    width: 100%;
  }

  .eye-box {
    width: 23%;
    margin-bottom: 18px;
    text-align: center;
  }

  .eye-box:nth-of-type(97) {
    margin-right: 25%;
  }

  .eye-name {
    font-size: 11px;
  }

  #buyerSlides001,
  #buyerSlides002,
  #buyerSlides003,
  #buyerSlides004,
  #buyerSlides005,
  #buyerSlides006,
  #buyerSlides007 {
    width: 100%;
    margin: 0 auto 20px;
    padding: 0 20px;
  }

  #content_202001 .next-arrow,
  #content_202001 .prev-arrow {
    transform: scale(0.6);
  }

  #insta .bnr-text::after {
    position: absolute;
    content: url(/search_top/202001_renewal/images/c0455/Instagram_Glyph_Gradient.svg);
    right: 21%;
    top: 0%;
  }

  .howto-brand-wrapper {
    display: flex;
    margin: -8px auto 20px;
    padding-bottom: 20px;
    padding-top: 50px;
  }
}

@media screen and (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }

  #eyeshadow .ac-child {
    display: none;
  }
}

#ranking .ttl-type01 {
  display: none;
}

.recommend-wrapper {
  width: 1200px;
  margin: auto;
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  .recommend-wrapper {
    width: 100%;
  }
}

p.icon-text3.rsv-start-date {
  left: 9% !important;
}

p.icon-text3.release-date {
  left: 21% !important;
}

#rank .brand-btn-box {
  margin-top: 30px;
}

.yellow {
  position: absolute;
  z-index: 5;
  right: 27%;
}

.itemList {
  .yellow {
    position: absolute;
    z-index: 5;
    right: unset;
  }
}

@media screen and (min-width: 1440px) {
  .yellow {
    position: absolute;
    z-index: 5;
  }
}

@media (max-width: 767px) {
  .yellow {
    position: absolute;
    z-index: 5;
    right: 6%;
    margin-top: 1px;
  }
}

.yellow .icon-text {
  position: absolute;
  top: 33%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  margin-top: 8px;
  margin-left: 6px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .yellow .icon-text {
    position: absolute;
    top: 1%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 12px;
    text-align: center;
  }
}

.yellow .icon-text .date4 {
  position: absolute;
  top: 3px;
  left: 14%;
  font-family: "Figtree", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  margin-top: 3px;
}

.yellow .icon-text1 {
  position: absolute;
  top: 29%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  margin-top: 8px;
  margin-left: 8px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .yellow .icon-text1 {
    position: absolute;
    top: 30%;
    left: 10%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 0px;
    text-align: center;
  }
}

.yellow .icon-text2 {
  position: absolute;
  top: 5%;
  left: 20%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  /* margin-top: 8px; */
  text-align: center;
  /* color: #fff; */
  /* font-weight: bold; */
}

.yellow .date {
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-family: "Figtree", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  margin-top: 3px;
}

@media screen and (max-width: 767px) {
  .yellow .icon-text {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin-top: 8px;
    text-align: center;
  }
}

.yellow #on-sale {
  left: 28%;
  top: 0%;
}

.yellow #on-rsv {
  font-size: 12px;
  top: 0;
  left: 10%;
}

.yellow .onRsv {
  top: 9%;
  left: 17%;
}

.pink {
  position: absolute;
  z-index: 5;
  right: 27%;
}

.itemList {
  .pink {
    position: absolute;
    z-index: 5;
    right: unset;
  }
}

@media screen and (min-width: 1440px) {
  .pink {
    position: absolute;
    z-index: 5;
  }
}

@media (max-width: 767px) {
  .pink {
    position: absolute;
    z-index: 5;
    right: 6%;
    margin-top: 1px;
  }
}

.pink .icon-text {
  position: absolute;
  top: 33%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 12px;
  margin-top: 8px;
  margin-left: 6px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pink .icon-text {
    position: absolute;
    top: 1%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin-top: 8px;
    margin-left: 12px;
    text-align: center;
  }
}

.pink .icon-text .date4 {
  position: absolute;
  top: 3px;
  left: 14%;
  font-family: "Figtree", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  margin-top: 3px;
}

.pink .icon-text1 {
  position: absolute;
  top: 8%;
  left: 25%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  /* margin-top: 8px; */
  text-align: center;
  color: #fff;
  /* font-weight: bold; */
}

@media screen and (max-width: 767px) {
  .pink .icon-text1 {
    position: absolute;
    top: 10%;
    left: 24%;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 14px;
    margin-top: 0;
    margin-left: 0px;
    text-align: center;
  }
}

.pink .icon-text2 {
  position: absolute;
  top: 8%;
  left: 25%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  /* margin-top: 8px; */
  text-align: center;
  color: #fff;
  /* font-weight: bold; */
}

.pink .date {
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  font-family: "Figtree", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 17px;
  margin-top: 3px;
}

@media screen and (max-width: 767px) {
  .pink .icon-text {
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-family: "Noto Sans JP", sans-serif;
    font-size: 12px;
    margin-top: 8px;
    text-align: center;
  }
}

.pink #on-sale {
  left: 28%;
  top: 0%;
}

.pink #on-rsv {
  font-size: 12px;
  top: 0;
  left: 10%;
}

.pink .onRsv {
  top: 9%;
  left: 17%;
}

/* .autumnCosme a {
  cursor: url(/search_top/202001_renewal/images/c0451/pointer.svg), auto;
} */

.autumnCosme {
  background: linear-gradient(to left, #ffe8c4 0%, #ffe8ed 100%);
}

/* 2026 */

/* 秋美容 */
.featured-item-wrapper {
  margin-bottom: 40px;
}

.featured-item-wrapper .inner {
  background: rgba(255, 255, 255, 0.5);
  padding: 30px;
}

.featured-ttl-box {
  text-align: center;
  position: relative;
  margin: 30px 0 40px;
}

.featured-ttl-box::before {
  position: absolute;
  content: "";
  width: 160px;
  height: 160px;
  background-image: url(/search_top/202001_renewal/images/c0451/icon_1.svg);
  background-repeat: no-repeat;
  top: -60%;
  left: 26%;
  transform: scale(0.5);
}

.featured-ttl-box::after {
  position: absolute;
  content: "";
  width: 160px;
  height: 160px;
  background-image: url(/search_top/202001_renewal/images/c0451/icon_1.svg);
  background-repeat: no-repeat;
  top: -60%;
  right: 26%;
  transform: scale(0.5);
}

.featured-ttl-sub {
  font-size: 20px;
  font-family: "Noto Sans JP", sans-serif;
}

.featured-ttl-main {
  font-size: 24px;
  font-family: "Noto Sans JP", sans-serif;
}


.featured-intro-text {
  font-size: 18px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}

.featured-ttl-list {
  display: flex;
  justify-content: center;
  gap: 74px;
}

.featured-list-text {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
}

.featured-list-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

.featured-list-box::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/search_top/202001_renewal/images/c0451/check_1.svg) no-repeat center / contain;
}

.featured-list-wrapper {
  margin: 20px 0;
}

.featured_1 {
  .inner {
    border-top: 3px solid transparent;
    border-image: linear-gradient(90deg, #c9e583, #83b7e5) 1;
  }

  .featured-intro-text {
    color: #81C299;
  }
}

.featured_2 {
  .inner {
    border-top: 3px solid transparent;
    border-image: linear-gradient(90deg, #ffdf87, #c9e583) 1;
  }

  .featured-intro-text {
    color: #B8B657;
  }

  .featured-list-box::before {
    background: url(/search_top/202001_renewal/images/c0451/check_2.svg) no-repeat center / contain;
  }

  .featured-ttl-box::before {
    background-image: url(/search_top/202001_renewal/images/c0451/icon_2.svg);
  }

  .featured-ttl-box::after {
    background-image: url(/search_top/202001_renewal/images/c0451/icon_2.svg);
  }
}

.featured_3 {
  .inner {
    border-top: 3px solid transparent;
    border-image: linear-gradient(90deg, #aee0e6, #839de5) 1;
  }

  .featured-intro-text {
    color: #78A8D9;
  }

  .featured-list-box::before {
    background: url(/search_top/202001_renewal/images/c0451/check_3.svg) no-repeat center / contain;
  }

  .featured-ttl-box::before {
    background-image: url(/search_top/202001_renewal/images/c0451/icon_3.svg);
  }

  .featured-ttl-box::after {
    background-image: url(/search_top/202001_renewal/images/c0451/icon_3.svg);
  }
}

.buyerslides {
  margin-top: 40px;
}

.brand-item-wrapper .inner {
  background: rgba(255, 255, 255, 0.5);
  padding: 30px;
}

.brand-intro-wrapper2 {
  display: flex;
  justify-content: space-between;
}

.brand-intro-text-box {
  width: 55%;
  background: none;
  padding: 40px;
  margin: auto;
}

.brand-intro-text {
  font-size: 16px;
}

.brand-intro-wrapper {
  margin: 50px 0px;
}

.brand-btn-box {
  margin-top: 30px;
}

#bnr-wrapper {
  /* ===== 共通のデフォルト値 ===== */
  --deco-color: rgba(255, 255, 255, .5);
  --deco-thick: 1px;
  /* 線の太さ */
  --deco-len-x: 200px;
  /* 横線の長さ */
  --deco-len-y: 60px;
  /* 縦線の長さ */
  --deco-x: 5px;
  /* 左右の端からの距離 */
  --deco-y: 5px;
  /* 上下の端からの距離 */
  --deco-over: 5px;
  /* 交点からのはみ出し量 */

  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  padding: clamp(14px, 3vw, 20px);
  position: relative;

  text-align: center;
  background: linear-gradient(to right, #f2691b 0%, #9c1227 100%);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(17px, 2.2vw, 24px);
  color: #fff;
}

/* ===== 描画ロジック（ここは触らない） ===== */
#bnr-wrapper::before,
#bnr-wrapper::after {
  content: "";
  position: absolute;
  width: min(var(--deco-len-x), 17%);
  height: min(var(--deco-len-y), 60%);
  pointer-events: none;
  background-image:
    linear-gradient(var(--deco-color), var(--deco-color)),
    linear-gradient(var(--deco-color), var(--deco-color));
  background-size:
    100% var(--deco-thick),
    var(--deco-thick) 100%;
  background-repeat: no-repeat;
}

/* ===== 左上：調整はこのブロックの上部だけ ===== */
#bnr-wrapper::before {
  --deco-x: 5px;
  --deco-y: 5px;
  /* --deco-len-x: 240px; */
  /* --deco-over: 8px; */

  top: var(--deco-y);
  left: var(--deco-x);
  background-position:
    left 0 top var(--deco-over),
    left var(--deco-over) top 0;
}

/* ===== 右下：同上 ===== */
#bnr-wrapper::after {
  --deco-x: 5px;
  --deco-y: 5px;
  /* --deco-color: rgba(255, 255, 255, .35); */
  /* --deco-len-y: 48px; */

  right: var(--deco-x);
  bottom: var(--deco-y);
  background-position:
    right 0 bottom var(--deco-over),
    right var(--deco-over) bottom 0;
}

.bnr-text {
  margin: 0;
  font-size: inherit;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .featured-ttl-box::before {
    left: -14%;
    transform: scale(0.4);
  }

  .featured-ttl-box::after {
    right: -14%;
    transform: scale(0.4);
  }

  .featured-ttl-box {
    margin: 30px 0 20px;
  }

  .featured-item-wrapper .inner {
    padding: 10px;
    margin: 0 4px;
  }

  .featured-ttl-list {
    gap: 0;
    flex-wrap: wrap;
  }

  .featured-list-box {
    width: 50%;
    justify-content: center;
  }

  .featured-list-box:nth-of-type(3) {
    width: 100%;
    text-align: center;
    margin-top: 8px;
  }

  .featured_3 {
    .featured-list-box:nth-of-type(1) {
      width: 100%;
      text-align: center;
      margin-top: 4px;
      margin-bottom: 8px;
    }

    .featured-list-box:nth-of-type(3) {
      width: 50%;
      text-align: center;
      margin-top: 8px;
    }
  }

  .featured-list-text {
    font-size: 15px;
    font-family: "Noto Sans JP", sans-serif;
  }

  .brand-intro-wrapper2 {
    flex-wrap: wrap;
  }

  .brand-intro-text-box {
    width: 100%;
    background: none;
    padding: 10px;
    margin: auto;
  }

  .category-title {
    margin: auto;
    width: 80%;
  }

  .featured-ttl-sub {
    font-size: 18px;
    font-family: "Noto Sans JP", sans-serif;
  }

  #insta .bnr-text::after {
    position: absolute;
    content: url(/search_top/202001_renewal/images/c0455/Instagram_Glyph_Gradient.svg);
    right: 25%;
    top: -19%;
    transform: scale(0.8);
  }

  .category-wrapper section {
    width: 100%;
    margin-bottom: 20px;
  }

  .brand-intro-wrapper {
    margin: 20px 0px;
  }

  .brand-logo {
    margin: 10px auto 10px;
  }

  .featured-list-box::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(/search_top/202001_renewal/images/c0451/check_1.svg) no-repeat center / contain;
  }
}

.sheet-btn-wrapper {
  .btn-box {
    flex-wrap: wrap;
  }

  a.btnBrand {
    margin-bottom: 20px;
  }

  a.btnBrand.btn_sh1 {
    max-width: none;
    width: 45%;
  }

  a.btnBrand.btn_sh2 {
    max-width: none;
    width: 60%;
    background: linear-gradient(to right, #f2691b 0%, #9c1227 100%);
    color: #fff;
  }

  a.btnBrand.btn_sh2::after {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    transform: translateY(-50%) rotate(45deg);
  }
}

#column {
  .slick-slide {
    padding: 20px;
  }

  #pickup-slide {
    background: rgba(255, 255, 255, 0.5);
  }

  .link-date {
    padding: 10px 0 4px;
  }
}



@media (max-width: 767px) {
  #nav-cosme .nv-bd::after {
    left: 4%;
    border-top: 1px solid #000;
    border-right: 1px solid;
    width: 10px;
    height: 10px;
  }

  #nav-cosme .nv-my::after {
    left: 6%;
    border-top: 1px solid #000;
    border-right: 1px solid;
    width: 10px;
    height: 10px;
  }

  #nav-cosme .nv-bd .category-en,
  #nav-cosme .nv-bd .category-jp {
    font-size: 14px;
  }

  #nav-cosme .nv-my .category-en,
  #nav-cosme .nv-my .category-jp {
    font-size: 14px;
  }

  .intro-text {
    text-align: center;
    font-size: 14px;
    margin-bottom: 20px;
  }

  #nav-cosme .category {
    width: 48%;
    margin-bottom: 6px;
    padding: 7px;
    align-content: center;
  }

  #nav-cosme .category-en,
  #nav-cosme .category-jp {
    font-size: 16px;
  }

  .sheet-btn-wrapper {
    a.btnBrand.btn_sh1 {
      max-width: none;
      width: 100%;
    }
  }

  .sheet-btn-wrapper {
    a.btnBrand.btn_sh2 {
      max-width: none;
      width: 100%;
      background: linear-gradient(to right, #f2691b 0%, #9c1227 100%);
      color: #fff;
    }
  }

  #bnr-wrapper {
    margin-bottom: 40px;
  }

  .featured-list-box {
    width: 100%;
    justify-content: center;
    margin: 6px 0px;
  }
}