@charset "UTF-8";
/* CSS Document */
/*******************************************************

入札執行予定（予定日一覧）

********************************************************/
/*縦並び（ヘッダー含む
----------------------------------------------*/
.nyuusatu_yotei_ichiran_flex{
	  display: flex;
	flex-direction: column;
  width: 100%;
	max-width: 500px;
	
}
/*ヘッダー
----------------------------------------------*/
.nyuusatu_yotei_ichiran_flex .header {
  width: 100%;
	text-align: center;
  border-bottom: solid 2px #8CDAA8;
	margin-bottom: 10px;
  padding: 6px 8px;
	  box-sizing: border-box;
  background-color: #C6F1D6;

}

/* ==============================================
ボタン小　幅フリー
=============================================== */
/*テーブル内のボタン----------------------------*/

.nyuusatu_yotei_ichiran_flex a{
	text-decoration: none;
	color: #44A01B;
}
.nyuusatu_yotei_ichiran_flex .btn_s{
		margin:0px auto 0 auto;
  width: 100%;
  text-align: center;
  padding: 6px 6px;
	margin-bottom: 20px;
  /*cursor: pointer;*/
  border-radius: 4px;
  /*background-color: #94F2A4;*/
  border: solid 1px #54BF66;
  transition: 0.5s; /*hover処理の時間*/
}
.nyuusatu_yotei_ichiran_flex .btn_s:hover{
	 background-color: #5AB4BD;
  color: #ffffff;
}
/*******************************************************

入札執行予定（詳細）

********************************************************/

/*入札執行予定日
------------------------------------------------*/
.yoteibi{
	padding-left: 3%;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-size: 16px;
	border: solid 0px;
}
.yoteibi span{
	color: #3D9C61;
	font-size: 14px;
}
@media (max-width: 749px) {
	.yoteibi{
	padding-left: 0%;
}
}
/*.yoteibi::before{
	content:"●入札執行予定日";
	color: #7FB995;
}*/
/*各データ縦並び*/
.nyuusatu_yotei_sikkou_flex{
	display: flex;
	flex-direction: column;
}
/*ヘッダーの仕様
------------------------------------------------*/
.nyuusatu_yotei_sikkou_flex .header{
	  border-bottom: solid 1px #8CDAA8;
  background-color: #C6F1D6;
	font-weight: bold;
}

/*1行分の仕様
------------------------------------------------*/
.nyuusatu_yotei_sikkou_flex .line_flex{
	width: 100%;
	display: flex;
	/*align-items: center;*//*天池中央*/
	align-items: stretch;/*高さ長いのに合わせる*/
 border-top: solid 1px #8CDAA8;
}
@media (max-width: 749px) {
	.nyuusatu_yotei_sikkou_flex .line_flex{
			flex-direction: column;
		text-align: left;
		align-items: start;
		 border-top: solid 1px #8CDAA8;
	}

}
/*最後の1行分*/
.nyuusatu_yotei_sikkou_flex .line_flex:last-child{
	 border-bottom: solid 1px #8CDAA8;
}

/*各項目の仕様
------------------------------------------------*/
/*各項目の余白と文字位置調整*/
.nyuusatu_yotei_sikkou_flex .td01,/*順序*/
.nyuusatu_yotei_sikkou_flex .td02,/*課名*/
.nyuusatu_yotei_sikkou_flex .td03-1,/*件名*/
.nyuusatu_yotei_sikkou_flex .td03-2,/*工事場所*/
.nyuusatu_yotei_sikkou_flex .td04{/*完成納入期限*/
		padding: 4px 8px;
	box-sizing: border-box;
/*line_flexで（align-items: stretch*高さ長いのに合わせる）としているため、
	文字がtopになる。flexで中央に調整*/
	 display: flex;
  justify-content: flex-start;/*左寄せ*/
  align-items: center;/*天池中央*/
}
@media (max-width: 749px) {
/*各項目の余白と文字位置調整*/
.nyuusatu_yotei_sikkou_flex .td{
			padding: 4px;
/*line_flexで（align-items: stretch*高さ長いのに合わせる）としているため、
	文字がtopになる。flexで中央に調整*/
	 display:block;
  justify-content: flex-start;/*左寄せ*/
  align-items: flex-start;/*天池中央*/
}
}
/*順序*/
.nyuusatu_yotei_sikkou_flex .line_flex .td01{
	width: 50px;
border-right: solid 1px #8CDAA8;
}
@media (max-width: 749px) {
	.nyuusatu_yotei_sikkou_flex .line_flex .td01{
			width: 100%;
border-right: solid 0px #8CDAA8;
	}
}
/*課名*/
.nyuusatu_yotei_sikkou_flex .line_flex .td02{
	width: 200px;
	/*border-right:solid 1px #8CDAA8;*/
}
@media (max-width: 749px) {
	.nyuusatu_yotei_sikkou_flex .line_flex .td02{
		width: 100%;
	}
}
/*件名　　工事場所
------------------------------------------------------*/
.nyuusatu_yotei_sikkou_flex .line_flex .clum2_flex{
	width: 100%;
	flex: 1;/*幅可変*/
	display: flex;
		flex-direction: column;
border-right:solid 1px #8CDAA8;
border-left:solid 1px #8CDAA8;
}
@media (max-width: 749px){
	.nyuusatu_yotei_sikkou_flex .line_flex .clum2_flex{
		border-right:solid 0px #8CDAA8;
border-left:solid 0px #8CDAA8;
	}
}
/*件名*/
.nyuusatu_yotei_sikkou_flex .line_flex .td03-1{
 border-bottom: solid 1px #8CDAA8;
}
@media (max-width: 749px){
	.nyuusatu_yotei_sikkou_flex .line_flex .td03-1{
		 border-bottom: solid 0px #8CDAA8;
	}
}
/*完成納入期限*/
.nyuusatu_yotei_sikkou_flex .line_flex .td04{
	width: 120px;
/*border-right: solid 1px #8CDAA8;*/
}
@media (max-width: 749px){
	.nyuusatu_yotei_sikkou_flex .line_flex .td04{
		width: 100%;
		/*border-right: solid 0px #8CDAA8;*/
	}

}
@media (max-width: 749px){
	  /* tdに設定したaria-label を表示する */
.nyuusatu_yotei_sikkou_flex .td::before {
    content: attr(aria-label); /* tdに設定した */
    display: inline-block;
    /*font-weight: bold;*/
    width: 100px;
    text-align: justify; /* 両端揃え(均等割り付け) */
    text-justify: inter-ideograph; /* IE用 文章均等割り付け */
    padding-right: 0px;
	border: solid 0px;
    /* white-space: nowrap;*/
  }
	}
/* ディバイスサイズ設定
============================================= */


@media (max-width: 749px) {


/*ヘッダーの仕様
------------------------------------------------*/
	.nyuusatu_yotei_sikkou_flex .header{
		display: none;
	}

	}


/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {}