/* カスタマイズ用CSS */
body {
   background: url("/online/html/user_data/bg_top.png") top center;
   position:relative;
}
body#page_homepage::before {
    background: url("/online/html/user_data/bg_hd.png") top center repeat-x;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 70%;
    z-index: -1;
}
body#page_homepage::after {
    background: url("/online/html/user_data/bg_about.png") bottom center repeat-x;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70%;
    z-index: -1;
}
.ec-layoutRole  {
	background:none
}
@media screen and (min-width: 769px) {
    header .ec-headerNaviRole .ec-headerNaviRole__right {
        position: relative;
        padding: 10px;
    }
    header .ec-headerNaviRole .ec-headerNaviRole__right::after {
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        width: 72%;
        height: 100%;
        border-radius: 60px;
        background: #FFF;
    }
    header .ec-headerNaviRole .ec-headerNaviRole__right div {
        position: relative;
        z-index: 4;
    }
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
    header .ec-headerNaviRole .ec-headerNaviRole__right::after {
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        width: 57vw;
        height: 100%;
        border-radius: 60px;
        background: #FFF;
    }
}
@media screen and (min-width: 769px) and (max-width: 900px) {
    header .ec-headerNaviRole .ec-headerNaviRole__right::after {
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 60px;
        background: #FFF;
    }
}

.ec-categoryNaviRole .ec-itemNav__nav li a {
    background: none;
}
.ec-categoryNaviRole .ec-itemNav__nav li ul li a {
    background: #253a74;
    
}

.top-news-tibox {
    background: #253a74;
    padding-bottom: 40px;
    padding-top: 40px;
    color: #FFF;
}
.n-t-tl .ec-newItemRole__listItemHeading {
    margin-top: 17px;
}
@media screen and (max-width: 600px) {
    .n-t-tl .ec-newItemRole__listItemHeading {
        margin-top: 0px;
    }
}
.n-t-tl .ec-secHeading__en {
    font-size: 24px;
}
.n-t-tl .ec-secHeading__line {
    display: none;
}
.n-t-tl .ec-secHeading__ja {
    font-size: 15px;
    margin-top: 7px;
}
.n-t-tl .ec-inlineBtn--top {
    background: #c29536;
}

.topcat-box {
    background: #253a74;
}
.topcat-box .ec-secHeading__en {
    color: #FFF;
    font-size: 22px;
}
.topcat-box .ec-secHeading__line {
   display: none; 
}
.topcat-box .ec-secHeading__ja {
    color: #FFF;
}

.top-newsbox {
    margin-bottom:120px;
}
.top-newsbox .ec-secHeading__en {
    font-size: 22px;
}
.top-newsbox .ec-secHeading__line {
    display: none;
}
.top-newsbox .ec-secHeading__ja {
    color: #b70000;
}
.top-newsbox .ec-newsRole__news {
    border: 0px;
    background: #253a74;
    color: #FFF;
}
.top-newsbox .ec-newsRole__newsDate,
.top-newsbox .ec-newsRole__newsTitle,
.top-newsbox .ec-newsRole__newsDescription{
    color: #FFF;
}
@media screen and (max-width: 768px) {
    .top-newsbox .ec-newsRole__news {
        padding: 12px;
    }
}

.top-checkbox .ec-eyecatchRole__introEnTitle {
    color: #b70000;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 17px;
    padding-top: 0;
    margin-top: 0;
}
.tub-tiimg {
    margin-bottom: 26px;
}
.tub-tiimg img {
    width: auto;
    max-width: 100%;
}


.ec-footerRole {
    background: url("/online/html/user_data/bg_ft.png") bottom center;
    background-size: cover;
}
.ec-footerRole .ec-footerRole__inner img {
    display: inline-block;
    max-width: 332px;
}



.ec-blockBtn--action {
    background-color: #253a74;
    border-color: #253a74;
}
.ec-blockBtn--action:hover {
    background-color: #000;
    border-color: #000;
}

.ec-login {
    background: #fff;
}

.ec-cartNaviNull.is-active {
    position: absolute !important;
    right: 0;
    bottom: -105px;
}
.ec-cartNaviNull .ec-cartNaviNull__message {
    background-color: #253a74;
    font-size: 13px;
}

@media screen and (min-width: 1700px) {
    .ec-sliderRole {
        position: relative;
        width: 144% !important;
        max-width: 1640px;
        left: -22%;
    }
}
@media screen and (min-width: 1500px) and (max-width: 1699px) {
    .ec-sliderRole {
        position: relative;
        width: 140% !important;
        max-width: 1540px;
        left: -17%;
    }
}
@media screen and (min-width: 1380px) and (max-width: 1499px) {
    .ec-sliderRole {
        position: relative;
        width: 140% !important;
        max-width: 1340px;
        left: -8%;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1379px) {
    .ec-sliderRole {
        position: relative;
        width: 140% !important;
        max-width: 1200px;
        left: -3%;
    }
}