/*GoogleFont*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese');
@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c");
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');
/* アイコンフォント基本設定 */
@font-face {
  font-family: 'icomoon';
  src:  url('item/css/iconfonts/icomoon.eot?k2tbmw');
  src:  url('fonts/icomoon.eot?k2tbmw#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?k2tbmw') format('truetype'),
    url('fonts/icomoon.woff?k2tbmw') format('woff'),
    url('fonts/icomoon.svg?k2tbmw#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
    @font-face {
  font-family: "KiwiMaru-Medium";
  font-display: swap;
  src:
  url("https://htkni.itembox.design/item/css/fonts/KiwiMaru-Medium.woff2")format("woff2"),
  url("https://htkni.itembox.design/item/css/fonts/KiwiMaru-Medium.woff")format("woff"),
  url("https://htkni.itembox.design/item/css/fonts/KiwiMaru-Medium.eot")format("eot"),
  url("https://htkni.itembox.design/item/css/fonts/KiwiMaru-Medium.ttf")format("truetype")
  ;
}

html {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight:400;}
p {line-height:1.75;}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* アイコンフォント基本設定ここまで */
/* アイコン表示 */
.icon-ticket:before {
  content: "\e900";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-alarm:before {
  content: "\e950";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user:before {
  content: "\e971";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-new-tab:before {
  content: "\ea7e";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube2:before {
  content: "\ea9e";
}
/* アイコン表示ここまで */

/* ナビゲーションメニュー太字 */
header nav ul li {
font-weight:bold;
}

#fs_input_blackmarketPassword {border:solid 1px !important;width:30% !important;margin-left:35%;}/*仮入力、のち削除要*/
#detail-big .inner .mt20 {margin-top:40px;}/*ns2000の商品説明のつなぎめマージン*/
.flex-container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}/*コンテンツの横並び。親に指定するクラス*/
/*入力フォーム　修正2020/10/27*/
table.fs-c-inputTable tr td .fs-c-inputTextGroup__item {width:160px;}
table.fs-c-inputTable tr td input#fs_input_firstName, table.fs-c-inputTable tr td input#fs_input_lastName, table.fs-c-inputTable tr td input#fs_input_lastNameKana, table.fs-c-inputTable tr td input#fs_input_firstNameKana {width:150px;}
/*登録フォームプルダウン調整20190509 2020/10/27*/
table.fs-c-inputTable tr td select {padding: 2px 50px 2px 5px;}
/*カート内表示位置微調整20190509*/
.fs-c-productPrice__addon__label {font-size:10px;margin-left:0px;}
.fs-c-modal__title {width:95%;text-align:center;}
.fs-c-checkout-addressee {border-bottom:1px solid #dedede;margin-bottom:20px;}
/*農家さんシャツ調整用*/
.sankou {margin-top: 30px;color: #E33828;font-size: 12px;}
/*クレジットカードアイコン横並びと位置*/
li.fs-c-creditCardIcons__icon {float:left;}
.fs-c-checkout-paymentMethod__creditCardRegistration{align-items:normal;}
/*商品詳細のaタグ*/
.fs-p-productDescription.fs-p-productDescription--short a {border-bottom:1px solid #cdcdcd;}
.fs-p-productDescription.fs-p-productDescription--short a:hover {text-decoration: none;border-bottom:none;}
/*1DaySale商品詳細用*/
.1day_sho_name {font-size:11px;}
.psusumespw{padding:15px 3px;text-align:center;}
.dayitem-osusume {float:left;width:220px;height:265px;padding:5px;}
.dayitem-osusumesp {float:left;width:45%;padding:2px;}
.dayitem-banner {width: 1000px;margin: 0 auto;padding: 50px;font-size: 12px;}
.dayitem-banner ul {display: flex;justify-content: space-between;}
.boxgreen {border: 1px solid #afcd7f;margin: 20px 0px;width: 1000px;margin: 0 auto 30px;}
.boxgreen-inner {border: 5px solid #fff;background: #f6ffec;padding: 15px 35px;color: #608722;}
.boxgreen-inner::before {content: "";position: absolute;background: url("https://htkni.itembox.design/item/img/page/icon-sho_che.png") no-repeat top left;width: 30px;height: 30px;}
.boxgreen-inner p {margin-bottom: 6px;padding-left: 60px;line-height:2em;}
.boxgreensp {border: 1px solid #afcd7f;margin: 20px 0px;width: 95%;margin: 0 auto 30px;}
.boxgreensp-inner {border: 5px solid #fff;background: #f6ffec;padding: 15px;color: #608722;}
.boxgreensp-inner::before {content: "";position: absolute;background: url("https://htkni.itembox.design/item/img/page/icon-sho_che.png") no-repeat top left;width: 30px;height: 30px;}
.boxgreensp-inner p {margin-bottom: 6px;padding-left: 40px;}
/*パンくずリスト*/
div.fs-c-breadcrumb {display:none;}
/*メンテナンス画面フッダfix*/
.ment_containerpc{/*min-height: 100vh;*/position: relative;padding-bottom: 40px;box-sizing: border-box;z-index:1;margin-top:-110px;}
.ment_container{/*min-height: 100vh;*/position: relative;padding-bottom: 40px;box-sizing: border-box;z-index:1;margin-top:0px;}
.ment_footer{width:100%;background-color: #1B4321;color: #fff;text-align: center;padding: 10px 0;position: absolute;bottom: 0;}
/*opencamp201906*/
.p_mainpc {width:85%;margin:auto;}
.p_mainsp {width:95%;margin:auto;}
.textcamp {line-height:initial;margin-bottom:20px;}
.camp_btn-square-shadow {display: inline-block;padding: 0.5em 1em;text-decoration: none;background: #5f9067;color: #FFF;border-bottom: solid 4px #8cc195;border-radius: 3px;}
.camp_btn-square-shadow:active {-webkit-transform: translateY(4px);transform: translateY(4px);box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);border-bottom: none;}
.camp_nav {width: 800px;padding-top: 10px;background: #FFFFFF;margin:0 150px;}
.camp_nav .inner{display: flex;}
.camp_nav .inner .box {margin: 0 20px 10px 0;padding: 10px 12px;color: #1B4321;text-align: center;font-size: 13px;background: #F9F8F4;}
.camp_fs95 {font-size:95%;}
/*mmhead20190628*/
.mmhead_border {margin:0em 0.5em 1.5em ;padding:1em;line-height:1.8;border:dotted 5px #e50000;border-radius:1em;display:inline-block;width:26%;text-align:left;}
.marusuuji {color: #fff;background-color:#e50000;padding:0;margin:0;width:30px;height:30px;line-height:30px;text-align:center;display:inline-block;border-radius:50%;font-weight:bold;font-size:125%;}
.mmhead_txt{font-size:125%;font-weight:bold;color:#1b4321;padding-left:10px;}
.mmhead_txt2{font-size:95%;}
.mmhead_border_sp {margin:0em 0.5em 1.5em ;padding:1em;line-height:1.8;border:dotted 5px #e9706e;border-radius:1em;width:85%;text-align:left;}
/*20190613TOP*/
dl.oshirase_li{margin:35px auto;padding:0;line-height:1.8;width:75%;}
dl.oshirase_li a{border-bottom: 1px solid #cccccc;padding-bottom: 2px;color:#184321;background: none;transition: color .5s; transition: border-bottom .5s;
}
dl.oshirase_li a:hover{text-decoration: none;background: none;color:#ED8082;border-bottom: 1px solid #ED8082;}
dl.oshirase_li dt{width:14em;float:left;margin:0;padding:0 0 0 5px;}
dl.oshirase_li dd{position:relative;margin:0 0 10px;padding:0 5px 10px;border-bottom:1px dotted #ccc;}
dl.oshirase_li dd span.news{display:block;position:absolute;top:3px;left:11em;width:5.5em;margin:0;padding:0;text-align:center;background-color:#ed8082;border-radius:5px;font-size:80%;color:white;}
dl.oshirase_li dd span.blog{display:block;position:absolute;top:3px;left:11em;width:5.5em;margin:0;padding:0;text-align:center;background-color:#a8c138;border-radius:5px;font-size:80%;color:white;}
dl.oshirase_li dd span.nyuuka{display:block;position:absolute;top:3px;left:11em;width:5.5em;margin:0;padding:0;text-align:center;background-color:#ffad4b;border-radius:5px;font-size:80%;color:white;}
dl.oshirase_li dd span.con{display:block;position:absolute;top:3px;left:11em;width:5.5em;margin:0;padding:0;text-align:center;background-color:#81c7c2;border-radius:5px;font-size:80%;color:white;}
.oshirase_li_bot {margin: 35px auto;padding: 0;line-height: 1.8;width: 75%;text-align:right;}
.oshirase_li_bot a{border-bottom: 1px solid #cccccc;padding-bottom: 2px;color:#184321;}
.oshirase_li_bot a:hover{text-decoration: none;}
/*20190627 お知らせ一覧...page.css:766*/
#commitment #functionality.mt0 {margin-top:0;}
h2.news_li_h2 {font-size: 1.4rem; color: #fff;}
/* お知らせページの見出し */
#underlayer #main h1.fs-c-documentArticle__heading {color: #fff;}
/*商品詳細ゆうパケット対応マーク*/
span.yucolor {color:#cc0000;}
p.yupacket_m {padding:4px; border:3px solid #cc0000; margin: 10px 0 20px 0; text-align:center; width:195px; font-size:1rem;color:#666;}
p.yupacket_m a {font-weight:600;width:195px; display:block;}
p.yupacket_m:hover, p.yupacket_m a:hover, p.yupacket_m a span.yucolor:hover {background-color:#cc0000; color:#fff;}

#respond p.btn_y {
    width: 307px;
    height: 58px;
    line-height: 58px;
    margin-top: 100px;
    margin-bottom: 100px;
}
.btn_y {
    margin: 4px auto 0 auto;
    box-sizing: border-box;
    border-right: solid 1px #cc0000;
    border-bottom: solid 1px #cc0000;
}
.btn_y a span {
    text-align: center;
    font-weight: bold;
    outline: solid 1px #cc0000;
    transform: translate(-5px, -5px);
    transition-duration: 0.3s;
    display: block;
}

.btn_y a {
    margin: 4px auto 0 auto;
    box-sizing: border-box;
    color: #cc0000;
    text-align: center;
}
.btn_y a:hover span {
    transform: translate(0px, -1px);
    transition-duration: 0.3s;
}

.fs-p-productDescription.fs-p-productDescription--short a.noborder {
  border:none;
}
/* 黄色いボタン縁 */
a .btn_ye {display: block;
  max-width: 340px; width: 100%; margin: 10px auto;padding: 10px 0px;border: 5px solid #FFEB00;
  text-align: center;
  transition: 1.5s;
  -webkit-transition: 1.5s; /* Chrome、Safari用 */
  -moz-transition: 1.5s; /* Firefox用 */
  -o-transition: 1.5s; /* Opera用 */}
a:hover .btn_ye {background-color: #FFEB00; color: #fff;}

/*TOP人気商品、商品マーク非表示*/
#top-popular ul.fs-c-productMark {display:none;}

/*まとめ買い対象商品　マーク*/
.fs-c-mark--31 {display:none;}

/*中央寄せ*/
.txt_C {text-align: center;}
/*左寄せ*/
.txt_L {text-align: left;}
/*右寄せ*/
.txt_R {text-align: right;}

/* 太字 */
.hutoji {font-weight:bold;
line-height:2;}

/* 赤文字 */
.txtRd {
  color: #E51A21;
}

/* ピンク文字 */
.txtPink {color:#ED8082;}

/* 小さい文字 */
.small_moji {font-size: 80%;}

/*黄色いライン*/
.under {
  background: linear-gradient(transparent 50%, #FFEB00 50%);
font-weight:bold;
}
/*黄色いライン*/
.marker_y {background: linear-gradient(transparent 60%, #FFEB00 60%);
font-weight:bold;}

/*ピンク色ライン*/
.under_pk {
  background: linear-gradient(transparent 60%, #FF9CBD 0%);
font-weight:bold;
padding: 0 1px 0px;
}
/* テキストインデント */
.t-ind16 {
  text-indent: 16px;
}
/* サイド余白 */
.pd15 {
  padding: 0 15%;
}

ul.note_list li {
  list-style: circle;
  line-height: 2;
  margin-top: 18px;
}

ul.checklist {
  border: solid 2px #FFEB00;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul.checklist li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;/*ポチ消す*/
}

ul li.icon-circle-right:before {
  font-family: 'icomoon';
  content: "\ea42";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #FFEB00; /*アイコン色*/
}
.information_box {
  border: solid 2px #5B804A;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
.information_box h3 {
  font-size: 18px;
}

/*カート*/
.fs-c-cartTable__message.fs-c-cartTable__message--bundle {
color: #ED8082;
font-size: 14px;
}
ul.fs-c-checkout-couponList::before {
  content:"▼ 利用したいクーポンをクリックしてください。";
}
ul.fs-c-checkout-couponList {
  margin-top:2em;
}
#fs-couponInfo-container, #fs-wrappingInfo-container {margin-bottom: 30px;
    padding: 20px;
    border: solid 1px #DDDDDD;}
.fs-c-checkout-confirmationList > dd {font-size:1em;}
.fs-c-checkout-confirmationList{margin-top:20px; margin-bottom:20px;}

.fs-c-couponCodeInput__button.fs-c-buttonContainer--useCoupon {margin-left:40px;}

/* クーポン 2020/07/07追加*/
.fs-c-checkout-couponStatus.is-active {background-color: #E51A21;}
.fs-c-checkout-couponStatus {width: 170px;}
li.fs-c-checkout-couponList__item.is-active {margin-top:2em;}
.fs-c-checkout-couponList__description {margin: 1rem 0; font-weight: 600;}
/* クーポンエリア 2021/09/01　*/
li.fs-c-checkout-couponList__item {
  display: flex;
margin: 1rem 0;
  background-color: #FFFFEB;
  padding: 10px 5px;
text-align: center;
}
.fs-c-checkout-couponList__description {
  width: 45%;
}
.fs-c-checkout-couponList__couponName {
  display: block;
}
.fs-c-checkout-couponList__couponDiscount {
  color:#E51A21;
}

/*注文確定ボタン*/
button.fs-c-button--confirmOrder.fs-c-button--primary {background-color:#f20000; font-family: "M PLUS 1p", "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Segoe UI", sans-serif;}

/*Footerご利用ガイド*/
#top-guide {margin-top:120px;}

/*各カテゴリページのサブカテゴリ*/
a .fs-c-subgroupList__label {font-family: "M PLUS 1p", sans-serif; font-weight:400;font-size:0.8em;}

/*「※」文表示　2行目インデント*/
li.indent_paragraph{ list-style:none;
padding-left:1em;
text-indent:-1em;
font-size:0.9em;}
li.indent_paragraph:before { content:"※" }

/*会員ステージ価格非表示*/
.item-top .right .fs-c-productPrice.fs-c-productPrice--member {margin:1.0em 0 1.5em; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif;
font-weight:400; color: #000;
}

.fs-c-productList__list .fs-c-productPrice.fs-c-productPrice--member {margin:0em 0 1.5em; font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif;
font-weight:400; color: #000;}

.slick-slide .fs-c-productPrice.fs-c-productPrice--member {display:none;}

/* .fs-c-productList__list .fs-c-productPrice__main__label {font-size:0.9em; color:#000;} */
.fs-c-productPrice--stageUndetermined{display:none;}
.fs-c-mark--memberPrice {display:none;}

/*レギュラー会員価格非表示*/
.fs-c-productPrice--stage6, .fs-c-productPrice--stageUndetermined{display:none;}
.fs-c-productPrice.fs-c-productPrice--member.fs-c-productPrice--stage6{display:none;}


/*カテゴリーページ　会員特別価格非表示*/
.fs-c-productPrice--stageUndetermined .fs-c-productPrice__main__label {display:none;}

a.txt_deco {text-decoration: underline; font-weight:600;}
.txt_Bld {font-weight:bold;}

a.a_deco {text-decoration: underline;transition: 1s;color: #1B4321;}
a.a_deco:hover {text-decoration: none;color: #ED8082;}

/* メール送信注意書き */
.mailadd_at {
  max-width: 960px; width: 98%;
  margin: 20px auto;
  padding:1em 1.5em;
  border: 1px dashed #ED8082;
  border-radius: 3px;
}
li.li_mark1 {
  list-style: circle;
}
li.li_mark1 a {
   transition: 1s;
  text-decoration: underline;
  color: #ED8082;
}
li.li_mark1 a:hover {
  text-decoration: none;
  color: #81C7C2;
}

/* FAQページ */
.faq__coupon {
  max-width:1000px; width:100%;
  margin:40px auto;
}
h2.faq__coupon_h2 {
  font-size: 120%;
  height:2;
  line-height:2;
  padding: 1rem 2rem;
border-top: 3px solid #FCEE21;
border-bottom: 3px solid #FCEE21;
}


p.faq__coupon_txt {
font-size:24px;
  position: relative;
  overflow: hidden;
  padding: 1.5rem 2rem 1.5rem 130px;
  border-top: 3px solid #00B403;
}

p.faq__coupon_txt:before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #00B403;
}

p.faq__coupon_txt span {
  font-size: 40px;
  font-size: 4rem;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  padding-top: 3px;
  padding-left: 16px;
  color: #fff;
}

.fs-c-variationCart__cartButton > button.variation {
background: #ED7979!important;
}

.fs-client-cart-count {
position:absolute;
    height: 25px;
    min-width: -webkit-calc(25px - 16px);
    min-width: calc(25px - 16px);
    border-radius: 25px;
    line-height: 25px;
    text-align: center;
    margin-left: 10px;
    padding: 0 8px;
    color: #fff;
    font-size: 0.9em;
    background-image: -webkit-linear-gradient(to top right, #82C7C1 0%, #98ebe3 100%);
    background-image: linear-gradient(to top right, #82C7C1 0%, #98ebe3 100%);
}

.fs-c-inputField__field.fs-c-inputGroup.fs-system-assistTarget {
border:none;}

.fs-c-inputGroup .fs-c-textarea {border: 1px solid #ccc;}

/** フリーページ  */
.freep_contents {margin:0 auto;}

/* パーツ・任意商品コンテンツ */
/*.fs-c-slick .slick-slide {max-width: 200px;width: 25%;}
.fs-c-slick .slick-slide img {width: 200px;} */
span.fs-c-productName__name {font-size: 14px;line-height: 1.5;}
.fs-c-price {display: contents;}
.fs-c-productListCarousel__list__item.fs-c-productListItem button {border: none; background: none;}
button.fs-c-button--addToWishList--icon.fs-c-button--image img{width: 30px;margin-left: 8px;}
button.fs-c-button--removeFromWishList--icon.fs-c-button--image img {width: 30px;margin-left: 8px;}
.fs-c-productMark__mark {display: none;}
.mark_nekopos.fs-c-productMark__mark--image.fs-c-productMark__mark {
  display: none;
}
.fs-c-buttonContainer {margin-bottom:16px; display: block;}
a.fs-c-button--viewProductDetail.fs-c-button--plain {display: block; padding:4px 12px; border:1px solid #1B4321;transition: 1.0s ;}
a.fs-c-button--viewProductDetail.fs-c-button--plain:hover {background-color:#1B4321; color: #fff;}

h2.kawaiimoji {
    font-family: "KiwiMaru-Medium";
margin: 20px auto;
}
.lp_contents h2 {
    font-size: 1.2em;
}
.lp_contents span.ookiimoji {
    font-size: 20px;
}
.fp_slideparts .fs-c-slick .slick-slide{
    width: 200px;
}
.fp_slideparts h2.fs-c-productListItem__productName {
    width: 160px;
}

.fp_slideparts .fs-c-slick .slick-slide img {
    width: 80%;
}

/*会員情報入力画面の必須マーク「＊」を「必須」のテキスト表示に変更*/
.fs-c-requiredMark{
    overflow: visible;
    text-indent: 0;
    width:auto;
}
.fs-c-requiredMark::before{
    display: none;
}
.fs-c-requiredMark {
color:#f20000;
}
/* 商品詳細・大説明 */
h3.subH3{
  font-size: 1.25em;
  border-bottom:1px dashed #666 ;
}
#detail-big .inner p.text2.mt20 {
  margin-top: 20px;
}
/* レコメンドAI */
.flywheel-recommend__frame {
  font-family: 'M PLUS 1p', sans-serif;
  font-weight:500;}



