@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;
}

/*メインビジュアル白飛び防止背景画像*/
/*.cycle-slideshow{
    background: url(../images/main_visual1.jpg)  no-repeat;
	width:100%;
	height:100%;
}*/
/*#slideshow{
	width:100%;
	height:100%;
	
}*/

/*白飛び防止画像の位置*/
/*#back_visual{
	position:absolute;
	*top:150px;
	z-index:-10;
}*/
#back_visual img{
	width:90%;
	margin-left:5%;	
}
}

/*==============================================
メディアクエリ 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;　
}
.cycle-slideshow{
	margin:0 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%;
/*	overflow: hidden;
*/	margin:0 auto;
	height:150px;
	margin-bottom:5px;
}
/*#btn_link {
	width:340px;
	height: 200px;
}*/

/*#btn_link ul li{
	float: none;
}*/

#top_logo{
	height:100px;
	padding-left:7%;
}
#container{
	width:100%;
	margin:0 auto;
	
}
footer{
	width:100%;
	margin:0 auto;
	height:200px;	
}		
img{
	max-width:100%;
	height: auto;
	width:auto;
}
.cycle-slideshow{
	margin:0 auto;	
}
/*nav ul li a{
	color:#F00;
}*/

/*ヘッダー*/


#btn_link {
	width: 100%;
	clear: both;
}
	
header{
	height:50px;
}
#nanakoubou_logo{
	width:209px;
	height:34px;
	margin-top:10px;
}
#top_logo{
	height:100px;
	padding-left:3%;
}

/*ヘッダーのナビを非表示にする　スマホ*/
header nav{
	display:none;
}

/*トップのレフトボックスナビを消す　スマホ*/
#left_box_top{
	display:none;
}

/*メインコンテンツ　スマホ*/
#left_and_main{
	width:100%;
	margin:0 auto;
}
#main{
	width:100%;
	float:none;
}
/*なな工房へようこそ*/
.a1{
	width:90%;
	margin:0 auto 15px auto;
	border-bottom:solid 1px #00ccff;
}
.img_ring_left1{
	margin-left:1.0416%;
	margin-right:2.6041%;
	margin-bottom:0;
}
#main .a1 h1{
	padding-top:20px;
	padding-bottom:20px;
}
#main .a1 p{
	padding-bottom:20px;
}

/*お知らせ*/
.a2{
	width:90%;
	margin:0 auto;
	
}
.img_ring_left2{
	
	margin-left:1.0416%;
	margin-right:2.6041%;
	
}
#main .a2 h2{
	padding-top:20px;
	margin-bottom:-10px;
}
.a2 ul li p{
	width:100%;
	text-align:right;
}

/*InternetExplorerをお使いの方へ*/
.a3{
	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;
	
	
	/*text-align:right;*/
	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;
}
}