@charset "utf-8";
/*--------------------------------------------
  shoptop.css
  ショップトップの共通CSS
--------------------------------------------*/

/* 差込HTML */
#insertHtml{
	width:100%;
}

/* バナー */
#topBannerArea1 ul li{
	width:100%;
	margin-bottom:10px;
}

/* 2 */
#topBannerArea2 ul {
	margin: 0 -5px;
}
#topBannerArea2 ul li {
	width: 50%;
	margin: 0 0 10px 0;
	float: left;
	display: block;
	padding: 0 5px;
}

#topBannerArea3 ul li{
	width:24%;
	margin-bottom:10px;
	float:left;
	display:block;
	margin-left:calc(4% / 3);
}

#topBannerArea3 ul li:first-child,
#topBannerArea3 ul li:nth-child(4n + 1) {
	margin-left: 0;
}

@media screen and (max-width: 641px) {
	#topBannerArea2 ul {
		margin: 0 5px;
	}
	#topBannerArea2 ul li {
		width: 50%;
		margin: 0 0 10px 0;
		float: left;
		display: block;
		padding: 0 5px;
	}
	#topBannerArea3 ul li {
		width: 50%;
		margin: 0 0 10px 0;
		float: left;
		display: block;
		padding: 0 5px;
	}
}

/* お知らせ */
.info ul {
	padding:0 10px;
}
.info ul li {
	border-bottom:1px dotted #ccc;
	padding:10px 0;
	font-size:0.9em;
}
.info ul li:nth-child(1) {
	padding:0 0 10px;
}
.info ul li a {
	margin:0 0 0 20px;
	color:#333;
	text-decoration:none;
}
.info ul li a:hover {
	opacity:0.75;
}