div#Ec_Ctgtop_Recommend ul {
    font-size:0px;
    text-align:left;
}


/* 20220805 編集箇所 */

div#Ec_Ctgtop_Recommend ul li .Ec_Ctgtop_Recommend_Contentn {
    min-height: 250px;
    padding-bottom: 20px; 
}
div.Ec_Ctgtop_Recommend_Contentn h5.op_btn {
    margin-bottom: 20px;cursor:pointer; 
    background: url(../../resources4/top/img/ico_plus.png) no-repeat left center; 
    padding-left: 15px; 
    color: #356bb3; 
    font-weight: normal;
}
div.Ec_Ctgtop_Recommend_Contentn h5.op_btn_minus {
    margin-bottom: 0px;cursor:pointer; 
    background: url(../../resources4/top/img/ico_minus.png) no-repeat left center; 
    padding-left: 15px; 
    color: #356bb3; 
    font-weight: normal;
}
.cat_layer_img_wrp {
    width: 150px;
    height: 150px;
    /* border-radius: 50%;
    border: 1px solid #ddd; */
    background-size: cover;
    background-position: center;
    margin: 0 auto 15px;
}
.cat_layer_lnk{
    color:#333;display: flex;border-bottom: 1px solid #ddd;width: 100%;
}

/* おすすめカテゴリのボックス並べる */
.cat_layer_wrp{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.cat_layer_inr{
    width: calc((100% - 16px) / 3);
    box-sizing: border-box;
    /* display: flex; */
    margin-bottom: 50px;
}
div#Ec_Ctgtop_Recommend ul li {
    /*display:inline-block;*/
    vertical-align:top; 
    box-sizing:border-box;
    font-size:16px;
    margin-top:3px;
}
div#Ec_Ctgtop_Recommend ul li .Ec_Ctgtop_Recommend_Content {
    border:#ddd 1px solid; 
    /*max-width:278px;*/ min-height: 250px; 
}




/*
div#Ec_Ctgtop_Recommend > ul > li {
    margin:0 0 20px 0; 
    padding: 0 7px; 
}
*/
/*
div#Ec_Ctgtop_Recommend > ul > li:nth-child(3n) {
    padding-right:0px; 
}
div#Ec_Ctgtop_Recommend > ul > li {
    margin: 0 20px 20px 0; 
}
div#Ec_Ctgtop_Recommend > ul > li:nth-child(3n) {
    margin: 0 0 20px 0; 
}
*/
/* おすすめ特集のボックス並べる */
section.bcs_category .bcs_mainColumn .bcs_feature ul li {
    box-sizing:border-box;
}


/* ul のpadding */
div#Ec_Ctgtop_Recommend ul li ul {
    padding: 0 10px 0 15px;
}
#Ec_Ctgtop_Recommend .cat_layer-2nd_wrp{
    padding: 0 0 0 15px;
    width: 90%;
}
#Ec_Ctgtop_Recommend .cat_layer-3rd_wrp{
    padding: 0;
}
/* 第1層 */
div#Ec_Ctgtop_Recommend ul li ul li {
    /*display:block; 
    font-size:12px; 
    text-align:left; 
    width:auto;*/
}
/*.cat_layer-2nd_lnk::before{
    content: "\025b6";
}*/

.cat_layer-2nd{
    margin: 0 0 5px 0;
    /* padding: 0 0 0 12px;
    background: url(/bc/resources4/common/img/ico_ct.gif) no-repeat left 8px; */
    word-break: break-all;
}
#Ec_Ctgtop_Recommend .cat_layer-3rd_wrp {
    padding: 0;
}
.cat_layer-3rd{
    margin: 0 0 5px 0;
    padding: 0 0 0 12px;
    word-break: break-all;
    /* font-size:13px!important; */
}
.cat_layer-3rd::before{
/*    content:"├ ";*/
    margin-right:7px;
}
/* 第2層 */
div#Ec_Ctgtop_Recommend ul li ul li ul li{
    padding:2px 0 0 0;width:auto;
}
div#Ec_Ctgtop_Recommend ul li ul{padding:0px 10px 0px 15px;}

/* カテゴリ画像 */
div#Ec_Ctgtop_Recommend ul li .Ec_Ctgtop_Recommend_Bn {
    display:block; 
    margin:0px;
}
div#Ec_Ctgtop_Recommend ul li .Ec_Ctgtop_Recommend_Bn img {
    width:100%;
}


/* h3,h4 */
div#Ec_Ctgtop_Recommend h3 ,div#Ec_Ctgtop_Recommend ul li h4 {
    font-weight:normal;
}
div#Ec_Ctgtop_Recommend h3 {
    font-size:24px; 
    text-align:left; 
}
div#Ec_Ctgtop_Recommend ul li h4 {
    text-align:left; 
    font-size: 15px; 
    display:block; 
    padding:10px; 
    min-height: 2em;
}

/* +-ボタン制御 jsと連動している為class名変更不可 */
div.Ec_Ctgtop_Recommend_Content h5.op_btn {
    margin-bottom: 20px;cursor:pointer; 
    background: url(../../resources4/top/img/ico_plus.png) no-repeat left center; 
    padding-left: 15px; 
    color: #356bb3; 
    font-weight: normal;
}
div.Ec_Ctgtop_Recommend_Content h5.op_btn_minus {
    margin-bottom: 0px;cursor:pointer; 
    background: url(../../resources4/top/img/ico_minus.png) no-repeat left center; 
    padding-left: 15px; 
    color: #356bb3; 
    font-weight: normal;
}
ul.op_contents{
    display:none; 
}

/* もっと見る */
.relatedProducts{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    align-items: center;
}
.relatedProducts::after{
    content: url(/bc/resources4/single/img/control_u.png);
    transform: rotate(180deg);
    /*cursor: pointer;*/
}

.relatedProducts.open::after{
    transform: rotate(0deg);
}
.relatedProducts_wrp.close{
    display: none;
}
.relatedProducts_lnk{
    display: inline;
    border-bottom: none;
    width: initial;
}


/* 左カラムインクルードの独自コンテンツ制御 */
.Ec_side_contents img {
    width:100%}
.Ec_side_contents {
    border-top: 1px solid #ddd;
}
.Ec_side_contents ul li {
    margin: 5px 0;
}


/* キャンペーン情報のバナー左寄せ */
section.bcs_category .bcs_mainColumn .bcs_campaign .bcs_campaignSlider .bx-wrapper{
    margin:0 auto 0 0!important
}

/* 崩れ防止 */
#Ec_Ctgtop_Recommend >ul.clearfix:not(.cat_layer_wrp){
    display: flex;
    flex-wrap: wrap;
}
#Ec_Ctgtop_Recommend >ul.clearfix:not(.cat_layer_wrp)>li{
    width: calc((100% / 3) - 10px);
    margin:0 0 20px 0;
}
#Ec_Ctgtop_Recommend >ul.clearfix:not(.cat_layer_wrp)>li:not(:nth-child(3n)){
    margin-right: 15px;
}

div#Ec_Ctgtop_Recommend ul.clearfix:not(.cat_layer_wrp) li ul {
    padding: 0 10px 20px 15px;
}

/*リードテキスト箇所*/
.cat_lead{
    margin:5px 0; 
    font-size:12px;
    font-weight:1.8;
}

/* 検討パターン反映部分 */
.cat_layer_lnk{
    border: none;
}
.relatedProducts_wrp.close{
    display: none;
}
.relatedProducts::after{
    content: initial;
}
.cat_layer_ttl{
    background-color: #eee;
    background-size: 5em;
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding: 10px;
    font-size: 16px !important;
    font-weight: bold !important;
    height: 5em;
    display: flex;
    align-items: center;
}
.cat_layer_inr{
    margin-right: 8px;
}
.cat_layer_inr:nth-child(3n){
    margin-right: 0;
}
.relatedProducts .cat_layer-2nd_lnk{
    display: inline;
    width: initial;
}
.relatedProducts{
    border: none;
}
.cat_layer-2nd, .ptn_220906_b .cat_layer-3rd {
    padding: 3px;
    margin-bottom: 0;
}
.cat_layer-2nd.relatedProducts.close::after {
    content: "＋";
}
.cat_layer-2nd.relatedProducts.open::after {
    content: "−";
}
.cat_layer-2nd,.ptn_220903_b .cat_layer-3rd{
    transition: .5s;
}
.cat_layer-2nd:hover,.ptn_220903_b .cat_layer-3rd:hover{
    background-color: #f0f0f0;
}