@charset "utf-8";

header .logo{ display: none;}

/*================================================
　　　　* ham_hd
================================================*/
#ham_hd{background: #00A89A; padding: 5px 10px 10px 10px; box-sizing: border-box;}
#ham_hd .text{ color: #fff; text-align: left; font-size: 0.5em; font-weight: bold;}
#ham_hd .logo{ width:70%; max-width:250px; padding: 5px 0 0px 0px; box-sizing: border-box; text-align:center;}
#ham_hd .logo img{ width:100%; height:auto;}

@media (min-width: 640px) { /*640px～768px*/
	#ham_hd .logo{ max-width:300px;  padding: 10px 0 10px 0px;}
}


header .logoBox{ display: none;}

/*================================================
　　　　* モーダルメニュー
================================================*/

/* ---------------------------------------------------  menu */
header{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:10;
	background: rgba(255,255,255,0.95);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	visibility: hidden;
	opacity: 0;
	transform: translate3d(100%, 0, 0);	
}

.menu-open header {
	-webkit-transition: all 0.2s;
	transform: translate3d(0%, 0, 0);
	transition: all 0.2s;
	visibility: visible;
	opacity: 1;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}

/* --------------------------------------------------- ham-btn */
.ham-btn {
	/*position: absolute;*/
	position: fixed;
	top: 0px;
	right: 0px;
	text-align: center;
	cursor: pointer;
	z-index: 20;
	display:block;
	color:#333;
	text-decoration:none;
	padding:  8px 8px 13px 8px;
	box-sizing: border-box;
	background:#00A89A;
}

.menu-trigger p{ font-size: 0.5em; color: #fff; font-weight: bold; position: absolute; top: 14px; left:0; text-align:center; width:100%; letter-spacing:0.1em;}

/* --------------------------------------------------- menu-trigger*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .2s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 36px;
	height: 22px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
	border-radius: 1px;
}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 9px;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}



/*================================================
　　　　* ナビ
================================================*/
header nav{}

/*グローバルナビ*/

/*-------第一階層-------*/
header  nav { width: 90%;  position: relative; margin: 60px auto 0 auto; position: relative;}
header  nav .inner > ul{ margin: 0; padding: 0; list-style: none;}
header  nav .inner > ul > li{ text-align: left; margin: 0 0 10px 0; padding:0; width: 100%; box-sizing: border-box; box-shadow: 5px 5px 0px  rgba(0, 0, 0, 0.2);}
header  nav .inner > ul > li > a{ position: relative; background: #00A89A; color: #fff; text-decoration: none; display: block; box-sizing: border-box; padding:  30px 0 30px 25px; font-size: 1.2em; line-height: 1;	font-family: "Noto Sans Japanese"; font-weight: 400;}
header  nav .inner > ul > li > a:before{
	display: block;
	content: "";
	position: absolute;
	top: 49%;
	left: 10px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
}

@media (max-width: 640px) { /*768px～1100px*/
	header  nav .inner > ul > li > a{ padding:  20px 0 20px 25px;}
}


/*================================================
　　　　* クリアーフィックス
================================================*/
 
/* モダンブラウザ（Firefox Opera Safari）対策 */
nav ul:after {
	content:".";
	display:block;
	height: 0.1px; 
	clear:both;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0;
	overflow: hidden;

}

/* Win版IE7とMac版IE5対策 */
nav ul{
   display:inline-block;
   min-height: 1%; 
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html nav ul{
	height: 1%;  
}

nav ul {
   display:block;
}
/* End hide from IE-mac */