@charset "utf-8";
/* CSS Document */
/*-----------------------------------------
2025.3.13 TOPページリニューアル
------------------------------------------*/
/*全体*/
.hnb_top2025{font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";color: #222222}
.hnb_top2025 .area{margin-bottom: 100px}
.hnb_top2025 a:hover{opacity: 0.7;transition-duration: 1s}
.hnb_top2025 .w1120{max-width: 1120px;margin: 0 auto}
.hnb_top2025 .w400{max-width: 400px; margin-left: auto;margin-right: auto}
.hnb_top2025 .mb50{margin-bottom: 50px !important}
.hnb_top2025 .center{text-align: center}
.hnb_top2025 .mb10{margin-bottom: 10px}
.hnb_top2025 .mb20{margin-bottom: 20px}
.hnb_top2025 .mb30{margin-bottom: 30px}
.hnb_top2025 .mb40{margin-bottom: 40px}
.hnb_top2025 .mb50{margin-bottom: 50px}
.hnb_top2025 .mb60{margin-bottom: 60px}
.hnb_top2025 .mt40{margin-top: 40px}
.hnb_top2025 en.pc_only{display: inline-block}
@media (max-width: 1120px) { 
.hnb_top2025 .w1120{width: 92%;margin: 0 auto}
}
@media (max-width: 767px) { 
.hnb_top2025 .area{margin-bottom: 50px}
.hnb_top2025 .content{margin-bottom: 0 !important}
.hnb_top2025 .w1120{width: 92%;margin: 0 auto}
.hnb_top2025 .w90{width: 90%;margin-left: auto;margin-right: auto}
.hnb_top2025 en.pc_only{display: none}
}


/*キービジュアル*/
.slider_2025 img{width: 100%}

/*AI*/
.hnb_top2025 .ai_area {max-width: 1120px;margin: 0 auto}
.hnb_top2025 .ai_area.w1185 {max-width: 1185px;margin: 0 auto}
.hnb_top2025 .ai_area .fs-p-heading--lv2{display: none}
.hnb_top2025 .ai_area .fr3-productListCarousel__slides{padding-bottom: 10px}
.hnb_top2025 .ai_area .fr3-item__rank{border-radius: 0;text-indent:-999999px;width: 32px;height: 25px}
.hnb_top2025 .ai_area .fr3-item__rank[data-item-rank="1"]{background: url(https://nubra.itembox.design/item/top/image/icon_ran1.png) no-repeat 0 0;background-size: 32px;height: 25px; margin-bottom: 5px}
.hnb_top2025 .ai_area .fr3-item__rank[data-item-rank="2"]{background: url(https://nubra.itembox.design/item/top/image/icon_ran2.png) no-repeat 0 0;background-size: 32px;height: 25px; margin-bottom: 5px}
.hnb_top2025 .ai_area .fr3-item__rank[data-item-rank="3"]{background: url(https://nubra.itembox.design/item/top/image/icon_ran3.png) no-repeat 0 0;background-size: 32px;height: 25px; margin-bottom: 5px}
.hnb_top2025 .ai_area .fr3-item__rank[data-item-rank="4"]{background: url(https://nubra.itembox.design/item/top/image/icon_ran4.png) no-repeat 0 0;background-size: 32px;height: 25px; margin-bottom: 5px}
@media (max-width: 767px) { 
.hnb_top2025 .ai_area .fr3-productListCarousel{grid-template-columns: 5% 1fr 5%}
}

/*見出し*/
.hnb_top2025 h2.ttl,
.hnb_top2025 h2.ttl_pink,
.hnb_top2025 h3.ttl{text-align: center;font-weight: normal}
.hnb_top2025 h2.ttl_pink,
.hnb_top2025 h3.ttl{color: #F46A88}
.hnb_top2025 h2.ttl_pink{margin-bottom: 40px}
.hnb_top2025 h2.ttl .ja,
.hnb_top2025 h3.ttl .ja{font-size: 24px;display: block;margin-bottom: 5px;letter-spacing: 0.2em}
.hnb_top2025 p.en{font-size: 10px;display: block;letter-spacing: 0.1em;margin-bottom: 40px;text-align: center}
.hnb_top2025 .tabs p.en{color:#F46A88}
.hnb_top2025 h3.ttl_line{text-align: center;font-weight: normal;font-size: 20px;margin-bottom: 30px;
background: url(https://nubra.itembox.design/item/top/image/bk_line.jpg) repeat-x center}
.hnb_top2025 h3.ttl_line span{background-color: #fff;padding: 0 1em}
.hnb_top2025 h4.ttl_pink,
.hnb_top2025 h4.ttl_black{text-align: center;font-weight: normal;font-size: 20px;margin-bottom: 30px}
.hnb_top2025 h4.ttl_pink{color:#F46A88 }
.hnb_top2025 .ai_area.browsing_history .fs-p-heading--lv2{display: block;text-align: center;font-weight: normal;font-size: 24px;letter-spacing: 0.2em;background: none;color: #222;padding: 0;margin-bottom: 5px;  border: none}
.hnb_top2025 .ai_area.browsing_history .fs-p-heading--lv2::after{content: "Recently Viewed";display: block;text-align: center;font-weight: normal;font-size: 10px;letter-spacing: 0.1em;margin-bottom: 40px;margin-top: 10px}
@media (max-width: 767px) { 
.hnb_top2025 h2.ttl,
.hnb_top2025 h2.ttl_pink,
.hnb_top2025 h3.ttl{}
.hnb_top2025 h2.ttl .ja,
.hnb_top2025 h3.ttl .ja{font-size: 22px}
.hnb_top2025 h4.ttl_pink,
.hnb_top2025 h4.ttl_black{font-size: 18px;line-height: 1.7}
.hnb_top2025 .ai_area.browsing_history .fs-p-heading--lv2{font-size: 22px}
}

/*タブ*/
.hnb_top2025 .tabs .tab-container{max-width: 1120px; margin-left: auto;margin-right: auto;display: flex;column-gap: 2%}
.hnb_top2025 .tabs .tab-container .tab{border: 1px solid #F46A88;border-bottom: none;text-align: center;color: #F46A88;font-size: 18px;padding: 20px 0;width: 32%;
border-radius: 20px 20px 0 0;cursor: pointer;margin-bottom: 0;display: block}
.hnb_top2025 .tabs .tab-container .tab.type2{width: 49%}
.hnb_top2025 .tabs .tab-container .tab.active_spe,
.hnb_top2025 .tabs .tab-container .tab.active_ran,
.hnb_top2025 .tabs .tab-container .tab.active_blog,
.hnb_top2025 .tabs .tab-container .tab.active_guide,
.hnb_top2025 .tabs .tab-container .tab:hover{background: #FFF5F7;border-color:#FFF5F7}
@media (max-width: 1120px) { 
.hnb_top2025 .tabs .tab-container{width: 92%;margin: 0 auto}
.hnb_top2025 .tabs .tab-container .tab.pdt{padding-top: 35px}
}
@media (max-width: 767px) { 
.hnb_top2025 .tabs .tab-container{width: 92%;margin: 0 auto}
.hnb_top2025 .tabs .tab-container .tab{font-size: 14px; text-align: center;display: block;margin: 0;padding: 15px 0}
.hnb_top2025 .tabs .tab-container .tab.pdt{padding-top: 25px}
}


.hnb_top2025 .tabs .content-container{background-color: #FFF5F7;padding: 50px 0 10px}
.hnb_top2025 .tabs .content-container .flex_tab{max-width: 1120px; margin-left: auto;margin-right: auto;display: flex;column-gap: 2%;flex-wrap: wrap}
.hnb_top2025 .tabs .content-container .flex_tab .box{width: 23.5%;margin-bottom: 40px}
.hnb_top2025 .tabs .content-container .flex_tab .box .read{margin-top: 10px; line-height: 1.5;font-size: 14px}
.hnb_top2025 .tabs .content-container .flex_tab .box .read a.link_btn{border: 1px solid #F56585;color: #F46A88;padding: 8px;display: inline-block;position: relative;width: 100%}
.hnb_top2025 .tabs .content-container .flex_tab .box .read a.link_btn::after{content: '';width: 10px;height: 10px;border-top: solid 1px #F46A88;border-right: solid 1px #F46A88;position: absolute;right: 8px;top: 50%;transform: translateY(-50%) rotate(45deg)}
.hnb_top2025 .tabs .content-container .flex_tab .box .read.f16{font-size: 16px;margin-bottom: 5px}
.hnb_top2025 .tabs .content-container .flex_tab .box .f13{line-height: 1.5;font-size: 13px}
.hnb_top2025 .tabs .content-container .flex_tab .box .img.label{position: relative}
.hnb_top2025 .tabs .content-container .flex_tab .box .img.label span.min{font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";display: block;font-size: 20px; text-align: center;
background-color: rgba(180,149,54,0.6);color: #fff;font-weight: bold;padding: 7px 0 3px;position: absolute;bottom: 0;width: 100%}
.hnb_top2025 .tabs .content {display: none}
.hnb_top2025 .tabs .content.show {display: block}
.hnb_top2025 .tabs .content .ai_area{margin-bottom: 50px}
.hnb_top2025 .tabs .content-container .flex_tab a:hover{text-decoration: none}
@media (max-width: 767px) { 
.hnb_top2025 .tabs .content.w100p{width: 100%}
.hnb_top2025 .tabs .content .w90p{width: 90%;margin-left: auto;margin-right: auto}
.hnb_top2025 .tabs .content-container .flex_tab{column-gap: 4%}
.hnb_top2025 .tabs .content-container .flex_tab .box{width: 47.5%;margin-bottom: 30px}
.hnb_top2025 .tabs .content-container .flex_tab .box .img.label span.min{font-size: 14px}
.hnb_top2025 .tabs .content-container .flex_tab .box .read a.link_btn::after{right: 5px}
.hnb_top2025 .fr3-productListStatic{padding: 0}

.hnb_top2025 .fr3-productListStatic__responsive_1{overflow-x: scroll;overflow-y: hidden;scroll-snap-type: x mandatory;scroll-behavior: smooth;display: flex}
.hnb_top2025 .fr3-item {display: inline-flex;flex-flow: column;word-break: break-all;width: 100%;flex: 0 0 calc((100% - 16px* 1) / 2)}
	
}


/*メディアbtn*/
.hnb_top2025 .pnk_btn {width: 100%;border: solid 1px #222;font-weight: normal;background: #fff;position: relative;padding: 0}
.hnb_top2025 .pnk_btn a{display: block;padding: 10px}
.hnb_top2025 .pnk_btn a:hover{text-decoration: none}
.hnb_top2025 .pnk_btn:after {position: absolute;content: '';width: 10px;height: 10px;border: 0;border-top: solid 1px #333;border-right: solid 1px #333;
font-weight: normal;top: 50%;right: 20px;margin-top: -5px;transform: rotate(45deg)}
.hnb_top2025 .mediaguide #mediaframe{height:445px !important}
@media (max-width: 767px) { 
.hnb_top2025 .pnk_btn a{font-size: 14px}
.hnb_top2025 #mediaframe .hnb_deli{display: none}
.hnb_top2025 .mediaguide #mediaframe{height:385px !important}
}


/*お知らせ*/
.hnb_top2025 ul.news {border-top: 1px dotted #222}
.hnb_top2025 ul.news li{display: flex;padding: 15px 0;border-bottom: 1px dotted #222}
.hnb_top2025 ul.news li .day{width: 13%}
.hnb_top2025 ul.news li .post{width: 87%}
@media (max-width: 820px) { 
.hnb_top2025 ul.news li .day{width: 35%}
.hnb_top2025 ul.news li .post{width: 65%}
}


/*キャンペーンエリア*/
.hnb_top2025 .camp_area .camp_flex{display: flex;column-gap: 2%;flex-wrap: wrap}
.hnb_top2025 .camp_area .camp_flex .box{width: 23.5%;margin-bottom: 40px}
.hnb_top2025 .camp_area .camp_flex .box .read{margin-top: 10px; line-height: 1.5;font-size: 14px}
.hnb_top2025 .coupon_area{background-color: #FEE9ED;padding: 40px 30px 20px 30px}
.hnb_top2025 .coupon_area .coupon_flex{display: flex;justify-content: space-between;align-items: center;text-align: center}
.hnb_top2025 .coupon_area .coupon_flex .pl_btn{width: 48%}
.hnb_top2025 .coupon_area .coupon_flex .plus{width: 4%}
@media (max-width: 820px) { 
.hnb_top2025 .coupon_area{padding: 20px;text-align: center}
.hnb_top2025 .camp_area .camp_flex{column-gap: 4%}
.hnb_top2025 .camp_area .camp_flex .box{width:  47.5%;margin-bottom: 30px}
}

/*公式サイトでのお買い物がおすすめです*/
.hnb_top2025 .merit_flex{display: flex;justify-content: space-between;margin-bottom: 60px}
.hnb_top2025 .merit_flex .box{border: #FDE1E7 solid 8px; text-align: center;padding: 30px 0;font-size: 14px;width: 24%}
.hnb_top2025 .merit_flex .box .img{margin-bottom: 10px}
.hnb_top2025 .merit_flex .box .img img{width: 45px}
.hnb_top2025 .reviews{margin-top: 1em}
@media (max-width: 820px) { 
.hnb_top2025 .merit_flex{flex-wrap: wrap}
.hnb_top2025 .merit_flex .box{width: 48%;margin-bottom: 4%}
.hnb_top2025 .reviews{display: block}
.hnb_top2025 .reviews > div{margin-right: 0;width: 100%}
}

.hnb_top2025 .review {
    background: #f4698a;
    margin: 0 auto 3rem;
    width: 30%;
  }
.hnb_top2025  .review a {
    color: #fff;
    font-weight: bold;
    display: block;
    padding: 1rem;
  }
.hnb_top2025 .review p {
    position: relative;
  }
.hnb_top2025 .review p:after {
    position: absolute;
    content: '';
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    top: 50%;
    right: 15px;
    margin-top: -4px;
    transform: rotate(45deg);
  }
.hnb_top2025  .reviews {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
	margin-bottom: 0;
  }
.hnb_top2025 .reviews > div {
    width: 28%;
    margin-right: 7rem;
  }
.hnb_top2025 .reviews > div:last-child {
    margin-right: 0;
  }
.hnb_top2025 .reviews .name_txt {
    color: #666666;
    padding-right: 1rem;
  }
.hnb_top2025 .reviews .star {
    color: #ffc147;
  }
.hnb_top2025 .reviews .excerpt {
    display: flex;
    border-bottom: dotted 1px #999999;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
  }
.hnb_top2025 .reviews .excerpt + p {
    text-align: left;
    padding-bottom: 3rem;
  }
  @media screen and (max-width: 767px) {
   .hnb_top2025 .review {
      width: 100%;
    }
   .hnb_top2025 .reviews {
      width: 100%;
      display: block;
      margin-top: 4rem;
    }
   .hnb_top2025 .reviews > div {
      width: 100%;
      margin: 0 auto;
    }
  }

/*直営店＆取扱店舗情報*/
.hnb_top2025 .store_bnr{background: url(https://nubra.itembox.design/item/top/image/store_pc.jpg) no-repeat; width:1120px;height: 176px;text-align: center;padding: 40px 0 0 0;margin-top: 100px}
.hnb_top2025 .store_bnr .name{font-size: 20px; margin-bottom: 20px;letter-spacing: 0.25em}
.hnb_top2025 .store_bnr .pnk_btn{width: 22%;background-color: #FEE9ED}

.hnb_top2025 .store_bnr_sp{margin-top: 60px}
.hnb_top2025 .store_bnr_sp img{width: 100%}
.hnb_top2025 .store_bnr_sp .frame{text-align: center;border: #FDDCE3 15px solid; border-bottom: 0;background-color: #FEE9ED;padding: 40px 0}
.hnb_top2025 .store_bnr_sp .name{font-size: 20px; margin-bottom: 20px;letter-spacing: 0.25em}
.hnb_top2025 .store_bnr_sp .pnk_btn{width: 80%;background-color: #FEE9ED}