@media screen and (max-width: 768px) {
	body{ 
/*		background-image: none;*/
		font-family: 'Noto Serif JP', serif;
		font-weight: 400;
		background-size: 100% auto;
	}

	.sp{
		display: inline-block;
	}

	.sp_b{
		display: block;
	}

	.pc, .pc_b{
		display: none;
	}
	
	#header,
	#footer,
	.cmt_lead{
		min-width: inherit;
	}
	
	#header{
		height: 120px;
		background-size: auto 100%
	}
	
	.cmt_logo{
		width: 60%;
		height: auto;
	}
	
	h3{
		margin-top: 60px;
	}
	
	.comment_h3{
		width: 70%;
		max-width: 437px;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	
	.cmt_lead{
		font-size: 16pt;
	}
	
	.cmt_head_sp{
		width: 100%;
		height: auto;
	}
	

	
	#main{
		overflow-x: hidden;
		background-size: 30% auto, 30% auto,100% auto;
	}
	
	.cmt_h3{
		width: 90%;
		height: auto;
		display: block;
		margin: 20px auto ;
	}

	.cmt_bg_sp{
		width: 100%;
		height: auto;
		margin: 0;
	}
	
	
	#cmt_box{
		width: 100%;
		min-width: 0px !important;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 50px;
		margin-top: 0;
		overflow: hidden;
	}

	.cmt2{
		margin-top: 70px;
	}

	.cmt_txt{
		width: 100%;
/*		float: left;*/
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 20px;
/*			white-space:normal;
	text-align: left;*/
		text-align: justify;
		text-justify: inter-ideograph;
	}
	
	.kuroyanagi{
		font-size: 100%;
	}
	
	#cmt_box .cmt_txt:nth-child(even){
/*		padding-left: 13px;*/
/*		padding-right: 13px;*/
		margin-left: 0;
	}



	#cmt_box .cmt_txt:nth-child(odd){
/*		padding-left: 13px;*/
/*		padding-right: 13px;*/
		margin-left: 0;
	}


	
	#cmt_box .cmt:nth-child(even){
		clear: both
	}



	#cmt_box .cmt:nth-child(odd){
		margin-left: 0;
	}

	.cmt_name{
/*	margin-top: 15px;*/
/*	margin-bottom: 50px;*/

	}
	
	.cmt_imai{
/*		float: none;*/
/*		display: block;*/
/*		margin-left: auto;*/
/*		margin-right: auto;*/
		margin-left: 13px;
		margin-bottom: 10px;
	}
	
	.ryaku{
		width: 100%;
		min-width: 0px !important;
		margin-bottom: 0px;
		padding-right: 0;
	}

nav {
    display:block;
    width:100%;
    margin:0 auto;
}
nav li{
	color: #FFF;
	border-bottom: 1px solid #6f6f6f;
}
nav li a:link,nav li a:visited,nav li a:active {
	display: block;
	width: 100%;
	color: #FFF;
/*	padding: 10px;*/
	padding: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
/*	border-bottom: 1px solid #999;*/
	text-decoration: none;
	font-family: 'Lora', serif;
	background-color: #000000;
}

nav li a:hover {
	display: block;
	width: 100%;
	color: #FFF;
/*	padding: 10px;*/
	padding: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
/*	border-bottom: 1px solid #999;*/
	text-decoration: none;
	font-family: 'Lora', serif;
	background-color: #1F6EC1;
}

nav ul {margin:0px;
padding: 0px;

}

nav li a.anav{
	display: inline-block;
	width: 30%;
}

nav li a.anav:hover {
	display: inline-block;
	width: 30%;
}

nav li a.bnav{
	display: inline-block;
	width: 45%;
}

nav li a.bnav:hover {
	display: inline-block;
	width: 45%;
}


@media screen and (max-width: 330px) {
	.vsp{
		display: inline-block;
	}

}

	
	
	
	
	

}