@charset "utf-8";
#header {
	width: 100%;
	box-sizing: border-box;
	height: auto;
	border-top: solid 1px #CCC;
}
header{
	width: 100%;
	padding: 0;
	margin: 0 auto;
	justify-content:space-between;
	overflow: hidden;
}
header a,header a:hover{
	text-decoration:none;
}
#header h1{
	width: 100%;
	padding: 0.4% 1% 0 1%;
}
header h2 a{
	color: #747474;
	padding: 1%;
}
.headerLogo{
	width: 50%;
	padding: 1%;
}
.headerTel{
	width: 70%;
	margin-bottom: 1%;
}
.headerRight{
	padding: 1% 5%;
	background-color: #fff0f2;
}
header ul h3 {
	padding: 1%;
}
header ul h3 a{
	color: #7e7564;
	font-size: 1em;
	font-weight: bold;
}
header p{
	color: #f07787;
	font-size: 0.9em;
	font-weight: bold;
}
#nav{
  margin-bottom: 3%;
}
nav{
	width: 100%;
	background-color: #f07787;
}

.gnav {
	display: flex;
	height: 3rem;
	width: 100%;
	position: absolute;
	z-index: 2;
	border-bottom: solid 1px #FFF;
}
.gnav > li {/*親階層のみ幅を25%にする*/
  width: 20%;
	height: 60px;
	padding: 5px 0;
  list-style: none;
	background-color: #f07787;
}
.gnav li a {
	border-right: 1px solid #FFF;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	display: block;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.gnav li:hover{
	opacity: 0.98;
	transition: 1s;
}
.gnav li a:hover {
	color: #f07787;
	background-color: #FFF;
	opacity: 0.9;
	transition: 0.3s;
	z-index: 100;
	display: block;
}
.gnav li:last-child a {
     border-right:none;
}
.triangle{
	font-size: 30%;
	vertical-align: middle;
	padding-right: 3%;
}
/* ここから下がボタンのCSS　*/


/* Fixed */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
/* 幅1200px以下のスタイル*/
@media screen and (max-width: 1200px) {
h2{
  display: none;
}
header,#globalNav nav{
		width:100%;
		box-sizing:border-box;
}
#header h2 a{
	font-size: 0.7em;
}
.headerLogo{
	width: 90%;
}
.headerTel{
	width: 80%;
}
.headerRight p{
	font-size: 80%;
}
.gNav1 ul li,.gNav2 ul li{
	padding: 2% 1%;
}
.gNav1 ul li a,.gNav2 ul li a{
		font-size: 0.76em;
		font-weight: normal;
	}

.menu li{
	width: 16.50%;
	height: auto;
	float: left;
	border-right: solid 1px #E64646;
	text-align:center;
	}
.menu li a{
		color: #FFF;
		font-size: 1em;
		display: block;
	}
}

/* 幅768px以上のスタイル*/
@media screen and (min-width: 768px){
	.drawer-btnj,.spMenu,#spLogo{
		display:none;
	}

}

/* 幅767px以下のスタイル*/
@media screen and (max-width: 767px) {
header ul,#top h2,.headerRight,.headerTel,.hr,.menu,.gnav,#pcLogo{
		display:none;
	}
.headerLeft{
  width: 100%;
  text-align: center;
  float: none;
}
	header h2 {
		padding: 0;
	}
	header h2 img{
		width: 100%;
		padding: 1%;
	}
	.spMenu{
		width: 100%;
		height: auto;
		font-size: 1.2em;
	}
	header{
		width: 100%;
		min-height:inherit;
		padding: 0.2%;
	}
	.menu li{
	width: 16.57%;
	height: auto;
	float: left;
	border-right: solid 1px #E64646;
	text-align:center;
	}
	.menu li a{
		color: #FFF;
		font-size:1em;
		display: block;
	}
	.spNav{
		width: 100%;
	}
	.spNav nav ul{
		background-color: #019600;
	}
	.spNav nav li{
		width: 50%;
		padding: 5%;
		text-align: center;
		border-bottom: solid 1px #AAA;
		float: left;
		background-color: #EEE;
	}
	.spNav nav ul li:nth-child(odd){
		border-right: solid 1px #AAA;
}
	.spNav a{
		color: #666;
		display: block;
	}
}