@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;*/
}
.background-page,
article#main{
	background: transparent !important;
}
#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;
}
#footer .wrap{
	overflow:hidden;
	border-bottom:1px solid #fff;
	padding:14px 0 11px;
	margin-bottom:6px;
}
.logo-footer{
	float:left;
	width:84px;
	height:38px;
	background:url(../img/images-top/logo-footer.png) no-repeat;
	background-size:81px 39px;
	overflow:hidden;
	text-indent:-9999px;
	margin-right:10px;
}
.logo-footer a{
	display:block;
	position:relative;
	height:100%;
}
.col-link{
	display:block;
	overflow:hidden;
	font-size:10px;
	line-height:13px;
	color:#fff;
}
.col-link span{
	display:block;
	padding-left:38px;
	background:url(../img/images-top/ico-tell001.png) no-repeat;
	background-size:33px 21px;
	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: 120px;
}
.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;
	overflow: hidden;
	font-size:13px;
	line-height:28px;
	font-weight:normal;
	margin: 0 35px 0 8px;
	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 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 */
/* form-student-discount */
.form-student-discount{
	background: #dcf2f4;
	border: 1px solid #acd9de;
	padding: 16px;
	overflow: hidden;
	max-width: 994px;
	margin: 30px auto;
}
.form-student-discount label{
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 36px;
	color: #000;
	margin-right: 12px;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
}
.form-student-discount .input-checkbox{
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 5px;
}
.form-student-discount .int-hiden{
	overflow: hidden;
	max-width: 350px;
}
.form-student-discount .int-hiden input{
	display: block;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	padding: 8px;
	width: 100%;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border: 1px solid #bbb;
	background: #fff;
	outline: none;
}
.form-student-discount .int-hiden input:disabled{
	opacity: 0.5;
}
/* form-student-discount 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 */
.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%;
}
.ping-sokujitsu-info > p{
	font-size: 9px !important;
}
.display-none {
	display: none !important;
}
#info {
	width: auto;
	display: inline-block;
	padding: 15px 5px 5px 5px;
}
#delivery-date {
	float: right;
	background: #FFCA00;
	padding: 5px;
}
#wrapper #footer {
	background: #3A3A3A;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	font-size: 13px;
	padding: 0;
}
#footer .wrap:first-child {
	border: 0;
	padding: 10px 0 20px;
}
#footer .wrap {
	width: auto;
	margin: 0 auto;
	overflow: hidden;
	border-top: 1px solid #fff;
}
#wrapper #footer a {
	text-decoration: underline;
	color: #FFFFFF;
}

#header {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	font-size: 16px;
	line-height: 20px;
	background: #3a3a3a !important;
	font-weight: 700;
	text-align: center;
	color: #fff;
	z-index: 200;
}
#header .wrap {
	background: none;
}

.white-color, .header-logo .white-color {
	color: white;
}
.background-search-box {
	background: #232323;
}
.main-nav__link {
	display: block;
	position: relative;
	min-width: 170px;
	background: #151515;
	border: 1px solid #000;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
	padding: 10px 5px;
	text-align: center;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.main-nav__link:before {
	content: '';
	position: absolute;
	background: rgba(255, 255, 255, 0.2);
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.main-nav__link span {
	position: relative;
	padding-left: 25px;
}
.search-box .search button {
	background: #000000;
	color: #ffffffff;
	padding: 10px 45px;
	border-radius: 5px;
	border: 0;
	margin-top: 6px;
}
.header-logo {
	display: inline-block;
	float: left;
}

.link.option {
	display: inline-block;
	float: right;
}
.circle {
	width: 36px;
	height: 36px;
	background: white;
	display: inline-block;
	border-radius: 50%;
	overflow: hidden;
}

.editShop .circle {
	width: 45px;
	height: 45px;
	background: #d61518;
	display: inline-block;
	overflow: hidden;
	border-radius: 0;
}
.backward {
	display: inline-block;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.link.option i {
	color: #3a3a3a;
}

.circle i {
	font-size: 26px;
	padding-top: 5px;
}

.editShop .circle i {
	font-size: 39px;
	padding-top: 3px;
	padding-left: 5px;
	color: white;
}
.circle img {
	width: 30px;
	padding-top: 4px;
}
.logo-text {
	margin-top: 10px;
	display: inline-block;
}
.pd-lr-5 {
	padding-right: 5px !important;
	padding-left: 5px !important;
}
.pd-5 {
	padding: 5px;
}
.logo-text img {
	height: 100%;
	margin-top: 2px;
	width: 100%;
	object-fit: contain;
}
.pd-b-3 {
	padding-bottom: 3px !important;
}
.search-box select {
	background: #000000;
	color: #ffffffff;
	border-radius: 5px;
	padding: 2px 10px;
	width: auto;
}
.page-title {
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin: 20px 0 20px;
	padding: 10px;
	background: #3A3A3A;
}
.bl-hot a img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.bl-hot {
	border: 1px solid #f3f3f3;
	cursor: pointer;
	padding-bottom: 5px;
	margin: 8px;
}
.bl-hot p {
	margin: 0;
}
.bl-hot hr {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background: #f3f3f3;
	height: auto;
}
.bl-hot .category-title {
	max-width: 86%;
	border: 1px solid #949494;
	padding: 2px 5px;
	border-radius: 15px;
	font-size: 14px;
	display: inline-block;
}
.red {
	color: red;
}
.page_navi ul li a {
	border-radius: 50%;
	background: #898989;
	font-weight: bold;
	color: #fff;
}

.page_navi ul li span {
	background: white;
	color: #898989;
	border-radius: 50%;
}

.page_navi ul li a:hover {
	background: #fff;
	color: #898989;
}
.page_navi {
	border: 2px solid #D7D7D7;
	padding: 5px;
}
.page_navi ul{
	text-align:center;
}

.page_navi li{
	font-size:75%;
	display:inline;
}

.page_navi li span{
	color:#fff;
	display:inline-block;
/display:inline; /*IE7*/
/zoom:1; /*IE7*/
	padding:6px 10px;
	background-color:#898989;
	border:1px #bbb solid;
	font-weight:bold;
}

.page_navi li a{
	color:#878787;
	display:inline-block;
/display:inline; /*IE7*/
/zoom:1; /*IE7*/
	padding:6px 10px;
	border:1px #bbb solid;
}

.page_navi li a:link,
.page_navi li a:visited{
	border-color:#bbb;
}

.page_navi li a:hover,
.page_navi li a:active{
	color:#fff;
	border-color:#bbb;
	background-color:#bbb;
}
footer {
	margin-top: 10px;
}

.item_info .photo {
	padding: 0;
}
.item_info .photo ul {
	position: relative;
	width: auto;
	display: inline-block;
}
.item_info .photo li {
	float: left;
}
.item_info {
	margin-top: 10px;
}
.item_info .page-title {
	text-align: left;
	color: white;
	line-height: 15px;
	font-size: 15px;
}
.item_info .page-title .item-type {
	color: white;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 20px;
	text-align: left;
}
.catch {
	font-weight: bold;
	color: black;
}
.item_info .item-cost .item-price {
	font-size: 16pt;
	font-weight: bold;
    margin-right: 0;
    background: red;
    color: white;
    border-radius: 15px;
    padding: 0 7px;
}
.item_info .item-cost {
	margin-right: 0;
    float: right;
}
.item_info .slick-slider .slick-list {

}
.extra-section .slider {
    border: 2px solid #D6D6D6;
    border-radius: 3px;
    padding: 0 15px;
}
.extra-section .slider .slick-prev {
    top: 25px;
    left: 0;
    /*background-image: url("/common/design/user/img/left-arrow.png");*/
}

.extra-section .slider .slick-next {
    top: 25px;
    right: 0;
    /*background-image: url("/common/design/user/img/right-arrow.png");*/
}

.extra-section.color .item.active {
	width: 36px !important;
	height: 34px;
	border: 2px solid #ffb925;
	background-color: unset;
	border-radius: 50%;
}
.extra-section .slider .slick-arrow {
	top: 15px;
}
.extra-section.color .item {
	margin: 0;
}
.extra-section.size .item {
	margin: 4px;
}
.extra-section.size .item.active {
	border: 2px solid #ffb925;
	background-color: unset;
	border-radius: 50%;
}
.extra-section.size .item.active:after {
	color: #202020;
}
.item-actions .cart-btn {
	font-size: 18px;
	font-weight: bold;
}
.item-actions .cart-btn img {
	height: 25px;
	vertical-align: middle;
}

.item-actions .quantity {
	margin-bottom: 25px;
	line-height: 55px;
}
.item-actions .qtty {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 56px;
	border: 2px solid #efefef;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 5px;
}
.cart .search-cart-block .link-frame .box-a {
	width: 25%;
}
.item-preview {
	padding: 5px;
	text-align: center;
	background: #e5e5e5;
	margin-bottom: 5px;
}
.search_list_right-top {
	border: none;
}
.search_list_right-top .box-l .row-custom .search-custom {
	width: 155px;
	display: inline-flex;
	text-decoration: underline;
	color: #008BDB;
	margin-left: 35px;
	margin-top: 7px;
	line-height: 25px;
	background: none;
	border: none;
}
.row-custom .circle {
	width: 15%;
	height: 0;
	padding-bottom: 15%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: relative;
	border: none;
	display: inline-block;
	background: #008BDB;
	margin-right: 4px;
}
.row-custom .circle:before {
	content: '';
	display: block;
	border-top: solid 6px transparent;
	border-left: solid 7px #FFF;
	border-bottom: solid 6px transparent;
	position: absolute;
	top: 70%;
	left: 55%;
	margin: -10px 0 0 -3px;
}
.search-cart-block .search_list_right-top {
	border-top: none;
}
.addition {
	height: 28px;
	width: 36px;
	background-color: #110e0e;
	border-radius: 15px;
	position: relative;
	margin-right: 8px;
}
.cart .search-cart-block-holder .close {
	height: 28px;
	width: 36px;
	background-color: #110e0e;
	border-radius: 15px;
	position: relative;
}
.addition::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "\2716";
	font-size: 21px;
	color: #fff;
	line-height: 28px;
	text-align: center;
}
.addition::after {
	content: "+";
	font-size: 28px;
	font-weight: bold;
}
.cart-custom {

}
.cart.cart-custom {
	padding-left: 34px;
	width: 100%;
}
.cart.cart-custom label.size-title {
	position: absolute;
	left: 0;
}
.slide-box {
	display: block !important;
}

.cart .cart-slide-block .frame label {
	padding: 0;
	width: 50%;
	margin: auto;
}
.cart .cart-slide-block .add-gift-box .frame i {
	font-size: 15px;
	right: 8px;
}
.info.total-price {
	width: auto;
	max-width: 60%;
	float: left;
}
.buy-btn {
	width: 40%;
	float: right;
}
.clear-fix {
	clear: both;
}
.buy-btn .btn-purchase {
	float: right;
}
.cart-gift {
	text-align: center;
	font-size: 18px;
}
.buy-btn .btn-purchase.disabled{
	color: #ffffff;
	pointer-events: none;
	border: 2px solid #cccccc;
	background-color: #cccccc;
}
.form-row-cart.add .title-row .mark, .form-row-cart .title-row .mark.add {
	border-radius: 15px;
	padding: 0 5px;
}
.name-title {
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 4px;
}
.w-28 {
	width: 28px !important;
	min-width: 28px !important;
}

.form-row-cart.add.add-custom .title-row .mark {
	position: absolute;
	left: 18px;
}
.form-row-cart.add.add-custom .title-row strong {
	float: right;
	margin-right: -10px;
}
.h-110 {
	height: 126px;
}
.h-140 {
	height: 155px;
}
.payment-method-label {
	padding: 5px;
}
.payment-method-label .radio + label {
	border: none !important;
	color: black;
}
.wrap {
	display: block !important;
}

@media (max-width: 991px) {
	/*side bar*/
	#sidebar {
		display: block;
		width: 300px;
		background: #e7e7e7;
		position: fixed;
		top: 0;
		bottom: 0;
		z-index: 999;
		overflow-y: scroll;
	}

	.sidebar__top-block {
		padding: 20px 10px 17px;
		background: #aeaeae;
		background-size: cover;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 10px; }
	@media (max-width: 991px) {
		.sidebar__top-block {
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center; } }

	.sidebar__title {
		display: block;
		font-size: 18px;
		line-height: 22px; }
	@media (max-width: 991px) {
		.sidebar__title {
			margin-right: 10px; } }

	.sidebar__top-btn {
		width: 46px;
		padding: 7px 4px;
		text-align: center;
		font-size: 16px;
		line-height: 20px;
		color: #fff !important;
		font-weight: bold;
		border-radius: 5px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s; }
	@media (max-width: 991px) {
		.sidebar__top-btn {
			margin-right: 10px; } }
	.sidebar__top-btn:hover {
		cursor: pointer;
		opacity: .6; }

	.sidebar__container {
		padding: 0 10px; }

	.sidebar__list {
		margin: 0;
		padding: 0;
		list-style: none; }

	@media (max-width: 991px) {
		.sidebar__img-list {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 0 -10px;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap; } }

	@media (max-width: 991px) {
		.sidebar__holder {
			width: 33.333%;
			padding: 0 10px; } }

	@media (max-width: 767px) {
		.sidebar__holder {
			width: 50%; } }

	@media (max-width: 499px) {
		.sidebar__holder {
			width: 100%; } }

	.sidebar__list-title {
		display: block;
		position: relative;
		font-size: 18px;
		line-height: 22px;
		padding-right: 20px;
		padding: 15px 0 12px; }
	@media (max-width: 991px) {
		.sidebar__list-title {
			font-size: 16px;
			line-height: 20px;
			padding-right: 20px; } }
	.sidebar__list-title:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 11px 9px 0 9px;
		border-color: #000000 transparent transparent transparent; }
	.sidebar__list-title:before {
		content: '';
		position: absolute;
		top: 46%;
		right: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 11px 9px 0 9px;
		border-color: #e7e7e7 transparent transparent transparent;
		z-index: 2; }

	.sidebar__box-img {
		display: block;
		position: relative;
		width: 100%;
		padding-bottom: 64%;
		margin-bottom: 12px; }

	.sidebar__img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%; }
	.black-bg {
		background: #000; }

	.red-bg {
		background: #ca0000; }
	.box-btn .delete-btn, .box-btn .upload-btn {
		display: inline-block;
		width: 75px;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 4px;
		text-align: center;
		background: #269fc2;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		margin-right: 10px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.box-btn-fa .delete-btn-fa, .box-btn-fa .upload-btn-fa {
		display: inline-block;
		margin-top: 5px;
		margin-left: 10px;
		width: 90%;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 4px;
		text-align: center;
		background: #269fc2;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		margin-right: 10px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	/* components */
	.checkbox,
	.radio {
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
		color: #333;
		margin-bottom: 10px;
		overflow: hidden; }

	.radio {
		margin-bottom: 0;
		padding: 15px 0; }

	.checkbox label,
	.radio label {
		display: inline-block;
		vertical-align: top; }

	.checkbox span,
	.radio span {
		display: inline-block;
		vertical-align: top;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s; }

	.radio span {
		font-size: 16px;
		line-height: 20px;
		font-weight: bold; }
	@media (max-width: 991px) {
		.radio span {
			font-size: 12px;
			line-height: 16px; } }

	.checkbox [type=checkbox] {
		position: absolute;
		opacity: 0;
		visibility: hidden;
		z-index: -1; }

	.checkbox label {
		position: relative;
		padding-left: 28px;
		cursor: pointer; }

	.checkbox [type=checkbox]:not(:checked) ~ .control-indicator,
	.checkbox [type=checkbox]:checked ~ .control-indicator {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 16px;
		height: 16px;
		margin-top: -1px;
		border: 2px solid #d6d6d6;
		background: #fff;
		border-radius: 3px; }

	.checkbox [type=checkbox]:checked ~ span {
		color: #222; }

	.checkbox [type=checkbox]:checked ~ .control-indicator {
		background: #fff;
		border-color: #d6d6d6; }

	.checkbox [type=checkbox]:not(:checked) ~ .control-indicator:after,
	.checkbox [type=checkbox]:checked ~ .control-indicator:after {
		content: '';
		position: absolute;
		top: 3px;
		left: 2px;
		width: 12px;
		height: 10px;
		background: url(/common/images/ico-check.svg) 50% 50% no-repeat;
		background-size: cover;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s; }

	.checkbox [type=checkbox]:not(:checked) ~ .control-indicator:after {
		opacity: 0;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0); }

	.checkbox [type=checkbox]:checked ~ .control-indicator:after {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1); }

	.checkbox [type=checkbox]:disabled:not(:checked) ~ .control-indicator,
	.checkbox [type=checkbox]:disabled:checked ~ .control-indicator {
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: #e1e2e6;
		background-color: #f9f9f9;
		opacity: 0.6; }

	.checkbox [type=checkbox]:not(:checked) ~ .control-indicator {
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: #aaa;
		background-color: #fff; }

	.checkbox [type=checkbox]:disabled:not(:checked) ~ .control-indicator:after {
		color: #999; }

	.checkbox [type=checkbox]:disabled ~ span {
		color: #9e9e9e; }

	.radio [type=radio] {
		position: absolute;
		opacity: 0;
		visibility: hidden;
		z-index: -1; }

	.radio label {
		position: relative;
		padding-left: 0;
		padding-right: 28px;
		cursor: pointer; }

	.radio [type=text] ~ .control-indicator,
	.radio [type=text] ~ .control-indicator {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 20px;
		height: 20px;
		margin-top: -1px;
		border: 1px solid #050505;
		background: #f8f8f8;
		border-radius: 50%; }

	.radio [type=radio] ~ span {
		color: #222; }

	.radio [type=text] ~ .control-indicator {
		background: #3a3a3a;
		border-color: #050505; }

	.radio [type=text] ~ .control-indicator:after {
		content: '';
		position: absolute;
		top: 4px;
		left: 4px;
		width: 8px;
		height: 8px;
		background-color: #fff;
		border-radius: 50%;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
		opacity: 0;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

	.radio [type=radio]:disabled:not(:checked) ~ .control-indicator,
	.radio [type=radio]:disabled:checked ~ .control-indicator {
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: #e1e2e6;
		background-color: #f9f9f9;
		opacity: 0.6; }

	.radio [type=text] ~ .control-indicator {
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: #050505;
		background-color: #fff; }

	.radio [type=radio]:disabled:checked ~ .control-indicator:after {
		color: #999; }

	.radio [type=radio]:disabled ~ span {
		color: #9e9e9e; }

	.checkbox-box {
		border-bottom: 1px dashed #a5a5a5; }
	.checkbox-box .box-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 12px; }
	.checkbox-box .box-btn .delete-btn, .checkbox-box .box-btn  .upload-btn {
		display: inline-block;
		min-width: 75px;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 4px;
		text-align: center;
		background: #269fc2;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		margin-right: 10px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s; }
	.checkbox-box .box-btn-fa .delete-btn-fa, .checkbox-box .box-btn-fa  .upload-btn-fa {
		display: inline-block;
		min-width: 126px;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 4px;
		text-align: center;
		background: #269fc2;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		margin-right: 10px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s; }
	.checkbox-box .box-btn .delete-btn:hover, .checkbox-box .box-btn  .upload-btn:hover {
		opacity: .7; }
	.checkbox-box .box-btn-fa .delete-btn-fa:hover, .checkbox-box .box-btn-fa  .upload-btn-fa:hover {
		opacity: .7; }
	.checkbox-box .box-btn span {
		font-size: 14px;
		line-height: 18px; }
	#sidebar .sidebar__top-block .black-bg {
		width: 50px;
		padding: 7px 4px;
	}
	.sidebar__list-title:hover, .sidebar__box-img img:hover {
		cursor: pointer;
	}
	.sidebar__img-list, .sidebar-header, .sidebar-search-box, .sidebar-page, .sidebar-banner-pr{
		display: none;
	}
	.sidebar__img-list.active, .sidebar-header.active, .sidebar-search-box.active, .sidebar-page, .sidebar-banner-pr.active {
		display: block;
	}
	.display-block {
		display: block !important;
	}
	.checkbox-box .box-btn  .upload-btn {
		width: 125px;
	}
	.checkbox-box .box-btn-fa  .upload-btn-fa {
		width: 200px;
	}
	.custom-color-picker {
		width: 0;
		position: absolute;
		right: 5px;
		height: 0;
		border: none;
	}
	.display-none {
		display: none !important;
	}
	.delete-btn:hover {
		cursor: pointer;
	}

	.form-block-cart .expiration-date-block select#card_y {
		width: 85px;
	}

	.custom-item-page {
		width: 1080px;
		background: #fff;
		padding: 1px 20px 20px 20px;
		margin-left: -20px;
	}

	.item-list li.bl-hot:hover {
		opacity: .7;
		-webkit-transform: translate(2px, -2px);
		-ms-transform: translate(2px, -2px);
		transform: translate(2px, -2px);
		-webkit-box-shadow: -4px 5px 8px 1px rgba(169, 169, 169, 0.75);
		box-shadow: -4px 5px 8px 1px rgba(169, 169, 169, 0.75);
	}

	.logo-text {
		height: 38px;
		display: table-cell;
		vertical-align: middle;
		padding: 0 5px;
	}
	.white-color, .header-logo .white-color {
		color: white;
	}
	.custom-item-page.pt-15, .pt-15 {
		padding-top: 15px;
	}

	.logout-btn {
		padding: 5px;
		color: #fff;
		font-size: 11px;
		line-height: 29px;
		border-radius: 4px;
		background: linear-gradient(to bottom, #ff7400 0%, #ff4800 100%);
		position: relative;
		z-index: 999;
		top: -12px;
	}

	.logout-btn:hover {
		cursor: pointer;
	}
	.sidebar__top-block {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.sidebar__top-block {
		padding: 20px 10px 17px;
		background: #aeaeae;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 10px;
	}

	.sidebar__list-title {
		font-size: 16px;
		line-height: 20px;
		padding-right: 20px;
	}

	.sidebar__title {
		margin-right: 10px;
	}
	.sidebar__title {
		display: block;
		font-size: 18px;
		line-height: 22px;
	}
	.sidebar__top-btn {
		margin-right: 10px;
	}
	.sidebar__top-btn {
		min-width: 60px;
		padding: 7px 4px;
		text-align: center;
		font-size: 16px;
		line-height: 20px;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.black-bg {
		background: #000;
	}

	.sidebar__top-btn {
		margin-right: 10px;
	}
	.sidebar__top-btn {
		min-width: 60px;
		padding: 7px 4px;
		text-align: center;
		font-size: 16px;
		line-height: 20px;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.red-bg {
		background: #ca0000;
	}
	.sidebar__container {
		padding: 0 10px;
	}
	.sidebar__list {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.sidebar__list-title {
		font-size: 16px;
		line-height: 20px;
		padding-right: 20px;
	}
	.sidebar__list-title {
		display: block;
		position: relative;
		font-size: 18px;
		line-height: 22px;
		padding-right: 20px;
		padding: 15px 0 12px;
	}
	.sidebar__list-title:before {
		content: '';
		position: absolute;
		top: 46%;
		right: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 11px 9px 0 9px;
		border-color: #e7e7e7 transparent transparent transparent;
		z-index: 2;
	}

	.sidebar__list-title:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 11px 9px 0 9px;
		border-color: #000000 transparent transparent transparent;
	}
	.sidebar__img-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0 -10px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sidebar__holder {
		width: 100%;
	}
	.sidebar__box-img {
		display: block;
		position: relative;
		width: 93%;
		padding-bottom: 64%;
		margin-bottom: 12px;
	}

	.sidebar__img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
	}
	.sidebar__list-title {
		font-size: 16px;
		line-height: 20px;
		padding-right: 20px;
	}
	.sidebar__list-title {
		display: block;
		position: relative;
		font-size: 18px;
		line-height: 22px;
		padding-right: 20px;
		padding: 15px 0 12px;
		width: 90%;
	}

	.checkbox-box {
		border-bottom: 1px dashed #a5a5a5;
	}
	.checkbox, .radio {
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
		color: #333;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.checkbox label {
		position: relative;
		padding-left: 28px;
		cursor: pointer;
	}
	.checkbox label, .radio label {
		display: inline-block;
		vertical-align: top;
	}
	.checkbox [type=checkbox] {
		position: absolute;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
	}
	.checkbox [type=checkbox]:checked ~ span {
		color: #222;
	}
	.checkbox span, .radio span {
		display: inline-block;
		vertical-align: top;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.checkbox [type=checkbox]:checked ~ .control-indicator {
		background: #fff;
		border-color: #d6d6d6;
	}

	.checkbox [type=checkbox]:checked ~ span {
		color: #222;
	}
	.checkbox span, .radio span {
		display: inline-block;
		vertical-align: top;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.checkbox [type=checkbox]:checked ~ .control-indicator:after {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.checkbox [type=checkbox]:not(:checked) ~ .control-indicator:after, .checkbox [type=checkbox]:checked ~ .control-indicator:after {
		content: '';
		position: absolute;
		top: 2px;
		left: 0px;
		width: 12px;
		height: 10px;
		background: url(/common/images/ico-check.svg) 50% 50% no-repeat;
		background-size: cover;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
	}

	.checkbox-box .box-btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom: 12px;
	}

	.checkbox-box .box-btn .delete-btn {
		display: block;
		min-width: 75px;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 4px;
		text-align: center;
		background: #269fc2;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		margin-right: 10px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	.checkbox-box .box-btn span {
		font-size: 14px;
		line-height: 18px;
	}
	.radio {
		margin-bottom: 0;
		padding: 15px 0;
	}
	.checkbox, .radio {
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
		color: #333;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.radio label {
		position: relative;
		padding-left: 0;
		padding-right: 28px;
		cursor: pointer;
	}
	.checkbox label, .radio label {
		display: inline-block;
		vertical-align: top;
	}
	.radio [type=radio] {
		position: absolute;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
	}
	.radio [type=radio]:checked ~ .control-indicator {
		background: #3a3a3a;
		border-color: #050505;
	}
	.radio [type=radio]:not(:checked) ~ .control-indicator, .radio [type=radio]:checked ~ .control-indicator {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 20px;
		height: 20px;
		margin-top: -1px;
		border: 1px solid #050505;
		background: #f8f8f8;
		border-radius: 50%;
	}
	.radio [type=radio]:checked ~ span {
		color: #222;
	}
	.radio span {
		font-size: 12px;
		line-height: 16px;
	}
	.radio span {
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
	}
	.checkbox span, .radio span {
		display: inline-block;
		vertical-align: top;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.radio [type=radio]:checked ~ .control-indicator:after {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.radio [type=radio]:not(:checked) ~ .control-indicator:after, .radio [type=radio]:checked ~ .control-indicator:after {
		content: '';
		position: absolute;
		top: 4px;
		left: 4px;
		width: 8px;
		height: 8px;
		background-color: #3a3a3a;
		border-radius: 50%;
		-webkit-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
	}

	.checkbox-box .box-btn .upload-btn {
		width: 125px;
	}
	.checkbox-box .box-btn .delete-btn, .checkbox-box .box-btn .upload-btn {
		display: inline-block;
		min-width: 75px;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 4px;
		text-align: center;
		background: #269fc2;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		margin-right: 10px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.checkbox-box .box-btn span {
		font-size: 14px;
		line-height: 18px;
	}
	.box-btn .delete-btn, .box-btn .upload-btn {
		display: inline-block;
		width: 75px;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 4px;
		text-align: center;
		background: #269fc2;
		color: #fff;
		font-weight: bold;
		border-radius: 5px;
		margin-right: 10px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}

	.checkbox [type=checkbox]:not(:checked) ~ .control-indicator {
		-webkit-box-shadow: none;
		box-shadow: none;
		border-color: #aaa;
		background-color: #fff;
	}
	.checkbox [type=checkbox]:not(:checked) ~ .control-indicator, .checkbox [type=checkbox]:checked ~ .control-indicator {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 16px;
		height: 16px;
		margin-top: -1px;
		border: 2px solid #d6d6d6;
		background: #fff;
		border-radius: 3px;
	}
	.checkbox span, .radio span {
		display: inline-block;
		vertical-align: top;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.custom-color-picker {
		width: 0;
		position: absolute;
		right: 5px;
		height: 0;
		border: none;
	}

}
/*.main-nav__item .price select, .main-nav__item .category select, .search-box .main-nav__item .search button {*/
	/*color: red !important;*/
/*}*/
#header {
	height: 41px;
}
.header-logo {
	height:40px;
margin-bottom: 30px;
}
.header_top .header-logo{
	margin-bottom: 0;
}
.an-item {
	margin-top: 10px;
	border: 1px solid #cecece;
	border-radius: 3px;
	padding: 5px;
	background: #ffffff
}
.an-item:first-child {
	margin-top: 0;
}
.an-item .item-detail .title {
	font-weight: bold
}

.an-item .item-detail {
	padding: 5px;
	border-bottom: 1px dotted #cecece;
}
.an-item .item-detail:last-child {
	border: none
}
@media (max-width: 334px) {
	#info, #delivery-date {
		font-size: 10px;
	}
}

@media (min-width: 100px) and (max-width: 262px) {
	#info, #delivery-date {
		font-size: 9px;
	}
}

input[name="min_price"], input[name="max_price"] {
	background: #000000;
	color: #fff;
	border: 1px solid;
	border-radius: 3px;
	padding-left: 3px;
	width: 93px;
}

.bl-hot .box_price_cate .item-price {
  font-size: 15px;
}

.bl-hot .box_price_cate .text-price-tax {
  font-size: 12px;
  margin-left: 2px;
  background: transparent;
  color: red;
  padding: 0;
}