#navigation {
	margin: 0;
	padding: 0;
	font-size: 12px;
	box-sizing: border-box;
	background: #27C3BB;	/*背景色 */
}
#navigation ul {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #fff;
}
#navigation ul li {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #118E9F;	/*下の線の幅、線種、色*/
	/*border-left: 1px solid #12499E;	左の線の幅、線種、色*/
	/*border-right: 1px solid #12499E;	右の線の幅、線種、色*/
}
#navigation ul li:last-child {
	border-bottom: 1px solid #C0D3E6;
}
#navigation ul li a {
	text-decoration: none;
	display: block;
	padding: 12px 10px 12px 10px;	/*メニュー内の余白。上、右、下、左への設定。*/
	background: #0F7B8A;
    color: #FFF;
}
#navigation ul li a:hover {
	background: #FFF;	/*背景色 */
	color: #2CA099;
}
#navigation ul li a.cur {
	background: #2CA099;
    color: #FFF;
	font-weight: bold;
}

#navbarNavDropdown li a:hover {
    color: #FFF;
}
#navbarNavDropdown li a {
  display: block;
  margin: 0;
  padding: 12px 0 12px;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}

#navbarNavDropdown div.dropdown-menu {
	padding: 0;
}
#navbarNavDropdown div.dropdown-menu > a {
	padding: 13px 15px;
	background-color: darkgray;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}

#navbarNavDropdown  div > a {
	height: 38px;
	border-top: 1px solid #CECBDE;
}

button.navbar-toggler span {
	text-align: center;
	padding: 7px 15px 5px;
	border-radius: 5px;
	display: block;
	content: '';
	cursor: pointer;
	color: #FFF;
    line-height: 1;
	border: solid 2px #FFF;/*線*/
	right: 0;
}

/*small menu*/
/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  vertical-align: middle;
	float: right;
	margin-top: 10px;
}

/*MENUアイコン*/
#nav-open span {
	position: absolute;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border-radius: 5px;
	display: block;
	content: '';
	cursor: pointer;
	color: white;
	border: solid 2px white;/*線*/
	right: 0;
}

ul.topnav {
	overflow: hidden;
	margin: 0 0 1.5em;
	padding: 0;
	list-style-type: none;
	background-color: #5C6BA0;
}
ul.topnav li {
	float: left;
}
ul.topnav li:not(:first-child) {
    border-left:1px solid #BAC0D7;
}
ul.topnav li a {
	display: block;
	padding: 7px 9px;
/*	text-align: center;
*/	text-decoration: none;
	color: white;
    background: #344689;
}
ul.topnav li a::before {
        position: absolute;
        font-family:'FontAwesome';
        content: "\f0da";
}

ul.topnav li a:hover:not(.active) {
	background: #E6E5EE;
    color: #344689;
}
ul.topnav li a.active {
	background: #E6E5EE;
    color: #344689;
}
ul.topnav li.right {
	float: right;
}
@media screen and (max-width: 799px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
    ul.topnav li {
            border-bottom:1px solid #BAC0D7;
            border-left:1px solid #BAC0D7;
            border-right:1px solid #BAC0D7;
        }
    ul.topnav li:first-child {
        border-top:1px solid #BAC0D7;
    }
}