/* EUCで保存*/
/* EUCで保存*/
/* EUCで保存*/

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

/*-------------------------------------------------
  ヘッダー header
-------------------------------------------------*/

	#header
	{
		position: relative;
		width: 100%;
		height: 100%;
		background: #840206 url(images/) no-repeat;
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #E0E0E0;
		margin: auto;
		padding: 0px 0px 10px 0px;
	}

	#headercontents
	{
		width: 640px;
		margin: auto;

	}

	#headercontents h1
	{
		width: 90%;
		background:;
		padding: 0px 0px 20px 30px;
		clear: both;
		font-size: 15px;
		text-align: center;
		margin: auto;
	}

/*-------------------------------------------------
  ロゴ
-------------------------------------------------*/

	.logo img /*ロゴ画像のサイズ*/
	{
		width: 280px;
	}

/*-------------------------------------------------
  ページ上部お問合せ
-------------------------------------------------*/

	.contactus /*ヘッダーの電話番号＆メール問合せはこちらエリア*/
	{
		width: 320px; 
		text-align: center; 
		padding-top: 30px;
		font-size: 24px;
	}

	.contact_mail
	{
		font-size: 18px;
	}

/*-------------------------------------------------
  ヘッダーの背景色や背景画像
-------------------------------------------------*/

	.head_img
	{
		width: 100%;
		height: 210px;
		background: #840206 url(images/bg_header.png) center middle;
		background-size: cover;
		text-align: center;
		color: #214001;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box
		margin-top: 0px;
		font-size: 18px;
	}

	.head_img_sub
	{
		width: 100%;
		height: 210px;
		background: #840206 url(images/bg_header.png) center middle;
		background-size: cover;
		text-align: center;
		color: #214001;
		padding: 0px 0px 0px 0px;
		box-sizing: border-box
		margin-top: 0px;
		font-size: 18px;
	}

/*-------------------------------------------------
  タブレット＆スマホでのサブページ閲覧時のメニュー
-------------------------------------------------*/

	.homebutton
	{
		display: inline;
		float: left;
		margin-left: 245px;
		background: #840206;
	}

	.homebutton img
	{
			width: 70px;
			background: #840206;
	}

	.menubutton
	{
		display: inline;
		

	}



		.tabmenu
		{
			width: 100%;
			/*background: #7AD371;*/
			background: #840206;
			margin-bottom: 0px;
		}

		.tabmenu img
		{
			width: 70px;
			margin-left: 15px;
			background: #840206;
		}

		.tab
		{
			height: 70px;
			background: #840206;
		}

		.tab li
		{
			width: 44px;
			height: 44px;
			cursor: pointer;
			display: inline-block;
			margin-left: 0px;
		}
						
		/*.tab li.select
		{
			/*background:#fd9;*/
		}*/
			

		.content div
		{
			/*background:#efefef;*/
			height: 100%;
			padding: 10px;
		}

		.hide
		{
			display:none;
			padding: 5px;
		}

		.content div.sub
		{
			margin: 5px 5px 5px 30px;
		}

		/*.tab li:after
		{
			content:"▼";
			padding-left: 1em;
		}

		.tab li.select:after
		{
			content:"▲";
			padding-left: 1em;
		}*/

		.other
		{
			margin-top: 1em;
			padding: 1em;
		}

		.close
		{
			float: right;
			width:30%;
			padding: 10px 0px 10px 0px;
			background:#4d1500;
			-webkit-border-radius:2px;
			border-radius: 2px;
			color: #fdfdfd;
			text-align: center;
			cursor: pointer;
			font-size: 25px;
		}

	.sub_l
	{
		font-size: 20px;
	}

	.mainmenu
	{
		font-size: 20px;
		padding: 20px 0px 10px 0px;
	}

/*-------------------------------------------------
  ボディー　body部の囲い
-------------------------------------------------*/

	#mainwrapper
	{
		width: 100%;
		background: url(images/) repeat-y;
		border-width: 0px 0px 0px 0px;
		border-style: solid;
		border-color: #E0E0E0;
		padding: 0px 0px 0px 0px;
		margin: auto;
	}

/*-------------------------------------------------
  ボディー　body内部
-------------------------------------------------*/

	#container
	{

		width: 100%;
		height: 1%;
		overflow: visible;
	/*にわ・なびの記事幅表示と合わせるために以下はすべて0にすること。paddingは.contentで入力*/
		padding: 0px 0px 0px 0px;
		clear: both;
		background: #;
	}

	.container_m
	{
		width: 640px;
		margin: auto;
		background: #;
		clear: both;
	}

	.content
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 30px 0px;
	}

/*-------------------------------------------------
  記事の表示
-------------------------------------------------*/

	.contentbody2
	{
		background: #ffffff url(images/);
		text-align: justify;
		padding: 30px 20px 30px 20px;
		border-width: 1px 1px 1px 1px;
		border-style: solid;
		border-color: #E0E0E0;
		text-align: justify;
		margin: 0px 0px 0px 0px;
		font-size:15px;
	}

/*-------------------------------------------------
  トップページの新着施工例エリア
-------------------------------------------------*/

	.works_trim
	{
		width: 210px;
		height: 250px;
		float: left;
		margin: 0px 2px 10px 1px;
		padding: 0px;
		display: inline;
		background: #ffffff url(images/) bottom;
	}

	.works_trim_img
	{
		width: 210px; 
		height: 140px; 
		border-width: 0px; 
		border-style: solid; 
		border-color: #cccccc;
	}

	.works_trim_img_s
	{
		width: 210px; 
		height: 140px; 
		border-width: 0px; 
		border-style: solid; 
		border-color: #cccccc;
		display: none;
	}

	.works_trim_title
	{
		width: 190px; 
		height: 30px; 
		overflow: hidden; 
		float: left; 
		padding: 5px 10px 5px 10px; 
		font-size: 14px; 
		line-height: 130%;
	}

	.works_trim_comments
	{
		width: 190px; 
		height: 45px; 
		overflow: hidden; 
		float: left; 
		padding: 5px 10px 5px 10px; 
		font-size: 13px; 
		line-height: 130%;
	}

/*-------------------------------------------------
  トップページInformationのエリア
-------------------------------------------------*/

	.home_info
	{
		width: 590px; 
		padding: 25px 25px 25px 25px; 
		background: #ffffff;
	}

/*-------------------------------------------------
  フッターの会社情報、施工例、お問合せボタン
-------------------------------------------------*/

	.footer_button /*会社情報、施工例、お問合せ*/
	{
		width: 162px; 
		/*background: #41A838; */
		float: left; 
		padding: 20px; 
		margin: 0px 5px;
		text-align: center; 
		font-size: 22px;
	}

/*-------------------------------------------------
  お問合せフォーム関連
-------------------------------------------------*/

	.formtext
	{
		-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
		-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
		box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
		height: 2.3em;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-size: 1.2em;
	}

/*-------------------------------------------------
  スマホ閲覧時の下部会社情報と施工エリア
-------------------------------------------------*/

	#sidebarcontainer
	{
		width: 100%;
		padding: 0px 0px 0px 0px;
		background: #dedede;
		margin: 20px 0px 0px 0px;
		clear: both;
		display: hidden;
	}

	.menubox
	{
		width: 0%;
		height: 0%;
		display: none;
	}

	.aboutusbox
	{
		width: 50%;
		/*height: 200px;*/
		/*overflow-y: scroll;*/
		/*background: #41A838;*/
		float: left;
		padding: 0px 0px 0px 0px;
	}

	.aboutusbox_m
	{

		float: right;
		padding: 20px 20px 20px 20px;
	}



	.areabox
	{
		width: 50%;
		/*height: 200px;*/
		/*overflow-y: scroll;*/
		/*background: #26961A;*/
		float: left;
		padding: 0px 0px 0px 0px;
	}

/*スマホ、タブレットで見た際の電話番号などのリンクカラー*/
	#sidebarcontainer a:link, #sidebarcontainer a:visited
	{
		color: #840206;
	}

	.areabox_m
	{

		float: left;
		padding: 20px 20px 20px 20px;
	}

/*-------------------------------------------------
  フッター　Footer
-------------------------------------------------*/

	#footer
	{

		border-width: 0px 0px 0px 0px;
		padding: 0px 0px 70px 0px;

	}

/*-------------------------------------------------
  このページのトップへボタン
-------------------------------------------------*/

	.pagetop {
		width: 100%;
		height: 50px;
		position: fixed;
		right: 0px;
		bottom: 0px;
		z-index: 9000;
		display: none;
		filter:alpha(opacity=95);
		-moz-opacity: 0.95;
		opacity: 0.95;
	} 

	.pagetop a {
		height: 100%;
		display: block;
		color: #ffffff;
		padding: 12px 15px;
		box-sizing: border-box
		margin: 0;
		background: #797979 url(images/);
		border-radius: 3px;
		text-decoration: none;
		font-weight: normal;
		font-size: 20px;
	}

	.pagetop a:hover {
		background: #797979 url(images/bg_gototop.png);
		color: #FFFFFF;
	}

}