@charset "utf-8";
/* CSS Document */
/* ===== 2026-07-27 変更点：ライバー紹介を3列（3×3）に =====
   .flex_live .liver_list の width を 23% → 31% に変更（PC）。
   31% + margin左右1%ずつ = 33% ×3列 = 99% で3列に収まる。
   スマホ（max-width:767px）の width:46%（2列）は変更していない。
   ※他の 23%（.flex_serv .box / ul.flex_serv.mypage li）は別物なので触っていない。
   検索する時は「/*liver*/」で探すと一発です。
   ========================================================= */
body{
font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
    color: #0f1111;
    font-weight: 400;
}
.fs-l-pageMain{
line-height: 1.8;
}
h1, h2, h3, h4, h5 {
    font-weight: 400;
    line-height: 1.4;
}
a {
    color: #0f1111;
    transition: 0.5s;
}
a:visited {
    color: #0f1111;
}
a.red{
color:#E6222A;
text-decoration:underline;
}
a:hover img{
opacity: 0.7;
}
.text_center{
text-align: center;
}
.text_right{
text-align: right;
}
.block_center{
text-align: center;
margin-right: auto;
margin-left: auto;
display: block;
}
.wrap_white{
padding: 60px 0;
}
.wrap_gray{
padding: 60px 0;
background: #F4F4F4;
}
.top_wrap_white{
padding: 60px 0;
}
ul.flex, ul.flex_center, ul.flex_sns, .bg_member ul{
padding-left: 0;
}
ul.flex li, ul.flex_center li, ul.flex_sns li, .bg_member ul li{
list-style:none;
}


.mb30{
margin-bottom: 30px;
}
.mb50{
margin-bottom: 50px;
}
.mb60{
margin-bottom: 60px;
}
.mb65{
margin-bottom: 65px;
}
.mb70{
margin-bottom: 70px;
}
.mb80{
margin-bottom: 80px;
}
/*ボタン*/
.btn01{
background: #777777;
padding: 20px;
border-color: #777777;
}
.btn02{
background: #fff;
color: #0f1111;
border: 1px solid #A8A5A5;
padding: 10px;
font-size:12px;
}
.btn02:hover{
background: #A8A5A5;

}
.btn_cart{
background: #777777;
padding: 5px 8px;
color: #fff !important;
font-size: 12px;
}
.btn_cart:hover{
background: #0f1111;
}
.btn_cart02{
background: #42B5AF;
padding: 12px 8px;
color: #fff !important;
font-size: 18px;
border: none;
display: block;
}
.btn_cart02:hover{
background: #42B5AF;
}
/*header*/
.fs-l-header__leftContainer {
    align-self: center;
}
.fs-p-logo__image {
    height: 80px;
    width:172px;
}
.laboname{
color: #A8A5A5;
font-size:14px;
padding-left: 100px;
}
.header_line{
background: #72E2DC;
color: #fff;
padding: 12px 0;
text-align: center;
}
.wrap{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.logout.my-false { display: none; }
.login.my-true { display: none; }
.regist.my-true { display: none; }
ul.header_icon{
display: flex;
justify-content: flex-end;
padding: 0;
margin: 0;
}
ul.header_icon li{
list-style: none;
margin-left: 5px;
margin-right: 5px;
text-align: center;
}
ul.header_icon li img{
text-align: center;
}
ul.header_icon li a{
color: #000 !important;
font-size:12px;
}
ul.header_icon li p{
margin: 0;
}
.logout.my-false{
display: none;
}
/*検索*/
.fs-p-inputGroup__input {
    border-radius: 5px;

}
.fs-p-inputGroup__button {
    background: #fff;
    border: none;
    color: #A8A5A5;
    flex-shrink: 0;
    border-radius: 5px;
}
.fs-p-inputGroup {
    display: flex;
    align-items: stretch;
    border: 1px solid #A8A5A5;
    background: #fff;
    border-radius: 2px;
}
/*最新情報*/

.fs-p-dateList > li {
    border: 1px solid #DCDBDA;
    border-width: 1px 0 0 0;
    padding: 8px 0 0;
}
.fs-p-dateList > li time:first-child {
    background: #fff;
    color: #0f1111;
}

/*youtube slide*/
.youtube_slide .fs-pt-carousel__slide {
    position: relative;
    padding-right: 10px;
}
/*見出し*/
h2.title{
font-family: "Times New Roman", Times, "serif";
font-size:38px;
font-weight: normal;
text-align: center;
letter-spacing: 2px;
}
h2.title span{
display: block;
color: #A8A5A5;
font-size:16px;
font-family: 'Noto Sans JP';
font-weight: normal;
letter-spacing: 0;
}
h2.title02{
font-size:32px;
font-weight: 300;
text-align: center;
margin-bottom: 50px;
}
h2.title02 span{
color: #42B5AF;
font-size:40px;
font-family: 'Noto Sans JP';
font-weight: 700;
}
/*footer*/
.footer_under, .footer_under a{
background: #000;
color: #fff;
padding: 60px 0 50px 0;
}
.fs-l-footer {
    border:none;
}
ul.flex_sns{
display: flex;
justify-content: center;
margin:60px 0 25px 0;
}
ul.flex_sns li{
margin: 0 11px;
}

.copyright{
text-align: center;
color: #fff;
}
.foot_logo{
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.foot_lead{
text-align: center;
margin-bottom: 45px;
}
.foot_time{
text-align: center;
margin-bottom: 60px;
}
.bn_contact a{
background: #42B5AF;
color: #fff !important;
text-align: center;
padding: 22px;
width: 360px;


transition:0.5s;
border:1px solid #42B5AF;
font-size:22px;
font-weight: 700;
display: inline-block;
margin-bottom: 30px;
}
.bn_contact a:hover{
background:#42B5AF;
color: #fff !important;
text-decoration: none;
border:1px solid #42B5AF;
}
.bn_phone a{
border: 1px solid #DCDBDA;
color: #0f1111 !important;
font-size:22px;
font-weight: 700;
text-align: center;
padding: 22px;
width: 360px;
display: flex;
align-items: baseline;
margin-bottom: 30px;
justify-content: center;
background: #fff;
}
.bn_phone a img{
margin-right: 10px;
}

.bn_cv{
font-size:12px;
padding: 12px 0;
width:240px;
display: inline-block;
color: #0f1111;
border:1px solid #A8A5A5;
text-align: center;
transition: 0.5s;
background: #fff;
}
.bn_cv:hover{
background: #DCDBDA;
text-decoration: none;
}
.footer_upper{
background: #F4F4F4;
padding: 100px 0;
}
.foot_upper .flex li > div{
margin-bottom: 5px;
}
h3.foot{
border-bottom: 1px solid #DCDBDA;
color: #0F1111;
padding-bottom: 15px;
margin-bottom: 25px;
position: relative;
}
.icon_down {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: inline-block;
    vertical-align: middle;
    color: #0f1111;
    line-height: 1;
    width: 0.6em;
    height: 0.6em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}
.fs-p-banner--registration {
    background: #666;
}
.accordion-003 {
    max-width: 500px;
    margin-bottom: 7px;
    border-bottom: 2px solid #DCDBDA;
}

.accordion-003 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #0f1111;
    font-weight: 600;
    cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #0f1111;
    border-right: 3px solid #0f1111;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
    line-height: 1.8;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}
.fs-p-footerNavigationItem__title {
    position: relative;
}
.fs-p-footerNavigation02 {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    margin: 24px auto;
    max-width: 1216px;
}
.fs-p-footerNavigationItem__title {
    font-size: 1.8rem;
    font-weight: 500;
    text-align: left;
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDBDA;
    color: #0F1111;
    position: relative;

}
.fs-p-footerNavigationItem__ctrlIcon::before {
    margin-top: -1.6em;
}

/*予約商品*/

.yoyaku_item .fs-c-productListCarousel__ctrl.slick-disabled > .fs-c-button--carousel,
.yoyaku_item .fs-c-button--carousel, .yoyaku_item .fs-c-productListCarousel__ctrl,
.pick_item .fs-c-productListCarousel__ctrl.slick-disabled > .fs-c-button--carousel,
.pick_item .fs-c-button--carousel, .pick_item .fs-c-productListCarousel__ctrl,
.ranking .fs-c-productListCarousel__ctrl.slick-disabled > .fs-c-button--carousel,
.ranking .fs-c-button--carousel, .ranking .fs-c-productListCarousel__ctrl{
    display: none;
}
.yoyaku_item.fs-c-slick .slick-slide,
.pick_item.fs-c-slick .slick-slide,
.ranking.fs-c-slick .slick-slide{
    position: relative;
}
.yoyaku_item.fs-c-productListCarousel,
.pick_item.fs-c-productListCarousel,
.ranking.fs-c-productListCarousel{
    display: block;
}
.yoyaku_item .fs-c-productListCarousel__list,
.pick_item .fs-c-productListCarousel__list,
.ranking .fs-c-productListCarousel__list{
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
}
.yoyaku_item.fs-c-slick .slick-track,
.pick_item.fs-c-slick .slick-track,
.ranking.fs-c-slick .slick-track{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap;
    width: 100% !important;
transform: none !important;

}
.yoyaku_item.fs-c-slick .slick-slide,
.pick_item.fs-c-slick .slick-slide,
.ranking.fs-c-slick .slick-slide{
    margin-bottom: 30px;
}
.yoyaku_item .fs-c-productListCarousel__list__item,
.pick_item .fs-c-productListCarousel__list__item,
.ranking .fs-c-productListCarousel__list__item{
    max-width: 150px;
    margin: 0 11px;
}
.pick_item .fs-c-productListCarousel__list__item,
.ranking .fs-c-productListCarousel__list__item{
    max-width: 160px;
    margin: 0 12.5px;
    min-width: 120px;
}
.yoyaku_item .fs-c-productListItem__image.fs-c-productImage,
.pick_item .fs-c-productListItem__image.fs-c-productImage,
.ranking .fs-c-productListItem__image.fs-c-productImage{
height:170px;
    width: auto;
    overflow: hidden;
}
.yoyaku_item .fs-c-slick .slick-slide,
.pick_item .fs-c-slick .slick-slide,
.ranking.fs-c-slick .slick-slide{
}
.tab-1 {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.tab-1 > label {
    order: -1;
    padding: .7em 1em .5em;
    border: 1px solid #DCDBDA;
    background-color: #fff;
    color: #A8A5A5;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

.tab-1 > label:hover {
    background: #72E2DC;
    color: #fff;
}

.tab-1 input {
    display: none;
}

.tab-1 > div {
    display: none;
    width: 100%;
    padding: 1.5em 0;
    background-color: #fff;
}

.tab-1 label:has(:checked) {
    background-color: #72E2DC;
    border: 1px solid #DCDBDA;
    color: #fff;
}

.tab-1 label:has(:checked) + div {
    display: block;
}
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price {
    color: #42B5AF;
}
/*Ranking*/
.ranking .slick-track .slick-slide::before{

display: flex; justify-content: center;
font-weight:500; font-size:16px;
align-items: center;
margin-bottom: 5px;
margin-left: 15px;
position: absolute;
border-radius: 50%;
width: 30px;
height: 30px;
color: #0f1111;
}
/**/
.ranking .slick-track .slick-slide:nth-of-type(1)::before{ content: "1";
background:#E3B204;
color: #fff;}
.ranking .slick-track .slick-slide:nth-of-type(2)::before{ content: "2";
background: #A8A5A5;
color: #fff; }
.ranking .slick-track .slick-slide:nth-of-type(3)::before{ content: "3";
background: #AC5D00;
color: #fff;}
.ranking .slick-track .slick-slide:nth-of-type(4)::before{ content: "4";
background:#FFFFFF;
}
.ranking .slick-track .slick-slide:nth-of-type(5)::before{ content: "5";
background: #FFFFFF; }
.ranking .slick-track .slick-slide:nth-of-type(6)::before{ content: "6";
background: #FFFFFF; }
.ranking .slick-track .slick-slide:nth-of-type(7)::before{ content: "7";
background: #FFFFFF; }
.ranking .slick-track .slick-slide:nth-of-type(8)::before{ content: "8";
background: #FFFFFF; }
.ranking .slick-track .slick-slide:nth-of-type(9)::before{ content: "9";
background: #FFFFFF; }
.ranking .slick-track .slick-slide:nth-of-type(10)::before{ content: "10";
background: #FFFFFF; }
.ranking.fs-c-slick .slick-slide {
    position: relative;
}

/*タグ*/
ul.tag_list{
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0;
}
.tag{
background: #F4F4F4;
border-radius: 100px;
text-align: center;
padding: 5px 10px;
margin: 10px 5px;
font-size:14px;
}
ul.tag_list li{
list-style: none;
margin-bottom: 20px;
}
/*liver*/
.flex_live{
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 50px;
}
.flex_live .liver_list{
width:31%;
margin-right: 1%;
margin-left: 1%;
}
.liver_list img{
display: block;
text-align: center;
margin: 10px auto;
}
.live_name{
font-size: 18px;
text-align: center;
margin-bottom: 30px;
}
.live_list a{
color: #0f1111;
}
/*商品情報*/
.fs-c-productName__name, .fs-c-productListItem__productDescription{
line-height: 1.6;
}
/*service*/
ul.flex_serv li{
list-style: none;
}
.flex_serv{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
.flex_serv .box{
width: 23%;
border: 1px solid #DCDBDA;
}
.flex_serv .box a{
height: 100%;
padding-top: 50px;
padding-bottom: 50px;
background: #fff;
text-align: center;
display: block;
width:100%;
}
.flex_serv .box a:hover{
background: #F4F4F4;
}
.flex_serv li.box img{
text-align: center;
margin-bottom: 20px;
}
/*商品一覧*/
.fs-c-heading--page {
    border:none;
    color: #0f1111;
    font-weight: 500;
    font-size: 32px;
    padding: 0;
}
.fs-c-subgroupList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.fs-c-subgroupList__link {
    background: rgba(255, 255, 255, 1);
    border: 1px solid #DCDBDA;
    padding: .7em 1em .5em;
    text-decoration: none;
    text-align: center;
    display: block;
}
.fs-c-subgroupList__link::after {
display: none;
}
.fs-c-subgroupList__link:hover{
background: #72E2DC;
color: #fff !important;
}
.fs-c-sortItems__list__item.is-active {
    background: #555555;
    color: #ffffff;
}
.fs-c-productPointDisplay {
    background: #777;
    color: #ffffff;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    padding: 6px 20px;
}
.fs-p-card {
    background: #fff;
    border: 1px solid #DCDBDA;
    margin: 8px 0;
    padding: 1.5em 2em;

}
.fs-p-card__title {
    border-bottom: 1px solid #A8A5A5;
}
.fs-c-list li::before {
    border: 4px solid #42B5AF;
    background: #42B5AF;
}
.fs-p-card__footer {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    }
.fs-p-card__footer::before {
    content: "\e934";
    font-family: "fs-icon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.4em;
    }


/*サイド検索*/
.side_form .fs-p-productSearch__form {
    background: #fff;
    transform: translateY(0%);
    display: block;
    padding: 0;
}
.side_form{
margin: 20px 0;
}
.side_form_tit{
margin-bottom: 10px;
}
.side_form .fs-c-button--secondary {
    background: #fff;
    border: 1px solid #DBD8D8;
    border-radius: 0px;
    color: #A8A5A5;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    text-align: center;
    padding: 0.8em 1.6em 0.6em;
    box-shadow: 0 0 0;
    min-width: 220px;
}
.side_form [type="text"] {
    border: 1px solid #DBD8D8;
    border-radius: 3px;
    padding: 3px 5px;
    background: #F4F4F4;
}
/*サイドメニュー*/
.fs-p-sideMenu .fs-pt-menu__link--lv2::before {
    content: "";
    display: none;
}
.fs-p-sideMenu .fs-pt-menu__link--lv2::after {
    content: "\e90c";
}
.fs-p-sideMenu .fs-pt-menu__link--lv2{
justify-content: space-between;
padding-left: 8px;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv1{
    border: none;
    border-bottom: 1px solid #42B5AF;
    color: #42B5AF;
    font-weight: 700;
}
.side_menu_cate{
    border: none;
    border-bottom: 1px solid #42B5AF;
    color: #42B5AF;
    font-weight: 700;
    padding: 8px;
    display: block;
}
.fs-p-sideMenu a:hover{
background: #42B5AF;
}
.fs-p-sideMenu .fs-pt-menu__heading--lv2 {
    border-bottom: 1px solid #DFDFDF;
}

ul.side_menu_con{
padding: 8px;
margin: 0 0 30px 0;
}
ul.side_menu_con li{
list-style: none;
}
.side_banner{
margin-bottom: 10px;
}
ul.side_menu_con{
padding: 0;
}
ul.side_menu_con li{
border-bottom: 1px solid #DFDFDF;
}
ul.side_menu_con .fs-pt-menu__link {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 8px;
}
 ul.side_menu_con .fs-pt-menu__link::after {
    font-family: "fs-icon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.4em;
    content: "\e90c";
}
 ul.side_menu_con .fs-pt-menu__link:hover{
 text-decoration: none;
background: #42B5AF;
color: #fff !important;
 }
 /*会員登録*/
 .tit_center{
 text-align: center;
 font-size:22px;
 font-weight: 500;
 margin-bottom: 40px;
 }
 .bg_member{
 background: #72E2DC;
 padding: 30px;
 margin-bottom: 30px;
 }
 .bg_member li, .bg_member .box{
 background: #fff;
box-shadow: 2px 2px 4px -2px gray;
padding: 35px 30px;
margin-bottom: 30px;
position: relative;
 }

 .bg_member figure, .solid_meru figure{
 display: block;
 margin: 0 auto;
 text-align: center;
 }
 .bg_member h3{
  padding-bottom: 20px;
 font-weight: 500;
 color: #0f1111;
 text-align: center;
 margin-top: 15px;
 font-size:22px;
 letter-spacing: 1px;
 }

 .bg_member h3 span{
  color: #ff7600;
  }
  .bg_member.reb h3{
  margin-top: 35px;
  }
 .bg_member p span{
 color: #ff7600;
 }
 .bg_member .line01{
 border-bottom: 1px solid #DCDBDA;
 margin: 20px 0;
 }
  .bg_member .ab_img{
  position: absolute;
  top:-30px;
  left: 50%;
  margin-right: -50%;
  transform: translateX(-50%);
  text-align: center;
  }

 .solid_meru{
 border:1px solid #DCDBDA;
 padding: 50px 30px;
 text-align: center;
 background: #fff;
 margin-bottom: 30px;
 }
  .solid_meru h3{
  font-weight: 500;
 color: #0f1111;
 text-align: center;
 margin-top: 15px;
 font-size:22px;
 letter-spacing: 1px;
 margin-bottom: 20px;
  }

 /*LINE ID連携*/
 ul li.box_line{
 width: 30%;
 }
 .box_line{
 border:6px solid #72E2DC;
 background: #fff;
 padding: 30px;
 margin-bottom: 30px;
  }
 .box_line h3{
 font-weight: 500;
 color: #0f1111;
 text-align: center;
 margin-top: 15px;
 font-size:22px;
 letter-spacing: 1px;
 }
 .box_line figure{
  display: block;
 margin: 0 auto;
 text-align: center;
 }
 /*faq*/
/*ボックス全体*/
.accbox {
    margin: 2em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}
/*ラベル*/
.accbox label {
    display: block;
    margin: 0;
    padding : 13px 40px;
    color: #333;
    font-weight: 500;
    background: url("https://ishikawalabo.itembox.design/item/icon_q.png") no-repeat 5px 15px;
    background-size: 24px 24px;
    cursor :pointer;
    transition: all 0.5s;
    position: relative;
    font-size:16px;
}
/*アイコンを表示*/

.accbox label:after {
    content: "+";
    position: absolute;
    right: 10px;
    color: #707070;

}
/*ラベルホバー時*/
.accbox label:hover {
    background: url("https://ishikawalabo.itembox.design/item/icon_q.png") #F4F2ED no-repeat 5px 15px;
    background-size: 24px 24px;
}

/*チェックは隠す*/
.accbox input {
    display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 20px 1em 20px 3em;
    opacity: 1;
    background: url("https://ishikawalabo.itembox.design/item/icon_a.png") #fff 10px 20px no-repeat;
    background-size: 24px 24px;
    width:98%;
    margin-left:2%;
    margin-bottom: 20px;
}

.accbox .accshow p {
    margin: 15px 10px}

/*アイコンを入れ替える*/
.cssacc:checked + label:after {
    content: "-";
    position: absolute;
    right: 10px;
    color: #707070;
}
hr {
    border: 1px solid #DCDBDA;
}
.fs-c-button--secondary {
    background: #777;
    border: 1px solid #777;
    padding: 1em 1.6em 1em;

}
/*ご利用ガイド*/
.fs-c-documentArticle__heading {
    background: #777;
    padding: 10px 8px;
}
.fs-c-documentColumn__heading {
    color: #0f1111;
    border-color: #42B5AF;
    border-style: solid;
    border-width: 0 0 1px 5px;
    font-weight: 500;
    font-size: 1.8rem;
    padding: 8px;
    padding-left: 16px;
    margin-bottom: 8px;
}
.fs-p-announcement__title {
    color: #42B5AF;
    font-size: 1.8rem;
    margin: 0;
}
.fs-c-productSelection__name {
    color: #ff0000;
}
.cart_box{
position: relative;
}
.fs-clientInfo:not(.is-ready) {
    display: block !important;
}
.fs-p-cartItemNumber {
    top: -2px;
    right: 0px;
}
/*top_pickup*/
.tit_item_blue{
font-size: .9em;
  text-align: center;
  padding: .7em 1em .5em;
  background-color: #72E2DC;
  border: 1px solid #DCDBDA;
  color: #fff;
  width: 180px;
  margin: 30px auto;
}
ul.flex_serv.mypage li {
    list-style: none;
    width: 23%;
}
/*====================================================
共通ここまで
=====================================================*/
@media screen and (min-width : 1200px){
#fs_Top .fs-l-sideArea + .fs-l-pageMain, #fs_Top .fs-l-pageMain + .fs-l-sideArea {
    max-width: 1116px;
}
.fs-l-sideArea {
    max-width: 260px;
}
.fs-l-sideArea + .fs-l-pageMain, .fs-l-pageMain + .fs-l-sideArea {
    max-width: 900px;
}
/*1200*/
}
@media screen and (max-width : 1199px){
.wrap{
padding-left: 15px;
padding-right: 15px;
}
/*1199*/
}
@media screen and (min-width : 960px){
.fs-c-subgroupList__item {
    flex-basis: 33%;
    margin-left: -1px;
    margin-top: -1px;
    max-width: 300px;
}

/*960*/
}
@media screen and (min-width : 768px){
.ps{display: block;}
.sp{display: none;}
/*header*/

.fs-l-header__contents {
grid-template-rows: auto auto;
grid-template-columns: 40% 20% 40%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.fs-l-header__utility {
grid-template-rows: auto;
}
.fs-l-header__utility :first-child {
grid-column: 3 / 3;
grid-row: 1 / 2;
}
.fs-l-header__utility :nth-child(2) {
grid-column: 3 / 4;
grid-row: 2/ 2;
}
.fs-l-header__utility :nth-child(3) {
grid-column: 1 / 2;
grid-row: 2 / 3;
}
.fs-l-header__utility :last-child {
align-self: top;
grid-column: 2 / 4;
grid-row: 2 / 3;
}
/*side*/
#fs_Top .fs-l-sideArea {
    display: none;
}
/*foot*/
.flex_contact{
display: flex;
justify-content: center;
align-items: center;
}
.flex_contact > div{
margin-left: 5px;
margin-right: 5px;
}
.foot01{
width: 35%;
}
.foot02{
width: 16.6%;
}
.flex{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flex_center{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.flex_center li{
margin: 10px;
}
.box46{
width:46%;
}
.tab-1 > label {
    flex: 1;
    margin: 0 8px 30px;
    max-width: none;
}
 .side_form .fs-p-productSearch__field {
    display: block;
}
 .bg_member .flex li{
width: 48%;
 }
 .fs-p-footerNavigation02 {
    grid-template-columns: 1fr 1fr;
}
.fs-p-footerNavigationItem__title {
    font-size: 1.6rem;
    font-weight: 400;
    text-align: left;
}
.header_form_sp{
display: none;

}
/*768*/
}
@media screen and (min-width : 960px){

.fs-p-footerNavigation02 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
}/*960*/
}
@media screen and (max-width : 767px){
.ps{display: none;}
.sp{display: block;}

.header_form_sp{
margin-bottom: 20px;
}
.fs-l-header {
    position:sticky;
    width: 100%;
    background: #fff;
    z-index: 99;
    top: 0;
}
.fs-p-drawer{
z-index: 999;
}
.fs-l-header__drawerOpener {
    position: absolute;
    top: 10px;
}
.fs-l-header__contents {
display: grid;
grid-template-rows: auto auto;
grid-template-columns: auto;
    /* align-items: center; */
}
.fs-l-header__utility {
    display: block;
    position: absolute;
    right: 10px;
}
.header_form{
display: none;
}
.flex_live .liver_list{
width:46%;
}
.flex_center li{
margin: 10px auto;
display: block;
text-align: center;
}
.flex_serv .box {
    width: 46%;
    margin-bottom: 20px;
}
.flex_serv .box a{
padding: 20px 10px;
}
.flex_serv .box p{
margin: 0;
}

.laboname {
    display: none;
}
.fs-l-header__logo {
    grid-row: 1;
    grid-column: 1;
}
.header_icon{
display: flex;
}
.flex li iframe{
margin: 10px auto;
text-align: center;
display: block;
}
.yoyaku_item .fs-c-productListCarousel__list__item, .pick_item .fs-c-productListCarousel__list__item, .ranking .fs-c-productListCarousel__list__item {
    max-width: 120px;
    margin: 0 10px;
}
.tab-1 > label {
    width: 33.33%;
    margin-bottom: 0;
}

}
.tab-1 > label.tab01, .tab-1 > label.tab02, .tab-1 > label {
    margin: 0;
}
.fs-c-slick .slick-slide {
    flex-grow: 1;
}
.bn_contact, .bn_phone{
text-align: center;
display: block;
margin: 10px auto;
}
.bn_phone a{
margin: 0 auto;
}
.bn_contact a{
margin: 0 auto;
}
ul li.box_line {
    width: 100%;
}
.fs-p-logo__image {
    width: 104px;
    height: 48px;
}
/*767*/
}

@media screen and (max-width : 680px){
.fs-c-productListCarousel__list__item {
    min-width: 180px;
    margin: 0 8px;
}/*600*/
}
@media screen and (max-width : 599px){
.fs-c-productListCarousel__list__item {
    min-width: 200px;
    margin: 0 8px;
}
.icon_down {
    display: none;
}
.fs-p-footerNavigationItem__title {
    font-size: 1.4rem;
    font-weight: 500;
    text-align: left;

}
.top_column_eria .fs-pt-column--3 {
    grid-template-columns: 1fr 1fr;
}
.wrap_white {
    padding: 30px 0;
}
/*599*/
}
@media screen and (max-width : 480px){
.yoyaku_item .fs-c-productListItem__image.fs-c-productImage, .pick_item .fs-c-productListItem__image.fs-c-productImage {
    height: 150px;
}
.ranking .fs-c-productListItem__image.fs-c-productImage {
    height: 110px;
}

.yoyaku_item .fs-c-productListCarousel__list__item, .pick_item .fs-c-productListCarousel__list__item{
    min-width: 150px;
}
.ranking .fs-c-productListCarousel__list__item{
    min-width: 100px;
    max-width: 100px;
}
/*.pick_item .fs-c-productListCarousel__list__item{
    min-width: 100px;
    max-width: 100px;
}
.pick_item .fs-c-slick .slick-slide, .ranking .fs-c-slick .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    width: 30%;
}*/
.yoyaku_item .fs-c-productListItem__productName, .pick_item .fs-c-productListItem__productName, .ranking .fs-c-productListItem__productName {
    font-size: 1.2rem;
}
.yoyaku_item .fs-c-slick .slick-slide {
    display: flex;
    align-content: center;
    justify-content: center;
}
.bg_member h3 {
    font-size: 18px;
}
.top_wrap_white{
padding-top: 0;
}
.top_wrap_white h2.title{
margin-top: 0;
}
.fs-c-accountService {
    justify-content: center;
}
.fs-c-accountService__page {
    margin: 8px;
}
ul.flex_serv.mypage li {
    list-style: none;
    width: 46%;
}
/*480*/
}

@media screen and (min-width: 768px){
  .fs-c-productListItem__image.fs-c-productImage{
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  .fs-c-productListItem__image.fs-c-productImage img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

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

  .tab-1 > div {
    text-align: center;
  }

  .tab-1 > div > * {
    margin-left: auto;
    margin-right: auto;
  }

/* popular_itemsの直後のカルーセルにだけ効かせる */
.tit_item_blue + div .fs-c-productListCarousel{
  text-align: center;
}

.tit_item_blue + div .fs-c-productListCarousel > *{
  margin-left: auto;
  margin-right: auto;
}

.top_wrap_white{
  margin-top: 120px !important;
}

}

  /* ── shop グローバルナビ（背景ティファニー、押せる感UP版） ── */
  .lab-gnav {
    background: #72E2DC;
    position: relative;
  }
  .lab-gnav__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
  }
  .lab-gnav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }
  .lab-gnav__list::-webkit-scrollbar { display: none; }
  .lab-gnav__item {
    flex: 1 1 0;
    text-align: center;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    list-style: none;
  }
  .lab-gnav__item:last-child { border-right: none; }
  .lab-gnav__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 14px 12px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.05em;
    white-space: nowrap;
    position: relative;
    transition: background 0.25s ease;
  }
  .lab-gnav__link:visited { color: #fff; }
  .lab-gnav__link::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 6px;
    width: calc(100% - 28px);
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    transform: translateX(-50%);
    transition: height 0.25s ease, background 0.25s ease;
  }
  .lab-gnav__link:hover,
  .lab-gnav__link.is-active {
    background: #42B5AF;
    color: #fff;
    text-decoration: none;
  }
  .lab-gnav__link:hover::after,
  .lab-gnav__link.is-active::after {
    height: 2px;
    background: #fff;
  }
  .lab-gnav__external {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.75);
    margin-left: 2px;
    display: inline-block;
    transform: translateY(-1px);
  }
  @media screen and (max-width: 767px) {
    .lab-gnav__inner { padding: 0; }
    .lab-gnav__list { justify-content: flex-start; }
    .lab-gnav__item { flex: 0 0 auto; min-width: 110px; }
    .lab-gnav__link { padding: 12px 16px; font-size: 12px; }
    .lab-gnav__link::after { bottom: 4px; }
  }

  /* ヘッダーライン（告知バー+ナビ）を上部固定 */
  .lab-stickyheader {
    position: sticky;
    top: 0;
    z-index: 100;
  }

  /* アンカー飛び時、固定ヘッダーの裏に隠れないようにスクロール位置を補正 */
  #news, #livers, #ranking { scroll-margin-top: 130px; }
  .lab-gnav__link:visited { color: #fff; }

/* ===== ヘッダー ロゴ下キャッチコピー（案A） ===== */
.fs-l-header__logo .fs-p-logo{ text-align:center; }
.lab-header-catch{
  margin:8px 0 0;
  padding-top:9px;
  position:relative;
  font-family:"Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;
  color:#2b2b2b;
  font-size:14px;
  letter-spacing:.16em;
  line-height:1;
  text-align:center;
  white-space:nowrap;
}
.lab-header-catch::before{
  content:"";
  position:absolute;
  top:0; left:50%;
  transform:translateX(-50%);
  width:46px; height:1px;
  background:#d9d9d9;
}
@media (max-width:900px){
  .lab-header-catch{
    font-size:12px;
    letter-spacing:.1em;
    white-space:normal;
  }
}

/* ============================================================
   マイページ 注文履歴：「注文合計金額」と「合計注文件数」をボタンで開閉
   2026-08-03
   ※ 2026-07-27 の「注文合計金額だけ非表示」ブロックは、この節に統合済み。
     別のところに .fs-c-history__total を隠す記述を足さないこと（二重管理になる）。
   ※ ボタンは JS（アイテムの labo-mypage-total.js）が差し込みます。
   ============================================================ */

/* 閉じている間は、金額と件数をまとめて隠す（よま指示 2026-08-03）。
   ・年度セレクタ／期間表示は常に出たまま＝過去年の履歴には到達できる
   ・開いたときはこのルールが当たらなくなるだけなので、
     futureshop 本来の表示指定がそのまま復活する（display値を決め打ちしない）
   ・JSが読み込めなかった場合も隠れたまま＝安全側 */
.fs-c-history__info:not(.labo-total-open) .fs-c-history__total {
  display: none;
}

/* 開閉ボタン */
.labo-total-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  margin-top: 0.6em;
  padding: 0.45em 1em;
  font-size: 0.85rem;
  line-height: 1.4;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.labo-total-toggle:hover {
  background: #f5f5f5;
}

.labo-total-toggle:focus-visible {
  outline: 2px solid #333;
  outline-offset: 2px;
}

/* 開閉の向きを矢印で示す（テキストはJS側で切り替え） */
.labo-total-toggle::after {
  content: "\25BC";              /* ▼ */
  font-size: 0.75em;
}

.fs-c-history__info.labo-total-open .labo-total-toggle::after {
  content: "\25B2";              /* ▲ */
}

/* future AI Recommend Plus：枠が自動で出す見出しを消す
   （見出しはフリーパーツ側で <h2 class="title"> を付けているため） */
div[id^="_rcmdjp_div_tag_id_"] > h2 {
  display: none;
}

/* 定番ページ（/c/pickup/teiban）の並び＝直近2か月（8/13〜10/13）の売れ筋順。2026-10-13 よまの決定（優先度は使わない）。
 並び替え（新着順・価格順）を押したとき＝is-active があるときは効かない。リストに無い商品は今の順のまま後ろに並ぶ。
 商品の入れ替え＝この行の番号を書き換える（正本 .sylphy/projects/plans/2026-10-12-site-kaishu/teiban_order/teiban_order.css） */
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/217-7268"]) { order: -100; }
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/2880JSP"]) { order: -99; }
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/217-7261"]) { order: -98; }
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/IS-24"]) { order: -97; }
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/72891"]) { order: -96; }
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/ISSK-24107"]) { order: -95; }
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/85252943"]) { order: -94; }
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/R810314"]) { order: -93; }
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/85254003"]) { order: -92; }
.fs-l-pageMain:not(:has(.fs-c-sortItems__list__item.is-active)) .fs-c-productList__list > .fs-c-productListItem:has(a[href$="/teiban/85241925"]) { order: -91; }

/* ===== ショップ改修1回目（2026-10-17）ここから：L2・E1・C2＝戻すときはこの印から「ここまで」の印までを消す ===== */
/* L2 一覧カードの説明の箇条書きを隠す */
.fs-c-productList__list__item .fs-c-productListItem__productDescription{display:none !important}
/* E1 一覧の発送時期の帯をスマホで12px */
@media (max-width: 640px) {
  .fs-c-productListItem .fs-c-mark--packingGroup { font-size: 12px; }
}
/* C2 スマホのナビを1段・4等分 */
@media (max-width: 767px) {
  .lab-gnav__list{display:grid !important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:visible !important;width:100%;height:auto !important}
  .lab-gnav__item{width:auto !important;min-width:0 !important;border-right:1px solid rgba(255,255,255,.5);box-sizing:border-box}
  .lab-gnav__item:last-child{border-right:0}
  .lab-gnav__link{display:flex !important;align-items:center;justify-content:center;min-height:44px;height:auto !important;padding:0 2px !important;white-space:nowrap !important;text-align:center;line-height:1.3 !important;box-sizing:border-box}
  .lab-gnav__link::after{display:none !important}
  .lab-gnav, .lab-gnav__inner{height:auto !important}
}
/* ===== ショップ改修1回目 ここまで ===== */
/* ===== ショップ改修2回目（2026-10-18）ここから：N2・X4＝戻すときはこの印から「ここまで」の印までを消す ===== */
/* N2 */
@media (max-width: 767px) {
  body#fs_ProductDetails .lab-stickyheader{display:none !important}
}
/* X4 */
#fs_ShoppingCart a.fs-c-button--unregisteredUserPurchase,
#fs_ShoppingCart a.fs-c-button--unregisteredUserPurchase:hover,
#fs_ShoppingCart a.fs-c-button--unregisteredUserPurchase:focus,
.flex_contact .bn_contact a,
.flex_contact .bn_contact a:hover{background:#42B5AF !important;color:#fff !important;border:1px solid #42B5AF !important}
#fs_ShoppingCart a.fs-c-button--unregisteredUserPurchase *{color:#fff !important}

#fs_ShoppingCart a.fs-c-button--loginAndPurchase,
#fs_ShoppingCart a.fs-c-button--loginAndPurchase:hover,
#fs_ShoppingCart a.fs-c-button--loginAndPurchase:focus,
#fs_ShoppingCart a.fs-c-button--continueShopping,
#fs_ShoppingCart a.fs-c-button--continueShopping:hover,
#fs_ShoppingCart a.fs-c-button--continueShopping:focus,
#fs_Top a.lk-t1-live__insta:not(.lk-t1-live__tiktok),
#fs_Top a.bn_cv,
#fs_Top a.bn_cv:hover,
.flex_contact .bn_phone a,
.flex_contact .bn_phone a:hover,
#fs_ProductDetails a.lk-r1-watch{background:#fff !important;color:#0f1111 !important;border:1px solid #42B5AF !important}
#fs_ShoppingCart a.fs-c-button--loginAndPurchase *,
#fs_ShoppingCart a.fs-c-button--continueShopping *,
#fs_ProductDetails a.lk-r1-watch *{color:#0f1111 !important}
/* ===== ショップ改修2回目 ここまで ===== */
/* ===== ショップ改修 N7 ナビのちらつき止め（2026-10-18）ここから：戻すときはこの印から「ここまで」の印までを消す ===== */
/* N7 ナビのちらつき止め（N3・N6 と同じ値を head で先に効かせる・10/18） */
@media (max-width: 767px) {
  body .lab-stickyheader{position:static !important}
  body .lab-gnav{background:#fff !important;box-shadow:inset 0 -1px 0 #e5e5e5}
  body .lab-gnav__item{border-right-color:transparent !important}
  body .lab-gnav__link{color:#0f1111 !important;background:transparent !important}
  body .lab-gnav__link.lk-n3-cur{box-shadow:inset 0 -3px 0 #72E2DC;font-weight:700 !important}
  body .lab-gnav .lab-gnav__list{align-items:stretch}
  body .lab-gnav .lab-gnav__link{flex-direction:column !important;justify-content:flex-start !important;gap:6px;min-height:92px !important;padding:9px 2px 8px !important;font-size:12px !important;line-height:1.3 !important;white-space:nowrap !important;color:#333 !important;-webkit-tap-highlight-color:transparent}
  body .lab-gnav .lab-gnav__link::before{content:'';display:block;flex:0 0 auto;width:44px;height:44px;border-radius:50%;box-sizing:border-box;border:1px solid #ddd;background:#f7f7f7 center/24px 24px no-repeat}
  body .lab-gnav .lab-gnav__link[aria-current=page],body .lab-gnav .lab-gnav__link:active{color:#42B5AF !important}
  body .lab-gnav .lab-gnav__link[aria-current=page]::before,body .lab-gnav .lab-gnav__link:active::before{border-color:#42B5AF;background-color:#eef9f8}
  body .lab-gnav .lab-gnav__link[href*="ranking"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 17 3 7.5l5 4L12 5l4 6.5 5-4-1 9.5z'/%3E%3Cpath d='M4.5 20h15'/%3E%3C/svg%3E")}
  body .lab-gnav .lab-gnav__link[href*="yoyaku"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E")}
  body .lab-gnav .lab-gnav__link[href*="sokunou"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v9.5h-11zM13.5 10h4l3 3.2V16h-7z'/%3E%3Ccircle cx='6.5' cy='17.5' r='1.7'/%3E%3Ccircle cx='17' cy='17.5' r='1.7'/%3E%3C/svg%3E")}
  body .lab-gnav .lab-gnav__link[href*="teiban"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M3.5 4.5v6.8l9.2 9.2 7.8-7.8-9.2-9.2H4.5z'/%3E%3Ccircle cx='8' cy='8.5' r='1.6'/%3E%3C/svg%3E")}
  body .lab-gnav .lab-gnav__link[href*="ranking"][aria-current=page]::before,body .lab-gnav .lab-gnav__link[href*="ranking"]:active::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2342B5AF' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M4 17 3 7.5l5 4L12 5l4 6.5 5-4-1 9.5z'/%3E%3Cpath d='M4.5 20h15'/%3E%3C/svg%3E")}
  body .lab-gnav .lab-gnav__link[href*="yoyaku"][aria-current=page]::before,body .lab-gnav .lab-gnav__link[href*="yoyaku"]:active::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2342B5AF' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.9l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E")}
  body .lab-gnav .lab-gnav__link[href*="sokunou"][aria-current=page]::before,body .lab-gnav .lab-gnav__link[href*="sokunou"]:active::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2342B5AF' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.5h11v9.5h-11zM13.5 10h4l3 3.2V16h-7z'/%3E%3Ccircle cx='6.5' cy='17.5' r='1.7'/%3E%3Ccircle cx='17' cy='17.5' r='1.7'/%3E%3C/svg%3E")}
  body .lab-gnav .lab-gnav__link[href*="teiban"][aria-current=page]::before,body .lab-gnav .lab-gnav__link[href*="teiban"]:active::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2342B5AF' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M3.5 4.5v6.8l9.2 9.2 7.8-7.8-9.2-9.2H4.5z'/%3E%3Ccircle cx='8' cy='8.5' r='1.6'/%3E%3C/svg%3E")}
}
@media (min-width: 768px) {
  body .lab-gnav{background:#fff !important;border-bottom:1px solid #e6e6e6;height:auto !important;margin:0 !important;padding:0 !important}
  body .lab-gnav__inner{max-width:none !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important}
  body .lab-gnav__list{display:flex !important;justify-content:center;align-items:stretch;gap:48px;width:auto !important;height:40px !important;margin:0 !important;padding:0 !important;list-style:none}
  body .lab-gnav__item{flex:0 0 auto !important;width:auto !important;min-width:0 !important;margin:0 !important;border:0 !important;background:none !important}
  body .lab-gnav__link{display:flex !important;align-items:center;height:40px !important;min-height:0 !important;padding:0 4px !important;background:none !important;color:#333 !important;font-size:13px !important;line-height:1 !important;white-space:nowrap;box-shadow:none !important}
  body .lab-gnav__link::before,body .lab-gnav__link::after{display:none !important}
  body .lab-gnav__link:hover,body .lab-gnav__link:active,body .lab-gnav__link[aria-current=page]{color:#42B5AF !important}
  body .lab-gnav__link[aria-current=page]{box-shadow:inset 0 -2px 0 #42B5AF !important}
}
/* ===== ショップ改修 N7 ナビのちらつき止め ここまで ===== */
/* M3 ログインページの MENU（よま決定 B・10/18）：PC（幅 1200 から上＝テーマが左の列にする幅）のときだけ、ログインの左の列を隠す。
   本番の段取り＝①これをオリジナルCSS の末尾へ ②レイアウト「マイページログイン(SP)」（layouts/225）のメインエリアの
   「エラー表示」と「コンテンツエリア」の間に「サブエリア（メニュー等・スマートフォン）」を足す（この順なら PC が一瞬も2列にならない）。
   SP（1199 まで）は触らない＝サブエリアが MENU の引き出しになる。ログイン（#fs_Login）以外のページは触らない。 */
@media screen and (min-width: 1200px) {
  #fs_Login .fs-l-main > .fs-l-sideArea { display: none !important; }
  /* 左の列の後ろの本文は テーマ 928px・オリジナルCSS 900px に狭まる決まり（.fs-l-sideArea + .fs-l-pageMain）＝ログインだけ今の 1216px に戻す */
  #fs_Login .fs-l-main > .fs-l-sideArea + .fs-l-pageMain { max-width: 1216px; }
}

/* ===== ショップ改修4回目（2026-10-18）ここから：X2・X3・K03・L4（CSS だけ）＝戻すときはこの印の間を消す ===== */
/* ===== X2 TOP の週間ランキングの順位バッジ：1〜3位だけお店の色の濃淡・4位以下は白地に線（CSS だけ） ===== */
#_rcmdjp_div_tag_id_0 .fr4-rcmd-item .fr4-rcmd-ranking-val{background:#fff !important;color:#555 !important;box-shadow:inset 0 0 0 1px #b5b5b5 !important}
#_rcmdjp_div_tag_id_0 .fr4-rcmd-item:nth-child(-n+3) .fr4-rcmd-ranking-val{color:#0f1111 !important;font-weight:700 !important;box-shadow:none !important}
#_rcmdjp_div_tag_id_0 .fr4-rcmd-item:nth-child(1) .fr4-rcmd-ranking-val{background:#42B5AF !important}
#_rcmdjp_div_tag_id_0 .fr4-rcmd-item:nth-child(2) .fr4-rcmd-ranking-val{background:#72E2DC !important}
#_rcmdjp_div_tag_id_0 .fr4-rcmd-item:nth-child(3) .fr4-rcmd-ranking-val{background:#C7F3F0 !important;box-shadow:inset 0 0 0 1px #72E2DC !important}
/* ===== X3 一覧・検索・商品ページの価格：「販売価格」を見えなく（読み上げは残す）・数字を太字・「税込」小さく（定価のある商品は今のまま） ===== */
:is(#fs_ProductCategory, #fs_ProductSearch, #fs_ProductDetails) .fs-c-productPrices:not(:has(.fs-c-productPrice ~ .fs-c-productPrice)) > .fs-c-productPrice--selling .fs-c-productPrice__main__label{position:absolute !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important}
:is(#fs_ProductCategory, #fs_ProductSearch, #fs_ProductDetails) .fs-c-productPrices:not(:has(.fs-c-productPrice ~ .fs-c-productPrice)) > .fs-c-productPrice--selling .fs-c-productPrice__main__price,
:is(#fs_ProductCategory, #fs_ProductSearch, #fs_ProductDetails) .fs-c-productPrices:not(:has(.fs-c-productPrice ~ .fs-c-productPrice)) > .fs-c-productPrice--selling .fs-c-productPrice__main__price *{font-weight:700 !important}
:is(#fs_ProductCategory, #fs_ProductSearch, #fs_ProductDetails) .fs-c-productPrices:not(:has(.fs-c-productPrice ~ .fs-c-productPrice)) > .fs-c-productPrice--selling .fs-c-productPrice__addon,
:is(#fs_ProductCategory, #fs_ProductSearch, #fs_ProductDetails) .fs-c-productPrices:not(:has(.fs-c-productPrice ~ .fs-c-productPrice)) > .fs-c-productPrice--selling .fs-c-productPrice__addon *{font-size:11px !important;font-weight:400 !important}
/* ===== K03 SP（767px 以下）だけ 12px 未満の字を 12px に（PC は1pxも変えない） ===== */
@media (max-width:767px){
html body .fs-p-cartItemNumber:not(#lk-k03-a):not(#lk-k03-b),
html body .fs-p-drawerButton__label:not(#lk-k03-a):not(#lk-k03-b),
html body .fs-c-cartTable__message--packingGroup:not(#lk-k03-a):not(#lk-k03-b),
html body .fs-c-mark__label:not(#lk-k03-a):not(#lk-k03-b),
html body .fs-c-productMark__label:not(#lk-k03-a):not(#lk-k03-b),
html body .fs-c-productName__copy:not(#lk-k03-a):not(#lk-k03-b),
html body .fs-c-productPrice__addon:not(#lk-k03-a):not(#lk-k03-b),
html body .fs-c-productPrice__addon__label:not(#lk-k03-a):not(#lk-k03-b),
html body .fr4-rcmd-item-addon:not(#lk-k03-a):not(#lk-k03-b),
html body .fr4-rcmd-ranking-val:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-a6-pr small:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-a6-oosl:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-y1-jiki:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-k04-tag:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-r1-watch__sub:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-z1-band__sub:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-p1-bar__price__t:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-h1-item__label:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-h1-count:not(#lk-k03-a):not(#lk-k03-b),
html body #livers .lk-l4-size b:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-k02-bar__price small:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-r3-hiraku:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-t1-live__thumbttl:not(#lk-k03-a):not(#lk-k03-b),
html body .lk-r5-row .lk-r5-a:not(#lk-k03-a):not(#lk-k03-b){font-size:12px !important}
}
/* ===== L4（2026-10-18 よま決定）TOP のライバー紹介を1人1枚のカードに。#livers の HTML（lk-l4-list）とセットで、ここだけに効く ===== */
/* PC＝3列（幅 1080px まで）／SP（767px 以下）＝横に送るカード（1枚が画面の 72%）。写真 PC 180px・SP 150px。身長だけ色の札。JS なし */
#livers .lk-l4-list{max-width:1080px;margin:28px auto 8px}
#livers .lk-l4-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#livers .lk-l4-card{box-sizing:border-box;background:#fff;border-radius:16px;border-top:4px solid #72E2DC;box-shadow:0 2px 10px rgba(15,17,17,.08);padding:20px 18px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#0f1111}
#livers .lk-l4-photo{display:block;width:180px;height:180px;max-width:100%;object-fit:contain;margin:0 auto}
#livers .lk-l4-name{font-size:20px;font-weight:700;line-height:1.3;margin:10px 0 0;letter-spacing:.04em}
#livers .lk-l4-size{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0;padding:0}
#livers .lk-l4-size > span{font-size:13px;line-height:1.4;padding:3px 10px;border-radius:999px;border:1px solid #42B5AF;background:#fff;white-space:nowrap}
#livers .lk-l4-size > span:first-child{background:#72E2DC;border-color:#72E2DC;font-weight:700}
#livers .lk-l4-size b{font-weight:400;margin-right:4px;font-size:12px}
#livers .lk-l4-catch{margin:14px 0 14px;font-size:14px;line-height:1.75;text-align:left;width:100%}
#livers .lk-l4-catch > span{display:block}
#livers .lk-l4-catch > span:first-child{font-weight:700}
#livers .lk-l4-btn{margin-top:auto;margin-bottom:0;box-sizing:border-box;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid #42B5AF;border-radius:999px;color:#0f1111;font-size:14px;text-decoration:none;background:#fff}
@media (max-width:767px){
#livers .lk-l4-list{margin:20px -15px 4px}
#livers .lk-l4-track{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:12px;padding:4px 16px 14px;scroll-padding:0 16px}
#livers .lk-l4-card{flex:0 0 72%;scroll-snap-align:start;padding:18px 14px 16px}
#livers .lk-l4-photo{width:150px;height:150px}
#livers .lk-l4-name{font-size:19px}
#livers .lk-l4-size{gap:4px}
#livers .lk-l4-size > span{font-size:12px;padding:2px 7px}
#livers .lk-l4-size b{font-size:12px;margin-right:3px}
#livers .lk-l4-catch{font-size:13.5px}
}
/* ===== L4 ここまで ===== */
/* ===== ショップ改修4回目 ここまで ===== */
/* ===== ショップ改修 N8 SP の商品ページのパンくずを上に残す（よま決定＝シャンドラ型・10/18） =====
   SP（767px 以下）の商品ページ（body#fs_ProductDetails）だけ。パンくず（HOME ＞ 一覧 ＞ 商品名）を1行・13px・押せる高さ 40px にして、
   下に送ったら C3 の薄い帯（44px）のすぐ下に貼りつける。文字・リンク先は変えない（商品名が長いときは末尾を「…」で切る）。
   新しいボタンは足さない・JS なし。N2（ナビ4つを隠す）はそのまま。PC・TOP・一覧・カートは触らない。
   ★自分の @media の中で閉じる（この上の余りの } に左右されない）。 */
@media screen and (max-width: 767px) {
  body#fs_ProductDetails nav.fs-c-breadcrumb { position: -webkit-sticky; position: sticky; top: 44px; z-index: 98; margin: 0; padding: 0 12px; background: #fff; border-bottom: 1px solid #e6e6e6; }
  body#fs_ProductDetails nav.fs-c-breadcrumb .fs-c-breadcrumb__list { display: flex; flex-wrap: nowrap; align-items: center; height: 40px; margin: 0; padding: 0; overflow: hidden; white-space: nowrap; }
  body#fs_ProductDetails nav.fs-c-breadcrumb .fs-c-breadcrumb__listItem { flex: 0 0 auto; margin: 0; padding: 0; font-size: 13px; line-height: 40px; }
  body#fs_ProductDetails nav.fs-c-breadcrumb .fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before { white-space: pre; color: #777; }
  body#fs_ProductDetails nav.fs-c-breadcrumb .fs-c-breadcrumb__listItem:last-child { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; color: #777; }
  body#fs_ProductDetails nav.fs-c-breadcrumb .fs-c-breadcrumb__listItem > a { display: inline-block; height: 40px; line-height: 40px; font-size: 13px; font-weight: 700; color: #0f1111; text-decoration: underline; text-underline-offset: 3px; }
}
/* ===== ショップ改修 N8 ここまで ===== */

/* ===== ショップ改修5回目 V3b TOP の小バナー6→4を写真のまま 2×2（2026-10-19 よま「写真をそのまま使う」案②）。Instagram/YouTube は見た目だけ外す・4枚を 776:352 の箱に cover・PC は4つ1行・TOP だけ。戻すときはこの印の間を消す ===== */
/* lk-v3b */
/* 段を1つの格子に（SP 2列・PC 4列）。中の箱（.top_column_eria・.fs-pt-column--3）は格子に溶かす（display:contents）。
   a の余白（お店の CSS の padding 8px）はそのまま＝バナーの間 16px・段の端 8px は今と同じ。
   段の選び方は V3 と同じ2通り（「動画のカルーセルのすぐ次の .wrap_white」と「.top_column_eria を持つ .wrap_white」）。
   ★同じ値を2つに分けて書くのは、:has を知らないブラウザが「,」でつないだ決まりを丸ごと捨てるため */
body#fs_Top .youtube_slide + .wrap_white { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
body#fs_Top .wrap_white:has(> .top_column_eria) { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
body#fs_Top .top_column_eria, body#fs_Top .top_column_eria .fs-pt-column--3 { display: contents; }
/* Instagram・YouTube は見た目だけ隠す（TOP 上部の丸アイコン列 N6 と行き先が重なる） */
body#fs_Top .top_column_eria .fs-pt-column__item[href*="instagram.com"],
body#fs_Top .top_column_eria .fs-pt-column__item[href*="youtube.com"] { display: none; }
/* 4枚とも同じ箱＝776:352（今の写真バナー bn_register.jpg・bn_line.jpg の比）。高さは幅から決める（padding の割合＝古い端末でも効く） */
body#fs_Top .top_column_eria .fs-pt-column__image { display: block; position: relative; height: 0; padding-top: 45.3608%; overflow: hidden; }
body#fs_Top .top_column_eria .fs-pt-column__image img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
/* メルマガの今の画像（横長の白地アイコン）だけは切らずに全部見せる＝contain・余白は白・まわりに今の画像と同じ薄い枠 */
body#fs_Top .top_column_eria .fs-pt-column__image img[src*="sidebn_newsletter"] { object-fit: contain; background: #fff; box-shadow: inset 0 0 0 1px #dcdcdc; }
/* 並び（V3 と同じ）＝はじめての方へ → LINE ¥500 OFF ／ メルマガ登録 → 会員登録。DOM の順は動かさない */
body#fs_Top .top_column_eria .fs-pt-column__item[href$="/f/guide"], body#fs_Top .top_column_eria .fs-pt-column__item[href*="/view/guide_"] { order: 1; }
body#fs_Top .top_column_eria .fs-pt-column__item[href$="/f/line-intro"] { order: 2; }
body#fs_Top .top_column_eria .fs-pt-column__item[href$="/p/newsletter/subscribe"] { order: 3; }
body#fs_Top .top_column_eria .fs-pt-column__item[href$="/p/register"] { order: 4; }
@media (min-width: 768px) {
  body#fs_Top .youtube_slide + .wrap_white { grid-template-columns: repeat(4, 1fr); }
  body#fs_Top .wrap_white:has(> .top_column_eria) { grid-template-columns: repeat(4, 1fr); }
}
/* ===== ショップ改修5回目 V3b ここまで ===== */
/* ===== ショップ改修8回目 V2b 在庫の数のちらつき止め（2026-10-20）ここから：「在庫数 N」を最初から隠す（1〜3 はフリーパーツ kaishu8_1 の JS が「残り◯枚」にして出す）。戻すときはこの印から「ここまで」の印までを消す ===== */
.fs-c-variationCart__variationName__stock--numberOfStock:not([data-lk-v2b="show"]){display:none!important}
/* ===== ショップ改修8回目 V2b ここまで ===== */