/* .ec-drawerRole {
    background-image: url('/html/user_data/assets/img/bg_fc_sp_window.jpg');
    background-size: 100%;
}*/
.ec-drawerRole .ec-headerLinkArea {
    background: none;
}
@media only screen and (min-width: 768px){
.ec-headerNaviRole {
    padding-bottom: 0px;
 }
}
.ec-blockBtn--action{
    background-color: #d61b6a;
    border-color: #d61b6a;
}
.ec-inlineBtn--top {
    background-color: #21984c;
    border-color: #21984c;
}
.ec-blockBtn--action:hover{
    background-color: #d61b6aaa;
    border-color: #d61b6aaa;
}
.ec-drawerRole{
    background: #21984c; 
}
/* .ec-layoutRole__header{
    background-image: url('/html/user_data/assets/img/bg_fc_header.jpg');
    background-size: contain;
}*/
.ec-footerRole {
    background: #21984c;
}
/*.ec-layoutRole__footer{
    background-image: url('/html/user_data/assets/img/bg_fc_header.jpg');
    background-size: cover;
}*/
.ec-itemNav__nav li a {
    color: #023f98;
    background: none;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
}
.ec-itemNav__nav > li:hover > a {
    background: #ffffff11;
}
.ec-headerNav .ec-headerNav__itemIcon,
.ec-headerNav .ec-headerNav__itemLink {
    color: #023f98;
}
.ec-secHeading {
    color: #014099;
}
.ec-itemNav__nav li ul li a {
    background: #000000a3;
}
.ec-pageHeader h1 {
    text-align: center;
}
.ec-productRole {
    padding-top: 2em;
}
.ec-headerNaviRole .ec-headerNaviRole__nav {
    position: relative;
    top: -3px;
    right: 8px;
}
.ec-padding-topandbottom{
    margin:1em auto;
    height: 12px;
    width: 100%;
    background-size: auto auto;
    background-color: #ffffff;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(1, 64, 153, 1) 5px, rgba(1, 64, 153, 1) 10px );
}
@media only screen and (max-width: 768px){
    .ec-cartNavi {
    color: white;
    padding: 5px 0 0 0px;
    }
    .ec-categoryRole .ec-categoryRole__listItem {
    width: 45%;
    margin: auto;
    padding-bottom: .5em;
    }
    .block_on_pc{
        display: none;
    }
}
@media only screen and (min-width: 769px){
    .block_on_sp{
        display: none;
    }    
}
.ec-blockBtn--top {
    background-color: #023f98;
    border-color: #023f98;
}
.ec-newsRole .ec-newsRole__newsTitle {
    color: #3062ab;
}


.ec-productRole__description {
    font-size: .9em;
}
.ec-newsRole .ec-newsRole__newsCloseBtn {
    background: #3062ab;
}

.ec-drawerRole .ec-headerCategoryArea .ec-headerCategoryArea__heading {
    color: white;
    background: none;
}
.ec-secHeading .ec-secHeading__ja {
    font-size: 16px;
    vertical-align: 1px;
}
.ec-blockBtn--top:hover {
    color: #023f98;
    background-color: white;
    border-color: #023f98;
}

.ec-inlineBtn {
    color: #fff;
    background-color: #5cb1b1;
    border-color: #5cb1b1;
}

.ec-halfInput input[type='number'] {
    display: inline-block;
    width: 47%;
}

.ec-halfInput input[type='number']::-webkit-inner-spin-button,
.ec-halfInput input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}

@media only screen and (min-width: 768px){
    .ec-itemNav__nav li {
        width: 30%;
        margin: 2rem 1% 0;
    }

    .ec-itemNav__nav p {
        text-align: left;
        font-size: .8em;
    }

    .ec-itemNav__nav li a {
        font-size: 2.3rem;
        padding: 2rem 0;
        margin: 1rem auto;
        border: solid .5px;
        color: #fff;
    }

    .ec-itemNav__nav_other h3 {
        color: #fff;
        height: auto;
        font-size: 2.3rem;
        font-weight: bold;
        line-height: 20px;
        text-decoration: none;
        background: #fff;
        padding: 2rem 0;
        margin: 1rem auto;
        border: solid .5px
    }

    .ec-itemNav__nav li a:hover{
        opacity: .5;
    }
}