/* カスタマイズ用CSS */
.ec-shelfRole .list_att a{
    color: #1f1f1f;
}
.ec-errorMessage{
    margin-bottom: 25px;
    font-size: 12px;
    font-weight: bold;
    color: #ED5353;
}
.form-header h2{
    margin: 0 0 20px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}
.form-header p{
    margin: 0 0 40px;
    padding: 0;
    text-align: center;
    font-size: 14px;
}
#page_entry .ec-pageHeader h1,
#page_mypage_login .ec-pageHeader h1{
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    line-height: 1;
    text-align: center;
    letter-spacing: 1px;
    margin: 20px 0;
    border: none;
}
.ec-login .ec-login__link{
    font-size: 14px;
}
.ec-login .ec-login__link .fas{
    margin-right: 10px;
    color: #484848;
}
.ec-login .ec-login__link .ec-link{
    text-decoration: underline;
    color: #484848;
}
.ec-categoryRole {
  padding: 40px 0;
  color: black;
  background: #FFFFFF !important; }
.ec-topicpath {color: #222222;}  
/* ボタンの色を統一 */
.ec-itemNav__nav li.btn_pink a {
    background: #666 !important;
    color: #fff;
}
a:hover{
    opacity: .7;
}
.btn:active{
    opacity: .7;
}
.ec-inlineBtn--cancel,
.ec-inlineBtn--action,
.ec-blockBtn--cancel,
.ec-blockBtn--action,
.ec-registerRole .ec-blockBtn--action{
    border-radius: 6px;
}
.btn-info,
.btn-info.active,
.btn-info:hover,
.btn-info.btn:active,
.btn-info.btn:focus{
    border-color: #ccc;
    background: #fff;
    color: #333!important;
    border-radius: 6px;
}
.btn-danger,
.btn-danger:hover{
/*
    color: #fff;
    background-color: #222222 !important;
    border-color: #222222 !important;
*/
    background: #f0f1f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #f0f1f6 0%, #dce0ea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f0f1f6 0%,#dce0ea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f0f1f6 0%,#dce0ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f6', endColorstr='#dce0ea',GradientType=0 ); /* IE6-9 */
    color: #222;
    border-color: #222;
}
.btn-primary,
.btn-primary:hover{
/*
    color: #fff;
    background-color: #C0C0C0 !important;
    border-color: #C0C0C0 !important;
*/
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, #eeeeee 100%);
    background: -webkit-linear-gradient(top, #fefefe 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #fefefe 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 );
    color: #222;
    border-color: #222!important;
}
/* リンクの色を統一 */
.ec-productRole .ec-productRole__category a {
    color: #222222!important;
    text-decoration: underline!important;
}
/* 文字サイズを縮小 */
#page_vt4g_custom_shopping_payment .ec-off1Grid__cell > h2{
    display: none;
}
@media only screen and (min-width: 768px) {
    .sp{
        display: none;
    }
}

.soldout .ec-shelfGrid__item-image{
    position: relative;
}
.soldout .ec-shelfGrid__item-image::before{
    content: "sold out";
    display: inline-block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 46%;
    color: #1f1f1f;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}
.soldout .ec-shelfGrid__item-image::after{
    content: " ";
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: 4px 4px;
    background-color: #ffffff;
    opacity: .65;
}
/*.soldout .ec-shelfGrid__item-image img{
    opacity: .4;
}*/
.ec-searchnavRole__actions .ec-select select{
    height: 28px;
    background: #fff;
}
.ec-searchnavRole__actions .select-wrap::before{
    border-color: #1f1f1f;
}
.ec-searchnavRole__actions .select-wrap::after{
    background: transparent;
}