@charset "utf-8";

.menu-collapser {
	width: 30%;
	top: 20px;
	right: 5px;
	z-index: 20;
	position: absolute;
}
 /*phone*/
.menu-collapser li:first-child {
	width: 26%;
	max-height:46px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	padding: 0 13% 0 0;
	border-right: 1px solid white;
	float:left;
}
 /*menu*/
.collapse-button {
	width: 42%;
	max-height:46px;
	margin: 0px 0px 0px 0px;
	display: inline-block;
	padding: 0 0 0 14%;
	float:left;
}
.collapse-button:hover, .collapse-button:focus {
	cursor:pointer;
}
ul.slimmenu {
	list-style-type: none;
	margin: 0 -10px;
	padding: 0px;
	width: 100%;
	z-index: 999999;
	position: absolute;
	top: 70px;
}
ul.slimmenu li a:hover {
    text-decoration: none;
}
ul.slimmenu li {
	display: block;
	width: 100%;
	text-align:left;
	position: relative;
	background-color: rgba(53, 176, 181, 0.9);
	border-bottom:1px solid #FFFFFF;	
}
ul.slimmenu li a {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	padding: 2% 12px 2%;
	color: #FFF;
	font-size: 14px;
	letter-spacing: 1.4px;
}

/*ロゴとメニューが重なる場合は調整が必要かも*/
@media (max-width : 480px ){
	#header_cts h1 img{
		/*width:70%;*/
	}
}