nav{

	margin:1.4rem 0.7rem;
	padding:0.9rem 0rem;

	border-top: 4px dotted #4d5166;
	border-bottom: 4px dotted #4d5166;

}

nav .navbar_ul{
	display: flex;
	flex-flow: row wrap;
	width:100%;
	padding:0;
	margin:0;
}

nav .navbar_ul .navbar_li{
	display: block;
	position: relative;
}
nav .navbar_ul .navbar_li a{
	display: block;
	text-decoration: none;
	text-align: center;
	color:#4d5156;
	padding:0 0.5rem;
}

nav .navbar_ul .navbar_li a:hover{
	background:#4d5156;
	color:#f4f4f4;
}

.site-title{
	display:none
}

/*スマホファースト・PC向けクエリ*/
@media screen and (min-width: 1025px) {

	section.content{
		display:flex;
	}

	/* nav{
		margin:5rem auto;
	} */

	nav{

		padding:initial;

		margin-top:60px;
		margin-left:30px;
		margin-right:10px;

		border-top: none;
        border-bottom: none;

	}

	nav .navbar_ul{
		flex-flow:column nowrap;
	}

	nav .navbar_ul .navbar_li{
		/* max-width: 8rem;
		max-height: 50rem; */
		margin: 0.3rem 0rem;
	}

	nav .navbar_ul .navbar_li a{
		padding: 0.2rem 1rem;
		max-width:7rem;
	}
	

/* 	nav ul{
		display: flex;
		flex-flow: row wrap;
	} */

	.site-title{
		display:initial;
	}

	.site-title-horz{
		display:none;
	}

}