body{margin:0;padding:0;color:#666;}
body,button,input,select,textarea{font-size:12px;font-weight:300;font-family:'Poppins', sans-serif;line-height:1.866666666666667;}
a{color:#666;transition:color 0.2s;}
a:hover,a:active,a:focus{color:#d0a667;}
img{vertical-align:top;vertical-align:top;}

#breadcrumb{width:1000px;text-align:left;padding:12px 0 15px 0;line-height:1.4em;}
#breadcrumb span{display:inline-block;max-width:100%;margin:0;}

/* page structure */
#container{width:1000px;letter-spacing:-15px;}
#container *{box-sizing:border-box;}
#side_menu,#content{display:inline-block;vertical-align:top;letter-spacing:normal;}
#side_menu{width:250px;float:left;margin-right:30px;text-align:left;}
#content{width:720px;float:right;padding-top:35px;}

/* link to page top */
span.go2page_top{display:inline-block;width:100%;text-align:right;}
span.go2page_top a{display:inline-block;text-align:center;background:#eee;text-decoration:none;padding:15px 10px 10px 10px;line-height:10px;border-radius:3px;transition:background-color 0.2s}
span.go2page_top a:hover{background:#d0a667;color:#666;}
span.go2page_top .arrow-top{display:inline-block;width:18px;height:18px;margin:0;border-top:2px solid #666;border-left:2px solid #666;transform:rotate(45deg);}

/* header */
#header{display:block;background-color:#2b2b2b;color:#999;padding:28px 0 28px 0;}
#header a:link,span#header a:visited{color:#fff;text-decoration:none;}
#header a:hover,span#header a:active,span#header a:focus{color:#d0a667;}
div.site-identity{margin-top:5px;padding:0;line-height:1.6em;font-weight:600;}
div.site-identity > p{margin:0;}
p.site-description{font-size:13px;font-weight:400;}

/* footer */
#footer{width:1000px;text-align:left;padding-bottom:100px;clear:both;}
#footer span.footer_left{display:inline-block;vertical-align:top;float:left;}
#footer span.footer_right{display:inline-block;vertical-align:top;float:right;text-align:right;}
#footer hr{margin:10px 0;}

/* side menu */
h3{font-size:16px;margin:0 0 5px 0;padding:0;font-weight:400;}
a.il_list{display:block;transition:background 0.2s linear;font-size:23px;color:#fff;background-color:#2b2b2b;text-decoration:none;margin:0 0 1px 0;padding:10px 0 10px 10px;line-height:1.2em;}
a.il_current{background-color:#d0a667;}
a.list_l{margin-bottom:10px;}
span.il_list{display:block;transition:background 0.2s linear;font-size:23px;color:#fff;background-color:#ddd;text-decoration:none;padding:10px 0 10px 10px;line-height:1.2em;}
a.il_list:hover,a.il_list:active,a.il_list:focus,a.il_omega:hover,a.il_omega:active,a.il_omega:focus{background-color:#d0a667;}
.model_sub{display:block;width:100%;font-size:10px;line-height:1em;margin-top:5px;}

/* item list */
ul.notice{display:inline-block;text-align:left;border:#999 solid 1px;border-radius:5px;padding:10px 20px;}
ul.notice li{list-style-type:'・';margin-left:1em;padding-left:0.5em;}

#list_container{width:720px;text-align:left;letter-spacing:-15px;font-size:11px;padding:0 20px;line-height:1.7em;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

span.inner_link{display:block;letter-spacing:normal;text-align:center;margin-bottom:0;width:100%;text-align:center;}
span.inner_link > a{display:inline-block;width:35%;max-width:150px;border:#2b2b2b 1px solid;border-radius:3px;color:#2b2b2b;padding:0;margin:0 10px;font-size:20px;font-weight:bold;text-decoration:none;line-height:40px;transition:color 0.2s linear,border-color 0.2s linear;}
span.inner_link > a:hover{border-color:#d0a667;color:#d0a667;}

h2.brand_ttl{background:#2b2b2b;text-align:left;font-size:36px;font-weight:normal;color:#fff;line-height:1em;padding:5px 0 5px 10px;margin:20px 0 30px 0;letter-spacing:normal;width:100%;}

#list_container a.list_item{display:inline-block;width:150px;margin:20px 10px 60px 10px;padding:0 0 calc(120px + 1.5em) 0;text-align:left;letter-spacing:normal;border:#fff solid 1px;overflow: hidden;}
#list_container a.list_item:hover{color:#d0a667;}
#list_container a.list_item img{transition:opacity 0.2s}
#list_container span.list_item{display:inline-block;width:150px;margin:20px 10px 60px 10px;padding:0 0 calc(120px + 1.5em) 0;text-align:left;letter-spacing:normal;border:#fff solid 1px;overflow: hidden;}
#list_container a.two_prices,#list_container span.two_prices{padding:0 0 calc(180px + 1.5em) 0;}
#list_container a.addoff,#list_container span.addoff{padding:0 0 calc(220px + 1.5em) 0;}

.up_date{display:inline-block;position:absolute;padding:0;left:-49px;top:10px;width:160px;text-align:center;background:#900;color:#fff;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

.list_spec{display:block;width:150px;border-top:#666 dotted 1px;margin-top:5px;padding-top:5px;word-break:break-all ;}
span.list_price{text-align:center;height:100px;position:absolute;bottom:1.5em;}
.two_prices span.list_price{height:180px;}
.addoff span.list_price{height:218px;}

.backorder{display:block;color:#900;border:#900 solid 1px;box-sizing:border-box;background-color:#fff;text-align:center;margin-top:5px;width:calc(100% - 2px);}

.ttl_3g,.ttl_5g,.ttl_12g{display:inline-block;text-align:center;margin-top:5px;border:#bbb solid 1px;padding:0 5px;border-radius:2px;float:left;}
.ttl_3g{background-color:#fef4e5;}
.ttl_5g{background-color:#f6fae9;}
.ttl_12g{background-color:#e9f2e6;}

.spe_price{display:inline-block;width:150px;font-size:20px;font-weight:bold;border-top:#666 dotted 1px;margin:5px 0 10px 0;padding-top:5px;}
.spe_price .ask{font-size:14px;line-height:1em;}
.tax{display:inline-block;margin:0 3px;font-size:8px;line-height:1em;width:1em;}

.add_off{position:relative;display:inline-block;background:#900;color:#fff;font-weight:bold;width:100%;top:-5px;}

a.buy_form:link,a.buy_form:visited{transition:background 0.2s linear;display:inline-block;width:calc(100% - 3px);text-align:center;background:#666;border-radius:5px;color:#fff;text-decoration:none;padding:3px 0;line-height:2em;}
a.buy_form:hover,a.buy_form:active,a.buy_form:focus{background:#d0a667;}

a.stock_shop:link,a.stock_shop:visited{display:block;transition:background 0.2s linear;font-size:18px;color:#fff;background-color:#2b2b2b;text-decoration:none;padding:10px 0;line-height:1em;width:300px;border-radius:3px;}
a.stock_shop:hover,a.stock_shop:active,a.stock_shop:focus{background:#d0a667;}

/*
 * Responsive for mobile
 */
@media screen and (max-width: 1020px) {
	#breadcrumb{width:calc(100% - 20px);}
	#container{width:calc(100% - 20px);}
	#content{width:calc(100% - 300px);}
	.page_ttl{width:100%;height:auto;}
	#list_container{width:100%}
	#list_container a.list_item,#list_container span.list_item{width:calc(100% / 3 - 20px);}
	#list_container a.list_item img,#list_container span.list_item img{width:100%;height:auto;}
	.list_spec{width:100%}
	span.list_price{width:100%;}
	.spe_price{width:100%}
	#footer{width:calc(100% - 20px);}
}

@media screen and (max-width: 860px) {
	#header{padding:20px 0 10px 0;font-size:10px;}
	#header img.custom-logo{width:150px;height:auto;}
	p.site-description{font-size:10px;}
	span.go2page_top{text-align:center;}
	#content{width:100%;clear:both;padding-top:0;}
	#side_menu{width:100%;clear:both;}
	#list_container{font-size:13px;line-height:1.6em;}
	#list_container a.list_item,#list_container span.list_item{margin:10px 10px 40px 10px;}
	#list_container a.two_prices,#list_container span.two_prices{padding:0 0 calc(200px + 1.5em) 0;}
	.two_prices span.list_price{height:200px;}
	#list_container a.addoff,#list_container span.addoff{padding:0 0 calc(240px + 1.5em) 0;}
	.addoff span.list_price{height:240px;}
	#footer span.footer_left,#footer span.footer_right{width:100%;;clear:both;text-align:center;}
	#footer span.footer_left{margin-bottom:10px;}
}

@media screen and (max-width: 650px) {
	#list_container a.list_item,#list_container span.list_item{width:calc(50% - 20px);}
	#footer span.footer_left a,#footer span.footer_right a{display:inline-block;}
}

@media screen and (max-width: 390px) {
	#list_container{padding:0;}
	.spe_price{font-size:17px;}
	.spe_price .ask{font-size:0;display:inline-flex;}
	.spe_price .ask:before{font-size:14px;content:'お問い合わせ';}
}
@media screen and (max-width: 330px) {
	.spe_price{font-size:17px;letter-spacing:normal;}
}