/* カスタマイズ用CSS */
body{

    background-color: inherit;
}
a {
    color: #182122;
    text-decoration: none;
}
.a-flex{
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}
.div-flex{
    display: flex;
}
.mgr-15{
    margin-right: 15px;
}
.mgl-16{
    margin-left: 16px;
}
.mgl-24{
    margin-left: 24px;
}



.dp-none{
    display: none;
}
.fs-0_5{
    font-size: 0.5rem;
}
.fs-1_2{
    font-size: 1.2rem;
}
/*スマートフォン*/
.dp-block-800{
    display:none;
}
.dp-none{
    display: none;
}
@media only screen and (max-width: 800px){
    .dp-none-800 {
        display: none;
    }
}
@media screen and (max-width:599px) { 
    /*　画面サイズが460pxからはここを読み込む　*/
    .img_ds {
        max-width: 100%;
    }
}



/* 2021_0227 kdsAdd */
.ec-shelfGrid__item .item_name {
    border: none;
}

.ec-shelfGrid .ec-shelfGrid__item p {
    margin-top: 0;
}

#page_homepage #customer_voice .slick-prev,
#page_homepage #customer_voice .slick-next {
    transform: none;
}

@media only screen and (max-width: 800px) {
    #customer_voice .slick-prev {
        left: 0! important;
    }
    
    #page_homepage #customer_voice .slick-prev::before {
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    
    #customer_voice .slick-next {
        right: 0! important;
    }
    
    #page_homepage #customer_voice .slick-next::before {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

.ec-cartNaviNull {
    width: 80%;
    left: 0;
}

.ec-cartNaviNull.is-active {
    margin: 0 auto;
}

/* /products/detail/ */
.ec-sliderItemRole .slideThumb:nth-of-type(3n) {
    margin-right: 0;
}

.ec-sliderItemRole .slideThumb {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
}

.ec-productRole img {
    border-radius: 10px;
}

/* 2021_0302 kdsAdd */
#page_shopping_login .ec-guest .ec-guest__actions a {
    color: #23242a;
}

@media only screen and (min-width: 768px) {
    #page_sln_card_payment .ec-borderedDefs dt span {
        position: static;
        display: block;
        transform: none;
        margin: inherit;
        margin-left: 1em;
    }
}

/* sln_card_payment */
@media only screen and (max-width: 768px) {
    .sln_card_payment_container input[id='card_CardNo'][type='text'] {
        width: 70%;
    }
}

/* 2021_0325 商品購入 */
.ec-orderDelivery__actions p.ec-select{
    font-size: 14px;
    color: #DE5D50;
}




/*商品詳細ページ画像サイズ PCで画像が小さくなるのを解消km*/
p.itempage_img img{
    max-height: 100%;
}


/*商品詳細ページ 文字装飾KM=============================================================================*/

div.itempage .title_text{
    font-weight: bold;
    line-height: 1.5;
    color: black;
    border-bottom: 1px solid #404040;
    padding-bottom: 10px;
}

div.itempage .mb10{
    margin-bottom: 10px;
}

div.itempage .mb20{
    margin-bottom: 20px;
}

div.itempage .mb30{
    margin-bottom: 30px;
}

div.itempage .mb50{
    margin-bottom: 50px;
}


/*============================================================================================================*/


/*商品詳細ページ※のアテンション文章　野菜セット内KM*/
div.attn_txt{
    color:#ff0000;
    font-size: 13px;
}



/*カテゴリーページの商品 1列→2列に変更KM*/
@media only screen and (max-width: 800px){
ul.ec-shelfGrid .ec-shelfGrid__item{
    width: 50%;
}
}

/*カートのpop upを非表示　2021_0414 kdsAdd===============*/
.ec-cartNaviIsset.is-active {
    display: none !important;
}





/*商品ページの商品説明もっと見るの線を非表示　2021_0904 km */
.see_more_line {
    border-bottom: none !important;
    margin-bottom: 0px !important;
}

.see_more_detail{
    top: -60px !important;
}


.ec-productRole__tags{
    margin: 0 0 20px 0 !important;
}   








/*カートマーク右上の商品数を非表示km*/

span.circle-badge{
    display: none;
}


/*商品一覧ページで商品名が長い場合に価格と重なるのを修正km*/
.p-name{
    line-height: 1.15;
}

table.table tr td{
    padding: 3px;
    border-top:none;
}
table.table tr img{
    border-radius: 0%;
}    
    
    
   
/* 商品ページ用 km*/
.itempage_link{
text-decoration: underline;
color: blue;
background: #cccccc;
}



.ec-footerNavi .ec-footerNavi__link:hover a {
    opacity: 1;
    text-decoration: none;
}
.ec-footerNavi .ec-footerNavi__link li a:hover {
    opacity: 0.8;
}


.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input {
    font-size: 16px;
}
.ec-headerNaviRole .ec-headerNaviRole__center img.shop_logo {
    height: 35px;
}
.ec-footerRole .ec-footerRole__inner .ft_logo img{
        width: 160px;
}
.ec-productRole__profile .qlink {
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.ec-productRole__profile .qlink .spacing{
    display: none;
}

.ec-productRole__profile .qlink span {
    padding: 5px 0;
}
.mg_socialbutton_2 iframe{
    width: 110px;
}
.sns-btn {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.sns-btn span:first-child {
    margin-right: 10px;
    width: 100%;
    text-align: center;
}
.mg_socialbutton_1, .mg_socialbutton_2, .mg_socialbutton_3 {
    width: 30%;
}
.mg_socialbutton_1, .mg_socialbutton_2, .mg_socialbutton_3 {
    display: inline-block;
    margin: 5px 10px 5px 5px;
    width: 26%;
}

.ec-headerTitle .ec-headerTitle__title h2{
    font-size: 12px;
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 5px 0 0 0;
}
.ec-headerTitle .ec-headerTitle__title h2 span{
    background-color: #00859D;
    color: #fff;
    padding: 0 5px;
    margin: 0 2px;
    font-size: 11px;
}
.ec-recommendRole__listItemTitle,.ec-newItemCustomRole__listItemTitle{
    min-height: 45px;
}
.hp_page .hp_contentsRole .hp_contentsRole__item__groceries a.hp_action_btn {
    display: inline-block;
    text-decoration: none;
    border: none;
    padding: 16px 38px;
    font-size: 12px;
    background: #007f91;
    color: #fff!important;
}
.hp_page .hp_contentsRole .hp_contentsRole__item__groceries a.hp_action_btn span {
    position: relative;
    top: -2px;
    color: #fff!important;
}

.p-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 0 0 4px 0;
    height: auto!important;
}
.ec-headerNaviRole .ec-headerNaviRole__nav #ec-headerNaviRole__nav__menu_ctl:checked + label + .ec-menu-navi_modalback {
    opacity: 1;
}
.ec-layoutRole .ec-layoutRole__header {
    opacity: 1;
}

@media only screen and (min-width: 768px){
.ec-headerNaviRole .ec-headerNaviRole__center img.shop_logo {
    height: 50px;
}
.ec-footerNavi .ec-footerNavi__link a {
    font-size: 12px;
}
.ec-productRole__profile .qlink {
    font-size: 1.4rem;
    display: block;
}
.ec-productRole__profile .qlink .spacing{
    display: inline-block;
}
.sns-btn {
    flex-wrap: nowrap;
}
.ec-headerTitle .ec-headerTitle__title {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    width: 350px;
    align-items: center;
}
.ec-headerTitle .ec-headerTitle__title h2 {
    font-size: 14px;
    width: auto;
    position: relative;
    left: auto;
    transform: inherit;
    margin: 0 15px;
}
.ec-headerTitle .ec-headerTitle__title h2 span {
    padding: 2px 5px 0 5px;
    font-size: 14px;
    margin: 3px 0 3px 0;
    display: block;
}

}

/* 【HP】イベントを２つ⇒３つ横並び表示に臨時調整 */
@media only screen and (min-width: 768px){
    .hp_page .hp_contentsRole__item__event {
        justify-content: normal;
    }
    .hp_page .hp_contentsRole__item__event .event_item {
        width: calc(33.3% - 16px);
        min-width: 255px;
    }
    .hp_page .hp_contentsRole__item__event .event_item_card_viewmore {
        margin: 10px 0 0;
    }
}

/* 25.03 SP 検索追加 */
.ec-headerNaviRole__left {
    display: flex;
}
.ec-headerNaviRole__left .ec-headerNaviRole__nav_search_sp .ec-menu-navi_icons {
	display: inline-block;
    font-size: 14px;
    width: 25px;
    height: 25px;
    padding-right: 5px;
    padding-top: 4px;
    vertical-align: text-top;
}
i.fas.fa-shopping-basket:before {
    content: '';
    background-image: url(/html/user_data/assets/img/common/cart_icon.png);
    background-size: contain;
    display: inline-block;
    width: 20px;
    height: 20px;
}
@media only screen and (min-width: 768px){
    .ec-headerNaviRole__left .ec-headerNaviRole__nav_search_sp  {
        display: none;
    }
}
#ec-headerNaviRole__nav_search_sp__menu_ctl {
    display: none;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl:checked + label {
    border: 1px dotted gray;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl + label {
    margin: auto;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl + label + .ec-searchmodal_popup {
    display: none;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl:checked + label + .ec-searchmodal_popup {
    display: inline-block;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 999;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-headerRole {
    margin: 1em auto;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-headerRole H1 img {
    height: 35px;
    width: auto;
    margin: auto;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-headerRole H2 {
    display: none;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
    column-gap: 1px;
    row-gap: 15px;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__items .ec-searchmodal_popup__inner__item {
    width: 33%;
    text-align: center;
    font-size: 11px;
    position: relative;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__items .ec-searchmodal_popup__inner__item .ec-searchmodal_popup__inner__item__listItemTitle:before {
    content: '';
    width: 80%;
    border-bottom: 1px solid #525263;
    position: absolute;
    bottom: 0.5em;
    right: 10%;
    left: 10%;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__items .ec-searchmodal_popup__inner__item .ec-searchmodal_popup__inner__item__listItemTitle {
    height: 25px;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__items .ec-searchmodal_popup__inner__item img {
    width: 75%;
    height: auto;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__header {
    display:flex;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__header .ec-headerRole__title {
    position: relative;
    top: -10px;
    left: 20px;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__header .close-icon {
    width: 40px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 4px;
    cursor: pointer;
    z-index: 9999;
    height: 40px;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 28px;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__header .close-icon .fa-times:before {
    content: "\f00d";
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-headerSearch .ec-headerSearch__keyword {
	border: 1px solid #525263;
    border-radius: 0;
    height: 30px;
    background: #fff;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-headerSearch .ec-headerSearch__keyword .ec-input {
    margin-top: 2px;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-headerSearch__popular-word {
    display: none;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-headerSearch .ec-headerSearch__keywordBtn {
	right: 0.25em;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-headerSearch .ec-headerSearch__keywordBtn .ec-icon {
	display: inline-block;
	background-image: url("/html/user_data/assets/img/common/serch_icon.png");
	background-repeat: no-repeat;
    background-size: 20px;
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-headerSearch .ec-headerSearch__keywordBtn .ec-icon .fa-search:before {
	content: '';
}
#ec-headerNaviRole__nav_search_sp__menu_ctl ~ .ec-searchmodal_popup .ec-searchmodal_popup__inner__header .close-icon .fa-times:before {
    font-style: normal;
}
/* 横スクロース対策 */
.overflow-x-hidden {
    overflow-x: hidden;
}
@media only screen and (max-width: 800px) {
    #page_product_detail .slick-next {
		right: -20px;
	}
}

/* 2026.01.22 定期購入の注意事項等対応 */
.custom-subscription-anotations {
    border: 2px dotted #DE5D50;
    padding: 1em 0.5em;
    font-size: 14px;
    color: #DE5D50;
    background: rgba(222, 93, 80, 0.1);
    margin: 0 0 2rem;
}
.custom-subscription-anotations-cartselect {
    position: relative;
}
.custom-subscription-anotations-cartselect > p {
    position: absolute;
    top: -40px;
    left: 50px;
    font-size: 12px;
    color: #DE5D50;
}
@media only screen and (min-width: 768px){
    .custom-subscription-anotations-cartselect > p {
        left: calc(25% + 120px);
    }
}