@media only screen and (min-width: 0px) and (max-width: 950px) { /* for mobile */
	.toppict{
		width: 100%; 
		margin-top:80px;
	}
}
@media only screen and (min-width : 951px) { /* for desktop */
	.toppict{
		width: 100%; 
		margin-top:64px;
	}
}		

section{
	margin: 200px auto;
	width: 700px;
	text-align:left;
}	

.mokuji {
	margin:40px auto 80px;
	width: 470px;
	border-radius :8px;
	box-shadow :0px 0px 5px silver;
	padding:15px 25px;
	text-align:left;
}

h1 {
	font-size: 140%;
	text-decoration: underline;
}

hr {
	width:100%; 
	margin:80px auto; 
	border-top: 1px solid #CCC;
}	

.memotitle{
	color:#fff;
	background-color:#000;
	font-weight: 400;
	padding:5px 10px;
}
.memo{
	background-color: #f0f0f0;
	margin-bottom: 30px;
	padding: 5px 10px;
}