/* カスタマイズ用CSS */

.ec-footerRole{
    background-color: #fff;
    margin-top: 50px;
    
}

.ec-footerTitle__copyright{
    color:#333;
}

.ec-footerNavi{
    color:#333!important;
}

.fa-bars::before {
    content: none;
}

.ec-headerNavSP {
    padding: 10px;
    width: 80px;
    height: 20px;
}

.ec-headerNaviRole img {
    width: auto;
    max-width: initial;
}

.page_text{
    line-height: 1.7em;
}

ul.policy_list {
    margin: 0;
        margin-top: 0px;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
}

ul.policy_list li{
    line-height: 1.7em;
}

.policy_item {
    margin-left: 1.7em;
    text-indent: -1.7em;
    text-align: justify;
}

.float_right {
    float: right;
}

.page_section::after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

.float_right::after{
    clear: both;
}

.policy_tel {
    background-color: #d9edff;
    padding: 12px 20px;
    /*width: 477px;*/
    margin-top: 20px;
    margin-bottom: 20px;
}

.policy_item span {
    display: block;
    margin: 0 0 15px 1.7em;
}


div.e-coto_contact_wrap{
    margin:50px auto 0 auto;
    text-align:center;
    width:900px;
    max-width: 100%;
    height: auto;
}

img.e-coto_contact{
    width:100%;
    max-width:100%;
    height:auto;
}

.ec-blockTopBtn.pagetop{
    background-color:#223a70!important;
}

button#favorite{
    background-color: #fd7e00!important;
    
}

.fontBig{
    font-size: 26px;
}

.borderNone{
    border: none!important; 
}

.paddingZero{
    padding: 0!important;
}

.e-coto_quantity{
    text-align: left!important;
}

.e-coto_to_cart{
    width:146px!important;
}

.e-coto_product_name{
    font-weight:bold;
}

.e-coto_price{
    color:#d33828;
}

.ec-blockTopBtn.pagetop{
    background-color:#223a70!important;
}

button#favorite{
    background-color: #fd7e00!important;
    
}

.ec-newItemRole .ec-newItemRole__listItem:not(:first-child) a {
    color: #337ab7!important;
}

.ec-newItemRole__listItemPrice{
    color:#d33828!important;
    font-weight: bold;
}


/* 2021-05-18 トップページの見出し色変更  */
div.ec-secHeading{
    background-color: #ffdaa0;
    
}

/* /2021-05-27 コラム */
div.e-coto_column h2 {
    font-size: 22px;
    font-weight: bold;
}

div.e-coto_column h3 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #005940;
    border-bottom: 1px solid #047a59;
    border-left: 10px solid #047a59;
    padding-left: 10px;
    margin-top: 30px;
}

div.e-coto_column h3.spring {
    color: #ea6ca8;
    border-bottom: 1px solid #f6bdc0;
    border-left: 10px solid #f6bdc0;
}

div.e-coto_column h3.summer {
    color: #005940;
    border-bottom: 1px solid #047a59;
    border-left: 10px solid #047a59;
}

div.e-coto_column h3.autumn {
    color: #a37425;
    border-bottom: 1px solid #f9c270;
    border-left: 10px solid #f9c270;
}

div.e-coto_column h3.winter {
    color: #43b3ea;
    border-bottom: 1px solid #a1d2ea;
    border-left: 10px solid #a1d2ea;
}

div.e-coto_column p {
    line-height: 150%
}

/* 2021-05-27 コラム/ */

/* /2021-06-07 ランキング横並び */
    .e-coto_ranking_wrap {
        width: 90%;
        border: 1px #ccc solid;
        /*background-color: #007bbb;*/
        overflow-x: scroll;
        margin:10px 30px;
        padding: 0 0px;
    }

    .e-coto_ranking {
        display: inline-block;
        padding: 0;
        white-space: nowrap;
    }

    .e-coto_ranking_item {
        display: inline-block;
        width: 200px;
        /*!height: 100px;*/
        height: auto;

        vertical-align: top;
        color: #fff;
        white-space: normal;
        /*background-color: #223a70;*/
        margin: 10px;
    }


    .e-coto_ranking_item img {
        width: 200px;
    }
    
    .e-coto_ranking_product_price {
        color: #d33828;
    }
/* 2021-06-07 ランキング横並び/ */


/* 2021-06-08 カテゴリの文字大きくする（PCのみ） */
.ec-itemNav__nav li a {
    font-size: 20px;
}
/* 2021-06-08 カテゴリの文字大きくする（PCのみ） */

/* 2021-06-09 カテゴリ別に新着商品がある場合はNewを入れる */
/* 2021-06-25 高さが大きすぎてレイアウトが崩れたため、修正する */
.e-coto_new_icon{
    width:40px!important;
    height:16px;
    display:inline;
/*    display:none;*/
}
/* 2021-06-09 カテゴリ別に新着商品がある場合はNewを入れる */

/* 2021-07-13 コラム一覧表示用 */
    .e-coto_column_list{
        /*width:48%!important; 2021-09-22 廃止  */
        margin-bottom: 5px;
    }
/* 2021-07-13 コラム一覧表示用 */

/* 2022-08-23　トップページ人気商品　ヘッダーのpaddingが多すぎる問題の対応 */
.ecoto-newItemRole{
    padding-bottom: 0px!important;
}
/* 2022-08-23　トップページ人気商品　ヘッダーのpaddingが多すぎる問題の対応 */