/*---Toggle Button-----------*/

/*ボタンエリア*/
#nav-toggle{display:block;position:absolute;right:20px;top:24px;width:25px;height:36px;cursor:pointer;z-index:1}
#nav-toggle div{position:relative;}
#nav-toggle span{display:block;position:absolute;height:1px;width:100%;background:#666;left:0;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out}
#nav-toggle span:nth-child(1){top:2px}
#nav-toggle span:nth-child(2){top:11px}
#nav-toggle span:nth-child(3){top:20px}

/*#nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1){top:11px;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);transform:rotate(315deg)}
.open #nav-toggle span:nth-child(2){width:0;left:50%}
.open #nav-toggle span:nth-child(3){top:11px;-webkit-transform:rotate(-315deg);-moz-transform:rotate(-315deg);transform:rotate(-315deg)}

.headinner{width:100%;padding:0}

/*ヘッダエリア*/
#top-head{top:0;position:fixed;width:100%;height:70px;margin:0 auto;line-height:1;z-index:1;border-bottom: 1px solid #ccc;}
#mobile-head{background:#fff;width:100%;height:70px;position:relative;z-index:10000;}
#top-head .logo {width: 100%;font-size: 20px;font-family: 'Lora', serif;line-height: 0; text-align: center;}


/* 開いてないときは画面外に配置 */
#global-nav {position: absolute;top: -500px;background: rgba(0,0,0,0.7);width: 100%; margin: 0;padding: 0;text-align: center;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;z-index:100;}
#global-nav ul {width: 100%;margin: 0;padding: 0;font-size: 14px;text-align: left;}
#global-nav ul li { margin: 0;padding: 0;}
#top-head #global-nav ul li a {display: block;width: 100%; margin: 0;padding: 20px;border-bottom: 1px solid #5c5a5a;color: #fff;text-decoration: none;}
#top-head #global-nav ul li:last-child a {border-bottom: none;}
				
/* #global-nav スライドアニメーション */
.open #global-nav{-moz-transform:translateY(570px);-webkit-transform:translateY(570px);transform:translateY(570px);z-index:1}


#headinfo	{display:none;}

#main	{margin: 50px 0 0 0;}

@media only screen and (min-width: 960px) {

#main	{margin: 0;}

/*ボタンエリア*/
#nav-toggle{display:none;}

#header	{padding: 30px 0 20px 0;text-align: center;}
#top-head	{position:relative;max-width: 1100px;height:auto;margin: 0 auto;background: none;border-bottom:none}

#mobile-head{height: 120px;}

#global-nav {position:relative;top: auto;height: auto;background:none;}
#global-nav	ul{display: -webkit-box;display: -ms-flexbox;display: flex;height: auto;}
#global-nav	ul	li:first-child{border-left: 1px solid #666;}
#global-nav	ul	li{float: left;width: auto;-ms-flex-preferred-size: 14.2%;flex-basis: 14.2%;height: auto;margin: 0;padding: 0;border-right: 1px solid #666;}
#top-head #global-nav ul li a {display: block;margin: 0;padding: 10px 0 0 0;border-bottom: none;color: #333;text-align: center;line-height: 100%;}

#headinfo	{position: absolute;top: 0;right: 0;display:inline-block;border:none;z-index: 10000;}

}