@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
#whiteday2026 {
  font-family: "Noto Sans JP", sans-serif;
}

#whiteday2026 a,
#whiteday2026 a img {
  transition: opacity .3s ease-in-out;
}
#whiteday2026 a:hover,
#whiteday2026 a:hover img {
  opacity: .7;
}
#whiteday2026 img,
#whiteday2026 a {
  width: 100%;
}
.tabOn{
  display: None;
}
.spOn{
  display: None;
}
.xspOn{
  display: None;
}
.d-inline-b{
  display: inline-block;
}
#whiteday2026 .spNone{
  display: inline;
}
#whiteday2026 .letter-spacing-s{
  letter-spacing: 0.02em;
}
#whiteday2026 .nowrap{
  white-space: nowrap;
}

#whiteday2026 .section100vw {
  margin: 0 calc(50% - 50vw);
  overflow-x: hidden;
  padding: 0 calc(50vw - 50%);
  width: 100vw;
}
/* ページ全体のカラー指定 */
#whiteday2026 .section{
  color: #51453E;
}

/* 疑似要素　共通設定 */
#whiteday2026 .swiper-sec::before,
#whiteday2026 .swiper-sec::after,
#whiteday2026 .title .h2::before,
#whiteday2026 .title .h2::after,
#whiteday2026 .swiper-sec.recommend-sec .itemImg::after,
#whiteday2026 .select-sec .sectionInner::before,
#whiteday2026 .select-sec .sectionInner::after{
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  display:block;
}

#whiteday2026 .section + .section{
  margin-top: 70px;
}

#whiteday2026 .link-area{
  margin-top: 20px;
}

/* MVとMV下 */
#whiteday2026 .shipping-fee{
  padding: 20px 0 30px;
  text-align: center;
}

#whiteday2026 .shipping-fee h3{
  font-size: 24px;
  font-weight:500;
  margin: 0 auto;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
  display: inline-block;
}

#whiteday2026 .shipping-fee h3 p{
  position: relative;
  background: linear-gradient(transparent 80%, #DFF2F0 80%);
  background-position: left bottom 10px;
  padding: 0 0px 0 70px;
}

#whiteday2026 .shipping-fee h3 p::before{
  content: "";
  position: absolute;
  background-image: url("../icon-car.svg");
  width: 55px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  left: 10px;
  top: 40%;
}

#whiteday2026 .shipping-fee h3 span.large{
  font-size: 40px;
  margin: 0 5px;
  font-weight: 500;
}

/* ご注意事項 */
#whiteday2026 .attention {
  margin: 40px auto 0;
  width: calc(100% - 80px);
}
#whiteday2026 .attention .title{
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  text-align: center;
  line-height: 3.5em;
}
#whiteday2026 .attention .title .h2 {
  color: #51453E;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 35px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-align: center;
}

#whiteday2026 .attention p,
#whiteday2026 .attention dt,
#whiteday2026 .attention dd,
#whiteday2026 #accordionContent .attention-item-list li{
  color: #51453E;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 30px;
  text-align: left;
}
#whiteday2026 .attention p {
  margin-bottom: 12px;
}
#whiteday2026 .attention dl {
  padding-left: 17px;
}
#whiteday2026 .attention dt {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.67;
  margin-left: -12px;
}
#whiteday2026 .attention ul li {
  padding-left: 1em;
  position: relative;
  line-height: 1.6;
}
#whiteday2026 .attention dd:not(:last-child) {
  margin-bottom: 12px;
}
#whiteday2026 .attention ul li span{
  color: #C22503;
  font-weight: bold;
}
#whiteday2026 .attention dd li::before,
#whiteday2026 #accordionContent .attention-item-list > li::before {
  content: "・";
  display: inline;
  left: 0;
  position: absolute;
}
#whiteday2026 .attention .proviso{
  margin-bottom: 5px;
}
#whiteday2026 .attention .proviso,
#whiteday2026 .attention #accordionContent .proviso li {
    font-size: 14px;
    line-height: 1.6;
}
#whiteday2026 .attention #accordionContent .proviso li{
  margin-bottom: 1px;
}
#whiteday2026 .attention ul.proviso li::before {
  content: "※";
}
/* アコーディオン */
#whiteday2026 #accordionTitle {
  text-align: center;
  margin: 15px auto 0;
  /* padding: 11px 10px 20px; */
  width: 100%;
  background-color: #FFF;
  cursor: pointer;
  color: #51453E;
  border: 1px solid #51453E;
  font-size: 20px;
  position: relative;
  line-height: 70px;
}
#whiteday2026 #accordionTitle::after{
  background-image: url("../icon-arrow-brown.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  /* transform: translateY(-50%); */
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.2s ease-in-out;
  width: 18.726px;
  height: 8.517px;
  right: 16px;
  top: 50%;
}
#whiteday2026 #accordionTitle.open::after {
    /* transform: translateY(-50%) rotate(180deg); */
    transform: translateY(-50%);
  }

#whiteday2026 #accordionTitle span{
  position: relative;
}
#whiteday2026 #accordionTitle span::before{
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../icon-caution.svg);
  height: 35px;
  top: 50%;
  left: -37px;
  transform: translateY(-50%);
  width: 22px;
  display: block;
}

#whiteday2026 #accordionContent{
  padding: 45px 63px 50px;
  background-color: #FBFBFB;
}
#whiteday2026 #accordionContent dl{
  padding-left: 0;
}

/* ボタン */
/* #whiteday2026 .itemButtonW100 {
  width: 100%;
} */
/* TOPページ・カテゴリーページボタン */
#whiteday2026 .bnrWrap {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: center;
  margin: 80px auto 90px;
  max-width: 100%;
}

#whiteday2026 .bnrWrap .categoryLink,
#whiteday2026 .bnrWrap .topBtn {
width: 50%;
}

#whiteday2026 .bnrWrap .topBtn {
margin-right: 20px;
width: calc(50% - 20px);
}

#whiteday2026 .bnrWrap .topBtn a {
align-items: center;
border: 1px solid #7a7778;
color: #7a7778;
display: flex;
font-size: 20px;
height: 70px;
justify-content: center;
max-width: 400px;
padding: 0 10px;
width: 100%;
}

#whiteday2026 .bnrWrap .categoryLink a {
align-items: center;
background-color: #A99F99;
color: #fff;
display: flex;
font-size: 20px;
font-weight: bold;
height: 70px;
justify-content: center;
max-width: 415px;
width: 100%;
padding: 0 10px;
}

/* body .contentsTop{
  margin: 0 auto 50px !important;
} */

#whiteday2026 .link-area .link-parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
#whiteday2026 .link-area .link-parent li:last-child{
  grid-area: 2 / 1 / 3 / 4;
}

#whiteday2026 .link-area .link-parent a{
  background-color: #8FC2BC;
  color: #FFF;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 68px;
  padding: 0 10px;
  position: relative;
  /* font-family: "Noto Serif JP", serif; */
}
#whiteday2026 .link-area .link-parent a::before{
  background-image: url(../icon-arrow-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
}
#whiteday2026 .link-area .link-parent li:last-child a::before{
  transform: translateY(-50%) rotate(-90deg);
}
#whiteday2026 .link-area .link-parent li{
  padding-left: 0;
}

  #whiteday2026 .link-area .link-parent li.link-all a::before{
    background-image: url(../icon-arrow-alllink.svg);
}

/* pickup共通タイトル */
#whiteday2026 .pickupAllWrap {
  text-align: center;
  margin: 50px auto 20px;
}

#whiteday2026 .pickupAllWrap .pickup-title{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#whiteday2026 .pickupAllWrap .pickup-title .title-inner{
  font-size: 35px;
  font-weight: bold;
  color: #51453E;
  letter-spacing: 0.08em;
}

#whiteday2026 .pickupAllWrap .pickup-title .title-sub{
  font-size: 16px;
  margin-top: -10px;
}

#whiteday2026 .pickupAllWrap .pickup-title.ttl-deco .title-inner{
  z-index: 1;
  padding: 0 50px;
  background-color: #FFF;
}

#whiteday2026 .pickupAllWrap .pickup-title.ttl-deco::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 30px;
  background-image: url("../deco-ttl.svg");
  z-index: 0;
  background-repeat: repeat-x;
  top: 20px;
}

/* セクション内共通要素 */

 #whiteday2026 .swiper-wrapper-outer{
    position: relative;
    margin-top: 40px;
  }

 #whiteday2026 .swiper-wrapper-outer .deco-img{
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    background-position: center top;
  }

 #whiteday2026 .swiper-wrapper-outer.wrapper-recommend > .deco-img{
    background-image: url(../deco-ranking.svg);
    width: 350px;
    height: 107px;
    top: -25px;
  }

   #whiteday2026 .swiper-wrapper-outer.wrapper-pickup > .deco-img{
    background-image: url(../deco-petitgift.svg);
    width: 478px;
    height: 123px;
    top: -25px;
  }

     #whiteday2026 .swiper-wrapper-outer.wrapper-special > .deco-img{
    background-image: url(../deco-specialgift.svg);
    width: 564px;
    height: 123px;
    top: -25px;
  }


#whiteday2026 .section .title{
  text-align: center;
  color: #51453E;
}
#whiteday2026 .title .h2{
  display: inline-block;
  font-weight: bold;
  font-size: 25px;
  line-height: 1.466;
  letter-spacing: 0.08em;
  position: relative;
}
#whiteday2026 .sub-title{
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-align: center;
}
/* #whiteday2026 .title .h2 span{
  font-family: "Dancing Script", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 55px;
} */
/* #whiteday2026 .section .body{
  margin-top: 20px;
} */
#whiteday2026 .section .itemLead{
  font-size: 16px;
  line-height: 1.5;
}

#whiteday2026 .section .shop-name{
  font-size: 14px;
  line-height: 1.4;
  text-indent: -7px;
}
#whiteday2026 .section .itemName{
  margin-top: 5px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}
#whiteday2026 .section .itemPrice {
  margin-top: 10px;
  font-size: 14px;
  text-align:left;
}
#whiteday2026 .section .itemPrice .number {
  font-weight: bold;
  font-size: 18px;
  /* padding-right: 5px; */
}

  /* swiper */
  #whiteday2026 .swiper-sec {
    /* padding: 50px 0 40px; */
    background-color: #D4E4E9;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    position: relative;
    overflow-x: hidden;
    overflow-y: visible;
  }
  #whiteday2026 .swiper-sec a{
    color: #36312E;
  }
  #whiteday2026 .swiper-sec .body {
    margin-top: 20px;
    padding: 0 45px;
    position: relative;
    overflow: hidden;
  }
  #whiteday2026 .swiper-sec.swiper {
    width: 100%;
    max-width: 1009px;
    overflow: hidden;
  }
  /* #whiteday2026 .swiper-sec.swiper-slide {
    width: 323px;
  } */
  /* #whiteday2026 .swiper-sec .swiper{
    position: relative;
  } */
  #whiteday2026 .swiper-sec .swiper-slide{
    text-align: left;
  }
  #whiteday2026 .swiper-sec .swiper-slide:not(:last-child) {
    margin-right: 20px;
  }
  #whiteday2026 .swiper-sec .swiper-button-next,
  #whiteday2026 .swiper-sec .swiper-button-prev {
    /* top: 54.85%; */
    /* top:calc(50% - 25px); */
   top: 24.236%;
  }
  #whiteday2026 .swiper-sec.pickup-sec .swiper-button-next,
  #whiteday2026 .swiper-sec.pickup-sec .swiper-button-prev{
    top: 25%;
  }
  #whiteday2026 .swiper-button-next {
    right: 15px;
    background-image: url(../slide_arrow.png);
  }
  #whiteday2026 .swiper-sec .swiper-button-prev {
    left: 15px;
    background-image: url(../slide_arrow.png);
  }
  #whiteday2026 .swiper-sec .swiper-wrapper{
  margin-bottom: 0;
  }
  #whiteday2026 .swiper-sec .swiper{
    overflow: hidden;
  }
  #whiteday2026 .swiper-sec .swiper-pagination-bullet-active{
  background-color: #E86879;
  }
  #whiteday2026 .swiper-sec .swiper-container-horizontal > .swiper-pagination-bullets{
   bottom: 60px;
  }
  #whiteday2026 .swiper-sec .itemLead{
    margin-top: 10px;
  }
  #whiteday2026 .swiper-sec .itemButton {
    background-color: #fff;
    border: 1px solid #E86879;
    color: #E86879;
    font-size: 20px;
    margin: 15px auto 0;
    line-height: 1.45;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
    height: 60px;
  }

  /* ボタン */
    #whiteday2026 .sectionInner .more-btn{
      margin: 20px auto 0;
      max-width: 460px;
    }

    #whiteday2026 .sectionInner .more-btn a{
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #36312E;
      background: #FFF url(../icon-arrow-price01.svg) no-repeat;
      background-position: calc(100% - 20px) 50%;
      background-repeat: no-repeat;
      background-size: 7.844px 16.903px;
      width: 100%;
      height: 60px;
      font-size: 16px;
      position: relative;
      line-height: 1.5em;
    }

    #whiteday2026 .sectionInner .more-btn a::before{
      content: "";
      position: absolute;
      border: 1px solid #36312E;
      width: calc((100% - 10px));
      height: calc((100% - 10px));
    }

  /* おすすめランキング */
  #whiteday2026 .swiper-sec.recommend-sec{
    padding: 40px 0;
    background: #daf1e5 url(../bg-ranking.png);
    background-repeat: repeat;
    background-position: center top 40px;
    position: relative;
  }



  #whiteday2026 .swiper-sec.recommend-sec .itemImg{
    position: relative;
  }
  #whiteday2026 .swiper-sec.recommend-sec .itemImg::after{
    width: 30px;
    height: 40px;
    top: 0;
    left:10px;
  }
  #whiteday2026 .swiper-sec.recommend-sec .itemImg.rank1::after{
    background-image: url("../icon-no01.svg");
  }
  #whiteday2026 .swiper-sec.recommend-sec .itemImg.rank2::after{
    background-image: url("../icon-no02.svg");
  }
  #whiteday2026 .swiper-sec.recommend-sec .itemImg.rank3::after{
    background-image: url("../icon-no03.svg");
  }
  #whiteday2026 .swiper-sec.recommend-sec .itemImg.rank4::after{
    background-image: url("../icon-no04.svg");
  }
  #whiteday2026 .swiper-sec.recommend-sec .itemImg.rank5::after{
    background-image: url("../icon-no05.svg");
  }
  /* #whiteday2026  .swiper-sec.recommend-sec a:hover img:hover{
    opacity: 1;
  } */

/* PICK UP */
#whiteday2026 .swiper-sec.pickup-sec{
  background: #ffd7c4 url(../bg_knit.png);
}
#whiteday2026 .swiper-sec.pickup-sec .sectionInner{
  padding: 50px 0 40px;
}

/* special */
#whiteday2026 .swiper-sec.special-sec{
  background: #F8ECF5;
  position: relative;
}

#whiteday2026 .swiper-sec.special-sec .sectionInner{
  position: relative;
}

#whiteday2026 .swiper-sec.special-sec .sectionInner::before,
#whiteday2026 .swiper-sec.special-sec .sectionInner::after{
  content: "";
  position: absolute;
  background-image: url("../bg-special.svg");
  width: 100%;
  height: 30px;
  top: 0;
  left: 0;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: left bottom;
  z-index: 0;
}

#whiteday2026 .swiper-sec.special-sec .sectionInner::after{
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  background-image: url("../bg-special.svg");
  background-position: left top;
  z-index: 0;
}

#whiteday2026 .swiper-sec.special-sec .sectionInner{
  padding: 50px 0 40px;
}


/* キーワード */
#whiteday2026 .hashCategories {
  /* margin-top: 60px; */
  padding-bottom: 10px;
}
#whiteday2026 .hashCategories .title .h2::before,
#whiteday2026 .hashCategories .title .h2::after{
  background-image: url("../deco_keyword.svg");
  width: 35.73px;
  height: 35.73px;
  top: 10px;
}
#whiteday2026 .hashCategories .title .h2::before{
  left: -55px;
}
#whiteday2026 .hashCategories .title .h2::after{
  right: -50px;
}

#whiteday2026 .hashCategories .item ul {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 613px;
}

#whiteday2026 .hashCategories .item ul li {
  /* margin-bottom: 15px;
  margin-left: calc(15px /2);
  margin-right: calc(15px /2); */
}

#whiteday2026 .hashCategories .item ul li + li{
  margin-left: 10px;
}
#whiteday2026 .hashCategories .item ul li:nth-child(4n + 1){
  margin-left: 0;
}
#whiteday2026 .hashCategories .item ul li:nth-child(n + 5){
  margin-top: 10px;
}

#whiteday2026 .hashCategories .item ul li a {
  color: #37A296;
  font-size: 16px;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #37A296;
  border-radius: 50px;
  /* background-color: #F6FDFF; */
  height: 40px;
  padding: 0 32px;
}

#whiteday2026 .hashCategories .item ul li a:before {
  content: "#";
  margin-right: 3px;
}

 /* カテゴリーから選ぶ */
 #whiteday2026 .select-sec{
  
 }
 #whiteday2026 .select-sec .sectionInner{
  padding: 0 40px;
  position: relative;
 }
 #whiteday2026 .select-sec .sectionInner::before{
  background-image: url("../bg_select_right.png");
  width: 267px;
  height: 278.4px;
  top: 0;
  right:0;
  z-index: -1;
 }
 #whiteday2026 .select-sec .sectionInner::after{
  background-image: url("../bg_select_left.png");
  width: 267px;
  height: 278.4px;
  bottom: 0;
  left:0;
  z-index: -1;
 }
 #whiteday2026 .select-sec .title .h2{
  margin-top: 40px;
 }
 #whiteday2026 .select-sec .title .sub-title{
  margin-top: 0;
 }
 #whiteday2026 .select-sec .title .h2::before,
 #whiteday2026 .select-sec .title .h2::after{
  background-image: url("../deco_heart.svg");
  width: 22.71px;
  height: 19.42px;
 }
 #whiteday2026 .select-sec .category-container .title .h2::before{
  top: 11px;
  left:-35px;
 }
 #whiteday2026 .select-sec .category-container .title .h2::after{
  bottom: -8.42px;
  right:-35px;
 }

 #whiteday2026 .select-sec .budget-sec .title .h2::before{
  bottom: 0;
  left:-37px;
 }
 #whiteday2026 .select-sec .budget-sec .title .h2::after{
  top: -5px;
  right:-35px;
 }

 #whiteday2026 .select-sec .category-container .category-link-list{
  display: grid;
 }
  #whiteday2026 .select-sec .category-container .category-link-list li{
    position: relative;
  }
 #whiteday2026 .select-sec .category-container .category-link-list img{
  border: 1px solid #E8E8E8;
  border-bottom: none;
 }
 #whiteday2026 .select-sec .category-container .category-link-list li.categoryRank::after{
  position: absolute;
  width: 80px;
  height: 83px;
  content: "";
  top: 10px;
  left: 10px;
 }
  #whiteday2026 .select-sec .category-container .category-link-list li.categoryRank01::after{
  background: url(../icon-category01.svg);
    background-size: contain;
  background-repeat: no-repeat;
 }
   #whiteday2026 .select-sec .category-container .category-link-list li.categoryRank02::after{
  background: url(../icon-category02.svg);
    background-size: contain;
  background-repeat: no-repeat;
 }
   #whiteday2026 .select-sec .category-container .category-link-list li.categoryRank03::after{
  background: url(../icon-category03.svg);
    background-size: contain;
  background-repeat: no-repeat;
 }
 #whiteday2026 .select-sec .category-container .category-link-list-main{
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
 }
 #whiteday2026 .select-sec .category-container .category-link-list-sub{
  margin-top: 10px;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 10px;
 }
 #whiteday2026 .select-sec .category-container .category-name{
  padding-right: 18px;
  font-size: 18px;
  color: #51453E;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(../icon-arrow-price01.svg);
  background-position: calc(100% - 10px) 50%;
  background-repeat: no-repeat;
  background-size: 7.844px 16.903px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
 }
 #whiteday2026 .select-sec .category-container{
  container-type: inline-size;
 }
 @container (width <= 474px) {
  #whiteday2026 .select-sec .category-container .category-name {
    font-size: 14px;
  }
}

/* 予算から選ぶ */
#whiteday2026 .budget-sec{
/* margin-top: 40px; */
container-type: inline-size;
}
#whiteday2026 .budget-sec .title .h2{
  margin-top: 0;
  position: relative;
}
#whiteday2026 .budget-sec .item-price-list{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
#whiteday2026 .budget-sec .item-price-list li:first-child{
  grid-area: 1 / 1 / 2 / 3;
}
#whiteday2026 .budget-sec .item-price-list li:nth-child(2){
  grid-area: 1 / 3 / 2 / 5;
}
#whiteday2026 .budget-sec .item-price-list li:nth-child(3){
  grid-area: 1 / 5 / 2 / 7;
}
#whiteday2026 .budget-sec .item-price-list li:nth-child(4){
  grid-area: 2 / 1 / 3 / 4;
}
#whiteday2026 .budget-sec .item-price-list li:last-child{
  grid-area: 2 / 4 / 3 / 7;
}
#whiteday2026 .budget-sec .item a {
  align-items: center;
  background-color: #fff;
  background-image: url(../icon-arrow-green.svg);
  background-position: calc(100% - 10px) 51%;
  background-repeat: no-repeat;
  background-size: 7.844px 16.903px;
  border: 1px solid #37A296;
  color: #37A296;
  display: flex;
  font-size: 18px;
  height: 70px;
  justify-content: center;
  align-items: center;
  line-height: 1.1;
  padding: 0 18px 0 10px;
  width: 100%;
}
#whiteday2026 .budget-sec .item a .baseline {
  align-items: baseline;
  /* display: flex; */
}
#whiteday2026 .budget-sec .item a .small {
  font-size: 14px;
}


  /* すべての商品を見るボタン */
  #whiteday2026 .allBtn{
    margin-top: 50px;
  }
  #whiteday2026 .allBtn a {
    padding: 5px;
    background-color: #8FC2BC;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    margin: 0 auto;
    letter-spacing: 0.05em;
    max-width: 750px;
    height: 120px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
  }
  #whiteday2026 .allBtn .allBtn-inner{
    line-height: 1.44;
  }


 #whiteday2026 .allBtn a::before,
 #whiteday2026 .allBtn a::after{
  content: "";
  position: absolute;
  background-image: url("../bg-btn.svg");
  width: 100%;
  height: 16px;
  top: 0;
  background-repeat: repeat-x;
  background-size: cover;
  background-position: center bottom;
}

 #whiteday2026 .allBtn a::after{
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  background-image: url("../bg-btn.svg");
  background-position: center top;
  transform: scale(1, -1);
}

  /* おすすめバナー */
  #whiteday2026 .banner-recommend{
    margin-top: 50px;
  }
  #whiteday2026 .banner-recommend .banner-recommend-text{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
  }

/* #whiteday2026 .itemButtonLargeWrap {
  margin: 40px auto 0;
  position: relative;
  text-align: center;
}
#whiteday2026 .itemButtonLargeWrap .itemButtonLarge {
  background-color: #B4792E;
  margin: 0 auto;
  width: 570px;
  height: 70px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.45;
}
#whiteday2026 .itemButtonLargeWrap .itemButtonLarge .spNone{
  display: inline-block;
} */

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

}

@media screen and (max-width: 1100px) and (min-width: 768px) {
  #whiteday2026 .link-area .link-parent{
    display: block;
    grid-column-gap: 0;
  }
  #whiteday2026 .link-area .link-parent a{
    line-height: 50px;
  }
  #whiteday2026 .link-area .link-parent li + li{
    margin-top: 10px;
  }
  #whiteday2026 .swiper-sec .title .h2 img{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  #whiteday2026 .swiper-sec.recommend-sec .title .h2 img{
    width: 76%;
  }
  #whiteday2026{
    container-type: inline-size;
  }
  @container (width <= 665px) {
    #whiteday2026 .swiper-sec.recommend-sec .sectionInner{
      padding-top: 15px;
    }

    #whiteday2026 .swiper-sec.recommend-sec .title .h2::before,
    #whiteday2026 .swiper-sec.recommend-sec .title .h2::after{
      position: inherit;
      transform: scale(0.8);
      top: inherit !important;
      left: inherit !important;
      right: inherit !important;
    }
    #whiteday2026 .swiper-sec.recommend-sec .title .h2::before{
      margin-left: -5px;
    }
    #whiteday2026 .swiper-sec.recommend-sec .title .h2::after{
      margin-left: auto;
      padding-right: 10px;
    }
    #whiteday2026 .swiper-sec.recommend-sec .sub-title{
      margin-top: -27px;
    }
  }
  #whiteday2026 .budget-sec .item-price-list{
    display: block;
    gap: 0;
  }
  #whiteday2026 .budget-sec .item-price-list li + li{
    margin-top: 15px;
  }

}
@media screen and (max-width: 1080px) and (min-width: 768px) {
  .pcOn{
    display: none;
  }
  .tabOn{
    display: block;
  }

  /* キーワード */
  #whiteday2026 .hashCategories .item ul {
   /*  margin-top: 30px; */
  }
  #whiteday2026 .hashCategories .item{
    container-type: inline-size;
  }
  @container (width <= 563px) {
    /* #whiteday2026 .hashCategories .item ul li a{
      font-size: 1.481vw;
    } */
    #whiteday2026 .hashCategories .item ul{
      max-width: 550px;
    }
    #whiteday2026 .hashCategories .item ul li:nth-child(n + 3){
      margin-top: 10px;
    }#whiteday2026 .hashCategories .item ul li:nth-child(even){
      margin-left: 10px;
    }
  }

  /* ボタン */
  /* TOPページ・カテゴリーページボタン */
 /*  #whiteday2026 .bnrWrap{
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }
  #whiteday2026 .bnrWrap .categoryLink a{
    margin: 0 auto;
    max-width: 480px;
    width: 95%;
  }
  #whiteday2026 .bnrWrap .topBtn a{
    height: 50px;
    margin: 20px auto 0;
    width: 80%;
  } */
}
@media screen and (max-width: 880px) {

  #whiteday2026 .budget-sec .item a{
    height: 55px;
  }

  #whiteday2026 .bnrWrap {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    margin: 60px auto 90px;
  }
  
  #whiteday2026 .bnrWrap .categoryLink a {
    align-items: center;
    background-color: #A99F99;
    color: #fff;
    display: flex;
    font-size: 19px;
    font-weight: bold;
    height: 70px;
    justify-content: center;
    margin: 0 auto;
    max-width: 480px;
    width: 95%;
    line-height: 1.2;
    margin: -1px auto 1px;
  }
  
  #whiteday2026 .bnrWrap .topBtn a {
    height: 50px;
    margin: 20px auto 0;
    width: 80%;
  }
  
  
  #whiteday2026 .bnrWrap .categoryLink,
  #whiteday2026 .bnrWrap .topBtn {
    width: 100%;
  }
  }
@media screen and (max-width: 820px) {
  /* アンカーリンク・ボタン */
  #whiteday2026 .link-area .link-parent a{
    font-size: 15px;
  }

  /* ご注意事項 */
#whiteday2026 .attention {
  width: 100%;
}

#whiteday2026 #accordionContent {
    padding: 30px;
}

  /* deco-img の調整 */
  #whiteday2026 .swiper-wrapper-outer .deco-img {
    max-width: 85%;
  }

  #whiteday2026 .swiper-wrapper-outer.wrapper-recommend > .deco-img {
    width: auto;
    height: 90px;
    top: -20px;
  }

  #whiteday2026 .swiper-wrapper-outer.wrapper-pickup > .deco-img {
    width: auto;
    height: 105px;
    top: -20px;
  }

  #whiteday2026 .swiper-wrapper-outer.wrapper-special > .deco-img {
    width: auto;
    height: 105px;
    top: -20px;
  }

  #whiteday2026 .sectionInner .more-btn{
    max-width: 350px;
  }

   #whiteday2026 .select-sec .category-container .category-name{
  padding: 0 5px;
  height: 40px;
  font-size: 12px;
  line-height: 1.3em;
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-size: 5px 10px;
   }

  #whiteday2026 .select-sec .category-container .category-link-list li.categoryRank::after{
    width: 30px;
    height: 31px;
  }
}
@media screen and (max-width: 767px) {
  #whiteday2026 .section + .section{
  margin-top: 0px;
}

  .goodsList .main .sideMenu{
    padding: 0 1em;
  }
  .tabOn{
    display: None;
  }
  .spOn{
    display: block;
  }
  .pcOn{
    display: none;
  }
  #whiteday2026 .spNone{
    display: none;
  }
  
  body .contents{
    margin: 0;
    padding: 0;
  }
  .top .contentsTop {
    margin-bottom: 0 !important;
}

/* MVとMV下 */

#whiteday2026 .shipping-fee{
  padding: 10px 0 15px;
}

#whiteday2026 .shipping-fee h3{
  font-size: 16px;
}

#whiteday2026 .shipping-fee h3 p::before{
  width: 55px;
  height: 30px;
  top:25%;
}

#whiteday2026 .shipping-fee h3 span.large{
  font-size: 28px;
  margin: 0 5px;
  font-weight: 500;
}

    /* ボタン */
    /* TOPページ・カテゴリーページボタン */
    #whiteday2026 .bnrWrap {
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      
    }
    
    #whiteday2026 .bnrWrap .categoryLink a {
      align-items: center;
      background-color: #A99F99;
      color: #fff;
      display: flex;
      font-size: 19px;
      font-weight: bold;
      height: 70px;
      justify-content: center;
      margin: 0 auto;
      max-width: 480px;
      width: 95%;
      line-height: 1.2;
      margin: -1px auto 1px;
    }
    
    #whiteday2026 .bnrWrap .topBtn {
      margin-right: 0;
    }
    
    #whiteday2026 .bnrWrap .topBtn a {
      border: 1px solid #7a7778;
      color: #7a7778;
      font-size: 16px;
      height: 50px;
      line-height: 1.4;
      margin: 20px auto 0;
      text-align: center;
      width: 80%;
    }
  #whiteday2026 .banner-recommend + .bnrWrap {
    margin: 45px auto 40px;
  }

  #whiteday2026 .link-area{
    margin-top: 15px;
    padding: 0 10px;
  }
  
  /* ご注意事項 */
  #whiteday2026 .attention .title .h2 {
    font-size: 23px;
  }
  #whiteday2026 .attention .title .h2 span:before {
    width: 20px;
    height: 36px;
    top: 5%;
    left: -28px;
  }
  #whiteday2026 .attention {
    margin-top: 15px;
    margin-bottom: 40px;
    padding: 0 10px;
    width: 100%;
  }
  #whiteday2026 .attention p,
  #whiteday2026 .attention dt,
  #whiteday2026 .attention dd {
    font-size: 14px;
    line-height: 25px;
  }
  /* #whiteday2026 .attention ul li + li{
    margin-top: 4px;
  } */
  #whiteday2026 .attention .title{
    margin-bottom: 0;
    line-height: 1.4;
  }
  #whiteday2026 .attention .title + dl{
    margin-top: 20px;
  }
  #whiteday2026 .attention dt{
    font-size: 14px;
    margin-left: -9px;
    line-height: 25px;
  }
  #whiteday2026 .attention dd{
    line-height: 25px;
  }
  #whiteday2026 .attention dd:not(:last-child){
    margin-bottom: 12px;

  }

  #whiteday2026 .attention dd .attention-item-list{
    margin-top: 0;
  }
  #whiteday2026 .attention p {
    margin-bottom: 3px;
  }
  #whiteday2026 .attention .proviso{
    font-size: 12px;
  }
  /* #whiteday2026 .attention .proviso li + li{
    margin-top: 5px;
  } */
  /* アコーディオン */
  
  #whiteday2026 #accordionTitle{
  background-color: #FFF;
  border: 1px solid #51453E;
  color: #51453E;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-top: 5px;
  padding-left: 39px;
  font-size: 18px;
  line-height: 37px;
  text-align: center;

  }
  #whiteday2026 #accordionTitle span::before{
    background-image: url(../icon-caution.svg);
    left: -27px;
    width: 17px;
    height: 27px;
  }
  #whiteday2026 #accordionTitle::after{
    background-image: url("../icon-arrow-brown.svg");
    width: 15.726px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }
  #whiteday2026 #accordionTitle.open::after{
    transform: translateY(-50%);
  }
  #whiteday2026 #accordionContent{
    padding: 20px;
    background-color: #FBFBFB;
  }
  #whiteday2026 #accordionContent dl{
    margin-top: 0;
    padding-left: 17px;
  }
  #whiteday2026 #accordionContent .attention-item-list li{
    margin-bottom: 4px;
    font-size: 14px;
    line-height:22px;
  }
  #whiteday2026 #accordionContent .attention-item-list + dl{
    margin-top: 20px;
  }
  #whiteday2026 .attention #accordionContent .proviso li{
    font-size: 12px;
    line-height:22px;
  }

  /* アンカーリンク・ボタン */
  #whiteday2026 .link-area{
    /* padding: 0 20px; */
  }
  #whiteday2026 .link-area .link-parent{
    display: block;
  }
  #whiteday2026 .link-area .link-parent li + li{
    margin-top: 10px;
  }
  #whiteday2026 .link-area .link-parent a{
    line-height: 50px;
    font-size: 18px;
    background-color: #8FC2BC;
    color: #FFF;
  }
  #whiteday2026 .link-area .link-parent a::before{
    background-image: url(../icon-arrow-white.svg);
  }
  #whiteday2026 .link-area .link-parent li.link-all a::before{
    background-image: url(../icon-arrow-alllink.svg);
  }

  /* pickup共通タイトル */
  #whiteday2026 .pickupAllWrap{
    margin: 40px auto 15px;
  }
  #whiteday2026 .pickupAllWrap .pickup-title .title-inner{
    font-size: 32px;
  }
  #whiteday2026 .pickupAllWrap .pickup-title .title-sub{
    font-size: 14px;
    margin-top: -8px;
  }
  #whiteday2026 .pickupAllWrap .pickup-title.ttl-deco .title-inner{
    padding: 0 30px;
  }
  #whiteday2026 .pickupAllWrap .pickup-title.ttl-deco::before{
    height: 20px;
    top: 15px;
  }

  /* カタログ番号から選ぶ */
  /* #whiteday2026 .search.sectionSmall .form {
    display: block;
  }
  #whiteday2026 .search.sectionSmall .form .inputs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 4.5px;
    grid-row-gap: 4.5px;
  }
  #whiteday2026 .search.sectionSmall .form .inputs li {
    width: 100%;
  }
  #whiteday2026 .search .inputs input {
    height: 40px !important;
  }
  #whiteday2026 .search.sectionSmall .h2{
    font-size: 30px;
  }
  #whiteday2026 .search.sectionSmall .h2 .small{
    font-size: 25px;
  }
  #whiteday2026 .search.sectionSmall .form .submit{
    margin-left: 0;
  }
  #whiteday2026 .search.sectionSmall .form .submit {
    margin: 20px auto 0;
    padding: 0;
    width: 100%;
  }
  
  #whiteday2026 .search.sectionSmall .h2 .inner{
    line-height: 1.5;
  }
  #whiteday2026 .search.sectionSmall .h2 .inner::before,
  #whiteday2026 .search.sectionSmall .h2 .inner::after{
    display: none;
  }
  #whiteday2026 .search.sectionSmall .h2{
    position: relative;
  }
  #whiteday2026 .search.sectionSmall .h2::before,
  #whiteday2026 .search.sectionSmall .h2::after{
    content: "";
    background-image: url(../kazari_headding_snow.svg);
    background-repeat: no-repeat;
      background-size: contain;
      display: block;
      position: absolute;
      width: 26px;
      height: 27px;
      top: calc(50% - 13px);
  }
  #whiteday2026 .search.sectionSmall .h2::before {
    left: -44px;
  }
  #whiteday2026 .search.sectionSmall .h2::after {
    right: -44px;
  }

  #whiteday2026 .catalogDay .sectionInnerBorder{
    padding-left: 12px;
    padding-right: 12px;
  }
  #whiteday2026 .search.sectionSmall .select-receiving-list{
    margin-top: 20px;
  }
  #whiteday2026 .search.sectionSmall p{
    font-size: 14px;
  }
  #whiteday2026 .search.sectionSmall .select-receiving-list li a .small{
    font-size: 16px;
  }
  #whiteday2026 .search.sectionSmall .select-receiving-list li a::after{
    width: 6px;
    height: 15px;
  }
  #whiteday2026 .size-list{
    margin-top:20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 510px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
  }
  #whiteday2026 .search.sectionSmall .size-list li{
    height: 63px;
    margin-bottom: 10px;
  }
  #whiteday2026 .search.sectionSmall .size-list li a{
    background-color: #6CAFBE;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    width: 162px;
    height: 100%;
    position: relative;
  }
  #whiteday2026 .search.sectionSmall .size-list li a::after{
    width: 6px;
    height: 15px;
    top: calc(50% + 3px);
    right: 12px;
  }
  #whiteday2026 .search.sectionSmall .size-list li a p{
    margin: 0;
    font-size: 20px;
  }
  #whiteday2026 .search.sectionSmall .select-receiving-list p{
    font-size: 20px;
    }
  #whiteday2026 .search.sectionSmall .select-receiving-list p .small{
    font-size: 16px;
    }
  #whiteday2026 .catalogDay + .banner{
    margin-top: 30px;
  }
  #whiteday2026 .catalogDay{
    margin-top: 40px;
  }
  #whiteday2026 .catalogDay.sizesec{
    margin-top: 30px;
  }
  #whiteday2026 .catalogDay .sectionInnerBorderContent::after{
    background-size: cover !important;
  } */
  
  /* セクション内共通要素 */
  #whiteday2026 .title .h2{
    font-size: 26px;
  }
  #whiteday2026 .title .h2 span{
    font-size: 35px;
  }
  #whiteday2026 .section .itemLead{
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.4;
  }
  #whiteday2026 .section .shop-name{
    /* font-size: 14px;
    line-height: 1.4; */
  }
  #whiteday2026 .section .itemName{
    font-size: 15px;
    line-height: 1.4;
  }
  #whiteday2026 .section .itemPrice{
    font-size: 13px;
    line-height: 17.5px;
  }
  #whiteday2026 .section .itemPrice .number{
    font-size: 18px;
    line-height: 1.8;
    padding-right: 2px;
  }


  /* swiper */
  #whiteday2026 .swiper-wrapper-outer{
    margin-top: 30px;
  }
  #whiteday2026 .swiper-wrapper-outer .deco-img{
    top: -18px;
  }
  #whiteday2026 .swiper-sec{
    margin-bottom: 40px;
    padding: 25px 0;
    background-color: #D4E4E9;
  }
  #whiteday2026 .swiper-sec .title .h2 img{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  #whiteday2026 .swiper-sec .title .h2 span{
    font-size: 40px;
  }
  #whiteday2026 .swiper-sec .body{
    margin-top: 25px;
    padding: 0 20px;
    position: relative;
    overflow: hidden;
  }
  #whiteday2026 .swiper-sec .itemButton{
    max-width: 280px;
    font-size: 18px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #E86879;
    color: #E86879;
  }
  #whiteday2026 .swiper-sec .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: 40px;
  }

  #whiteday2026 .swiper-button-next,
#whiteday2026 .swiper-button-prev {
  width: 9px;
  height: 30px;
  background-size: contain;
  top: 35% !important;
}
#whiteday2026 .swiper-button-next {
  background-image: url("../slide_arrow_rignt_sp.svg") !important;
  transform: rotate(0deg);
  right: 6px!important;
}
#whiteday2026 .swiper-button-prev {
  background-image: url("../slide_arrow_left_sp.svg") !important;
  left: 6px!important;

}
#whiteday2026 .swiper-sec .itemLead{
  margin-top: 10px;
}
#whiteday2026 .swiper-sec.recommend-sec .itemImg::after{
  height: 35px;
  left: 5px;
}
#whiteday2026 .swiper-sec.recommend-sec::before,
#whiteday2026 .swiper-sec.recommend-sec::after{
  transform: scale(0.8);
}
#whiteday2026 .swiper-sec.recommend-sec::before{
  transform-origin:left top;
}
#whiteday2026 .swiper-sec.recommend-sec::after{
  transform-origin:right bottom;
}
#whiteday2026 .swiper-sec.recommend-sec{
  background: #daf1e5 url(../bg-ranking.png);
  background-repeat: repeat;
  background-position: center top 20px;
}
#whiteday2026 .swiper-sec.recommend-sec .sectionInner{
    padding: 10px 0 20px;
}
#whiteday2026 .swiper-sec.recommend-sec .title .h2::before,
#whiteday2026 .swiper-sec.recommend-sec .title .h2::after{
 
  position: inherit;
  transform: scale(0.8);
  top: inherit !important;
  left: inherit !important;
  right: inherit !important;
}
#whiteday2026 .swiper-sec.recommend-sec .title .h2::before{
  margin-left: -5px;
}
#whiteday2026 .swiper-sec.recommend-sec .title .h2::after{
  margin-left: auto;
  padding-right: 13px;
}
#whiteday2026 .swiper-sec.pickup-sec .title .h2::before,
#whiteday2026 .swiper-sec.pickup-sec .title .h2::after{
  transform: scale(0.8);
  display: inline-block;
}
#whiteday2026 .swiper-sec.pickup-sec .title .h2::before{
  left: -32px;
}
#whiteday2026 .swiper-sec.pickup-sec .title .h2::after{
  right: -17px;
}
#whiteday2026 .swiper-sec.recommend-sec .sub-title{
  margin-top: -28px;
}
#whiteday2026 .swiper-sec.pickup-sec{
  padding-top: 0;
  padding-bottom: 0;
  background: #ffd7c4 url(../bg_knit.png);
}
#whiteday2026 .swiper-sec.pickup-sec .sectionInner{
  padding-bottom: 25px;
}
#whiteday2026 .swiper-sec.pickup-sec .title .sub-title{
  margin-top: 11px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.8;
}

 #whiteday2026 .swiper-wrapper-outer.wrapper-recommend > .deco-img{
    background-image: url(../deco-ranking.svg);
    max-width: 80%;
    background-size: contain;
    top: -25px;
  }

   #whiteday2026 .swiper-wrapper-outer.wrapper-pickup > .deco-img{
    background-image: url(../deco-petitgift.svg);
    max-width: 90%;
    background-size: contain;
    top: -25px;
  }

     #whiteday2026 .swiper-wrapper-outer.wrapper-special > .deco-img{
    background-image: url(../deco-specialgift.svg);
    max-width: 90%;
    background-size: contain;
    top: -25px;
  }

  /* special */
  #whiteday2026 .swiper-sec.special-sec{
    background: #F8ECF5;
  }

  #whiteday2026 .swiper-sec.special-sec .sectionInner{
    position: relative;
  }
  #whiteday2026 .swiper-sec.special-sec .sectionInner::before,
  #whiteday2026 .swiper-sec.special-sec .sectionInner::after{
    content: "";
    position: absolute;
    background-image: url("../bg-special.svg");
    width: 100%;
    height: 20px;
    top: -25px;
    left: 0;
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center bottom;
    z-index: 0;
  }
  #whiteday2026 .swiper-sec.special-sec .sectionInner::after{
    top: auto;
    bottom: -25px;
    background-position: center top;
  }
  #whiteday2026 .swiper-sec.special-sec .sectionInner{
    padding: 30px 0 25px;
  }
  #whiteday2026 .hashCategories{
    padding-bottom: 0;
  }

#whiteday2026 .hashCategories .item ul {
  padding-left: 10px;
  padding-right: 10px;
  /* margin-top: 20px; */
  max-width: 400px;
}
#whiteday2026 .hashCategories .item ul li:nth-child(n + 4){
  margin-top: 0;
}

#whiteday2026 .hashCategories .h2 {
  font-size: 26px;
  line-height: 1.3;
}
#whiteday2026 .hashCategories .title .h2::before,
#whiteday2026 .hashCategories .title .h2::after{
  transform-origin:center top;
  transform: scale(0.8);
  top: 3px;
}

#whiteday2026 .hashCategories .item ul li {
  margin-bottom: 10px;
}

#whiteday2026 .hashCategories .item ul li a {
  font-size: 12px;
  padding: 0 12px;
  height: 30px;
    color: #37A296;
    border: 1px solid #37A296;
}
#whiteday2026 .hashCategories .body{
  container-type: inline-size;
}
@container (width <= 380px) {
  #whiteday2026 .hashCategories .body ul{
    max-width: 360px;
  }
  #whiteday2026 .hashCategories .item ul li:nth-child(4n + 1){
    margin-left: 10px !important;
  }
}

#whiteday2026 .sectionInner .more-btn a{
  height: 70px;
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
 }

/* ブランドから選ぶ */
/* #whiteday2026 .itemButtonLargeWrap{
  margin-top: 30px;
}
#whiteday2026 .itemButtonLargeWrap .itemButtonLarge{
  width: 100%;
  font-size: 18px;
  line-height: 1.3;
  background-color: #B4792E;
  color: #FFF;
}
#whiteday2026 .itemButtonLargeWrap .itemButtonLarge .spNone{
  display: none;
} */

/* カテゴリーから選ぶ */
#whiteday2026 .select-sec{
 border-width: 5px;
}
#whiteday2026 .select-sec .sectionInner{
  padding: 0 15px 20px;
}
#whiteday2026 .select-sec .sectionInner::before,
#whiteday2026 .select-sec .sectionInner::after{
  transform: scale(0.6);
}
#whiteday2026 .select-sec .sectionInner::before{
  transform-origin: right top;
}
#whiteday2026 .select-sec .sectionInner::after{
  transform-origin: left bottom;
}
#whiteday2026 .select-sec .title .h2{
  margin-top: 20px;
}
#whiteday2026 .select-sec .category-container .title .h2::before{
  top: 0;
}
#whiteday2026 .select-sec .category-container .category-name{
  padding-right: 0;
  font-size: 14px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url(../icon-arrow-price01.svg);
  background-size: 5.844px 16.903px;
  background-position: calc(100% - 5px) 50%;
  color: #51453E;
  line-height: 1.4;
}
#whiteday2026 .select-sec .category-container .category-link-list li.categoryRank::after{
  width: 40px;
  height: 41px;
  top: 5px;
  left: 5px;
}
#whiteday2026 .select-sec .category-container{
  container-type: inline-size;
 }
 @container (width <= 474px) {
  #whiteday2026 .select-sec .category-container .category-name {
    font-size: 12px;
  }
}
#whiteday2026 .select-sec .category-container .category-link-list-main{
  grid-column-gap: 5px;
 }
#whiteday2026 .select-sec .category-container .category-link-list-sub{
  margin-top: 5px;
  grid-column-gap: 5px;
}

/* 予算から選ぶ */
#whiteday2026 .budget-sec{
  /* margin-top: 40px; */
  padding-left: 10px;
  padding-right: 10px;
}
#whiteday2026 .budget-sec .title .h2{
  margin-top: 0;
}/* 
#whiteday2026 .budget-sec .title .h2::before,
#whiteday2026 .budget-sec .title .h2::after{
  top: 0;
  height: 150%;
}
#whiteday2026 .budget-sec .title .h2::before{
  width: 86px;
  left: -137px;
}
#whiteday2026 .budget-sec .title .h2::after{
  width: 127px;
  right: -133px;
} */
/* #whiteday2026 .budget-sec .Column2{
  margin-top: 23px;
}
#whiteday2026 .budget-sec .Column3{
  margin-top: 20px;
}
#whiteday2026 .budget-sec .Column2,
#whiteday2026 .budget-sec .Column3{
  display: block;
  gap: 0;
} */
#whiteday2026 .budget-sec .item-price-list{
  display: block;
  grid-column-gap: 0;
  grid-row-gap:0;
}
#whiteday2026 .budget-sec .item + .item{
  margin-top: 10px;
}
#whiteday2026 .budget-sec .item a{
  height: 43px;
  font-size: 18px;
  background-color: #fff;
  background-image: url(../icon-arrow-green.svg);
  border: 1px solid #37A296;
  color: #37A296;
}
#whiteday2026 .budget-sec .item a .small{
  font-size: 14px;
}

 /* 下部バナー */
/* #whiteday2026 .banner {
  margin-top: 30px;
  margin: 0 auto 20px;
  width: calc(100% - 40px);
} */
#whiteday2026 .allBtn {
  margin: 40px auto 0;
  max-width: calc(100% - 40px);
}
#whiteday2026 .allBtn a {
 /*  font-size: 23px;
  line-height: 1.5; */
  font-size: 18px;
  line-height: 32px;
  height: 88px;
  background-color: #8FC2BC;
  color: #fff;
}
#whiteday2026 .allBtn a::before,
#whiteday2026 .allBtn a::after{
  background-image: url("../bg-btn.svg");
  height: 12px;
}
.special .contents{
  margin-bottom: 5em !important;
}

/* おすすめバナー */
#whiteday2026 .banner-recommend{
  margin : 45px 20px 0;
  width: calc(100% - 40px);
}
#whiteday2026 .banner-recommend .headding{
  font-size: 30px;
}
#whiteday2026 .banner-recommend .banner-recommend-text{
  margin-top: 5px;
  font-size: 12px;
}
#whiteday2026 .banner-recommend img{
  margin-top: 15px;
}

/* TOPページ・カテゴリーページボタン */
#whiteday2026 .banner-recommend + .bnrWrap {
  margin: 90px auto;
}
}

@media screen and (max-width: 520px) { 
  #whiteday2026 .allBtn a{
    /* background-size: inherit; */
  }
  #whiteday2026 .swiper-sec .title .h2 img{
    width: 80%;
  }
  #whiteday2026 .swiper-sec.pickup-sec .h2 img{
    width: 76%;
  }
  #whiteday2026 .swiper-sec.recommend-sec .title .h2::before{
    margin-left: -1px;
  }
  #whiteday2026 .link-area .link-parent a{
    line-height: 43px;
    background-color: #8FC2BC;
    color: #FFF;
    /* font-size: 16px; */
  }
  #whiteday2026 .link-area .link-parent a::before{
    background-image: url(../icon-arrow-white.svg);
  }
  #whiteday2026 .link-area .link-parent li.link-all a::before{
    background-image: url(../icon-arrow-alllink.svg);
  }
  }

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

@media screen and (max-width: 420px) {
  .xspOn{
    display: block;
  }
  #whiteday2026 .swiper-button-next, 
  #whiteday2026 .swiper-button-prev{
    top: 24% !important;
  }

}

@media screen and (max-width: 385px) {
 /*  #whiteday2026 .budget-sec .title .h2::before,
  #whiteday2026 .budget-sec .title .h2::after{
    transform: scale(0.7);
  }
  #whiteday2026 .budget-sec .title .h2::after{
    right: -137px;
  } */

}

@media screen and (max-width: 374px) {
  /* TOPページ・カテゴリーページボタン */
  #whiteday2026 .bnrWrap .categoryLink a{
    font-size: 16px;
  }
  /* #whiteday2026 .budget-sec .title .h2::before,
  #whiteday2026 .budget-sec .title .h2::after{
    transform: scale(0.64);
  }
  #whiteday2026 .budget-sec .title .h2::before{
    left: -102px;
  }
  #whiteday2026 .budget-sec .title .h2::after{
    right: -116px;
  } */

  #whiteday2026 .swiper-sec.pickup-sec .title .h2::before{
    left: -12px;
  }
  #whiteday2026 .swiper-sec.pickup-sec .title .h2::after{
    right: -9px;
  }
}

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

  #whiteday2026 .bnrWrap .categoryLink a {
    font-size: 15px;
  }
  }