@charset "utf-8";

@import url("/css/print.css");
body{
	color: #222;
	background: #FFF3ED url(/img/bg.jpg) 0 0 repeat;
	font-family: "YuGothic Medium",'Yu Gothic Medium', YuGothic, "Yu Gothic", 'メイリオ',Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1{
	width: 100%;
	margin: 1.25em auto;
	padding: 0.2em 0 0.7em;
	font-size: 2rem;
	letter-spacing: 0.1em;
	text-align: center;
	background: url(/img/line.gif) center bottom no-repeat;
}
h2{
	width: 100%;
	margin: 1.5em auto 0.5em;
	padding: 0.5em 0;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align: center;
}
h3{
	margin: 0.5em 0;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	text-align: center;
}


/* Header
************************************/

#logo{
	padding: 15px 10px 10px;
	text-align: left;
}
#tel{
	width: 300px;
	padding: 10px 0 0;
	float: right;
	text-align: center;
}
#tel p{
	margin: 0;
}
#tel a{
	color: #222;
	text-decoration: none;
}
#number{
	font-size: 2rem;
}
@media(max-width: 767.98px){
#logo{
	text-align: center;
}
#tel{
	display: none;
}
}


/* Navigation
************************************/

#nav{
	margin: 0;
	padding: 0;
}
#nav ul{
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
	width: 100%;
	list-style: none;
	border-collapse: separate;
	border-spacing: 5px;
}
#nav ul li{
	display: table-cell;
	padding: 0;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#nav ul li#home{
	width: 90px;
}
@media(max-width: 767.98px){
#nav ul li#home{
	width: 75px;
}
}
@media(max-width: 575.98px){
#nav ul li#home{
	width: 60px;
}
}
#nav ul li.current{
	color: #FFF;
	background-color: #F00;
}
#nav ul li a{
	display: block;
	width: 100%;
	height: 50px;
	padding: 15px 10px;
	color: #222;
	background-color: #FFD5D5;
	text-decoration: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	transition-duration: 0.3s;
}
#nav ul li a:hover{
	color: #FFF;
	background-color: #F00;
}


/* Breadcrumb
************************************/

#breadcrumb{
	margin-top: 5px;
	font-size: 0.8rem;
	background-color: #FFD5D5;
}
#breadcrumb a{
	color: #222;
}
.breadcrumb{
	background: none;
}
.breadcrumb-item.active{
	color: #222;
}
.breadcrumb-item+.breadcrumb-item::before{
	color: #222;
	content: ">";
}


/* Main Contents
************************************/

#main{
	padding-bottom: 30px;
}
#cpg-pb{
	height: 140px;
	background: url(/img/cowpig.png) bottom center no-repeat;
}


/* Footer
************************************/

footer{
	padding-top: 10px;
	color: #FFF;
	background-color: #F00;
	text-align: center;
}
footer a,
footer a:hover{
	color: #FFF;
	text-decoration: none;
}
#flogo{
	margin-top: 15px;
	text-align: center;
}
address{
	margin-top: 15px;
	text-align: center;
}
#st-tel{
	background-color: #F00;
	z-index: 8;
}
#st-tel p{
	margin: 0;
	padding: 0;
}
#tel-f{
	margin: 0;
	padding: 0;
	font-size: 1.8rem;
}
#copy{
	margin-top: 20px;
	padding: 10px;
	font-size: 0.8rem;
	text-align: center;
}
@media (max-width: 767.98px){
footer{
	padding-bottom: 100px;
}
#st-tel{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	border-top: 1px solid #FFF;
}
#copy{
	margin-top: -20px;
}
}


/* Page top
************************************/

#p-top{
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 10;
}
@media (max-width: 767.98px){
#p-top{
	bottom: 50px;
	right: 10px;
}
}