/* iPad 縦 */
@media only screen and (max-width:768px){
    #logo { display:none; }
	body {
		padding-top: 30px; /* ヘッダーの後ろに要素が隠れないようにするため */
	}
	#header{padding-bottom:0;}	

	#header h1{text-align:center;}
	
	#header .logo{
	float:none;
	text-align:center;
	padding:10px 5px 20px;
	}
	
	#sub ul.list{padding:10px 10px 11px;}
	
	#sub ul.list li{
	padding-bottom:10px;
	margin-bottom:8px;

}

}