/*-------------------------------------
	４施設 共通
	Media Queries
----------------------------------*/
.nonePC { display:none;}


#map_canvas img,
#map_canvas object, 
#map_canvas embed, 
#map_canvas video {
	max-width:none !important;
}

/* --------------------------------------------------------------------------------
 デスクトップレイアウト : 769 px ～
-----------------------------------------------------------------------------------  */
.p_none{ display:none;}

/*	幅固定
--------------------------------------*/

#header, #globalMenuIN, #topImage, #CONTENT, .CONTENTSub, #gotop, #footmenu, #footer, .innerWidth {
	width:990px; margin:auto;
}

#CONTENT .leftWrap {width:72%; float:left;box-sizing: border-box; }
#CONTENT .rightWrap {width:27%; float:right;}
#CONTENT .leftWrap .textBox {margin-right:20px;}

#topImage {height:400px;}

#CONTENT .masonryItem { width:46%; margin-right:20px; }
#CONTENT .leftWrap .box {margin:0 0 20px;}

#cameraSlideshow,
.imgLoaded,
.camerarelative{ height:399px;}

.kijilist {margin:auto 100px;}
.kijilist .link {text-align:right; margin-top:-1em;}
.tab li { float:left;}
h1 span { float:right;}

.column2 dl {width:450px;}
.column2s dl {width:400px;} 
.column3 dl {width:290px;}

.masonry dl {margin:0 20px 20px 0;}

#footerSub {float:left;}
#copyRight {
	position:absolute; bottom:10px; right:0;
}

/*-------------------------------------
	メニュ
----------------------------------*/
#spMenu, #spMenu dd{ display:fallback; margin:0;}
#spMenu dt{ display: none;}

/*	スマホ用切替 --------------*/
#kirikae{
	left: 600px;
	top: 70px;
}

/*-------------------------------------
	10倍楽しむ用
----------------------------------*/
.left, .right{width:49%;}
.left {float:left;}

.right {float:right;}
#taiken dd.photo {width:45%;}
#taiken dt,#taiken dd.text {margin-left:50%;}

/*-------------------------------------
	交通アクセス
----------------------------------*/
#gmap{float:left;}
#gmap iframe {width:650px;}
#map .accessNavi {width:300px;}
#map .accessNavi {float:left; margin-left:10px;}

#accessMap {
	background:url(http://www.mboso-etoko.jp/subsite/include_p/img/accessMap.jpg) no-repeat;
}
#accessMap .accessNavi {
	margin-top:70px;
  margin-left:480px;
	background-color:#FFF;
	line-height:1.3;
}

/*-------------------------------------
	フォーム
----------------------------------*/
#addtel {margin-left:3em; width:25em; padding:10px; font-size:1.2em;}
#toiawaseForm {margin-left:3em;}
#toiawaseForm dl {margin:0;}
#toiawaseForm dt {float:left;}
#toiawaseForm dd {padding-left:2em; padding-bottom:10px;}
#toiawaseForm .button {padding:5px;}
.w40{width:20em;}
.w80{width:30em;}
.w100{width:50em;}

/*-------------------------------------
	施設共通
--------------------------------*/
#michiShisetu dl {
	float:left; margin:10px 10px 0 0;
	width:225px;
}

/*-------------------------------------
	低温殺菌	
--------------------------------*/
#nyugyo { background-image:url(img/back.gif); }
div.text { margin-left:2em; padding-bottom:1em; }
#sakkin, .teion { margin-left:2em; }
#sakkin dl {
	width:200px;
	float:left;
	margin:auto 5px;
	padding:5px;
	border:1px solid #999;
	background-color:#bee4ee;
}
#sakkin dt {
	text-align:center;
	color:#12128a;
}
#sakkin dd {
	margin-left:0;
	font-size:0.9em;
}
.teion {
	padding:10px;
	width:80%;
}
#nougyou .annai {
	margin-left:2em;
	width:30em;
}
.syouhinList { margin:1em 0 auto 2em;}

/*----------------------------------
	周辺のスポット
----------------------------------*/
#map_canvas {
	width:100%;
	height:500px;
}
#infoBox .box_left{ float:left; width:54%; }
#infoBox .box_right{ float:right; width:39%; }
.h1comment {margin-top:-2em;}

#bicycle {
	bottom:0; right:0;
	width:250px;
	position:absolute;
}

/* --------------------------------------------------------------------------------
	レスポンシブ用
----------------------------------------------------------------------------------- */
@media only screen and (max-width: 959px) {

#header, #globalMenuIN, #topImage, #CONTENT, .CONTENTSub, #gotop, #footmenu, #footer,#CONTENT .rightWrap, .innerWidth, #map .accessNavi,.teion,#nougyou .annai,#bicycle
{
	width: auto; 
	width: inherit !important;
}

#topImage, #cameraSlideshow, .imgLoaded, .camerarelative
{
	height: auto;
}
#CONTENT .leftWrap, #CONTENT .rightWrap{ float:none !important;}

img {
	max-width: 100%;
}
object, embed, video {
	max-width: 100%;
}

}

/* --------------------------------------------------------------------------------
	モバイルレイアウト : 480 px およびそれ以下
----------------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {

.nonePC { display: block;}
	
#CONTENT .masonryItem, .column2 dl,.column2s dl, .column3 dl,.left, .right, #map .accessNavi,#sakkin dl,.teion,#nougyou .annai,#infoBox .box_left,#infoBox .box_right,#bicycle,#michiShisetu dl
{
	width: inherit !important;
}

#CONTENT #special dl { margin-bottom:0;}

#menuLink { width:auto; margin-left:0;}
#shop { margin:0;}
#addtel { margin-left:0; width:auto;}
#addtel .tell { display:block;}
input, textarea { width:98%;}
#shisatuText .address { margin:0;}
#shisatu #subMenu { margin-top:1em;}
dl.float dt { float:none;}
dd { margin-left:0; padding-left:1em !important;}
.leftWrap dl { margin-left:0;}
#CONTENT .rightWrap .bannerBox dd.image { padding-left:2px !important;}

/*-------------------------------------
	float解除
----------------------------------*/
.kijiContent dl.image, #infoBox .box_left, #infoBox .box_right, #sakkin dl, #michiShisetu dl, #toiawaseForm dt, #gmap, #map .accessNavi, .left, .right, #footerSub, h1 span, #sitemap ul{ float:none !important;}
.kijiContent dl.image { margin:0;}

	.m_none{display: none;}
	.m_clear {clear:both; height:0px;}
	
	.cameraContents{font-size:10px;}
	/* コンテンツ */
	#CONTENT,#nyugyo {padding:0 10px;}
	#CONTENT .leftWrap {width:100%;}
	#CONTENT .leftWrap .box {width:100%;}
	#CONTENT .masonryItem, #CONTENT .leftWrap .textBox{ margin:0;}
	
	.leftPhoto,.rightPhoto{width:110px; font-size:10px;}
	.leftPhoto img,.rightPhoto img, .pahotoBox{width:100px;}
	.smpmax { width:100%; }
	.biwaPhoto { float:none; width:100%;}
	.displayTableCel { display:block; }
	.biwaShyohin { margin-left:0;}
	
	.kijilist {margin:auto 0;}
	.kijilist .link {text-align:right;}
	.tab li{ float:none;}
	h1 span { display:block;}
	.tab li.none{ background:none;}

	.column2 dl,
	.column2s dl,
	.column3 dl	 {margin: auto 10px;}
	
	.masonry dl {margin-bottom:20px;}
	#copyRight {text-align:right; position:relative; bottom:0; }
	
	h3{
		background: url(../img/point01.gif) no-repeat scroll 0 0.3em transparent;
	}
	/*-------------------------------------
		ヘッダ
	----------------------------------*/
	#header{position:relative; height:60px; background:url(../img/logo_s.jpg) no-repeat 5px 5px; }
	#header h1 a { height:60px;}
	#header h1 { margin-top:0;}
	#upperMenu{ display:none; 
		/*　非表示に
		position:absolute; bottom:0; right:0;
		*/
	}
	#topImageCover { margin-top:3px;}
	h1 { font-size:1.4em;}
	/*-------------------------------------
		メニュ
	----------------------------------*/
#globalMenu { position:absolute; top:10px; right:1px;}
#globalMenu ul { font-size:1.2em; }

	#spMenu dt{
		display:inherit !important;
		cursor:pointer;
		padding:8px 9px;
		text-align: right;
	}
	#spMenu dd{
		display:none;
		z-index:100;
		margin:0;
		position:absolute; right:1px; width:auto; padding:5px;
	}
	#spMenu li{
		float:none;
	}
	#spMenu li a { display:block;}
	
	/*	スマホ用切替 --------------*/
	#kirikae{
		top  :10px!important;
		right:10px!important;
		left:inherit!important;
	}
	/*-------------------------------------
		ニュース
	----------------------------------*/
	.kijilist .link{ margin-top:inherit !important;}
	/*-------------------------------------
		農業体験
	----------------------------------*/
	#list{margin:0 !important;}
	#nougyou #list dl, #nougyou .annai { margin-left:0 !important; }

	/*-------------------------------------
		10倍楽しむ用
	----------------------------------*/
	.left, .right{padding:10px;}
	
	#taiken dt, #taiken dt, #taiken dd.text{ /*margin-left:130px; */}
	#taiken dt, #taiken dd.text { margin-left:0 !important;}
	#taiken dd.photo { /*width:130px; */
		float:none !important; width:auto !important; margin-top:0 !important;
	}
	#taiken dd.photo img { /*width:120px; */}
	

	/*-------------------------------------
		交通アクセス
	----------------------------------*/
	#gmap iframe {width:100%; height:200px;}
	#map .accessNavi {margin:10px 0;}
	#accessMap {background:none;}
	#accessMap .accessNavi{ margin:0;}
	
	/*-------------------------------------
		フォーム
	----------------------------------*/
	#addtel{ width: inherit; margin-left:0;}
	#toiawaseForm {margin:0;}
	#toiawaseForm dl {margin:0;}
	#toiawaseForm dd {margin:0;padding-left:5px; padding-bottom:10px;}
	#toiawaseForm .button {padding:5px;}
	.formButton {display:block; width:95%;}
	.w40, .w80, .w100{width:95%;}
	
	/*-------------------------------------
		低温殺菌
	--------------------------------*/
	/*#CONTENT dl{ margin:0 0 20px !important;}*/
	#sakkin, .teion{margin-left:0;}
	#nyugyo { background-image: none !important; }
	div.text { margin-left:0 !important; padding-bottom:0; }
	#sakkin dl {
		margin:0 5px 10px;
		padding:5px;
		border:1px solid #999;
		background-color:#bee4ee;
	}
	#sakkin dt {
		text-align:center;
		color:#12128a;
	}
	#sakkin dd {
		margin-left:0;
		font-size:0.9em;
	}
	.teion {padding:10px;}
	#nougyou .annai dd {margin-left:1em;}
	.syouhinList { margin:1em 0 auto 0 !important;}

	
	/*----------------------------------
		周辺のスポット
	----------------------------------*/
	#map_canvas {
		width:100%;
		height:200px;
	}
	#iBox, #infoBox{ margin: auto 0;}
	#infoBox .box_left{width:100%;}
	#infoBox .box_right{width:100%; }
	.h1comment {margin-top:0;}
	#bicycle {zoom:1; position:relative !important;}
	#bicycle:after{
	  content: "."; 
	  display: block; 
	  height: 0; 
	  font-size:0;	
	  clear: both; 
	  visibility:hidden;
	}
	.tile{height:inherit !important;}
	#info_QRcode{ display:none;}

	/*----------------------------------
		サイトマップ
	----------------------------------*/
	#spS{
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
	}
	#sitemap ul{
		margin:0 !important;
		padding:0 !important;
		list-style:none !important;
		width:inherit !important;
	}
	#sitemap ul li{
		background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
		border-bottom: solid 1px #ddd;
	}
	#sitemap ul li a{
		display:block;
		padding:0.7em 15px;
	}
	
	

	/* 非表示 */
	#CONTENT .datetop,
	#gotop .date,
	#panNavi,
	#makeMeScrollable
	{display:none;}
}


/* --------------------------------------------------------------------------------
	タブレットレイアウト : 481 px ～ 768 px
----------------------------------------------------------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 959px) {
	
/*-------------------------------------
	float解除
----------------------------------*/
#footerSub, #shisatu .leftWrap
{
	float:none !important;
}

	.m_clear {clear:both; height:0px;}
	
	.p_none,
	.t_none{display:none;}

	.cameraContents{font-size:12px;}
	
	#CONTENT {padding:0 10px;}
	#CONTENT .leftWrap {width:98%; margin:0 auto;}
	
	#CONTENT .masonryItem { width:46% !important; margin-right:20px; float:left;}
	
	.kijilist {margin:auto 20px;}
	.kijilist .link {text-align:right;}
	.tab li { float:left;}
	h1 span { float:right;}
	
	.column2 dl, .column2s dl, .column3 dl{width:45% !important;}
	.masonry dl {margin: 0 10px 20px;}
	#copyRight {text-align:right; position:relative; bottom:0; }
	.w40{width:60%;}
	.w80, .w100{width:95%;}
	
	/*-------------------------------------
		ヘッダ
	----------------------------------*/
	#header{position:relative; height:120px;}
	#serch{position:absolute; bottom:2em; right:0;}
	#upperMenu{position:absolute; bottom:0; right:0;}

	/*-------------------------------------
		メニュ
	----------------------------------*/
	#spMenu, #spMenu dd{ display:fallback; margin:0;}
	#spMenu dt{ display: none;}
	
	#mboso{
		width:49%;
		float:left;
	}
	#kanrenLink{
		width:49%;
		float:right;
	}
	/*	スマホ用切替 --------------*/
	#kirikae{
		top: 10px !important;
		right:10px !important;
		left:inherit!important;
	}

	/*-------------------------------------
		10倍楽しむ用
	----------------------------------*/
	.left, .right{width:49%;}
	.left {float:left;}
	
	.right {float:right;}
	#taikenbg{ padding:10px;}
	#taiken dd.photo {width:45%;}
	#taiken dt,#taiken dd.text {margin-left:50%;}
	
	/*-------------------------------------
		交通アクセス
	----------------------------------*/
	#accessMap .accessNavi{ margin-left:0; margin-top:600px; }

	/*-------------------------------------
		施設共通
	--------------------------------*/
	#michiShisetu dl {
		float:left;
		margin:10px 5px 0;
		width:47%;
	}
	
	/*-------------------------------------
		低温殺菌	
	--------------------------------*/
	#nyugyo { background-image: none !important; }
	div.text { margin-left:0 !important; padding-bottom:1em; }
	#sakkin dl {
		width:31%;
		float:left;
		margin:auto 5px;
		padding:5px;
		border:1px solid #999;
		background-color:#bee4ee;
	}
	#sakkin dt {
		text-align:center;
		color:#12128a;
	}
	#sakkin dd {
		margin-left:0;
		font-size:0.9em;
	}
	.teion {
		padding:10px;
		width:80%;
	}
	#nougyou .annai {
		margin-left:2em;
		width:30em;
	}
	#nyugyo{ padding:0 10px;}
	.syouhinList { margin:1em 0 auto;}
	.syouhinList dl {margin:0 5px 20px;}

	/*----------------------------------
		周辺のスポット
	----------------------------------*/
	#map_canvas {
		width:100%;
		height:400px;
	}
	#infoBox .box_left{ float:left; width:54%; }
	#infoBox .box_right{ float:right; width:39%; }
	.h1comment {margin-top:-2em;}
	
	#bicycle {
		bottom:0; right:0;
		width:250px;
		position:absolute;
	}


	/* 非表示 */
	#makeMeScrollable
	{display:none;}
}