@charset "UTF-8";
/**
 * ヘッダー
 * ※ ヘッダーの枠組み(#footer)に関する設定はlayout.cssに記述
 */

/* headMain
----------------------------------------------- */
#headMain {
	/*background: url(images/bg_header.jpg) no-repeat left top;
	width:900px;
	margin:0 auto;
	height:60px;*/
}
#headMain h1 {
	padding:0;
	margin:0;
	width:300px;
	float: left;
}
#headMain h1 a {
	display:block;
	width:300px;
	height:60px;
	text-indent:-3000px;
}
/* グローバルメニュー
----------------------------------------------- */
.menu-trigger{
	display: none;
}
#glbMenus {
	/*margin:15px 0;*/
	/*background: url(images/bg_global_menu.gif) no-repeat left top;*/
	background-color:rgba(255, 255, 255, 0.8);
	height:80px;
	position: fixed;
	width: 100%;
	z-index: 100;
}
.sumanav {
	position: fixed;
	right: -9999px;
}
@media screen and (min-width: 901px) {
	.nav-menu{
		margin: 20px 10365px 20px 0;
		float: right;
		position: relative;
		z-index: 101;
	}
	.global-menu .first {
		padding-left:20px;
	}
	/*
	.global-menu ul-level-1 nav-menu{
		width: 700px;
	}*/

	.global-menu li {
		float:left;
		height:40px;
	}
	.global-menu li a {
		float: left;
		line-height: 40px;
		display: block;
		padding: 0px 18px;
		text-align: center;
		font-size: 120%;
		text-decoration: none;
		color: rgba(94, 66, 56, 1);
		font-weight: 600;
		letter-spacing: 0.02em;
	}
	.sumanav li ::after{
		display: block;
		content: "";
		width: 100%;
		height: 4px;
		background: rgba(255, 229, 76, 1);
		transform: scaleX(0);
		transform-origin: right top;
		transition: transform 0.4s;
	}
	.sumanav li :hover::after{
		transform: scaleX(1);
		transform-origin: left top;
	}
	/*
	.nav-item a::after {
		position: absolute;
		bottom: -2px;
		left: 0;
		display: block;
		content: "";
		width: 100%;
		height: 2px;
		background: #000000;
		transform: scaleX(0);
		transform-origin: right top;
		transition: transform 0.4s;
	}
	.nav-item a:hover::after {
		transform: scaleX(1);
		transform-origin: left top;
	}*/
	/*
	.global-menu a:hover {
		padding-top:11px;
		height:29px;
		color:#333333;
	}
	.global-menu a:visited {
		color:#000000;
	}*/
	.nav-contact{
		position: absolute;
		/* margin-top: 15px; */
		margin: 20px 20px 20px 0;
		margin: 0 20px 0 0;
		float: right;
		width: 324px;
		right: 0px;
	}
	.nav-contact ul{
		position: relative;
		top: 0px;
		line-height: 80px;
	}
	.i-tel{
		margin: 0 0;
		float: left;
	}  
	.i-mail{
		margin: 0 0;
		float: left;
	} 
}
.nav-contact i{
	/*font-size: 200%;*/
	font-size: 3.0rem;
	line-height: 80px;
	/*padding-top: 2px;*/
} 
.nav-contact h2{
	font-size: 3.5rem;
	/*font-size: 230%;*/
	float: left;
	margin: 0px 20px 0px 13px;
	top: 0;
	position: relative;
	color: rgba(255, 179, 0, 1);
}

@media screen and (max-width: 900px) {
	#glbMenus {
		z-index: 100;
		display: inline;
		height: 100%;
		overflow-x: hidden;
		position: relative;
	}
	.overlay {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		opacity: 0;
		transition: opacity .5s;
	}
	.overlay.open {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	.menu-trigger {
		display: inline-block;
		width: 34px;
		height: 28px;
		vertical-align: middle;
		cursor: pointer;
		position: fixed;
		top: 26px;
		right: 23px;
		z-index: 100;
	}
	.menu-trigger span {
		display: inline-block;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: rgba(94, 66, 56, 1);
		transition: all .5s;
	}
	.menu-trigger.active span {
		background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
		transform: translateY(12px) rotate(-45deg);
	}
	.menu-trigger span:nth-of-type(2) {
		top: 12px;
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		transform: translateY(-12px) rotate(45deg);
	}
	.sumanav {
		width: 100%;
		height: 100%;
		padding-top: 100px;
		background-color:rgba(255, 218, 84, 0.8);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 10;
		transform: translate(100%);
		transition: all .5s;
	}
	.sumanav.open {
		transform: translateX(0);
	}
	.sumanav li {
		color: rgb(255, 255, 255);
		text-align: center;
		padding: 6% 15%;
		font-weight: 500;
		font-size: 25px;
	}
	#header * {
		box-sizing: border-box;
	}
	.sumanav ul {
		list-style: none;
		padding: 0;
	}
	.sumanav li a{
		color: rgba(94, 66, 56, 1);
		font-size: 105%;
	}
	.sumanav li ::after{
		display: block;
		content: "";
		width: 100%;
		height: 2px;
		background: #eefdff;
		transform: scaleX(0);
		transform-origin: right top;
		transition: transform 0.5s;
	}
	.sumanav li :hover::after{
		transform: scaleX(1);
		transform-origin: left top;
	}
	.nav-contact{
		position: fixed;
		/*margin-right: 10px;*/
		left: 0px;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.8);
		height: 80px;
	}
	.nav-contact ul{
		position: relative;
    	width: 240px;
    	margin-left: auto;
		margin-right: 70px;
		line-height: 80px;
	}
	.nav-contact i{
		/*font-size: 200%;*/
		font-size: 25px;
		line-height: 80px;
	} 
	.nav-contact h2{
		font-size: 24px;
		/*font-size: 230%;*/
		float: left;
		margin: 0px 15px 0px 10px;
		top: 0px;
		position: relative;
		/*color: rgba(255, 179, 0, 1);*/
		color: rgb(255, 179, 84);
		/*text-decoration:none;*/
	}
	.i-tel{
		float: left;
	}
	.i-mail{
		float: left;
	} 
} 
@media screen and (max-width: 375px) {
	.i-mail{
		/*margin: 13px 0px 0px 13px;*/
		display: none;
	}
	.nav-contact ul {
		width: 210px;
	}
}

/* フォントチェンジャー
----------------------------------------------- */
#fontChanger {
	text-align:right;
	color:#ffffff;
}
/* 検索ボックス
----------------------------------------------- */
#header .search-box {
	width:590px;
	text-align: right;
	float:left;
	padding-top:10px;
	padding-right:10px;
	font-size:12px;
}