/* 笳�夢隕ｧ螻･豁ｴ逕ｨ */

/* 繝｡繝九Η繝ｼ譫� */
.history_area {
	top: 64px;
  position: relative;
}
div#history-menu {
    position: relative;
	display: block;
    width: 100%;
}

div#floating-menu {
	display: block;
	width: 100%;
	height: 40px;

	position: relative;
	background:#2e6a62;
}
@media screen and (max-width: 1080px) {
	.history_area {
		top: 52px;
		position: relative;
	}	
}

/* 繝｡繝九Η繝ｼ蜀��陦ｨ遉ｺ */
.nav-wrap {
	position: relative;
}
.scroll-nav {
	display: block;
	height: 40px;
	max-width: 1080px;
	margin: 0 auto;
	overflow-x: auto;
	overflow-y: hidden;
}

.scroll-nav .view-history{
	width: max-content;
}

.scroll-nav .view-history ul {
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
.scroll-nav .view-history ul li {
	float: left;
    border-radius: 6px; /* 隗偵ｒ荳ｸ繧√ｋ */
	text-align: center;
    background-color: #FFFFFF;

    margin: 4px 0 2px 4px;
    padding: 0 5px 0 5px;
}

.scroll-nav .view-history ul li.city_history {
	border: 1px solid #66CDAA;
	background-color: #FFFFFF;
}

.scroll-nav .view-history ul li.history_ctr {
    background:#ffffff;
  }

.scroll-nav .view-history ul li a {
	display: inline-block;
	font-size: 10px;
	color: #1A1311; /* 繝｡繝九Η繝ｼ縺ｮ譁�ｭ苓牡 */
	text-decoration: none;
}

.scroll-nav .view-history ul li.city_history a {
	display: inline-block;
	font-size: 11px;
	color: black; /* 繝｡繝九Η繝ｼ縺ｮ譁�ｭ苓牡 */
	text-decoration: none;
}

/* 蜿ｳ蛛ｴ縺ｫ蝗ｺ螳壹☆繧矩Κ蛻� */
.menu_mhc {
	position: absolute;
	bottom: 0px;
	right: 8px;
	width: 54px;
	height: 45px;
	color: #555;
}

.menu_mhc a#menu_mhc_btn {
	margin: 0px 0px 0px 0px;
	width: 54px;
	height: 45px;
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#menu_mhc_btn {
	background-image:url("../img/icon/mypoint.svg");
	background-position: center bottom;
}