@charset "utf-8";

/* stylelint-disable */
h1{margin-bottom: 20px;}
.section{margin-bottom: 30px;}

/* static-ttl-page
-------------------------------------------- */
#static .static-ttl-page{float: left;width: 355px; margin-bottom: 20px;}
#static .static-ttl-page-right{float: right;width: 355px; margin-bottom: 20px;}
#static .static-ttl-page img,#static .static-ttl-page-right img{width: calc(355px - 2px); border: 1px solid #ccc;}
.static-wrap-ttl-page:after,
.static-mini-image:after{display: block; clear: both; content: ""; height: 0.01px;}


/* static-image
-------------------------------------------- */
#static .static-main-image{margin-bottom: 20px;}

#static .static-mini-image > li{float: left;width: 170px; margin-right: 13px;}
#static .static-mini-image > li:last-child{margin-right: 0;}
#static .static-mini-image > li p{font-size:13px; text-align: center;}
#static .static-mini-image > li img{width: 170px;margin-bottom: 5px;border: solid 1px #ccc;}
#static .static-mini-image > li a{display: block;font-size: 11px;font-size: 1.1rem;text-decoration: none;}

#static .static-bottom-image{margin-bottom: 20px;}

/* brand-info
-------------------------------------------- */
#static .brand-info{display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
#static .brand-info .left-img{width: 230px;}
#static .brand-info .left-img img{width: 100%;}
#static .brand-info .right-txt{width: 490px; padding-left: 20px;}
#static .brand-info .right-txt p{margin-bottom: 10px;} 

/* clearfix
-------------------------------------------- */
.static-mini-image:after{display: block; clear: both; content: ""; height: 0.01px;}

/* 商品4つ並びタイプ
-------------------------------------------- */
#static .section ul.static-mini-image03{
	width: 728px;
	margin-left: -8px;
	margin-bottom: 20px;
}

#static .section ul.static-mini-image03 > li{
	text-align: center;
	float: left;
	width: 170px;
	margin-left: 12px;
}

#static .section ul.static-mini-image03 > li img{
	width: 168px;
	margin-bottom: 5px;
	border: solid 1px #eee;
}

#static .section ul.static-mini-image03 > li a{
	display: block;
	font-size: 1.1rem;
	text-decoration: none;
}

#static .section ul.static-mini-image03 > li p.price{
	display: block;
	font-size: 13px;
	font-size: 1.3rem;
	text-decoration: none;
	margin-top: 8px;
	margin-bottom: 8px;
}

#static section ul.static-mini-image03 > li p.copy{
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: none;
	margin: 5px 0px;
	color: #ea4c8a;
	font-weight: bold;
}
/* stylelint-enable */

/* 遅延読み込み
-------------------------------------------- */
#static .img-lazy {
	background: url(/images/common/loading.gif) no-repeat center center;
	background-size: 25px 25px;
}