/* クリックエリアと位置を指定 ---------------------- */
.sp_button,.sp_button_c {
	position: fixed;
	top: 50px;
	right: 50px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	z-index: 97;
}
@media screen and (max-width: 768px) {
.sp_button,.sp_button_c {
	top: 30px;
	right: 20px;
	width: 40px;
}
}

/* スマホメニュー ---------------------- */
.g_navi {
	background: rgba(163,140,120,0.9);
	width: 100%;
	height: 100%;
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 98;
}
.g_navi_inner {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content:flex-end;
	align-items: center;
	padding-right: 8%;
	box-sizing: border-box;
	
	color: #FFF;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	letter-spacing: 0.08em;
	text-align: right;
}
@media screen and (max-width: 768px) {
.g_navi_inner {
	justify-content:flex-start;
	padding-left: 30px;
	padding-right: 0;
	font-size: 16px;
}
}


.g_navi a {
	color: #FFF;
}
.g_navi a:hover {
	opacity: 0.6;
}

.logo_w {
	width:220px;
	position: absolute;
	top: 40px;
	left: 40px;
}
@media screen and (max-width: 768px) {
.logo_w {
	width:160px;
	top: 20px;
	left: 20px;
}
}
.g_navi_inner table {
	margin-bottom: 40px;
}
.g_navi_inner td {
	text-align: left;
	padding: 6px 0;
}
.gn_line  {
	width: 90px;
}
.gn_line div {
	width: 16px;
	height: 1px;
	background-color: #FFF;
}

.gn_cap {
	font-size: 12px;
	letter-spacing: 0.04em;
	padding-left: 1em!important;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.gn_cap {
	display: none;
}
}

.gn_inst img {
	width: 170px;
}
@media screen and (max-width: 768px) {
.gn_inst {
	position: fixed;
	right: 20px;
	bottom: 20px;
}
}