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

/* 共通 */
.pc {
    display: none;
}
.pc_in {
    display: none;
}
.sp {
    display: block;
}
.content img {
    width: 100%;
}
.toptitle img {
    width: 100%;
}
.block {
    padding: 40px 20px;
}
.block.mt0 {
    padding-top: 0;
}
.red {
    color: #f00;
}

@media only screen and (min-width: 768px) {
    .pc {
        display: block;
    }
    .pc_in {
        display: inline-block;
    }
    .sp {
        display: none;
    }
}

/* フッター */
.ec-footerRole {
    background-color: #abd87a;
    border-top: none;
}
.ec-footerTitle {
    padding: 15px 0;
}
.ec-footerTitle .ec-footerTitle__logo {
    margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
    .ec-footerTitle {
        padding: 20px 0;
    }
}
/* ページトップボタン */
.ec-blockTopBtn {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background-color: #d5eabd;
    background-image: url('../../assets/img/common/pagetop.svg');
}

/* トップ画像 */
.ec-headerNaviRole {
    padding-bottom: 15px;
}
.ec-headerRole {
    padding-top: 0;
}

/* おすすめ商品 */
.ec-shelfGrid {
    margin: 0;
}
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd),
.ec-shelfGrid .ec-shelfGrid__item:not(:last-of-type) {
    padding: 0;
}
.ec-shelfGrid .ec-shelfGrid__item {
    width: calc(100% / 2);
    margin-bottom: 10px;
}
.ec-shelfRole {
    padding: 0;
}
@media only screen and (min-width: 768px) {
    .ec-shelfGrid {
        margin: 0;
    }
    .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd),
    .ec-shelfGrid .ec-shelfGrid__item:not(:last-of-type) {
        padding: 0 15px;
    }
    .ec-shelfGrid .ec-shelfGrid__item {
        width: calc(100% / 3);
    }
}

/* お知らせ */
.ec-role, .ec-newsRole {
    padding: 0;
}
.ec-newsRole .ec-newsRole__news {
    border: none;
    padding: 0 20px;
}
.ec-newsRole .ec-newsRole__newsItem:not(:last-of-type),
.ec-newsRole .ec-newsRole__newsItem:last-of-type{
    border-bottom: 1px dashed #ddd;
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
    background: #a0be7d;
}
.ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription {
    margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
    .ec-newsRole .ec-newsRole__news {
        border: none;
        padding: 0 20px;
    }
    .ec-newsRole {
        padding: 0;
    }
    
    .ec-newsRole .ec-newsRole__newsItem:not(:last-of-type),
    .ec-newsRole .ec-newsRole__newsItem:last-of-type {
        border-bottom: 1px dashed #ddd;
    }
    .ec-newsRole__newsItem.is_active .ec-newsRole__newsDescription,
    .ec-newsRole .ec-newsRole__newsDescription {
        margin: 10px 0 0;
    }
}

/* 当サイトについて */
.ec-borderedDefs dl {
    padding: 10px 0 0;
}
@media only screen and (min-width: 768px) {
    .ec-borderedDefs dl {
        padding: 5px 0;
    }
}

/* カテゴリトップ */
.cate_img img {
    width: 100%;
    margin-top: -45px;
}
.cate_meyasu {
    text-align: center;
    font-weight: bold;
    font-size: 3vmin;
    margin-top: -5vmin;
    margin-bottom: 3vmin;
    color: #f00;
}
@media only screen and (min-width: 768px) {
    .cate_meyasu {
        font-size: 150%;
        margin-top: -30px;
        margin-bottom: 0;
    }
}

/* 商品一覧 */
.ec-shelfGrid .ec-shelfGrid__item:nth-child(odd),
.ec-shelfGrid .ec-shelfGrid__item:not(:last-of-type),
.ec-shelfGrid .ec-shelfGrid__item:nth-child(even) {
    padding: 5px;
}
@media only screen and (min-width: 768px) {
    .ec-shelfGrid .ec-shelfGrid__item:nth-child(even),
    .ec-shelfGrid .ec-shelfGrid__item:nth-child(odd) {
        padding: 0 5px;
    }
}

/* 商品詳細ページ */
.ec-productRole .ec-productRole__category {
    margin-bottom: 14px;
}
@media only screen and (min-width: 768px) {
    .ec-productRole .ec-productRole__btn {
        width: 100%;
    }
}

/* 購入時ログイン */
.ec-grid3 .ec-grid3__cell2 {
    width: 100%;
}

/* 通常ログイン */
@media only screen and (min-width: 768px) {
    .ec-off2Grid .ec-off2Grid__cell {
        width: 100%;
        margin-left: 0;
    }
}

/* 注文完了画面 */
@media only screen and (min-width: 768px) {
    .ec-off3Grid .ec-off3Grid__cell {
        width: 90%;
        margin-left: 5%;
    }
}

/* 注文画面 */
.ec-cartRole .ec-cartRole__actions {
    margin-bottom: 20px;
}