/*共通*/
/*ナビ・ボタン・リンク*/
.fs-p-headerNavBar { border-bottom: none;}
.fs-l-header__contents { grid-template-columns: 25% 40% 35%; padding: 2%;}
.fs-l-header__logo { grid-row: 2; grid-column: 1; align-self: end;}
.fs-l-header__utility { grid-row: 2; grid-column: 3;}
.topsalemessage { grid-row: 2; grid-column: 2; display: flex; flex-wrap: wrap; justify-content: flex-end; align-self: end;}
.souryomuryou { color: #00AF86; font-size: 2.5rem;}
.topsalemessage_inner p { margin: 0;}
.sub_souryomuryou { font-size: 12px;}
.fs-l-header__drawerOpener { display: none;}
.fs-l-header__utility { grid-template-rows: 1fr; align-self: end;}
.fs-p-phoneOrder { margin-top:3%;}
.fs-p-phoneOrder__phoneNum { font-size: 3.5rem; font-weight: normal; line-height: 1em;}
.fs-p-memberInfo__points { color: #3c3c3c;}
.fs-p-drawer__heading { background: #3c3c3c; color: #FFFFFF; padding: 0.5em; font-size: 2rem;}
.fs-p-searchForm__button { margin: 5px;}
.fs-c-button--secondary { background: #a1903d; border:none;}
.fs-p-sideMenu a:hover { background: #D7BA6B; color: #ffffff;}
@media screen and (min-width: 768px) and (max-width: 1270px) {
.fs-l-header__contents { grid-template-columns: 30% 35% 35%; padding: 2%;}
.fs-c-sortItems__list__item.is-active { background: #D7BA6B;}
.fs-p-sideMenu a:hover { background: #2559A8; color: #ffffff;}
.pc { display: none;}
}

/*リンク類*/
.fs-c-button--plain { color: #a1903d;}
/*改行 */
.sp_br { display: none;}
/*パンくず */
.fs-c-breadcrumb { margin: 0 auto; padding: 0 8px; max-width: 1216px;}
.fs-c-heading--page { border-bottom: #cec599 solid 1px; font-weight: bold; padding: 1em 0; font-size: 2.8rem; width: 100%;}

/*フッター*/
.fs-p-banner--registration { background: #a1903d; border: none;}
.souryoubeto { font-size: 1.1rem; margin-left: 1em;}
.fs-p-footerNavigationItem__title { color: #a1903d; border-bottom: 1px solid #a1903d;}
.fs-p-footerPageTop__link { background-color: #a1903d; color:#a1903d;}
.fs-p-footerPageTop__link::before { color:#26210c;}
.fs-p-footerCopyright__text { color:#a1903d;}

/*見出し*/
.fs-p-heading--lv2 { border-bottom: none; color: #231815; font-size: 2.5rem; font-weight: bold; text-align: center;}
.star { color:#CBAD52;}
.fs-c-productPrice:not(.fs-c-productPrice--listed) .fs-c-productPrice__main__price { color: #D7BA6B;}
.fs-c-subSection__title, .fs-c-documentArticle__heading { text-align: center; padding: 10px; margin: 20px 0 20px 0; border: 1px solid #f3f2ed; background-color: #9ac1b2; color: #ffffff; font-weight: bold; font-size: 100%; border-radius: 5px; width: 100%;}
.fs-l-header--min { border-bottom: 15px solid #EFEDDD;}
.fs-c-documentColumn__heading { color: #7c8790; border-color: #7c8790; border-style: solid; border-width: 0 0 0 5px; font-weight: 500; font-size: 1.5rem; padding: 3px 8px; padding-left: 8px; margin-bottom: 8px;}
.fs-c-wishlistProduct__title, .fs-c-featuredProduct__title { border-bottom: none; color: #FFFFFF; font-size: 1.5rem; background: #3c3c3c; padding: 0.5em;}
/*レイアウト調整*/
.mid-inner { max-width: 928px; margin:0 auto;}
.fs-p-announcement__title { text-align: center; padding: 10px; margin: 20px 0 15px 0; border: 1px solid #f3f2ed; background-color: #b8a434; color: #ffffff;}
.fs-p-logo { padding-left: calc(2% + 16px); padding-right: calc(2% + 16px); padding-top: 2%; padding-bottom: 2%; align-items: baseline;}
/*フォーム*/ 
[type="hidden"], [type="text"], [type="search"], [type="tel"], [type="url"], [type="email"], [type="password"], [type="datetime"], [type="date"], [type="month"], [type="week"], [type="time"], [type="datetime-local"], [type="number"], select, textarea { padding: 10px; border: 1px solid #cec599;}
.fs-c-inputGroup, .fs-c-inputGroup--vertical, .fs-c-inputGroup--inline { border: 1px solid #cec599;}
.fs-c-checkbox__checkbox:checked + label > .fs-c-checkbox__checkMark { background: #00AF86; border-color: #00AF86;}
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark { border-color: #00AF86;}
.fs-c-radio__radio:checked:enabled + label > .fs-c-radio__radioMark::before { background: #00AF86;}
/*お問い合わせ*/ 
.footer_c_sp { display: none !important;}
.fotter_b { font-weight: bold; margin-bottom: 1rem;}
.fotter_r { margin-bottom: 1rem;}
.madoguti_t { font-size: 1.3rem; margin: 0 0 0.3rem 0;}
.fotter_tel { margin: 0 0 1rem 0; font-size: 1.3rem;}
.fotter_tel span { font-size: 20px; font-weight: bold; margin-left: 1rem;}
.tel_uketuke { margin: 1rem 0 2rem;}
.tel_uketuke span { font-size: 1.3rem; display: block; margin-left: 1rem;}
.fotter_contactlist { padding-left: 0; width: 100%;}
.fotter_contactlist li { list-style: none; border-radius: 3px;}
.fotter_contactlist li a { text-align: center; display: block; padding: 1rem; text-decoration: none; color: #ffffff !important;}
.fotter_contactlist li:hover { opacity: 0.6;}
.f_link_mail { background: #EB7927; border-bottom: 2px solid #B84C00; border-right: 2px solid #B84C00; margin-bottom: 1rem;}
.f_link_line { background: #009441; border-bottom: 2px solid #00662D; border-right: 2px solid #00662D;}
 
/*トップページ*/
/*カルーセル*/
.fs-pt-carousel { margin: 24px auto; padding: 8px; max-width: 1216px;}
.fs-pt-carousel__slide { border:0px solid #231815; border-radius: 20px; overflow: hidden;}
/*カルーセルvol2*/
.fs-pt-column--vol2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;}
.fs-pt-column--vol2 > *:nth-child(1) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1;}
.fs-pt-column--vol2 > *:nth-child(2) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1;}
.fs-pt-column--vol2 > *:nth-child(3) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2;}
.fs-pt-column--vol2 > *:nth-child(4) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2;}
/*カルーセルサブvol2*/
.fs-pt-column-sub--vol2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr;}
.fs-pt-column-sub--vol2 > *:nth-child(1) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1;}
.fs-pt-column-sub--vol2 > *:nth-child(2) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1;}
.fs-pt-column-sub--vol2 > *:nth-child(3) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 1; grid-row: 1;}
.fs-pt-column-sub--vol2 > *:nth-child(4) { -ms-grid-column: 4; grid-column: 4; -ms-grid-row: 1; grid-row: 1;}


/*メインバナーカラム*/
.fl-column { display: flex; margin-bottom: 6%;}
.fs-pt-column__image { border-radius: 20px; overflow: hidden;}
/*.fs-pt-column__item { padding:0 3% 0 0;}*/
/*.fs-pt-column__item:nth-child(4n) { padding:0;}*/
/*ショップからのお知らせ*/
.fs-pt-list { margin-bottom: 6%;}
.fs-p-dateList > li { border: none; padding: 8px 0 0; font-size: 2rem;}
a.fs-pt-list__link { color: #231815;}
.fs-p-dateList > li time:first-child { background: none; color: #231815; padding: 2px 4px 1.6px;}
/*人気ランキング*/
.hotitem { margin-bottom: 1% !important;}
.hotitem .fs-c-productListItem__image { border-radius: 20px; overflow: hidden;}
.fs-c-productListItem__productName a { color: #231815;}
.fs-c-productListCarousel__list__item, .fs-c-productListItem__productName { font-size: 2rem;}
/*人気ランキング--5カラム化*/
.fs-c-productListCarousel__ctrl.slick-disabled, .fs-c-productListCarousel__ctrl { display: none !important;}
.hotitem .fs-c-productListCarousel__list__item:last-child { padding-right:0;}
.hotitem .fs-c-productListCarousel__list__item:nth-child(1) { padding-left:0;}
.fs-c-productListCarousel { width: 100%; padding: 0; margin: 0; display: block;}
#fs_Top .fs-c-slick .slick-slide { width: 20%;}
.fs-c-productListCarousel__list__itemTrack .slick-list .slick-track { width: 100% !important;}
.hotitem .fs-c-productListCarousel__list { display: block;}
.hotitem .fs-c-productListCarousel__list__item { flex-basis: 100%; max-width: 100%; min-width: 100%; margin: 0; padding: 0 4%  !important;}

/*人気ランキング--新デザイン(20220207)*/
.fs-c-rankinglistbirthday { display: grid; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; -ms-grid-columns: auto; grid-template-columns: auto; align-items: start; font-size: 12px; text-align: center; grid-template-rows: auto; -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; gap: 4%; margin-bottom: 6% !important;}
.fs-c-rankinglistbirthday--1 .price { font-size: 2rem; color: #D7BA6B; margin: 0.5em;}
.fs-c-rankinglistbirthday--2 .price { font-size: 2rem; color: #808080; margin: 0.5em;}
.fs-c-rankinglistbirthday--3 .price { font-size: 2rem; color: #AB5D2F; margin: 0.5em;}
.fs-c-rankinglistbirthday a .text { line-height: 1em; margin: 0.5em; color:#000000;}

.fs-c-rankinglistgift { display: grid; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; -ms-grid-columns: auto; grid-template-columns: auto; align-items: start; font-size: 12px; text-align: center; grid-template-rows: auto; -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; gap: 4%; margin-bottom: 6% !important;}
.fs-c-rankinglistgift--1 .price { font-size: 2rem; color: #D7BA6B; margin: 0.5em;}
.fs-c-rankinglistgift--2 .price { font-size: 2rem; color: #808080; margin: 0.5em;}
.fs-c-rankinglistgift--3 .price { font-size: 2rem; color: #AB5D2F; margin: 0.5em;}
.fs-c-rankinglistgift a .text { line-height: 1em; margin: 0.5em; color:#000000;}

.fs-c-rankinglistmyself { display: grid; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; -ms-grid-columns: auto; grid-template-columns: auto; align-items: start; font-size: 12px; text-align: center; grid-template-rows: auto; -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; gap: 4%; margin-bottom: 6% !important;}
.fs-c-rankinglistmyself--1 .price { font-size: 2rem; color: #D7BA6B; margin: 0.5em;}
.fs-c-rankinglistmyself--2 .price { font-size: 2rem; color: #808080; margin: 0.5em;}
.fs-c-rankinglistmyself--3 .price { font-size: 2rem; color: #AB5D2F; margin: 0.5em;}
.fs-c-rankinglistmyself a .text { line-height: 1em; margin: 0.5em; color:#000000;}

/*ラインナップ(20220303)*/
.lineup { display: flex;}
.lineup .melon_content { margin-bottom: 4rem; display: flex; align-items: flex-start;}
.lineup .melon_content img { display: block; width: 50%; border-radius: 2em;}
.lineup .melon_content .mp_text { width: 50%; padding: 0 1rem;}
.lineup .puree_content { margin-bottom: 4rem; display: flex; align-items: flex-start;}
.lineup .puree_content img { display: block; width: 50%; border-radius: 2em;}
.lineup .puree_content .mp_text { width: 50%; padding: 0 1rem;}
.lineup .melon_content .mp_text h3, .lineup .puree_content .mp_text h3 { line-height: 1.4; padding: 0 0 0.25em; margin: 0 0 1em; font-size: 2rem; font-weight: bold;} 
.pr_morebtn { text-align: center; padding: 10px; margin: 20px 0 20px 0; border: 1px solid #f3f2ed; background-color: #9ac1b2; color: #ffffff; font-weight: bold; font-size: 100%; border-radius: 5px; width: 100%;}
.pr_morebtn a { color: #FFFFFF;}
.pr_pc_br { display: block;}



/*サブバナーエリア*/
.subbannerarea { padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; font-size:0;}
.subbannerarea li { list-style: none; width:49%; border-radius: 20px; overflow: hidden; margin-bottom: 2%;}
.snsbanner { background: #F0EEDE; padding-top: calc(223 / 588 * 100%); width: 100%; position: relative;}
.snsbannerinner { position: absolute; display: flex; width: 100%; height:100%; top:0; left:0; padding: 0 10%; justify-content: center; align-items: center;}
.snsbannerinner a { padding: 0 5%;}
.snsbannerinner a:hover { opacity:0.5;}
.snsbannerinner a img { width: 100%; height: 100%;}
/*購入の流れ*/
.buystepimg { padding: 0; margin: 0; font-size: 0; display: flex;}
.buystepimg li { width:50%;}
/*ログイン*/
.fs-body-login .fs-c-inputInformation__field { padding: 32px;}
/*商品詳細*/
.item_title_1 { width: 100%; background: #FFFFFF; border-radius: 4px;  color: #bfa428; border: 1px solid #bfa428; cursor: pointer; display: block;  font-size: 1.4rem; line-height: 1; text-decoration: none; text-align: center; padding: 0.8em 1.6em 0.6em; box-shadow: 0 0 2px #b2b2b2;}
.item_title_2 { width: 100%; background: #bfa428; border-radius: 4px; color: #ffffff; cursor: pointer; display: block; font-size: 1.4rem; line-height: 1; text-decoration: none; text-align: center; padding: 0.8em 1.6em 0.6em; box-shadow: 0 0 2px #b2b2b2; margin-top:15px; }
.item_point_1 { color: #999900; font-weight: bold;}
.item_pbtn { text-align: center; padding: 10px; margin: 10px 0 50px 0; border: 1px solid #888888; border-radius: 22px; background-color: #f3f2ed; width: 250px; margin-top:1em; display: block;}
.fs-c-productName__copy, .fs-c-productName__name, .fs-c-productName__variation { display: block; margin-bottom: 0.5em;}
/*ご予算から選ぶ*/
.fs-c-budgetListCarousel { width: 100%; padding: 0; margin-bottom: 6% !important; display: block;}
.fs-c-budgetListCarousel .fs-p-linkButton  { padding: 1.5% 3%; font-size: 2rem;}

/*シーンから選ぶ*/
.fs-c-sceneListCarousel { width: 100%; padding: 0; margin-bottom: 6% !important; display: block;}
.fs-c-sceneListCarousel .fs-p-linkButton  { padding: 1.5% 3%; font-size: 1.75rem;}

/*ランキング*/
.fs-c-rankingCarousel { width: 100%; padding: 0; margin-bottom: 6% !important; display: block;}
.fs-c-rankingCarousel .fs-p-linkButton  { padding: 1.5% 3%; font-size: 1.75rem;}

/*「一果相伝」が選ばれる3つの理由*/
.fs-c-ikkasouden { display: grid; -ms-grid-rows: auto auto auto; grid-template-rows: auto auto auto; -ms-grid-columns: auto; grid-template-columns: auto; align-items: start; font-size: 12px; text-align: center; grid-template-rows: auto; -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; gap: 4%; margin-bottom: 6% !important;}
.fs-c-ikkasoudenList--1 { margin-bottom: 0; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1;}
.fs-c-ikkasoudenList--2 { margin-bottom: 0; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2;}
.fs-c-ikkasoudenList--3 { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 3; grid-column: 3;}
.fs-c-ikkasoudenTitle { margin: 8px 0 4px; position: relative; line-height: 1.4; padding: 0.25em 1em; display: inline-block; margin-bottom: 1em; font-size: 2rem; font-weight: bold;}
.fs-c-ikkasouden .text { text-align: left; margin-top: 1.5em;}
.scene_item { display: block;}
.scene_item .fs-pt-column__item { float: left; width: 25%;}
.scene_item:after { content: ""; display: block; clear: both;} 
.scene_item:before { content: ""; display: block; clear: both;}
.scene_item .fs-pt-column__item { padding: 0 1% 0 0;}
.scene_item .fs-pt-column__heading {text-align: center; margin-bottom: 1em;}
.scene_item2 { display: block;}
.scene_item2 .fs-pt-column__item { float: left; width: 25%;}
.scene_item2:after { content: ""; display: block; clear: both;} 
.scene_item2:before { content: ""; display: block; clear: both;}
.scene_item2 .fs-pt-column__item { padding: 0 1% 0 0;}
.scene_item2 .fs-pt-column__heading {text-align: center; margin-bottom: 1em;}
.fs-c-ikkasouden .fs-c-ikkasoudenList--1 .fs-c-ikkasoudenImage, .fs-c-ikkasouden .fs-c-ikkasoudenList--2 .fs-c-ikkasoudenImage, .fs-c-ikkasouden .fs-c-ikkasoudenList--3 .fs-c-ikkasoudenImage { border-radius: 20px;}
/*ログイン*/
.fs-c-button--login, .fs-c-button--memberRegister { min-width: 100%; padding: 2em 1.6em;}
.fs-c-anotherLogin__button--amazon { width: 100% !important;}
.amazonpay-button-container { min-width: 100% !important;}
#AmazonPayButton { width: 100% !important; height: 80px !important;}
.fs-body-login .fs-c-registeredUsers { flex-grow: 0; flex-basis: calc(50%);}
.fs-body-login .fs-c-newUsers { width: 50%;}
.fs-body-login .fs-c-newUsers { margin-left: 40px;}
/*メロンづくり*/
.merondukuri .pagehead { background: url(https://ikkasouden.itembox.design/item/melon/bg_merondukuri.jpg?t=20250425161315) no-repeat center center; background-size: cover; border-radius: 2em; padding: 3em 0; margin-bottom: 3em;}
.merondukuri h3 { margin-top: 0;font-size: 26px; line-height: 33px;}
.merondukuri .tbl_style02 { border: none;}
.merondukuri .tbl_style02 th { padding: 0 0 3em 0;}
.merondukuri .tbl_style02 img { border-radius: 1.25em;}
.merondukuri .tbl_style02 td { padding: 0 0 3em 3em;}
.merondukuri .tbl_style02, .merondukuri .tbl_style02 th, .merondukuri .tbl_style02 td { border: none; vertical-align: top;}
.mail-icon { line-height: 1.8em; position: relative;}
.mail-icon:after { content: url(https://ikkasouden.itembox.design/item/melon/ico_mail.png?t=20250425161315); position: absolute; top: auto; left: 10px;}
.merondukuri video { margin-bottom: 3em;}
/*メロンづくり*/
.alltem { margin-top: 2em; display: block; border-radius: 20px;}
.alltem:hover { opacity: 0.9;}
/*関係づくり*/
.kankeidukuri h3 { margin-top: 0;font-size: 26px; line-height: 33px;}
.kankeidukuri .pagehead { background: url(https://ikkasouden.itembox.design/item/bg_kankeidukuri.jpg?t=20250425161315) no-repeat center center; background-size: cover; border-radius: 2em; padding: 3em 0; margin-bottom: 3em;}
.beji_block { display: flex; width: 100%; flex-wrap: wrap;}
.beji_rbox { width: 20%; margin-right: 5%;}
.beji_lbox { width: 75%;}
.beji_lbox .tbl_style01 { width: 100%; margin-top: 2rem;}
.beji_lbox .tbl_style01 td { padding: 1rem; border-bottom: 1px solid #e6e6e6;}
.table_boder { border-bottom: 1px solid #e6e6e6; padding-bottom: 1rem; margin-bottom: 1rem; display: inline-block; width: 100%;}
.beji_mapbox { margin-top: 2rem;}
/*ひとづくり*/
.hitodukuri h3 { margin-top: 0;font-size: 26px; line-height: 33px;}
.hitodukuri .pagehead { background: url(https://ikkasouden.itembox.design/item/bg_hitowosodateru.jpg?t=20250425161315) no-repeat center center; background-size: cover; border-radius: 2em; padding: 3em 0; margin-bottom: 3em; text-align: right;}
.hitodukuri .tbl_style02 { border: none;}
.hitodukuri .tbl_style02 th { padding: 0 0 3em 0;}
.hitodukuri .tbl_style02 img { border-radius: 1.25em;}
.hitodukuri .tbl_style02 td { padding: 0 0 3em 3em;}
.hitodukuri .tbl_style02, .hitodukuri .tbl_style02 th, .hitodukuri .tbl_style02 td { border: none; vertical-align: top;}
/*［一果相伝］の物語り*/
.ikkasoudenstory p { line-height: 2.5rem;}
.ikkasoudenstory h1:first-child { display: none;}
.story_h2 { color: #231815; font-weight: 800; font-size: 35px; line-height: 1.3em;}
.storybody { display: flex; width: 100%; flex-wrap: wrap; margin-bottom: 5%;}
.storybody_rbox { width: 48%; margin-right: 4%;}
.storybody_lbox { width: 48%;}
.item { margin-top: 30px;}
.ikkasoudenstory h3 { margin: 0 0 15px 0; padding: 0 !important;}
.hotline_concover { width: 70%; margin-top: 20px;}
.hotline_con { display: block; width: 100%; height: 0; background: url(https://ikkasouden.itembox.design/item/im_hotline.png?t=20250425161315) center center / cover no-repeat; padding-top: calc(52 / 800 * 100%);}
.tokunou_line_pol { display: flex; flex-wrap: wrap; width: 100%;}
.tokunou_line_pol span { width: 40%; margin-right: 5%;}
.tokunou_line_pol p { width: 55%; margin-bottom: 15px !important;}
.size_s { font-size: 12px;}
.btn_style_story { background: #00AC85; text-decoration: none; color: #FFFFFF !important; padding: 0.7em 1.4em; margin-bottom: 5%; display: inline-block;}
.hotline_con span { display: none;}
.jibae_image { float: left; margin-right: 5%; margin-bottom: 5%; width: 50% !important;}
/*よくあるご質問*/
.sitsumon_box dt { margin-bottom: 15px; padding: 10px; border-radius: 5px; background-color: #F3F3F3; font-weight: bold; line-height: 2.5rem !important; font-size: 1.5rem;}
.sitsumon_box dt .qa { margin-right: 10px;}
.sitsumon_box dt .qa:after { content: ".";}
.dd_midashi { font-size: 1.5rem;}
.sitsumon_box dd { margin: 0 0 30px 0; line-height: 2.5rem !important;}
.sitsumon_box dd .qa { margin-right: 10px; font-weight: bold;}
.sitsumon_box dd .qa:after { content: ".";}
.dd_box { margin-bottom: 1rem; display: block;}
.clearfix { clear: both;}
.sitsumon_tokusen_image { float: right; margin-left: 5%; margin-bottom: 5%; width: 20% !important;}
.faq::before { content: ""; width: 18px; height: 17px; background: url("https://ikkasouden.itembox.design/item/icon_faq.png?t=20250425161315") no-repeat center center; display: inline-block; background-size: contain; vertical-align: middle; margin-right: 0.5rem;}
/*あんしん品質保証*/
.reliable_quality .step { display: flex; flex-wrap: wrap;}
.reliable_quality .box { width: 21.25%; background: #F8F6F3; text-align: center; padding: 2em 0; margin-bottom: 0; align-items: center; margin-top: 2rem; position: relative;}
.reliable_quality .box h4 { position: absolute; left: 0; top: -2rem; font-size: 1.4rem; font-weight: bold; margin: 0;}
.reliable_quality .quality_contact h4 { font-size: 1.4rem; font-weight: bold; margin-bottom: 0; padding-bottom: 0.2rem;}
.pc { display: block !important;}
.reliable_quality .bold { font-weight: bold;}
.reliable_quality .arrowbox { width: 5%; text-align: center; align-items: center; justify-content: center; display: flex; margin-bottom: 0; margin-top: 2rem;}
.reliable_quality .arrow { position: relative; display: inline-block; padding: 0 0 0 16px; color: #000; vertical-align: middle; text-decoration: none; font-size: 15px;}
.reliable_quality .arrow::before, .reliable_quality .arrow::after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
.reliable_quality .arrow::before { left: 0px; width: 10px; height: 10px; border-top: 2px solid #7a0; border-right: 2px solid #7a0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.reliable_quality .arrow span { display: none;}
.reliable_quality .quality_contact { display: flex;}
.reliable_quality .quality_tel { display: inline-block; vertical-align: top;}
.reliable_quality .quality_contact p.telnamber { font-size: 1.6rem; font-weight: bold; margin-bottom: 0;}
.reliable_quality .quality_contact p.teltime { margin-bottom: 0.1rem;}
.reliable_quality .quality_mail { display: inline-block; vertical-align: top; padding-left: 3%; margin-left: 3%; border-left: 1px solid #000000;}
.reliable_quality .btn_style_reliable_quality { background: #a1903d; text-decoration: none; color: #FFFFFF !important; padding: 0.7em 1.4em; display: inline-block;     border-radius: 3px;}
.reliable_quality .quality_line { display: inline-block; vertical-align: top; padding-left: 3%; margin-left: 3%; border-left: 1px solid #000000;}
.reliable_quality .fs-c-note { font-size: 1.4rem;}
/*篤農ほっとライン*/
.tokunouhotline .tokunoumainimage { width: 60%; margin: 0 auto 5%;}
.tokunouhotline .linebox { display: flex; flex-wrap: wrap;}
.tokunouhotline .line { margin: 0 5% 5% 0;}
.tokunouhotline .line, .tokunouhotline .line2 { width: 47.5%;}
.tokunouhotline .hotline_concover { width: 70%;}
.tokunouhotline .tokunou_line_pol { display: flex; flex-wrap: wrap;}
.tokunouhotline .tokunou_line_pol span { width: 40%; margin-right: 5%;}
.tokunouhotline .size_s { font-size: 0.75rem;}
.tokunouhotline .lineadd .midashi { margin-bottom: 0;}
.tokunouhotline .btn_style_lineadd { background: #a1903d; text-decoration: none; color: #FFFFFF !important; padding: 0.7em 1.4em; margin-bottom: 5%; display: inline-block; border-radius: 3px;}
.tokunouhotline .hotline_con { display: block; width: 100%; height: 0; background: url(https://ikkasouden.itembox.design/item/hl_hotline.png?t=20250425161315) center center / cover no-repeat; padding-top: calc(52 / 800 * 100%);}
.tokunouhotline .hotline_con span { display: none;}
/*自分へのご褒美メロン一覧*/
#gohoubiitemgroup_css .groupimg { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_1.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: calc((532 / 1000) * 100%); display: block;}
#gohoubiitemgroup_css .groupbox { display: flex; padding:3rem 0;}
#gohoubiitemgroup_css .groupicon { width:30%;}
#gohoubiitemgroup_css .groupicon span { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_1sub.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: 100%; display: block;}
#gohoubiitemgroup_css .grouptext { display: flex; padding:0 0 0 3rem; align-items: center;}
#gohoubiitemgroup_css .grouptext::before { white-space: pre-wrap; content: 'がんばったご自身にご褒美を。ちょっと贅沢したいとき。\A \Aご家族の記念日やご自分へのご褒美には、間違いなく美味しい一果相伝メロンをどうぞ。完熟マスクメロンをそのまま丸搾りしたマスクメロンピューレもオススメです。'; display: block;}
/*お誕生日プレゼントメロン*/
#birthdayitemgroup_css .groupimg { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_3.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: calc((532 / 1000) * 100%); display: block;}
#birthdayitemgroup_css .groupbox { display: flex; padding:3rem 0;}
#birthdayitemgroup_css .groupicon { width:30%;}
#birthdayitemgroup_css .groupicon span { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_3sub.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: 100%; display: block;}
#birthdayitemgroup_css .grouptext { display: flex; padding:0 0 0 3rem; align-items: center;}
#birthdayitemgroup_css .grouptext::before { white-space: pre-wrap; content: '大喜び間違いなし！  子供たちに大人気のメロンをどうぞ。\A \Aお誕生日会のサプライズプレゼントにいかがですか？ デコレーションケーキの飾り付けにもお使いください。マスクメロンジュースにアイスクリームを浮かべたメロンフロートも人気です。'; display: block;}
/*お礼・お中元メロン*/
#ocyuugenitemgroup_css .groupimg { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_4.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: calc((532 / 1000) * 100%); display: block;}
#ocyuugenitemgroup_css .groupbox { display: flex; padding:3rem 0;}
#ocyuugenitemgroup_css .groupicon { width:30%;}
#ocyuugenitemgroup_css .groupicon span { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_4sub.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: 100%; display: block;}
#ocyuugenitemgroup_css .grouptext { display: flex; padding:0 0 0 3rem; align-items: center;}
#ocyuugenitemgroup_css .grouptext::before { white-space: pre-wrap; content: 'お中元やお礼の品として、マスクメロンはいかがでしょう。\A \Aギフトとして間違いなしのマスクメロン。見た目の美しさ、その美味しさは先様に必ず喜ばれることでしょう。高級感あるれるパッケージでお届け、リボンやカードのご用命も承っています。'; display: block;}
/*景品・大量購入メロン*/
#keihinitemgroup_css .groupimg { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_9.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: calc((532 / 1000) * 100%); display: block;}
#keihinitemgroup_css .groupbox { display: flex; padding:3rem 0;}
#keihinitemgroup_css .groupicon { width:30%;}
#keihinitemgroup_css .groupicon span { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_9sub.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: 100%; display: block;}
#keihinitemgroup_css .grouptext { display: flex; padding:0 0 0 3rem; align-items: center;}
#keihinitemgroup_css .grouptext::before { white-space: pre-wrap; content: 'コンペの景品、周年記念の品やお祝い事の返礼品に。\A \A温暖な高知県にある篤農では一年中マスクメロンを栽培しています。その数も日本有数。季節や数量を問わずご要望にお応えできます。様々なギフト形態に対応できますので何なりとご相談ください。'; display: block;}
/*お祝い・パーティーメロン*/
#partyitemgroup_css .groupimg { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_6.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: calc((532 / 1000) * 100%); display: block;}
#partyitemgroup_css .groupbox { display: flex; padding:3rem 0;}
#partyitemgroup_css .groupicon { width:30%;}
#partyitemgroup_css .groupicon span { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_6sub.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: 100%; display: block;}
#partyitemgroup_css .grouptext { display: flex; padding:0 0 0 3rem; align-items: center;}
#partyitemgroup_css .grouptext::before { white-space: pre-wrap; content: '華やかな空間の演出にぴったりの果物です。\A \Aタネを除いた凹みにイチゴやオレンジを入れ生クリームでデコレーション。ブランデーを注げば大人のデザートに。色々使い勝手の良いマスクメロンはパーティを楽しく美味しく彩ります。'; display: block;}
/*手みやげメロン*/
#temiyageitemgroup_css .groupimg { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_5.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: calc((532 / 1000) * 100%); display: block;}
#temiyageitemgroup_css .groupbox { display: flex; padding:3rem 0;}
#temiyageitemgroup_css .groupicon { width:30%;}
#temiyageitemgroup_css .groupicon span { box-sizing: border-box; background: url(https://ikkasouden.itembox.design/item/ranking_5sub.jpg?t=20250425161315) no-repeat center center; background-size: cover; width: 100%; padding-top: 100%; display: block;}
#temiyageitemgroup_css .grouptext { display: flex; padding:0 0 0 3rem; align-items: center;}
#temiyageitemgroup_css .grouptext::before { white-space: pre-wrap; content: '持ち寄りパーティやちょっとした手みやげに。これを持っていけばあなたはスター！\A \Aお召し上がりのタイミングに合わせるためにはお早めのご注文をお薦めします。食べごろの調整なども承っていますのでお気軽にお問い合わせください。'; display: block;}
/*篤農のマスクメロン*/
.muskmelon .homeabout { flex-wrap: wrap!important; display: flex; margin-bottom: 6rem !important;}
.muskmelon .right-content { order: 2; padding-left: 3rem !important; padding-bottom: 0 !important; width: 60% !important;}
.muskmelon .left-content { order: 1; width: 40% !important;}
.muskmelon .rounded-lg { border-radius: 2em;}
.muskmelon .bg_melon { background: url(https://ikkasouden.itembox.design/item/bg_02_pc.png?t=20250425161315) no-repeat center center; background-size: contain; background-position: unset; margin-bottom: 3rem !important;}
.muskmelon .d-pc { display: block;}
.muskmelon .al_r  { text-align: right;}
.muskmelon .col-lg-5 { width: 42% !important;}
.muskmelon .d-mobile { display: none;}
.muskmelon .rounded-lg { border-radius: 2em;}
/*篤農のマスクメロンピューレ*/
.muskmelon_puree { display: flex; margin-bottom: 3rem !important;}
.muskmelon_puree .right-content { order: 2; padding-left: 6rem !important;}
.muskmelon_puree .left-content { order: 1;}
.muskmelon_puree .right-content-2 { padding-left: 6rem !important;}
.muskmelon_puree .rounded-lg { border-radius: 2em;}
/*リクルート*/
.tbl_style01, .tbl_style01 th, .tbl_style01 td { border: none;}
.recruit .tbl_style01 td { padding: 8px; border-bottom: 1px solid #e6e6e6;}
.recruit .tbl_style01 img { display: inline; float: right; margin-left: 20px; margin-top: 20px; margin-bottom: 20px; max-width: 100%;}
.recruit .btn_style_lineadd { background: #a1903d; text-decoration: none; color: #FFFFFF !important; padding: 0.7em 1.4em; margin-bottom: 5%; display: inline-block; border-radius: 3px;}
.recruitbtnbox { padding: 0; text-align: center;}
.recruitbtnbox li { padding: 0; margin: 0; list-style: none;}

/*販促ポスター & ロゴマーク & イメージ画像*/
.poster-img-list { margin-bottom: 1.5em; flex-wrap: wrap!important; display: flex;}
.poster-img-list div { width: 25%; padding: 1em;}
.poster-img-list img, .logo-img-list img, .image-img-list img { width: 100%; height: auto; max-width: 100%; vertical-align: top;}
.logo-img-list { margin-bottom: 1.5em; flex-wrap: wrap!important; display: flex;}
.logo-img-list div { width: 20%; padding: 1em;}
.image-img-list { margin-bottom: 1.5em; flex-wrap: wrap!important; display: flex;}
.image-img-list div { width: 20%; padding: 1em;}

/*景品・大量購入メロン*/
.keihinlist .dd_boxcover { padding-bottom:50px;}
.keihinlist .btn_style_lineadd { background: #a1903d; text-decoration: none; color: #FFFFFF !important; padding: 0.7em 1.4em; margin-bottom: 5%; display: inline-block; border-radius: 3px;}

/*2480円のメロン*/
.item-movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.item-movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.text  { font-size: 1.5rem;}

/*会員限定お試しメロン2480円*/
.sp {
  display: none !important;
}
.main_contener {
  max-width: 1160px;
  margin: 0 auto;
}
.inbox_aisatsu {
  padding: 5rem 0;
}
.hajimemashite {
  text-align: center;
  font-size: 30px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  margin-bottom: 5rem;
}
.hajimemashite span {
  color: #27914B;
}
.aisatsu_honbun {
  text-align: center;
  font-size: 17px;
  margin-bottom: 1rem;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.aisatsu_honbun .ub_green {
  display: inline-block;
  background: #E2F0DE;
  font-size: 16px;
}
.melon_image {
  margin: 0 auto;
  width: 30%;
  display: block;
  margin-bottom: 1rem;
}
.back_melondukuri {
  background: #F6FDDD;
  width: 100%;
}
.inbox_melondukuri {
  padding: 5rem 0;
}
.lp_midashi {
  width: 35%;
  margin: 0 auto 3rem;
  display: block;
}
.melondukuri_block {
  display: flex;
  width: 70%;
  margin: 0 auto;
}
.melondukuri_box {
  width: 48%;
  margin-right: 2%;
  background: #fff;
  padding: 0 2rem 2rem;
  margin-bottom: 2rem;
}
.ikkasoude_image {
  width: 55%;
  margin: 2rem auto;
}
.banner_box {
  width: 55%;
  margin: 0 auto;
}
.sitsumon {
  padding: 5rem 0;
  margin: 0 2rem;
}
.qa_block {
  display: flex;
  width: 80%;
  margin: 0 auto;
}
.qa_box {
  width: 48%;
  margin-right: 2%;
  margin-bottom: 2rem;
}
.q_midashi {
  margin-bottom: 1rem;
}
.answer_box {
  background: #FAFDCA;
  padding: 1rem 2rem 2rem;
}
.answer_box p {
  font-size: 16px;
  margin: 0;
}
.a_text {
  color: #F46B19;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 24px;
}
iframe .tabegoro_video {
  width: 100% !important;
  margin-top: 1rem !important;
}
.card_box {
  width: 100%;
}
.card_left img {
  display: none;
}
.sitsumon1_box {
  width: 100%;
}
.sitsumon_left img {
  display: none;
}
.mb_text {
  margin-bottom: 1rem;
}
.mt_text {
  margin-top: 1rem;
}
.lp_cartbutton {
  width: 100%;
  background: #BD1200 !important;
  border: none !important;
  padding: 2rem !important;
  font-size: 20px !important;
  margin: 0.5rem auto !important;
}
.cart_block {
  width: 80%;
  margin: 0 auto;
}

/*花包み*/
.hana_br { display: block;}
.hana_top { margin-bottom: 30px;}
.hana_midashi { text-align: center; font-weight: bold; font-size: 20px; margin-bottom: 30px;}
.hana_midashi2 { font-size: 18px; font-weight: bold; margin-bottom: 1rem;}
.hana_block01 { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 2rem; align-items: center;}
.hana_leftbox { width: 25%; margin-right: 3%;}
.hana_rightbox { width: 72%;}
.hana_list { padding-left: 0; width: 100%;}
.hana_list li { list-style: disc; color: #009644; font-weight: bold;}
.hana_list li .hana_g_text { color: #000; font-weight: normal;}
.green_text { color: #009644; font-weight: bold;}
.gray_text { color: #333333; font-weight: bold; text-align: center;}
.mini_text { font-size: 0.9rem;}
.hana_leftbox02 { width: 44%; margin-right: 2%;}
.hana_rightbox02 { width: 54%;}
.hana_block { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 30px;}
.hana_leftblock { width: 60%; margin-right: 0;}
.hana_rightblock { width: 40%;}
.hana_image80 { display: block; margin: 0 auto;}

/*注文履歴の合計金額の非表示*/
.fs-c-history__total .fs-c-history__quantity,
.fs-c-history__total .fs-c-history__quantity + dd {
    display: none;
}


.lead {
color: #666666;
margin: 30px 0;
font-size: 1.5rem;}

.turukame_add{
color: #666666;
padding: 30px 0;
font-size: 1.75rem;
font-weight: bold;}

/*ボタン：詳しく見る*/


/* ----- 取扱店舗 ----- */
.shop_de_ph img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 0px;
	border: 0;
	vertical-align: bottom;
}
.shop_de h4 a,
.shop_de h5 a {
	color: #0FA67F;
	font-weight: bold;
}
.shop_de_ph a {opacity:1; -webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}
.shop_de_ph a:hover {opacity:0.5;}

.shop_txt {
	width: 1180px;
	margin: 0 auto;
	padding: 10px 0 30px;
}
.shop_txt p {
	width: 100%;
	margin: 0;
	padding: 0 0 0;
}

.shop_box {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 0;
	
	overflow: hidden;
	
    /* display: flex;
    align-items: stretch; */
}
.shop_de {
	float: left;
	width: 380px;
	margin: 10px;
	padding: 14px;
	text-align: left;
	border: 1px solid #00AF85;
}
.shop_de_ph {
	width: 350px;
	margin: 0 auto;
	padding: 0;
}
.shop_de h4 {
	height: 58px;
	margin: 0 auto;
	padding: 15px 0 0;
	color: #0FA67F;
	font-size: 20px;
	line-height: 1.2;
}
.shop_de p {
	margin: 0 auto;
	padding: 15px 0 0;
	font-size: 13px;
	line-height: 1.2;
}
.shop_de h5 {
	height: 34px;
	margin: 10px auto 0;
	padding: 7px 0 0 42px;
	color: #0FA67F;
	font-size: 18px;
	line-height: 1.2;
	background: url("https://ikkasouden.itembox.design/item/icon_tel.svg") no-repeat left center;
}


/*============================================================*/
/*================トップページコンテンツ追加 240802===========*/
/*============================================================*/

main.fs-l-main section.fs-l-pageMain .topBnrsArea {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: min(5vw , 70px) auto;
	align-items: center;
}
main.fs-l-main section.fs-l-pageMain .topBnrsArea .ifWrap {
	width: 48%;
	background: #eef2e4;
	border-radius: 10px;
	padding: min(4vw , 40px);
}
main.fs-l-main section.fs-l-pageMain .topBnrsArea .ifWrap h3 {
	font-size: min(4vw , 23px);
	font-weight: bold;
	text-align: center;
	margin: 0 auto min(2vw , 25px);
}
main.fs-l-main section.fs-l-pageMain .topBnrsArea .ifWrap iframe {
	display: block;
	width: 100%;
	height: 350px;
}
main.fs-l-main section.fs-l-pageMain .topBnrsArea .ifWrap > a {
	background: #fff;
	border: #94b13a solid 1px;
	width: 50%;
	display: block;
	padding: min(2vw , 20px);
	text-align: center;
	margin: auto;
}
main.fs-l-main section.fs-l-pageMain .topBnrsArea .ifWrap > a:before{content:"";}
main.fs-l-main section.fs-l-pageMain .topBnrsArea .ifWrap + ul{}
main.fs-l-main section.fs-l-pageMain .topBnrsArea .ifWrap + ul li{}
main.fs-l-main section.fs-l-pageMain .topBnrsArea .ifWrap + ul li a{}

    .box img{
      border-radius: 20px;
    }


/* ----- トップボタン追加 ----- */
.list_button {
	width: 100%;
	margin: -70px 0 0;
	padding: 0;
}
.list_button a {
    background: #ffffff;
    border-radius: 9999px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 250px;
    padding: 6px 25px;
    color: #A1903D;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    /* font-weight: 700; */
	border: 1px solid #A1903D;
}
.list_button a:after {
    content: '';
    width: 11px;
    height: 11px;
    border-top: 1px solid #A1903D;
    border-right: 1px solid #A1903D;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 45%;
    right: 8%;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.list_button a:hover {
    color: #DBC96B;
	border: 1px solid #DBC96B;
}
.list_button a:hover:after {
    border-top: 1px solid #DBC96B;
    border-right: 1px solid #DBC96B;
}

/* ----- ３つ横並びボタン設定 ----- */
.gabapuree-btn{
	display: flex;
	flex-wrap:wrap;
}
.gabapuree-btn li {
	width: calc(100%/3);/*3つ並べる場合*/
	padding:0 2px;/*左右に余白を入れる場合*/
	box-sizing:border-box;
}
.gabapuree-btn li img {
	max-width:100%; /*はみだしを防ぐ*/
	height: auto; /*縦横比を維持 */
}
/*リンクボタンデザイン設定*/
.link-btn {
    text-decoration: none!important;
    justify-content: center; /*左右間で中央*/
    align-items: center;/*上下間で中央*/
    color: #fff!important;
    display: flex!important;/*画面に合わせてサイズが変わる*/
 　 flex-wrap:wrap!important;/*要素の折り返し設定*/
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: none;
    transition: .2s;
    
}
.link-btn:hover {
    box-shadow: none;
    transform: translateY(2px);
    opacity: .8;
}
/*ボタン色設定*/
.colorname1 {
    background: #3aae36;
}
.colorname2 {
    background: #3aae36;
}
.colorname3 {
    background: #3aae36;
}

p.text_s {
     font-size: 0.85em; 
     text-align: left;
   }