@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ドライバー画面
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
回収一覧
-------------------------------------------------------------*/
body.CollectList a.btnDone { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; font-family: system-ui; height: 28px; padding: 1px 10px 0; color: #FFF; background-color: #63BCBC; }
body.CollectList a.btnNotyet { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; font-family: system-ui; height: 28px; padding: 1px 10px 0; color: #FFF; background-color: #C1C1C1; }
body.CollectList a.btnDone span,
body.CollectList a.btnNotyet span { background: url("../images/ico_collect_wt.svg") no-repeat left 0 center; background-size: 16px 12px; padding: 0 0 1px 23px; font-weight: bold; }


/*-------------------------------------------------------------
スマホ用
-------------------------------------------------------------*/
@media screen and (max-width: 779px) {
	body.CollectList { overflow: hidden; }
	#main.collectList { padding: 10px; } 
  #main.collectList h2 { font-size: 16px; }
	#main.collectList .upperBox { margin-bottom: 5px; }
	#main.collectList .upperBox a.btnSearch.active { background-color: #F5F6FA !important; }
	#main.collectList .upperBox + .searchBox { max-width: 100%; background-color: #F5F6FA; padding: 10px; position: relative; z-index: 1; }
	#main.collectList .searchBox .formOuter { padding: 0 10px 10px; background-color: #FFF; }
	#main.collectList .searchBox .formGroup { padding: 0; }
	#main.collectList .searchBox .formGroup a.calendar { width: 16px; height: 16px; background-size: 16px 16px; }
	#main.collectList .searchBox .btnBox { margin-top: 5px; }
	#main.collectList .contUpperArea { background-color: #FFF; padding: 10px 10px 0; display: flex; justify-content: space-between; align-items: center; }
	#main.collectList .contUpperArea .dateBox { font-size: 12px; font-weight: bold; }
	#main.collectList .contUpperArea .labelBox > span { display: inline-block; padding: 3px 8px; border-radius: 3px; color: #FFF; font-weight: bold; }
	#main.collectList .contUpperArea .labelBox > span:nth-of-type(2) { margin-left: 5px; }
	#main.collectList .contUpperArea .labelBox > span.notYet { background-color: #FFCA83; }
	#main.collectList .contUpperArea .labelBox > span.done { background-color: #4AD991; }
	#main.collectList .scrollTableOuter { border: none; }
	#main.collectList .scrollTableOuter .collectListArea .eachListBox { border-top: 1px solid #DDD; border-left: 5px solid #C1C1C1; }
  #main.collectList .scrollTableOuter .collectListArea .eachListBox:last-of-type { /*margin-bottom: 70px;*/ }
  #main.collectList .scrollTableOuter .collectListArea .eachListBox.collectNotyet { border-left: 5px solid #FFCA83; }
	#main.collectList .scrollTableOuter .collectListArea .eachListBox.collectDone { border-left: 5px solid #4AD991; }
	#main.collectList .scrollTableOuter .collectListArea .eachListBox.updateItem { position: relative; }
  #main.collectList .scrollTableOuter .collectListArea .eachListBox.updateItem:before { content: ""; position: absolute; top: -1px; left: -5px; border-left: 30px solid #FD6B6A; border-bottom: 30px solid transparent; }
	/*#main.collectList .scrollTableOuter .collectListArea .eachListBox.collectNotyet.updateItem:before { content: ""; position: absolute; top: -1px; left: -5px; border-left: 35px solid #FFCA83; border-bottom: 35px solid transparent; }
	#main.collectList .scrollTableOuter .collectListArea .eachListBox.collectDone.updateItem:before { content: ""; position: absolute; top: -1px; left: -5px; border-left: 35px solid #4AD991; border-bottom: 35px solid transparent; }*/
	#main.collectList .scrollTableOuter .collectListArea .eachListBox:not(:last-of-type) { margin-bottom: 10px; }
	#main.collectList .scrollTableOuter .collectListArea .eachListBox:not(:last-of-type) { margin-bottom: 10px; }
	#main.collectList table.collectListTable { border-collapse: collapse; table-layout: fixed;　margin: 0; padding: 0; width: 100%; }
	#main.collectList table.collectListTable th,
	#main.collectList table.collectListTable td { padding: 5px 10px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
	#main.collectList table.collectListTable th { background-color: #F5F6FA; color: #838691; width: 80px; }
	#main.collectList table.collectListTable.nameOuter div.nameKana { padding: 3px 8px; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; height: 18px; font-size: 10px; }
	#main.collectList table.collectListTable.nameOuter div.name { padding: 8px 10px; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; height: 19px; }
	#main.collectList .checkBtnBox label.checkBtnS:not(:last-of-type) { margin-right: 3px; }
	#main.collectList .imgArea1 { display: flex; width: 100%; box-sizing: border-box; }
	#main.collectList .imgArea1 .imgBox { width: calc((100% - 5px) / 2); }
	#main.collectList .imgArea1 > .imgBox:nth-of-type(1) { margin-right: 5px; }
	#main.collectList .imgArea1 .imgBox p.formTitle { padding-bottom: 5px; }
	#main.collectList .imgArea1 .imgBox .partsBox { height: 120px; max-height: 120px; background-color: #EEE; border: 1px solid #DDD; box-sizing: border-box; }
	#main.collectList .imgArea1 .imgBox .swiper-container { width: 100% !important; height: 100%; }
	#main.collectList .imgArea1 .imgBox .swiper-container .formGroup { padding-bottom: 0 !important; }
	#main.collectList .imgArea1 .imgBox .swiper-container .formGroup > .inner { height: 100%; max-height: 100%; }
	#main.collectList .imgArea1 .imgBox .swiper-container .formGroup > .inner img { height: 100%; width: auto; }
	#main.collectList .imgArea2 { display: flex; width: 100%; box-sizing: border-box; }
	#main.collectList .imgArea2 .imgBox { width: 100%; }
	#main.collectList .imgArea2 .imgBox p.formTitle { display: flex; align-items: center; }
	#main.collectList .imgArea2 .imgBox .partsBox { height: 120px; max-height: 120px; background-color: #EEE; border: 1px solid #DDD; box-sizing: border-box; }
	#main.collectList .imgArea2 .imgBox .swiper-container { width: 100% !important; height: 100%; background-color: #FFF; }
	#main.collectList .imgArea2 .imgBox .swiper-container .formGroup { padding-bottom: 0 !important; }
	#main.collectList .imgArea2 .imgBox .swiper-container .formGroup > .inner { height: 100%; max-height: 100%; width: calc((100% - 5px) / 2) !important; background-color: #EEE; box-sizing: border-box; }
	#main.collectList .imgArea2 .imgBox .swiper-container .formGroup > .inner:nth-of-type(odd) { margin-right: 5px; }
	#main.collectList .imgArea2 .imgBox .swiper-container .formGroup > .inner img { height: 100%; width: auto; }
	#main.collectList .addressArea { display: flex; width: 100%; box-sizing: border-box; }
	#main.collectList .addressArea .col1 { flex: 1; padding-right: 5px; margin-right: 8px; border-right: 1px solid #EEE; }
	#main.collectList .addressArea .col1 a { text-decoration: none; }
	#main.collectList .addressArea .col2 { display: flex; align-items: center; }
	#main.collectList a.detailOpen { padding: 8px 10px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
	#main.collectList a.detailClose { padding: 8px 10px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
	#main.collectList .collectBtnOuter { padding: 3px 10px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
	#main.collectList a.btnDone { display: flex; align-items: center; justify-content: center; text-decoration: none; background-color: #63BCBC; color: #FFF; width: calc(100% - 20px); height: 31px; border-radius: 3px; transition: opacity ease 0.3s; }
	#main.collectList a.btnNotyet { display: flex; align-items: center; justify-content: center; text-decoration: none; background-color: #C1C1C1; color: #FFF; width: calc(100% - 20px); height: 31px; border-radius: 3px; transition: opacity ease 0.3s; }
	#main.collectList a.btnDone span,
	#main.collectList a.btnNotyet span { background: url("../images/ico_collect_wt.svg") no-repeat left 0 center; background-size: 16px 12px; padding: 0 0 1px 23px; font-weight: bold; }
}
@media screen and (max-width: 350px) {
  #main.collectList table.collectListTable th, #main.collectList table.collectListTable td { padding: 5px; }
  #main.collectList .imgArea1 .imgBox p.formTitle,
  #main.collectList .imgArea2 .imgBox p.formTitle { font-size: 11px; }
  #main.collectList .checkBtnBox label.checkBtnS { font-size: 10px; white-space: nowrap; }
}