@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-weight:normal;
}
*, *:before, *:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
ol,ul{
	list-style:none;
}
a{
	text-decoration:none;
	color: #000;
}
hr,.br{
	clear:both
}
blockquote,q{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}
:focus{
	outline:0
}
ins{
	text-decoration:none;
}
del{
	text-decoration:ine-through
}
table{
	border-collapse:collapse;
	border-spacing:0
}
input[type="text"]{
	padding:2px
}
textarea{
	padding:2px
}
pre{
	font-family:"\5fae\8f6f\96c5\9ed1","lucida grande",tahoma,verdana,arial,"\5b8b\4f53",sans-serif;
	line-height:1.8;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
html,body{
	width:100%;
	height:100%;
}
body{
	font-size:14px;
	font-family:"\5fae\8f6f\96c5\9ed1","lucida grande",tahoma,verdana,arial,"\5b8b\4f53",sans-serif;
	-webkit-text-size-adjust:none
}
#wrapper{width:100%;min-height:100%;position:relative}
#navispace{height:80px}
.left{float:left}
.right{float:right}
#navi{width:100%;height:70px;background:#595757;position:fixed;left:0;top:0;z-index:100}
#menu{padding-right:72px}
#menu>a,#shopping,#qty{display:block;float:left;color:#D2D3D3;height:70px;line-height:70px;margin-left:30px;letter-spacing:3px}
#logo{width:74px;height:38px;background:url(../img/logo.svg) 0 0 no-repeat;margin:16px 0 0 64px;display:block}
#fb,#ig{width:30px;height:30px;background:url(../img/fb.svg) center center no-repeat;background-size:100% 100%;margin:18px 0 0 11px;display:block}
#ig{background-image:url(../img/ig.svg)}
#fb3,#ig3{width:27px;height:27px;background:url(../img/fb.svg) center center no-repeat;background-size:100% 100%;margin-right:17px;display:inline-block !important}
#ig3{background-image:url(../img/ig.svg)}
#fb:hover,#fb3:hover{background-image:url(../img/fbon.svg)}
#ig:hover,#ig3:hover{background-image:url(../img/igon.svg)}
#shopping,#qty{position:relative;cursor:pointer;padding-right:12px;background-image:url(../img/sicon_g.svg);background-repeat:no-repeat;background-position:right center; background-size:8px}
#shopnavi,#qtynavi{position:absolute;background:#888889;top:70px;display:none}
#shopnavi>a,#qtynavi>a{width:140px;display:block;padding:27px 0;border-top:1px solid #9EA4A4;color:#FEFEFE;line-height:normal;white-space:nowrap;text-align:center}
#shopnavi>a:first-child,#qtynavi>a:first-child{border-top:none}
#cart{padding-left:31px;background:url(../img/icons.png) left center no-repeat;background-position:0 21px;font-size:70%}
#menu>a:hover,#shopping:hover,#qty:hover{color:#FFF}
#shopping:hover,#qty:hover{background-image:url(../img/sicon.svg)}
#shopnavi>a:hover,#qtynavi>a:hover{background:#717071}
#qty>a{width:100%;height:100%;position:absolute;left:0;top:0}
#cart:hover{background-position:0 -179px}

#mb_navi{width:100%;height:60px;border-bottom:1px solid #717071;background:#FFF;position:fixed;top:0;z-index:100;display:none}
#mb_navi td{text-align:center;vertical-align:middle}
#mbmenu{width:22px;height:16px;background:url(../img/mbmenu.svg) 0 0 no-repeat;display:inline-block}
#mblogo{width:78px;height:40px;background:url(../img/mblogo.svg) 0 0 no-repeat;display:inline-block}
#mbcart{width:29px;height:24px;background:url(../img/mbcart.svg) 0 0 no-repeat;display:inline-block;vertical-align:middle}
span.cartnum{height:24px;display:inline-block;line-height:24px;color:#717071;letter-spacing:3px;vertical-align:middle}

#product{max-width:1022px;color:#717071;margin:0 auto}
#class_select{margin:32px auto 10px auto;font-size:12px;padding:0 38px}
.pro_class{display:inline-block;margin-right:44px;padding:11px;cursor:pointer}
.fr{color:#FF0025}
.class_on{background:#717071 !important;color:#FFF !important}
#pro_show{margin:0 auto 44px auto}
#pro_show>div{width:25%;display:inline-block;margin-bottom:38px;vertical-align:top}
#pro_show>div>a{width:180px;margin:0 auto;vertical-align:top;font-size:12px;display:block;position:relative}
#pro_show img{width:100%}
.pro_name{width:100%;margin:22px 0 11px 0;text-align:center}
.pro_price{width:100%;color:#C0B3B4;text-align:center}
#mb_menu{width:227px;height:100%;background:#EEEFEF;padding:44px 0 0 46px;position:fixed;top:0;left:-227px;overflow:auto;z-index:1001}
#mb_menu_close{width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;display:none}
#mb_menu>div{margin-bottom:56px}
.mbmt{color:#595757;display:block;margin-bottom:17px}
.mbpro_class,#mb_menu a{color:#888889;display:block;margin-bottom:17px}
.mfr{color:#FF0025}
.rfont{color:#F60 !important}

#footer{width:100%;background:#9EA4A4;color:#FEFEFE;font-size:12px;position:absolute;left:0;bottom:0}
#footer td{padding:27px 42px}
#footer a{color:#FEFEFE}
#footerh{width:100%;font-size:12px;visibility:hidden}
#footerh td{padding:27px 42px}


.bt1,.bt2{width:218px;height:41px;background:#595757;color:#FFF;cursor:pointer;display:inline-block;margin-left:5px;text-align:center;line-height:41px}
.bt2{background:#EDEBE5;color:#595757}
.bt3{width:78px;height:21px;border:1px solid #717071;color:#888889;cursor:pointer;display:inline-block;text-align:center;line-height:21px}
.btar{width:22px;height:22px;background:#595757;color:#FFF;text-align:center;line-height:22px;cursor:pointer;display:inline-block}

.pro_class:hover,#pro_show>div:hover{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6}
#footer a:hover{color:#C9C9CA}
.ftonm{display:none}

#dp_dim{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#717071;filter:'alpha(opacity=30)';-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3}
#prebuy{width:548px;background-color:#FEFEFE;position:fixed;left:50%;top:50%;margin:-174px 0 0 -274px;z-index:1001;letter-spacing:1px}
#prelogo{width:81px;height:41px;background:url(../img/mblogo.svg) center center no-repeat;position:absolute;left:50%;top:22px;margin-left:-40px}
#preclose{width:21px;height:21px;background:url(../img/icons.png) no-repeat;background-position:-100px -200px;position:absolute;right:21px;top:21px;cursor:pointer}
#pretext{width:100%;color:#717071;line-height:2.2;text-align:center;padding:111px 0 49px 0}

.ppp{text-decoration:line-through}
.ppd{color:#F60;padding-left:5px}
.disc{width:40px;height:40px;background:#F60;color:#FFF;text-align:center;line-height:40px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:absolute;top:5px;right:5px}

#lang{line-height:70px;margin-left:10px;color:#d2d3d3;cursor:pointer;display:none}
#lang:hover{color:#FFF}
#lang2{color:#888889;display:block;margin-bottom:17px;display:none}

#sdiv{padding:0 38px;margin-bottom:38px;vertical-align:middle}
#stxt{width:150px;height:28px;border:1px solid #595757;padding:0 5px}
#search{cursor:pointer;vertical-align:middle}


@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {

#cart,#preclose{background-image:url(../img/icons@2x.png);background-size:460px 526px}

}

@media screen and (max-width: 970px) {
.ftonm{display:block}
.ftnom{display:none}
#footer td,#footerh td{padding:10px 20px}

}

@media screen and (max-width: 810px) {
#navi{display:none}
#mb_navi{display:table}

}

@media screen and (max-width: 768px) {
#product{max-width:634px}
#pro_show>div{width:50%;margin-bottom:20px}
#pro_show>div>a{width:206px}
#class_select{padding:0}
#sdiv{padding:0}
.pro_class{width:-moz-calc((100% - 80px) / 4);width:-webkit-calc((100% - 80px) / 4);width:calc((100% - 80px) / 4);height:33px;background:#DEDDDD;color:#717071;text-align:center;line-height:33px;margin:10px;cursor:pointer;display:inline-block;padding:0}
#sdiv{padding-left:10px}

}

@media screen and (max-width: 480px) {
#footer span,#footerh span{display:block}
#footer br,#footerh br{display:none}
#footer span:nth-child(3),#footerh span:nth-child(3){margin-bottom:12px}
#prebuy{width:100%;font-size:12px;letter-spacing:0px;left:0;top:0;margin:0 !important}
.pro_class{margin:5px;width:-moz-calc((100% - 30px) / 3);width:-webkit-calc((100% - 30px) / 3);width:calc((100% - 30px) / 3)}
#sdiv{padding-left:5px}

}

@media screen and (max-width: 436px) {
#pro_show>div>a{width:96%}

}