/***********************************************************************
slime_header ver.1.1
***********************************************************************/
/* ▼▼▼ 文字・アイコン・背景色や横幅の変更はここから ▼▼▼
***********************************************************************/  
.slim_header{
 max-width: 1130;/* ヘッダー横幅制限したい場合はnoneを1130pxに変更 */
 background: rgba(255,255,255,0);/* 背景色を変更 */
}
.slim_header .ec-headerTitle a,
.slim_header .ec-headerNav .ec-headerNav__itemLink,
.slim_header .ec-headerNav .ec-headerNav__item .ec-headerNav__itemIcon,
.slim_header .ec-cartNavi,
.slim_header .ec-categoryNaviRole__title,
.slim_header .ec-categoryNaviRole{
 color: #000;/* ヘッダー基本的な文字・アイコン色を変更 */
}
@media (min-width:768px){
 .slim_header:hover{
     background: rgba(255,255,255,1);/* 背景色を変更 */
 }
 .slim_header .ec-headerNav .ec-headerNav__item .ec-headerNav__itemIcon,
 .slim_header .ec-cartNavi{
     color: #000;/* PC時アイコンの色を変更 */
 }
 .slim_header .ec-categoryNaviRole li a{
     width: 180px;/* カテゴリの横幅変更はこちら */
     color: #000;/* カテゴリの文字色を変更 */
     background: rgba(255,255,255,0.8);/* カテゴリの背景色変更はこちら rgba(255,255,255,0.8) ← 
#fffなどの形式でも指定可能 */
 }
 .slim_header .ec-categoryNaviRole ul ul{
     left: 180px; /* カテゴリ横幅変更時に合わせて同じ数値に変更 */
 }
 .slim_header .ec-categoryNaviRole li a:hover{
     background: rgba(250,250,250,0.8);/* カテゴリhover時の背景色変更はこちら 
rgba(255,255,255,0.8) ← #fffなどの形式でも指定可能 */
 }

.slim_header .ec-categoryNaviRole li ul:before {
     color: #000;/* カテゴリの>(アローアイコン)の色変更はこちら */
 }
}
/* メインコンテンツ外枠の横幅固定を外す */
.ec-layoutRole .ec-layoutRole__contents{
 max-width: none; /* 1150px; */
}
/* スライドショーの横幅固定を外す */
.ec-sliderRole{
max-width: none; /* 1130px; */
padding-left: 0; /* 20px; */
padding-right: 0; /* 20px; */
}
/* ▲▲▲ 文字・アイコン・背景色や横幅の変更ここまで ▲▲▲
***********************************************************************/
.slim_header{
 display: flex;
 justify-content: space-between;
 align-items: center;
 position: relative;
 padding: 15px 30px;
 z-index: 999;
}
.slim_header .ec-headerTitle{
 font-size: 18px;
 font-weight: bold;
 margin: 0 0 0 30px;
}
.slim_header .ec-headerNav{
 margin-right: 0; 
}
.slim_header .ec-headerNaviRole{
 width: auto;
 max-width: none;
 padding: 0;
 margin: 0 0 0 auto;
}
.slim_header .ec-headerNav .ec-headerNav__item{
 font-size: 14px;
}
.slim_header .ec-headerNav .ec-headerNav__itemIcon {
 display: inline-block;
 margin-right: 5px;
 margin-left: 5px;
 font-size: 18px;
}
.slim_header .ec-headerNav .ec-headerNav__item .ec-headerNav__itemIcon{
 display: inline-block;
}
.slim_header .ec-cartNavi {
 padding: 3px 0 0 10px;
}
.slim_header .ec-headerNavSP{
 top: 8px;
}
.slim_header .ec-headerNav{
 display: none;
}
.slim_header .ec-categoryNaviRole{
 display: none;
}
@media (min-width:768px){
.front_page .slim_header{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     transition: 0.4s;
 }
 .slim_header a:hover{
     text-decoration: none;
     opacity: 0.8;
 }
 .slim_header .ec-headerTitle{
     margin: 0;
 }
 .slim_header .ec-headerNav{
     margin-right: 20px; 
 }
 .slim_header .ec-headerNav .ec-headerNav__item{
     margin: 0 10px;
 }
 .slim_header .ec-headerNav .ec-headerNav__item .ec-headerNav__itemIcon {
     display: none;/*アイコン表示した場合はinleine-blockに変更*/
 }
 .slim_header .ec-headerNav .ec-headerNav__item a{
     font-size: 14px;
     font-weight: bold;
 }
 .slim_header .ec-cartNavi {
     padding: 12px 17px 10px;
 }
 .slim_header .ec-headerNav{
     display: block;
 }
 .slim_header .ec-categoryNaviRole{
     position: relative;
     padding: 0;
     font-size: 14px;
     font-weight: bold;
     color: #000;
     margin-right: 18px;
     transform: translateY(1px);
     max-width: none;
     width: auto;
     display: block;
 }
 .slim_header .ec-categoryNaviRole__title{
     cursor: pointer;
 }
 .slim_header .ec-categoryNaviRole__item{
     position: absolute;
     top: 0;
     left: 0;
     display: none;
     padding-top: 45px;
 }

.slim_header .ec-categoryNaviRole:hover .ec-categoryNaviRole__item{
     display: block;
 }
 .slim_header .ec-categoryNaviRole ul{
     margin: 0;
     padding: 0;
 }
 .slim_header .ec-categoryNaviRole ul ul{
     position: absolute;
     top: 0;
 }
 .slim_header .ec-categoryNaviRole ul ul li{
     display: none;
 }
 .slim_header .ec-categoryNaviRole li:hover>ul>li{
     display: block;
 }
 .slim_header .ec-categoryNaviRole li{
     list-style: none;
     position: relative;
     box-sizing: border-box;
 }
 .slim_header .ec-categoryNaviRole li a{
     display: block;
     padding: 15px;
 }
 .slim_header .ec-categoryNaviRole li ul:before {
     content: "\f054";
     font-family: "Font Awesome 5 Free";
     font-weight: 900;
     font-size: 10px;
     position: absolute;
     top: 18px;
     right: auto;
     left: -20px;
 }
}
/***********************************************************************
slime_headerここまで
***********************************************************************/

/***********************************************************************
カテゴリナビ（SP）ここから
***********************************************************************/
.ec-categoryImageRole{
   margin: 0 auto;
   padding-left: 20px;
   padding-right: 20px;
   box-sizing: border-box;
   font-size: 14px;
   line-height: 1.4;
   color: #525263;
   -webkit-text-size-adjust: 100%;
   width: 100%;
   max-width: 1130px;
}
.ec-categoryImageRole__list{
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   padding: 0;
   list-style: none;
}
.ec-categoryImageRole__item{
   width: 33%;
   box-sizing: border-box;
   padding: 0 10px;
   margin-bottom: 10px;
   border-left: 1px dotted #ccc;
   text-align: center;
}
.ec-categoryImageRole__item:nth-child(3n+1){
    border-left: none;
}
.ec-categoryImageRole__item a{
   color: #000;
}
.ec-categoryImageRole__icon{
   display: block;
   width: 40px;
   height: 40px;
   overflow: hidden;
   border-radius: 6px;
   vertical-align: middle;
   margin: 0 auto 5px;
}
.ec-categoryImageRole__icon img{
   max-width: 100%;
   height: auto;
   vertical-align: middle;
}
@media (min-width: 768px){
  .ec-categoryImageRole{display: none;}
}
/***********************************************************************

.left_menu {
  width: 140px;
  position: fixed;
  top: 0px;
  z-index: 100;
}

.left_categorynavi {
  width: 140px;
  margin: 0 auto;
}
.
カテゴリナビ（SP）ここまで
***********************************************************************/