@charset "utf-8";

/*---------------------------------------------------------------------------*/
/*解像度別制御*/
/*---------------------------------------------------------------------------*/
/*SPサイズ共通*/
@media (min-width: 0px) and (max-width: 1200px) {
	body{
		font-size:14px;
	}
	.br-sp::before {
		content: '\A'!important;
		white-space: pre!important;
	}
	.pc {
		display: none;
	}
	header {
		min-width:100%;
		width:100%;
	}
	.navbar-nav{
		width:100%;
		padding:5px 0;
		background:#BDD6FE;
	}
	.nav-item{
		border-radius: 0;
		border-right:0;
	}
	.nav-item:first-child {
		border-left:0;
	}
	.breadcrumb-m {
	/*
		margin-top:48px;
		padding:7px 20px;
		height:43px;
		*/
	}

/*
h1 {
	text-align:center;
	font-size:20px;
	margin-top:15px;
	margin-bottom:20px;
}
h5 {
	text-align:center;
	margin:5px 0;
}
.btn-lg{
	font-size:16px;
	width:100%;
}
.btn-sm{
	font-size:12px;
	width:100%;
}
.btn-xs{
	font-size:12px;
	width:100%;
}
.btn-xs-l {
	font-size: 12px;
}
*/
/*
.btn-xs {
	width:100%;
}
.btn-xs-ex {
	width:100%;
}
*/


/*
table.tbl-block thead{
	display: none;
}
table.tbl-block tbody th,td{
	display: block;
	border-top:0;
	border-bottom:0;
}
table.tbl-block tbody td{
	padding:10px 5px;
	color:blue;
}
table.tbl-block tr:nth-child(1) th{
	border-top:#9494B2 1px solid;
}
*/
/*
.tbl-fix th,td{
	font-size:14px;
}
.tbl-edt th,td{
	font-size:14px;
}
.tbl-lst_b th,td{
	font-size:14px;
}
.tbl-lst td {
	height:40px;
	padding:10px 3px;
}
*/
}
/*サイズ別設定*/
@media (min-width: 0px) and (max-width: 576px) {
	#container {
		min-width:100%;
		width:100%;
		/*background:red;*/
		padding:0;
		margin:0;
	}
	.sp-w-100{
		width:100%;
	}
	.main {
		/*padding-top:140px;*/
	}

	.title_logo{
		width:90%!important;
	}
	.breadcrumb-m {
		/*padding-bottom:55px;*/
	}
	.menu-fleft{
		width:50%;
	}
	.menu-fright{
		width:50%;
	}
	.user {
		position:fixed;
		top: 8px;
		right:100px;
		font-size:11px;
		width:140px;
	}
	.logout{
		display:none;
	}
	.navbar-brand img{
		width:100%;
	}
	/*
	.nav-item{
		border-radius: 0;
		border-bottom:1px dotted #000;
	}
	*/
	.btn-lg{
		width:100%;
		margin-bottom:5px;
	}
	/* コンテナ側の設定 */
	.pg-container {
		grid-template-columns: 1fr;
		grid-template-areas:
		"pg"
		"line";
		margin-bottom:10px;
	}
	.tblbox{
		overflow-x: scroll;
	}
	.tbl-lst {
		overflow:auto;
		width:1200px;
	}
	.tbl-lst thead th {
		top: 0px;
	}

	.edt-container {
		grid-template-columns: 1fr;
	}
	/*1列*/
	.edt-container-1 {
		grid-template-columns: 1fr;
	}
	.edt-th {
		border-right:1px solid #9494B2;
		border-bottom:0;
		border-top:0;
		height:auto;
	}
	.edt-td {
		border-right:1px solid #9494B2;
	}
	.edt-th-1-t {
		border-top:1px solid #9494B2;
	}
	.edt-td-1-t {
		border-top:1px solid #9494B2;
	}
	.edt-td-2-t {
		border-top:0;
	}
	.edt-td-0-t {
		border-top:1px solid #9494B2;
	}
	.edt-dmy {
		display: none;
	}
	.s-container {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	.btn-100 {
		width:100%;
	}
	#infoarea{
		margin: 3em auto;
		padding: 1em;
	}
/*テーブルみたいなグリッド SP2列*/
.lst-container {
  grid-template-columns: 1fr;

}
.lst-row {

}
.lst_i1-1{
	grid-column:1 / span 1;
}
.lst_i1-2{
	grid-column:1 / span 1;
}
.lst_i1-3{
	grid-column:1 / span 1;
}
.lst_i1-4{
	grid-column:1 / span 1;
}
.lst_i1-5{
	grid-column:1 / span 1;
}
.lst_i2{
	grid-column:1 / span 1;
}
.lst-td {
	border-bottom:1px solid #A5A5A5;
	border-left: solid 1px #A5A5A5;
	border-right: solid 1px #A5A5A5;
}

.lst-th {
  display:none;
}
.lst-top_sp{
	margin-top:10px;
	border-top:1px solid #A5A5A5;
}
.lst-th_sp {
  display:block;
  padding: 4px;
  text-align: center;

  border-bottom: solid 1px #A5A5A5;
  border-left: solid 1px #A5A5A5;
  border-right: solid 1px #A5A5A5;
  background:#CCD6EA;
}

}

@media (min-width: 576px) and (max-width: 768px) {
	#container {
		min-width:100%;
		width:100%;
		/*background:green;*/
		padding:0;
		margin:0;
	}

	.user {
		position:fixed;
		top: 5px;
		right:100px;
	}
	.logout{
		display:none;
	}
	.nav-item{
		border-radius: 0;
		border-bottom:1px dotted #000;
	}
	.btn-lg{
		width:100%;
		margin-bottom:5px;
	}
	/* コンテナ側の設定 */
	.pg-container {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
		"pg pg"
		"cnt line";
		margin-bottom:10px;
	}
	.tblbox{
		overflow-x: scroll;
		overflow-y: visible;
	}
	.tbl-lst {
		/*overflow:auto;*/
		width:934px;
	}
	.tbl-lst thead th {
		top: 0px;
	}
	/*2列*/
	.edt-container {
		grid-template-columns: 120px 1fr;
	}
	/*1列*/
	.edt-container-1 {
		grid-template-columns: 160px 1fr;
	}
	.edt-th {
		border-top:0;
		height:auto;
	}
	.edt-td {
		border-right:1px solid #9494B2;
	}
	.edt-th-1-t {
		border-top:1px solid #9494B2;
	}
	.edt-td-1-t {
		border-top:1px solid #9494B2;
	}
	.edt-td-2-t {
		border-top:0;
	}
	.edt-dmy {
		display: none;
	}
	.s-container {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	
}
@media (min-width: 768px) and (max-width: 1200px) {
	#container {
		min-width:100%;
		width:100%;
		/*background:blue;*/
	}
	.user {
		top: 60px;
		right:20px;
	}
	.logout{
		display:none;
	}
	/*
	.nav-item{
		border-radius: 0;
		border-bottom:1px dotted #000;
	}
	*/
	.edt-container {
		grid-template-columns: 120px 1fr;
	}
	.edt-th {
		border-top:0;
		height:auto;
	}
	.edt-td {
		border-right:1px solid #9494B2;
	}
	.edt-th-1-t {
		border-top:1px solid #9494B2;
	}
	.edt-td-1-t {
		border-top:1px solid #9494B2;
	}
	.edt-td-2-t {
		border-top:0;
	}
	.edt-dmy {
		display: none;
	}

}
@media (min-width: 768px) and (max-width: 992px) {
	#container {
		/*background:blue;*/
	}
	.s-container {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.tblbox{
		overflow-x: scroll;
	}
	.tbl-lst {
		overflow:auto;
		width:934px;
	}
	.tbl-lst thead th {
		top: 0px;
	}
	.user {
		position:fixed;
		top: 5px;
		right:100px;
	}
}
@media (min-width: 993px) and (max-width: 1200px) {
	#container {
		/*background:blue;*/
	}
	.s-container {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.menu-fleft{
		width:30%;
	}
	.menu-fright{
		width:70%;
	}
	.navbar-brand img{
		width:70%;
	}
	.user {
		position:fixed;
		top: 45px;
		right:20px;
	}
}
@media (min-width: 1200px) and (max-width: 1600px) {
	.sp {
		display: none;
	}
	#container {
		min-width:100%;
		width:100%;
		/*background:red;*/
	}
	.s-container {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (min-width: 1600px) {
	.sp {
		display: none;
	}
}
@media (min-width: 0px) and (max-width: 1119.98px) {
	/*login
	-----------------------------------------------------------------------------*/
	.form-wrapper {
		width: 90%;
	}
	.form-wrapper img{

	}
	.form-item {
		margin-bottom: 0.75em;
		width: 100%;
	}

	.form-item input {

		height: 50px;
		transition: border-color 0.3s;
		width: 100%;
	}

	.form-item input:focus {
		border-bottom: 2px solid #c0c0c0;
		outline: none;
	}

	.button-panel {
		margin: 2em 0 0;
		width: 100%;
	}
}