@charset "utf-8";

html,body {
	height: 100%;
	font-size: 16px;
	font-family: 'Kosugi Maru', sans-serif;
	text-decoration: none;
}

a {
	text-decoration: none;
	display: block;
}

body,div,header,article,footer,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	letter-spacing: 0.1em;
}

h1,h2,h3,h4,h5,h6 { font-size: 100%; }

img,fieldset { border: 0; }

img { vertical-align: bottom;}

li { list-style-type: none; }

.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

/*ヘッダー*/
header{
	background:#f8cdce;
}
#headLogo p{
	max-width:1024px;
	margin:0 auto;
}
nav{
	background:rgba(255,255,255,0.5);
}
#gNav{
	margin:0 auto;
}
#gNav li{
	display:block;
	float:left;
	width:25%;
	border-left:3px dotted #f8cdce;
	border-right:3px dotted #f8cdce;
	box-sizing: border-box;
}
#gNav li+li{
	border-left:0;
	border-right:3px dotted #f8cdce;
}
#gNav li a{
	text-align:center;
	width:100%;
	color:#444;
	font-weight:bold;
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
#gNav li a:hover {
	background: #E4007F;
	color: #fff;
}
/*コンテンツ*/
.breadcrumb {
	padding:5px;
	font-size:15px;
	background:#f8cdce;
	color:#E4007F;
}

.breadcrumb li {
	display:inline-block;
	
}
.breadcrumb a{color:#00A199;}
.breadcrumb a:hover{opacity:0.5;}
.breadcrumb li a:after{
	content: '　》';
}

h1 {
	display:block;
	max-width:1024px;
	margin:40px auto 10px;
	color:#EB6EA5;
	height:60px;
	font-size:200%;
	background:url("../img/border-bottom.png");
	}
/*フッター*/
.footerBG p{
	max-width:1024px;
	margin:0 auto;
}
footer{
	background:#00A199;
	padding:25px 0;
}
.footerMenu ul{
	max-width:1024px;
	margin:0 auto;
	padding:10px 0 25px;
}
.footerMenu li{
	width:calc(100%/3);
	text-align:center;
	font-size:18px;
	display:block;
	float:left;
	border-left:3px solid #d4e9e7;
	border-right:3px solid #d4e9e7;
	box-sizing: border-box;	
}
.footerMenu li+li{
	border-left:0;
	border-right:3px solid #d4e9e7;
}
.footerMenu a{
	display:block;
	color:#FFF;
	line-height:25px;
}
.footerMenu a:hover{
	background:#d4e9e7;
	color:#00A199;
}
footer p{
	color:#d4e9e7;
}
span{
	display:inline-block;
	text-align:center;
}

@media screen and (max-width:599px) { 
    /*　画面サイズが599pxからはここを読み込む　*/
	#gNav{
		display:none;
	}
	#mNav{
		position:fixed;
		bottom:0;
		background:#00A199;
		z-index:999;
		opacity:0.8;
	}
	#mNav li{
		float:left;
		width:20%;
	}
	h1{
		width:90%;
	}
	.footerMenu ul{
		width:90%;
	}
	.footerMenu li{
		float:none;
		width:100%;
		font-size:15px;
		text-align:left;
		padding:0 15px ;
		border-left:5px solid #d4e9e7;
		border-right:0;
	}
.footerMenu li+li{
	border-left:5px solid #d4e9e7;
	border-right:0;
}	
	footer p {
		max-width:320px;
		font-size:70%;
		padding-bottom:120px;
		margin:0 auto;
		text-align:center;
	}
}

@media screen and (min-width:600px) and ( max-width:1023px) {
    /*　画面サイズが600pxから1023pxまではここを読み込む　*/
	#gNav{
		max-width:600px;
	}
	#gNav li a{
		padding:15px 0;
		font-size:80%;
	}
	#mNav{
		display:none;
	}
	h1{
		width:90%;
	}

	.footerMenu li{
		font-size:15px;
	}
	.footerMenu ul{
		width:90%;
	}
	footer p {
		max-width:600px;
		font-size:80%;
		margin:0 auto;
		text-align:center;
	}


}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
	#gNav{
		max-width:1024px;
	}
	#gNav li a{
		padding:25px 0;
	}
	#mNav{
		display:none;
	}
	footer p {
		max-width:1024px;
		margin:0 auto;
		text-align:center;
	}

}