/* カスタマイズ用CSS */
.smoothing_m01{
    -moz-osx-font-smoothing: antialiased; 
    -webkit-font-smoothing: antialiased; 
}

body{
    -moz-osx-font-smoothing: antialiased; 
    -webkit-font-smoothing: antialiased; 
}

/********** ヘッダー背景 **********/

.ec-layoutRole__header{
    background-image: url(/store/html/user_data/shop-img/s0I8A3251.jpg);
    background-repeat: no-repeat;
    background-position: center;
/*    background-attachment: fixed;*/
    background-size: cover;
}


/********** ヘッダーロゴタイトル **********/
.ec-headerTitle img {
    width: 40%;
    margin-bottom: 60px;
}

@media only screen and (min-width: 768px){
.ec-headerRole {
    background-repeat: no-repeat;
    background-position: center 65%;
    max-width:100%;
}}

/*ヘッダー下にパディング*/
.ec-layoutRole .ec-layoutRole__main {
    padding-top: 0px;
}
/*ナビ下に余白*/
.ec-role {
    margin-top: 40px;
}

/*検索窓のカスタマイズ*/
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search {
    background: #8ec31e;
}
.ec-headerSearch .ec-headerSearch__category .ec-select select {
    padding: 8px 24px 8px 14px;
}

/********* メインナビ設定 *********/

.ec-itemNav__nav li a {
    padding: 16px;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.5s;
    color: #8ec31e;
}


/********* ナビボタン色設定 *********/
.ec-headerNavSP {
    max-width: 100%;
    color: black;
}

.ec-itemNav__nav li a:hover {
    color: #f5f5f5;
    background-color: #8ec31e!important;
    transition: background-color 0.5s;
}

@media only screen and (min-width: 768px){
.ec-eyecatchRole .ec-eyecatchRole__introDescriptiron {
    margin-bottom: 30px;
    margin-top: 10px;
}}


/**********************************
おすすめ商品ブロック
***********************************/
.ec-shelfRole {
    margin-top: 4em;
}
.ec-shelfGrid p{
    font-size: 14px;
    margin: 16px 0;
}

.ec-shelfRole .item_price {
    color: #DE5D50;
    font-weight: 600;
    text-align: left;
    padding-top: 8px;
    font-size: 20px;
}

.ec-shelfGrid p {
    font-size: 14px;
    margin: 16px 0;

}

.item_name {

}


/*カテゴリナビの配色ブロック*/
.ec-categoryNaviRole {
    background-color: #fff;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

/*上部に余白*/
.ec-layoutRole__contents {
    margin-top: 40px;
}

@media only screen and (min-width: 768px){
.ec-footerRole {
    padding-top: 10px;
    margin-top: 100px;
}
.ec-footerTitle {
    padding: 40px 0 40px;
}    

}

/*フッターロゴのカスタマイズ*/
.ec-footerTitle__logo {
    width: 120px;
    margin: 0 auto;
    padding-bottom: 20px;
}

/*フッターの背景色*/
.ec-footerRole {
    border-top: 1px solid #8ec31e;
    margin-top: 80px;
    background: #8ec31e;
}

/*TOPの見出し色*/
.ec-secHeading {
    margin-bottom: 15px;
    color: #8ec31e;
}
.ec-secHeading .ec-secHeading__line {
    display: inline-block;
    margin: 0 20px;
    width: 1px;
    height: 14px;
    background: #aaa;
}


.ec-eyecatchRole__introTitle{
    color: #8ec31e;
}

/*カテゴリブロックの背景色*/
.ec-categoryRole {
    padding: 20px 0;
    color: black;
    background: #fff;
}



/*ぼたん色*/
.ec-blockBtn--top {
    color: white;
    background-color: #8ec31e;
    border-color: #8ec31e;
}

.ec-shelfRole {
    margin-top: 2em;
}