@charset "utf-8";

* {	margin: 0;	padding: 0;} 
html, body {font-family: 'Noto Sans', sans-serif, "Montserrat", "Gotham Book", Helvetica Neue, Helvetica, YuGothic, Meyro, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; font-size: 100%; word-wrap: break-word; -webkit-text-size-adjust: 100%;}
a {text-decoration: none;  color: #666;}
a:hover{color: #ff5500; text-decoration:underline;}
a:hover img {opacity: 0.5; -webkit-transition: 0.3s; -ms-transition: 0.3s;	transition: 0.3s;}
ul,li {list-style: none;}

#news {	position: relative;	padding-bottom: 2rem; padding-left: 0.5rem;	background: #fff;}
#news img {width: 100%; display: block; padding: 0;	margin: 0 ;	box-sizing: border-box;}
#news ul li a { display: block; padding: 0;}
div{overflow: hidden; margin:0 0 1rem 0;}
div > span {width: -webkit-calc(100% - 1rem); width: calc(100% - 1rem);	display: block;	margin-top: 0.75rem; padding-left: 0.5rem; font-size: 12px;	height: 2rem; 	line-height: 2rem; font-weight: bold; color: #000; background: #f3f3f2;	box-sizing: border-box;}
.newitem_name { margin: 0 auto 0; text-align: left; font-size: 10px; height: 2rem; overflow: hidden; line-height: 1rem;}
#news ul {width: 100%; display: inline;	padding: 0;	margin: 0; box-sizing: border-box;}
#news ul li {width: -webkit-calc(16.6% - 0.1rem); width: calc(16.6% - 0.1rem); float: left;	background: #ffffff; margin: 0.5rem 0 0 0; box-sizing: border-box; display: block; position: relative;}
@media (max-width: 650.98px) {
#news ul li {
	width: -webkit-calc(33% - 0.3rem);
	width: calc(33% - 0.3rem);
	float: left;
	background: #ffffff;
	margin: 0.5rem 0 0 0;
	box-sizing: border-box;
	display: block;
	position: relative;
}
}
p.hotitem:before {content: "HOT ITEM"; position: absolute; top: 0; left: 0; margin: 0; color: white; background: #e60012; font-size: 10px; font-weight: bold; line-height: 1; padding: 3px 5px; z-index: 15;}
p.new:before {content: "NEW"; position: absolute; top: 0; left: 0; margin: 0; color: white; background: #ff5500; font-size: 10px; font-weight: bold; line-height: 1; padding: 3px 5px; z-index: 15;}
p.re:before {content: "RE:"; position: absolute; top: 0; left: 0; margin: 0; color: white; background: #ffcc33; font-size: 10px; font-weight: bold; line-height: 1; padding: 3px 5px; z-index: 15;}