@charset "utf-8";

/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

	/*ヘッダー（サイト名ロゴが入ったブロック）
	---------------------------------------------------------------------------*/
	/*ヘッダーブロック*/
	header {
		height: auto;
		text-align: center;
	}
	/*h1見出しタグ設定*/
	header h1 {
		display: none;
	}
	/*ロゴ画像の設定*/
	header #logo {
		position: static;
	}
	header #logo img {
		width: 70%;	/*ロゴ画像の幅*/
		height: auto;
		margin: 10px 0px;
	}
	header #menu {
		padding-bottom: 10px;	/*ボックス内の余白*/
		width: auto;
	}

	/*コンテナー（HPを囲むブロック）
	---------------------------------------------------------------------------*/
	#container {
		width: auto;
		border-right: none;
		border-bottom: none;
		border-left: none;
	}

	/*メインメニュー
	---------------------------------------------------------------------------*/
	nav#menubar {
		border-bottom: 1px solid #d2d2d2;
		overflow: hidden;
	}
	/*メニュー１個ごとの設定*/
	nav#menubar ul li {
		width: 50%;
		border-bottom: none;
		border-left: none;
	}
	/*奇数番目のメニューの設定*/
	nav#menubar ul li:nth-child(odd) {
		border-right: 1px solid #d2d2d2;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	/*コンテンツ（main,subを囲むブロック）
	---------------------------------------------------------------------------*/
	#contents {
		width: auto;
		padding: 30px 10px 10px;
	}

	/*main,subコンテンツ
	---------------------------------------------------------------------------*/
	#main, #sub {
		float: none;
		width: auto;
	}

	#main-all, #sub {
		float: none;
		width: auto;
	}

	#main-left {
		float: left;	/*右側に回り込み*/
		width: auto;	/*メインコンテンツ幅*/
		padding-left: 10px;
		padding-bottom: 30px;
	}

	#main-right {
		float: left;	/*右側に回り込み*/
		width: auto;	/*メインコンテンツ幅*/
		padding-left: 10px;
		padding-bottom: 30px;
	}

	#main-simple {
		float: left;	/*右側に回り込み*/
		width: auto;	/*メインコンテンツ幅*/
		padding-left: 10px;
		padding-bottom: 30px;
	}

	/*mainコンテンツ
	---------------------------------------------------------------------------*/
	/*mainコンテンツの段落タグ設定*/
	#main p {
		padding: 0.5em 5px 1em;	/*左から、上、左右、下への余白*/
	}

	#main-all p {
		padding: 0.5em 5px 1em;	/*左から、上、左右、下への余白*/
	}

	/*service.html内の製品紹介の各ブロック
	---------------------------------------------------------------------------*/
	/*ボックス内の段落タグ設定*/
	#main section.list section p {
		margin-left: 0;
	}
	/*ボックス内の写真設定*/
	#main section.list section figure img {
		float: none;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	/*トップページ内「更新情報・お知らせ」ブロック
	---------------------------------------------------------------------------*/
	section#new h2.open {
		background: url(../images/midashi_bg1.png) no-repeat left center, url(../images/btn_minus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#6b614a), to(#3c3421));	/*背景画像とマイナスアイコンとグラデーション*/
		background: url(../images/midashi_bg1.png) no-repeat left center, url(../images/btn_minus.png) no-repeat right center, -webkit-linear-gradient(#6b614a, #3c3421);	/*同上*/
		background: url(../images/midashi_bg1.png) no-repeat left center, url(../images/btn_minus.png) no-repeat right center, linear-gradient(#6b614a, #3c3421);			/*同上*/
	}
	section#new h2.close {
		background: url(../images/midashi_bg1.png) no-repeat left center, url(../images/btn_plus.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, from(#6b614a), to(#3c3421));	/*背景画像とプラスアイコンとグラデーション*/
		background: url(../images/midashi_bg1.png) no-repeat left center, url(../images/btn_plus.png) no-repeat right center, -webkit-linear-gradient(#6b614a, #3c3421);	/*同上*/
		background: url(../images/midashi_bg1.png) no-repeat left center, url(../images/btn_plus.png) no-repeat right center, linear-gradient(#6b614a, #3c3421);			/*同上*/
	}
	/*ブロック全体の設定*/
	#new dl {
		height: auto;
		margin: 5px 5px 0px;
	}
	/*日付設定*/
	#new dt {
		float: none;
		width: auto;
	}
	/*記事設定*/
	#new dd {
		padding-left: 0;
	}

	/*テーブル１
	---------------------------------------------------------------------------*/
	.ta1 {
		width: 100%;
	}
	/*テーブル内の右側*/
	.ta1 td{
		width: auto;
		padding: 2px;
	}
	/*テーブル内の左側の見出し部分*/
	.ta1 th{
		width: 100px;
		padding: 2px;
	}

	/*その他
	---------------------------------------------------------------------------*/
	/*<body class="s-n">指定の場合にsubブロックを表示させない設定*/
	body.s-n #sub {
		display: none;
	}
	/*メニュー折りたたみ設定*/
	#top #menubar_hdr {
		display: none;
	}
	#menubar_hdr {
		display: inline;
		position: absolute;
		top: 0px;
		right: 10px;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e5e5e5));
		background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5);
		background-image: linear-gradient(#fbfbfb, #e5e5e5);
		padding: 10px;
		border: 1px solid #cfcfcf;
		border-radius: 0px 0px 6px 6px;
	}

	#sub .img_link
	{
		width: auto;
		height: 30px;
		padding: 10px;	/*ボックス内の余白*/
	}

	#size_sp
	{
		display: block;
	}

	.imgbox3
	{
		height	: 350px;
		padding	: 5px;
 	}
}