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

	.sp{
		display: inline-block;
	}

	.sp_b{
		display: block;
	}

	.pc, .pc_b{
		display: none;
	}
	
	#header,
	#footer,
	.cmt_lead{
		min-width: 0px;
	}
	
	.cmt_lead{
		font-size: 16pt;
	}
	
	.cmt_head_sp{
		width: 100%;
		height: auto;
	}
	
	.cmt_logo_link{
		width: 63.0%;
		height: auto;
		position: absolute;
		margin-top: 9.2%;
		margin-left: 35.3%;
		z-index: 20;
	}

	
	#main{
		background-image: none;
		overflow-x: hidden;
	}
	
	.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: 15px;
	padding-right: 15px;
	margin-top: 20px;
	/*			white-space:normal;
	text-align: left;*/
	text-align: justify;
	text-justify: inter-ideograph;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	
	#cmt_box .cmt_txt:nth-child(even){
/*		padding-left: 13px;*/
/*		padding-right: 13px;*/
		margin-left: 0;
	}

	.cmt_txt_W .cmt_illust{
		width: 48%;
	}

	#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;
	font-size: 110%;
	font-weight: 400;
	}
	
	.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;
	}

}

	
	
	
	
	

}