@charset "utf-8";*{-webkit-text-size-adjust:none}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,main{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}html{height:100%;background:#fff}
body{margin:0 auto;min-height:100%;position:relative;}
a{color:#333;text-decoration:none;cursor:pointer;margin:0;padding:0;vertical-align:baseline;-webkit-tap-highlight-color:rgba(255,255,255,0.4)}
a:hover{text-decoration:none}p{margin:0 0 15px}input,textarea,select{font:100% Arial,Helvetica,sans-serif;vertical-align:middle}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}figure{margin:0;padding:0}ul{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0;width:100%}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:10px 0;padding:0}
body{
    font-family:"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ",Meiryo,Osaka,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",sans-serif;
    color:#000;

}
.text-hidden{
    display:block;
    margin:0;
    padding:0;
    position:absolute;
    overflow:hidden;
    left:-9999px;
    position:absolute;
}
img.images{
    display:block;
    width:100%;
}
.btn-yellow{
    display:block;
    background:rgb(255,237,0);
    background:-moz-linear-gradient(top, rgba(255,237,0,1) 0%, rgba(254,175,49,1) 100%);
    background:-webkit-linear-gradient(top, rgba(255,237,0,1) 0%,rgba(254,175,49,1) 100%);
    background:linear-gradient(to bottom, rgba(255,237,0,1) 0%,rgba(254,175,49,1) 100%);
    position:relative;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size:18px;
    line-height:24px;
    color:#000;
    font-weight:bold;
    height:82px;
    box-shadow:
            0 1px #980012,
            0 2px #980012,
            0 3px #980012;
}
.btn-yellow:before{
    content:'';
    background:url(../img/images-top/bullet001.png) no-repeat;
    display:block;
    width:27px;
    height:27px;
    overflow:hidden;
    margin-right:9px;
}
#wrapper{
    overflow:hidden;
    width:100%;
    padding-top:0;
}
/* header begin */
#header{
    background:#fff;
    position:relative;
    top:0;
    left:0;
    right:0;
    height:auto !important;
    z-index:10;
}
#header .wrap{
    padding:8px 0;
    position:relative;
    position:relative;
    z-index:3;
    background:#fff;
}
.logo{
    position:absolute;
    top:0;
    left:0;
    width:98px;
    height:57px;
    overflow:hidden;
    background:url(../img/images-top/logo.png) no-repeat 50%;
    background-size:100%;
    text-indent:-9999px;
    margin-right:5px;
}
.logo a{
    display:block;
    height:100%;
    position:relative;
}
.slogan{
    display:block;;
    font-size:9px;
    line-height:14px;
    color:#fff;
    font-weight:normal;
    padding:0 8px;
    background:#ff0101;
    position:relative;
    z-index:3;
}
.list-header-top{float:right;}
.list-header-top li{
    float:left;
    padding-right:12px;
}
.list-header-top li:last-child{padding-right:6px;}
.list-header-top a{
    display:block;
    position:relative;
    width:40px;
    height:40px;
    background:#ff0101;
    overflow:hidden;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius:9px;
    text-indent:-9999px;
}
.list-header-top a.tel{
    background:#ff0101 url(../img/images-top/btn-header002.png) no-repeat 50%;
    background-size:100px 31px;
    width:106px;
}
.list-header-top a.login{
    background:#ff0101 url(../img/images-top/btn-header001.png) no-repeat  0 -1px;
    background-size:40px 40px;
}
.list-header-top a.logout{
    background:#ff0101 url(../img/images-top/btn-logout.png) no-repeat  0 -1px;
    background-size:40px 40px;
}
.mobile-opener{
    display:block;
    position:absolute;
    outline:none;
    top:0;
    right:0;
    width:60px;
    height:60px;
    background:url(../images/bg-mobile-opener.png) no-repeat;
    background-size:60px 60px;
    z-index: 990;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-indent:-9999px;
    opacity:1 !important;
    overflow:hidden;
}
.mobile-opener span {
    display: block;
    position: absolute;
    top: 18px;
    left: 7px;
    right: 7px;
    height: 3px;
    background: #fff;
    -webkit-transition: background 0s .3s;
    transition: background 0s .3s;
}
.mobile-opener span:after,
.mobile-opener span:before{
    -webkit-transition-duration: .3s,.3s;
    transition-duration: .3s,.3s;
    -webkit-transition-delay: .3s,0s;
    transition-delay: .3s,0s;
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    content: "";
}
.mobile-opener span:before{
    -webkit-transition-property: top,-webkit-transform;
    transition-property: top,transform;
    top:-10px;
}
.mobile-opener span:after{
    -webkit-transition-property: bottom,-webkit-transform;
    transition-property: bottom,transform;
    bottom: -10px;
}
.nav-visible .mobile-opener span{background: 0 0;}
.nav-visible .mobile-opener span:after,
.nav-visible .mobile-opener span:before{
    -webkit-transition-delay: 0s,.3s;
    transition-delay: 0s,.3s;
}
.nav-visible .mobile-opener span:before{
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background:#fff;
}
.nav-visible .mobile-opener span:after{
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background:#fff;
}
.add-nav{
    overflow:hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.add-nav li{width:100%;}
.add-nav a{
    display:block;
    text-align:center;
    white-space:nowrap;
    font-size:10px;
    line-height:32px;
    color:#fff;
    font-weight:bold;
    overflow:hidden;
    position:relative;
}
.add-nav a.item01{
    background:#ff0054;
    border-top:2px solid #c40041;
}
.add-nav a.item02{
    background:#0574dc;
    border-top:2px solid #0459a9;
}
.add-nav a.item03{
    background:#159600;
    border-top:2px solid #107300;
}
.add-nav a.item04{
    background:#b200c7;
    border-top:2px solid #890099;
}
.add-nav a:before{
    content:'';
    display:inline-block;
    vertical-align:top;
    width:14px;
    height:11px;
    overflow:hidden;
    margin:10px 0 0;
}
.add-nav a.item01:before{
    background:url(../img/images-top/icon-add-nav001.png) no-repeat 0 50%;
    background-size:14px 11px;
}
.add-nav a.item02:before{
    background:url(../img/images-top/icon-add-nav002.png) no-repeat 0 50%;
    background-size:14px 11px;
}
.add-nav a.item03:before{
    background:url(../img/images-top/icon-add-nav003.png) no-repeat 0 50%;
    background-size:14px 11px;
}
.add-nav a.item04:before{
    background:url(../img/images-top/icon-add-nav004.png) no-repeat 0 50%;
    background-size:14px 11px;
}
.swiper-gallery-top{
    overflow:hidden;
    position:relative;
}
.swiper-gallery-top .swiper-slide img{
    display:block;
    width:100%;
}
.swiper-gallery-top .swiper-pagination{
    display:block !important;
    background:#fff;
    bottom:0 !important;
    position:relative !important;
    line-height:6px;
    padding:8px 0 22px;
}
.swiper-gallery-top .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#9b9b9b;}
.nav{
    position:fixed;
    top:0;
    width:60%;
    bottom:0;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    background-color:rgba(0, 0, 0, 0.7);
    z-index:2;
    right:0;
    -webkit-transform: translate3d(125%,0,0);
    transform: translate3d(125%,0,0);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    padding:70px 0 0;
}
.nav-visible .nav{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.logged-user-header.nav-visible .nav{
    width:50%;
    padding-top:102px;
}
.nav ul,
.user-wrap ul{overflow:hidden;}
.nav li,
.user-wrap li{border-bottom:1px solid #5c5755;}
.nav a,
.user-wrap a{
    display:block;
    padding:13px 20px;
    font-size:14px;
    line-height:18px;
    font-weight:bold;
    color:#fff;
}
.user-wrap{
    position:fixed;
    top:0;
    width:50%;
    bottom:0;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    background-color:rgba(58, 0, 0, 0.7);
    z-index:2;
    left:0;
    -webkit-transform: translate3d(-125%,0,0);
    transform: translate3d(-125%,0,0);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    padding:70px 0 0;
}
.logged-user-header.nav-visible .user-wrap{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.user-wrap strong{
    display:block;
    padding:13px 20px 0;
    font-size:11px;
    line-height:18px;
    overflow:hidden;
    white-space:nowrap;
    color:#fff;
    margin-bottom:1px;
}
.user-wrap strong span{
    display:block;
    width:100%;
    max-width:100%;
    font-weight:normal;
    text-overflow: ellipsis;
    overflow:hidden;
}
#main{
    overflow:hidden;
    padding:0 9px;
    background:#fff;
}
#content{padding-bottom:20px;}
.banner-page{
    overflow:hidden;
    margin-bottom:10px;
}
.banner-page a{
    display:block;
    margin-top:6px;
}
.banner-page a:first-child{margin:0;}
.banner-page a img{
    display:block;
    width:100%;
}
.delivery-block{
    background:#ffca00;
    overflow:hidden;
    padding-top:8px;
    margin-bottom:18px;
}
.delivery-block .frame{overflow:hidden;}
.delivery-block .frame img{
    display:block;
    width:100%;
}
.delivery-block-holder{padding:8px 0;}
.delivery-block h2{overflow:hidden;}
.delivery-block h2 img{
    display:block;
    margin:0 auto;
    height:19px;
}
.delivery-block-holder{
    overflow:hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.delivery-block-holder .box{
    width:100%;
    margin:0 8px;
    background:#fff;
    overflow:hidden;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding:10px 0;
}
.delivery-block-holder .box strong,
.delivery-block-holder .box span{
    display:block;
    text-align:center;
    width:100%;
    font-size:12px;
    line-height:24px;
    color:#000;
}
.delivery-block-holder .box strong{
    font-size:17px;
    color:#f00;
}
.delivery-block-holder .box .n{
    font-size:11px;
    line-height:14px;
}
.steps-info-top-block{
    overflow:hidden;
    margin-bottom:13px;
}
.steps-info-top-block img{
    display:block;
    width:100%;
    max-width:396px;
    margin:0 auto;
}
.steps-info-top-block > div{margin-top:11px;}
.steps-info-top-block > div:first-child{margin:0;}
.block-page{overflow:hidden;}
.title-block-page{
    background:url(../img/images-top/bg-title-block-page.gif);
    background-size:4px;
    overflow:hidden;
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    border-radius:6px 6px 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align:center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size:13px;
    line-height:16px;
    color:#fff;
    font-weight:bold;
    padding:2px;
    min-height:44px;
    margin-bottom:12px;
}
.list-original-items{
    overflow:hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin:-9px 0 6px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-original-items li{
    width:32%;
    margin-top:9px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.list-original-items a{
    display:block;
    border:1px solid #848484;
    padding:1px;
    background:#fff;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-original-items strong{
    display:block;
    text-align:center;
    background:#f6f6f6;
    font-size:12px;
    line-height:16px;
    color:#1d1d1d;
    padding:3px;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
}
.list-original-items .img{
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align:center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding:8px 4px;
    height:120px;
}
.list-original-items .img img{
    display:block;
    max-width:100%;
}
.btn-blue{
    display:block;
    margin:0 auto 19px;
    background: rgb(74,155,234);
    background: -moz-linear-gradient(top, rgba(74,155,234,1) 0%, rgba(31,123,229,1) 100%);
    background: -webkit-linear-gradient(top, rgba(74,155,234,1) 0%,rgba(31,123,229,1) 100%);
    background: linear-gradient(to bottom, rgba(74,155,234,1) 0%,rgba(31,123,229,1) 100%);
    text-align:center;
    font-size:15px;
    line-height:20px;
    color:#fff;
    font-weight:bold;
    overflow:hidden;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    width:100%;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    height:50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow:
            0 1px #004797,
            0 2px #004797;
}
.btn-blue span{
    display:block;
    vertical-align:top;
    position:relative;
    padding-left:20px;
    overflow:hidden;
    padding-top:4px;
}
.btn-blue span:after{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    width:17px;
    height:17px;
    background:#fff;
    overflow:hidden;
    -moz-border-radius:13px;
    -webkit-border-radius:13px;
    border-radius:13px;
    margin-top:-8px;
}
.btn-blue span:before{
    content:'';
    position:absolute;
    left:6px;
    top:50%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 8px solid #227de5;
    border-bottom: 5px solid transparent;
    z-index:2;
    margin-top:-4px;
}
.btn-blue.add span:before{display:none;}
.btn-blue.add span:after{
    background:url(../img/images-top/item-s.png) no-repeat;
    background-size:100%;
}
.block-popular-item{
    overflow:hidden;
    background:#ffd200;
    margin-bottom:17px;
    padding:0 0 5px;
}
.block-popular-item h2{overflow:hidden;}
.block-popular-item h2 img{
    display:block;
    width:100%;
}
.block-popular-item .accordion-block{
    overflow:hidden;
    padding:12px 7px 0;
}
.block-popular-item .accordion-child{
    overflow:hidden;
    background:#fff;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin-top:9px;
}
.block-popular-item .accordion-child:first-child{margin:0;}
.block-popular-item .accordion-child .title{
    overflow:hidden;
    padding:5px 5px 5px 9px;
    position:relative;
}
.block-popular-item .accordion-child .title h4{
    position:relative;
    padding-right:50px;
    font-size:13px;
    line-height:19px;
    color:#000;
}
.block-popular-item .accordion-child .slide-link{
    position:absolute;
    right:12px;
    top:5px;
    width:48px;
    height:18px;
    border-bottom:2px solid #004797;
    -moz-border-radius:5px 5px 6px 6px;
    -webkit-border-radius:5px 5px 6px 6px;
    border-radius:5px 5px 6px 6px;
    overflow:hidden;
    text-align:center;
    font-size:11px;
    line-height:19px;
    color:#fff;
    background: rgb(74,155,234);
    background: -moz-linear-gradient(top, rgba(74,155,234,1) 0%, rgba(31,123,229,1) 100%);
    background: -webkit-linear-gradient(top, rgba(74,155,234,1) 0%,rgba(31,123,229,1) 100%);
    background: linear-gradient(to bottom, rgba(74,155,234,1) 0%,rgba(31,123,229,1) 100%);
    z-index:2;
}
.block-popular-item .accordion-child.slide-active .slide-link:after{
    content:"閉じる";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#454545;
}
.popular-item-list{
    overflow:hidden;
    padding:0 14px;
}
.popular-item-list li{
    border-top:2px solid #d3d3d3;
    padding:10px 0;
}
.popular-item-list li:first-child{
    padding-top:0;
    border:0;
}
.popular-item-list .box{
    overflow:hidden;
    display:block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.popular-item-list .image{
    width:75px;
    min-width:75px;
    max-width:75px;
    margin-right:10px;
}
.popular-item-list .image img{
    display:block;
    width:100%;
}
.popular-item-list .rang{
    width:26px;
    position:absolute;
    left:0;
    top:0;
}
.popular-item-list .rang img{
    display:block;
    width:100%;
}
.popular-item-list .holder{width:100%;}
.popular-item-list h3{
    font-size:13px;
    line-height:18px;
    color:#000;
    position:relative;
    padding-left:30px;
    min-height:22px;
    padding-top:6px;
}
.popular-item-list dl{
    display:block;
    overflow:hidden;
}
.popular-item-list dl dt{
    float:left;
    margin:0;
    padding:0;
    font-size:12px;
    line-height:15px;
    color:#000;
}
.popular-item-list dl dd{
    display:block;
    overflow:hidden;
    margin:0;
    padding:0;
    font-size:12px;
    line-height:15px;
    color:#000;
}
.block-fee-system{
    overflow:hidden;
    margin-bottom:10px;
}
.block-fee-system > h3{
    font-size:12px;
    line-height:16px;
    font-weight:bold;
    color:#000;
    margin-bottom:4px;
}
.block-fee-system > p{
    font-size:12px;
    line-height:15px;
    color:#000;
    margin-bottom:10px;
}
.box-fee-system{
    background:#ffeded;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    padding:10px;
}
.box-fee-system > h2{
    text-align:center;
    font-size:16px;
    line-height:20px;
    color:#000;
    font-weight:bold;
    margin:0 0 10px;
}
.box-fee-system > h2 span{color:#f00202;}
.holder-box-fee-system{
    position:relative;
    padding:0 54px 0 60px;
}
.holder-box-fee-system > h3{
    font-size:12px;
    line-height:16px;
    font-weight:bold;
    color:#000;
}
.holder-box-fee-system > p{
    font-size:12px;
    line-height:14px;
    color:#000;
    margin:0;
}
.holder-box-fee-system .btn-blue{margin:0;}
.holder-box-fee-system:after{
    content:'例えば';
    position:absolute;
    left:0;
    top:0;
    background:#079000;
    width:56px;
    height:56px;
    overflow:hidden;
    line-height:56px;
    font-size:12px;
    color:#fff;
    font-weight:bold;
    -moz-border-radius:56px;
    -webkit-border-radius:56px;
    border-radius:56px;
    text-align:center;
}
.holder-box-fee-system:before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:50px;
    height:50px;
    background:url(../img/images-top/img-holder-box-fee-system.png) no-repeat;
    background-size:100% auto;
}
.list-original-prod{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.list-original-prod li{
    width:49%;
    max-width:49%;
    margin-bottom:9px;
}
.list-original-prod a{display:block;}
.list-original-prod strong{
    display:block;
    position:relative;
    background:#fff;
    border:1px solid #bdbdbd;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    margin-bottom:17px;
    text-align:center;
    font-size:12px;
    line-height:22px;
}
.list-original-prod strong:after{
    content:'';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #bdbdbd;
    position:absolute;
    left:50%;
    top:100%;
    margin-left:-6px;
}
.list-original-prod strong:before{
    content:'';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    position:absolute;
    left:50%;
    top:100%;
    margin-left:-6px;
    z-index:2;
    margin-top:-1px;
}
.list-original-prod img{
    display:block;
    width:100%;
    margin-bottom:5px;
}
.list-original-prod span{
    display:block;
    text-align:center;
    font-size:10px;
    line-height:14px;
}
.block-banner-link{
    overflow:hidden;
    margin-bottom:23px;
}
.block-banner-link img{
    display:block;
    width:100%;
}
.list-customer-voice{overflow:hidden;}
.list-customer-voice li{
    border-top:1px dotted #000;
    padding:12px 0;
    display:none;
}
.list-customer-voice li:nth-child(-n+3){display:block;}
.list-customer-voice li:first-child{
    border:0;
    padding-top:0;
}
.list-customer-voice .top{
    overflow:hidden;
    margin-bottom:8px;
    font-size:12px;
    line-height:14px;
}
.list-customer-voice .stars{
    display:inline-block;
    vertical-align:top;
    width:80px;
    height:14px;
    overflow:hidden;
    margin-right:4px;
    background:url(../img/images-top/item-star.png) no-repeat;
    background-size:80px 88px;
}
.list-customer-voice .stars.s0{background-position:0 -1px;}
.list-customer-voice .stars.s1{background-position:0 -15px;}
.list-customer-voice .stars.s2{background-position:0 -30px;}
.list-customer-voice .stars.s3{background-position:0 -44px;}
.list-customer-voice .stars.s4{background-position:0 -59px;}
.list-customer-voice .stars.s5{background-position:0 -73px;}
.list-customer-voice .top strong{
    display:inline-block;
    vertical-align:top;
    font-size:12px;
    line-height:14px;
    color:#000;
}
.list-customer-voice p{
    font-size:11px;
    line-height:14px;
    color:#000;
    margin:0;
}
.list-notice{
    overflow:hidden;
    margin-bottom:10px;
    position:relative;
    margin-top:-10px;
}
.list-notice li{
    border-bottom:1px dotted #000;
    padding:8px 0 6px;
    font-size:13px;
    line-height:18px;
    color:#393939;
}
.list-notice .date{
    display:block;
    font-size:13px;
    line-height:18px;
    color:#393939;
    font-weight:bold;
}
.list-notice p{
    margin:0;
    width:100%;
    overflow:hidden;
}
.list-notice p a{
    color:#00a2ff;
    text-decoration:underline;
}
#facebook{
    overflow:hidden;
    margin-bottom:20px;
}
#facebook iframe{
    display:block;
    margin:0 auto;
}
.titl-recommended-service{
    overflow:hidden;
    margin:0 -9px 16px;
}
.titl-recommended-service img{
    display:block;
    width:100%;
}
.list-recommended-service{
    overflow:hidden;
    margin-bottom:10px;
}
.list-recommended-service li{padding-top:7px;}
.list-recommended-service li:first-child{padding:0;}
.list-recommended-service a{display:block;}
.list-recommended-service img{
    display:block;
    width:100%;
}
.sidebar-info{
    overflow:hidden;
    margin:0 -9px 16px;
    background:#cceeff;
}
.sidebar-info .box{
    overflow:hidden;
    position:relative;
}
.sidebar-info .box img{
    display:block;
    width:100%;
}
.sidebar-info .banner-box{
    overflow:hidden;
    padding:12px 12px 14px;
}
.sidebar-info .banner-box h3{
    overflow:hidden;
    margin-bottom:10px;
}
.sidebar-info .banner-box h3 img{
    display:block;
    margin:0 auto;
    height:36px;
}
.sidebar-banner-list{overflow:hidden;}
.sidebar-banner-list li{padding-top:6px;}
.sidebar-banner-list li:first-child{padding:0;}
.sidebar-banner-list img{
    display:block;
    width:100%;
}
#footer{
    overflow:hidden;
    background:#ea0000;
    padding:0 14px;
    border-bottom:1px solid #fff;
    margin-top: 40px;
}
#footer .wrap{
    overflow:hidden;
    border-bottom:1px solid #fff;
    padding:14px 0 11px;
    margin-bottom:6px;
}

.col-link{
    display:block;
    overflow:hidden;
    font-size:10px;
    line-height:13px;
    color:#fff;
}
.col-link span{
    display:block;
    overflow:hidden;
    font-size:20px;
    line-height:22px;
    font-weight:bold;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    margin-top:5px;
}
.footer-nav{
    overflow:hidden;
    margin-bottom:5px;
}
.footer-nav li{
    float:left;
    width:50%;
}
.footer-nav a{
    display:block;
    font-size:10px;
    line-height:24px;
    color:#fff;
    font-weight:bold;
}
.copyright{
    overflow:hidden;
    margin:0 0 10px;
    padding:0;
    font-size:10px;
    line-height:17px;
    color:#fff;
    font-weight:bold;
    text-align:center;
}
img.mark-grey {
    background-color: #e2e2e2;
    border: 1px solid #d7d7d7;
    margin: 14px auto;
}
.popular-item-list  img.mark-grey{margin:0;}
#link-top{
    position:fixed;
    bottom: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background:url(img/pagetop.png) no-repeat;
    background-size:30px 30px;
    z-index:8;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
}
/* form castom */
#main .jcf-select{
    display:block;
    border:1px solid #dedede;
    background: #fdfdfd;
    background: -moz-linear-gradient(top,  #fdfdfd 0%, #f4f4f4 100%);
    background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f4f4f4 100%);
    background: linear-gradient(to bottom,  #fdfdfd 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f4f4',GradientType=0 );
    outline:none;
    width:98%;
    min-width:100px;
}
#main .jcf-select-opener{
    background:none;
    overflow:hidden;
}
#main .jcf-select-opener:after{
    content:'';
    position:absolute;
    top:50%;
    left:4px;
    width: 0;
    height: 0;
    margin-top:-3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 7px solid #000;
}
#main .jcf-focus{border:1px solid #dedede !important;}
#main .jcf-select-drop .jcf-select-drop-content{
    border:0 !important;
    background: #fdfdfd;
}
#main .jcf-list .jcf-option{
    font-size:14px;
    line-height:30px;
    color:#555;
    padding:0 8px;
    cursor:pointer;
}
#main .jcf-list .jcf-option.jcf-option-color{
    position:relative;
    padding-left:36px;
}
#wrapper .jcf-list .jcf-option.jcf-option-color:after{
    content:'';
    position:absolute;
    left:8px;
    top:50%;
    width:24px;
    height:24px;
    overflow:hidden;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    margin-top:-12px;
}
.jcf-option-mark01:after{
    background:#207e13;
}
.jcf-option-mark02:after{
    background:#ffffff;
    border:1px solid #dedede;
    width:23px;
    height:23px;
}
.jcf-option-mark03:after{
    background:#0b65e0;
}
.jcf-option-mark04:after{
    background:#e00b38;
}
.jcf-option-mark05:after{
    background:#151414;
}
.jcf-option-mark06:after{
    background:#5528e8;
}
.jcf-list ul{
    max-height:210px;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
#main .jcf-list, #wrapper .jcf-list .jcf-list-content{
    width:auto !important;
}
#main .jcf-list{
    width:auto !important;
    border:1px solid #dedede !important;
    background: #fdfdfd;
}
#main .jcf-select{
    height:28px;
    margin:0;
}
#main .jcf-select .jcf-select-text{line-height:28px;}
#main .search_list .row{margin-bottom:5px;}
.search_list_right-top{
    position:relative;
    width:100%;
}
.search_list_right-top > div{
    float:none !important;
}
.search_list_right-top .box-l{
    width:100% !important;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding-right:150px;
}
.search_list_right-top .box-r{
    width:145px !important;
    position:absolute;
    right:0;
    top:15px;
}
.cart{padding-top:10px;}
.search_list_right-top .row{overflow:visible !important;}
.search_list_right-top .row:after{
    content:'';
    display:block;
    clear:both;
}
.search_list_right-top{
    overflow:visible !important;
}
.search_list_right-top:after{
    content:'';
    display:block;
    clear:both;
}
.search_list_right-top .row{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.search_list_right-top .row label{padding-right:4px;}
.search_list_right-top .row{margin-bottom:10px !important;}
.jcf-select .jcf-select-text{
    margin:0 20px 0 8px !important;
}
.jcf-select .jcf-select-opener{
    width:20px !important;
}
.search_list_right-top .row .i,
.search_list_right-top .row label{
    font-size: 11px !important;
    line-height: 30px !important;
}
/* form castom end */
/* form header */
.pure-form{
    display:block;
    background:#080808;
    padding:9px 10px;
    overflow:hidden;
    position:relative;
}
.pure-form > div{
    overflow:hidden;
}
.pure-form .pure-button{
    display:block;
    width:48px;
    height:28px;
    font-size:10px;
    line-height:22px;
    border:1px solid #fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding:0;
    margin:0;
    text-align:center;
    color:#fff;
    background:#373737;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.pure-form .field{
    float:left;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:175px;
    border:0;
    padding:7px !important;
    font-size:10px;
    line-height:12px;
    color:#454545;
    font-weight:bold;
    margin:0 8px 0 0 !important;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    outline:none;
}
/* form header */
/*  select-custom  */
.select-custom{
    width:98%;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
    border:1px solid #dedede;
    background:#fdfdfd;
    background:-moz-linear-gradient(top,  #fdfdfd 0%, #f4f4f4 100%);
    background:-webkit-linear-gradient(top,  #fdfdfd 0%,#f4f4f4 100%);
    background:linear-gradient(to bottom,  #fdfdfd 0%,#f4f4f4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f4f4f4',GradientType=0 );
}
.select-custom strong{
    display:block;
    cursor:pointer;
    position:relative;
    overflow: hidden;
}
.select-custom strong span{
    display:block;
    cursor:pointer;
    position:relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:13px;
    line-height:28px;
    font-weight:normal;
    margin: 0 20px 0 20px!important;
    color:#000;
}
.select-custom strong:after{
    content:'';
    position:absolute;
    top:50%;
    right:7px;
    width: 0;
    height: 0;
    margin-top:-3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 7px solid #000;
}
.select-custom ul{
    display:none;
    border:1px solid grey;
    margin:0;
    padding:0;
    list-style:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#fff;
    z-index:10;
    max-height:200px;
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}
.select-custom ul.active{display:block;}
.select-custom li{
    list-style:none;
    padding:2px 5px 2px 32px;
    cursor:pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size:13px;
    line-height:28px;
    font-weight:normal;
    overflow:hidden;
    position:relative;
}
.select-custom li:hover{background: #e6e6e6;}
.select-custom li span{
    position:absolute;
    left:4px;
    position:absolute;
    top:50%;
    overflow:hidden;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    margin-top:-12px;
    border:1px solid #dedede;
    width:23px;
    height:23px;
}
.select-custom strong span span{
    position:absolute;
    left:-38px;
    top:20%;
    overflow:hidden;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
    margin-top:-9px;
    border:1px solid #dedede;
    width:15px;
    height:15px;
}
/* select-custom end */
/* update search top */
.pure-form{padding:2px;}
.pure-form .pure-button{
    position:absolute;
    right:0;
    top:0;
    height:26px;
}
.pure-form > div{
    position:relative;
    padding-right:49px;
}
.pure-form .field{width:100%;}
.nav-visible{overflow:hidden;}
/* update search top end */
/*fallart page*/
.fallart{
    margin-bottom: 48px;
}
.fallart .btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgb(214, 21, 24);
    border-radius: 4px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.fallart .btn:hover{
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 3px 3px 0 rgb(114, 0, 0);
    box-shadow: 3px 3px 0 rgb(114, 0, 0);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.fallart .btn .ico{
    margin-right: 4px;
    max-width: 22px;
    max-height: 22px;
}
.fallart .btn .ico img{
    display: block;
    width: 100%;
}
.fallart .btn .btn-text{
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    font-weight: bold;
}
.fallart .top-banner{
    margin: 0 -9px 19px;
}
.fallart .top-banner img{
    display: block;
    width: 100%;
}
.fallart .content-block h2{
    position: relative;
    padding: 12px 13px;
    margin-bottom: 16px;
    background: rgb(103, 63, 35);
    text-align: left;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}
.fallart .content-block h2:before{
    position: absolute;
    content: '';
    width: 21px;
    height: 24px;
    top: -8px;
    left: 1px;
    background: url('../img/fallart/red-leaf-top.png') no-repeat;
    background-size: cover;
}
.fallart .content-block h2:after{
    position: absolute;
    content: '';
    width: 21px;
    height: 24px;
    bottom: -8px;
    right: 1px;
    background: url('../img/fallart/red-leaf-bottom.png') no-repeat;
    background-size: cover;
}
.fallart .content-block .text{
    font-size: 11px;
    line-height: 15px;
}
.fallart .content-block .text p a{
    text-decoration:underline;
    color:rgb(0, 155 ,253);
}
.fallart .content-block .arts-gallery{
    padding: 18px 13px;
    margin-bottom: 26px;
    background: url('../img/fallart/gallery-bg.png') no-repeat;
    background-size: cover;
}
.fallart .content-block .arts-gallery h3{
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: rgb(210, 208, 10);
    font-weight: 800;
}
.fallart .content-block .arts-gallery .gallery-text{
    margin-bottom: 24px;
    font-size: 11px;
    line-height: 15px;
    color: #fff;
}
.fallart .content-block .arts-gallery .gallery-text p{
    margin-bottom: 19px;
}
.fallart .content-block .arts-gallery .gallery{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.fallart .content-block .arts-gallery .gallery li{
    width: 40%;
    margin-bottom: 17px;
}
.fallart .content-block .arts-gallery .gallery a,
.fallart .content-block .arts-gallery .gallery span{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
}
.fallart .content-block .arts-gallery .gallery .image{
    margin-bottom: 6px;
}
.fallart .content-block .arts-gallery .gallery img{
    display: block;
    width: 100%;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.fallart .content-block .arts-gallery .gallery a:hover{
    opacity: 0.8;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.fallart .content-block .arts-gallery .gallery .underline{
    display: inline-block;
    position: relative;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 15px;
}
.fallart .content-block .arts-gallery .gallery .underline:after{
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: rgb(171, 167, 163);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.fallart .content-block .arts-gallery .gallery a:hover .underline:after{
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.fallart .content-block .arts-gallery .filter{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 6px;
}
.fallart .content-block .arts-gallery .filter li{
    margin-bottom: 14px;
    width: 46%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.fallart .content-block .arts-gallery .filter li:hover{
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 0 #000;
    box-shadow: 3px 3px 0 #000;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.fallart .content-block .arts-gallery .filter a{
    display: block;
    height: 33px;
    text-align: center;
    font-size: 10px;
    line-height: 33px;
    background: url('../img/fallart/button-filter.png') no-repeat;
    background-size: 100% 100%;
}
.fallart .content-block .arts-gallery .see-more .btn{
    padding: 14px;
}
.fallart .content-block .items{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fallart .content-block .items li{
    width: 46%;
    margin-bottom: 18px;
}
.fallart .content-block .items a{
    display: block;
    height: 100%;
}
.fallart .content-block .items .item-image{
    border: 2px solid rgb(213, 213, 213);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.fallart .content-block .items .item-image:hover{
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 0 rgb(223, 223, 223);
    box-shadow: 3px 3px 0 rgb(223, 223, 223);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.fallart .content-block .items .item-image img{
    display: block;
    width: 100%;
}
.fallart .content-block .items .description{
    margin-top: 6px;
    font-size: 10px;
    line-height: 14px;
    color: rgb(0, 155 ,253);
    text-align: center;
}
.fallart .content-block .items .description span{
    display: inline-block;
    position: relative;
    padding: 0 1px;
    margin-bottom: 2px;
}
.fallart .content-block .items .description span:after{
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0;
    right: 0;
    height: 1px;
    background: rgb(163, 209 ,254);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.fallart .content-block .items a:hover .description span:after{
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}
.fallart .content-block .items-2 .subtitle{
    font-size: 10px;
    line-height: 13px;
    text-align: center;
    margin-bottom: 10px;
}
.fallart .content-block .items-2 .title{
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    font-weight: bold;
}
.fallart .content-block .items-2 a:hover .title,
.fallart .content-block .items-2 a:hover .subtitle{
    text-decoration: underline;
}
.fallart .content-block .items-2{
    margin-bottom: 23px;
}
.fallart .content-block .items-2 li{
    width: 100%;
    margin-bottom: 11px;
}
.fallart .content-block .items-2 .block{
    border: 2px solid rgb(213, 213, 213);
    position: relative;
    padding: 8px 0 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
/*.fallart .content-block .items-2 .block:hover{*/
/*-webkit-transform: translateY(-3px);*/
/*-ms-transform: translateY(-3px);*/
/*transform: translateY(-3px);*/
/*border-radius: 3px;*/
/*-webkit-box-shadow: 3px 3px 0 rgb(223, 223, 223);*/
/*box-shadow: 3px 3px 0 rgb(223, 223, 223);*/
/*-webkit-transition: .5s;*/
/*-o-transition: .5s;*/
/*transition: .5s;*/
/*}*/
.fallart .content-block .items-2 .image{
    cursor: pointer;
    position: relative;
}
.fallart .content-block .items-2 .titles,
.fallart .content-block .items-2 .image{
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 19px;
}
.fallart .content-block .items-2 a{
    display: block;
    height: 100%;
}
.fallart .content-block .items-2 .image:after{
    position: absolute;
    content: '';
    height: 21px;
    width: 25px;
    background: url('../img/fallart/loop-icon.png') no-repeat;
    background-size: cover;
    bottom: 5px;
    right: 13px;
}
.fallart .content-block .buttons{
    margin-top: 26px;
}
.fallart .content-block .buttons .btn{
    padding: 8px;
    margin-bottom: 12px;
    min-height: 52px;
}
.fallart .content-block .buttons .btn:last-child{
    margin-bottom: 0;
}
/*for popup*/
.modal_form {
    width: 80%;
    height: auto;
    border-radius: 5px;
    border: 3px #000 solid;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*margin-top: -150px;*/
    /*margin-left: -150px;*/
    display: none;
    opacity: 0;
    z-index: 80;
    padding: 20px 10px;
}
.modal_form .image{
    margin-top: 20px;
}
.modal_form img{
    display: block;
    width: 100%;
}
.modal_form .modal_close {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: block;
}
#overlay {
    z-index:75;
    position:fixed;
    background-color:#000;
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity=80);
    width:100%;
    height:100%;
    top:0;
    left:0;
    cursor:pointer;
    display:none;
}
/*for popup end*/
/*fallart page end*/
/*subgallery for ring*/
.item_mainual_images .image{
    display: inline-block;
    margin-right: 20px;
}
.item_mainual_images .image:last-child{
    margin-right: 0;
}
.item_mainual_images .image img{
    display: block;
    height: 140px;
    width: auto;
    margin-bottom: 10px;
}
.item_mainual_images .image span{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 11px;
    line-height: 14px;
}
/*subgallery for ring end*/
/* feature_list-page */
.feature_list-page .heading{
    display: block;
    background: url(../img/feature_list/heading-bg.png) left top repeat;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding: 8px;
    margin-bottom: 12px;
    box-sizing: border-box;
}
.feature_list-page .heading h2{
    display: block;
    font-size: 12px;
    line-height: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.feature_list-page .feature_list{
    margin: 0 -7px;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
}
.feature_list-page .feature_list li{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 7px 14px;
    box-sizing: border-box;
}
.feature_list-page .feature_list li a{
    position: relative;
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.feature_list-page .visual{
    position: relative;
    overflow: hidden;
    padding-bottom: 6px;
}
.feature_list-page .feature_list li a:hover{
    box-shadow: 0px 6px 4px -4px rgba(0, 0, 0, .2), 0px 0px 30px 4px rgba(0,0,0,.1);
}
/*
.feature_list-page .feature_list li a:hover .visual .img{
	animation-name: rubberBand;
	animation-duration: .9s;
	animation-fill-mode: both;
}
*/
.feature_list-page .feature_list li .descr{
    padding: 0 3px;
}
.feature_list-page .visual .img{
    margin-bottom: 8px;
}
.feature_list-page .visual .img img{
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}
.feature_list-page .visual .hidden-txt{
    position: absolute;
    left: -9999px;
    opacity: 0;
}
.feature_list-page .visual .descr{
    display: block;
    overflow: hidden;
    font-size: 10px;
    line-height: 16px;
    font-weight: 400;
    color: #000;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.feature_list-page .visual .descr strong{
    display: block;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    color: #000;
}
.feature_list-page .visual .descr span{
    display: block;
}
/*
@keyframes rubberBand{
	from{
		transform: scale3d(1, 1, 1);
	}
	30%{
		transform: scale3d(1.15, 0.65, 1);
	}
	40%{
		transform: scale3d(0.65, 1.15, 1);
	}
	50%{
		transform: scale3d(1.05, 0.75, 1);
	}
	65%{
		transform: scale3d(.85, 1.05, 1);
	}
	75%{
		transform: scale3d(1.05, .85, 1);
	}
	to{
		transform: scale3d(1, 1, 1);
	}
}
*/
/* end feature_list-page */
.feature-list-btn{
    display:block;
    margin:30px auto;
    border:1px solid #c1c1c1;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
    width:176px;
    font-size:12px;
    line-height:30px;
    text-align:center;
    color:#1c1c1c !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.feature-list-btn span{
    display:inline-block;
    vertical-align:top;
    position:relative;
    padding-left:22px;
}
.feature-list-btn span:before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    margin-top:-8px;
    width:16px;
    height:16px;
    background:#f00;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}
.feature-list-btn span:after{
    content:'';
    position:absolute;
    top:50%;
    left:6px;
    width: 0;
    height: 0;
    border-top:4px solid transparent;
    border-left: 6px solid #fff;
    border-bottom:4px solid transparent;
    z-index:2;
    margin-top:-4px;
}
.feature-list-btn:hover{
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 2px 2px 0 rgb(114, 0, 0);
    box-shadow: 2px 2px 0 rgb(114, 0, 0);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
/* christmas-feature */
.christmas-feature{}
.christmas-feature .visual{
    position: relative;
    overflow: hidden;
    margin: 0 -9px 14px;
}
.christmas-feature .visual img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.christmas-feature .hidden-txt{
    position: absolute;
    left: -9999px;
    opacity: 0;
    visibility: hidden;
}
.christmas-feature .heading{
    position: relative;
    display: block;
    background: #2f7e00;
    padding: 4px 10px;
    box-sizing: border-box;
    line-height: 36px;
    text-align: center;
    margin-bottom: 8px;
}
.christmas-feature .heading.snowflake{
    padding: 4px 28px;
}
.christmas-feature .heading.snowflake:before,
.christmas-feature .heading.snowflake:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    right: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(../img/christmas-feature/ico-snowflake.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 25px;
    height: 32px;
    opacity: .3;
}
.christmas-feature .heading.snowflake:after{
    right: 8px;
    left: auto;
}
.christmas-feature .heading h2{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #fcff00;
}
.christmas-feature .box{
    font-size: 11px;
    line-height: 15px;
    color: #111;
    font-weight: 400;
}
.christmas-feature .box img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.christmas-feature .box .box-item + .box-item{
    margin-top: 50px;
}
.christmas-feature .box .box-item > p{
    margin: 0 0 15px;
    letter-spacing: 0;
    font-weight: 600;
}
.christmas-feature .create-design{
    background: url(../img/christmas-feature/img-create-design-bg.png) 100% 0% no-repeat;
    -webkit-background-size: 65px auto;
    background-size: 65px auto;
    padding-bottom: 30px;
    font-size: 11px;
    line-height: 15px;
    color: #111;
    font-weight: 400;
}
.christmas-feature .create-design small{
    display: block;
    font-size: 92%;
    width: 80%;
}
.christmas-feature .create-design p{
    margin-bottom: 10px;
    width: 80%;
    letter-spacing: 0;
    font-weight: 600;
}
.christmas-feature a.item{
    position: relative;
    display: block;
    max-width: 743px;
    width: 100%;
    background-color: #fff;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 auto;
}
.christmas-feature a.item:hover{
    box-shadow: 1px 1px #ad0003, 2px 2px #ad0003;
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
}
.christmas-feature a.item:hover img{
    opacity: .8;
}
.christmas-feature a.item.no-after:after{
    display: none;
}
.christmas-feature a.item:after{
    content: '';
    position: absolute;
    top: -6px;
    right: -8px;
    width: 68px;
    height: 57px;
    overflow: hidden;
    background: url(../img/christmas-feature/img-item-btn-sub.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transform: scale(1) rotate(0.01deg);
    transform: scale(1) rotate(0.01deg);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    transform-origin: 50% 0%;
}
.christmas-feature a.item:hover:after{
    width: 80px;
    background: url(../img/christmas-feature/img-item-btn-sub-hover.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-animation: rubberBand .8s infinite;
    animation: rubberBand .8s infinite;
//animation-duration: .8s;
    animation-fill-mode: both;
}
@keyframes rubberBand{
    from{
        transform: scale(1.01) rotateZ(0deg);
        transform-origin: 50% 0%;
    }
    30%{
        transform: scale(1.01) rotateZ(-7deg);
        transform-origin: 50% 0%;
    }
    40%{
        transform: scale(1.01) rotateZ(15deg);
        transform-origin: 50% 0%;
    }
    60%{
        transform: scale(1.01) rotateZ(-15deg);
        transform-origin: 50% 0%;
    }
    70%{
        transform: scale(1.01) rotateZ(7deg);
        transform-origin: 50% 0%;
    }
    to{
        transform: scale(1.01) rotateZ(0deg);
        transform-origin: 50% 0%;
    }
}
.christmas-feature a.item img{
    display: block;
    width: 100%;
}
.christmas-feature .block{
    position: relative;
    background-color: #fff;
    overflow: hidden;
    border: solid 2px;
    border-bottom: 0;
    border-image: linear-gradient(#010101, rgba(1, 1, 1, 0) 75%) 1;
    padding: 12px;
    background: linear-gradient(rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0) 80%);
    min-height: 250px;
    max-width: 100%;
    margin: -45px 10px 0;
    box-sizing: border-box;
}
.christmas-feature .block p{
    margin: 0 0 20px;
    letter-spacing: 1px;
    font-weight: 600;
}
.christmas-feature .block p:last-child{
    margin: 0;
}
.christmas-feature .christmas-stamps{
    background: url(../img/christmas-feature/img-christmas-feature-block-bg-02.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 12px 10px;
    box-sizing: border-box;
    color: #fff;
}
.christmas-feature .christmas-stamps .holder-info{
    display: block;
    background: rgba(255,255,255,.88);
    margin: 45px 0 15px;
    padding: 30px 10px 16px;
    box-sizing: border-box;
}
.christmas-feature .christmas-stamps .holder-info:after{
    content: '';
    clear: both;
    display: block;
}
.christmas-feature .christmas-stamps .holder-info h2{
    position: relative;
    top: -60px;
    display: block;
    text-align: center;
    margin: 0 0 -52px;
}
.christmas-feature .christmas-stamps .holder-info h2 img{
    display: inline-block;
    vertical-align: middle;
    max-height: 53px;
}
.christmas-feature .christmas-stamps .christmas-stamps-list{
    margin: 0 -5px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.christmas-feature .christmas-stamps .christmas-stamps-list li{
    float: left;
    width: 20%;
    padding: 0 5px 10px;
    box-sizing: border-box;
}
.christmas-feature .example-block{
    position: relative;
    margin-bottom: 20px;
}
.christmas-feature .example-block ul{
    position: absolute;
    top: 55%;
    left: 20px;
    right: 20px;
    -webkit-transform: translate(0, -45%);
    transform: translate(0, -45%);
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.christmas-feature .example-block li{
    display: inline-block;
    vertical-align: top;
    padding: 0 9px;
}
.christmas-feature .example-block .example-image-link{
    position: relative;
    display: block;
    width: 120px;
    height: 128px;
    line-height: 128px;
    border: 2px solid #fffc00;
    background: rgba(0,0,0,.35);
    text-align: center;
}
.christmas-feature .example-block .example-image-link:after{
    content: "";
    position: absolute;
    bottom: 3px;
    right: 3px;
    background: url(../img/christmas-feature/ico-add.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 31px;
    height: 27px;
}
.christmas-feature .example-block .example-image-link img{
    display: inline-block;
    vertical-align: middle;
    max-width: 104px;
    max-height: 100%;
}
@media (max-width: 320px){
    .christmas-feature .example-block ul{
        right:5px;
        left:5px;
    }
}
/* end christmas-feature */
.mb30{margin-bottom:30px}
#main .category_box a.i_n_18:after{background:url(../img/plain/i_n_18.png) no-repeat 50%; background-size:auto 26px;}
.category_head_box h3.category_n_19:before{
    background:url(../img/plain/category_n_19.png) no-repeat 100% 50%;
    background-size:auto 18px;
    width:20px;
    height:18px;
}
.item_detail_set small{
    display: block;
    text-align: left;
    font-size: 9px;
    line-height: 13px;
    margin:0 0 12px;
}
.item_detail_box .item_manual_text02 strong{
    display: block;
    margin-bottom: 3px;
}
.table-climbing{
    display: block;
    width: 100%;
}
.climbing-box + .climbing-box{margin-top: 14px;}
.table-climbing table{
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}
.table-climbing table tr{
    height: 25px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 400;
}
.table-climbing table th{
    border: 1px solid #b5b5b5;
    vertical-align: middle;
    padding: 4px;
    box-sizing: border-box;
    background-color: #f0f0f0;
    font-weight: 700;
    text-align: left;
    width: 40%;
}
.table-climbing table th:last-child{
    width: 100%;
}
.table-climbing table td{
    border: 1px solid #b5b5b5;
    vertical-align: middle;
    padding: 4px;
    box-sizing: border-box;
    text-align: left;
}
.vacation-box h2{
    color:#333;
    text-decoration:none;
}
.vacation-box a{
    color:#1182f0;
    text-decoration:underline;
}
/* smartphonecase */
.smartphonecase .visual{
    position: relative;
    overflow: hidden;
    margin: 0 -9px 8px;
}
.smartphonecase .visual img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.smartphonecase .hidden-txt{
    position: absolute;
    left: -9999px;
    opacity: 0;
    visibility: hidden;
}
.smartphonecase .heading{
    display: block;
    background: url(../img/smartphonecase_business_customer/heading-bg.png) left top repeat;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    padding: 2px 4px;
    box-sizing: border-box;
    line-height: 36px;
    text-align: center;
}
.smartphonecase .heading h2{
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
}
.smartphonecase .section02{
    overflow: hidden;
    border: 1px solid #4a71c2;
    border-width: 0 3px 3px;
    background: #e5ffff;
    margin-bottom: 14px;
    position: relative;
    min-height: 120px;
    padding: 50px 8px 8px;
    box-sizing: border-box;
}
.smartphonecase .section02 h2{
    position:absolute;
    text-indent:-9999px;
    top:0;
    left:0;
    right:0;
    height:32px;
    background:#4a71c2 url(/template/pc/html/page/nobody/bsc/text-business01.png) no-repeat 50%;
    -webkit-background-size: auto 15px;
    background-size: auto 15px;
    margin:0;
}
.smartphonecase .section02 h2:after{
    content: '';
    position: absolute;
    bottom: -9px;
    left: 50%;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #4a71c2;
    margin-left: -4px;
}
.smartphonecase .section02 .txt{
    font-size: 0;
    line-height: 0;
}
.smartphonecase .section02 .t01{
    background:url(/template/pc/html/page/nobody/bsc/text-business02.png) no-repeat 50%;
    -webkit-background-size: auto 10px;
    background-size: auto 10px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height:20px;
    overflow:hidden;
    text-indent:-9999px;
}
.smartphonecase .section02 .t02{
    background:url(/template/pc/html/page/nobody/bsc/text-business03.png) no-repeat 50%;
    -webkit-background-size: auto 10px;
    background-size: auto 10px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height:20px;
    overflow:hidden;
    text-indent:-9999px;
}
.smartphonecase .section02 .btn01,
.smartphonecase .section02 .btn02{
    float: left;
    width: 49%;
    overflow:hidden;
}
.smartphonecase .section02 .btn02{
    float: right;
}
.smartphonecase .section02 .btn01 img,
.smartphonecase .section02 .btn02 img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.smartphonecase .section02 .btn01:hover,
.smartphonecase .section02 .btn02:hover{
    -moz-opacity:0.8;
    filter:alpha(opacity:80);
    opacity:0.8;
}

.smartphonecase .clients-info{
    margin-bottom: 28px;
}
.smartphonecase .clients-info .title{
    display: block;
    text-align: center;
    color: #171717;
    font-size: 11px;
    line-height: 22px;
    font-weight: 900;
    margin-bottom: 14px;
}
.smartphonecase .clients-info .title span{
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 -4px 4px;
    color: #f60936;
    font-size: 18px;
    line-height: 1;
}
.smartphonecase .clients-info .img{
    display: block;
    margin-bottom: 14px;
}
.smartphonecase .clients-info .img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.smartphonecase .clients-info .holder{
    padding: 8px 10px;
    box-sizing: border-box;
    background: url(../img/smartphonecase_business_customer/bg-clients-info.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.smartphonecase .list-clients-info{
    margin:0 -8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow:hidden;
}
.smartphonecase .list-clients-info li{
    float: left;
    padding :0 2px 6px;
    width: 33.3%;
    display:block;
    overflow:hidden;
    box-sizing: border-box;
}
.smartphonecase .list-clients-info li > img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.smartphonecase .print-quality{
    margin-bottom: 28px;
}
.smartphonecase .print-quality .block{
    background-color: #f8f8f8;
    padding: 6px 10px;
}
.smartphonecase .print-quality .block .row{
    padding: 10px 0;
}
.smartphonecase .print-quality .block .row + .row{
    border-top: 1px solid #7c7c7c;
}
.smartphonecase .print-quality .block .row:after{
    content: '';
    clear: both;
    display: block;
}
.smartphonecase .print-quality .row .descr{
    overflow: hidden;
    font-size: 10px;
    line-height: 14px;
    color: #000;
    font-weight: 400;
}
.smartphonecase .print-quality .row .descr p{margin: 0;}
.smartphonecase .print-quality .row .descr strong{
    display: block;
    font-size: 10px;
    line-height: 16px;
    font-weight: 700;
    margin-bottom: 0;
}
.smartphonecase .print-quality .row .img{
    float: right;
    max-width: 103px;
    margin-left: 15px;
}
.smartphonecase .print-quality .row .img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.smartphonecase .qc{
    background: url(../img/smartphonecase_business_customer/img_qc_bg.jpg) top left repeat;
}
.smartphonecase .qc .heading-sub{
    background-color: #008d0a;
    padding: 8px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.smartphonecase .qc .heading-sub h2{
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    font-weight: 900;
}
.smartphonecase .qc .qc_box{
    padding: 11px 10px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.smartphonecase .qc .qc_box .img{
    float: right;
    margin-left: 15px;
    max-width: 69px;
}
.smartphonecase .qc .qc_box .img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.smartphonecase .qc .qc_box .descr{
    overflow: hidden;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    color: #2c2c2c;
}
.smartphonecase .qc .qc_box .descr p{
    margin: 0;
}
.smartphonecase .qc .qc_box .descr p + p{
    margin-top: 12px;
}
.smartphonecase .qc .img-group{
    display: block;
    font-size: 0;
    line-height: 0;
    margin-top: 10px;
    text-align: center;
}
.smartphonecase .qc .img-group img{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    width: 50%;
}
.smartphonecase .qc .img-group img.img1{
    position: relative;
    margin-right: -8px;
}
.smartphonecase .print-quality .baner-title{
    background-color: #fff;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
}
.smartphonecase .print-quality .baner-title img{
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    height: 58px;
    width: auto;
}

.smartphonecase .purchase-and-sale{
    margin-bottom: 28px;
}
.smartphonecase .purchase-and-sale .holder-info{
    background: url(../img/smartphonecase_business_customer/img-purchase-and-sale-bg.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 16px 0 4px;
}
.smartphonecase .smart_case_block h3{
    font-size: 12px;
    line-height: 16px;
    color: #db0303;
    text-align: center;
    margin: 0;
    letter-spacing: 1px;
    background: rgba(255,255,255,.8);
    padding: 4px 0;
}
.smartphonecase .smart_case_block h3 strong{
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-weight: 900;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.smartphonecase .smart_case_block h3 strong:before,
.smartphonecase .smart_case_block h3 strong:after{
    content: "|";
    font-size: 28px;
    line-height: 1;
    font-weight: 400;
    color: #db0303;
    position: absolute;
    top: 44%;
}
.smartphonecase .smart_case_block h3 strong:before{
    left: 0;
    -webkit-transform: translateY(-45%) rotate(-22deg);
    transform: translateY(-45%) rotate(-22deg);
}
.smartphonecase .smart_case_block h3 strong:after{
    right: 0;
    -webkit-transform: translateY(-45%) rotate(22deg);
    transform: translateY(-45%) rotate(22deg);
}
.smartphonecase .smart_case_block .img{
    position: relative;
    display: block;
    margin: -8px 0;
}
.smartphonecase .smart_case_block .img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}
.smartphonecase .smart_case_block ul{
    position: relative;
    margin: 0;
    padding: 0 8px;
    list-style: none;
    font-size: 0;
    line-height: 0;
}
.smartphonecase .smart_case_block ul li{
    display: inline-block;
    vertical-align: top;
    width: 33.3333%;
    padding: 0 2px 6px;
    box-sizing: border-box;
}
.smartphonecase .smart_case_block ul li img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.smartphonecase .lineup{
    display: block;
    font-size: 10px;
    line-height: 18px;
    color: #000;
    font-weight: 400;
    margin-bottom: 40px;
}
.smartphonecase .lineup p{
    margin: 10px 0 16px;
}
.smartphonecase .lineup .btn-info{
    display: block;
    max-width: 743px;
    margin: 0 10px;
    overflow: hidden;
    border-radius: 4px;
}
.smartphonecase .lineup .btn-info:hover img{
    opacity: .8;
}
.smartphonecase .lineup .btn-info img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}


.smartphonecase .cases-delivery .list-delivered-cases{
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    counter-reset: list;
}
.smartphonecase .cases-delivery .list-delivered-cases li{
    display: block;
    background: #fff1f3;
    padding: 10px;
    box-sizing: border-box;
}
.smartphonecase .cases-delivery .list-delivered-cases li + li{
    margin-top: 8px;
}
.smartphonecase .cases-delivery .list-delivered-cases .top{
    position: relative;
    overflow: hidden;
    padding-bottom: 12px;
    margin-bottom: 8px;
}
.smartphonecase .cases-delivery .list-delivered-cases .top:before,
.smartphonecase .cases-delivery .list-delivered-cases .top:after{
    content: "";
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 1px;
    width: auto;
    height: 1px;
    background: #dcbfc3;
}
.smartphonecase .cases-delivery .list-delivered-cases .top:after{
    bottom: 0;
    background: #fff;
}
.smartphonecase .cases-delivery .list-delivered-cases .top .case-study{
    position: relative;
    float: left;
    margin-right: 4px;
    background: #4aa514;
    background: -moz-linear-gradient(top, #4aa514 0%, #018c00 100%);
    background: -webkit-linear-gradient(top, #4aa514 0%,#018c00 100%);
    background: linear-gradient(to bottom, #4aa514 0%,#018c00 100%);
    width: 44px;
    height: 44px;
    border-radius: 6px;
    overflow: hidden;
    font-size: 10px;
    line-height: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 6px 0;
    box-sizing: border-box;
}
.smartphonecase .cases-delivery .list-delivered-cases .top .case-study span{
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.smartphonecase .cases-delivery .list-delivered-cases .top .case-study span:after{
    counter-increment: list;
    content: counter(list);
    display: block;
    font-size: 20px;
    line-height: 1;
    font-family: "Arial", serif;
    color: #fff;
}
.smartphonecase .cases-delivery .list-delivered-cases .top .text{overflow: hidden;}
.smartphonecase .cases-delivery .list-delivered-cases .top .text h3{
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #f60;
}
.smartphonecase .cases-delivery .list-delivered-cases .top .text h4{
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    color: #1e1e1e;
}
.smartphonecase .cases-delivery .list-delivered-cases .top .text span{
    margin: 0;
    font-size: 10px;
    line-height: 14px;
    color: #1e1e1e;
    padding-left: 12px;
    background: url(../img/smartphonecase_business_customer/icon-bcp01.png) no-repeat 0 49%;
    -webkit-background-size: auto 12px;
    background-size: auto 12px;
}
.smartphonecase .cases-delivery .list-delivered-cases .text-info{
    font-size: 10px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
}
.smartphonecase .cases-delivery .list-delivered-cases .text-info img{
    float: right;
    display: block;
    max-width: 75px;
    max-height: 75px;
    margin: 0 0 12px 12px;
}
.smartphonecase .cases-delivery .list-delivered-cases .text-info p{
    margin: 0;
}
/* end smartphonecase */
.center_baner{
    overflow:hidden;
    display:block;
}
.center_baner img{
    display:block;
    width:100%;
}
.mb30{margin-bottom:30px}
/* updagte car */
.cart-slide-block .image strong{
    display: block;
    margin: 10px auto 3px;
    max-width: 806px;
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
.cart-slide-block .image span{
    display: block;
    margin: 5px auto;
    max-width: 806px;
    font-size: 9px;
    line-height: 16px;
    color: #000;
    text-align: right;
}
/* updagte car end */
/* two-image-error */
.two-image-error{
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.two-image-error div{
    width: 150px;
}
.two-image-error div img{
    display: block;
    width: 100%;
}
/* two-image-error end */



/* select-cart-specification 11.01.18 */
.cart-specification{
    padding: 10px 8px 45px;
    font-size: 12px;
}
.cart-specification .heading{
    display: block;
    background: #59af26;
    min-height: 30px;
    padding: 5px 10px;
    margin-bottom: 15px;
    box-sizing: border-box;
}
.cart-specification .heading h2{
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    font-weight: 900;
    margin: 0;
}
.cart-specification .box{
    font-size: 10px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
}
.cart-specification .box .item-box{
    margin-bottom: 25px;
}
.cart-specification .box .item-box h3{
    font-size: 16px;
    line-height: 18px;
    color: #000;
    font-weight: 700;
    margin: 0 0 8px;
}
.cart-specification .box .item-box > p{
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 20px;
}
.cart-specification .box .table-cart-specification{
    display: block;
    position: relative;
    font-size: 10px;
    line-height: 16px;
    color: #000;
    font-weight: 400;
}
.cart-specification .box .table-cart-specification.center table td{
    text-align: center;
}
.cart-specification .box .table-cart-specification table{
    width: 100%;
    border-collapse: collapse;
    font-weight: 400;
}
.cart-specification .box .table-cart-specification table tr{
    height: 26px;
}
.cart-specification .box .table-cart-specification table th{
    padding: 4px 7px;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #b5b5b5;
    width: auto;
    font-weight: 700;
    background-color: #f0f0f0;
    font-size: 14px;
}
.cart-specification .box .table-cart-specification table th:nth-child(2){
    width: 25%;
}
.cart-specification .box .table-cart-specification table td{
    padding: 4px 7px;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #b5b5b5;
    width: 20%;
    font-size: 14px;
}
.cart-specification .box .table-cart-specification table td svg{
    width: 37px;
    height: 81px;
    display: inline-block;
    vertical-align: top;
    margin: 2px 0;
}

.cart-specification .radio{
    overflow: hidden;
    color: #000;
    position: relative;
    display: block;
    margin-bottom: 0;
    font-size: 10px;
    line-height: 14px;
}
.cart-specification .radio.type2 [type="radio"]:checked + label,
.cart-specification .radio.type2 [type="radio"]:not(:checked) + label{
    padding: 20px 0 0;
    line-height: inherit;
    display: block;
    font-size: 14px;
}
.cart-specification .radio.type2 [type="radio"]:checked + label:before,
.cart-specification .radio.type2 [type="radio"]:not(:checked) + label:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.cart-specification .radio.type2 [type="radio"]:checked + label:after,
.cart-specification .radio.type2 [type="radio"]:not(:checked) + label:after{
    content: '';
    width: 8px;
    height: 8px;
    background: #3e8bff;
    position: absolute;
    top: 6px;
    left: 50%;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.cart-specification .radio.type2 [type="radio"]:not(:checked) + label:after{
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
}
.cart-specification .radio.type2 [type="radio"]:checked + label:after{
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
}

.cart-specification [type="radio"]:checked,
.cart-specification [type="radio"]:not(:checked){
    position: absolute;
    left: -9999px;
}
.cart-specification [type="radio"]:checked + label,
.cart-specification [type="radio"]:not(:checked) + label{
    position: relative;
    padding-left: 18px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 14px;
}
.cart-specification [type="radio"]:checked + label:before,
.cart-specification [type="radio"]:not(:checked) + label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px;
    height: 12px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.cart-specification [type="radio"]:checked + label:after,
.cart-specification [type="radio"]:not(:checked) + label:after{
    content: '';
    width: 8px;
    height: 8px;
    background: #3e8bff;
    position: absolute;
    top: 6px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.cart-specification [type="radio"]:not(:checked) + label:after{
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.cart-specification [type="radio"]:checked + label:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.cart-specification .btn-group{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.cart-specification .btn-group .btn{
    display: block;
    vertical-align: top;
    width: 100%;
    min-width: 145px;
    height: 38px;
    text-align: center;
    font-size: 12px;
    line-height: 38px;
    font-weight: 900;
    color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 2px;
}
.cart-specification .btn-purchase{
    background: #e60000;
    border-bottom: 2px solid #a70018;
}
/* two-image-error end */
.cart-specification .btn-black{
    background: #414243;
    border-bottom: 2px solid #161616;
}
.cart-specification .btn-black:hover{
    opacity: 0.8;
}
/* end select-cart-specification 11.01.18 */
.cart-specification .btn-purchase:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 14px;
    background: url(/template/pc/html/page/nobody/cart-new/img/cart-images/item-cart02.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-left: 6px;
    margin-top: -4px;
}
.cart-specification .btn-purchase:hover{
    opacity: 0.8;
}
.cart-specification .btn-black{
    background: #414243;
    border-bottom: 2px solid #161616;
}
.cart-specification .btn-black:hover{
    opacity: 0.8;
}
/* end select-cart-specification 11.01.18 */
/* list-sample */
.list-sample{
    list-style: none;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 20px;
}
.list-sample li{
    width: 100%;
    padding: 0 5px;
}
.list-sample li:first-child{padding-left:0}
.list-sample li:last-child{padding-right: 0}
.list-sample p{
    margin: 0 0 10px;
    font-size: 10px;
    line-height: 16px;
    color: #000;
    min-height: 80px;
}
.list-sample img{
    display: block;
    width: 100%;
}
/* list-sample end */

/*----- btn sns -----*/
.sns_block{
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.btn_twitter a,
.btn_facebook a{
    width:140px;
    height:45px;
    text-indent:-9999px;
    overflow:hidden;
    display:block;
    margin: 0 5px;
}

.btn_twitter a{
    background:url(img/btn_twitter.gif) no-repeat 0 0;
    background-size: 100%;
}

.btn_facebook a{
    background:url(img/btn_facebook.gif) no-repeat 0 0;
    background-size: 100%;
}

.btn_twitter a:hover,
.btn_facebook a:hover{
    filter:alpha(opacity=80);
    opacity:0.8;
}

/*edit user page*/
.nav.nav-user {
    position: unset;
    top: unset;
    width: unset;
    bottom: unset;
    right: unset;
    overflow: unset;
    overflow-y: unset;
    -webkit-overflow-scrolling: touch;
    background-color: unset;
    z-index: unset;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    padding: 10px 0 0;
    font-size: 11px;
}

.nav.nav-user li {
    float: unset;
    border-left: unset;
    border-right: unset;
    border-bottom: unset;
}

.nav.nav-user li a {
    color: #bc2123 !important;
}

.nav.nav-user li a.active {
    color: unset !important;
}

.nav.nav-user a {
    height: unset;
    font-size: unset;
    line-height: unset;
    width: unset;
}

.tab-user .active {
    background-color: unset;
}

.nav-user a:hover{
    background: unset;
}

.success-message {
    padding:20px;
    margin:20px auto 0 auto;
}

.success-message li{
    font-size:85%;
    color:#42af42;
    line-height:180%;
    background:url(img/arrow4.png) no-repeat 0 50%;
    padding:0 0 0 12px;
}
.delivery-col h3{
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #dbdbde;
    padding-bottom: 20px;
}
.delivery-col{
    padding-top:30px;
}