@charset "utf-8";

/* CSS Document */

body{margin: 0;}
body{font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#00498F;}

#df_content{width:100%;max-width: 1100px !important;margin:0 auto;line-height: 25px;
	letter-spacing: 1.2px;box-sizing: border-box;}
#df_content div{box-sizing: border-box;}
#df_content_in{font-size: 14px;}
ul{list-style:none;padding:0;margin:0;}

/* 共通設定 */

A:link {color: #00498F; }A:visited {color: #002769; }A:active {color: #00498F; }A:hover {color: #337EDF; }

img{*border:0;border:0;}

#df_content{background:#FFE900;padding:20px;}
#df_content_in{margin:0 auto;background:#FFF;}
.knb_content{margin:0 auto;padding:5px;}

.knb_content h1 img{width:100%;}
.knb_content h2 img{width:100%;}

.knb_content div{padding:5px;}

.one_list{width:100%;max-width:1000px;margin:0 auto;}
.one_list_img{display: inline-block;float:left;width:100%;}

.list{width:100%;max-width:950px;margin:0 auto;text-align: center;}
.list img{width:calc( 100% / 2 - 5px);}
.list_two{width:100%;max-width:850px;margin:0 auto;}
.list_two img{width:calc( 100% / 3 - 10px );}
.center{margin:0 auto;text-align:center;}

.menu nav ul li {
	margin: 10px 2px;
	width: calc( 100% / 4 - 7px);
	box-sizing: border-box;
	padding: 15px 5px;
	background: #FFE900;
	border-radius: 3px;
	text-align: center;
	display: inline-block;
}
@media only screen and (max-width:680px){
	
	#df_content{width: 100%!important;}
	
	
#df_content h1 img{width:100%;}
 #df_content h2 img{width:100%;}
	
.list{width:100%;padding:5px;text-align:center;}
	.list img{width:90%;max-width:400px;}

.knb_content nav ul li{margin:10px 3px;width:45%;padding:15px 5px;background:#FFE900;border-radius:3px;text-align:center;display:inline-block;}
	#knb_content p img {width:200px!important;}

.one_list{width:100%;text-align:center;}
.one_list_img{float:none;}
	
.list_two{width:100%;text-align:center;}
	
.list_two img{width:calc( 100% / 2 - 10px );}
	
.center img {width:95%;}
	.menu nav ul li {
	margin: 3px 2px;
	width: calc( 100% / 2 - 7px);
	}}

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

	#df_content{background:#FFE900;padding:10px;}
	#df_content_in {
	font-size: 12px;
}
	}