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

.ec-layoutRole__contents{
    padding-top:3em;
}
.front_page .ec-layoutRole__contents{
    padding-top:0;
}
/***********************
ヘッダー
***********************/
.ec-headerNaviRole {
    padding-bottom: 0px;
}
/***********************
見出し
***********************/
.ec-secHeading{
    display: flex;
    flex-direction: column;
    align-items: center;
        align-items: center;
    margin-bottom: 2em;
}

.ec-secHeading .ec-secHeading__en {
    font-size: 14px;
}
.ec-secHeading .ec-secHeading__ja{
    font-size: 26px;
    font-weight: bold;
    color: #0e68ab;
}

/***********************
グローバルナビ
***********************/
.ec-headerSearch .ec-headerSearch__category .ec-select select{
    background: #008ec5;
}
.ec-headerSearch .ec-headerSearch__keyword{
    border: 1px solid #008ec5;
}
.ec-categoryNaviRole{
    max-width:100%;
    box-shadow:0px 15px 9px -6px rgb(213 213 213 / 98%);
}
.ec-layoutRole__header{
    position: relative;
    z-index: 1;
}
.ec-itemNav__nav{
    display: flex;
    justify-content: center;
    margin-bottom:10px;
}
.ec-itemNav__nav li{
    width:calc(80%/4);
    border-left: 1px solid #008ec5;
}
.ec-itemNav__nav li:last-child{
    border-right: 1px solid #008ec5;
}

.ec-itemNav__nav li a{
    color:#008ec5;
        padding: 10px;
}
/***********************
メインビジュアル
***********************/
.mv img{
    max-width:100%;
}
/***********************
ニュース
***********************/
.ec-newsRole {
    padding: 60px 0;
}
.ec-newsRole .ec-newsRole__news{
        border: none;
    box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 60%);
    border-radius: 10px;
}

.ec-newsRole .ec-newsRole__newsCloseBtn{
    content: url(https://preventme.online/html/user_data/assets/img/common/icon-arrow-news.png);
    position: absolute;
    top: 50%;
    right: 0;
    background: none;
    border-radius: 0;
    width: auto;
    height: auto;
}

/***********************
ピックアップ（おすすめ商品）
***********************/

.Pickup{
    background: #00a0e812;
    max-width: 100%;
}
.ec-newItemRole{
    max-width:1130px;
    margin:0 auto;
}

.ec-shelfGrid__item dl{
    margin-bottom:0;
}

.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item .item_name{
    margin:.5em 0;
}
.item_price{
    font-size:14px;
}

.Pickup .ec-shelfGrid .ec-shelfGrid__item{
    margin-bottom:0;
}

/***********************
カテゴリー
***********************/
.ec-categoryRole{
    background: none;
}
.ec-categoryRole .ec-categoryRole__list {
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.ec-categoryRole .ec-categoryRole__listItem {
    width: calc(79% / 2);
    margin-right:0!important;
}
/***********************
まも～る
***********************/
.Mamohru{
    background: #00a0e812;
    padding: 3em;
}

.Mamohru .ec-eyecatchRole .ec-eyecatchRole__introTitle{
    color:#0e68ab;
    font-size: 20px;
}

.Mamohru .ec-eyecatchRole .ec-eyecatchRole__introDescription{
    font-weight: bold;
}
.Mamohru .ec-eyecatchRole .ec-eyecatchRole__introDescription:last-child{
    margin-bottom:0;
}

.Mamohru .ec-eyecatchRole{
    align-items: center;
    margin-bottom:0;
}


.Mamohru .ec-eyecatchRole .ec-eyecatchRole__image{
    margin-bottom:0;
}

.Mamohru-about{
    background: #FFF;
    border-radius: 10px;
    padding: 1em;
}

.Mamohru-about .Mamohru-about__list{
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    list-style:none;
    margin-bottom:0;
    padding:0;
}

.Mamohru-about .Mamohru-about__list-item{
    color:#00a0e8;
    font-weight:bold;
    width:calc(40%/3);
}
.Mamohru-about .Mamohru-about__list-item a{
    background: #00a0e8;
    border-radius: 50px;
    color:#FFF;
    display: block;
    padding: 1em;
    position:relative;
    text-align: center;
}
.Mamohru-about .Mamohru-about__list-item a:after{
    content:url(https://preventme.online/html/user_data/assets/img/common/icon-arrow.png);
    position: absolute;
    right: 20px;
}

.Mamohru-about .Mamohru-about__list-item.contact{
    width:40%;
}
.Mamohru-about .Mamohru-about__list-item.contact a{
    background: #f07340;
}

/***********************
フッター
***********************/
.ec-footerRole{
    background: none;
}
.ec-footerNavi{
    color:#111;
}
.ec-footerNavi .ec-footerNavi__link a{
    font-weight: bold;
    text-decoration: none;
}

.ec-footerRole .ec-footerRole__inner img{
    width: auto;
}

.ec-footerTitle{
    padding: 50px 0;
}

.ec-footerTitle .ec-footerTitle__copyright{
    color:#111;
}

/***********************
トップへ戻るボタン
***********************/
.ec-blockTopBtn{
    width: auto;
    height: auto;
    background-color: transparent;
}

/***********************
商品一覧
***********************/

#page_product_list .ec-layoutRole__contents{
    padding-top:3em;
}

.product_page .ec-shelfGrid__item p.ec-shelfGrid__item-title{
    margin:.5em 0;
}

.product_page .ec-shelfGrid__item p.price02-default{
    margin-bottom:.5em;
}

.product_page .ec-shelfGrid__item .ec-productRole__btn a{
    color:#FFF;
}


/***********************
商品詳細
***********************/
#page_product_detail .ec-layoutRole .ec-layoutRole__contents{
    padding-top:7em;
}

.ec-blockBtn--action{
    background:#f07340;
    border:#f07340;
    border-radius: 50px;
}
.ec-blockBtn--cancel{
    background: #00a0e812;
    border: #00a0e812;
    border-radius: 50px;
    color: #00a0e8;
}
.ec-rectHeading h4{
    font-size: 16px;
}
#reviewContent{
    margin-bottom:1em;
}

/***********************
レイアウト調整
***********************/
#page_help_privacy .ec-role,
#page_help_tradelaw .ec-role,
#page_contact .ec-contactRole{
    padding-bottom:3em;
}

/***********************
スマートフォン
***********************/
@media screen and (max-width:480px) {
    .ec-headerTitle .ec-headerTitle__title a{
        margin-bottom:10px;
    }
    .ec-drawerRole.is_active{
        background: #FFF;
    }
    .ec-itemNav__nav{
        display: block;
        margin-bottom:0;
    }
    .ec-itemNav__nav li{
        width: 100%;
    }
    .ec-newsRole .ec-newsRole__newsHeading{
        padding: .1em .5em;
    }
    .ec-newsRole .ec-newsRole__newsCloseBtn{
        top:0;
    }
    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item .item_name{
        font-size:14px;
    }
    .ec-categoryRole .ec-role{
        padding: 0;
    }
    .ec-categoryRole .ec-categoryRole__listItem{
        width:calc(92%/2);
    }
    .ec-newItemRole .ec-newItemRole__listItem{
        margin-bottom:10%;
    }
    /*
    .Pickup .ec-shelfGrid .ec-shelfGrid__item{
        margin-bottom:2em;
    }*/
    .Mamohru{
        padding: 1em;
    }
    .Mamohru .ec-eyecatchRole .ec-eyecatchRole__introTitle{
        font-size:16px;
        margin-top:10px;
    }
    .ec-eyecatchRole .ec-eyecatchRole__introDescription{
        font-size:14px;
    }
    .Mamohru-about {
        margin-top:1em;
    }
    .Mamohru-about .Mamohru-about__list{
        flex-wrap:wrap;
    }
    .Mamohru-about .Mamohru-about__list-item:first-child{
        width:100%;
        margin-bottom: 1em;
        text-align: center;
    }
    .Mamohru-about .Mamohru-about__list-item{
        width:calc(90%/2);
    }
    .Mamohru-about .Mamohru-about__list-item a{
        padding: .5em;
    }
    .Mamohru-about .Mamohru-about__list-item.contact{
        width: 100%;
        margin-top: 1em;
    }
    .ec-footerRole{
        margin-top:0;
    }
    .ec-footerTitle{
        padding:20px 0;
    }
    .product_page .ec-shelfGrid__item p.ec-shelfGrid__item-title{
        font-size:14px;
    }
}