@CHARSET "UTF-8";
/***** デフォルトはスマートフォン *****/
@charset "UTF-8";
.menu_outer{
	position: fixed;
	width: 100%;
}
.head_dummy{
	height: 65px;      /* fixedの分だけ要素を下に下げる */
	line-height: 60px;
	padding-left: 2rem;
}
.head_dummy img{
	width: 50%;
}
#menu-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;       /* ハンバーガーメニュー画像の幅 */
}
 
#menu-conts {
	display: none;
	background: var(--main-color);
	position: absolute;
	top: 80px;         /* open時のメニューボタンの開始位置 */ 
	width: 100%;
	z-index: 1;
}
#menu-conts li + li{
	border-top:1px solid white;
}
#menu-conts a {
	display: block;
	color: white;
	text-decoration: none;
	padding: 14px 10px;
	transition: all 0.5s ease;
}
#menu-conts a:hover {
	background: white;
	color: #525252;
}
/**==================================================**/
/**=          画面サイズ768px以上の指定              **/
/**==================================================**/
@media screen and (min-width:768px){

}
/**==================================================**/
/**=          画面サイズ1080px以上の指定              **/
/**==================================================**/
@media screen and (min-width:1080px){
	.menu_img{
		display:none;  /* ハンバーガーメニューを消す */
	}
	#menu-conts{
		display: block;
		position: static; /* ハンバーガーの　position: absoluteを解除する */
	}
	#menu-conts ul{
		display: flex;
		justify-content: space-around;
	}
	#menu-conts li + li{
		border-top: none;
	}
}