@media screen and (min-width:1025px){

	.sp {
		display: none;
	}
	
	#contents_sp{
	display: none;
}
	
}

@media screen and (min-width:737px) and (max-width:1024px){
	
	#contents_sp{
	display: none;
}
}


@media screen and (max-width:736px){

	#contents_pc{
		display: none;
	}
	
	#contents,.comment {
		margin: 0 3%;
	}
	
	h2 {
		font-size: 110%;
	}
  
  .sp_photo {
    margin: 0 2%;
  }
  
  .sp_photo img {
    width: 100%;
  }
	
	.comment {
		margin-top: 4%;
		margin-bottom: 4%;
		padding: 4% 0;
		font-size: 75%;
	}
	
	.lead {
		margin: 2% 0 8%;
    font-size: 90%;
	}
	
	.smTx {
		font-size: 75%;
	}
	
	.colum_item>p {
		margin-bottom: 1%;
		font-size: 90%;
	}
	
	.columWrap {
    display: block;
    width: 65%;
    margin: 5% auto 0;
}
	
}

@media screen and (max-width:540px){
	
	body {
		background-color: #FFFFFF;
	}

	img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	}
	
	header {
		margin: 2% 0 4%;
	}
	
	header img {
		width: 40%;
	}
	
	footer {
		font-size: 50%;
	}

	
}

@media screen and (max-width:320px){
  
  .columWrap {
    width: 70%;
}

}