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

#menu {
	display: inline-block;
	/*width: 100%;*/
	width: 960px;
	height: 50px;
	position: relative;
	/*background-color: #FF0000;*/
	font-size: 0; /* フォントサイズを0にする */
	z-index: 300;
}

#menu ul {
	text-align: center;
	display: flex;
}
#menu li {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	box-sizing: border-box;
}
#menu li.menu_message {
	background-color: #10223e;
}
#menu li.menu_message a {
	color: #ffffff;
}
#menu li.menu_logo {
	width: 300px;
	text-align: left;
}
#menu li.menu_list {
	flex: 1;
}

#phone_menu {
	display: none;
	z-index: 500;
}

.naoyoshi_logo_sp{
	width:60%;
}

/*--- ハンバーガーボタン ---*/
.ham {
	position: fixed;
	width: 50px;
	height: 40px;
	right: 0;
	cursor: pointer;
	/*sbackground-color: aqua;*/
}
.ham_line {
	position: absolute;
	left: 6px;
	width: 30px;
	height: 2px;
	background-color: #073254;
	transition: all 0.3s;
}
.ham_line1 {
	top: 10px;
}
.ham_line2 {
	top: 16px;
}
.ham_line3 {
	top: 22px;
}

/* バツマークに変更 */
.clicked .ham_line1 {
	transform: rotate(45deg);
	top: 19px;
}
.clicked .ham_line2 {
	width: 0px;
}
.clicked .ham_line3 {
	transform: rotate(-45deg);
	top: 19px;
}
@media screen and (max-width: 750px) {
	.ham {
		height: 62px;
		width: 62px;
		position: fixed;
		top: 5px;
		left: unset;
		right: 5px;
		z-index: 1000000;
		overflow: hidden;
		border: 0px solid #333;
		border-radius: 50%;
		width: 34px;
		height: 34px;
		cursor: pointer;
		text-indent: -9999px;
		background-size: 24px 24px;
		-webkit-transition: border-color .5s ease-out;
		transition: border-color .5s ease-out;
		-webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.6));
		filter: drop-shadow(0px 0px 5px rgba(0,0,0,.8));
		background-color: rgba(255,255,255,1);
		margin: 15px 10px 0 0;
	}
	.ham_line {
		width: 22px;
	}
	.ham_line1 {
		top: 10px;
	}
	.ham_line2 {
		top: 16px;
	}
	.ham_line3 {
		top: 22px;
	}
	.clicked .ham_line1,.clicked .ham_line3 {
		top: 16px;
	}
	#menu {
		display: none;
	}
	#phone_menu {
		display: block;
		/*width:500px;
		height: 100%;*/
		right: 0;
		z-index: 500;
		position: absolute;
		/*background-color: #FF0000;*/
	}
}

/*--- メニュー部分 ---*/
.menu {
	position: fixed;
	width: 200px;
	height: 100%;
	text-align: left;
	top: 40px;
	right: -400px;
	background-color: rgba(255,255,255,0.5);
	transition: all 0.3s;
}

.clicked .menu {
	top: 40px;
	right: 0px;
}

.menu ul {
	margin-top: 50px;
}
.menu ul li {
	padding-left: 36px;
	margin-bottom: 20px;
	font-weight: bold;
}

p.menuTitle {
	font-size: 150%;
	font-weight: bold;
}

@media screen and (max-width: 750px) {
	.menu {
		top: 65px;
		background-color: rgba(255,255,255,0.8);
	}
	.clicked .menu {
		top: 65px;
	}
}