@charset "utf-8";


/* ◆画面領域の横幅が1280pxを超える大きい画面の場合は、
------kihon.cssが適用される-------------------------------------*/

	.grid{
	width:95%;
	margin:2px 2% 10px;text-align:center;
	}
	
/* 強制改行の設定 */
.br-sp1 { display:none; }
.br-sp { display:none; }
	
/* ▼画面領域の横幅が1440px以下の場合に適用【デスクトップ向け】 */
	
@media only screen and (max-width: 1440px){

#sidebar{
	margin-right: 30px;
	padding-right: 10px;
}
.top_midashi h2{
	margin-left: 2%;
}
}

/* ▼画面領域の横幅が1280px以下の場合に適用【デスクトップ向け】 */

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

#wrapper, .inner{
	margin:0 auto;width:95%;
}
.main_img{
	margin-top:10px; width:90%;
	text-align:center;background:#ff;
	}
	
.top_midashi h2{
	padding-top:4px;
	margin-left: 5%;
	font-size:100%;
	color: white;
	width:90%;height:23px;
	line-height: 1.0;
	padding-bottom: 0.1em;
}
#content{
	width:95%;float:none;margin:0 auto;
	padding:10px 0;	
}
#sidebar{
	clear:both;width:95%;float:none;
	margin:0 auto;padding:10px 0;
}
.grid{
	width:95%;
	margin:2px 2% 10px;text-align:center;
}
.col2{
	float:none;
	width:94%;
	margin:0 2% 20px;
}
.vox_bun{
	line-height: 1.8;
}

section.widget ul{
	border:1px solid #d5d5d5;
	background: #fff;
}

section.widget ul ul{
	border:0; margin:0;
	padding:0 0 0 10px;
}

/* サイドバー見出欄装飾　---*/
section.widget h4{
	background: #eae8e1;/*背景色*/
	border-left: solid 5px #7db4e6;/*左線*/
	border-bottom: solid 3px #d7d7d7;/*下線*/
}

section.widget li a{
	display:block;
	padding:7px 0 7px 0px;
	border-bottom:1px dashed #dcdcdc;
}
section.widget li:last-child a{border:0;}



/* サイドメニュー直下のボタンを上部に表示順番を入れ替え */
.sidebox .p1 { order: 2; }   /* 配置順を2番目に */
.sidebox .p2 { order: 1; }   /* 配置順を1番目に */	

}


/* ▼画面領域の横幅が959px以下の場合に適用【ラップトップ向け】 */

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

#wrapper, .inner{
	width:100%;
}
#header{
	width:100%;	background:#4bc5ff;
}
h1{padding:0 1%;width:98%}
#header .logo{
	padding-left:10px;margin-bottom: 3px;
	white-space: nowrap;
}



ul#topnav{
	clear:both;
	width:100%;
	border-radius:0;
}
ul#topnav li{
	width:33%;
	background:#003f8e;
	color:#ff0000;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	box-sizing:border-box;
  	-webkit-box-sizing:border-box;
 	-moz-box-sizing:border-box;
}

ul#topnav li:nth-child(3n){border-right:0;width:34%;}
ul#topnav li a{
	width:100%;
	border:0;
	color:#fff;font-size:14px;
}
ul#topnav li:first-child a,ul#topnav li:last-child a{width:100%;}
ul#topnav li.active a,ul#topnav a:hover{background:#2871d7;	color:#f0e68c;}

/* TOPナビのアイコン　--*/
.pink:before{
	color: #e95464; font-size: 1.1em;
}

#content, #sidebar{
	clear:both;
	width:95%;float:none;
	margin:0 auto;padding:10px 0;
}
.main_img{
	margin-top:10px; width:95%;
	text-align:center;
}

#footer li{margin-bottom:10px;}
	
	/* グリッド */
		#footer .grid p{text-align:center;}
	.gridWrapper{
	width:auto;

	text-align:center;
	}
	.grid{width:95%;text-align:center;}

	.col3{width:95%;text-align:center;}	
	
.vox_bun{
	clear:both;
	width:auto;
	float:none;margin:0 auto;
	padding:10px 0;
	font-size:15px;line-height: 1.8;
}


}


/* ▼画面領域の横幅が644px以下の場合に適用【スマホ向け】 */

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

#header .logo{
	padding-top:6px;
	white-space: nowrap;
}
.info{padding:2px 0;}

ul#topnav li{width:50%;}
ul#topnav li:nth-child(3n){
	border-right:1px solid #cccccc;
	width:50%;}	
ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){border-right:0;}

.main_img{
	margin-top:8px; width:100%;
}
.vox_bun{width:95%;margin:0;
	padding:5px 5px 5px 2px;
}

ul#co_nav{
	clear:both;
	border-radius:0;
	}
ul#co_nav li{width:50%;}
ul#tco_nav li:nth-child(3n){
	border-right:1px solid #2871d7;
	width:50%;
}	
ul#co_nav li:nth-child(2n),ul#co_nav li:nth-child(6n){border-right:0;}
.top_midashi h2{
	font-size:90%;
}
.grid{width:95%;text-align:center;}

	/* 写真回り込みのサイズ設定 */
	   *.float img
      {
         max-width:150px;
      }

  .br-sp1 { display:block; }/* 改行：h2 タイトル */
  .br-sp { display:block; }/* 改行：tbl内の項目名 */
  
	}
	
	
/* ▼画面領域の横幅が380px以下の場合に適用【iPhone向け】 */

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

#content{
	margin-right: 0px;
	margin-left: 0px;
}

ul#topnav li a{
	font-size:13px;
}
ul#co_nav{
	clear:both;
	border-radius:0;
	}
	
ul#co_nav li{width:50%;}
ul#tco_nav li:nth-child(3n){
	border-right:1px solid #2871d7;
	width:50%;
}	
ul#co_nav li:nth-child(2n),ul#co_nav li:nth-child(6n){border-right:0;}


div.update dt {
	width: 7em; /* 日付エリアの幅 */
}
div.update dd {
		font-size:100%;
}

.vox_bun {
	width:auto;
	height:auto;
	margin-left: 12px;
	margin-right: 2px;
}

.vox_bun img{
	max-width:100%;
	height:auto;
	margin-left: 0px;
	margin-right: 0px;
}
.vox_bun float img{
	max-width:60%;
	height:auto;
	margin-left: 0px;
	margin-right: 0px;
}
.vox_bun h3{
	font-size:100%;
}
.vox_bun h5{
	width:auto;
	margin-left: 2px;
}
.vox_bun h6{
	font-size: 120%;
}

.vox_bun table{
	width: auto;
	margin:10px 0 5px 3px;
}
.vox_bun table th{
	padding-right: 1px;
	padding-left: 2px;
	font-size: 75%;
}
.vox_bun table{
	font-size: 85%;
}	
	.grid{width:95%;text-align:center;}
	
	/* 写真回り込みのサイズ設定 */
	   *.float img
      {
         max-width:100px;
      }

	
	
}