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

/* 全体のフォント設定 */

body{
    font-family: "GFS Didot", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
    background-color: #fffffd;
}

/* ヘッダースクロール */

.is-fixed .ec-headerNaviRole{
    position: fixed !important;
    background-color: white !important;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 1px 1px 2px #ddd;
    transition-duration: .3s;
}
.is-fixed .ec-headerNavSP ,.is-fixed .ec-cartNavi{
    color: black !important;
}

/* ボタンカラー */
.ec-blockBtn--action {
    background-color: #676767;
    border-color: #000000;
}
.ec-blockBtn--action:hover {
    color: #fff;
    background-color: #b5b5b5;
    border-color: #929292;
}
/* カートメッセージ */
.ec-cartNaviNull .ec-cartNaviNull__message {
    border: 1px solid #ffffff;
    padding: 16px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #727272;
}
.ec-cartNaviNull {
    background: #949494;
    padding: 12px;
}
@media only screen and (min-width: 768px) {
    .ec-cartNaviNull::before {
        border-color: transparent transparent #6d6d6d transparent;
    }
}

/* 下層ページタイトル */
.ec-pageHeader{
    font-family: 'Didot', sans-serif;
    text-align: center;
}

/* Fade関連 */
.fadein{
    opacity : 0;
    transform : translate(0, 0);
    transition:all 2s;
}
.fadestart{
    opacity : 0;
    transform : translate(0, 0);
    transition:all 2s;
}
.fadestart.scrollin{
    opacity : 1;
    transform : translate(0, 0);
    transition-delay: 200ms;
}
.fadein.scrollin{
    opacity : 1;
    transform : translate(0, 10px);
    transition-delay: 200ms;
}

/* 関連商品 */
.ec-shelfGrid__item dl{
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: .6rem;
}
.ec-shelfGrid__item dl dt{
    font-weight: normal;    
}