@charset "UTF-8";


/* ===== ----- トップページ ----- ===== */

.topMainph img {
	width: 100%;
	height: auto;
}

.btmbarTtl {
	position: relative;
	font-size: 150%;
	text-align: center;
	margin-bottom: 10px;
	padding: 4% 0px 6px 0px;
	z-index: 1;
}

.btmbarTtl:after {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 10%;
	margin-left: -3%;
	border-bottom: 3px solid #bf0d00;	
}

.topCateArea {
	width: 100%;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
}

.topCateItem {
	float: left;
	width: 24%;
	margin: 1.5% 0.5%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.topCateItem h3 {
	font-size: 95%;
	text-align: center;
	padding: 1% 1% 2% 1%;
}

.topCateItem h3 a {
	text-decoration: none;
	color: #333;
}

.topCateItem img {
	width: 100%;
	height: auto;
}

.topCateItem ul {
	padding: 0% 2% 4% 2%;
}

.topCateItem li {
	font-size: 80%;
	text-indent: -12px;
	margin-left: 12px;
}

.topCateItem li:before {
	content: "・";
}

.topCateItem li a {
	text-decoration: none;
	color: #0099cc;
}


@media screen and (max-width: 580px) {

/* ===== ----- トップページ ----- ===== */

.topMainph {
	position: relative;
	height: 120px;
	overflow: hidden;
}

.topMainph img {
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	transform: translate(-50%, 0px);
	width: auto;
	height: 120px;
}

.btmbarTtl {
	font-size: 120%;
	padding: 20px 0px 6px 0px;
}

.topCateArea {
	width: 100%;
	margin: 0px auto;
	padding: 10px 0px;
}

.topCateItem {
	float: left;
	width: 48%;
	margin: 5px 1%;
	border: 1px solid #ddd;
	box-sizing: border-box;
}

}