/* カスタマイズ用CSS */
/*汎用*/
.ec-layoutRole{
    width:100%;
}

.outlet_role{
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    line-height: 1.4;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    max-width: 1130px;
}
.text{
    font-size: 15px;
}
.bold{
    font-weight: bold;
}
.flex{
    display: flex;
}
.wrap{
    flex-wrap: wrap;
}
.nowrap{
    flex-wrap: nowrap;
}
.center{
    margin: 0 auto;
}
.flex_center{
    align-items: center;
}
.base_color{
    color: #92b4d6;
}
.mb--nomal{margin-bottom: 15px;}
.mb--double{margin-bottom: 30px;}
.mt--nomal{margin-top: 15px;}
.mt--double{margin-top: 30px;}
.mb--l{margin-bottom: 150px;}
.mt--l{margin-top: 150px;}
.mb--ml{margin-bottom: 80px;}
.mb--m{margin-bottom: 40px;}
.mb--s{margin-bottom: 20px;}
.mb--ss{margin-bottom: 10px;}
.mt--ml{margin-top: 80px;}
.mt--m{margin-top: 40px;}
.mt--s{margin-top: 20px;}
.mr--auto {margin-right: auto;}
.ml--auto {margin-left: auto;}
.pb--l{padding-bottom: 150px;}
.pt--l{padding-top: 150px;}
.pb--ml{padding-bottom: 80px;}
.pt--ml{padding-top: 80px;}
.pb--m{padding-bottom: 40px;}
.pt--m{padding-top: 40px;}
.mb--0{
    margin-bottom: 0px;
    
}
.no_dot{
        list-style: none;
}
.subtitle{
    text-align: left;
    margin-bottom: 30px;
}
.subtitle_font{
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
}
.caption{
    font-size: 20px;
    margin-top: 5px;
    margin-left: 15px;
    display: inline-block;
}
.ec-field{
    margin-bottom: 20px;
}
.ec-layoutRole__contents{
    padding-bottom: 15px;
}
.fontsize--l{font-size: 2.5rem;}
.fontsize--lm{font-size: 1.6rem;}
.fontsize--ml{font-size: 1.3rem;}
.fontsize--m{font-size: 1.2rem;}
.fontsize--sm{font-size: 1.1rem;}
.fontsize--s{font-size: 0.9rem;}
.fontsize--ss{font-size: 0.8rem;}
.border{
    border:1px solid #000;
}
/*汎用*/
/* header */

.header_icon{
    margin-right: 15px;
    width: 40px;
}
.header_logo{
    margin-top: 15px;
    color: #000000;
}

.header_logo a:visited{
    color: #000000;
}

.header_menu{
    background-color: #f9eefd;
    height: 50px;
}
.header_menu ul{
    justyify-content: center;
}

.header_menu li{
    font-weight: bold;
    padding:15px 60px;
    font-size: 1.2rem;
}
/* header*/
/* カテゴリナビ(PC) */
.ec-categoryNaviRole{
    box-sizing: border-box;
    max-width: initial;
    color: #000000;
    width: 100%;
    background-color: #f0f2f5;
}
.ec-itemNav__nav li a{
    display: block;
    margin: 0;
    padding: 16px;
    height: auto;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    text-decoration: none;
    text-align: left;
    background: #f0f2f5;
    width:210px;
    text-align: center;
}


/* カテゴリナビ(PC) */
/* title */
.h1_text{
    font-size: 0.65em;
}
/* title */

/* イントロダクション */
.intro_role{
    margin-bottom: 40px;
}
.intro_title{
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.5;
    letter-spacing: 0.2em;
}
.ec-eyecatchRole__intro{
    text-align: center;
}
/* イントロダクション */
/* category */
.category_place{
    text-align: center;
    margin-bottom: 20px;
}
.category_margin{
    margin-bottom: 40px;
}
.category_list{
    display: flex;
    flex-wrap: nowrap;
    width: 85%;
    justify-content: center;
    padding: 0;
    margin:0 auto;
}
.category_listitem{
    padding: 10px;
    width: 20%;
    position: relative;
    display: inline-block;
}
.category_container{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.category_icon{
    padding:10px;
}
.category_border{
    border-radius: 50%;
  color: #000000;
  border: 1px solid;
}
.category_title{
    margin: 0 auto;
    padding-top: 15px;
}

/* category */
/* おすすめ・新着アイテム */
.item_list{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
}
.item_listitem{
    width: 17%;
}

.item_container{
    flex-wrap: wrap;
    width: 100%;
    align-items: center;

}
.item_icon{
    padding:5px;
}
.item_border{
  border: 1px solid #000;
}
.item_sale{
    color: red;
}
.item_caption{
    font-size: 0.8em;
    text-align: left;
}
/* おすすめ・新着アイテム */
/* BRAND */
.new_brand_list{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 40px;
}
.new_brand_list_listitem{
    padding: 10px;
    width: 25%;
    border: 1px solid #000;
}
.brand_table{
    width: 100%;
    border:1px solid #000000;
}

.brand_td{
    padding:10px;
    border:1px solid #000000;
}
/* BRAND */
/* footer */
.ec-layoutRole__footer{
    margin-top: 50px;
}

.footer_inner{
    width: 100%;
    background: #eaeaea;
    color: #000000;
    padding-top: 0;
}
.footer_box{
    padding-top:50px;
    width: 65%;
    margin: 0 auto;
}
.footer_inner_left{
    width: 65%;
    margin-bottom: 20px;
}
.footer_menu_list{
    width: 33%;
    padding-left: 0px;
}
.footer_menu_list li{
    margin: 4px 0;
}
.footer_menu_list a{
        color: #000000;
}
.footer_link::before{
        content: "-";
        margin: 0 4px;
}
.footer_inner_right{
    width: 30%;
    margin-top: 100px;
}
.footer_right_list{
    width: 100%;
    flex-direction:column;
    /* align-items:center;  中央揃え */
}

.footer_right_sns{
    width: 100%;
    padding:0;
}
.footer_icon_sns{
    width: 100px;
    padding: 0;
    margin-bottom: 40px;
    
}
.footer_icon_sns li{
    padding: 0 10px;
}
.footer_icon_sns img{
    width: 25px;
}
.footer_right_hunger{
    width: 100%;
    justify-content: center;
    padding: 0 15px;
    align-items: center;
    margin-bottom: 20px;
}
.footer_right_hunger li{
    padding: 0 15px;
}
.footer_icon_credit{
    justify-content: left;
    width: 100%;
    padding: 0;
}
.footer_icon_credit li{
    
    padding: 0 10px;
}
.footer_icon_credit img{
    width: 40px;
}
.footer_center{
    width: 100%;
}
.footer_logo{
    width: 10%;
    margin: 0 auto;
}
.footer_icon_logo{
    justify-content: center;
}
.footer_icon_logo ul{
    margin-bottom: 0px;
    padding: 0;
}
.footer_icon_logo li{
    
}
.footer_copyright{
    margin-top: 20px;
}
.footer_copyright_logo{
    justify-content: center;
}
/* footer */
/* 商品規格表用css */
.ec-productRole table{
    border: 1px;
}
.goods_table{
    width:50%;
    border: solid 1px;
}
.goods_table th,td{
    padding: 3px;
}

.goods_table th{
    background: #cd0000;
    color: #ffffff;
}

/*uchi用*/