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


/*==============================================
メディアクエリ 1000px～　デスクトップ
==============================================*/

@media screen and (min-width:1000px) {
	
/*リセット*/
#wrapper{width:100%; /*70.2781% ＝960px（wrapperの幅）÷1366px（デスクトップ）*/
		 margin:0 auto;
}
html{font-size:15px;
	 background-color:#ffffff;
}

/*リセット*/
img{
	max-width: 100%;
	height: auto;
	width:auto;　
}

/*レフトボックスナビを非表示にする　デスクトップ*/
#left_box{
	display:none;
}
}

/*==============================================
メディアクエリ 661～999px　タブレット
==============================================*/

@media screen and (min-width: 661px) and (max-width: 999px) {
	

/*大枠ボックス構成　タブレット*/
#wrapper{
	width:100%;
	background-color:#ffffff;
}
header{
	width:95%;
	margin:0 auto;
	height:150px;
	margin-bottom:5px;
}
#top_logo{
	height:100px;
	padding-left:7%;
}
#container{
	width:95%;
	margin:0 auto;	
}
footer{
	width:95%;
	margin:0 auto;
	height:200px;	
}	
img{
	max-width: 100%;
	height: auto;
	width:auto;　
}
/*nav ul li a{
	color:#00F;
}*/
/*レフトボックスナビを非表示にする　タブレット*/
#left_box{
	display:none;
}
}

/*==============================================
メディアクエリ 0～660px　スマホ
==============================================*/

@media screen and (min-width: 0px) and (max-width: 660px) {

/*大枠ボックス構成　スマホ*/

#wrapper{
	width:100%;
}
header{
	width:100%;
	margin:0 auto;
	height:150px;
	margin-bottom:5px;
}
#top_logo{
	height:100px;
	padding-left:7%;
}
#nanakoubou_logo{
	width:209px;
	height:34px;
	margin-top:10px;
}
#container{
	width:100%;
	margin:0 auto;	
}
footer{
	width:100%;
	margin:0 auto;
	height:200px;
}	
img{
	max-width:100%;
	height: auto;
	width:auto;
}

/*テスト用*/
/*nav ul li a{
	color:#F00;

}*/

/*ヘッダーのナビを非表示にする　スマホ*/
header nav{
	display:none;
}
header{
	height:50px;
}
#nanakoubou{
	margin-top:10px;	
}
#top_logo{	
	padding-left:3%;
}

/*メインコンテンツ　スマホ*/

#main_top article{
	width:90%;
	padding-top:60px;
	margin:0 auto;
}

#main_top img{
	float:none;
	margin-right:5%;
	width:120px;
	height:160px;
}
#tamura_hideko{
	/*width:90%;*/
	border-bottom:solid 1px #00CCFF;
	padding-bottom:10px;
	/*margin:0 auto 10px auto;*/
	margin-bottom:10px;
}
#ishizu_yoshiko{
	/*width:90%;*/
	border-bottom:solid 1px #00CCFF;
	padding-bottom:10px;
	/*margin:0 auto;*/
}
.yomigana{
	margin-bottom:10px;
}

/*フッターナビを非表示にする*/
footer nav{
	display:none;
}

/*----------------------------------------*/
/*サイドメニュー スマホ*/
/*----------------------------------------*/
	
#left_box{
	float:none;
	width:100%;
	margin-top:0;
	margin-bottom:30px;
}
#left_box nav table tr{
	border-bottom:solid 1px #000000;
	border-top:solid 1px #000000;
	width:23.4260%;
	height:40px;
	margin-bottom:5px;
	padding-bottom:5px;
}
.menu_dia50{
	width:4%;
	padding-top:13px;
	text-align:center;
}
table{
	border-collapse:collapse;
}
.menu_left .menu_right{
	border-bottom:solid 1px #000000;
}

#left_box nav table tr td img{
	padding-bottom:10px;
}
.menu_left{
	width:5%;
	height:30px;
}
.menu_right{
	width:14%;
	height:30px;
}


/*サイトマップとコピーライト*/

footer .sitemap{
	clear:both;
	margin:0 30px 10px 0;
}
footer .copy{
	clear:both;
	width:100%;
	/*float:none;*/
	margin-top:10px;
	text-align:center;
	font-size:11px;
}
.footer_bottom ul li a{
	float:none;
}
}