.sm-blue a.current {
}

.sm-blue a.disabled {
color: #a1d1e8;
}

.sm-blue a .sub-arrow {
position: absolute;
top: 50%;
margin-top: -17px;
left: auto;
right: 4px;
width: 34px;
height: 34px;
overflow: hidden;
font: bold 16px/34px monospace !important;
text-align: center;
text-shadow: none;
background: rgba(0, 0, 0, 0.1);
border-radius: 4px;
}

.sm-blue a .sub-arrow::before {
content: '+';
}

.sm-blue a.highlighted .sub-arrow::before {
content: '-';
}

.sm-blue ul a.current {
background: #000;
}

.sm-blue ul a.disabled {
color: #b3b3b3;
}



@media (min-width: 768px) {

/* Switch to desktop layout
-----------------------------------------------
These transform the menu tree from
collapsible to desktop (navbar + dropdowns)
-----------------------------------------------*/

	/* start... (it's not recommended editing these rules) */
	.sm-blue ul {
	position: absolute;
	width: 12em;
	}
	
	.sm-blue li {
/* 	float: left; */
	}
	
	.sm-blue.sm-rtl li {
	}
	
	.sm-blue ul li {
/* 	float: none; */
	}
	
	.sm-blue a {
	white-space: nowrap;
	}
	
	.sm-blue ul a {
	white-space: normal;
	}
	
	.sm-blue .sm-nowrap > li > a,
	.sm-blue .sm-nowrap > li > :not(ul) a {
	white-space: nowrap;
	}
	/* ...end */
	
	.sm-blue {
	}
	
	.sm-blue a.highlighted {
	background: #000;
	}
	
	.sm-blue a.current {
	background: #000;
	}
	
	.sm-blue a.disabled {
	}

	/* デフォルトの矢印アイコンを非表示 */
	.sm-blue a .sub-arrow {
	display: none;
	}
	
	.sm-blue a .sub-arrow::before {
	display: none;
	}
	
	.sm-blue > li:first-child > a,
	.sm-blue > li:first-child > :not(ul) a {
	}
	
	.sm-blue > li:last-child > a,
	.sm-blue > li:last-child > :not(ul) a {
	}
	
	.sm-blue > li {
	}
	
	.sm-blue > li:first-child {
	}
	
	.sm-blue ul {
	}
	
	.sm-blue ul ul {
	}
	
	.sm-blue ul a,
	.sm-blue ul a:hover,
	.sm-blue ul a:focus,
	.sm-blue ul a:active,
	.sm-blue ul a.highlighted {
	}
	
	.sm-blue ul a:hover,
	.sm-blue ul a:focus,
	.sm-blue ul a:active,
	.sm-blue ul a.highlighted {
	}
	
	.sm-blue ul a.current {
	}
	
	.sm-blue ul a.disabled {
	}
	
	.sm-blue ul a .sub-arrow {
	}
	
	.sm-blue ul li {
	}
	



	




	.sm-blue.sm-rtl.sm-vertical a .sub-arrow {
	right: auto;
	left: 10px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a1d1e8 transparent transparent;
	}
	
	.sm-blue.sm-rtl > li:first-child > a,
	.sm-blue.sm-rtl > li:first-child > :not(ul) a {
	border-radius: 0 8px 8px 0;
	}
	
	.sm-blue.sm-rtl > li:last-child > a,
	.sm-blue.sm-rtl > li:last-child > :not(ul) a {
	border-radius: 8px 0 0 8px !important;
	}
	
	.sm-blue.sm-rtl > li:first-child {
	border-left: 1px solid #2b82ac;
	}
	
	.sm-blue.sm-rtl > li:last-child {
	border-left: 0;
	}
	
	.sm-blue.sm-rtl ul a .sub-arrow {
	right: auto;
	left: 10px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a1d1e8 transparent transparent;
	}
	
	.sm-blue.sm-vertical {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	}
	
	.sm-blue.sm-vertical a {
	padding: 9px 23px;
	}
	
	.sm-blue.sm-vertical a .sub-arrow {
	top: 50%;
	margin-top: -5px;
	bottom: auto;
	left: auto;
	margin-left: 0;
	right: 10px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #a1d1e8;
	}
	
	.sm-blue.sm-vertical > li:first-child > a,
	.sm-blue.sm-vertical > li:first-child > :not(ul) a {
	border-radius: 8px 8px 0 0;
	}
	
	.sm-blue.sm-vertical > li:last-child > a,
	.sm-blue.sm-vertical > li:last-child > :not(ul) a {
	border-radius: 0 0 8px 8px !important;
	}
	
	.sm-blue.sm-vertical > li {
	border-left: 0 !important;
	}
	
	.sm-blue.sm-vertical ul {
	border-radius: 4px !important;
	}
	
	.sm-blue.sm-vertical ul a {
	padding: 9px 23px;
	}

}