@charset "utf-8";

/* ============================================================ */
/* #side */
/* ============================================================ */
#side {
	width: 240px;
	float: right;
	padding: 40px 0 0 0;
}


/* ============================================================ */
/* .snavi */
/* ============================================================ */
.snavi {
	background: url(/common/img/common/bg_side_inner.png) top left repeat-x #fff;
	margin: 0 0 20px 0;
}

.snavi h3 {
}

/*.snavi h3:after,
.snavi h3:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.snavi h3:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.snavi h3:before {
	border-color: rgba(228, 227, 227, 0);
	border-top-color: #e4e3e3;
	border-width: 11px;
	margin-left: -11px;
}*/

.snavi h3 a,
.snavi h3 span {
	color: #72310d;
	display: block;
	padding: 25px 15px 15px 40px;
	background: url(/common/img/common/ico_side.png) 15px 25px no-repeat;
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: bold;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.snavi h3 a,
	.snavi h3 span {
		background: url(/common/img/common/ico_side@2x.png) 15px 25px no-repeat;
		background-size: 18px 28px;
	}
}

.snavi ul {
	border: 1px solid #e2e0e1;
	border-top: none;
}

.snavi ul li {
	border-bottom: 1px solid #e2e0e1;
}

.snavi ul li:last-of-type {
	border-bottom: none;
}

.snavi ul li a {
	padding: 10px 14px;
	display: block;
	text-decoration: none;
	font-size: 1.4rem;
}

.snavi ul li:nth-child(1) a {
	background: url(/common/img/common/bg_side_btm.png) -1px 0 repeat-x;
}

.snavi ul li a:hover {
	background: #ffeff4;
}

.snavi ul li:nth-child(1) a:hover {
	background: url(/common/img/common/bg_side_btm_on.png) -1px 0 repeat-x #ffeff4;
}

.snavi ul li a i {
	color: #fa7194;
	font-size: 1.3rem;
	line-height: 1.0;
}

.snavi ul li a .indent i {
	padding: 0 5px 0 0;
}


/* ============================================================ */
/* .side_bnr */
/* ============================================================ */
.side_bnr a {
	margin: 0 0 10px;
	display: block;
}