/******************************/
/* SLIDER */
/******************************/
@media screen and (max-width: 1030px) {
  .slider {
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
  }
}
#slider div {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#slider > div {
  display: none;
}
.bx-viewport #slider > div {
  display: block;
}
.bx-wrapper {
  z-index: 0;
}
.bx-wrapper img {
  width: 100%;
  height: auto;
}
.bx-wrapper .bx-viewport {
  box-shadow: none !important;
  border: 0 !important;
  left: 0 !important;
}
.bx-wrapper .bx-pager {
  bottom: -27px !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  margin: 0 3px !important;
  padding-top: 15px;
  width: 25px !important;
  height: 1px !important;
  background: transparent !important;
  border-bottom: 1px solid #cccccc;
  border-radius: 0 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: transparent !important;
  border-bottom: 1px solid #000000;
}
/******************************/
/* NEWS */
/******************************/
.p-line-informaiton {
  display: flex;
  flex-wrap: wrap;
  margin-top: 75px;
  width: 760px;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton {
    display: block;
    width: auto;
  }
}
.p-line-informaiton ul {
  flex: 1;
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton ul {
    font-size: 12px;
  }
}
.p-line-informaiton li {
  margin-bottom: 15px;
}
.p-line-informaiton__ttl {
  position: relative;
  margin: 0 40px 0 0;
  font-size: 14px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton__ttl {
    margin: 0;
  }
}
.p-line-informaiton__ttl:before {
  content: "";
  position: absolute;
  top: 7px;
  right: -20px;
  width: 1px;
  height: 10px;
  background: #d2d2d2;
}
@media screen and (max-width: 767px) {
  .p-line-informaiton__ttl:before {
    content: none;
  }
}
/***** お知らせ *****/
.p-top-news {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .p-top-news {
    display: block;
    margin-bottom: 45px;
  }
}
.p-top-news__ttl {
  box-sizing: border-box;
  margin-right: 25px;
  padding: 10px;
  width: 110px;
  border: 1px solid #b2b2b2;
  font-size: 18px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Serif JP", serif;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-news__ttl {
    margin-right: 0;
    margin-bottom: 10px;
    padding: 5px;
    width: 70px;
    border: 1px solid #b2b2b2;
    font-size: 12px;
  }
}
.p-top-news__body {
  flex: 1;
  margin-bottom: 0;
}
/******************************/
/* TOP RECOMMEND */
/******************************/
.p-recommend.u-container {
  padding-bottom: 0;
}
/******************************/
/* NEW　ARRIVAL */
/******************************/
.p-new-item.u-container {
  padding-bottom: 0;
}
/******************************/
/* TOP RANKING */
/******************************/
.p-ranking-list .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.p-ranking-list .slick-prev, .p-ranking-list .slick-next {
  top: 80px;
  width: 30px;
  height: 30px;
  transition: all 0.4s ease;
  z-index: 1;
  background: rgba(255,255,255,0.4);
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-prev, .p-ranking-list .slick-next {
    top: 110px;
    width: 45px;
    height: 45px;
  }
}
.p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 10px;
  width: 15px;
  height: 15px;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  transition: all 0.4s ease;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-prev:before, .p-ranking-list .slick-next:before {
    top: 15px;
  }
}
.p-ranking-list .slick-prev {
  left: 20px;
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-prev {
    left: 0px;
  }
}
.p-ranking-list .slick-prev:before {
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-prev:before {
    left: 17px;
  }
}
.p-ranking-list .slick-next {
  right: 20px;
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-next {
    right: 0px;
  }
}
.p-ranking-list .slick-next:before {
  left: 4px;
  transform: rotate(135deg);
}
@media screen and (max-width: 767px) {
  .p-ranking-list .slick-next:before {
    left: 13px;
  }
}
.p-ranking-list__item {
  position: relative;
  box-sizing: border-box;
  margin-right: 20px;
  margin-left: 20px;
  padding-bottom: 25px;
  word-break: break-all;
}
@media screen and (max-width: 1030px) {
  .p-ranking-list__item {
    margin-right: 5px;
    margin-left: 5px;
  }
}
.p-ranking-list__img {
  position: relative;
  margin-bottom: 35px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-ranking-list__img {
    text-align: center;
  }
}
.p-ranking-list__img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.p-ranking-list__img a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-ranking-list__img img {
  display: inline-block !important;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  text-align: center;
}
.p-ranking-list__num {
  position: absolute;
  top: 0;
  left: 1px;
  width: 24px;
  line-height: 24px;
  font-size: 12px;
  font-weight: bold;
  background: #000000;
  color: #ffffff;
  text-align: center;
}
.p-ranking-list__ttl img {
  vertical-align: middle;
}
.p-ranking-list__price {
  color: #909090;
  margin-top: 20px;
}
.p-ranking-list__btn {
  display: block;
  position: absolute;
  right: 0px;
  bottom: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #d8d8d8;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.p-ranking-list__btn.is-added {
  color: #000000;
}
.p-ranking-list__btn svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}
/******************************/
/* TOP REVIEW */
/******************************/
   
     .review,
.review__body,
.review__wrapper,
.top-review {
       overflow: auto;
    }
       .review {
            padding-top: 160px;
            padding-bottom: 140px;
            position: relative;
        }

        .review__body {
            min-height: 300px;
            max-height: 500px;
            height: auto;
            overflow-y: auto;
            border: 1px solid #aaaaaa;
            padding: 20px;
        }

        .top-review {
            background: #ffefef;
            padding: 20px;
            display: flex;
            justify-content: space-between;
            column-gap: 24px;
        }

        .top-review:not(:first-child) {
            margin-top: 20px;
        }
        .top-review__textBox {
            width: 80%;
        }
        .top-review__name {
            line-height: 1.4;
            font-size: 18px;
            text-decoration: underline;

        }

.top-review__date {
      font-size: 17px;
}

        .top-review__starBox {
            display: flex;
            column-gap: 16px;
            row-gap: 3px;
            flex-wrap: wrap;
          align-items: center;
            font-size: 17px;
              margin-top: 6px;
        }

        .top-review__star {
            display: flex;
            flex-wrap: wrap;
        }

        .top-review__rate {
            width: 18px;
            height: 18px;
            vertical-align: -0.3em;
        }

        .top-review__wrap {
            display: flex;
            column-gap: 60px;
        }

        .top-review__poster-lists {
            display: flex;
            flex-wrap: wrap;
            column-gap: 10px;
            font-size: 17px;
        }
      
        .top-review__content-comment {
            margin-top: 3px;
              font-size: 17px;
    line-height: 1.6;
        }
        .top-review__img {
            max-width: 160px;
        }
        .top-review__img img {
          aspect-ratio: 1/1;
          width: 100%;
          object-fit: cover;
        }
          @media screen and (max-width: 768px) {
            .review__wrapper {
                padding: 0 20px;
            }
            .top-review {
                display: block;
            }
            .top-review__textBox
     {
            width: initial;
        }
            .top-review__wrap {
                display: block;
            }
            .top-review__img {
            margin-top: 14px;
            margin-left: auto;
            margin-right: auto;
        }
        .top-review:not(:first-child) {
            margin-top: 16px;
        }
              .top-review__name, 
.top-review__date,
            .top-review__content-comment, 
            .top-review__poster-lists,
            .top-review__starBox {
      font-size: 14px;
}

        }
        
        
/******************************/
/* TOP INFORMATION */
/******************************/
.p-information {
  padding-bottom: 0;
}
@media screen and (max-width: 1030px) {
  .p-information {
    padding-bottom: 45px;
  }
}
.p-information__body {
  margin-left: 60px;
  margin-right: 60px;
  line-height: 2;
}
@media screen and (max-width: 1030px) {
  .p-information__body {
    margin-left: 0;
    margin-right: 0;
  }
}
/******************************/
/* TOP FREE */
/******************************/
.p-free__body {
  margin-left: 60px;
  margin-right: 60px;
  line-height: 2;
}
@media screen and (max-width: 1030px) {
  .p-free__body {
    margin-left: 0;
    margin-right: 0;
  }
}
/******************************/
/* TOP BANNER */
/******************************/
.p-bnr {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 1030px) {
  .p-bnr {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.p-bnr-list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-bnr-list {
    display: block;
  }
}
.p-bnr-list__item {
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  width: 33.3333%;
}
@media screen and (max-width: 1030px) {
  .p-bnr-list__item {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-bnr-list__item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
    width: auto;
    text-align: center;
  }
}


/* =================================================================
トップ共通
=================================================================*/
* {box-sizing: border-box;}
body {color: #333333;}
h2,h3,h4,h5,p {margin: 0;}

.main {position: relative; z-index: 2;}
.w_bg {background: #fff;}

.button {min-width: 133px; height: 51px; display: flex; flex-direction: column; transition: .3s;}
.button:before {transition: .3s; content: ""; height: 2px; background: url('https://file003.shop-pro.jp/PA01496/281/images/common/button_line_bg.png'); display: block; flex-shrink: 0;}
.button:after {transition: .3s; content: ""; height: 2px; background: url('https://file003.shop-pro.jp/PA01496/281/images/common/button_line_bg.png'); display: block; flex-shrink: 0;}
.button a {display: flex; justify-content: space-between; align-items: center; font-size: 18px; height: 51px;}
.button a:after {transition: .3s; content: ""; display: block; width: 32px; height: 13px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/button_arrow.png'); margin-left: 10px;}

.button:hover {transition: .3s; opacity: 1;}
.button:hover:before {transition: .3s; content: ""; height: 2px; background: url('https://file003.shop-pro.jp/PA01496/281/images/common/button_line_bg_hover.png'); display: block;}
.button:hover:after {transition: .3s; content: ""; height: 2px; background: url('https://file003.shop-pro.jp/PA01496/281/images/common/button_line_bg_hover.png'); display: block;}
.button a:hover {color: #f15652;}
.button:hover a:after {transition: .3s;content: ""; display: block; width: 32px; height: 13px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/button_arrow_hover.png'); margin-left: 10px;}

.item-list {width: 1226px; margin-left: -26px;}
.item-list .box {width: 280px; padding-left: 26px; position: relative; box-sizing: content-box;}
.item-list .image {margin-bottom: 30px; border-radius: 20px; overflow: hidden;}
.item-list img {width: 100%; height: auto;}
.item-list h3 {font-weight: 500;}
.c-item-list__btn {right: 26px;}
.c-item-list__btn.is-added {color: #f15652;}

@media screen and (max-width: 1399px) {
  ::-webkit-scrollbar {display: none; -webkit-appearance: none;}
  .item-list {width: 100%; margin-left: 0px; padding: 0 20px; box-sizing: border-box;}
  .item-list .slick-list {margin-left: -13px;}
  .item-list .box {padding-left: 13px; padding-bottom: 20px;}
  .item-list h3 {font-size: 14px;}

  .button {max-width: 335px; height: 61px; margin: 35px auto 0;}
  .button a {height: 61px; justify-content: center; position: relative; font-size: 15px;}
  .button a:after {position: absolute; right: 0;}
  .button.sp {display: flex !important;}

  .slick-prev,
  .slick-next {width: 17px !important; height: 28px !important; z-index: 10 !important; top: 26% !important;}
  .slick-prev:before,
  .slick-next:before {content: "" !important; width: 17px !important; height: 28px !important; display: block !important; background-size: cover;}
  .slick-next:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/icon-next.png');}
  .slick-prev:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/icon-prev.png');}

  .slick-next {right: 20px !important;}
  .slick-prev {left: 20px !important;}

  .list-wrap {overflow: hidden;}
  .c-item-list__btn {right: 16px;}
}

/* =================================================================
メインビジュアル
=================================================================*/
.main-visual {margin: 0 auto 50px; width: 100%;}
.main-visual img {display: block; width: 100%;}
.main-visual .slick-dots {bottom: -44px;}
  .main-visual-area {margin-bottom: 70px;}
.main-visual-area .slick-dotted.slick-slider {margin-bottom: 0 !important;}

.main-visual-area .slick-dots li {width: 14px !important; height: 14px !important;}
.main-visual-area .slick-dots li button {width: 14px !important; height: 14px !important;}
.main-visual-area .slick-dots li button:before {content: "" !important; width: 14px !important; height: 14px !important; border-radius: 100%; background-color: #150f0c; opacity: 1;}
.main-visual-area .slick-dots li.slick-active button:before {opacity: 1 !important; background-color: #f15652;}

@media screen and (max-width: 1399px) {
  .main-visual {margin: 0 auto;}
  .main-visual-area {margin-bottom: 0;}
}

/* =================================================================
上部ニュース
=================================================================*/
.top-news {padding: 120px 0 110px;}
.top-news ul {margin: 0 auto; width: 690px;}
.top-news li {display: flex; align-items: flex-start; font-size: 17px;}
.top-news li .date {margin-right: 2em;}

@media screen and (max-width: 1399px) {
  .top-news {padding: 45px 20px 70px;}
  .top-news ul {margin: 0 auto; width: 100%;}
  .top-news li {flex-direction: column; font-size: 14px;}
  .top-news li + li {margin-top: 1em;}
}

/* =================================================================
新着商品
=================================================================*/
.new-arrival {position: relative; padding-bottom: 141px;}
.new-arrival:after {content: ""; display: block; position: absolute; bottom: -27px; width: 100%; height: 27px; border-bottom: 27px solid #fff; border-radius: 100%; z-index: 1;}
.new-arrival .image {position: relative;}
.new-arrival .image:before {content: ""; display: block; width: 50px; height: 50px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/icon-new.png'); position: absolute; top: 10px; left: 10px; z-index: 1;}
.new-arrival .item-list-new-pc {display: flex; flex-wrap: wrap;}
.new-arrival .item-list-new-pc .box {width: 280px; padding-right: 26px; position: relative; box-sizing: content-box;}
.new-arrival .item-list-new-pc .box:nth-child(4n) {padding-right: 0px;}
.new-arrival .item-list-new-pc .box:nth-child(4n) .c-item-list__btn {right: 0;}
.new-arrival .item-list-new-pc .box:nth-child(n + 5) {display: none;}
.new-arrival .item-list-new-pc .image {margin-bottom: 25px; border-radius: 20px; overflow: hidden;}
.new-arrival .item-list-new-pc img {width: 100%; height: auto;}
.new-arrival .item-list-new-pc h3 {font-weight: 500;}

@media screen and (max-width: 1399px) {
  .new-arrival {padding-bottom: 91px;}
  .new-arrival h2 img {height: 15px;}
  .new-arrival:after {bottom: -5px; height: 5px; border-bottom: 5px solid #fff;}
  .new-arrival .item-list-new-pc {display: none;}
  .new-arrival .item-list-new {padding: 0 6px 0 20px; display: block;}
  .new-arrival .image:before {width: 35px; height: 35px; background-size: cover;}
  .new-arrival .item-list-new .box {width: 160px; padding-right: 14px; position: relative; box-sizing: content-box;}
  .new-arrival .item-list-new .box:nth-child(4n) {padding-right: 14px;}
  .new-arrival .item-list-new .box:nth-child(n + 5) {display: block;}
  .new-arrival .item-list-new .image {margin-bottom: 25px; border-radius: 20px; overflow: hidden;}
  .new-arrival .item-list-new img {width: 100%; height: auto;}
  .new-arrival .item-list-new h3 {font-weight: 500;}
}

/* =================================================================
おすすめ商品
=================================================================*/
.recommend {background-color: #fff2f2; padding-top: 160px; position: relative; padding-bottom: 91px;}
.recommend:after {content: ""; display: block; position: absolute; bottom: -27px; width: 100%; height: 27px; border-bottom: 27px solid #fff2f2; border-radius: 100%; z-index: 1;}

.recommend .inner:before {content: ""; display: block; width: 224px; height: 158px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/recommend_bg01.png'); position: absolute; left: 0; top: -241px; z-index: 1;}
.recommend .item-list-recommend-pc {display: flex; flex-wrap: wrap;}
.recommend .item-list-recommend-pc .box {width: 280px; padding-right: 26px; position: relative; box-sizing: content-box;}
.recommend .item-list-recommend-pc .box:nth-child(4n) {padding-right: 0;}
.recommend .item-list-recommend-pc .box:nth-child(n + 5) {margin-top: 53px;}
.recommend .item-list-recommend-pc .image {margin-bottom: 30px; border-radius: 20px; overflow: hidden;}
.recommend .item-list-recommend-pc img {width: 100%; height: auto;}
.recommend .item-list-recommend-pc h3 {font-weight: 500;}

@media screen and (max-width: 1399px) {
  .recommend {padding-top: 97px;}
  .recommend:after {bottom: -5px; height: 5px; border-bottom: 5px solid #fff2f2;}
  .recommend h2 img {height: 10px;}
  .recommend .inner:before {width: 112px; height: 79px; background-size: cover; left: 20px; top: -120px;}
  .recommend .item-list-recommend-pc {display: none;}
  .recommend .item-list-recommend {padding: 0 6px 0 20px; display: block;}
  .recommend .item-list-recommend .box {width: 160px; padding-right: 14px; position: relative; box-sizing: content-box;}
  .recommend .item-list-recommend .box:nth-child(4n) {padding-right: 14px;}
  .recommend .item-list-recommend .box:nth-child(n + 5) {margin-top: 0px;}
  .recommend .item-list-recommend .image {margin-bottom: 25px; border-radius: 20px; overflow: hidden;}
  .recommend .item-list-recommend img {width: 100%; height: auto;}
  .recommend .item-list-recommend h3 {font-weight: 500;}
}

/* =================================================================
キャンペーン
=================================================================*/
.campaign {background-color: #edfdff; padding-top: 160px; padding-bottom: 140px; position: relative;}
.campaign:after {content: ""; display: block; position: absolute; bottom: -27px; width: 100%; height: 27px; border-bottom: 27px solid #edfdff; border-radius: 100%; z-index: 1;}
.campaign .inner {position: relative;}
.campaign .inner:before {content: ""; display: block; position: absolute; top: -160px; right: 0; width: 183px; height: 157px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/campaign_bg01.png'); z-index: 1;}
.campaign .campaign-list {display: flex; justify-content: center;}
.campaign .campaign-list .box + .box {margin-left: 30px;}
.campaign .campaign-list a {display: block; max-width: 380px; border-radius: 15px; overflow: hidden;}

@media screen and (max-width: 1399px) {
  .campaign {padding-top: 80px; padding-bottom: 80px;}
  .campaign:after {bottom: -5px; height: 5px; border-bottom: 5px solid #edfdff;}
  .campaign .inner:before {width: 92px; height: 78px; background-size: cover; right: 20px; top: -95px;}
  .campaign .campaign-list {flex-direction: column; padding: 0 20px; align-items: center;}
  .campaign .campaign-list .box + .box {margin-top: 16px; margin-left: 0px;}
}

/* =================================================================
ランキング
=================================================================*/
.ranking {padding-top: 160px; padding-bottom: 140px; position: relative;}
.ranking:after {content: ""; display: block; position: absolute; bottom: -27px; width: 100%; height: 27px; border-bottom: 27px solid #fff; border-radius: 100%; z-index: 1;}

.ranking .image {position: relative;}
.ranking .number {display: block; position: absolute; top: 10px; left: 10px; width: 50px; height: 50px; z-index: 1;}
.ranking .number:before {content: ""; display: block; width: 50px; height: 50px; background-size: cover;}
.ranking .item-list-ranking .box:nth-child(1) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number01.png');}
.ranking .item-list-ranking .box:nth-child(2) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number02.png');}
.ranking .item-list-ranking .box:nth-child(3) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number03.png');}
.ranking .item-list-ranking .box:nth-child(4) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number04.png');}
.ranking .item-list-ranking .box:nth-child(5) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number05.png');}
.ranking .item-list-ranking .box:nth-child(6) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number06.png');}
.ranking .item-list-ranking .box:nth-child(7) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number07.png');}
.ranking .item-list-ranking .box:nth-child(8) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number08.png');}
.ranking .item-list-ranking .box:nth-child(9) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number09.png');}
.ranking .item-list-ranking .box:nth-child(10) .number:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/ranking_number10.png');}


.ranking .item-list-ranking .box {width: 280px; padding-right: 26px; position: relative; box-sizing: content-box;}
.ranking .item-list-ranking .image {margin-bottom: 30px; border-radius: 20px; overflow: hidden;}
.ranking .item-list-ranking img {width: 100%; height: auto;}
.ranking .item-list-ranking h3 {font-weight: 500;}

.ranking .item-list-ranking .slick-prev,
.ranking .item-list-ranking .slick-next {width: 27px !important; height: 45px !important; z-index: 10 !important; top: 34% !important;}
.ranking .item-list-ranking .slick-prev:before,
.ranking .item-list-ranking .slick-next:before {content: "" !important; width: 27px !important; height: 45px !important; display: block !important; background-size: cover; opacity: 1 !important;}
.ranking .item-list-ranking .slick-next:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/icon-next_pc.png');}
.ranking .item-list-ranking .slick-prev:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/icon-prev_pc.png');}
.ranking .item-list-ranking .slick-next {right: 18px; opacity: 1 !important;}
.ranking .item-list-ranking .slick-prev {left: -7px; opacity: 1 !important;}

@media screen and (max-width: 1399px) {
  .ranking {padding-top: 75px; padding-bottom: 70px;}
  .ranking:after {bottom: -5px; height: 5px; border-bottom: 5px solid #fff;}
  .ranking .number:before {width: 35px; height: 35px;}

  .ranking .item-list-ranking {padding: 0 6px 0 20px; display: block;}
  .ranking .item-list-ranking .box {width: 160px; padding-right: 13px;}
  .ranking .item-list-ranking .box:nth-child(4n) {padding-right: 13px;}
  .ranking .item-list-ranking .box:nth-child(n + 5) {margin-top: 0px;}

  .ranking .item-list-ranking .slick-prev,
  .ranking .item-list-ranking .slick-next {width: 17px !important; height: 28px !important; z-index: 10 !important; top: 26% !important;}
  .ranking .item-list-ranking .slick-prev:before,
  .ranking .item-list-ranking .slick-next:before {content: "" !important; width: 17px !important; height: 28px !important; display: block !important; background-size: cover;}
  .ranking .item-list-ranking .slick-next:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/icon-next.png');}
  .ranking .item-list-ranking .slick-prev:before {background-image: url('https://file003.shop-pro.jp/PA01496/281/images/common/icon-prev.png');}

  .ranking .item-list-ranking .slick-next {right: 20px !important;}
  .ranking .item-list-ranking .slick-prev {left: 20px !important;}
}


/* =================================================================
生地から探す
=================================================================*/
.material-area {background-color: #fff2f2; padding-top: 160px; position: relative; padding-bottom: 100px;}
.material-area .search-material {position: relative;}
.material-area .search-material:before {content: ""; display: block; width: 174px; height: 98px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/material-area_bg.png'); position: absolute; right: 0; top: -160px; z-index: 1;}
.material-area .tab-menu li {height: 50px; width: 390px; border-radius: 25px; border: 1px solid #f15652;}
.material-area .tab-contents { margin-top: 26px;}
.material-area .tab-contents .inner {display: flex; flex-wrap: wrap;}
.material-area .item {margin-right: 24px;}
.material-area .item:nth-child(6n) {margin-right: 0;}
.material-area .item:nth-child(n + 7) {margin-top: 20px;}
.material-area .item a {width: 180px; height: 140px; position: relative; display: block; border-radius: 10px; overflow: hidden; font-size: 17px;}
.material-area .item a span {opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: flex; visibility: hidden; justify-content: center; align-items: center; background: rgba(0,0,0,0.7); z-index: 0; transition: .3s; font-weight: bold; color: #fff;}
.material-area .item a:hover span {opacity: 1; visibility: visible; z-index: 1; transition: .3s;}

.material-area .color .item a {width: 220px; height: 60px; display: flex; justify-content: center; align-items: center; text-align: center;}
.material-area .color .item:nth-child(n + 6) {margin-top: 20px;}
.material-area .color .item:nth-child(1) a {background-color: #ffffff; border: 1px solid #999999;}
.material-area .color .item:nth-child(1) a {background-color: #fffef0; border: 1px solid #999999;}
.material-area .color .item:nth-child(2) a {background-color: #262626; color: #fff;}
.material-area .color .item:nth-child(3) a {background-color: #999999; color: #fff;}
.material-area .color .item:nth-child(4) a {background-color: #ffb0ae;}
.material-area .color .item:nth-child(5) {margin-right: 0;}
.material-area .color .item:nth-child(5) a {background-color: #ffcd46;}
.material-area .color .item:nth-child(6) a {background-color: #8b2479; color: #fff;}
.material-area .color .item:nth-child(6) {margin-right: 24px;}
.material-area .color .item:nth-child(7) a {background-color: #1d90a9; color: #fff;}
.material-area .color .item:nth-child(8) a {background-color: #48301c; color: #fff;}
.material-area .color .item:nth-child(9) {margin-right: 0;}
.material-area .color .item:nth-child(9) a {background-color: #ffffff; border: 1px solid #999999;}

.material-area .sozai .item a {width: 220px; height: 60px; display: flex; justify-content: center; align-items: center; border: solid 1px #999999; border-radius: 10px; background: #fff;}
.material-area .sozai .item a:hover {border-color: #ff6666; background: #ffc9c9; opacity: 1;}
.material-area .sozai .item:nth-child(n + 6) {margin-top: 20px;}
.material-area .sozai .item:nth-child(5n) {margin-right: 0;}
.material-area .sozai .item:nth-child(6) {margin-right: 24px;}
.material-area .sozai .item:nth-child(12) {margin-right: 24px;}

@media screen and (max-width: 1399px) {
  .material-area {padding-top: 95px;}
  .material-area .search-material:before {width: 87px; height: 49px; background-size: 100%; right: 20px; top: -99px;}
  .material-area .tab-menu {width: 100%; padding: 0 20px;} 
  .material-area .tab-menu li {height: 35px; width: 105px; font-size: 14px; line-height: 1; margin-right: 10px;}
  .material-area .tab-menu li:nth-child(3) {margin-right: 0;}
  .material-area .tab-contents {margin-top: 20px;}
  .material-area .tab-contents .inner {width: 930px; display: flex; flex-wrap: wrap; padding: 0 20px 40px; box-sizing: border-box;}
  .material-area .tab-contents.egara .inner {max-width: 1840px; width: 1840px;}
  .material-area .tab-contents.color .inner {max-width: 1180px; width: 1180px;}
  .material-area .tab-contents.sozai .inner {max-width: 1180px; width: 1180px;}

  .material-area .item a {width: 140px; height: auto; font-size: 14px;}
  .material-area .item a span { font-weight: normal; justify-content: flex-start; position: static; opacity: 1; visibility: visible; background: none; color: #150f0c; margin-top: 5px;}

  .material-area .egara .item {margin-right: 10px;}
  .material-area .egara .item:nth-child(6n) {margin-right: 10px;}
  .material-area .egara .item:nth-child(11n) {margin-right: 10px;}
  .material-area .egara .item:nth-child(n + 7) {margin-top: 0px;}
  .material-area .egara .item:nth-child(n + 13) {margin-top: 10px;}
  .material-area .egara img {height: 110px; width: 100%; object-fit: cover; border-radius: 10px;}
  
  .material-area .color .item {margin-right: 10px;}
  .material-area .color .item:nth-child(5n) {margin-right: 0px;}
  .material-area .color .item:nth-child(n + 6) {margin-top: 10px;}
  .material-area .color .item:nth-child(6) {margin-right: 10px;}

  .material-area .sozai .item {margin-right: 10px;}
  .material-area .sozai .item:nth-child(5n) {margin-right: 0px;}
  .material-area .sozai .item:nth-child(n + 6) {margin-top: 10px;}
  .material-area .sozai .item:nth-child(6) {margin-right: 10px;}
  .material-area .sozai .item:nth-child(12) {margin-right: 10px;}

  .simplebar-scrollbar::before { background: #150f0c; border-radius: 2px; height: 3px !important;}
  .simplebar-track { background: #d9d9d9; height: 3px;}
  .simplebar-scrollbar.simplebar-visible:before {opacity: 1;}
  .simplebar-track.simplebar-horizontal {height: 3px !important; margin-right: 20px !important; left: 20px !important;}
  .simplebar-track.simplebar-horizontal .simplebar-scrollbar {top: 0px !important; height: 3px !important;}
  .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {left: 0 !important; right: 0 !important;}
}

/* =================================================================
アイテム・SALE商品から探す
=================================================================*/
.sale-area {background-color: #fff2f2; position: relative; padding-bottom: 91px;}
.sale-area:after {content: ""; display: block; position: absolute; bottom: -27px; width: 100%; height: 27px; border-bottom: 27px solid #fff2f2; border-radius: 100%; z-index: 1;}
.sale-area .search-sale {position: relative;}
.sale-area .search-sale:after {content: ""; display: block; width: 164px; height: 119px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/sale-area_bg.png'); position: absolute; left: 0; bottom: -160px; z-index: 2;}
.sale-area .tab-menu li {height: 50px; padding: 0 30px; border-radius: 25px; border: 1px solid #f15652; margin-right: 10px;}
.sale-area .tab-contents {margin-top: 26px;}
.sale-area .tab-contents .inner {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.sale-area .item {margin-right: 35px; flex-shrink: 0;}
.sale-area .item:nth-child(7n) {margin-right: 0;}
.sale-area .item:nth-child(n + 8) {margin-top: 30px;}
.sale-area .item a {display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 17px;}
.sale-area .item img {margin-bottom: 12px;}

.sale-area .no-image a {width: 140px; height: 140px; border: 1px solid #999999; border-radius: 10px; background: #fff;}
.sale-area .no-image a:hover {background: #ffc9c9; border: 1px solid #ff6666;}
.sale-area .no-image.small a {width: 140px; height: 70px;}

@media screen and (max-width: 1399px) {
  .sale-area:after {bottom: -5px; height: 5px; border-bottom: 5px solid #fff2f2;}
  .sale-area .search-sale:after {display: none;}
  .sale-area h2 {flex-direction: column; align-items: flex-start;}
  .sale-area .title-wrap .cmn-title {letter-spacing: 0.05em;}
  .sale-area h2 img {margin-left: 0; margin-top: 10px;}
  .sale-area .tab-menu {padding-left: 20px; height: 37px;}
  .sale-area .tab-menu li {height: 35px; font-size: 14px; line-height: 1; margin-right: 10px; padding: 0 10px; box-sizing: border-box;}
  .sale-area .tab-contents .inner {min-width: auto; display: flex; flex-wrap: nowrap; padding: 0 20px 40px; box-sizing: border-box;}
  .sale-area .item {width: 140px; margin-right: 11px;}
  .sale-area .item:last-child {padding-right: 20px; box-sizing: content-box;}
  .sale-area .item a {font-size: 14px;}
  .sale-area .item img {margin-bottom: 5px;}
}

.item-area {padding-top: 80px; padding-bottom: 80px;}
.item-area .inner {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.item-area .item {margin-right: 24px; flex-shrink: 0;}
.item-area .item:nth-child(6n) {margin-right: 0;}
.item-area .item:nth-child(n + 7) {margin-top: 20px;}
.item-area .item a {display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 17px; width: 180px; border: 1px solid #999999; background: #fff; height: 70px; box-sizing: border-box; border-radius: 10px; text-align: center;}
.item-area .item a:hover {border-color: #ff6666; background: #ffc9c9; opacity: 1;}

@media screen and (max-width: 1399px) {
.item-area .inner {min-width: auto; display: flex; flex-wrap: nowrap; padding: 0 20px 40px; box-sizing: border-box;}
.item-area .item {width: 140px; margin-right: 11px;}
.item-area .item:last-child {padding-right: 20px; box-sizing: content-box;}
.item-area .item a {font-size: 14px; width: 140px;}
.item-area .item:nth-child(6n) {margin-right: 24px;}
.item-area .item:nth-child(7n) {margin-right: 0px;}
.item-area .item:nth-child(n + 7) {margin-top: 0px;}
}

/* =================================================================
イベント・レッスン
=================================================================*/
.event {padding-top: 249px;}
.event .inner {position: relative;}
.event .inner:before {content: ""; display: block; width: 191px; height: 132px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/event_bg.png'); position: absolute; right: 0; top: -260px; z-index: 2;} 
.event .item-list-event-pc {display: flex; flex-wrap: wrap; }
.event .item-list-event-pc .box {width: 380px; min-height: 517px; padding-right: 30px; position: relative; box-sizing: content-box;}
.event .item-list-event-pc .box:nth-child(3n) {padding-right: 0;}
.event .item-list-event-pc .box:nth-child(n + 4) {margin-top: 42px;}
.event .item-list-event-pc .button {width: 133px; margin: 0 auto; position: absolute; bottom: 20px; left: 0; right: 0;}
.event .item-list-event-pc .image {margin-bottom: 20px; border-radius: 20px; overflow: hidden;}
.event .item-list-event-pc img {width: 100%; height: 240px; object-fit: cover;}
.event .item-list-event-pc h3 {font-weight: bold; font-size: 22px; max-width: 320px; margin: 0 auto;}
.event .item-list-event-pc p {font-size: 17px; max-width: 320px; margin: 0 auto;}

.event .title-wrap {margin-bottom: 10px;}
.event .title-wrap + p {font-size: 17px; margin-bottom: 29px;}

@media screen and (max-width: 1399px) {
  .event {padding-top: 80px;}
  .event .inner:before {left: 20px; top: -130px; right: auto; width: 95px; height: 67px; background-size: cover;}
  .event h2 img {height: 16px;}
  .event .item-list-event-pc {display: none;}
  .event .item-list-event {display: block; width: 335px; margin: 0 auto;}
  .event .item-list-event .box {width: auto; min-height: 444px; padding-right: 20px; box-sizing: content-box;}
  .event .item-list-event .box:nth-child(n + 4) {margin-top: 0px;}
  .event .item-list-event .box:nth-child(3n) {padding-right: 20px;}
  .event .item-list-event .slick-list {padding-left: 0px; overflow: visible !important;}
  .event .item-list-event .image {margin-bottom: 20px; border-radius: 20px; overflow: hidden;}
  .event .item-list-event img {width: 100%; height: 198px; object-fit: cover;}
  .event .item-list-event h3 {font-weight: bold; font-size: 19px; max-width: 320px; margin: 0 auto;}
  .event .item-list-event p {font-size: 14px; max-width: 320px; margin: 0 auto;}
  .event .item-list-event .button {width: 116px; height: 47px;}
  .event .item-list-event .button a { display: flex; justify-content: space-between; height: 45px;}
  .event .item-list-event .button a:after {position: static;}

  .event .slick-next {right: 0px !important; top: 22% !important;}
  .event .slick-prev {left: 0px !important; top: 22% !important;}
  
  .event .title-wrap + p {padding: 0 20px; font-size: 14px;}
}

/* =================================================================
コンテンツ
=================================================================*/
.contents {position: relative; padding-bottom: 91px; padding-top: 279px;}
.contents:after {content: ""; display: block; position: absolute; bottom: -27px; width: 100%; height: 27px; border-bottom: 27px solid #fff; border-radius: 100%; z-index: 1;}
.contents .inner {position: relative;}
.contents .inner:before {content: ""; display: block; width: 211px; height: 148px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/contents_bg01.png'); position: absolute; left: -33px; top: -210px; z-index: 2;} 
.contents .inner:after {content: ""; display: block; width: 189px; height: 132px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/contents_bg02.png'); position: absolute; right: 0; bottom: -163px; z-index: 2;} 
.contents .item-list-contents-pc {display: flex; flex-wrap: wrap;}
.contents .item-list-contents-pc .box {width: 380px; min-height: 517px; margin-right: 30px; padding-bottom: 20px; position: relative;}
.contents .item-list-contents-pc .box:nth-child(3n) {margin-right: 0;}
.contents .item-list-contents-pc .button {width: 133px; margin: 40px auto 0; position: absolute; bottom: 20px; left: 0; right: 0;}
.contents .item-list-contents-pc .image {margin-bottom: 30px; border-radius: 20px; overflow: hidden;}
.contents .item-list-contents-pc img {width: 100%; height: 240px; object-fit: cover;}
.contents .item-list-contents-pc h3 {font-weight: bold; font-size: 22px;}
.contents .item-list-contents-pc p {font-size: 17px;}

.contents ul {display: flex; flex-wrap: wrap; padding-top: 60px;}
.contents ul li {width: 380px; margin-right: 30px;}
.contents ul li:nth-child(3n) {margin-right: 0;}
.contents ul li:nth-child(n + 4) {margin-top: 30px;} 

@media screen and (max-width: 1399px) {
  .contents {padding-top: 120px;}
  .contents:after {bottom: -5px; height: 5px; border-bottom: 5px solid #fff;}
  .contents .inner:before {width: 94px; height: 65px; background-size: cover; right: 30px; left: auto; top: -65px;}
  .contents .inner:after {width: 94px; height: 72px; background-size: cover; bottom: -147px; right: 40px;}
  .contents .item-list-contents-pc {display: none;}
  .contents .item-list-contents {display: block; width: 335px; margin: 0 auto;}
  .contents .item-list-contents .box {width: auto; margin-right: 0px; min-height: 444px; padding-right: 20px; box-sizing: content-box;}
  .contents .item-list-contents .box:nth-child(n + 4) {margin-top: 0px;}
  .contents .item-list-contents .slick-list {padding-left: 0px; overflow: visible !important;}
  .contents .item-list-contents .image {margin-bottom: 30px; border-radius: 20px; overflow: hidden;}
  .contents .item-list-contents img {width: 100%; height: 240px; object-fit: cover;}
  .contents .item-list-contents h3 {font-weight: bold; font-size: 19px;}
  .contents .item-list-contents p {font-size: 14px;}
  .contents .item-list-contents .button {width: 116px; height: 47px;}
  .contents .item-list-contents .button a { display: flex; justify-content: space-between; height: 45px;}
  .contents .item-list-contents .button a:after {position: static;}
  .contents ul {display: flex; justify-content: center; max-width: 335px; margin: 0 auto;}
  .contents ul li {width: 161px; margin-right: 13px;}
  .contents ul li:nth-child(3n) {margin-right: 13px;}
  .contents ul li:nth-child(2n) {margin-right: 0px;}
  .contents ul li:nth-child(n + 4) {margin-top: 15px;} 
  .contents ul li:nth-child(n + 3) {margin-top: 15px;}

  .contents .slick-next {right: 0px !important; top: 22% !important;}
  .contents .slick-prev {left: 0px !important; top: 22% !important;}
}

/* =================================================================
お知らせ
=================================================================*/
.news {background-color: #edfdff; padding-top: 160px; padding-bottom: 140px; position: relative;}
.news:after {content: ""; display: block; position: absolute; bottom: -25px; width: 100%; height: 27px; border-bottom: 27px solid #edfdff; border-radius: 100%; z-index: 1;}
.news .inner {position: relative;}
.news .inner:after {content: ""; display: block; width: 163px; height: 188px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/news_bg.png'); position: absolute; left: -61px; bottom: 0px; z-index: 2;} 
.news .title-wrap {flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.news .title-wrap h2 {flex-direction: column; align-items: flex-start; justify-content: flex-start; font-size: 34px; letter-spacing: 0.2em; font-weight: 500; line-height: 1;}
.news .title-wrap h2 img {margin: 20px 0 0 0;}

.news .inner {display: flex; justify-content: space-between;}
.news .list {width: 100%; max-width: 850px;min-height: 345px;}
.news .list li {display: flex; margin-top: 31px;}
.news .list li + li {padding-top: 31px; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/news_line_bg.png'); background-repeat: repeat-x;}
.news .list li .date {width: 200px; flex-shrink: 0;}
.news .list li p {font-size: 17px;}

@media screen and (max-width: 1399px) {
  .news {padding-top: 100px; padding-bottom: 85px;}
  .news:after {bottom: -5px; height: 7px; border-bottom: 7px solid #edfdff;}
  .news .inner {flex-direction: column;}
  .news .inner:after {width: 82px; height: 94px; background-size: cover; left: 30px; bottom: -113px;}
  .news .title-wrap {margin-bottom: 14px;}
  .news .title-wrap h2 {flex-direction: column; align-items: flex-start; font-size: 23px;}
  .news .title-wrap h2 img {margin: 10px 0 0 0px;}
  .news .list {padding: 0 20px;}
  .news .list li {flex-direction: column; font-size: 14px;}
  .news .list li p {font-size: 14px;}
  .news .list li + li {background-size: 100% 1px;}
}

/* =================================================================
parallax
=================================================================*/
.parallax {min-height: 524px;}
.scenery {display: none; position: fixed; left: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; margin: auto;}

@media screen and (max-width: 1399px) {
  .parallax {min-height: 158px;}
}

/* =================================================================
お気に入りした商品
=================================================================*/
.favorite {padding-bottom: 150px; position: relative;}
.favorite:before {content: ""; display: block; height: 27px; width: 100%; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/round-top.svg'); position: absolute; top: -25px; z-index: 1; background-size: 100%;}
.favorite .inner {padding-top: 127px;}
.favorite ul {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.favorite li {width: 180px; font-size: 17px;}
.favorite li + li {margin-left: 23px;}
.favorite li:nth-child(7n) {margin-left: 0;}
.favorite li:nth-child(n + 7) {margin-top: 20px;}
.favorite li img {display: block;}
.favorite li .image {border-radius: 20px; margin-bottom: 20px; overflow: hidden;}

@media screen and (max-width: 1399px) {
  .favorite {padding-bottom: 80px;}
  .favorite:before {height: 7px; top: -7px; left: 0; width: 100%; box-sizing: border-box; background-image: url('https://file003.shop-pro.jp/PA01496/281/images/top/round-top_sp.png');}
  .favorite .inner {padding-top: 88px;}
  .favorite .title-wrap .cmn-title {letter-spacing: 0;}
  .favorite .title-wrap .cmn-title img {margin-left: 0px;}
  .favorite ul {width: 335px; flex-wrap: wrap; margin: 0 auto;}
  .favorite li {width: 78px; font-size: 14px;}
  .favorite li + li {margin-left: 7px;}
  .favorite li:nth-child(7n) {margin-left: 7px;}
  .favorite li:nth-child(n + 6) {margin-top: 0px;}
  .favorite li:nth-child(4n + 1) {margin-left: 0px;}
  .favorite li:nth-child(n + 5) {margin-top: 10px;}
  .favorite li .name {display: none;}
  .favorite li .image {border-radius: 10px; margin-bottom: 10px;}
}

/* =================================================================
最近チェックした商品
=================================================================*/
.chaked-item {padding-bottom: 150px;}
.chaked-item ul {display: flex; justify-content: flex-start;}
.chaked-item li {width: 180px; font-size: 17px;}
.chaked-item li + li {margin-left: 23px;}
.chaked-item img {display: block;}
.chaked-item .image {border-radius: 20px; margin-bottom: 20px; overflow: hidden;}

@media screen and (max-width: 1399px) {
  .chaked-item {padding-bottom: 83px;}
  .chaked-item .title-wrap {padding-right: 0;}
  .chaked-item .title-wrap .cmn-title {letter-spacing: 0; }
  .chaked-item .title-wrap .cmn-title img {margin-left: 0px; height: 10px;}
  .chaked-item ul {width: 335px; flex-wrap: wrap; margin: 0 auto;}
  .chaked-item li {width: 78px; font-size: 14px;}
  .chaked-item li + li {margin-left: 7px;}
  .chaked-item li:nth-child(n + 5) {display: none;}
  .chaked-item li .name {display: none;}
  .chaked-item li .image {border-radius: 10px; margin-bottom: 10px;}
}

/* =================================================================
Instagram
=================================================================*/
.instagram {padding-bottom: 212px;}
.instagram h2 {font-size: 34px; display: flex; align-items: center; font-weight: 500; letter-spacing: 0.2em; margin-bottom: 36px;}
.instagram h2 img {margin-right: 17px;}
.instagram ul {display: flex; justify-content: space-between;}

@media screen and (max-width: 1399px) {
  .instagram {padding-bottom: 65px;}
  .instagram h2 {font-size: 23px; padding: 0 20px; margin-bottom: 27px;}
  .instagram h2 img {margin-right: 12px; width: 25px; height: 25px;}
  .instagram ul {flex-wrap: wrap; justify-content: flex-start; width: 335px; margin: 0 auto;}
  .instagram ul li {width: 101px; margin-right: 13px;}
  .instagram ul li:nth-child(3n) {margin-right: 0;}
  .instagram ul li:nth-child(n + 4) {margin-top: 13px;}

  .instagram ul {display: none;}
  .instagram .item-list-instagram {padding-left: 20px; padding-right: 7px;}
  .instagram .item-list-instagram .box {padding-right: 13px; box-sizing: content-box;}
}

/* =================================================================
about
=================================================================*/
.about {position: relative; padding-bottom: 91px;}
/* .about:after {content: ""; display: block; position: absolute; bottom: -27px; width: 100%; height: 27px; border-bottom: 27px solid #fff; border-radius: 100%; z-index: 1;} */
.about .inner {display: flex; padding: 0; max-width: 1400px;　position: relative;}
.about img {flex-shrink: 0;}
.about .text {padding-right: 102px;}
.about p {font-size: 18px; line-height: 2.25;}
.about .button {margin-top: 40px; float: right;}

@media screen and (max-width: 1399px) {
  .about:after {bottom: -5px; height: 5px; border-bottom: 7px solid #fff;}
  .about .inner {flex-direction: column; padding: 0 20px;}
  .about .inner:before {display: none;}
  .about .text {padding-right: 0px; padding-top: 45px;}
  .about p {font-size: 14px; line-height: 1.5;}
  .about .button {margin-top: 40px; float: none; width: 117px; height: 45px;}
  .about .button a {justify-content: space-between; height: 45px;}
}

/*240416追加*/
.sp_postage {
  display: none;
}
.instagram ul li {
  width: 180px;
}
.c-top-news {
  --topNewsHeight: 190px;
  width: 100%;
  height: var(--topNewsHeight);
  position: relative;
  z-index: 2;
  font-size: 17px;
  margin: 0 auto;
  padding: 64px 0 0;
}
.c-top-news::before {
  content: '';
}


.c-top-newsListNext::before, .c-top-newsListPrev::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--defaultColor);
  opacity: 0.05;
}

.c-top-newsListNext, .c-top-newsListPrev {
  width: 60px;
  height: var(--topNewsHeight);
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  z-index: 3;
}
.c-top-newsListPrev {
  right: 60px;
}
.c-top-newsListPrev::after {
  right: 5px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  transform: rotate(-45deg);
}

.c-top-newsListNext::after {
  left: 5px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  transform: rotate(45deg);
}
.c-top-newsListPrev::after,
.c-top-newsListNext::after{
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  top: calc(50% - 5px);
  transition: right 0.2s ease-out, left 0.2s ease-out;
}
.slider_pc {
display: block;
}
.slider_sp {
display: none;
}

@media screen and (max-width: 768px) {
.slider_pc {
display: none;
}
.slider_sp {
  display: block;
}
}

@media screen and (max-width: 1399px) {
  .c-top-newsListPrev::after, .c-top-newsListNext::after {
    top: calc(50% - -30px);
  }
  .sp_postage_in {
    padding: 80px 20px 0;
    background-color: #fff;
  }
  .sp_postage {
    text-align: center;
    color: #f15652;
    font-weight: bold;
    font-size: 18px;
    border: 2px solid #f15652;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    height: 50px;
    background-color: #fff;
  }
  .c-top-news {
    --topNewsHeight: 190px;
    height: var(--topNewsHeight);
    font-size: 1.17em;
    margin: 0;
    padding: 20px 10px 0;
    background: #fff;
  }
  .c-top-news p {
    margin: 0 10px;
  }
  .c-top-news .slick-prev:before,
  .c-top-news .slick-next:before{
    content: "";
    background-image: none;
  }
  .c-top-newsListPrev,
  .c-top-newsListNext {
    height: auto;
  }
  .c-top-news .slick-slide {
    margin: 30px 0 0;
  }

  .instagram ul {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
  }
  .instagram ul li {
    width: 28%;
  }
}

/*240416追加*/

/*240423追加*/
.banner {
  margin: 0 auto;
  max-width: 400px;
  padding: 20px 20px 0;
}
/*240423追加*/

.p-product-sall-off-percent{
  background-color: #FBE1E1;
  font-size: 17px;
  color: #F15652;
  text-align: center;
  padding: 3px 0 0 0;
  border-radius: 999px;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px){
  .p-product-sall-off-percent{
  	font-size: 14px;
  }
}