@charset "UTF-8";
/* CSS Document */

/*******メイン画像*******/
p.title{width: 100%; max-width:1200px; padding-top: 0; padding-bottom: 5%;}

#nav{width:100%; max-width:700px; margin:10% auto 0 auto; overflow:hidden;}
#nav span a{width:48%; display:block; float:left; margin:3% 0;}
#present{margin:5% 0; clear:both;}

/*******コンテンツ*******/
#con{clear: both; margin: 10% 0; overflow: hidden; padding-bottom: 10%; border-bottom: 1px solid #000;}
#con h3{margin-bottom:5%;}
.set_more{width:100%;}

/*******関連アイテム*******/
#list{border-bottom: 1px solid #000; overflow:hidden; padding-bottom:5%; margin-bottom:10%;}
.item_list{clear: both; width: 100%; margin: 0 auto; display: block;}
.item_list li{width: 23%; float: left; margin: 5% 1%;}
.item_list li p{font-size: 80%; line-height: 150%; margin-top: 3%;}

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

/*******タイトル*******/
p.title{width: 100%; padding-top: 0; padding-bottom: 15%;}

/*******コンテンツ*******/
#con{margin: 15% 0; padding-bottom: 10%; border-bottom: 1px solid #000;}
	

/*******関連アイテム*******/
.item_list{margin-top: 7%;}
.item_list li{ width: 48%; margin: 3% 1%;}
.item_list li p{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; margin-top: 3%;}
	
}