@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------*/
/*#menu_select 機能メニュー  menu.html  11/01/18 Add                                         */
/*--------------------------------------------------------------------------------*/
#menu_select {
	background: rgba(255,255,255,0.9);
	/*height: 100%;*/
	width: 100%;
	float: left;
	clear: both;
	/*position: relative;*/
	position: absolute;
	top: 0px;
	left: 0px;
	overflow:hidden;
	z-index: 203;
}
#menu_select #menu_select_head {
	height: 29px;
	/*padding: 3px 7px;*/
	position: absolute;
}

#menu_select #menu_select_body {
	height: 85%;
	width: 100%;
	float: left;
	clear: both;
	padding-bottom:5px;
	position: relative;
	overflow: auto;
}
#menu_select_head img {
	float:left;
}

#menu_select h1 {
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, #2b2b2b),color-stop(0.4, #2b2b2b),color-stop(0.5, #2b2b2b),color-stop(1, #2b2b2b));
	background-image: -moz-linear-gradient(-90deg, #006600 0%, #2b2b2b 49%,#2b2b2b 50%,#2b2b2b 100%);
	background-image: linear-gradient(-90deg,#2b2b2b 0%,#2b2b2b 49%,#2b2b2b 50%,#2b2b2b 100%);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	
	text-align:center;
	padding: 3px 5px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	line-height:25px;
	font-weight:bold;
	height:25px;
	overflow:hidden;
}

#menu_select li {
	/*height: 40px;*/
	padding: 0px;
	margin: 0 10px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	display: block;
	position: relative;
}

#menu_select li.one {
	height: 40px;
	color: #333333;
	font-size:14px;
	line-height: 40px;
	text-decoration:none;
	font-weight:bold;
	text-indent:5px;
	margin: 0 10px;
	
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(237, 237, 237)),color-stop(1, rgb(204, 204, 204)));
	background-image: -moz-linear-gradient(-90deg,rgb(237, 237, 237) 0%,rgb(204, 204, 204) 100%);
	background-image: linear-gradient(-90deg,rgb(237, 237, 237) 0%,rgb(204, 204, 204) 100%);
}

#menu_select li.caption {
	height: 40px;
	color: #ffffff;
	font-size:14px;
	line-height: 40px;
	text-decoration:none;
	font-weight:bold;
	text-indent:5px;
	margin: 0 10px;
	background-color:#2b2b2b;
	border-top: 1px solid rgb(153,153,153);
	border-right: 1px solid rgb(153,153,153);
	border-left: 1px solid rgb(153,153,153);
}



#menu_select li.first {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-top:5px;
}

#menu_select li.last {
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom:5px;
	border-bottom:solid 1px #999999;
}

#menu_select li a{
	color: #333333;
	font-size:14px;
	line-height: 40px;
	text-decoration:none;
	text-indent:5px;
	display:block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
#menu_select li.hover{
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #0F995D),color-stop(1, #0F995D));
	background: -moz-linear-gradient(-90deg, 0F995D 0%, 0F995D 100%);
	background: linear-gradient(-90deg, 0F995D 0%, 0F995D 100%);
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	color: rgb(255, 255, 255);
}
#menu_select li a.hover{
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
	color: rgb(255, 255, 255);
}

/*--------------------------------------------------------------------------------*/
/* 機能メニュー  デザイン変更  '21/07/20                                         		*/
/*--------------------------------------------------------------------------------*/

#menu_select h1 {
	height: 48px;
	line-height: 48px;
	/*
	background: #000 url(../../Content/images/pages/map/TitleLogo.svg) no-repeat center center;
	background-size: auto 28px;
	text-indent: 1000%;
	white-space: nowrap;
	*/
}

#menu_select #menu_select_head {
	height: 32px;
	position: absolute;
	top: 10px;
	left: 8px;
}

.tool_list_back img {
	width: 32px;
	height: 32px;
}

#menu_select #menu_select_body li.caption,
#menu_select #menu_select_body li.first.caption {
	display: none !important;
}

#menu_select #menu_select_body li.one {
	height: 64px;
	background-color: #fff;
	background-image: none;
	border: none;
	border-bottom: 1px solid #E3E3E3;
	position: relative;
}

#menu_select #menu_select_body li a {
	font-size: 16px;
	line-height: 63px;
}

/* 各メニューアイコン */
#menu_select #menu_select_body li a::before {
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	/* background: url(../images/pages/btnNews.svg) no-repeat center center; */
	background-size: contain;
	vertical-align: middle;
	margin-right: 8px;
}
/*
#btn_ichisel::before {
	background: url(../images/pages/btnNews.svg) no-repeat center center;
}
*/
#btn_news::before {
	/* 新着情報 */
	background: url(../images/pages/btnNews.svg) no-repeat center center;
}
#btn_ichisel::before {
	/* 位置選択 */
	background: url(../images/pages/Search.svg) no-repeat center center;
}
#btn_nearsearch::before {
	/* 周辺検索 */
	background: url(../images/pages/SearchAround.svg) no-repeat center center;
	/* border-radius: 50% 50%;*/
}
.keiro_app_btn::before {
	/* 経路検索 */
	background: url(../images/pages/SearchRoute.svg) no-repeat center center;
}
.map_type_btn::before {
	/* マップ切替 */
	background: url(../images/pages/SelectMap.svg) no-repeat center center;
}
.view_btn::before {
	/* レイヤ表示切替 */
	background: url(../images/pages/SelectLayer.svg) no-repeat center center;
}
.map_select_btn::before {
	/* 背景地図切替 */
	background: url(../images/pages/ChgBgmap.svg) no-repeat center center;
}
.url_view_btn::before {	
	/* URL表示 */
	background: url(../images/pages/SaveUrl.svg) no-repeat center center;
}
.point_reg::before {
	/* 位置登録 */
	background: url(../images/pages/Registration.svg) no-repeat center center;
}
.map_legend_btn::before {
	/* 凡例表示 */
	background: url(../images/pages/Legend.svg) no-repeat center center;
}
.liyoukyodaku_li_app_btn::before {
	/* 利用許諾 */
	background: url(../images/pages/RuleBook.svg) no-repeat center center;
}
.back_home_btn::before {
	/* トップへ戻る */
	background: url(../images/pages/ReturnTop.svg) no-repeat center center;
}


/* メニュー右側のイラスト・画像 */
#ichisel_li::after {
	/* 位置選択 */
	position: absolute;
	top: 8px;
	right: 0;
	display: inline-block;
	content: "";
	width: 75px;
	height: 48px;
	background: url(../images/pages/map/ico_btn_nearsearch.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	pointer-events: none;
}
#nearsearch_li::after {
	/* 周辺検索 */
	position: absolute;
	top: 8px;
	right: 0;
	display: inline-block;
	content: "";
	width: 75px;
	height: 48px;
	background: url(../images/pages/map/ico_btn_nearsearch2.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	pointer-events: none;
}
#keiro_li::after {
	/* 経路検索 */
	position: absolute;
	top: 8px;
	right: 0;
	display: inline-block;
	content: "";
	width: 75px;
	height: 48px;
	background: url(../images/pages/map/ico_btn_keiro.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	pointer-events: none;
}
#selectmap_li::after {
	/* マップ切替 */
	position: absolute;
	top: 8px;
	right: 0;
	display: inline-block;
	content: "";
	width: 152px;
	height: 48px;
	background: url(../images/pages/map/selectMapCheck.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	pointer-events: none;
}
#displaylayer_li::after {
	/* レイヤ表示切替 */
	position: absolute;
	top: 8px;
	right: 0;
	display: inline-block;
	content: "";
	width: 152px;
	height: 48px;
	background: url(../images/pages/map/displayLayerCheck.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	pointer-events: none;
}
#selectbgmap_li::after {
	/* 背景地図切替 */
	position: absolute;
	top: 8px;
	right: 0;
	display: inline-block;
	content: "";
	width: 152px;
	height: 48px;
	background: url(../images/pages/map/selectBgmapCheck.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	pointer-events: none;
}
#maplegend_li::after {
	/* 凡例表示 */
	position: absolute;
	top: 8px;
	right: 0;
	display: inline-block;
	content: "";
	width: 152px;
	height: 48px;
	background: url(../images/pages/map/displayLayer.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	pointer-events: none;
}


 /*  = ポータル画面　レスポンシブ対応 - 2column
 ----------------------------------------------------------------------*/
 @media only screen and (min-width: 599px) {

  #menu_top_mapsel #menu_top_mapsel_body ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 1% 2%;
	}