@charset "utf-8";
	#header > ul li a span{
		font-size: 1.15rem;
	}


.btn_hmbg{
	display: none;
}

.news_data_area figure{
	max-width: 50%;

}

@media screen and (min-width: 901px){
		#nav > ul/*,
	#nav-test > ul*/{
		display: flex;
	}
}

@media screen and (max-width: 900px){
	.news_data_area{
		flex-direction: column;
	}
		.news_data_area figure{
			display: block;
			max-width: 100%;
		}
			.news_data_area figure img{
				width: 100%;
			}
	#header > ul{
		display: none;
	}
	.btn_hmbg{
		display: block;
		overflow: hidden;
		width: 35px;
		height: 35px;
		margin: 10px 10px 10px 0;
		border: 1px solid rgb(115, 185, 235);
		border-radius: 3px;
		color: rgb(20, 120, 200);/*rgb(115, 185, 235);*/
		font-size: 1.85rem;
		text-align: center;
		text-decoration: none;
		line-height: 35px;
	}

		#hmbg{
			margin-right: auto;
			margin-left: 10px;
		}
		#hmbg.fa-bars:before {
		    content: "\f0c9";
		}
		#hmbg.fa-bars:before{
		    content: "\f0c9";
		}
		*, ::after, ::before {
		    box-sizing: border-box;
		}

	#nav{
		height: 55px;
	}
		#nav > ul{
			z-index: 99999999;
			display: none;
			flex-direction: column;
			flex-wrap: wrap;

			position: absolute;
			top: 55px;

			width: 100%;
			height: auto;
			background: rgba(230, 240, 245, 0.90);
			border-top: 1px solid rgb(220, 220, 220);
			border-right: 1px solid rgb(220, 220, 220);
			border-left: 1px solid rgb(220, 220, 220);
		}
			#nav > ul > li{
				width: 100%;
				border-bottom: 1px solid rgb(220, 220, 220);
			}

}




/**
 * 補正追加
 * サブページ（/haxpes-lab/usage.php用）
 */
.haxpes-usage-cls table.table.tbl-haxpes-usage-cls{
	width: 49%;
}

	#header.grd_haxpes a div p em b br{
		display: none;
	}

#article-haxpes-spectra{
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
}
#article-haxpes-spectra > *:nth-child(1){
	width: 80%;
	margin: 0 auto;
}
#article-haxpes-spectra > *:nth-child(2){
	width: 80%;
	margin: 0 auto;
}

	#img_wrapper{
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 2;
		text-align: center;
		background: rgb(0, 0, 0);
		top: 0;
		opacity: 0.6; 
	}
	#imgbox{
		width: 80%;
		height: 80%;
		position: fixed;
		z-index: 99;
		text-align: center; 
	}
	#imgbox img{
		height: 60%;
		display: inline-block;
		position: relative;
		top: 150px; 
	}
	#imgbox #btn-close{
		position: fixed;
		top: 90px;
		right: 50px;
		width: 40px;
		height: 40px;
		padding: 0;
		margin:auto auto;
		border: 2px solid rgb(255, 255, 255);
		border-radius: 40px;
		color: rgb(255, 255,255);
		font-size: 2.00rem;
		line-height: 30px;
		text-align: center;
	}
	#imgbox #btn-close:before{
		content: "x"
	};

	@media screen and (max-width: 735px){
		#imgbox img {
			width: 100%;
			height: auto;
			top: 20%;
		} 
	}
    	





@media screen and (max-width: 960px) and (min-width: 601px){

	body > *{
		width: 100%;
		margin: 0 auto;
	}

	#header,
	#header.grd_haxpes{
		width:100%;
	}

	#header > ul,
	#header.grd_haxpes > ul{
		flex-direction: column;
		flex-wrap: wrap;
		margin: 10px 0 auto auto;
	}
	#header > ul li
	#header.grd_haxpes > ul li{
		width: 100%;
		margin-bottom: 10px;
	}

	#aside article#fr_info4uss2 div{
		width: 49%;
		margin: 0 0 10px 0;
	}

	#header.grd_haxpes a div p em span{
		font-size: 0.75rem;
	}
	#header.grd_haxpes a div p em b{
		font-size: 0.90rem;
	}
	#header.grd_haxpes a div p em b br{
		display: inline;
	}

	#header.grd_haxpes a div p strong{
		font-size: 1.40rem;
	}


	/**
	 * トップページ　最新情報
	 */
	#fr_info4uss.fr-news a{
		width: 49%;
		margin: 0 0 10px 0;
	}


	/**
	 * サブページ共通
	.ul-flow{
		width: 100%;
		max-width: 100%;
	}
	 */

	/**
	 * サブページ（access.php用）
	 */
	#article-access{
		flex-direction: column;
		flex-wrap: wrap;
	}
		#article-access > li,
		#article-access > li > *{
			width: 100%;
		}


	/**
	 * サブページ（use_***.php用）
	 */
	table.table.tbl-use{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-use thead{
			display: none;
		}

		table.table.tbl-use,
		table.table.tbl-use tbody,
		table.table.tbl-use tbody tr{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			width: 100%;
		}
			table.table.tbl-use tbody tr{
				margin-bottom: 10px;
				border-radius:3px;
			}
				table.table.tbl-use tbody tr th,
				table.table.tbl-use tbody tr td{
					display: block;
					width: 100%;
					text-align: left;
				}



	/**
	 * ダウンページ（download.php用）
	 */
	table.table.tbl-download{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-download,
		table.table.tbl-download tbody{
			display: block;
			width: 100%;
		}
			table.table.tbl-download thead{
				display: none;
			}
			table.table.tbl-download tr{
				margin-bottom: 10px;
				border-radius: 3px;
			}
			table.table.tbl-download tbody tr{
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
				table.table.tbl-download tbody tr th{
					width: 100%;
					background-color: rgb(184, 218, 255);
				}
				table.table.tbl-download tbody tr td,
				table.table.tbl-download tbody td:nth-child(2),
				table.table.tbl-download tbody td:nth-child(3){
					width: 50%;
					min-width: 50%;
				}







	/**
	 * サブページ（database.php用）
	 */
	#list-database-sample{
		flex-direction: column;
		flex-wrap: wrap;
	}

	.database > div{
		width: 100%;
	}
	#list-database-sample > div > table,
	#list-database-sample > div > table thead,
	#list-database-sample > div > table tbody,
	#list-database-sample > div > table thead > tr,
/*
	#list-database-sample > div > table tbody > tr,
*/
	#list-database-sample > div > table,
	#list-database-sample > div > table{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}

		#list-database-sample > div > table thead > tr > *,
		#list-database-sample > div > table tbody > tr > *{
			display: block;
		}


	.database > div > table tr{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
	}

		.database > div > table tr:nth-child(1) th.table-primary{
			display: block;
			width: 100%;
		}
		.database > div > table tr th.table-info{
			width: 65px;
			box-sizing: border-box;

		}
		.database > div > table tr td.table-light{
			width: calc(100% - 65px);
			box-sizing: border-box;
		}


	/**
	 * サブページ（/haxpes-lab/spectra/*.php用）
	 */
	#article-haxpes-spectra > *:nth-child(1){
		width: 100%;
		margin: 0 auto 30px 0;
	}
	#article-haxpes-spectra > *:nth-child(1) > img{
		width: 100%;
	}
	#article-haxpes-spectra > *:nth-child(2){
		width: 100%;
		margin: 0 auto;
	}



	/**
	 * サブページ（/haxpes-lab/subscription.php用）
	 */
	#haxpes-subscription{
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}
	#haxpes-subscription > *{
		margin-bottom: 30px;
	}
}


@media screen and (max-width: 600px) and (min-width: 481px){
	#header > ul li a span{
		display: none;
	}



	#header.grd_haxpes a div p em span{
		font-size: 0.75rem;
		display: none;
	}
	#header.grd_haxpes a div p em b{
		font-size: 0.90rem;
	}
	#header.grd_haxpes a div p em b br{
		display: inline;
	}

	#header.grd_haxpes a div p strong{
		font-size: 1.10rem;
	}

	#header > ul,
	#header.grd_haxpes > ul{
		flex-direction: column;
		flex-wrap: wrap;
		margin: 10px 0 auto auto;
	}
	#header > ul li
	#header.grd_haxpes > ul li{
		width: 100%;
		margin-bottom: 10px;
	}



	#aside article#fr_info4uss2 div{
		width: 100%;
		margin: 0 0 10px 0;
	}


	/**
	 * トップページ　最新情報
	 */
	#fr_info4uss.fr-news a{
		width: 100%;
		margin: 0 0 10px 0;
	}



	/**
	 * サブページ共通
	 */
	.ul-flow{
		width: 100%;
		max-width: 100%;
	}



	/**
	 * サブページ（facilities.php用）
	 */
	section#main > article#fr_sub > section > div > article{
		flex-direction: column;
		flex-wrap: wrap;
	}
		section#main > article#fr_sub > section > div > article > *{
			width: 100%;
		}

	table.table.tbl-facilities{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-facilities,
		table.table.tbl-facilities thead,
		table.table.tbl-facilities thead tr,
		table.table.tbl-facilities tbody,
		table.table.tbl-facilities tbody tr,
		table.table.tbl-facilities tbody tr th,
		table.table.tbl-facilities tbody tr td{
			display: block;
			width: 100%;
		}
			table.table.tbl-facilities tr{
				margin-bottom: 10px;
				border-radius: 3px;
			}



	/**
	 * サウページ（download.php用）
	 */
	table.table.tbl-download{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-download,
		table.table.tbl-download tbody{
			display: block;
			width: 100%;
		}
			table.table.tbl-download thead{
				display: none;
			}
			table.table.tbl-download tr{
				margin-bottom: 10px;
				border-radius: 3px;
			}
			table.table.tbl-download tbody tr{
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
				table.table.tbl-download tbody tr th{
					width: 100%;
					background-color: rgb(184, 218, 255);
				}
				table.table.tbl-download tbody tr td,
				table.table.tbl-download tbody td:nth-child(2),
				table.table.tbl-download tbody td:nth-child(3){
					width: 50%;
					min-width: 50%;
				}


	/**
	 * サブテーブル（status-report.php用）
	 */
	table.table.tbl-status-report{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-status-report,
		table.table.tbl-status-report thead,
		table.table.tbl-status-report thead tr,
		table.table.tbl-status-report tbody,
		table.table.tbl-status-report tbody tr,
		table.table.tbl-status-report tbody tr th,
		table.table.tbl-status-report tbody tr td,
		table.table.tbl-status-report tbody td:nth-child(2){
			display: block;
			width: 100%;
		}
			table.table.tbl-status-report tr{
				margin-bottom: 10px;
				border-radius: 3px;
			}

	/**
	 * サブページ（use_***.php用）
	 */
	table.table.tbl-use{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-use thead{
			display: none;
		}

		table.table.tbl-use,
		table.table.tbl-use tbody,
		table.table.tbl-use tbody tr{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			width: 100%;
		}
			table.table.tbl-use tbody tr{
				margin-bottom: 10px;
				border-radius:3px;
			}
				table.table.tbl-use tbody tr th,
				table.table.tbl-use tbody tr td{
					display: block;
					width: 100%;
					text-align: left;
				}




	/**
	 * サブページ（access.php用）
	 */
	#article-access{
		flex-direction: column;
		flex-wrap: wrap;
	}
		#article-access > li,
		#article-access > li > *{
			width: 100%;
		}


	/**
	 * サブページ（contactus.php用）
	 */
	#tbl_contactus{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		#tbl_contactus,
		#tbl_contactus tbody,
		#tbl_contactus tbody tr{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			width: 100%;
		}
			#tbl_contactus tbody tr{
				margin-bottom: 10px;
				border-radius:3px;
			}
				#tbl_contactus tbody tr th,
				#tbl_contactus tbody tr td{
					display: block;
					width: 100%;
					text-align: left;
				}
				#tbl_contactus tbody tr th{
					background: rgb(245, 245, 245);
				}



	/**
	 * サブページ（/haxpes-lab/outline.php用）
	 */
	/* 付属機器 */
	table.table.tbl-haxpes-outline,
	table.table.tbl-haxpes-outline-2{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-haxpes-outline,
		table.table.tbl-haxpes-outline tbody,
		table.table.tbl-haxpes-outline tbody tr{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 100%;
		}

		table.table.tbl-haxpes-outline-2,
		table.table.tbl-haxpes-outline-2 tbody,
		table.table.tbl-haxpes-outline-2 tbody tr{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 100%;
		}

			table.table.tbl-haxpes-outline tbody tr,
			table.table.tbl-haxpes-outline-2 tbody tr{
				margin-bottom: 10px;
				border-radius:3px;
			}
				table.table.tbl-haxpes-outline tbody tr th,
				table.table.tbl-haxpes-outline tbody tr td,
				table.table.tbl-haxpes-outline-2 tbody tr th,
				table.table.tbl-haxpes-outline-2 tbody tr td{
					display: block;
					text-align: left;
				}
				table.table.tbl-haxpes-outline tbody tr th,
				table.table.tbl-haxpes-outline-2 tbody tr th{
					width: 100%;
				}
				table.table.tbl-haxpes-outline tbody tr th:nth-child(1),
				table.table.tbl-haxpes-outline tbody tr td:nth-child(2){
					width: 100%;
				}

				table#tbl_outline.table.tbl-haxpes-outline-2 tbody tr td:nth-child(2){
					width: 70%;
				}
				table#tbl_outline.table.tbl-haxpes-outline-2 tbody tr td:nth-child(3){
					width: 30%;
				}
				#tbl_outline tr td:nth-child(3) {
					width: 30%;
				}



	/**
	 * サブページ（/haxpes-lab/usage.php用）
	 */
	/* 付属機器 */
	.haxpes-usage-cls{
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}
	.haxpes-usage-cls table.table.tbl-haxpes-usage-cls{
		width: 100%;
	}

	#tbl_haxpes_flow{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: auto;
		border: none;
		box-shadow: none;
		border-radius: 0;
	}
	#tbl_haxpes_flow tbody,
	#tbl_haxpes_flow tbody tr{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}
	#tbl_haxpes_flow tbody tr th,
	#tbl_haxpes_flow tbody tr td{
		display: block;
		width: 100%;
	}

	#tbl_haxpes_flow tbody tr th{
		margin-right: 0%;
	}
	#tbl_haxpes_flow tbody tr th h5{
		display: block;
		width: 100%;
		height: auto;
		padding: 20px 0 10px 0;
	}
	#tbl_haxpes_flow tbody tr td{
		width: 80%;
		margin-left: 20%;
	}


	#tbl_haxpes_flow tbody tr:nth-child(2) td,
	#tbl_haxpes_flow tbody tr:nth-child(4) td,
	#tbl_haxpes_flow tbody tr:nth-child(6) td,
	#tbl_haxpes_flow tbody tr:nth-child(8) td{
		display: none;
	}





	/**
	 * サブページ（/haxpes-lab/usage.php用）
	 */
	.tbl-haxpes-usage-2d,
	.tbl-haxpes-usage-2d thead,
	.tbl-haxpes-usage-2d tbody,
	.tbl-haxpes-usage-2d thead tr,
	.tbl-haxpes-usage-2d tbody tr{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: auto;
		border: none;
		box-shadow: none;
		border-radius: 0;
	}
	table.tbl-haxpes-usage-2d thead tr > *,
	table.tbl-haxpes-usage-2d tbody tr > *{
		display: block;
		width: 100%;
	}


	table.tbl-haxpes-usage-2d tbody th:nth-child(1),
	table.tbl-haxpes-usage-2d tbody th:nth-child(2),
	table.tbl-haxpes-usage-2d tbody th:nth-child(3),
	table.tbl-haxpes-usage-2d tbody th:nth-child(4),
	table.tbl-haxpes-usage-2d tbody th:nth-child(5){
		width: 100%;
	}





	/**
	 * サブページ（database.php用）
	 */
	#list-database-sample{
		flex-direction: column;
		flex-wrap: wrap;
	}

	.database > div{
		width: 100%;
	}
	#list-database-sample > div > table,
	#list-database-sample > div > table thead,
	#list-database-sample > div > table tbody,
	#list-database-sample > div > table thead > tr,
/*
	#list-database-sample > div > table tbody > tr,
*/
	#list-database-sample > div > table,
	#list-database-sample > div > table{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}

		#list-database-sample > div > table thead > tr > *,
		#list-database-sample > div > table tbody > tr > *{
			display: block;
		}


	.database > div > table tr{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
	}

		.database > div > table tr:nth-child(1) th.table-primary{
			display: block;
			width: 100%;
		}
		.database > div > table tr th.table-info{
			width: 65px;
			box-sizing: border-box;

		}
		.database > div > table tr td.table-light{
			width: calc(100% - 65px);
			box-sizing: border-box;
		}



	/**
	 * サブページ（/haxpes-lab/spectra/*.php用）
	 */
	#article-haxpes-spectra > *:nth-child(1){
		width: 100%;
		margin: 0 auto 30px 0;
	}
	#article-haxpes-spectra > *:nth-child(1) > img{
		width: 100%;
	}
	#article-haxpes-spectra > *:nth-child(2){
		width: 100%;
		margin: 0 auto;
	}



	/**
	 * サブページ（/haxpes-lab/subscription.php用）
	 */
	#haxpes-subscription{
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}
	#haxpes-subscription > *{
		width: 100%;
		margin-bottom: 30px;
	}




	#footer ul li:nth-child(2) dl{
		flex-direction: column;
		flex-wrap: wrap;
	}


}




@media screen and (max-width: 480px){
	#wrapper{

	}
	#header > a > div:before ,
	#header.grd_haxpes > a > div:before {
		content: "";
		display: block;
		width: 50px;
		height: 21px;
		margin: 0 10px 0 0;
		background-image: url(../img/common/logo_header.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 90%;
	}

	#header.grd_haxpes a div p em span{
		font-size: 0.75rem;
		display: none;
	}
	#header.grd_haxpes a div p em b br{
		display: inline;
	}
	#header.grd_haxpes a div p strong{
		font-size: 1.00rem;
	}

	#header > ul,
	#header.grd_haxpes > ul{
		flex-direction: row;
		flex-wrap: wrap;
		width: 40px;
		margin: 10px 0 auto auto;
	}
	#header > ul li,
	#header.grd_haxpes > ul li{
		width: 100%;
		margin-bottom: 10px;
	}

	#header > ul li a span,
	#headergrd_haxpes > ul li a span{
		display: none;
	}

	main{
		max-width: 100%;
		padding: 10px 15px 40px 15px;
		margin: 0 auto;
	}

	#aside article#fr_info4uss2 div{
		width: 100%;
		margin: 0 0 10px 0;
	}

	/**
	 * トップページ　最新情報
	 */
	#fr_info4uss.fr-news a{
		width: 100%;
		margin: 0 0 10px 0;
	}


	/**
	 * サブページ共通
	 */
	.ul-flow{
		width: 100%;
		max-width: 100%;
	}

	/**
	 * サブページ（facilities.php用）
	 */
	section#main > article#fr_sub > section > div > article{
		flex-direction: column;
		flex-wrap: wrap;
	}
		section#main > article#fr_sub > section > div > article > *{
			width: 100%;
		}

	table.table.tbl-facilities{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}

		table.table.tbl-facilities,
		table.table.tbl-facilities tbody,
		table.table.tbl-facilities tbody tr{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			width: 100%;
		}
			table.table.tbl-facilities tbody tr{
				margin-bottom: 10px;
				border-radius:3px;
			}
				table.table.tbl-facilities tbody tr th,
				table.table.tbl-facilities tbody tr td{
					display: block;
					width: 100%;
					text-align: left;
				}


	table.table.tbl-facilities{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-facilities,
		table.table.tbl-facilities thead,
		table.table.tbl-facilities thead tr,
		table.table.tbl-facilities tbody,
		table.table.tbl-facilities tbody tr,
		table.table.tbl-facilities tbody tr th,
		table.table.tbl-facilities tbody tr td{
			display: block;
			width: 100%;
		}
			table.table.tbl-facilities tr{
				margin-bottom: 10px;
				border-radius: 3px;
			}



	/**
	 * ダウンページ（download.php用）
	 */
	table.table.tbl-download{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-download,
		table.table.tbl-download tbody{
			display: block;
			width: 100%;
		}
			table.table.tbl-download thead{
				display: none;
			}
			table.table.tbl-download tr{
				margin-bottom: 10px;
				border-radius: 3px;
			}
			table.table.tbl-download tbody tr{
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}
				table.table.tbl-download tbody tr th{
					width: 100%;
					background-color: rgb(184, 218, 255);
				}
				table.table.tbl-download tbody tr td,
				table.table.tbl-download tbody td:nth-child(2),
				table.table.tbl-download tbody td:nth-child(3){
					width: 50%;
					min-width: 50%;
				}


	/**
	 * サブテーブル（status-report.php用）
	 */
	table.table.tbl-status-report{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-status-report,
		table.table.tbl-status-report thead,
		table.table.tbl-status-report thead tr,
		table.table.tbl-status-report tbody,
		table.table.tbl-status-report tbody tr,
		table.table.tbl-status-report tbody tr th,
		table.table.tbl-status-report tbody tr td,
		table.table.tbl-status-report tbody td:nth-child(2){
			display: block;
			width: 100%;
		}
			table.table.tbl-status-report tr{
				margin-bottom: 10px;
				border-radius: 3px;
			}




	/**
	 * サブページ（use_***.php用）
	 */
	table.table.tbl-use{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-use thead{
			display: none;
		}

		table.table.tbl-use,
		table.table.tbl-use tbody,
		table.table.tbl-use tbody tr{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			width: 100%;
		}
			table.table.tbl-use tbody tr{
				margin-bottom: 10px;
				border-radius:3px;
			}
				table.table.tbl-use tbody tr th,
				table.table.tbl-use tbody tr td{
					display: block;
					width: 100%;
					text-align: left;
				}


	/**
	 * サブページ（access.php用）
	 */
	#article-access{
		flex-direction: column;
		flex-wrap: wrap;
	}
		#article-access > li,
		#article-access > li > *{
			width: 100%;
		}

	/**
	 * サブページ（contactus.php用）
	 */
	#tbl_contactus{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		#tbl_contactus,
		#tbl_contactus tbody,
		#tbl_contactus tbody tr{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			width: 100%;
		}
			#tbl_contactus tbody tr{
				margin-bottom: 10px;
				border-radius:3px;
			}
				#tbl_contactus tbody tr th,
				#tbl_contactus tbody tr td{
					display: block;
					width: 100%;
					text-align: left;
				}
				#tbl_contactus tbody tr th{
					background: rgb(245, 245, 245);
				}


	/**
	 * サブページ（/haxpes-lab/outline.php用）
	 */
	/* 付属機器 */
	table.table.tbl-haxpes-outline-2{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-haxpes-outline-2,
		table.table.tbl-haxpes-outline-2 tbody,
		table.table.tbl-haxpes-outline-2 tbody tr{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 100%;
		}
			table.table.tbl-haxpes-outline-2 tbody tr{
				margin-bottom: 10px;
				border-radius:3px;
			}
				table.table.tbl-haxpes-outline-2 tbody tr th,
				table.table.tbl-haxpes-outline-2 tbody tr td{
					display: block;
					text-align: left;
				}
				table.table.tbl-haxpes-outline-2 tbody tr th{
					width: 100%;
				}
				table#tbl_outline.table.tbl-haxpes-outline-2 tbody tr td:nth-child(2){
					width: 70%;
				}
				table#tbl_outline.table.tbl-haxpes-outline-2 tbody tr td:nth-child(3){
					width: 30%;
				}
				#tbl_outline tr td:nth-child(3) {
					width: 30%;
				}


	/* 付属設備 */
	table.table.tbl-haxpes-outline-3{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-haxpes-outline-3,
		table.table.tbl-haxpes-outline-3 tbody,
		table.table.tbl-haxpes-outline-3 tbody tr{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			width: 100%;
		}
			table.table.tbl-haxpes-outline-3 tbody tr{
				margin-bottom: 10px;
				border-radius: 3px;
			}
				table.table.tbl-haxpes-outline-3 tbody tr th,
				table.table.tbl-haxpes-outline-3 tbody tr td{
					display: block;
					width: 100%;
					text-align: left;
				}
				table.table.tbl-haxpes-outline-3 tbody tr th{
					/* background: rgb(245, 245, 245);*/
				}




	/**
	 * サブページ（/haxpes-lab/outline.php用）
	 */
	/* 付属機器 */
	table.table.tbl-haxpes-outline,
	table.table.tbl-haxpes-outline-2{
		border: none;
		border-radius: 0;
		box-shadow: none;
	}
		table.table.tbl-haxpes-outline,
		table.table.tbl-haxpes-outline tbody,
		table.table.tbl-haxpes-outline tbody tr{
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 100%;
		}

		table.table.tbl-haxpes-outline-2,
		table.table.tbl-haxpes-outline-2 tbody,
		table.table.tbl-haxpes-outline-2 tbody tr{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: space-between;
			width: 100%;
		}

			table.table.tbl-haxpes-outline tbody tr,
			table.table.tbl-haxpes-outline-2 tbody tr{
				margin-bottom: 10px;
				border-radius:3px;
			}
				table.table.tbl-haxpes-outline tbody tr th,
				table.table.tbl-haxpes-outline tbody tr td,
				table.table.tbl-haxpes-outline-2 tbody tr th,
				table.table.tbl-haxpes-outline-2 tbody tr td{
					display: block;
					text-align: left;
				}
				table.table.tbl-haxpes-outline tbody tr th,
				table.table.tbl-haxpes-outline-2 tbody tr th{
					width: 100%;
				}
				table.table.tbl-haxpes-outline tbody tr th:nth-child(1),
				table.table.tbl-haxpes-outline tbody tr td:nth-child(2){
					width: 100%;
				}

				table#tbl_outline.table.tbl-haxpes-outline-2 tbody tr td:nth-child(2){
					width: 70%;
				}
				table#tbl_outline.table.tbl-haxpes-outline-2 tbody tr td:nth-child(3){
					width: 30%;
				}
				#tbl_outline tr td:nth-child(3) {
					width: 30%;
				}



	/**
	 * サブページ（/haxpes-lab/usage.php用）
	 */
	/* 付属機器 */
	.haxpes-usage-cls{
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}
	.haxpes-usage-cls table.table.tbl-haxpes-usage-cls{
		width: 100%;
	}

	#tbl_haxpes_flow{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: auto;
		border: none;
		box-shadow: none;
		border-radius: 0;
	}
	#tbl_haxpes_flow tbody,
	#tbl_haxpes_flow tbody tr{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}
	#tbl_haxpes_flow tbody tr th,
	#tbl_haxpes_flow tbody tr td{
		display: block;
		width: 100%;
	}

	#tbl_haxpes_flow tbody tr th{
		margin-right: 0%;
	}
	#tbl_haxpes_flow tbody tr th h5{
		display: block;
		width: 100%;
		height: auto;
		padding: 20px 0 10px 0;
	}
	#tbl_haxpes_flow tbody tr td{
		width: 80%;
		margin-left: 20%;
	}


	#tbl_haxpes_flow tbody tr:nth-child(2) td,
	#tbl_haxpes_flow tbody tr:nth-child(4) td,
	#tbl_haxpes_flow tbody tr:nth-child(6) td,
	#tbl_haxpes_flow tbody tr:nth-child(8) td{
		display: none;
	}

	/**
	 * サブページ（/haxpes-lab/usage.php用）
	 */
	.tbl-haxpes-usage-2d,
	.tbl-haxpes-usage-2d thead,
	.tbl-haxpes-usage-2d tbody,
	.tbl-haxpes-usage-2d thead tr,
	.tbl-haxpes-usage-2d tbody tr{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: auto;
		border: none;
		box-shadow: none;
		border-radius: 0;
	}
	table.tbl-haxpes-usage-2d thead tr > *,
	table.tbl-haxpes-usage-2d tbody tr > *{
		display: block;
		width: 100%;
	}


	table.tbl-haxpes-usage-2d tbody th:nth-child(1),
	table.tbl-haxpes-usage-2d tbody th:nth-child(2),
	table.tbl-haxpes-usage-2d tbody th:nth-child(3),
	table.tbl-haxpes-usage-2d tbody th:nth-child(4),
	table.tbl-haxpes-usage-2d tbody th:nth-child(5){
		width: 100%;
	}





	/**
	 * サブページ（database.php用）
	 */
	#list-database-sample{
		flex-direction: column;
		flex-wrap: wrap;
	}

	.database > div{
		width: 100%;
	}
	#list-database-sample > div > table,
	#list-database-sample > div > table thead,
	#list-database-sample > div > table tbody,
	#list-database-sample > div > table thead > tr,
/*
	#list-database-sample > div > table tbody > tr,
*/
	#list-database-sample > div > table,
	#list-database-sample > div > table{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}

		#list-database-sample > div > table thead > tr > *,
		#list-database-sample > div > table tbody > tr > *{
			display: block;
		}


	.database > div > table tr{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
	}

		.database > div > table tr:nth-child(1) th.table-primary{
			display: block;
			width: 100%;
		}
		.database > div > table tr th.table-info{
			width: 65px;
			box-sizing: border-box;

		}
		.database > div > table tr td.table-light{
			width: calc(100% - 65px);
			box-sizing: border-box;
		}





	/**
	 * サブページ（/haxpes-lab/spectra/*.php用）
	 */
	#article-haxpes-spectra > *:nth-child(1){
		width: 100%;
		margin: 0 auto 30px 0;
	}
	#article-haxpes-spectra > *:nth-child(1) > img{
		width: 100%;
	}
	#article-haxpes-spectra > *:nth-child(2){
		width: 100%;
		margin: 0 auto;
	}



	/**
	 * サブページ（/haxpes-lab/subscription.php用）
	 */
	#haxpes-subscription{
		flex-direction: column;
		flex-wrap: wrap;
		width: 100%;
	}
	#haxpes-subscription > *{
		width: 100%;
		margin-bottom: 30px;
	}
	#btn_goto_rsv_haxpes{
		width: 90%;
	}




	#footer ul li:nth-child(2) dl{
		flex-direction: column;
		flex-wrap: wrap;
	}




}