@charset "utf-8";

/**************************************************
		PC
**************************************************/
/* ===== Title Area ===== */
#titleArea {
	background-image:url("../img/bg_title_area.jpg");
}


/* ===== Map ===== */
#mainArea .listMap01 {
	margin-right:-2em;
	font-size:13px;
	font-size:0.82rem;
}

#mainArea .listMap01 li {
	float:left;
	margin:0 2em 7px 0;
	line-height:1.7;
	/*white-space:nowrap;*/
}

#mainArea .number {
	font-size:14px;
	font-size:0.88rem;
	color:#990013;
}

#mainArea .listMap02 {
	margin:0 -2px 0 -3px;
}

#mainArea .listMap02 li {
	float:left;
	margin:0 2px 0 3px;
	width:220px;
}

#mainArea .listBanner {
	font-size:17px;
	font-size:1.07rem;
	text-align:center;
	line-height:1.6;
}

.box2 #mainArea .listBanner {
	font-size:14px;
	font-size:0.88rem;
}

#mainArea .listBanner a {
	display:block;
	color:#333;
	text-decoration:none;
}

#mainArea .listBanner a:hover {
	opacity:0.7;
}

#mainArea .listBanner .caption {
	display:block;
	margin-top:15px;
}

.fixedpagetop {
	position:fixed;
	bottom:50px;
	right:40px;
	z-index:40;
}

.fixedpagetop a {
	display:block;
	border-radius:50%;
	background:#333;
	background:rgba(0,0,0,0.6);
}

.fixedpagetop a:hover {
	background-color:#932536;
}


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

/* ===== Title Area ===== */
#titleArea {
	background-image:url("../img/bg_title_area_sp.jpg");
}


/* ===== Map ===== */
#mainArea .listMap01 {
	font-size:12px;
	font-size:0.75rem;
}

#mainArea .listMap02 {
	margin:0 -2px;
}

#mainArea .listMap02 li {
	margin:0 2px;
	width:calc(33.333% - 4px);
}

#mainArea .listBanner,
.box2 #mainArea .listBanner {
	font-size:13px;
	font-size:0.82rem;
}

#mainArea .listBanner a:hover {
	opacity:1;
}

.fixedpagetop {
	bottom:25px;
	right:20px;
}

.fixedpagetop a {
	width:50px;
}

.fixedpagetop a:hover {
	background-color:#932536;
	background:rgba(0,0,0,0.6);
}

}