/* ※※PC用です。※※PCとスマホか必ず確認の上更新 */

@import url("https://mikan.itembox.design/item/css/fs_itou.css?2025061720");
@import url("https://mikan.itembox.design/item/css/news.css?2025061720");
@import url("https://mikan.itembox.design/item/css/iframe.css?2025061720");
@import url("https://mikan.itembox.design/item/css/citrus-search.css?2025061720");
@import url("https://mikan.itembox.design/item/css/shohin-grid.css?2025061720");
@import url("https://mikan.itembox.design/item/css/fs_system_SizeColorSettings.css?2025061720");

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&family=Questrial&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap');



/*****************************************************************************
★自社きくちゃんデイセールバナー
*****************************************************************************/

.salepagesp {
  width: 100%;
  margin: 20px 0 20px 0;
  padding: 0 15px 0 15px;
  height: 380px;
}
/*.salepagesp .salepage {  display: block;}*/
.salepage {  display: block;}

/*****************************************************************************
★スライダー最初縦並び表示の改善
*****************************************************************************/

.fs-c-button--secondary{margin: 30px 0 10px;}

.slider{ opacity: 0; 
transition: opacity .3s linear; 
} 
.slider.slick-initialized{ 
opacity: 1; }


.logout.my-false { display: none; }
.login.my-true { display: none; }
.regist.my-true { display: none; }


.oshirase_txt li {
    text-decoration: underline;
}


.fs-c-memberInfoField .fs-c-inputTable > tbody > tr:first-child .fs-c-inputTable__label, .fs-c-memberInfoField .fs-c-inputTable > tbody > tr:nth-child(2) .fs-c-inputTable__label, .fs-c-addAddressbookField .fs-c-inputTable > tbody > tr:first-child .fs-c-inputTable__label, .fs-c-addAddressbookField .fs-c-inputTable > tbody > tr:nth-child(2) .fs-c-inputTable__label, .fs-c-modifyAddressbookField .fs-c-inputTable > tbody > tr:first-child .fs-c-inputTable__label, .fs-c-modifyAddressbookField .fs-c-inputTable > tbody > tr:nth-child(2) .fs-c-inputTable__label {
    display: block;
}


.fs-c-memberInfoField .fs-c-inputTable > tbody > tr:first-child .fs-c-inputTextGroup__item:first-child::before, .fs-c-addAddressbookField .fs-c-inputTable > tbody > tr:first-child .fs-c-inputTextGroup__item:first-child::before, .fs-c-modifyAddressbookField .fs-c-inputTable > tbody > tr:first-child .fs-c-inputTextGroup__item:first-child::before {
    content: "姓 *";
    font-weight: bold;
}

.fs-c-memberInfoField .fs-c-inputTable > tbody > tr:first-child .fs-c-inputTextGroup__item:nth-child(2)::before, .fs-c-addAddressbookField .fs-c-inputTable > tbody > tr:first-child .fs-c-inputTextGroup__item:nth-child(2)::before, .fs-c-modifyAddressbookField .fs-c-inputTable > tbody > tr:first-child .fs-c-inputTextGroup__item:nth-child(2)::before {
    content: "名 *";
    font-weight: bold;
}

.fs-c-memberInfoField .fs-c-inputTable > tbody > tr:nth-child(2) .fs-c-inputTextGroup__item:first-child::before, .fs-c-addAddressbookField .fs-c-inputTable > tbody > tr:nth-child(2) .fs-c-inputTextGroup__item:first-child::before, .fs-c-modifyAddressbookField .fs-c-inputTable > tbody > tr:nth-child(2) .fs-c-inputTextGroup__item:first-child::before {
    content: "姓（フリガナ） *";
    font-weight: bold;
}

.fs-c-memberInfoField .fs-c-inputTable > tbody > tr:nth-child(2) .fs-c-inputTextGroup__item:nth-child(2)::before, .fs-c-addAddressbookField .fs-c-inputTable > tbody > tr:nth-child(2) .fs-c-inputTextGroup__item:nth-child(2)::before, .fs-c-modifyAddressbookField .fs-c-inputTable > tbody > tr:nth-child(2) .fs-c-inputTextGroup__item:nth-child(2)::before {
    content: "名（フリガナ） *";
    font-weight: bold;
}

.fs-c-variationPanelList__radio:checked + .fs-c-variationPanelList__panel .fs-c-variationPanelList__panel__content {
  background: #7abad8;
  color: #ffffff;
}

.footer_sider {position: fixed;bottom: -6px;z-index: 99;}


/*****************************************************************************
★お問い合わせはこちらリンク
*****************************************************************************/

.guide-link {
  background-color: #eee;
  width: 100%;
  text-align: center;
  padding: 30px;
  font-size: 2rem;
  font-weight: 700;
  box-sizing: border-box;
}

.guide-link a {
  background-color: #000;
  border-color: #000;
  color: #fff;
  margin: 20px auto 0 auto;
  padding: 10px;
  font-size: 1.4rem;
  min-height: 46px;
  width: 320px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/*スライダー初期表示調整*/

.fs-pt-carousel__track{
  opacity: 0;
  transition: opacity .3s linear;
}
.fs-pt-carousel__track.slick-initialized{
  opacity: 1;
}

/*ページ内要注意文の調整*/
.yotyuui_txt {
    font-size: 18px;
    color: red;
}

a{text-decoration: none;}


/*ページ内要注意文の調整*/
.fs-c-variationPanelList__panel__image{height: 100px;max-height: 100px;}


.keywordpc {
  margin: 0 auto;
  width: 100%;
  max-width: 1040px;
  margin: 10px auto;
}

.fs-p-sideMenu a:hover {
    background: #fd7438;
    color: #ffffff;
}

/*母の日タブメニュー相互リンク*/
.mother_tab{width:100%;height:925px;display: block;}
@media screen and (max-width: 1199px) {
  .mother_tab {
    height: 1144px;
  }
}

/*母の日お届け希望日注意文　表示非表示*/
.mtdsitei {
  display: none;
}
.recomend-mother {
    position: relative;
    padding: 2rem 3rem calc(2rem + 10px);
    background: #ff7f7a;
    text-align: center;
    font-size: min(4vw, 18px);
    color: #fff;
    font-weight: bold;
    margin: 10px;
}
.recomend-mother:before {
    position: absolute;
    top: -7px;
    left: -7px;
    width: 100%;
    height: 100%;
    content: '';
    border: 4px solid #000;
    color: #fff;
}

/*父の日お届け希望日注意文　表示非表示*/
.mtdsitei-f {
  display: none;
}
/*みかんタブメニュー*/
.mikan_tab {
 width: 100%;
 height: 885px;
 display: block;
}
@media screen and (max-width: 1199px) {
 .mikan_tab {
     height: 1105px;
 }
}

.keiro-tab {height: 520px;width: 100%;}

@media screen and (max-width: 1199px) {
  .keiro-tab {
    height: 600px;width: 100%;
  }
}

.oseibo-tab {height: 520px;width: 100%;}

@media screen and (max-width: 1199px) {
  .oseibo-tab {
    height: 600px;width: 100%;
  }
}

/*テキストリンク　もっと見るボタンの制御*/
.txt_link {
  width: 35%;
  max-width: 750px;
  margin: 20px auto 3.0rem;
  padding: 15px 0;
  text-align: center;
  font-size: 1.5rem;
  color: #ff7f00 !important;
  border: 1px solid #ff7f00;
  border-radius: 4.5rem;
  display: block;
}
.txt_link:hover{background:#ff7f00;color:#fff !important;}

.txt_link_left {
  width: 80%;
  max-width: 750px;
  margin: 20px auto 3.0rem;
  padding: 15px 0;
  text-align: center;
  font-size: 1.5rem;
  color: #ff7f00 !important;
  border: 1px solid #ff7f00;
  border-radius: 4.5rem;
  display: block;
}
.txt_link_left:hover{background:#ff7f00;color:#fff !important;}

/* スクロールバナー 正方形画像用*/
.scrollable-list-container-bnr-ivent {
overflow-x: auto; /* 横スクロールを有効にする */
white-space: nowrap; /* テキストを折り返さないようにする */
scrollbar-color: #ff8b34 #eee;
padding: 0 0 18px 10px;
scrollbar-width: thin;}

.scrollable-list-container-bnr-ivent img {width: 10vw;}

/* リストアイテム */
.scrollable-list-container-bnr-ivent{
  display: inline-block;
  margin-right: 2px;
  padding: 5px 10px;}
/* スクロールバナー 正方形画像用*/

/* スクロールバナー 正方形画像用*/
.scrollable-list-container-bnr {
overflow-x: auto; /* 横スクロールを有効にする */
white-space: nowrap; /* テキストを折り返さないようにする */
scrollbar-color: #ff8b34 #eee;
padding: 0 0 18px 10px;
scrollbar-width: thin;}

.scrollable-list-container-bnr img {width: 12vw;}

/* リストアイテム */
.scrollable-list-item-bnr {
  display: inline-block;
  margin-right: 2px;
  padding: 5px 10px;}
/* スクロールバナー 正方形画像用*/


/* スクロールバナー 長方形画像用*/
.scrollable-list-container-bnr2 {
overflow-x: auto; /* 横スクロールを有効にする */
white-space: nowrap; /* テキストを折り返さないようにする */
scrollbar-color: #ff8b34 #eee;
padding: 0 0 18px 10px;
scrollbar-width: thin;}

.scrollable-list-container-bnr2 img {width: 80vw;}

/* リストアイテム */
.scrollable-list-item-bnr {
  display: inline-block;
  margin-right: 2px;
  padding: 5px 10px;}
/* スクロールバナー 長方形画像用*/

/* スクロールバナー 価格*/
.ito-price {
  font-size: 1.4rem;
  font-weight: bold;
  font-family: 'Lato', sans-serif;
  margin: 5px;
  color: #f00;
  text-align: center;
}
.ito-price::before {
  content: "￥";
  font-size: 0.8rem;
}
.ito-price::after {
  content: "(税込)";
  font-size: 0.8rem;
}
/* スクロールバナー 価格*/

/*****************************************************************************
★ページの詰め合わせ内容のスクロール
*****************************************************************************/

.scrollable-list-container-page {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-color: #ff8b34 #eee;
  padding: 0 0 18px 10px;
  scrollbar-width: thin;
}
.scrollable-list-container-page img {
  width: 15vw;
}


.scrollable-list-item-page {
  display: inline-block;
  margin-right: 2px;
  padding: 5px 10px;
}

.scrollable-list-container-page li{counter-increment: mycounter;}

.scrollable-list-item-page::before {
  top: 2.2rem;
  left: -1.8rem;
  width: 4rem;
  height: 4rem;
  background: #fff;
  border-radius: 106px;
  content: counter(mycounter, decimal-leading-zero);
  counter-increment: countup;
  display: block;
  position: relative;
  border: 1px solid #999;
  z-index: 99;
  box-sizing: border-box;
  font-size: 21px;
  padding: 8px 9px;
}

.page-sc-item {
  background-color: #68af71;
  padding: 1px 8px;
  color: #fff;
}
.page-sc-text {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
.page-sc-text {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}

/*****************************************************************************
★ランキングスクロール
*****************************************************************************/

.scrollable-list-ranking {
  overflow-x: auto;
  white-space: nowrap;
  scrollbar-color: #ff8b34 #eee;
  padding: 0 0 18px 10px;
  scrollbar-width: thin;
}
.scrollable-list-ranking img {
  width: 12vw !important;
}

.scrollable-list-ranking-item {
  display: inline-block;
  margin-right: 2px;
  padding: 5px 10px;
}

.scrollable-list-ranking li{counter-increment: mycounter;}

.scrollable-list-ranking-item::before {
  top: 2.2rem;
  left: -1.8rem;
  width: 4rem;
  height: 4rem;
  background: #fff;
  border-radius: 106px;
  content: counter(mycounter, decimal-leading-zero);
  counter-increment: countup;
  display: block;
  position: relative;
  border: 1px solid #999;
  z-index: 99;
  box-sizing: border-box;
  font-size: 16px;
  padding: 9px 11px;
}

.scrollable-list-ranking-item:nth-child(1)::before {
  background: #fa0;
  color: #fff;
}

.scrollable-list-ranking-item:nth-child(2)::before {
  background: #bbb;
  color: #fff;
}
.scrollable-list-ranking-item:nth-child(3)::before {
  background: #930;
  color: #fff;
}

.fs-c-buttonContainer{margin: 5px;}

.fs-p-announcement{max-width: 740px;width: 100%;}

.all-review {
    color: #fff !important;
    font-size: 13px;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    .fs-c-heading--page {
        padding: 20px 0;
    }
}

.fs-c-cartTable__productName__name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
}

.fs-c-productPointDisplay__quantity {
    font-weight: bold;
    font-size: 25px;
}

.fs-c-button--plain span {
    color: #fff;
}

@media screen and (min-width: 960px) {
  .fs-body-my-orders .fs-c-history__listContainer, .fs-body-my-storeOrders .fs-c-history__listContainer {
    grid-column: 2;
    grid-row: 2;
  }
}

.fs-c-orderHistoryItem__orderSummary {
  gap: 6px;
}

.fs-c-buttonContainer--deleteChange > [class^="fs-c-button"] {
  min-width: 40%;
}

.fs-c-productThumbnail__image__caption {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/*****************************************************************************
★１画像拡大調整
*****************************************************************************/

.scrollable-list-bnr-morebuy img {
  width: 100%;
}
.scrollable-list-bnr-morebuy {
  display: inline-block;
  margin-right: 2px;
  padding: 5px 10px;
}

/*****************************************************************************
★１画像拡大調整
*****************************************************************************/

.fs-c-productImageModalCarousel__figure__image {
    max-height: 80vh;
    max-width: 80vw;
    margin: 5%;
}

/*****************************************************************************
★フッターパーツのマージン調整
*****************************************************************************/

.fs-p-bannerGroup {
    margin: 46px auto;
    max-width: 1216px;
}

/*****************************************************************************
★レビュー一覧調整
*****************************************************************************/

.fs-c-productReview {
    height: auto;
    overflow: auto;
}

.fs-c-productReview__addReview.fs-c-buttonContainer.fs-c-buttonContainer--addReview--detail {
    display: none;
}
/*****************************************************************************
★カートの数量の位置調整
*****************************************************************************/

.fs-c-productQuantityAndAction__quantity{margin-right: 0px !important;}


/*****************************************************************************
★注文完了後ページデザイン調整
*****************************************************************************/

.return-page {
  display: flex;
}


.return-btn-cart ,.return-mypage{
  border: solid 1px #ff8b34;
  margin: 20px 10px;
  padding: 10px;
  width: 50%;
}

.return-btn-cart:hover,.return-mypage:hover{
background-color: #ff8b34;
color:#fff;
}


.imgauto {
  margin: 0 auto;
  display: block;
  width: 50%;
}

/*****************************************************************************
★カートデザイン調整
*****************************************************************************/

.fs-c-price__value {
    font-size: 20px;
}

@media screen and (min-width: 960px) {
    .fs-body-cart .fs-l-cart__contentsArea {
        grid-template-rows: minmax(auto, auto) 410px 60px;
}
#fs-totalsArea-wrapper{grid-row: span 2;}
}
.fs-c-featuredProduct {
    max-width: 740px;
    margin: 50px 0 100px 0;
}}

@media screen and (max-width: 959px) {
    #fs-totalsArea-wrapper {
    width: 100% !important;
    left: 0;}
    .fs-c-purchaseHere.fs-c-cartPayment{
    display: flex
;
}}

.fs-c-wishlistProduct {
    max-width: 740px;
    margin: 50px 0 100px 0;
}


/*****************************************************************************
★定期値引きアピ
*****************************************************************************/

.price_box-tk{border: 1px solid #e5e5e5;padding: 10px;font-weight: bold;}
.teika-tk{font-size: 13px;text-align: center;}
.teika-tk::before{content: "通常価格:";}
.teika-tk::after{content: "円のところ";}

.nebiki-tk {background-color: #000;color: #fff;padding: 5px;margin: 10px 0;text-align: center;font-weight: bold;}

.price-tk{font-size: 20px;font-weight: bold;color: #f00;text-align: center;}
.price-tk::before{content: "定期価格:";font-size: 13px;}
.price-tk::after{content: "円";font-size: 13px;}

.soryo-tk {background-color: #f00;color: #fff;padding: 5px;margin: 0 auto;font-weight: bold;text-align: center;}

.teikiprice-tk{text-align: center;}


/*****************************************************************************
★セールアピ
*****************************************************************************/

.nebiki-ap>a{color: #fff;}
.nebiki-ap{background-color: #fd8b40;text-align: center;color: #fff;padding: 5px 10px 15px;margin: 0 auto;line-height: 30px;border-radius: 10px;font-family: RobotoV20,sans-serif;}
.nebiki-ap-maeoki {font-size: 14px;line-height: 20px;margin: 12px 0;}
.nebiki-ap-kakaku {font-size: 40px;font-weight: bold;line-height: 50px;}
.nebiki-ap-day {color: #f00;background-color: #fff;line-height: 30px;}
.nebiki-ap-setumei {font-size: 10px;line-height: 12px;margin: 10px;text-align: left;}
.nebiki-ap-bottun {background-color: #eee;color: #251e1c;}
.nebiki-ap-bottun:hover {background-color: #251e1c;color: #fff;}

/*****************************************************************************
★パーツ制御
*****************************************************************************/

.gift {
    margin: 0 auto;
    width: 100%;
    max-width: 1040px;
    margin: 10px auto;
}

.scrollable-list-container-bnr-top {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-color: #ff8b34 #eee;
    padding: 0 0 10px 0;
    scrollbar-width: thin;
    width: 100%;
    max-width: 1040px;
    margin: 10px auto;
}
.scrollable-list-item-bnr {
    display: inline-block;
    margin-right: 2px;
}

.scrollable-list-container-bnr-top img {
    width: 15vw;
}

.more-link {
  float: right;
  color: #ff8b34 !important;
  font-weight: bold;
  font-family: RobotoV20, sans-serif;
}

.gift-left > ul {
    display: flex
;
    padding: 0;
}