@charset "utf-8";
/* PCレイアウト */
@media (min-width: 640px) {
/*--------------------------------------------------*
 *   PCでは無効/表示されない
 *--------------------------------------------------*/
.bt_hamburger_menu {
	display:none;
}
.global_navi_sp{
	display:none;
}
}

/* スマホレイアウト */
@media (max-width: 639px) {
.global_navi_sp {
	position: fixed;
	top:0px;
	left:0px;
	bottom:0px;
	width: 100%;
	padding: 50px 10px;
	background-color: #FFF;
	display:none;
	z-index: 200;
}
.on {
	display: block;
}
.global_navi_sp .gl_box1 {
	border-top: 2px solid #C69C6D;
	padding-top: 30px;
}
.global_navi_sp .gl_box1 li {
	text-align: center;
	padding: 0px 50px;
}
.global_navi_sp .gl_box1 li a {
	padding:15px 0px;
	display: block;
	font-size: 1.8rem;
	color: #754C24;
	font-weight: 700;
	line-height: 1.4;
	border-bottom: 2px solid #C69C6D;
}
.global_navi_sp .gl_box1 li:last-child a {
	border-bottom: none;
}
.global_navi_sp .gl_box1 li a span {
	display: block;
	font-size: 1.4rem;
	color:#C69C6D;
	font-weight: 500;
	padding-top: 4px;
}

/*--------------------------------------------------*
 *   ハンバーガーメニュー
 *--------------------------------------------------*/
.fixed{
	position:fixed;
}
.bt_hamburger_menu .item1 {
	position: fixed;
	top: 20px;
	left: 10px;
	z-index: 2000;
}
.bt_hamburger_menu .item1 img {
	width: 180px;
}
.bt_hamburger_menu .item2 {
	position: fixed; /* bodyに対しての絶対位置指定 */
	right: 10px;
	top: 15px;
	display: block;
	width: 76px;
	height: 19px;
	cursor: pointer;
	z-index: 3;
	z-index: 300;
	background: url("../img/common/img_menu.png") no-repeat left top;
	background-size: 76px auto;
}
/* 最初のspanをマイナス45度に */
.bt_hamburger_menu.active .item2 {
	right: 10px;
	top: 15px;
	position:fixed;
	width: 76px;
	height: 17px;
	background: url("../img/common/img_close.png") no-repeat left top;
	background-size: 76px auto;
}
}
