@charset "utf-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");

/* common css start */
body{
    font-family: 'Source Han Sans JP',Meiryo, sans-serif;
    color: #3E3E3E;
}
.mdi-eye-off{
    background-image:url("/html/template/default/assets/img/common/hide_password.png");
    background-size: 100%; 
    background-repeat:no-repeat;
    background-position:center center;
    margin-right: 10px;
}
.mdi-eye-on{
    background-image:url("/html/template/default/assets/img/common/show_password.png");
    background-size: 100%; 
    background-repeat:no-repeat;
    background-position:center center;
    margin-right: 10px;
}
*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: #333;
}
a:hover{
    cursor: pointer;
    opacity: 0.6;
}
.img{
    display: block;
    width: 100%;
}
ul,ol,li{
    list-style: none;
}
input,button,select,option{
    outline: none;
    border: none;
}
h1,h2,h3{
    font-weight: bold;
}
b,br,strong,span{
    font-weight: normal;
}
.clear::after{
    content:""; 
    display:block; 
    clear:both; 
    height:0; 
    overflow:hidden;
    visibility:hidden; 
    zoom: 1;
}

.ec-guest .ec-guest__actions{
    color: #3e3e3e;
}


/* common css end */
.sliderBar-tab{
    display: none;
}
/* PC css start */
@media screen and (min-width:769px){
    .sp{
        display: none;
    }
    .pc{
        display: block;
    }
    /* PC start common header */
    .addlinkText h2 {
        background: #f2f2f2;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 20px;
    }
    #header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 12px 8%;
        font-size: 14px;
    } 
    #header .header-nav li{
        display: inline-block;
        margin-right: 37px;
    } 
    #header .header-nav li:nth-of-type(4){
        background: #F8F8F8;
        border-radius: 25px;
        height: 32px;
        padding: 0 20px;
    }
    #header .header-nav li:nth-of-type(4) span{
        display: inline-block;
        background: #DE5D50;
        color: #fff;
        font-size: 12px;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
    }    
    #header .header-nav li a>i{
        margin-right: 12px;
    }
    /* PC end common header */
    
    /* PC start banner */
    #banner{
        overflow: hidden;
    }
    /* PC end banner */
    
    /* PC start content */
    /* #content{
        padding: 30px 8% 73px;
        position: relative;
    }*/
    h1{
        line-height: 21px;
        border: 1px solid #B1B1B1;
        border-left: none;
        border-right: none;
        padding: 22px 0;
        margin: 26px 0 10px;
        font-size: 16px;
        color:#333;
    }
    .left-navList{
        position: absolute;
        width: 270px;
    }
    #content .main-content{
        margin-left: 290px; 
    }
    
    /* PC research */
    .left-navList .research{
        border: 1px solid #B1B1B1;
        border-radius: 25px;
        display: flex;
        align-items: center;
    }
    .left-navList .research .select{
        background: #3E3E3E;
        padding: 8px;
        border-radius: 25px 0 0 25px;
        width: 40%;
    }
    #content .left-navList .research select{
        color: #fff;
        font-size: 12px;
        padding: 8px 8px;
        width: 100%;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url('../img/img_selection.png') right center no-repeat;
        -webkit-background-size: 10px 8px;
        -moz-background-size: 10px 8px;
        background-size: 10px 8px;
    }
    #content .left-navList .research select>option{
        margin-left: 35px;
        background: #fff;
        color: #3E3E3E;
        border-radius: 25px 0 0 25px;
    }
    #content .left-navList .research select>i{
        margin-left: 35px;
    }
    #content .left-navList .research input{
        color: #000;
        font-size: 12px;
        padding: 8px 10px;
        border-radius: 0 25px 25px 0;
        width: 100px;
        color: #B1B1B1;
    } 
    
    /* PC Category list */
    #content .left-navList .navList>h3{
        line-height: 19px;
        background: #F0F0F0;
        font-size: 14px;
        font-weight: normal;
        display: flex;
        justify-content: space-between;
        padding: 12px 20px;
        font-size: 14px;
    }
    #content .left-navList .navList .navList-list>li:hover{
        background: #F0F0F0;
    }
    .navList .navList-features>li{
        padding: 12px 20px !important;
        font-size: 14px;
        display: flex;
        align-items: center;
        font-weight: normal;
    }
    .navList .navList-features>li:hover {
        background: #F0F0F0;
    }
    .navList .navList-features li>a>i{
        margin-right: 18px;
    }
    .ec-layoutRole__left .navList{
        margin-top:30px;
    }
    /* PC Recommended products */
    #content .right-shopList{
        margin-left: 290px;
    }
    .right-shopList .shopList-advs p:last-child{
        margin-top: 24px;
    }
    #content .right-shopList .shopList-list{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 72px;
    }
    #content .right-shopList .shopList-list li{
        width: 31%;
        margin-right: 28px;
        font-size: 16px;
        line-height: 21px;
    }
    #content .right-shopList .shopList-list li:nth-child(3n){
        margin-right: 0;
    }
    /* PC end content */
    
    /* PC start news */
    #news{
        margin: 30px 8% 73px;
        padding-left: 290px;
    }
    #news .shopList-news li{
        padding: 22px 11px 0;
        font-size: 14px;
    }
    #news .shopList-news li>div{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #news .shopList-news li>ul{
        display: none;
    }
    #news .shopList-news li div div>p{
        display: inline-block;
        margin-left: 40px;
    }
    /* PC end news */
    
    /* PC Top button */
    #topButton{
        text-align: center;
        margin: 48px 0 41px;
    }
    #topButton>button{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #707070;
        background: #3E3E3E;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }
    .ec-blockTopBtn{
        display:block;
        background-color: #000;
        border: 2px solid #777777;
        border-radius: 30px;
        opacity: 0.6;
    }
    /* PC Top button */
    
    /* PC start Privacy Policy */
    .privacy-content{
        font-size: 16px;
        line-height: 30px;
        font-family: "Source Han Sans JP";
    }
    .privacy-content>h1{
        margin-top: 0;
    }
    .privacy-content h1+p{
        margin: 17px 0 33px 28px;
    }
    .privacy-content li{
        padding-left: 18px;
    }
    .privacy-content ul{
        margin-bottom: 33px;
    }
    .privacyPolicy li span{
        display: inline-block;
        width: 20%;
    }
    .privacyPolicy li p{
        display: inline-block;
        width: 60%;
    }
    .privacy-content .payImg{
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }
    .privacy-content .payList a{
        text-decoration: underline;
    }
    .privacy-content .textPay{
        color: #337AB7;
        text-decoration: underline;
        font-weight: bold;
    }
    .privacy-content .ec-heading-bold {
        margin-top:40px !important; 
        font-size: 16px;
        border-left: 4px solid #f1f1f1;
        padding-left: 20px;
    }
    /* PC end Privacy Policy */
    
    /* PC start about us */
    .aboutUs-content{
        margin-bottom: 400px;
    }
    .aboutUs-content>h1{
        margin-bottom: 20px;
    }
    .aboutUs-content h1+p{
        margin: 17px 0 33px 28px;
        line-height: 24px;
        font-family: "Source Han Sans JP";
    }
    .aboutUs{
        margin: 27px 0 0 10px;
    }
    .aboutUs li{
        padding: 18px;
        border-top: 1px dotted #ccc;
        font-size: 14px;
    }
    .aboutUs li:last-child{
        border-bottom: 1px dotted #ccc;
    }
    .aboutUs li span{
        display: inline-block;
        width: 20%;
    }
    .aboutUs li p{
        display: inline-block;
        width: 60%;
    }
    .aboutUs li a{
        text-decoration: underline;
    }
    /* PC end about us */
    
    /* PC start law-comments */
    .law-content>h1{
        margin-top: 0;
    }
    .law-comments{
        margin-top: 27px;
    }
    .law-comments li{
        padding: 18px 32px;
        border-top: 1px dotted #ccc;
        display: flex;
    }
    .law-comments li:last-child{
        border-bottom: 1px dotted #ccc;
    }
    .law-comments li>span{
        display: block;
        width: 38%;
        margin: 0;
    }
    .law-comments li p{
        width: 62%;
    }
    .law-comments li div{
        width: 62%;
    }
    .law-comments li div>p{
        width: 100%;
    }
    /* PC end law-comments */
    
    /* PC start common footer */
    #footer{
        text-align: center;
        background: #F8F8F8;
        padding-top: 50px;
        margin-top:60px;
    }

    #footer .footImg{
        margin-top: 40px;
    }
    #footer .footImg>div img{
        display:block;
        width:100%;
    }
    #footer .footImg>div{
        width: 170px;
        margin-left: 50%;
        transform: translateX(-50%);  
        -webkit-transform: translateX(-50%);  
        -moz-transform: translateX(-50%);  
    }
    #footer .footImg>p{
        font-size: 12px;
        color: #B2B2B2;
        padding: 24px 0 20px;
    }
    .navFooter{

        border: 1px solid #ccc;
        border-color: #ccc transparent #ccc transparent;
        margin: 0 auto;
        max-width: 1130px; 
    }  
    .navFooter .navFooter-list{
        padding: 12px 10px 0px;
    }       

    .navFooter .navFooter-list li{
        margin: 10px 0;
        display:inline-block; 
        font-size: 14px; 
    }     
    .navFooter .navFooter-list li a{
        display: block;
        display: flex;
        align-items: center;
    }
    .navFooter .navFooter-list li a i{
        margin-right: 10px;
    }
    /* PC end common footer */
    
    /* start change */
    .ec-headerSearch .ec-headerSearch__category .ec-select.ec-select_search::before {
        top: 1em; 
    }

    
     .ec-headerNaviRole {
 /*       margin: 0 8%; */
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.4;
        color: #525263;
        -webkit-text-size-adjust: 100%;
        width: auto;
        /* max-width: 1130px; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 10px;
    }
    .ec-headerNaviRole .ec-headerNaviRole__left .header-img{
        margin-left:0 !important;
        width: 124px;
        height: 44px;
    }
    .ec-headerNaviRole .ec-headerNaviRole__right {
        /* width: calc(100% * 2 / 3); */
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 80%;
    }
    .ec-blockBtn--action {
        border: none;
        
    }
    
    
    .ec-blockBtn--cancel{
        border: none;
    }
    .ec-sliderItemRole{
        padding-left:0px;
    } 
    .ec-searchnavRole .ec-searchnavRole__infos {
        border-top: none;
    }
    .ec-topicpath{
        line-height: 21px;
        border: 1px solid #B1B1B1;
        border-left: none;
        border-right: none;
        padding: 22px 0;
        margin: 26px 0 10px;
        font-size: 16px;
    }
    .ec-shelfGrid .ec-shelfGrid__item {
        padding: 0 16px;
        width: 33%;
    }
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        display: block;
        width: 270px;
    } 
    .ec-headerNaviRole .ec-layoutRole__header{
        padding-bottom: 20px;
    }
    .ec-headerNaviRole .ec-headerNaviRole__left {
        width: calc(100% / 3);

    }
    .ec-headerNaviRole {
        padding-bottom: 4px;
        padding-top: 4px;   
    }
    
    .ec-headerSearch .ec-headerSearch__keyword {
        box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
    }
    .navList .navList-list>li:hover{
        background: #F0F0F0;
    }
    .navList-list{
        margin: 16px 0;
    }
    .navList-features{
        margin: 16px 0;
    }
    .ec-productRole__actions .ec-numberInput{
        margin-top: 16px;
    }
    .slick-slider {
        margin-bottom: 30px;
        /*  border: 1px solid #B1B1B1;*/
    }
    .ec-sliderItemRole .slideThumb {
        margin-bottom: 25px;
        width: 10%;
        margin-right: 12px;
        opacity: .8;
        cursor: pointer;
        border: 1px solid #B1B1B1;
    }
    .ec-headerSearch .ec-headerSearch__keyword .ec-icon {
        width: 18px;
        height: 18px;
    }
    .ec-headerSearch .ec-headerSearch__keyword input[type="search"] {
        padding: 0 0 0 10px;
    }
    .ec-sliderItemRole .slideThumb img {
        width: 100%; 
    }
    .ec-layoutRole__mainTop .shopList-advs{
        /*background: #ED1C1C;
        color: #fff;
        font-size: 14px;
        line-height: 19px;
        padding: 14px 11px;
        margin-left: 20px;
        width: 91.5%;*/
        font-size: 14px;
        line-height: 19px;
        margin: 16px 20px 0;
        padding: 14px 11px;
        /* margin-left: 20px;
        width: 91.5%; */
        border: 2px dotted #F8B51D;
        position: relative;
        text-align: center;
    }
    .ec-layoutRole__mainTop .shopList-advs span{
        display: block;
        font-weight: bold;
        position: absolute;
        top: -16px;
        left: 22%;
        background: #F8B51D;
        height: 29px;
        line-height: 29px;
        border-radius: 15px;
        width: 56%;
        color: #fff;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-link{
        color: #FF0000;
        display: block;
        padding: 14px;
        text-decoration: underline;
        background: #FEF1D4;
        margin: 6px 0 4px;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-text{
        background: #FEF1D4;
        padding: 12px;
        line-height: 24px;
    }

    .ec-layoutRole__mainTop .shopList-advs .advs-text p:last-child{
        margin-top: 14px;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-text a{
        color: #337AB7;
        text-decoration: underline;
        font-weight: bold;
    }

    .dealSlider{
        margin-bottom: 20px;
    }


    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item .item_name,.item_price{
        margin-top: 9px;
    }
    /*.ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item .ec-shelfGrid__item-image~p{
        font-size: 14px;
        font-weight: bold;
        line-height: 36px;
    }*/

    .ec-newsRole {
        padding: 10px 0 0;
    }
    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item a p{
        font-size: 16px;
        font-weight: bold;

    }
    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item a .price02-default{
        font-size: 16px;
        font-weight: normal;

    }

    .ec-mypageRole .ec-pageHeader h1 {
        margin: 10px 0 48px;
        padding: 18px 0 18px;
    }

    .ec-off3Grid .ec-off3Grid__cell>div>.ec-icon{
        display: flex;
        justify-content: center;
    }

    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item .price02-default{
        margin-top: 9px;
    }
    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item img~p{
        font-weight: bold;
        line-height: 36px;
    }
    .ec-shelfGrid .ec-shelfGrid__item {
        padding: 0 16px;
        width: 33%;
    }
    
    .ec-shelfGrid .ec-shelfGrid__item-image {
        height: auto !important;
    }
    .ec-productRole .ec-productRole__description {
        font-size: 16px;
        line-height: 30px;
    }
    #content {
        padding: 0
    }
    .ec-shelfRole{
        margin:20px auto 0;
    }
    
    .ec-newsRole .ec-newsRole__newsTitle {
        color: #3E3E3E;
    }
    /* .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        display: block;
        width: 25%;
    } */
    .ec-layoutRole .ec-layoutRole__header{
        margin-bottom: 10px;
    }
    /* PC start blog news*/
    .ec-layoutRole__mainWithColumn .blogContent{
        margin-left: 20px;
    }
    .ec-layoutRole__mainWithColumn .blogContent>h1{
        margin-top: 0;
    }
    .ec-cartNavi {
        background: #fff;
    }
    .ec-borderedDefs dl dd .discText{
        margin-left: 20px;
     }
     .ec-borderedDefs dl dd .discText li{
       list-style: disc;
     }

    .ec-cartNavi a:hover {
        text-decoration:none;
    }
    /* PC end blog news*/
    .main_visual img{
        display: block;
        width: 100%;
    }

    .law-content .ec-off1Grid p a{
        color: #337AB7;
        text-decoration: underline;
        font-weight: bold;
    }
    

    /* end change */
    
    /*20210125 start */
    .ec-cartNaviWrap .ec-cartNaviWrap .ec-cartNaviIsset__cart .ec-cartNaviIsset__cartContent .ec-cartNaviIsset__cartContentNumber .btn{
        width: 20px;
        height: 20px;
        display: block;
    }
    .ec-cartNavi .ec-cartNavi__icon {
        font-size: 16px;
    }
    .ec-cartNavi {
         display: flex;
         justify-content: space-between;
         align-items: center;
         padding: 12px 17px 8px; 
    }

    .ec-cartNaviWrap .ec-cartNaviWrap .ec-cartNaviIsset__cart .ec-cartNaviIsset__cartContent .ec-cartNaviIsset__cartContentNumber .btn .div1{
        width: 20px;
        height: 100px;
        background-color: pink;
        display: none;
    }
    .ec-cartNaviWrap .ec-cartNaviWrap .ec-cartNaviIsset__cart .ec-cartNaviIsset__cartContent .ec-cartNaviIsset__cartContentNumber .is-active{
        display: block;
    }
    .ec-cartNaviWrap .ec-cartNaviWrap .ec-cartNaviIsset__cart .ec-cartNaviIsset__cartContent .ec-cartNaviIsset__cartContentNumber .btn .aa .myinput{
        height: 20px;
        width: 20px;
    }
    .ec-cartNaviWrap .ec-cartNaviWrap .ec-cartNaviIsset__cart .ec-cartNaviIsset__cartContent .ec-cartNaviIsset__cartContentNumber .not-active{
        display: none;
    }
    .ec-cartNaviWrap .ec-cartNaviWrap .ec-cartNaviIsset__cart .ec-cartNaviIsset__cartContent .ec-cartNaviIsset__cartContentNumber .btn .aa{
        width: 50px;
        height: 20px;
    }

    /* leftmenu changestart */
    .sliderNav {
        color: rgb(233, 233, 233);
    }
    .sliderNav ul {
        list-style: none;
        float: left;
    }
    .sliderNav ul li {
        width: 270px;
        height: 44px;
        line-height: 44px;
        position: relative;
    }

    .sliderNav .sliderNav-list li ul{
        box-shadow: 2px 2px 3px 3px #ccc; 
    }
    .sliderNav ul li a{
        display: block;
        position: absolute;
        top: 0;
        left: 20px;
        text-decoration: none;
    }
    .sliderNav ul li:hover {
        background-color: #f0f0f0;
        transition: background-color .5s;
    }
    .sliderNav ul li p{
        margin-right: 100px;
    }
    .sliderNav ul li p,i{
        display: inline-block;
    }
    .sliderNav ul {
        display: none;
    }
    .sliderNav ul.first {
        display: block;
    }
    .sliderNav-list ul{
        background:#FFF
        }
        .sliderNav-list ul{
            background:#FFF;
            }
    .sliderNav .relative {
        position:relative;
        top: 0;
        left: 0;
        z-index: 999; 
    }
    .sliderNav .absolute {
        position: absolute;
        left: 0;
        top: 0;
    }
    .sliderNav .show {
        display: block;
    }
    .sliderNav .hide {
        display: none;
    }
    /* leftmenu changeend */

    /*20210125 end */

    /* サイト「ご利用ガイド」ページ作成 */
    .addLink{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 24px 0;
    }
    .addLink li{
        width: 25%;
        padding-left: 0;
        margin-right: 10px;
    }
    .addLink li:last-of-type{
        margin-right:0;
    }
    .addLink li a{
        display: block;
        background: #f4fafc;
        border:4px solid #f1f1f1;
        padding: 12px 10px;
    }
    .addLink li a i{
        margin-right: 14px;
    }
    .addContent h2{
        background: #f2f2f2;
        height:40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 20px;
    }
    .noteDrop li>p{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        border-bottom: 2px solid #d1ebf4;
    }
    .noteDrop li div{
        background: #f4fafc;
        margin-top: 20px;
        padding: 10px;
        display: none;
    }
    .noteDrop li div p{
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .noteDrop li>p span{
        font-weight: bold;
    }
}

/* SP */
@media screen and (max-width:767px){

    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    .ec-layoutRole__header .navList {
        display: none;
    }

    /* SP common header */
    #header{
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin: 10px 0;
    }
    #header .header-img{
        width: 114px;
    }
    #header .header-nav li{
        float: left;
        font-size: 20px;
        margin-right: 20px;
    }
    
    /* sp box */
    .body-hidden{
        overflow: hidden;
    }
    #sp-box{
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        height: 100%;
        width: 80%;
        background: #EBEBEB;
        display: none;
    }
    #sp-box .research{
        border: 1px solid #B1B1B1;
        border-radius: 15px;
        margin: 10px 8px 15px;
    }
    #sp-box .research .select{
        border: 1px solid #B1B1B1;
        display: flex;
        border-radius: 15px 15px 0 0;
        background: #3E3E3E;
        width: 87%;
        color: #fff;
        margin: 0 8px;
        padding: 0 10px;
    }
    #sp-box  .research .select select{
        cursor: pointer;
        padding: 0 10px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: #3E3E3E;
        color: #fff;
        font-size: 16px;
        padding: 8px 0;
        width: 100%;
        height: 42px;
        border-radius: 15px 15px 0 0;
        background: url('../img/img_selection.png') right center no-repeat;
        background-size: 14px 10px;
    }
    #sp-box  .research select>option{
        background: #fff;
        color: #3E3E3E;
    }
    #sp-box  .research select>i{
        margin-left: 35px;
        font-size: 24px;
        color: #fff;
    }
    #sp-box  .research>div{
        font-size: 16px;
        height: 42px;
        border-radius: 0 0 15px 15px;
        border: 1px solid #B1B1B1;
        margin: 0 8px;
        width: 94%;
        background: #fff;
        border-top: none;
    }
    #sp-box  .research>div>input{
        width: 78%;
        height: 42px;
        margin: 0 16px;
        border-radius: 0 0 15px 15px;
    }
    #sp-box .navList>h3{
        line-height: 19px;
        background: #F0F0F0;
        font-size: 14px;
        text-align: justify;
        font-weight: normal;
        padding: 12px 20px;
    }
    #sp-box .navList .navList-list>li{
        display: flex; 
        justify-content: space-between;
        align-items: center;
        margin-top: 6px;
        padding: 11px 16px;
        font-size: 14px;
        line-height: 19px;
        background: #fff;
    }
    #sp-box .navList .header-nav li a{
        padding: 12px 33px;
        font-size: 14px;
        color: #fff;
        background: #000;
        display: block;
        border-top: 1px solid #707070;
    }
    #sp-box .navList .header-nav li a>i{
        padding-right: 33px;
        display: inline-block;
    }

    .ec-sliderRole .dealSlider div{
        overflow: hidden;
    }
 /*   .ec-sliderRole .dealSlider div img {
        display: block;
        width: 100%;
        height: 227px;
        object-fit: cover; 
    }*/

    /* SP common header */
    
    /* SP content */
    h1{
        line-height: 21px;
        border: 1px solid #B1B1B1;
        border-left: none;
        border-right: none;
        padding: 22px 0;
        margin: 26px 0 10px;
        font-size: 16px;
        text-align: left;
    }
    /* #content{
        display: flex;
        flex-direction: column-reverse;
        margin: 12px 4%;
    } */
    
    /* SP Recommended products */
    #content .right-shopList{
        text-align: center;
    }
    #content .right-shopList .shopList-list{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    #content .right-shopList .shopList-list li{
        width: 45%;
        margin-right: 22px;
    }
    #content .right-shopList .shopList-list li:nth-child(2n){
        margin-right: 0;
    }
    #content .right-shopList .shopList-list li h4{
        font-size: 14px;
        margin: 9px 0 4px;
    }
    #content .right-shopList .shopList-list li span{
        font-size: 12px;
        line-height: 16px;
        margin: 9px 0 4px;
    }
    #content .right-shopList .shopList-list li:hover h4{
        background: #333;
    }
    /* SP research*/
    #content .left-navList{
        margin: 85px 0 0;
    }
    .left-navList .research{
        border: 1px solid #B1B1B1;
        border-radius: 25px;
        display: flex;
        align-items: center;
        margin-bottom: -14px;
        margin: 0 10%;
    }
    .left-navList .research .select{
        background: #3E3E3E;
        border-radius: 25px 0 0 25px;
        padding: 0 10px;
        width: 40%;
    }
    .left-navList .research .select{
        background: #3E3E3E;
        color: #fff;
        padding: 8px 0;
        font-size: 12px;
        border-radius: 25px 0 0 25px;
        width: 100%;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        background: url('../img/img_selection.png') right center no-repeat;
        background-size: 10px 8px;
    }
    .left-navList .research select>option{
        margin-left: 35px;
        background: #fff;
        color: #3E3E3E;
        border-radius: 25px 0 0 25px;
    }
    .left-navList .research select>i{
        margin-left: 35px;
    }
    .left-navList .research>div{
        font-size: 12px;
    }
    .left-navList .research>div>input{
        width: 110px;
    }
    
    /* SP Category list*/
    .left-navList .navList>h3{
        line-height: 19px;
        background: #F0F0F0;
        font-size: 14px;
        text-align: justify;
        font-weight: normal;
        padding: 12px 20px;
    }
    .left-navList .navList .navList-list>li a{
        display: flex; 
        justify-content: space-between;
        align-items: center;

        padding: 0 29px;
        font-size: 14px;
        line-height: 19px;
    }
    .left-navList .navList .navList-features{
        margin-bottom: 47px;
    }
    .left-navList>.navList>.navList-features>h2{
        margin-top: 32px; 
        padding: 0 29px;
        font-size: 14px;
    }
    .left-navList .navList .navList-features h2 a{
        display: flex;
        align-items: center;
        font-weight: normal;
    }
    .left-navList .navList .navList-features h2 a p{
        margin-bottom:0px;
    }
    .left-navList .navList .navList-features h2 a i{
        margin-right: 18px;
    }
    /* SP css content */
    
    /* SP news */
    #news{
        margin: 0 4%;
    }
    #news h1>span{
        font-size: 14px;
    }
    #news .shopList-news li{
        margin-top: 20px;
    }
    #news .shopList-news li div{
        padding: 10px 0 0;
        font-size: 14px;
    }
    #news .shopList-news li div span{
        display: block;
        font-size: 12px;
    }
    #news .shopList-news li>p{
        margin-left: 40px;
        display: block;
    }
    #news .shopList-news li div div{
        display: flex;
        justify-content: space-between;
        font-size: 14px;
    }
    #news .shopList-news li p{
        font-size: 14px;
        margin-right: 20px;
        text-align: justify;
    }
    #news .shopList-news li ul{
        display: none;
        font-size: 14px;
        margin-left: 10px;
    }
    #news .shopList-news li>a:hover{
        text-decoration: underline;
    }
    /* SP news */
    
    /* SP Top button */
    #topButton{
        text-align: center;
        margin: 48px 0 41px;
    }
    #topButton>button{
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #707070;
        background: #3E3E3E;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
    }
    /* SP Top button */
    
    /* SP start Privacy Policy */
    .privacy-content{
        font-size: 14px;
        line-height: 24px;
        font-family: "Source Han Sans JP";
        text-align: justify;
    }
    .privacy-content>h1{
        margin-top: 0;
    }
    .privacy-content h1~p{
        margin: 20px 0;
    }
    .addlinkText h2 {
        background: #f2f2f2;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 20px;
    }
    .privacy-content ul{
        padding: 10px 18px 30px;
    }
    .privacy-content .payImg{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }
    .privacy-content .payImg li{
        margin-right: 10px;
        margin-bottom: 10px;

    }
    .privacy-content .payList a{
        text-decoration: underline;
    }
    .privacyPolicy li span{
        display: inline-block;
        width: 20%;
    }
    .privacyPolicy li p{
        display: inline-block;
        width: 60%;
    }
    .privacy-content .textPay{
        color: #337AB7;
        text-decoration: underline;
        font-weight: bold;
    }
    .privacy-content .addlinkText + p +.ec-heading-bold {
        font-size: 16px;
        border-left: 4px solid #f1f1f1;
        padding-left: 20px;
    }
    .ec-heading-bold {
        margin-top:40px !important; 
        font-size: 16px;
        border-left: 4px solid #f1f1f1;
        padding-left: 20px;
    }
    /* SP end Privacy Policy */
    
    /* SP start about us */
    .aboutUs-content{
        margin-bottom: -20px;
    }
    .aboutUs-content>h1{
        margin-top: 0;
    }
    .aboutUs-content h1~p{
        margin: 17px 0 33px;
        line-height: 24px;
        font-family: "Source Han Sans JP";
        font-size: 14px;
    }
    .aboutUs{
        margin-top: 27px;
    }
    .aboutUs li{
        padding: 18px 16px;
        border-top: 1px dotted #ccc;
        font-size: 14px;
    }
    .aboutUs li:last-child{
        border-bottom: 1px dotted #ccc;
        vertical-align: top;
    }
    .aboutUs li span{
        display: inline-table;
        width: 20%;
    }
    .aboutUs li p{
        display: inline-table;
        width: 76%;
    }
    .aboutUs li a{
        text-decoration: underline;
    }
    /* SP end about us */
    
    /* SP start law-comments */
    .law-content{
        margin-bottom: 40px;
    }
    .law-content>h1{
        margin-top: 0;
    }
    .law-comments{
        margin-top: 27px;
    }
    .law-comments li{
        padding: 18px 10px;
        border-top: 1px dotted #ccc;
        font-size: 14px;
        display: flex;
    }
    .law-comments li:last-child{
        border-bottom: 1px dotted #ccc;
    }
    .law-comments li>span{
        display: block;
        width: 38%;
        margin: 0;
    }
    .law-comments li p{
        width: 62%;
    }

    .law-comments li div{
        width: 62%;
    }
    .law-comments li div>p{
        width: 100%;
    }
    /* SP end law-comments */
    /* SP common footer */
    #footer{
        background: #F8F8F8;
        padding-top: 25px;
        margin-top:100px;
    }
    #footer .footImg>div {
        width: 170px;
        margin-left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }
    #footer .footImg p{
        font-size: 12px;
        line-height: 16px;
        color: #B2B2B2;
        padding: 24px 0 27px;
        text-align: center;
    }


    /* SP common footer */
    
    .navList {
        color: #333;
    }


    .navList .navList-list li{
        padding: 8px 6px; 
    }
    .navList.spfirst{
        display: block;
    }
    .navList .spshow {
        display: block;
    }
    .navList .sphide {
        display: none;
    }
    .navList .navList-list li ul{
        display: none;
        width: 200px;
    }
    .navList .navList-list li div{
        display: none;
    }
    .navList .navList-list li div>div{
         margin-left: 20px;
    }
    .navList .navList-list li span{
        display: block;

    }
    .navList .navList-list li a{
       display: block;
    }
    .navList .navList-list li a p,i{
        display: inline-block;
    }
    .navList .navListNav li i{
        margin-left: 100px;
    }
    .navList .navList-list li:hover {
        background-color: #f0f0f0;
        transition: background-color .5s;
    }

    .ec-cartNavi .ec-cartNavi__icon {
        font-size: 16px;
    }

    .ec-cartNavi {
        padding: 5px 0 0 20px;
    }
    /* start change */


    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item a p{
        font-weight: bold;
        font-size: 14px;
    }
    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item a .price02-default{
        font-size: 14px;
        font-weight: normal;

    }

    .ec-sliderRole{
        margin-bottom:0px;
    }

    .navList .navList-features h2:hover {
        background: #F0F0F0;
    } 
 /*   .ec-layoutRole__contents .shopList-advs{
        background: #ED1C1C;
        color: #fff;
        font-size: 12px !important;
        line-height: 16px !important;
        padding: 14px 11px;
        margin:0 20px -13px !important;
    }*/
    /* sp おしらせstart */
    .ec-layoutRole__mainTop .shopList-advs{
        font-size: 14px;
        line-height: 19px;
        padding: 14px 11px;
        /* margin-left: 20px;
        width: 91.5%; */
        border: 2px dotted #F8B51D;
        position: relative;
        text-align: center;
        margin: 10px 20px 0;
    } 
    .ec-newsRole {
        padding: 0; 

   }
    .ec-layoutRole__mainTop .shopList-advs span{
        display: block;
        font-weight: bold;
        position: absolute;
        top: -15px;
        left: 22%;
        background: #F8B51D;
        height: 29px;
        line-height: 29px;
        border-radius: 15px;
        width: 56%;
        color: #fff;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-link{
        color: #FF0000;
        display: block;
        padding: 14px;
        text-decoration: underline;
        background: #FEF1D4;
        margin: 6px 0 4px;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-text{
        background: #FEF1D4;
        padding: 12px;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-text p:last-child{
        margin-top: 14px;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-text a{
        color: #337AB7;
        text-decoration: underline;
        font-weight: bold;
    }
    /* sp おしらせend */

    .ec-searchnavRole .ec-searchnavRole__topicpath{
        margin: 26px 20px 0;
    }
    .ec-shelfGrid__item .ec-shelfGrid__item-image{
        height:auto !important;
    }
    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item a{
        text-align:center;
    }
    .ec-layoutRole__mainBottom .ec-shelfGrid__item a{
        text-align:center;
    }
   /* .ec-shelfGrid .ec-shelfGrid__item a p{
        font-size: 14px;
        line-height: 21px;
        margin: 9px 0 4px;
        font-weight:bold;
    }*/
    .ec-topicpath{
        line-height: 21px;
        border: 1px solid #B1B1B1;
        border-left: none;
        border-right: none;
        padding: 22px 0;
        margin: 26px 0 10px;
        font-size: 16px;
        text-align: left;

    }
    .ec-shelfGrid .ec-shelfGrid__item a dl .item_name{
        font-size: 14px;
        line-height: 16px;
        margin: 9px 0 4px;
    }
    
    .ec-shelfGrid .ec-shelfGrid__item a dl .item_price{
        font-size: 14px;
        line-height: 16px;
        margin: 9px 0 4px;
    }

    .ec-layoutRole__contentBottom .left-navList{
        margin:0 10px;
    }
    .ec-newsRole .ec-newsRole__newsTitle {
        color: #3E3E3E;
    }
    .ec-blockTopBtn {
        display: block;
        background-color: #000;
        border: 2px solid #777777;
        border-radius: 30px;
        opacity: 0.6;
    }
    .ec-pageHeader h1 {
        padding: 15px 0px;
        text-align: left;
    }
    .ec-layoutRole__mainWithColumn .blogContent {
        margin-left: 20px;
        margin-right:20px;
    }
    .ec-borderedDefs dl dd .discText{
        margin-left: 20px;
     }
     .ec-borderedDefs dl dd .discText li{
       list-style: disc;
     }
    .ec-layoutRole__mainWithColumn .blogContent>h1{
        margin-top: 0;
    }
    #content {
        display: flex;
        flex-direction: column-reverse;
        margin: 0px 4%;
    }
    .ec-off3Grid .ec-off3Grid__cell>div>.ec-icon{
        display: flex;
        justify-content: center;
    }
    .ec-cartNavi {
       background: #fff;
    }

    .law-content .ec-off1Grid p a{
        color: #337AB7;
        text-decoration: underline;
        font-weight: bold;
    }
    
    .dealSlider{
        margin-bottom: 20px;
    }


    .ec-productRole .ec-productRole__description {
        line-height: 30px;
    }

        /* end change */
    /* サイト「ご利用ガイド」ページ作成 */
    .homeBanner ul li{
        display: block;
        margin: 20px;
    }
    .addLink{
        display: flex;
        flex-wrap: wrap;
        margin: 24px 0;
        padding: 0 !important;
    }
    .addLink li{
        width: 48%;
        margin-bottom: 20px;
    }
    .addLink li:nth-of-type(2n-1){
        margin-right: 4%;
    }
    .addLink li a{
        display: block;
        background: #f4fafc;
        border:4px solid #f1f1f1;
        padding: 12px 10px;
        font-size: 14px;
    }
    .addLink li a i{
        margin-right: 14px;
    }
    .addContent h2{
        background: #f2f2f2;
        height:40px;
        line-height: 40px;
        font-size: 14px;
        padding-left: 20px;
    }
    .noteDrop li>p{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        border-bottom: 2px solid #d1ebf4;
    }
    .noteDrop li div{
        background: #f4fafc;
        margin-top: 20px;
        padding: 10px;
        display: none;
    }
    .noteDrop li div p{
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .ec-headerSearch .ec-headerSearch__category .ec-select select{
        color: #000;
    }
    
    .ec-headerCategoryArea__heading>p{
        display: flex;
        align-items: center;
    }
    .ec-headerCategoryArea__heading>p>img{
        width: 10px;
        margin-right: 10px;
    }
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a{
        padding-left: 26px;
    }
    .ec-productRole__share{
        display:flex;
        justify-content:flex-start;
        align-items:center;
        margin-top:10px;
    }
    
    .ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav ul li a{
        padding-left: 40px !important;
    }
    .ec-productRole__share li {
        margin-right: 20px;
        width: 8%;
    }
}

/* start ipad */
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        width: 25%;
        display: none;
    }
}

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

    .ec-cartNavi .ec-cartNavi__icon {
        font-size: 16px;
    }
    .ec-cartNavi {
        padding: 10px 17px 8px;
        align-items: center;
    }
    .navList {
        color: #333;

    }
    .ec-layoutRole__header .navList{
        display:none;
    }
    .navList .navList-list li{
        padding: 12px 6px;
    }
    .navList.spfirst{
        display: block;
    }
    .navList .spshow {
        display: block;
    }
    .navList .sphide {
        display: none;
    }
    .navList .navList-list li ul{
        display: none;
        width: 200px;
    }
    .navList .navList-list li div{
        display: none;
    }
    .navList .navList-list li div>div{
         margin-left: 20px;
    }
    .navList .navList-list li span{
        display: block;
    }
    .navList .navList-list li a{
       display: block;
    }
    .navList .navList-list li a p,i{
        display: inline-block;
    }
    .navList .navListNav li i{
        margin-left: 100px;
    }
    .navList .navList-list li:hover {
        background-color: #f0f0f0;
        transition: background-color .5s;
    }
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right {
        width: 25%;
        display: none; 
    }
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
       width: 100%;
    }
    .ec-headerNaviRole {
        margin: 0 8%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.4;
        color: #525263;
        -webkit-text-size-adjust: 100%;
        width: auto;
        /* max-width: 1130px; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 15px;
    }
    .ec-headerNaviRole .ec-headerNaviRole__left .header-img{
        margin-left:0 !important;
    }
    .ec-headerNaviRole .ec-headerNaviRole__right {
        /* width: calc(100% * 2 / 3); */
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 78%;
    }
    .left-navList .navList .navList-list>li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 28px;
        padding: 0 29px;
        font-size: 14px;
        line-height: 19px;
    }
    .left-navList>.navList>.navList-features>h2 {
        margin-top: 32px;
        padding: 0 29px;
        font-size: 14px;
    }
    .left-navList .navList .navList-features h2 a {
        display: flex;
        align-items: center;
        font-weight: normal;
    }
    .left-navList .navList .navList-features h2 a i {
        margin-right: 18px;
    }
    .ec-cartNavi {
        background: #fff;
        min-width: auto; 
    }
    #footer{
        text-align: center;
        background: #F8F8F8;
        padding-top: 32px;
        margin-top:90px;
    }


    #footer .footImg{
        margin-top: 40px;
    }
    #footer .footImg>div{
        width: 170px;
        margin-left: 50%;
        transform: translateX(-50%);  
        -webkit-transform: translateX(-50%);  
        -moz-transform: translateX(-50%);  
    }
    #footer .footImg>p{
        font-size: 12px;
        color: #B2B2B2;
        padding: 24px 0 20px;
    }
    .navFooter{

        border: 1px solid #ccc;
        border-color: #ccc transparent #ccc transparent;
        margin: 0 8%;
    }  
    .navFooter .navFooter-list{
        display: flex;
        padding: 12px 20px 0px;
        justify-content: space-between;
        flex-wrap: wrap;
    }    
    .navFooter .navFooter-list li{
        magi-bottom:10px;
    }   
    .navFooter .navFooter-list li a{
        display: block;
        display: flex;
        align-items: center;
        margin-right: 10px;
    }
    .navFooter .navFooter-list li a i{
        margin-right: 10px;
    }
    
    
    .ec-layoutRole__contentBottom{
        margin: 0 20px;
    }
    .left-navList {
        position: inherit; 
        width: 100%;

    }
     .ec-shelfGrid .ec-shelfGrid__item{
        width: 50%;
    }
   .ec-shelfGrid .ec-shelfGrid__item-image {
        height: auto !important;
    }
    .ec-shelfGrid .ec-shelfGrid__item img {
        width: 100%;
        height: auto;
    }

    .ec-sliderItemRole{
        padding-left: 0px;
        padding-right: 0px;
    }
    .ec-layoutRole__mainWithColumn .blogContent {
        margin-left: 20px;
        margin-right:20px;
    }

    .ec-headerNaviRole .ec-headerNaviRole__right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 87%;
    }
    .ec-layoutRole__mainWithColumn .blogContent>h1{
        margin-top: 0;
    }
    .ec-headerNaviRole {
        padding-bottom: 10px;
    }

    .ec-topicpath {
        line-height: 21px;
        border: 1px solid #B1B1B1;
        border-left: none;
        border-right: none;
        padding: 22px 0;
        margin: 26px 0 10px;
        font-size: 16px;
    }
    .ec-searchnavRole .ec-searchnavRole__infos {
border:none;
    }
    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item a p{
        font-weight: bold;

    }
    .ec-shelfRole .ec-shelfGrid .ec-shelfGrid__item a .price02-default{

        font-weight: normal;

    }


    .ec-mypageRole .ec-pageHeader h1 {
        margin: 10px 0 48px;
        padding: 18px 0 18px;
    }
    .ec-off3Grid .ec-off3Grid__cell>div>.ec-icon{
        display: flex;
        justify-content: center;
    }
    .ec-layoutRole__mainTop .shopList-advs{
        /*background: #ED1C1C;
        color: #fff;
        font-size: 14px;
        line-height: 19px;
        padding: 14px 11px;
        margin-left: 20px;
        width: 91.5%;*/
        font-size: 14px;
        line-height: 19px;
        margin: 16px 20px 0;
        padding: 14px 11px;
        /* margin-left: 20px;
        width: 91.5%; */
        border: 2px dotted #F8B51D;
        position: relative;
        text-align: center;
    }

    .ec-layoutRole__mainTop .shopList-advs span{
        display: block;
        font-weight: bold;
        position: absolute;
        top: -16px;
        left: 22%;
        background: #F8B51D;
        height: 29px;
        line-height: 29px;
        border-radius: 15px;
        width: 56%;
        color: #fff;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-link{
        color: #FF0000;
        display: block;
        padding: 14px;
        text-decoration: underline;
        background: #FEF1D4;
        margin: 6px 0 4px;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-text{
        background: #FEF1D4;
        padding: 12px;
        line-height: 24px;
    }

    .ec-layoutRole__mainTop .shopList-advs .advs-text p:last-child{
        margin-top: 14px;
    }
    .ec-layoutRole__mainTop .shopList-advs .advs-text a{
        color: #337AB7;
        text-decoration: underline;
        font-weight: bold;
    }

    .privacy-content .payImg{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch;
    }
    .privacy-content .payImg li{
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .privacy-content .payList a{
        text-decoration: underline;
    }
    .privacy-content .textPay{
        color: #337AB7;
        text-decoration: underline;
        font-weight: bold;
    }
    .ec-borderedDefs dl dd .discText{
        margin-left: 20px;
     }
     .ec-borderedDefs dl dd .discText li{
       list-style: disc;
     }
.dealSlider{
    margin-bottom: 20px;
}
 

.law-content .ec-off1Grid p a{
    color: #337AB7;
    text-decoration: underline;
    font-weight: bold;
}


.ec-headerNaviRole .ec-headerNaviRole__left {
    width: 210px;
}
}


/* end ipad */

/* @media only screen and (
((min-device-width : 768px) and (max-device-width : 1024px))
) and (orientation : landscape) {
    .ec-layoutRole .ec-layoutRole__left, .ec-layoutRole .ec-layoutRole__right{
        display: none;
    }
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        width: 100%;
    }
    .ec-layoutRole__contentBottom{
        margin: 0 20px;
    }
    .ec-layoutRole .ec-layoutRole__left{

        display: none;
    }
    
    #footer{
        text-align: center;
        background: #F8F8F8;
        padding-top: 32px;
        margin-top:140px;
    }
    #footer>div{
        width: 170px;
        margin-left: 50%;
        transform: translateX(-50%);  
        -webkit-transform: translateX(-50%);  
        -moz-transform: translateX(-50%);  
    }
    #footer>p{
        font-size: 12px;
        color: #B2B2B2;
        margin: 24px 0 20px;
    }
}

 */
 /*@media screen and (min-width: 768px) and  (max-width:1024px){
    .ec-sliderRole .dealSlider div img {
        width: 100%;
        object-fit: cover; 
        height: 200px;
    }
}
@media screen and (min-width: 1024px) and  (max-width:1440px){
    .ec-sliderRole .dealSlider div img {
        width: 100%;
        object-fit: cover; 
        height: 510px;
    }
}
@media screen and (min-width: 1441px) and  (max-width:2000px){
    .ec-sliderRole .dealSlider div img {
        width: 100%;
        height: 510px;
        object-fit: cover; 
    }
}*/



@media screen and (min-width:1366px){
    .ec-layoutRole .ec-layoutRole__contentTop {
        position: relative;
    }
    .sliderBar-tab{
        display: block;
        position: absolute;
        right: 0;
        /* top: 30px; */
        /* 210129 nikeda start */
        top: 0;
        /* 210129 nikeda end */
    }

    
    .ec-layoutRole .ec-layoutRole__mainWithColumn {
        /*  width: 64%;*/
    }
    #content .main-content{
        margin-left: 290px;
    }
    .sliderBar-tab{
        display: block;
        position: absolute;
        right: 0;
        top: 30px;
    }
    .sliderBar-tab ul {
        max-height: 360px;
        overflow-y: auto;
    }
    .sliderBar-tab img{
        width: 100%;
        display: block;

    }
    .sliderBar{
        background: #F8F8F8;
        padding: 16px;
    }
    #content{
        padding: 0px;
    }
    .sliderBar a button{
        color: #fff;
        padding: 14px;
        font-weight: bold;
        background: #DE5D50;
        margin: 16px 0;
       width: 100%;
    }
  
    .intrd>.btn-group>.btn {
        float: none;
        }   
    .sliderBar .intrd .btn-group .btn{
        color: #111;
        background: #f0f2f2;
        width: 65px;
        height:30px;
        font-size:10px;
        margin:0px;
        padding:0px;
    }
    .sliderBar .intrd .sr-suuryou{
        width: 100px;
        height:30px;
        font-size:10px;


    }
    .sliderBar .intrd .is-none{
        display:none;
    }
    .sliderBar .intrd .is-block{
        display:block;
    }
    /*input 入力枠*/
    .sliderBar .intrd .sr-suuryou input{
        width: 60px;
        height:30px;

    }
    .sliderBar .intrd .sr-suuryou button{
        width: 30px;
        height:30px;
        padding-left:5px;
    }

    .sliderBar .count{
        text-align: center;
    }
    .sliderBar .count a span{
        font-size: 18px;
        line-height: 30px;
        color: #DE5D50;
        margin-left: 10px;
    }
    .sliderBar ul li{
        display: flex;
        flex-direction:row;
        max-width: 200px;
     }
     .libtm{
     margin-bottom: 15px;
    }

    .sliderBar ul li .slider-img {
        width:110px;
    }
    .sliderBar ul li a{
        display: flex;
        margin-left: 20px;
        margin-top: 8px;
    }
    .sliderBar ul li .intrd{
        display: flex;
        flex-direction:column;
        margin-left: 8px;
    }
    .sliderBar ul li .intrd p{
        font-size: 12px;
        line-height: 14px;
        width: 80px; 
        text-align: justify; 
    }
    .sliderBar ul li .intrd .price{
        font-size: 12px;
        line-height: 16px;
    }
    .sliderBar ul li .intrd .num{
        font-size: 12px;
        line-height: 16px;
    }
    .sliderBar .slider-turn{
        text-align: right;
        margin: 16px 22px 0 0;
        font-size: 14px;
        line-height: 19px;
        padding-bottom: 18px;
    }
    .silderBar .intrd .dropdown li a{
        font-size: 10px;
        display: flex;
        flex-direction: row;
        margin-top: 3px;
        padding:3px 5px;
        text-align: center;

        }
     .silderBar .intrd .btn-group a span{
        margin-top:0px;
        margin-left:10px;
     }

    .main-content .detail-content{
        display: flex;
    }
    .main-content .detail-content .detail-shopImg{
        border: 1px solid #B1B1B1;
        width: 59%;
    }
    .main-content .detail-content .detail-shopImg img{
        display: block;
        width: 100%;
    }





    
}






/* cart flow adding */
/* ���Z�b�g */
body {
    background-color: #fff;
}
input[type="button"]:focus,button:focus {
    outline: none;
}
.ec-headingTitle,
.ec-inlineBtn,
.ec-inlineBtn:hover, .ec-inlineBtn:focus, .ec-inlineBtn.focus,
.ec-inlineBtn:focus, .ec-inlineBtn.focus,
.ec-inlineBtn:hove,
.ec-inlineBtn:active, .ec-inlineBtn.active,
.open > .ec-inlineBtn.dropdown-toggle,
.ec-inlineBtn:active:hover, .ec-inlineBtn:active:focus, .ec-inlineBtn:active.focus, .ec-inlineBtn.active:hover, .ec-inlineBtn.active:focus, .ec-inlineBtn.active.focus,
.open > .ec-inlineBtn.dropdown-toggle:hover,
.open > .ec-inlineBtn.dropdown-toggle:focus,
.open > .ec-inlineBtn.dropdown-toggle.focus, 
.ec-inlineBtn--primary:hover, .ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus,
.ec-inlineBtn--action:hover, .ec-inlineBtn--action:focus, .ec-inlineBtn--action.focus,
.ec-inlineBtn--cancel,
.ec-inlineBtn--cancel:hover, .ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus,
.ec-inlineBtn--cancel .badge,
.ec-blockBtn,
.ec-blockBtn:hover, .ec-blockBtn:focus, .ec-blockBtn.focus,
.ec-blockBtn:focus, .ec-blockBtn.focus,
.ec-blockBtn:hover,
.ec-blockBtn:active, .ec-blockBtn.active,
.open > .ec-blockBtn.dropdown-toggle,
.ec-blockBtn:active:hover, .ec-blockBtn:active:focus, .ec-blockBtn:active.focus, .ec-blockBtn.active:hover, .ec-blockBtn.active:focus, .ec-blockBtn.active.focus,
.open > .ec-blockBtn.dropdown-toggle:hover,
.open > .ec-blockBtn.dropdown-toggle:focus,
.open > .ec-blockBtn.dropdown-toggle.focus,
.ec-blockBtn--primary:hover, .ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus,
.ec-blockBtn--action:hover, .ec-blockBtn--action:focus, .ec-blockBtn--action.focus,
.ec-blockBtn--cancel:hover, .ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus,
.ec-blockBtn--cancel .badge,
.ec-displayB .ec-displayB__comment,
.ec-displayC .ec-displayC__title,
.ec-displayC .ec-displayC__price,
.ec-welcomeMsg,
.ec-role,
.ec-mypageRole,
.ec-headerRole,
.ec-headerNaviRole,
.ec-headerTitle,
.ec-headerSearch .ec-headerSearch__keyword,
.ec-categoryNaviRole,
.ec-sliderRole,
.ec-sliderItemRole,
.ec-inlineBtn--top:hover, .ec-inlineBtn--top:focus, .ec-inlineBtn--top.focus,
.ec-blockBtn--top:hover, .ec-blockBtn--top:focus, .ec-blockBtn--top.focus,
.ec-searchnavRole .ec-searchnavRole__infos,
.ec-shelfRole,
.ec-productRole,
.ec-productRole .ec-productRole__tag,
.ec-cartRole,
.ec-cartCompleteRole,
.ec-orderRole,
.ec-historyRole .ec-historyRole__contents,
.ec-forgotRole,
.ec-registerRole,
.ec-registerCompleteRole,
.ec-contactRole,
.ec-contactRole,
.ec-contactCompleteRole,
.ec-customerRole,
.ec-customerRole,
.ec-contactCompleteRole,
.ec-404Role,
.ec-withdrawRole,
.ec-userEditCompleteRole,
.ec-footerRole .ec-footerRole__inner,
.ec-searchnavRole,
.ec-inlineBtn--primary .badge,
.ec-blockBtn--primary .badge,
.ec-progress .is-complete .ec-progress__label {
    color: #3e3e3e;
}
.ec-inlineBtn .badge,
.ec-inlineBtn--cancel,
.ec-inlineBtn--cancel.disabled:hover, .ec-inlineBtn--cancel.disabled:focus, .ec-inlineBtn--cancel.disabled.focus, .ec-inlineBtn--cancel[disabled]:hover, .ec-inlineBtn--cancel[disabled]:focus, .ec-inlineBtn--cancel[disabled].focus,
fieldset[disabled] .ec-inlineBtn--cancel:hover,
fieldset[disabled] .ec-inlineBtn--cancel:focus,
fieldset[disabled] .ec-inlineBtn--cancel.focus,
.ec-blockBtn .badge,
.ec-blockBtn--cancel,
.ec-blockBtn--cancel.disabled:hover, .ec-blockBtn--cancel.disabled:focus, .ec-blockBtn--cancel.disabled.focus, .ec-blockBtn--cancel[disabled]:hover, .ec-blockBtn--cancel[disabled]:focus, .ec-blockBtn--cancel[disabled].focus,
fieldset[disabled] .ec-blockBtn--cancel:hover,
fieldset[disabled] .ec-blockBtn--cancel:focus,
fieldset[disabled] .ec-blockBtn--cancel.focus,
.ec-zipInputHelp .ec-zipInputHelp__icon,
.ec-zipInputHelp .ec-zipInputHelp__icon,
.ec-progress .ec-progress__number,
.ec-inlineBtn--primary,
.ec-inlineBtn--primary.disabled:hover, .ec-inlineBtn--primary.disabled:focus, .ec-inlineBtn--primary.disabled.focus, .ec-inlineBtn--primary[disabled]:hover, .ec-inlineBtn--primary[disabled]:focus, .ec-inlineBtn--primary[disabled].focus,
fieldset[disabled] .ec-inlineBtn--primary:hover,
fieldset[disabled] .ec-inlineBtn--primary:focus,
fieldset[disabled] .ec-inlineBtn--primary.focus,
.ec-blockBtn--primary,
.ec-blockBtn--primary.disabled:hover, .ec-blockBtn--primary.disabled:focus, .ec-blockBtn--primary.disabled.focus, .ec-blockBtn--primary[disabled]:hover, .ec-blockBtn--primary[disabled]:focus, .ec-blockBtn--primary[disabled].focus,
fieldset[disabled] .ec-blockBtn--primary:hover,
fieldset[disabled] .ec-blockBtn--primary:focus,
fieldset[disabled] .ec-blockBtn--primary.focus,
.ec-progress .is-complete .ec-progress__number,
.ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus,
.ec-inlineBtn--primary:hover,
.ec-inlineBtn--primary:active, .ec-inlineBtn--primary.active,
.open > .ec-inlineBtn--primary.dropdown-toggle,
.ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus,
.ec-blockBtn--primary:hover,
.ec-blockBtn--primary:active, .ec-blockBtn--primary.active,
.open > .ec-blockBtn--primary.dropdown-toggle,
.ec-inlineBtn--primary:active:hover, .ec-inlineBtn--primary:active:focus, .ec-inlineBtn--primary:active.focus, .ec-inlineBtn--primary.active:hover, .ec-inlineBtn--primary.active:focus, .ec-inlineBtn--primary.active.focus,
.open > .ec-inlineBtn--primary.dropdown-toggle:hover,
.open > .ec-inlineBtn--primary.dropdown-toggle:focus,
.open > .ec-inlineBtn--primary.dropdown-toggle.focus,
.ec-blockBtn--primary:active:hover, .ec-blockBtn--primary:active:focus, .ec-blockBtn--primary:active.focus, .ec-blockBtn--primary.active:hover, .ec-blockBtn--primary.active:focus, .ec-blockBtn--primary.active.focus,
.open > .ec-blockBtn--primary.dropdown-toggle:hover,
.open > .ec-blockBtn--primary.dropdown-toggle:focus,
.open > .ec-blockBtn--primary.dropdown-toggle.focus {
    background-color: #3e3e3e;
}
.ec-inlineBtn--cancel,
.ec-inlineBtn--cancel.disabled:hover, .ec-inlineBtn--cancel.disabled:focus, .ec-inlineBtn--cancel.disabled.focus, .ec-inlineBtn--cancel[disabled]:hover, .ec-inlineBtn--cancel[disabled]:focus, .ec-inlineBtn--cancel[disabled].focus,
fieldset[disabled] .ec-inlineBtn--cancel:hover,
fieldset[disabled] .ec-inlineBtn--cancel:focus,
fieldset[disabled] .ec-inlineBtn--cancel.focus,
.ec-blockBtn--cancel,
.ec-blockBtn--cancel.disabled:hover, .ec-blockBtn--cancel.disabled:focus, .ec-blockBtn--cancel.disabled.focus, .ec-blockBtn--cancel[disabled]:hover, .ec-blockBtn--cancel[disabled]:focus, .ec-blockBtn--cancel[disabled].focus,
fieldset[disabled] .ec-blockBtn--cancel:hover,
fieldset[disabled] .ec-blockBtn--cancel:focus,
fieldset[disabled] .ec-blockBtn--cancel.focus,
.ec-inlineBtn--primary,
.ec-inlineBtn--primary.disabled:hover, .ec-inlineBtn--primary.disabled:focus, .ec-inlineBtn--primary.disabled.focus, .ec-inlineBtn--primary[disabled]:hover, .ec-inlineBtn--primary[disabled]:focus, .ec-inlineBtn--primary[disabled].focus,
fieldset[disabled] .ec-inlineBtn--primary:hover,
fieldset[disabled] .ec-inlineBtn--primary:focus,
fieldset[disabled] .ec-inlineBtn--primary.focus,
.ec-blockBtn--primary,
.ec-blockBtn--primary.disabled:hover, .ec-blockBtn--primary.disabled:focus, .ec-blockBtn--primary.disabled.focus, .ec-blockBtn--primary[disabled]:hover, .ec-blockBtn--primary[disabled]:focus, .ec-blockBtn--primary[disabled].focus,
fieldset[disabled] .ec-blockBtn--primary:hover,
fieldset[disabled] .ec-blockBtn--primary:focus,
fieldset[disabled] .ec-blockBtn--primary.focus,
.ec-inlineBtn--primary:focus, .ec-inlineBtn--primary.focus,
.ec-inlineBtn--primary:active:hover, .ec-inlineBtn--primary:active:focus, .ec-inlineBtn--primary:active.focus, .ec-inlineBtn--primary.active:hover, .ec-inlineBtn--primary.active:focus, .ec-inlineBtn--primary.active.focus,
.open > .ec-inlineBtn--primary.dropdown-toggle:hover,
.open > .ec-inlineBtn--primary.dropdown-toggle:focus,
.open > .ec-inlineBtn--primary.dropdown-toggle,
.ec-blockBtn--primary:focus, .ec-blockBtn--primary.focus,
.ec-blockBtn--primary:active:hover, .ec-blockBtn--primary:active:focus, .ec-blockBtn--primary:active.focus, .ec-blockBtn--primary.active:hover, .ec-blockBtn--primary.active:focus, .ec-blockBtn--primary.active.focus,
.open > .ec-blockBtn--primary.dropdown-toggle:hover,
.open > .ec-blockBtn--primary.dropdown-toggle:focus,
.open > .ec-blockBtn--primary.dropdown-toggle.focus,
.ec-inlineBtn--primary:hover,
.ec-inlineBtn--primary:active, .ec-inlineBtn--primary.active,
.open > .ec-inlineBtn--primary.dropdown-toggle,
.ec-blockBtn--primary:hover,
.ec-blockBtn--primary:active, .ec-blockBtn--primary.active,
.open > .ec-blockBtn--primary.dropdown-toggle{
    border-color: #3e3e3e
}

.ec-cartHeader,
.ec-cartHeader .ec-cartHeader__label,
.ec-rectHeading h1, .ec-rectHeading h2, .ec-rectHeading h3,
.ec-rectHeading h4, .ec-rectHeading h5, .ec-rectHeading h6,
.ec-pager .ec-pager__item--active, 
.ec-pager .ec-pager__item:hover {
    background-color: #f0f0f0;
}


/* �ύX���� */
.ec-inlineBtn--cancel:active:hover{
    background-color: #ebebeb !important;
    border-color: #ebebeb !important;
    color: #525263 !important;
}


/* ���w�y�[�W�w�b�_�[ */
.ec-pageHeader h1 {
    color: #3e3e3e;
    border-top:  1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    font-size: 16px;
    padding: 15px 20px;
    line-height: 1.5;
    margin: 0 0 0 0;
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .ec-pageHeader h1 {
        font-size: 20px;
    }
}

/* �w���t���[/�v���O���X�o�[ */

.ec-customerRole .ec-cartRole {
    padding-left: 0;
    padding-right: 0;
}

.ec-cartRole__progress {
    margin-top: 40px;
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .ec-cartRole__progress {
        margin-top: 60px;
        margin-bottom: 50px;
    }
}

.ec-progress {
    padding: 0 0 0 0;
    width: auto
}

.ec-progress .ec-progress__item {
    padding-right: 20px;
}
.ec-progress .ec-progress__item:last-child {
    padding-right: 0;
}
.ec-progress .ec-progress__item:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #ebebeb;
    position: absolute;
    right: 3px;
    top: 10px;
}
.ec-progress .ec-progress__item:last-child:before {
    display: none;
}
@media (min-width: 768px) {
    .ec-progress .ec-progress__item:before {
        right: 0;
        top: 15px;
    }
}
.ec-progress .ec-progress__item:after {
    display: none
}
@media (min-width: 768px) {
    .ec-progress .ec-progress__item {
        padding-right: 10px;
    }
}


.ec-progress .ec-progress__number {
    background-color: #b1b1b1;
    color: #fff;
    display: block;
    margin-left: 10px;
}
@media (min-width: 768px) {
    .ec-progress .ec-progress__number {
        line-height: 40px;
        width: 40px;
        height: 40px;
        font-size: 16px;
        margin-left: 30px;
        margin-bottom: 10px;
    }
}
.ec-progress .is-complete .ec-progress__number {
    background-color: #3e3e3e;
    color: #fff;
}

.ec-progress .ec-progress__label {
    font-size: 10px;
    width: 50px
}
@media (min-width: 768px) {
    .ec-progress .ec-progress__label {
        width: 100px;
        font-size: 12px;
    }
}

.ec-progress .is-complete .ec-progress__label {
    color: #3e3e3e;
}

#form_cart.ec-cartRole {
    padding-left: 0;
    padding-right: 0;
}
.ec-cartTable {
    border-top: 1px dotted #b1b1b1;
    border-collapse: collapse;
}
@media (min-width: 768px) {
    .ec-cartTable {
        border-top: none;
    }
}

.ec-cartHeader li {
    text-align: left;
}


.ec-cartHeader .ec-cartHeader__label {
    text-align: left;
    font-size: 14px;
    padding: 10px 0;
}
.ec-cartHeader .ec-cartHeader__label:first-child {
    padding-left: 15px;
}
.ec-cartHeader .ec-cartHeader__label:last-child {
    text-align: right;
    padding-right: 15px;
}

.ec-cartRow {
    border-bottom: 1px dotted #b1b1b1;
}



@media (max-width: 767px) {
    .ec-cartRow.ec-cartRowPC {
        display: none;
    }
}

.ec-cartRow.ec-cartRowSP {
    margin-bottom: 0;
    padding: 20px 0;
}
@media (min-width: 768px) {
    .ec-cartRow.ec-cartRowSP {
        display: none;
    }
}

@media (min-width: 768px) {
    .ec-cartRow .ec-cartRow__contentColumn,
    .ec-cartRow .ec-cartRow__amountColumn,
    .ec-cartRow .ec-cartRow__subtotalColumn {
        padding: 20px 0;
        vertical-align: top;
    }
}

.ec-cartRow .ec-cartRow__delColumn,
.ec-cartRow .ec-cartRow__contentColumn,
.ec-cartRow .ec-cartRow__amountColumn,
.ec-cartRow .ec-cartRow__subtotalColumn {
    border-bottom: none;
}

@media (max-width: 767px) {
    .ec-cartTable,
    .ec-cartRow,
    .ec-cartRow .ec-cartRow__contentColumn,
    .ec-cartRow .ec-cartRow__amountColumn,
    .ec-cartRow .ec-cartRow__subtotalColumn,
    .ec-cartRow .ec-cartRow__img,
    .ec-cartRow .ec-cartRow__summary {
        display: block;
    }
}

.ec-cartRow .ec-cartRow__summary {
    width: auto;
    vertical-align: top;
    line-height: 1.5;
    margin-left: 0;
}



@media (min-width: 768px) {
    .ec-cartRow .ec-cartRow__contentColumn {
        display: table;
    }
    .ec-cartRow .ec-cartRow__img,
    .ec-cartRow .ec-cartRow__summary {
        display: table-cell;
        vertical-align: middle;
        padding: 20px 0;
        vertical-align: top;
    }
    .ec-cartRow .ec-cartRow__summary {
        padding-left: 40px;
        padding-right: 20px;
    }
}












/* �J�[�g/���i�� */
.ec-cartRow .ec-cartRow__summary .ec-cartRow__name,
.ec-cartRow.ec-cartRowSP .ec-cartRow__name,
.ec-cartRow__unitPrice {
    font-size: 12px;
    font-weight: normal;
}
@media (min-width: 768px) {
    .ec-cartRow .ec-cartRow__summary .ec-cartRow__name,
    .ec-cartRow.ec-cartRowSP .ec-cartRow__name,
    .ec-cartRow__unitPrice {
        font-size: 14px;
    }
}

.ec-cartRow .ec-cartRow__summary .ec-cartRow__name a,
.ec-cartRow.ec-cartRowSP .ec-cartRow__name a {
    color: #0d6295;
    text-decoration: underline;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}

@media (max-width: 767px) {
    .ec-cartRow .ec-cartRow__contentColumn {
        padding-left: 120px;
        position: relative;
        min-height: 100px;
    }
}

.ec-cartRow .ec-cartRow__img {
    width: 100px;
    
}
@media (max-width: 767px) {
    .ec-cartRow .ec-cartRow__img {
        position: absolute;
        left: 0;
        top: 10px;
    }
}
@media (min-width: 768px) {
    .ec-cartRow .ec-cartRow__img {
        margin-right: 40px;
    }
}

/* �J�[�g/���ʁA���v */
.ec-cartRow__amountTable {
    font-size: 12px;
    margin-top: 15px;
    border-collapse: separate;
    border-spacing: 0px 5px;
    
}
.ec-cartRow__amountTable tr {
    margin-top: 5px;
}

.ec-cartRow__amountTable th,
.ec-cartRow__amountTable td {
    height: 24px;
    line-height: 24px;
}

.ec-cartRow__amountTable th {
    background-color: #f0f0f0;
    font-weight: bold;
    padding: 0 10px;
    margin-right: 10px;
}

.ec-cartRow__amountTable td {
    padding-left: 10px;
}

/* �J�[�g/���� */
.ec-cartRow .ec-cartRow__amountColumn {
    text-align: left;
    position: relative;
    padding-top: 24px;
}
@media (min-width: 768px) {
    .ec-cartRow .ec-cartRow__amountColumn {
        min-width: 160px;
    }
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
    width: 40px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    box-sizing: border-box;
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 0;
}
@media (min-width: 768px) {
    .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amount,
    .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountSP {
        top: 20px;
    }
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
    border: none;
    width: 20px;
    height: 24px;
    min-width: 20px;
    max-width: 20px;
    border-radius: 0;
    position: absolute;
    top: 0;
    margin: 0 0;
}
@media (min-width: 768px) {
    .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled,
    .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
        top: 20px;
    }
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img,
.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img {
    width: 20px;
    height: 24px;
    top: 0;
    left: 0;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton .ec-cartRow__amountDownButton__icon img, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled .ec-cartRow__amountDownButton__icon img {
    margin-left: 0;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton .ec-cartRow__amountUpButton__icon img {
    margin-left: 0;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton, .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled {
    left: 0;
}

.ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
    left: 60px;
}

.ec-cartRow__delete {
    font-size: 12px;
    line-height: 24px;
    position: absolute;
    left: 90px;
    top: 0;
    white-space: nowrap;
}
@media (min-width: 768px) {
    .ec-cartRow__delete {
        font-size: 14px;
        top: 20px;
    }
}

.ec-cartRow__delete a {
    text-decoration: underline;
}

.ec-cartRow__delete a:hover {
    color: #3e3e3e;
}

/* ���v */
.ec-cartRole__totalAmount {
    font-size: 20px;
    font-weight: bold;
    margin-left: 22px;
}

.ec-blockLink--cancel,
.ec-totalBox .ec-totalBox__btn a.ec-blockLink--cancel {
    color: #3e3e3e;
    font-size: 14px;
    text-decoration: underline;
}

/* ���� */
.ec-label {
    margin-bottom: 0;
}

.ec-borderedDefs {
    border-top: 1px solid #b1b1b1;
}

.ec-borderedDefs dl {
    padding: 20px 10px 20px 10px;
    border-bottom: 1px solid #b1b1b1;
}
@media (min-width: 768px) {
    .ec-borderedDefs dl {
        padding: 20px 15px 20px 15px;
    }
}

.ec-borderedDefs dt {
    margin-bottom: 15px;
    padding-top: 0;
    font-weight: bold;
}
@media (min-width: 768px) {
    .ec-borderedDefs dt {
        margin-bottom: 0px;
        line-height: 43px;
    }
}


.ec-borderedDefs dd {
    line-height: 1.5;
}

.ec-borderedDefs dd > div {
    margin-top: 15px;
}
.ec-borderedDefs dd > div:first-child {
    margin-top: 0;
}

.ec-borderedDefs dd span {
    line-height: 1.5;
    
}
@media (min-width: 768px) {
    .ec-borderedDefs dd span:first-child {
        display: inline-block;
        margin-top: 10px;
    }
    .ec-borderedDefs dd span.customer-form:first-child {
        display: inline;
    }
}

.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input, .ec-select select,
select.form-control {
    height: 43px;
}

.ec-input input, .ec-halfInput input, .ec-numberInput input, .ec-zipInput input, .ec-telInput input, .ec-select input, .ec-birth input, .ec-select {
    /* margin-bottom: 0;*/
}

.ec-zipInputHelp {
    position: relative;
    padding-left: 25px;
}

.ec-zipInput span {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.ec-zipInputHelp {
    margin-bottom: 0;
    line-height: 43px;
}

.ec-zipInputHelp .ec-zipInputHelp__icon {
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #707070;
    position: absolute;
}

.ec-zipInputHelp .ec-zipInputHelp__icon .ec-icon {
    line-height: 13px;
}

.ec-zipInputHelp span {
    text-decoration: underline;
    color: #3e3e3e;
    margin-left: 5px;
    font-size: 12px;
}

/* �K�{ */
    .ec-required {
        font-size: 10px;
        line-height: 10px;
        font-weight: bold;
        border: 1px solid #de5d50;
        padding: 2px 5px;
    }
    
    /* �{�^�� */
        .ec-RegisterRole__actions {
            margin-top: 30px;
        }
        @media (min-width: 768px) {
            .ec-RegisterRole__actions {
                margin-top: 40px;
            }
        }
        .ec-blockBtn--cancel, .ec-blockBtn--action {
            font-size: 16px;
        }
        .ec-blockBtn--cancel,
        .ec-inlineBtn--cancel,
        .ec-inlineBtn--cancel:hover,
        .ec-inlineBtn--cancel:focus,
        .ec-inlineBtn--cancel:active,
        .ec-inlineBtn--cancel.focus,
        .ec-inlineBtn--cancel.disabled:hover, .ec-inlineBtn--cancel.disabled:focus, .ec-inlineBtn--cancel.disabled.focus, .ec-inlineBtn--cancel[disabled]:hover, .ec-inlineBtn--cancel[disabled]:focus, .ec-inlineBtn--cancel[disabled].focus,
        fieldset[disabled] .ec-inlineBtn--cancel:hover,
        fieldset[disabled] .ec-inlineBtn--cancel:focus,
        fieldset[disabled] .ec-inlineBtn--cancel.focus,
        .ec-inlineBtn--cancel:focus, .ec-inlineBtn--cancel.focus,
        .ec-inlineBtn--cancel:active, .ec-inlineBtn--cancel.active,
        .open > .ec-inlineBtn--cancel.dropdown-toggle,
        .ec-blockBtn--cancel:focus, .ec-blockBtn--cancel.focus,
        .ec-blockBtn--cancel:hover,
        .ec-blockBtn--cancel:active, .ec-blockBtn--cancel.active,
        .open > .ec-blockBtn--cancel.dropdown-toggle,
        .ec-blockBtn--cancel:active:hover, .ec-blockBtn--cancel:active:focus, .ec-blockBtn--cancel:active.focus, .ec-blockBtn--cancel.active:hover, .ec-blockBtn--cancel.active:focus, .ec-blockBtn--cancel.active.focus,
        .open > .ec-blockBtn--cancel.dropdown-toggle:hover,
        .open > .ec-blockBtn--cancel.dropdown-toggle:focus,
        .open > .ec-blockBtn--cancel.dropdown-toggle.focus {
            background-color: #ebebeb;
            border-color: #ebebeb;
            color: #3e3e3e;
        }
        .ec-blockBtn--half {
            width: 48%;
        }
        .ec-blockBtn--half:nth-child(2n+1) {
            clear: both;
            float: left;
        }
        .ec-blockBtn--half:nth-child(2n) {
            float: right;
        }
        
        .ec-orderRole .ec-inlineBtn {
            font-weight: bold;
        }
        /* �������葱�� */
        .ec-orderRole {
            margin-top: 0;
        }
        
        .ec-rectHeading h2 {
            margin-top: 35px;
            margin-bottom: 20px;
            font-size: 16px;
            padding: 8px 10px;
            line-height: 1.5;
        }
        .ec-rectHeading h2.first {
            margin-top: 0;
        }
        @media (min-width: 768px) {
            .ec-rectHeading h2 {
                margin-top: 35px;
                padding: 8px 15px;
            }
        }
        
        .ec-orderDelivery .ec-orderDelivery__title {
            border-left: 3px solid #b1b1b1;
            padding: 10px;
            font-size: 16px;
            margin-bottom: 15px;
        }
        
        .ec-orderDelivery .ec-orderDelivery__title .ec-orderDelivery__change {
            right: 10px;
            top: 0;
            bottom: 0;
            margin: auto;
            height: 20px;
        }
        
        span.ec-changeEdit {
            font-size: 12px;
        }
        span.ec-changeEdit button {
            cursor: pointer;
            border: none;
            background: none;
            color: #3e3e3e;
            text-decoration: underline;
        }
        @media (min-width: 768px) {
            span.ec-changeEdit {
                font-size: 14px;
            }
        }
        
        span.ec-changeEdit a {
            color: #3e3e3e;
            text-decoration: underline;
        }
        
        .ec-orderRole .ec-borderedList {
            margin-bottom: 0;
        }
        
        .ec-borderedList li {
            border-bottom: 1px dotted #B1B1B1;
            padding: 20px 10px;
        }
        
        .ec-borderedList li:last-child {
            border-bottom: none;
        }
        
        .ec-imageGrid {
            border-top: none;
        }
        
        .ec-imageGrid .ec-imageGrid__img {
            padding: 0 20px 0 0;
            box-sizing: content-box;
        }
        @media (min-width: 768px) {
            .ec-imageGrid .ec-imageGrid__img {
                padding: 0 30px 0 0;
                width: 130px;
            }
        }
        
        .ec-imageGrid .ec-imageGrid__content {
            vertical-align: top;
        }
        
        .ec-imageGrid__contentProductName {
            font-weight: bold;
            font-size: 14px;
            line-height: 1.5;
        }
        @media (min-width: 768px) {
            .ec-imageGrid__contentProductName {
                font-size: 16px;
            }
        }
        
        .ec-imageGrid__contentCategory {
            font-size: 12px;
            margin-top: 5px;
        }
        .ec-imageGrid__contentCategory:first-child {
            margin-top: 10px;
        }
        @media (min-width: 768px) {
            .ec-imageGrid__contentCategory {
                font-size: 14px;
            }
        }
        
        .ec-imageGrid__contentPrice {
            margin-top: 15px;
            font-size: 14px;
            line-height: 24px;
        }
        @media (min-width: 768px) {
            .ec-imageGrid__contentPrice {
                font-size: 16px;
            }
        }
        
        .ec-imageGrid .ec-imageGrid__content span.ec-imageGrid__contentPriceLabel {
            margin-left: 0;
            margin-right: 5px;
            font-size: 12px;
            font-weight: bold;
            display: inline-block;
            padding: 0px 5px;
            background-color: #f0f0f0;
        }
        @media (min-width: 768px) {
            .ec-imageGrid .ec-imageGrid__content span.ec-imageGrid__contentPriceLabel {
                font-size: 14px;
            }
        }
        
        .ec-orderDelivery .ec-orderDelivery__address {
            margin-top: 0;
        }
        
        /* �w���t���[/���v */
        .ec-totalBox {
            background-color: #fff;
            border: 3px solid #b1b1b1;
            padding: 20px;
        }
        
        .ec-totalBox__spec {
            font-size: 12px;
            margin-bottom: 5px;
        }
        
        .ec-totalBox .ec-totalBox__price {
            font-size: 16px;
            white-space: nowrap;
        }
        @media (min-width: 768px) {
            .ec-totalBox .ec-totalBox__price {
                font-size: 20px;
            }
        }
        
        .ec-totalBox .ec-totalBox__paymentTotal .ec-totalBox__price {
            display: inline-block;
            margin-top: 5px;
        }
        
        .ec-totalBox .ec-totalBox__paymentTotal {
            margin-top: 20px;
            margin-bottom: 25px;
        }
        
        .ec-totalBox .ec-totalBox__total {
            position: relative;
            border-top: 1px solid #b1b1b1;
            margin-top: 10px;
            padding-top: 10px;
            padding-bottom: 0;
        }
        
        .ec-totalBox__totalLabel {
            font-size: 14px;
            position: absolute;
            left: 0;
            bottom: 0;
            font-weight: bold;
        }
        
        .ec-totalBox .ec-totalBox__taxLabel {
            font-size: 12px;
            white-space: nowrap;
        }
        
        .ec-totalBox .ec-totalBox__taxRate {
            margin-top: 5px;
            margin-bottom: 0;
            justify-content: space-between;
        }
        
        .ec-totalBox .ec-totalBox__taxRate dt::before {
            content: "(";
        }
        .ec-totalBox .ec-totalBox__taxRate dd::after {
            content: ")";
        }
        
        .ec-totalBox .ec-totalBox__btn {
            text-align: center;
        }
        
        .ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
            margin-bottom: 10px;
        }
        
        /* �w���t���[/�G���[ */
        .ec-cartRole .ec-cartRole__error .ec-alert-warning {
            max-width: 100%;
            background-color: #ff7a81;
            padding-top: 15px 15px;
            font-size: 14px;
        }
        
        @media (min-width: 768px) {
            .ec-cartRole .ec-cartRole__error {
                padding-left: 16px;
                padding-right: 16px;
            }
        }
        
        /* �w���t���[/���͂��惁�b�Z�[�W */
        .ec-AddAddress {
            padding: 0 20px;
        }
        .ec-AddAddress__info {
            border: 3px solid #b1b1b1;
            padding-top: 15px;
            padding-bottom: 15px;
            font-size: 14px;
            font-weight: bold;
        }
        
        .ec-AddAddress__info p {
            margin-bottom: 0;
        }
        
        /* �w���t���[/���͂��揤�i */
        .ec-AddAddress .ec-AddAddress__add {
            border-top: 1px solid #b1b1b1;
            padding-top: 0;
        }
        .ec-AddAddress .ec-AddAddress__item {
            background-color: #fff;
            border-bottom: 1px dotted #b1b1b1;
            margin-bottom: 0;
            width: 100%;
            padding: 20px 0;
        }
        
        .ec-AddAddress .ec-AddAddress__itemThumb {
            width: 100px;
            min-width: 100px;
        }
        
        .ec-AddAddress .ec-AddAddress__itemtContent {
            padding-left: 20px;
        }
        @media (min-width: 768px) {
            .ec-AddAddress .ec-AddAddress__itemtContent {
                padding-left: 40px;
            }
        }
        
        .ec-AddAddress .ec-AddAddress__itemtTitle {
            line-height: 1.5;
        }
        
        .ec-AddAddress .ec-AddAddress__itemtSize {
            margin-top: 5px;
            margin-bottom: 0;
            font-size: 12px;
        }
        .ec-AddAddress .ec-AddAddress__itemtTitle + .ec-AddAddress .ec-AddAddress__itemtSize {
            margin-top: 10px;
        }
        @media (min-width: 768px) {
            .ec-AddAddress .ec-AddAddress__itemtSize {
                font-size: 14px;
            }
        }
        
        .ec-AddAddress__itemtPrice,
        .ec-AddAddress__itemtNumber {
            line-height: 2;
            font-size: 12px;
            margin-top: 5px;
        }
        @media (min-width: 768px) {
            .ec-AddAddress__itemtPrice,
            .ec-AddAddress__itemtNumber {
                font-size: 14px;
            }
        }
        .ec-AddAddress__itemLabel {
            background-color: #f0f0f0;
            font-size: 12px;
            padding-left:10px;
            box-sizing: border-box;
            width: 70px;
            display: inline-block;
            margin-right: 10px;
        }
        
        /* �w���t���[/�Z���E���� */
        .ec-AddAddress .ec-AddAddress__select {
            padding: 15px 0;
            border-bottom: 1px dotted #b1b1b1;
        }
        @media (min-width: 768px) {
            .ec-AddAddress .ec-AddAddress__select {
                padding: 20px 250px 20px 0;
                position: relative;
            }
        }
        
        .ec-AddAddress .ec-AddAddress__selectAddress label,
        .ec-AddAddress .ec-AddAddress__selectNumber label {
            font-weight: bold;
            margin-right: 20px;
            clear: both;
        }
        @media (max-width: 767px) {
            .ec-AddAddress .ec-AddAddress__selectAddress label,
            .ec-AddAddress .ec-AddAddress__selectNumber label {
                display: block;
            }
        }
        @media (min-width: 768px) {
            .ec-AddAddress .ec-AddAddress__selectAddress label,
            .ec-AddAddress .ec-AddAddress__selectNumber label {
                clear: none;
                margin-bottom: 0;
                height: 43px;
                line-height: 43px;
            }
        }
        .ec-AddAddress .ec-AddAddress__selectAddress select {
            width: 100%;
        }
        @media (min-width: 768px) {
            .ec-AddAddress .ec-AddAddress__selectAddress select {
                width: 100%;
                min-width: auto;
            }
        }
        
        @media (min-width: 768px) {
            .ec-AddAddress .ec-AddAddress__selectAddress {
                display: block;
                padding-left: 85px;
                position: relative;
                padding-right: 50px;
            }
        }
        
        @media (min-width: 768px) {
            .ec-AddAddress .ec-AddAddress__selectAddress .ec-select label {
                position: absolute;
                left: 0;
                top: 0;
            }
        }
        
        .ec-AddAddress .ec-AddAddress__selectNumber {
            margin-left: 0;
            margin-top: 15px;
        }
        @media (max-width: 767px) {
            .ec-AddAddress .ec-AddAddress__selectNumber {
                display: block;
            }
        }
        @media (min-width: 768px) {
            .ec-AddAddress .ec-AddAddress__selectNumber {
                width: 250px;
                height: 43px;
                box-sizing: border-box;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                margin-top: auto;
                margin-bottom: auto;
            }
        }
        
        .ec-AddAddress .ec-AddAddress__selectNumber input {
            clear: both;
            margin-left: 0;
        }
        @media (min-width: 768px) {
            .ec-AddAddress .ec-AddAddress__selectNumber input {
                clear: none;
                display: inline-block;
            }
        }
        .btn.ec-inlineBtn.delete {
            cursor: pointer;
            border: none;
            background: none;
            color: #3e3e3e;
            text-decoration: underline;
            font-size: 14px;
            font-weight: normal;
        }
        .btn.ec-inlineBtn.delete::before {
            content: "[�~]";
            text-decoration: none;
            display: inline-block;
        }
        
        .ec-AddAddress__btn {
            margin-top: 20px;
        }
        
        
        /* �w���t���[�E���� */
        .ec-reportHeading {
            border: none;
        }
        .ec-reportHeading h2 {
            color: #3e3e3e;
            font-size: 20px;
        }
        @media (min-width: 768px) {
            .ec-reportHeading h2 {
                font-size: 30px;
            }
        }
        
        .ec-reportDescription {
            text-align: left;
            color: #3e3e3e;
            line-height: 1.75;
        }
        
        .ec-reportDescription strong {
            display: block;
            font-weight: bold;
            text-align: center;
            border: 3px solid #b1b1b1;
            padding: 15px;
        }
        @media (min-width: 768px) {
            .ec-reportDescription strong {
                font-size: 20px;
            }
        }
@media screen and (max-width:767px){
    .ec-layoutRole__header .navList {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .ec-layoutRole__header .navList h1 {
        display: none;
    }

    .law-content .ec-borderedDefs dt {
        line-height: 1.5;
    }
    .law-content .ec-borderedDefs dd span:first-child {
        margin-top: 0;
    }

    .ec-borderedDefs dt {
        line-height: 1.5;
    }

    /* ヘッダー */
    .ec-layoutRole__header .ec-headerNaviRole.isFixed {
        background-color: #fff;
        position: fixed;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        z-index: 1001; 
        width: 100%;
    }
    .ec-layoutRole__header .ec-headerNaviRole.isFixed::before {
        content: "";
        width: 100vw;
        height: 69px;
        display: block;
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: -1;
    }
    /* カテゴリーバー */
    .ec-layoutRole__header .navList.isFixed {
        position: fixed;
        left: 0;
        top: 52px;
        z-index: 1001;
        width: 100%;
    }

    .ec-layoutRole__header .ec-sliderRole.isFixed{
        margin-top:111px;
      } 

    .ec-layoutRole__header .navList .navList-list {
        background-color: #F8F8F8;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
    }
    .ec-layoutRole__header .navList .navList-list i.fa {
        display: none;
    }
    .ec-layoutRole__header .navList .navList-list > li.hasChild > a p::after {
        content: "\f0dd";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        margin-left: 8px;
        position: absolute;
        right: 0;
    }
    .ec-layoutRole__header .navList .navList-list > li a:hover {
        color: #333;
        text-decoration: none;
    }
    /* 子カテゴリーブロック */
    .ec-layoutRole__header .navList .navList-list > li > ul {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 999;
        background-color: #707070;
        min-width: 100%;
        padding: 20px;
    }
    /*
    .ec-layoutRole__header .navList .navList-list > li:hover ul {
        display: block;
    }
    */
    .ec-layoutRole__header .navList .navList-list > li:hover {
        background-color: transparent;
    }
    /* カテゴリー:階層1 */
    .ec-layoutRole__header .navList .navList-list > li {
        display: inline-block;
        position: relative;
        font-size: 14px;
        line-height: 1.5;
        padding-right: 30px;
        text-align: left;
        font-weight: bold;
    }
    .ec-layoutRole__header .navList .navList-list > li:last-child {
        padding-right: 0;
    }
    /* カテゴリー:階層2 */
    .ec-layoutRole__header .navList .navList-list > li ul li {
        margin-top: 20px;
    }
    .ec-layoutRole__header .navList .navList-list > li ul li:first-child {
        margin-top: 0;
    }
    .ec-layoutRole__header .navList .navList-list > li ul li a p {
        white-space: nowrap;
    }
    .ec-layoutRole__header .navList .navList-list > li ul li ul {
        position: relative;
    }
    .ec-layoutRole__header .navList .navList-list > li > ul > li > a > p {
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
    }
    .ec-layoutRole__header .navList .navList-list > li ul li a,
    .ec-layoutRole__header .navList .navList-list > li ul li a:hover {
        color: #fff;
    }
    .ec-layoutRole__header .navList .navList-list > li.hasChild > a p {
        padding-right: 15px;
        position: relative;
    }
    /* カテゴリー:階層3 */
    .ec-layoutRole__header .navList .navList-list > li ul li ul li,
    .ec-layoutRole__header .navList .navList-list > li ul li ul li:first-child {
        font-weight: normal;
        margin-top: 10px;

    }
    .ec-layoutRole__header .navList .navList-list > li ul li ul li a p {
        padding-left: 15px;
        position: relative;
    }
    .ec-layoutRole__header .navList .navList-list > li ul li ul li a p:before {
        content: "-";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
    }
    /* カテゴリー:階層4～ */
    .ec-layoutRole__header .navList .navList-list > li ul li ul li ul {
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* ヘッダー */
    .ec-layoutRole__header .ec-headerNaviRole.isFixed {
        padding-left: 8%;
        padding-right: 8%;
    }
}

/*210510 takagi add 商品一覧画面カートに入れるボタン「販売終了致しました」のスマホフォントサイズ調整のため追加*/
/* @media (max-width: 767px) {
    .ec-blockBtn--action {
        font-size: 12px;
    }
} */