@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%;
}
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:350px;
	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;
}
#top_logo{
	height:30px;
	padding-left:7%;
}
header{
	/*height:300px;*/
	position:relative;
}
#nanakoubou{
	margin-top:10px;	
}
#top_logo{	
	padding-left:3%;
}

/*このページのみ上部グラデーションhtml挿入するため、調整*/
/*グラデーションとメニューkochiraをヘッダー内に移動し、ヘッダーの高さも変更*/
.gradation_top{
	padding-top:10px;
	height:200px;
	position:absolute;
	top:30px;
	z-index:-1;
}
#title_gallery{
	z-index:50;
}
#midashi{
	margin-top:10px;
}


/*スライドショー説明　スマホ*/
.ex_mobile{
	display:inherit;
	width:90%;
	margin:0 auto;
	
}

/*メインコンテンツ　スマホ*/
#menu ul li{
	font-size:16px;
}
#h_kochira{
	width:90%; 
	margin:-20px auto 20px auto;
	text-align:left;
	float:none;
}
#k_kochira{
	width:90%;
	margin:0 auto 30px auto;
	text-align:left;
	float:none;
}
#hideko_works{
	width:90%;
	margin:50px auto 50px auto;
	
}
#kaho_works{
	width:90%;
	margin:0 auto;
}

.ex_1{
	display:none;
}






/*フッターナビを非表示にする*/
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;
}
}