@charset "utf-8";
/* CSS Document */
.container {
	margin: 0 auto;
	padding: 0 15px;
	font-size: 16px;
}
img {
	max-width: 100%;
}
@media (min-width: 768px) {
.container {
	width: 960px;
}
.container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
}
@media (max-width: 767px) {
br.hidden_sp {
	display: none;
}
}
a {
	color: #5B332B;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #5B332B;
}
#pageTop {
	position: fixed;
	bottom: 5px;
	right: 5px;
	color:#FFFFFF;
	font-size:20px;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 25px;/* width,heightの半分 */
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #DF806D;/* 円の色 */
	text-align:center;
	z-index: 9999;
}
#pageTop i {
	margin-top:14px;
}
#header {
	background: url(../img/index/header_bg.png) repeat-x center 0;
	min-height: 180px;
}
#header h1 {
	padding-top: 30px;
	font-size: 20px;
	font-weight: bold;
}
#header h2 img {
	max-width: 100%;
}
#footer {
	background-color: #F2F2F2;
	min-height: 230px;
}
#footer h2 {
	padding-top: 30px;
	font-size: 18px;
	font-weight: bold;
}
@media (min-width: 768px) {
#footer .logo {
	width: 300px;
	margin: 10px auto;
}
#footer ul li {
	display: inline;
	padding: 0 10px;
	font-size:13px;
}
}
@media (max-width: 767px) {
#footer .logo {
	width: 50%;
	margin: 10px auto;
}
#footer ul li {
	padding: 0 10px;
	font-size:13px;
}
}
#footer .logo img {
	max-width: 100%;
}

#ttlBox {
	background: url(../img/wave01.png) repeat-x center bottom;
	color: #5B332B;
	padding: 10px 0 50px;
}
#main {
	/*background: url(../img/wave02.png) repeat-x center bottom;*/
	background-color: #FFF6E6;
	padding: 20px 0 0px;
}
.breadcrumb {
	margin-bottom: 10px;
	font-size: 12px;
}
.breadcrumb ul li {
	float: left;
}
.breadcrumb ul li:before {
	content: ">";
	padding: 0 5px;
}
.breadcrumb ul li.home:before {
	content:"\f015";
	font-family: FontAwesome;
}