@charset "UTF-8";

#area_main_menu>.menu.sleep {
	display: none;
}
#area_main_menu>.tabs {
	display: table;
	width: 100%;
	background-color: #f0f0f0;
}
#area_main_menu>.tabs>a,
#area_main_menu>.tabs>.tab {
	display: table-cell;
	width: 50%;
	text-align: center;
	padding: 15px;
	font-size: 12px;
	color: #666;
}
#area_main_menu>.tabs>a,
#area_main_menu>.tabs>.tab.sleep {
	background-color: #f0f0f0;
	cursor: pointer;
	border-bottom: solid 0.5px #ddd;
}
#area_main_menu>.tabs>a {
	text-decoration: none;
}
#area_main_menu>.tabs>.tab.active {
	background-color: #fff;
}
#area_main_menu>.tabs>.tab.area.active {
	border-right: solid 0.5px #ddd;
}
#area_main_menu>.tabs>.tab.location.active {
	border-left: solid 0.5px #ddd;
}

.area_menu_frame {
	padding: 2px;
	background-color: #f0f0f0;
}
.area_menu .com_table {
	table-layout: fixed;
	width: 100%;
}
.area_menu .com_td {
	padding: 3px;
}
.area_menu .col2 .com_td {
	width: 50%;
}
.area_menu .col3 .com_td {
	width: 33.333%;
}
.area_menu a {
	display: block;
	background-color: #fff;
	text-decoration: none;
	padding: 15px 0 15px 15px;
	font-size: 13px;
	font-weight: bold;
	color: #444;
}
.area_menu i {
	color: #2498e9;
}
.area_menu a.mypage {
	color: #2498e9;
}

.action_menu {
	margin-bottom: 20px;
}
.action_menu.ranking {
	margin-bottom: 10px;
}

.accordion.style1 .com_select.style1 {
	overflow: hidden;
}
.accordion.style1 .com_select.style1 span {
	white-space: nowrap;
}
.accordion.style1 .com_select .title.style1 {
	font-size: 12px;
	display: inline-block;
	min-width: 70px;
	text-align: right;
	margin-right: 10px;
}
.accordion.style1 .com_select .title.style1:after {
	content: " : ";
}

.com_tab.style1 {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
}
.com_tab.style1::-webkit-scrollbar {
	display: none;
}
.com_tab.style1 .com_table {
	width: 490px;
}
.com_tab.style1 .com_td {
	width: 16.666%;
}

.distances,
.neighborhood_areasu {
	font-size: 12px;
	margin-bottom: 10px;
}
.ranking_submenu {
	font-size: 12px;
	margin-bottom: 20px;
	text-align: center;;
}
.distances .description,
.neighborhood_areas .description {
	font-size: 11px;
	padding: 0 10px;
	margin-bottom: 5px;
}
.distances .items,
.neighborhood_areas .items,
.ranking_submenu .items {
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.distances .items .inner,
.neighborhood_areas .items .inner,
.ranking_submenu .items .inner {
	display: table;
	padding-right: 10px;
	padding: 2px 0;
}
.ranking_submenu .items .inner {
	margin: auto;
}
.distances .items .item,
.neighborhood_areas .items .item ,
.ranking_submenu .items .item{
	display: table-cell;
	padding-left: 10px;
	white-space: nowrap;
}
.distances .items .active,
.distances .items .option,
.distances .items a,
.neighborhood_areas .items a,
.ranking_submenu .active,
.ranking_submenu .items a {
	display: block;
	text-decoration: none;
	padding: 5px 20px;
	border: solid 1px #2498e9;
	color: #2498e9;
	box-sizing: border-box;
	border-radius: 50vh;
	cursor: pointer;
}
.distances .items .active,
.ranking_submenu .items .active {
	background-color: #2498e9;
	color: #fff;
	cursor: default;
}

.ranking_submenu .active,
.ranking_submenu .items a {
	min-width: 100px;
}