/* カスタマイズ用CSS 
body.fornt_page {
  background: url(/hidamari/html/user_data/assets/img/haikei.png) no-repeat center center fixed !important;
  background-position: center center !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}
*/
/*.ec-headerNaviRole .ec-headerNaviRole__right{
    width: unset;
}
.ec-headerNaviRole .ec-headerNaviRole__left{
    width: 40%;
}*/

/*@media screen and (min-width: 768px) and (max-width: 768px){
    .ec-itemNav__nav{
        flex-direction: unset; 
    }
}*/

.ec-itemNav__nav ul{
    width: 100%;
}

.ec-cartRole__cart{
    -webkit-appearance:none;
}
.ec-cartRow__img {
  height: auto;
} 

.ec-cartRow__img img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.ec-imageGrid__img{
    height: auto;
} 
.ec-imageGrid__img img{
    max-width: 100%;
  height: auto;
  object-fit: contain;
}
/* stickyナビ 初期状態（非表示） */
/*#sticky-category-nav {
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

/* 表示状態 */
/*#sticky-category-nav.is-show {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}


/*背景画像表示*/
.ec-layoutRole{
    background: url('/hidamari/html/user_data/assets/img/haikei.png'),top,center;
}

.ec-headerTitle__title img {
  width: 100%;       /* 親要素に合わせる */
  max-width: 300px;  /* 最大200pxまで */
  height: auto;      /* 縦横比を維持 */
}

/*フッターとの継ぎ目調節*/
.ec-role{
    padding-top: 50px;
}
.ec-newsRole{
    background: #fff;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 20px;
}

/*フッターの色変更*/
.ec-layoutRole__footer{
    background: #b7783d;
    margin-top: 20px;
}
.ec-footerRole{
    background: #b7783d;
    border-bottom:1px solid #b7783d;
    border-top: 0px ;
    padding-bottom:10px ;
}

.ec-headerNaviRole{
    padding-bottom: 10px ;
}

/*ナビゲーション背景カラー、文字の色、margin*/
.ec-itemNav__nav li a {
	Background:#ffffff7d;
}


.ec-itemNav{
	Margin-bottom:10px;
	/*position: fixed;
    top: 0;
    left: 0;
    height: auto;*/
}
.ec-itemNav__nav{
    /*vertical-align: bottom;*/
    display: flex;
    width: 75%;
    margin: auto;
}
.ec-itemNav__nav li{
    width: 25%;
}

.ec-itemNav__nav ul li a {
    background: #b7783d !important;
    /*background: #00ff00 !important;*/
    
}
.ec-itemNav__nav ul li a:hover {
    background: #8b5e34 !important;
    /*background: #0000FF !important;*/
}
/* ▼ Stickyナビの高さが潰れないようにする */
#sticky-category-nav .ec-itemNav {
    height: auto !important;
    overflow: visible !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

/* ▼ UL が高さ 0 にならないようにする */
#sticky-category-nav .ec-itemNav__nav {
    display: flex !important;
    width: 100%;
    flex-direction: unset;
}

/* ▼ LI の幅を均等にする */
#sticky-category-nav .ec-itemNav__nav li {
    width: 22.5% /*!important*/;
    align-self: center;
}
#sticky-category-nav .ec-itemNav__image{
    width: 10% !important;
}

/* ▼ a の背景色を変更（sticky 時のみ） */
#sticky-category-nav .ec-itemNav__nav li a {
    background: #b7783d ;  /* ← 指定の色 */
    color:  #fff;
}

#sticky-category-nav .ec-itemNav__nav li ul{
    min-width: 100%
}
#sticky-category-nav .ec-itemNav__nav li ul li{
    min-width: 100%
}
#sticky-category-nav .ec-itemNav__nav li a:hover{
    background: #8b5e34 !important;
}
#sticky-category-nav .ec-itemNav__image a{
    padding: 0;
}

/* ▼ sticky本体（背景だけが見えてた原因その1） */
#sticky-category-nav {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    z-index: 9999;
    background: #b7783d; /* ← 背景色 */
    padding: 0;
}
.ec-categoryNaviRole img{
    width: 60%;
    margin: auto;
}


.ec-headerNaviRole img{
    height: 75%;
}

.ec-topicpath{
    color: #9d0000;
}
.ec-topicpath{
    border-top: 1px solid #a29f9f;
    border-bottom: 1px dotted #a29f9f;
}



/*.item slick-slide{
    width: 751px;
    height: 319px;
}*/
/*↓↓サーチボタン調整↓↓*/
.ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search{
    background: #b7783d;
}
.ec-headerSearch .ec-headerSearch__keyword{
    border: 1px solid #b7783d;
}

@media screen and (max-width: 768px) {
    /*ここにスマホ専用のCSSを記述します*/
    .ec-headerNavSP {
        Color: #b7783d;
    }
    .ec-icon img {
        width: 100%;
        height: 75%;
    }
    
    /*↓↓↓↓↓スマホナビ色↓↓↓↓↓*/
    .ec-drawerRoleClose{
        color: #4a4a4a;
    }
    .ec-drawerRole .ec-headerSearch{
        background: #f7e6d0;
    }
    .ec-footerNavi .ec-footerNavi__link a{
        border-bottom: 1px solid #ffd399;
    }
    .ec-itemNav__nav li{
        width: 100%;
    }
    .ec-itemNav__nav li a{
        line-height: 1.5;
    }
    .ec-drawerRole .ec-headerLinkArea{
        background: #b7783d;
    }
    .ec-drawerRole{
        background: #b7783d;
    }
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__list{
        border-top: 1px solid #ffd399;
    }
    .ec-drawerRole .ec-headerLinkArea .ec-headerLink__item{
        border-bottom: 1px solid #ffd399;
        line-height: 2;
    }
    .ec-itemNav{
        margin-bottom: 0px;
        /*display: flex;
        position: unset;*/
    }
    .ec-itemNav__nav{
        width: 100%;
        flex-direction: column;
    }
    .ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading{
        font-size: 17px;
    }
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a{
        background: #f7e6d0;
        border-bottom: 1px solid #ffd399;
        font-weight: bold;
        color: #176615;
        padding-left: 30px;
    }
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li a{
        color: #ffffff;
        font-weight: bold;
    }
    .ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading{
        background: #f7e6d0;
        border-top: 1px solid #ffd399;
        border-bottom: 1px solid #ffd399;
    }
    
    .ec-layoutRole .ec-layoutRole__main{
        padding-left: 10px ;
        padding-right: 10px;
    }
    
    .ec-footerRole__inner{
        border-top: 1px solid #ffd399;
    }
.ec-topicRole {
    padding:0;
}
 /*ショッピングカートの配置*/
/*.ec-cartNavi{
    margin-right: -60px;
}*/

/*リンクボタン設定*/
.link_box {
  display: block; 
  gap: 0; 
  margin:0 10px;
}
.Sumaho_box {
 margin:-20px 10px 0;
 font-size:18px;
}
.Journal_p {
  margin-top:10px;
  font-size:11px;
}
.Journal_p a {
        color:#fff;
  border:solid 1px #aa3f35;
  background:#aa3f35;
    border-radius:6px;
    display: block;
}

.Journal_p a:active{
  color:#f00;
  border:solid 1px #f00;
}

}
    
.ec-sliderRole{
    max-width: 100%;
    padding: 0;
}
.ec-secHeading{
    color: /*#fff*/  #835703 /*#6d4c0d*/;
}
.ec-topicRole .ec-topicRole__listItemTitle{
    color: #835703 ;
    font-size: 14px;
}

.ec-topicRole .ec-topicRole__listItem{
	height : 100%
}

.ec-categoryRole .ec-categoryRole__listItem{
	height : 100%
}
.ec-topicRole{
    background: #c379176b ;
    /*#ffd39996*/
}

.ec-blockTopBtn{
    background: #753200;
}


/*商品画面*/
.ec-shelfRole{
    background: /*#f5cfa6cc*/#ffebd5cc;
    padding-top: 15px;
}
.ec-productRole{
    background: /*#f5cfa6cc*/#ffebd5cc;
    padding-top: 15px;
}

/*カート*/
.ec-cartNaviIsset{
    background:#fff6eb ;
}
.ec-cartRole{
    background: #fff6eb;
    margin: 0 auto 0;
    padding-top: 20px;
}
.ec-cartRole__progress{
    margin-top: 10px;
}
.ec-cartRole__actions{
    margin-bottom: 10px;
}

.ec-off1Grid{
    background: #fff6eb;
    padding-bottom: 10px;
}

.ec-orderRole{
    margin: 0 auto ;
    padding-bottom:15px ;
    background: #fff6eb;
}
.ec-totalBox{
    background: #fff6eb;
}
.ec-rectHeading h1, .ec-rectHeading .h1, .ec-rectHeading h2, .ec-rectHeading .h2, .ec-rectHeading h3, .ec-rectHeading .h3, .ec-rectHeading h4, .ec-rectHeading .h4, .ec-rectHeading h5, .ec-rectHeading .h5, .ec-rectHeading h6, .ec-rectHeading .h6{
    background: #fff6eb;
}
.ec-reportHeading{
    margin: 0px auto 20px;
}
.ec-reportHeading h2{
    margin: 0px;
}
.ec-cartCompleteRole{
    background: #fff6eb;
    padding-bottom: 15px;
}
.ec-productRole .ec-productRole__category a{
    color: #9d0000;
}
 /*ショッピングカートの配置*/
/*.ec-cartNavi{
    margin-right: -160px;
}*/
/*リンクボタン設定*/
.link_box {
  display: flex; 
  gap: 20px; 
  justify-content: center;
  flex-wrap: wrap;  
  margin-bottom:30px;
  font-weight: bold;
}
.Journal_p {
  font-size:18px;
  margin-top:15px
}
.Journal_p a {
 color:#fff;
 
  padding:10px 10px;
  background:#aa3f35;
  border-radius:6px;
}


    .Journal_p a:hover {
  color:#a81a13;
  border:solid 1px #aa3f35;
  background:none;
  }
  
  @media screen and (min-width: 768px) and (max-width: 768px){
    .ec-itemNav__nav{
        flex-direction: unset; 
    }
    .ec-footerRole {
        margin-top: 0px;
        border-bottom: unset;
    }
    .ec-footerRole__inner {
        border-top: unset;
    }
}
.ec-shelfGrid__item{
    align-items: unset;
}