@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
モーダル
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

html.mdlContents,
body.mdlDisplay,
body.mdlDisplay #wrapper { overflow: hidden; }


/*-------------------------------------------------------------
フルサイズ
-------------------------------------------------------------*/
.modalOuter { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100%; z-index: 1002; background-color: rgba(255, 255, 255, .9); }
.modalOuter .modalWindow { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; }
/*.modalOuter .modalWindow > .inner {  display: grid; grid-template-columns: 100%; grid-template-rows: auto 1fr auto; grid-template-areas: "colHeader" "colBody" "colFooter"; width: 100%; height: 100%; box-shadow: 0 0 18px 9px rgba(0, 0, 0, 0.13); background-color: #FFF; }
.modalOuter .modalWindow .headBox { grid-area: colHeader; }
.modalOuter .modalWindow .scrollArea { grid-area: colBody; }
.modalOuter .modalWindow .bottomBox { grid-area: colFooter; }*/
.modalOuter .modalWindow > .inner {  display: -ms-grid;  display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; -ms-grid-rows: auto 1fr auto; grid-template-rows: auto 1fr auto; grid-template-areas: "colHeader" "colBody" "colFooter"; width: 100%; height: 100%; -webkit-box-shadow: 0 0 18px 9px rgba(0, 0, 0, 0.13); box-shadow: 0 0 18px 9px rgba(0, 0, 0, 0.13); background-color: #FFF; }
.modalOuter .modalWindow .headBox { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: colHeader; }
.modalOuter .modalWindow .scrollArea { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: colBody; }
.modalOuter .modalWindow .bottomBox { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: colFooter; }
.modalOuter .modalWindow .scrollArea { box-sizing: border-box; background-color: #F5F6FA; }
.modalOuter .modalWindow .scrollArea > .outerBox { height: 100%; box-sizing: border-box; background-color: #FFF; position: relative; }
.modalOuter .modalWindow .scrollArea > .outerBox > .scrollBox { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #FFF; }
.modalOuter .modalWindow .scrollArea > .outerBox.boxGradation:after { display: none; }
.modalOuter .modalWindow .content { margin-top: 0; padding: 0; height: 100%; border: none; background-color: #FFF; }
.modalOuter .modalWindow .content > .inner { background-color: #FFF; height: 100%; }
.modalOuter .modalWindow .content > .inner #main { height: 100%; }
.modalOuter .modalWindow .content > .inner .upperBox {  padding: 5px; background-color: #FFF; }
.modalOuter .modalWindow .content > .inner .searchBox { margin-bottom: 0; max-width: unset; }
.modalOuter .modalWindow .btnBox { padding: 0 20px 20px 20px; background-color: #FFF; }
.modalOuter .modalWindow .headBox { position: relative; display: flex; width: 100%; justify-content: space-between; height: 40px; background-color: #3B4043; }
.modalOuter .modalWindow .headBox h1 { display: inline-flex; color: #FFF; font-size: 1.2em; font-family: system-ui; align-items: center; padding: 0 20px; }
.modalOuter .modalWindow .headBox a.btnClose { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; border-left-width: 1px; border-left-style: solid; border-left-color: #999; transition: background-color ease 0.3s; }
.modalOuter .modalWindow .headBox a.btnClose span { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; background-image: url("../images/ico_close.svg"); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; }
.modalOuter .modalWindow .headBox a.btnClose:hover { background-color: #818181; }
.modalOuter .modalWindow .bottomBox { display: flex; width: 100%; justify-content: space-between; align-items: center; height: 60px; background-color: #FFF; }
.modalOuter .modalWindow .bottomBox .btnDel,
.modalOuter .modalWindow .bottomBox .btnArchive,
.modalOuter .modalWindow .bottomBox .btnEdit,
.modalOuter .modalWindow .bottomBox .btnPhotograph { font-size: 1.1em; }
.modalOuter .modalWindow .bottomBox .lt { padding-left: 15px; }
.modalOuter .modalWindow .bottomBox .rt { padding-right: 15px; }
.modalOuter .modalWindow .ttlSelf { align-self: flex-start; padding-top: 3px; }
.modalOuter .formGroup .ex { display: inline-flex; flex-direction: column; background-color: #F5F6FA; padding: 20px; }
.modalOuter .formGroup .ex span { color: #FF6565; }
.modalOuter > .checkBtnBox label.checkBtn { margin-right: 5px; padding: 0 11px; height: 25px; display: inline-flex; align-items: center; box-sizing: border-box; line-height: 1em; border-radius: 3px; border-width: 1px; border-style: solid; transition: 0.3s; border-color: #CCC; }
.modalOuter > .checkBtnBox input[type="checkbox"] + label.checkBtn { padding: 0 11px; }
.modalOuter > .checkBtnBox input[type="checkbox"] + label.checkBtn:hover { border-color: #AAA;  background-color: #AAA; color: #FFF; padding: 0 11px; }
.modalOuter > .checkBtnBox input[type="checkbox"]:checked + label.checkBtn { border-color: #AAA;  background-color: #AAA; color: #FFF; }
.modalOuter > input[type="text"].calendar { width: 127px; }
.modalOuter > input[type="text"].calendar:hover { opacity: 0.7; }


/*-------------------------------------------------------------
Sサイズ
-------------------------------------------------------------*/
.modalOuter.modalSizeS .modalWindow > .inner { max-width: 1280px; height: 80%; margin: 30px; }
.modalOuter.modalSizeS .modalWindow .scrollArea { padding: 15px; }
.modalOuter.modalSizeS .modalWindow .scrollArea .outerBox .scrollBox { padding: 25px; }
.modalOuter.modalSizeS .modalWindow .box .col { margin-left: 40px; }
.modalOuter.modalSizeS .modalWindow .box .col:first-child { margin-left: 0; }
.modalOuter.modalSizeS .formGroup { padding-bottom: 20px; }
.modalOuter.modalSizeS .formInlineLine { display: flex; flex-direction: column; }
.modalOuter.modalSizeS .formBlockLine p.formTitle { padding-bottom: 10px; font-size: 1em; line-height: 1em; color: #000; display: flex; align-items: center; }
.modalOuter.modalSizeS .formBlockLine p.impText { width: calc(100% - 20px); word-wrap: break-word; }


/*-------------------------------------------------------------
SSサイズ
-------------------------------------------------------------*/
.modalOuter.modalSizeSS .modalWindow > .inner { max-width: 712px; height: 90%; margin: 30px; }
.modalOuter.modalSizeSS .modalWindow .scrollArea { padding: 15px; }
.modalOuter.modalSizeSS .modalWindow .scrollArea .outerBox .scrollBox { padding: 25px; }
.modalOuter.modalSizeSS .modalWindow .scrollArea .outerBox.boxGradation:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; display: block; width: 100%; height: 15px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 20%, rgba(255, 255, 255, 1) 100%); z-index: 2; }
.modalOuter.modalSizeSS .modalWindow .scrollArea .outerBox .scrollBox .formTitle { text-align: left; }
.modalOuter.modalSizeSS .modalWindow .scrollArea .outerBox .scrollBox .partsBox .searchBox + .inner { display: block; }
.modalOuter.modalSizeSS .formGroup { padding-bottom: 20px; }

/*-------------------------------------------------------------
XSサイズ
-------------------------------------------------------------*/
.modalOuter.modalSizeXS { overflow-y: auto; }
.modalOuter.modalSizeXS::-webkit-scrollbar { display:none; }
.modalOuter.modalSizeXS .modalWindow > .inner { max-width: 600px; height: auto; max-height: 100%; margin: 30px; }
.modalOuter.modalSizeXS .modalWindow .scrollArea { padding: 15px; height: auto; }
.modalOuter.modalSizeXS .modalWindow .scrollArea > .outerBox { height: auto; }
.modalOuter.modalSizeXS .modalWindow .scrollArea .outerBox .scrollBox { padding: 25px; position: unset; height: auto; }
.modalOuter.modalSizeXS .modalWindow .scrollArea .outerBox.boxGradation:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; display: block; width: 100%; height: 15px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 20%, rgba(255, 255, 255, 1) 100%); z-index: 2; }
.modalOuter.modalSizeXS .modalWindow .content { max-height: 320px; }
.modalOuter.modalSizeXS .modalWindow .scrollArea .outerBox .scrollBox .formTitle { text-align: left; }
.modalOuter.modalSizeXS .modalWindow .scrollArea .outerBox .scrollBox .partsBox .searchBox + .inner { display: block; }
.modalOuter.modalSizeXS .formGroup { padding-bottom: 20px; }


/*-------------------------------------------------------------
テーブル
-------------------------------------------------------------*/
.modalOuter .contentsArea { height: 100%; box-sizing: border-box; }
.modalOuter .contentsArea > .headerBox { -ms-grid-row: 1; -ms-grid-column: 1;grid-area: content1; /*overflow: hidden;*/ }
.modalOuter .contentsArea > .contentsBox { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: content2; position: relative; background-color: #FFF; }
.modalOuter .contentsArea > .contentsBox:before { content: ""; display: block; height: 100%; }
.modalOuter .contentsArea > .contentsBox > .scrollTableOuter { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; height: calc(100% - 20px) !important; width: calc(100% - 20px) !important; box-sizing: border-box; }


/*-------------------------------------------------------------
アラート用
-------------------------------------------------------------*/
.alertOuter { position: fixed; top: 0; left: 0; width: 100vw; height: 100%; z-index: 999999; background-color: rgba(255, 255, 255, .9); }
.alertOuter .alertWindow { position: relative; width: 100vw; height: 100%; display: flex; align-items: center; justify-content: center; }
.alertOuter .alertWindow > .inner { position: absolute; top: 20%; right: 0; left: 0; width: 500px; max-width: 90%; margin: auto; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 0 18px 9px rgba(0, 0, 0, 0.13); background-color: #FFF; }
.alertOuter .alertWindow.wsizeL > .inner { width: 650px; top: unset; }
.alertOuter .alertWindow.wsizeXL > .inner { width: 850px; top: unset; }
.alertOuter .alertWindow a.btnClose { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; }
.alertOuter .alertWindow a.btnClose span { position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; background-image: url("../images/ico_close.svg"); background-repeat: no-repeat; background-position: center center; text-indent: -9999px; transition: all 0.2s; }
.alertOuter .alertWindow a.btnClose span:hover { opacity: 0.7; }
.alertOuter .alertWindow .btnBox { padding: 0 20px 20px 20px; background-color: #FFF; }
.alertOuter .alertHeadBox { flex: 0 0 40px; display: flex; width: 100%; justify-content: space-between; height: 40px; background-color: #63BCBC; }
.alertOuter .alertHeadBox.errorTtl { background-color: #FC6565 !important; }
.alertOuter .alertHeadBox h1 { display: inline-flex; color: #FFF; font-size: 1.3em; font-family: system-ui; align-items: center; padding: 0 20px; }
.alertOuter .alertTextBox { padding: 40px; }
.alertOuter .alertTextBox .textTtl { display: flex; align-items: center; font-weight: bold; margin-bottom: 10px; }
.alertOuter .alertTextBox .textTtl span.errorIcoS { display: block; width: 26px; min-width: 26px; height: 26px; margin-right: 10px; background-image: url("../images/ico_error_s.svg"); background-repeat: no-repeat; background-position: center center; background-size: 26px 26px; text-indent: -9999px; }
.alertOuter .alertBtnBox { flex: 0 0 60px; display: flex; width: 100%; justify-content: center; align-items: center; height: 60px; background-color: #F5F6FA; }
.alertOuter .alertBtnBox .btnDel,
.alertOuter .alertBtnBox .btnArchive,
.alertOuter .alertBtnBox .btnEdit { font-size: 1.1em; }
.alertOuter .alertBtnBox .btnYes { position: relative; text-decoration: none !important; line-height: 1em; 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: 1.2em; /*width: 80px;*/ padding: 0 20px; height: 38px; color: #FFF; background-color: #3B4043; }
.alertOuter .alertBtnBox .btnYes:hover { opacity: 0.7; }
.alertOuter .alertBtnBox .btnNo { position: relative; text-decoration: none !important; line-height: 1em; 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: 1.2em; /*width: 80px;*/ padding: 0 20px; height: 38px; color: #FFF; background-color: #AAA; }
.alertOuter .alertBtnBox .btnNo:hover { opacity: 0.7; }
.alertOuter .alertBtnBox .btnClose { position: relative; text-decoration: none !important; line-height: 1em; 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: 1.2em; width: 120px; height: 38px; color: #FFF; background-color: #AAA; }
.alertOuter .alertBtnBox .btnClose:hover { opacity: 0.7; }


/*-------------------------------------------------------------
自動入力設定用
-------------------------------------------------------------*/
.modalOuter .contentsArea.autoSetting {}
.modalOuter .contentsArea.autoSetting .headerBox .formGroup { display: flex; align-items: flex-start; margin-bottom: 20px; }
.modalOuter .contentsArea.autoSetting .headerBox .formGroup:first-of-type input[type="text"],
.modalOuter .contentsArea.autoSetting .headerBox .formGroup:first-of-type label.radioBtn { height: 25px; }
.modalOuter .contentsArea.autoSetting form { height: 100%; }
.modalOuter .contentsArea.autoSetting form .scrollArea { height: calc(100% - 158px); padding: 10px; }
.modalOuter .contentsArea.autoSetting form .scrollArea > .outerBox {} 
.modalOuter .contentsArea.autoSetting form .scrollArea > .outerBox > .scrollBox { padding: 20px; } 
.modalOuter .contentsArea.autoSetting form .scrollArea > .outerBox > .scrollBox > .box,
.modalOuter .contentsArea.autoSetting form .scrollArea > .outerBox > .scrollBox .col > .box:last-of-type { padding-bottom: 0; }
.modalOuter .contentsArea.autoSetting form .scrollArea > .outerBox > .scrollBox .col > .box2-1 > .col { padding: 20px; background-color: #F5F6FA; border: 1px solid #EEE; margin-left: 20px; }
.modalOuter .contentsArea.autoSetting form .scrollArea > .outerBox > .scrollBox .col > .box2-1 > .col:first-of-type { margin-left: 0; }
.modalOuter .contentsArea.autoSetting form .scrollArea > .outerBox > .scrollBox .col > .box2-1 .col .inner > p.formTitle { font-size: 1.3em; font-weight: bold; font-family: system-ui; color: #43425D; padding-bottom: 20px; }
.modalOuter .contentsArea.autoSetting form .scrollArea > .outerBox > .scrollBox .col > .box1-1 .col { padding: 0 0 0 20px; }


/*-------------------------------------------------------------
リスト表示用
-------------------------------------------------------------*/
.modalOuter .scrollBox #colMain { min-height: auto; height: calc(100% + 40px); width: calc(100%  + 40px); margin: -15px 0 0 -20px; }
.modalOuter .scrollBox #colMain #main[class$="List"] { padding: 0; }
.modalOuter .scrollBox #colMain #main[class$="List"] .upperBox { margin-bottom: 0px !important; padding: 0 10px; }
.modalOuter .scrollBox #colMain #main[class$="List"] a.btnSearch.active { background-color: #F5F6FA !important; }
.modalOuter .scrollBox #colMain #main[class$="List"] .searchBox { padding: 0 10px; background-color: #FFF; box-sizing: border-box; }
.modalOuter .scrollBox #colMain #main[class$="List"] .searchBox .col { padding: 10px; background-color: #F5F6FA; }
.modalOuter .scrollBox #colMain #main[class$="List"] .a.btnSearch.active { background-color: #F5F6FA !important; }
.modalOuter .scrollBox #colMain #main[class$="List"] .a.btnSearch.active:hover { opacity: 1; }
.modalOuter .scrollBox #colMain #main[class$="List"] input[type="button"] { 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: opacity ease 0.2s; border: 0; font-size: 1em; padding: 0 10px; height: 28px; color: #FFF; background-color: #63BCBC; }
.modalOuter .scrollBox #colMain #main[class$="List"] input[type="button"]:hover { opacity: 0.7; }

.modalOuter.nomal .scrollBox #colMain { height: 100%; width: 100%; margin: 0; }
.modalOuter.nomal .scrollBox #colMain #main[class$="List"] { padding: 10px; }
.modalOuter.nomal .scrollBox #colMain #main[class$="List"] .upperBox { padding: 20px 10px 0; }
.modalOuter.nomal .scrollBox #colMain #main[class$="List"] input[type="button"] { height: 38px; }
.modalOuter.nomal .scrollBox #colMain #main[class$="List"] input[type="button"].btnRefine { background-color:#6A7277 !important; }
.modalOuter.nomal .scrollBox #colMain #main[class$="List"] input[type="button"].btnSearch { background-color: #3B4043 !important; padding: 0 0 0 2em; }
.modalOuter.nomal .scrollBox #colMain #main[class$="List"] input[type="button"].btnCsv { background-color: #106B37 !important; padding: 0 15px 0 37px; }
.modalOuter.nomal .scrollBox #colMain #main[class$="List"] input[type="button"].btnDel { background-color: #FF6565 !important; }
.modalOuter.nomal .modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox .scrollTableOuter { height: 100% !important; }

/*-------------------------------------------------------------
カメラ用
-------------------------------------------------------------*/
.modalOuter.camera {}
.modalOuter.camera .modalWindow .content > .inner #camera { background-color: #F5F6FA; }
@media screen and (max-width: 779px) {
	.modalOuter.camera .modalWindow .bottomBox .inner.lt { display: none; }
	.modalOuter.camera .modalWindow .bottomBox .inner.rt { width: 100%; padding: 0 10px; box-sizing: border-box; }
	.modalOuter.camera .modalWindow .bottomBox .inner button { width: calc((100% - 18px) / 3); }
}

/*-------------------------------------------------------------
ボタン用
-------------------------------------------------------------*/
.modalOuter button[name="cancelBtn"].btnArchive { background-color: #C1C1C1; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
詳細検索モーダル
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.modalSearch {}
.modalSearch .modalWindow .scrollArea { position: relative; }
/*.modalSearch .modalWindow .scrollArea > .inner { display: grid; grid-template-columns: 40% 60%; grid-template-rows: auto 1fr; grid-template-areas: "searchCol1 searchCol1" "searchCol2 searchCol3"; }
.modalSearch .modalWindow .scrollArea > .inner .col1 { grid-area: searchCol1; }
.modalSearch .modalWindow .scrollArea > .inner .col2 { grid-area: searchCol2; }
.modalSearch .modalWindow .scrollArea > .inner .col3 { grid-area: searchCol3; }*/
.modalSearch .modalWindow .scrollArea > .inner { display: -ms-grid; display: grid; -ms-grid-columns: 40% 60%; grid-template-columns: 40% 60%; -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; grid-template-areas: "searchCol1 searchCol1" "searchCol2 searchCol3"; }
.modalSearch .modalWindow .scrollArea > .inner .col1 { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: searchCol1; }
.modalSearch .modalWindow .scrollArea > .inner .col2 { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: searchCol2; }
.modalSearch .modalWindow .scrollArea > .inner .col3 { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: searchCol3; }
.modalSearch .modalWindow .scrollArea > .inner { height: 100%; padding: 25px; box-sizing: border-box; background-color: #FFF; }
.modalSearch .modalWindow .scrollArea > .inner .col1 { margin-bottom: 30px; }
.modalSearch .modalWindow .scrollArea > .inner .col2 { position: relative; margin-right: 40px; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox .scrollTableOuter { height: 100%; width: 100%; /*overflow-x: hidden;*/}
.modalSearch .modalWindow .scrollArea > .inner .col3 { position: relative; }
.modalSearch .modalWindow .scrollArea > .inner .col3 .contentsBox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; padding: 10px; box-sizing: border-box; background-color: #F5F6FA; }
.modalSearch .modalWindow .scrollArea > .inner .col3 .contentsBox .scrollOuter { height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; }
.modalSearch .modalWindow .scrollArea > .inner .col3 .contentsBox .scrollOuter .formGroupOuter { position: relative; overflow: hidden; box-sizing: border-box; border: none; }
.modalSearch .modalWindow .scrollArea > .inner .col3 .contentsBox .scrollOuter .formGroupOuter:last-of-type { margin-bottom: 0 !important; }
.modalSearch .modalWindow .scrollArea > .inner .col3 .contentsBox .scrollOuter .formGroupOuter:after { content: ""; display: block; width: 20px; height: calc(100% - 30px); position: absolute; top: 15px ;right: 15px; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
.modalSearch .modalWindow .scrollArea > .inner .col3 .contentsBox .scrollOuter .formGroupOuter .searchItemScrollArea { overflow-x: auto; box-sizing: border-box; padding: 3px; }
.modalSearch .modalWindow .scrollArea > .inner .col3 .contentsBox .scrollOuter .formGroupOuter .searchItemScrollArea .formGroup > .inner:last-of-type > .partsBox:last-of-type { margin-right: 15px; }
.modalSearch .modalWindow .scrollArea > .inner .col3 .searchBox.SizeS .extSearch { padding-top: 50px; }
.modalSearch .modalWindow .scrollArea > .inner .col3 .searchBox.SizeS .extSearch .searchResultBox .searchBox input.searchText { height: 25px; }
.modalSearch .modalWindow .scrollTableOuter,
.modalSearch .modalWindow .scrollTableOuter2 { border: none; }
.modalSearch .modalWindow .scrollTable th,
.modalSearch .modalWindow .scrollTable td { border: none; }
.modalSearch .modalWindow .scrollOuter { padding: 0; }
.modalSearch .modalWindow .bottomBox .lt { margin-right: 15px; }
.modalSearch .modalWindow .bottomBox .btnArchive,
.modalSearch .modalWindow .bottomBox .btnDel { width: 168px; }
.modalSearch .modalWindow .bottomBox .btnSearch { display: inline-block; width: 208px; height: 38px; padding-left: 30px; box-sizing: border-box; border-radius: 3px; background-color: #6A7277 !important; background-image: url("../images/ico_search_white.svg"); background-repeat: no-repeat; background-position: left 0.7em center; background-size: 16px 16px; font-size: 1.1em; font-weight: bold; color: #FFF; border: none; transition: opacity 0.2s; }
.modalSearch .modalWindow .bottomBox .btnSearch:hover { opacity: 0.6; }
.modalSearch .modalWindow .bottomBox #searchSettingUpd { padding-left: 30px !important; border-radius: 3px ;background-image: url("../images/ico_reload.svg") !important; background-repeat: no-repeat; background-position: left 0.7em center; background-size: 18px 18px; }
.modalSearch .modalWindow .bottomBox #searchSettingAdd { padding-left: 30px !important; border-radius: 3px ;background-image: url("../images/ico_plus_round.svg") !important; background-repeat: no-repeat; background-position: left 0.7em center; background-size: 16px 16px; }
.modalSearch .modalWindow .bottomBox #searchSettingShare { padding-left: 30px !important; border-radius: 3px ;background-image: url("../images/ico_share.svg") !important; background-repeat: no-repeat; background-position: left 0.7em center; background-size: 16px 16px; background-color: #55A8D0; }
.modalSearch .modalWindow .bottomBox #searchSettingShareUpd { padding-left: 30px !important; border-radius: 3px ;background-image: url("../images/ico_reload.svg") !important; background-repeat: no-repeat; background-position: left 0.7em center; background-size: 18px 18px; background-color: #55A8D0; }

.modalSearch .modalWindow input[type="text"].sortNum { width: 23px; height: 23px; padding: 0; text-align: center; }
.modalSearch .modalWindow input[type="text"].sortNum:disabled { opacity: 0; }
.modalSearch .modalWindow .btnSubL { height: 40px; }
.modalSearch .modalWindow .checkBtnBox label.checkBtn { padding: 0 11px; }
.modalSearch .modalWindow .checkBtnBox input[type="checkbox"] + label.checkBtn:hover,
.modalSearch .modalWindow .checkBtnBox input[type="checkbox"]:checked + label.checkBtn { padding: 0 10px; }
.modalSearch .modalWindow .formBlockLine .inner:nth-last-of-type(1) .partsBox { margin-right: 0; }
.modalSearch .modalWindow .formBlockLine .inner .searchBox { margin-bottom: 0; }
.modalSearch .modalWindow .calendarOuter > div.calendar { right: 5px; }
.modalSearch .modalWindow .select-wrap:after { right: 15px; }
.modalSearch .modalWindow a.move { display: block; width: 30px; height: 30px; margin: 0 auto; background-image: url("../images/ico_move.svg"); background-position: center center; background-repeat: no-repeat; background-size: 14px 12px; text-indent: -9999px; opacity: 0.5; cursor: grab; transition: opacity ease 0.2s; }
.modalSearch .modalWindow a.move:hover { opacity: 1; }
.modalSearch .modalWindow input[type="checkbox"].ind { display: none; }
.modalSearch .modalWindow input[type="checkbox"] + label.ind {}
.modalSearch .modalWindow input[type="checkbox"] + label.ind span { align-items: center; justify-content: center; width: 53px; height: 23px; border-radius: 3px; color: #FFF; font-weight: bold; font-size: 11px; line-height: 1; }
.modalSearch .modalWindow input[type="checkbox"] + label.ind span.visible { background-color: #55A8D0; }
.modalSearch .modalWindow input[type="checkbox"] + label.ind span.hidden { background-color: #C1C1C1; }
.modalSearch .modalWindow input[type="checkbox"] + label.ind span.visible { display: none; }
.modalSearch .modalWindow input[type="checkbox"] + label.ind span.hidden { display: flex; }
.modalSearch .modalWindow input[type="checkbox"]:checked + label.ind span.visible { display: flex; }
.modalSearch .modalWindow input[type="checkbox"]:checked + label.ind span.hidden { display: none; }


/*詳細分析*/
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .scrollTableOuter { box-sizing: border-box; border: 10px solid #F5F6FA; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter { padding: 0; border: none; margin-bottom: 0 !important; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter .formGroup { padding: 0 !important; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter .formGroup .inner { width: 100%; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter .formGroup:first-of-type .inner p.formTitle { padding: 13px 20px; background-color: #F5F6FA; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter:first-of-type .formGroup:first-of-type .inner p.formTitle { padding-top: 5px; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter .formGroup .inner .partsBox { padding: 12px; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter.CatItemArea .formGroup .inner .ttlBox { display: flex; align-items: center; justify-content: space-between; background-color: #F5F6FA; margin-bottom: 12px; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter.CatItemArea .formGroup .inner .ttlBox p.formTitle { display: block; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter.CatItemArea .formGroup .inner .ttlBox input.btnArchive { margin-bottom: 0 !important; height: 25px; width: 100px; font-size: 1.1em; margin-right: 20px; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter.CatItemArea .formGroup .inner .flexBox { padding: 0 12px 12px !important; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter.CatItemArea .formGroup .inner .flexBox:first-of-type {  }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter.CatItemArea .formGroup .inner .flexBox .partsBox { padding: 0; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter .formGroup .inner input { height: 30px; }
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter .formGroup .inner select { height: 30px; } 
.modalSearch .modalWindow .scrollArea > .inner .col2 .contentsBox#analysisItemsArea .formGroupOuter.CatItemArea .inner .CatItemDel { margin-left: 20px; }
.modalSearch .modalWindow .bottomBox #analysisSettingUpd { padding-left: 2em; border-radius: 3px ;background-image: url("../images/ico_reload.svg"); background-repeat: no-repeat; background-position: left 0.7em center; background-size: 18px 18px; }
.modalSearch .modalWindow .bottomBox #analysisSettingAdd { padding-left: 2em; border-radius: 3px ;background-image: url("../images/ico_plus_round.svg"); background-repeat: no-repeat; background-position: left 0.7em center; background-size: 16px 16px; }
.modalSearch .modalWindow .bottomBox #analysisSettingShare { padding-left: 2em; border-radius: 3px ;background-image: url("../images/ico_share.svg"); background-repeat: no-repeat; background-position: left 0.7em center; background-size: 16px 16px; background-color: #55A8D0; }
.modalSearch .modalWindow .bottomBox #analysisSettingShareUpd { padding-left: 2em; border-radius: 3px ;background-image: url("../images/ico_reload.svg"); background-repeat: no-repeat; background-position: left 0.7em center; background-size: 18px 18px; background-color: #55A8D0; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
写真表示モーダル
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.modalOuter.photoViewer {}
.modalOuter.photoViewer .modalWindow > .inner { -ms-grid-rows: auto auto afr; grid-template-rows: auto auto 1fr; grid-template-areas: "colHeadBox" "colAnchorBox" "colContBox"; }
.modalOuter.photoViewer .modalWindow > .inner .headBox { grid-area: colHeadBox; }
.modalOuter.photoViewer .modalWindow > .inner .anchorBox { grid-area: colAnchorBox; padding: 5px 0; background-color: #F4F4F4; }
.modalOuter.photoViewer .modalWindow > .inner .anchorBox ul { display: flex; justify-content: flex-start; overflow-x: auto; }
.modalOuter.photoViewer .modalWindow > .inner .anchorBox ul li {}
.modalOuter.photoViewer .modalWindow > .inner .anchorBox ul li a { display: inline-block; text-decoration: none; font-size: 15px; font-weight: bold; white-space: nowrap; padding: 10px 15px; }
.modalOuter.photoViewer .modalWindow > .inner .anchorBox ul li a span { position: relative; display: inline-block; padding-bottom: 15px; }
.modalOuter.photoViewer .modalWindow > .inner .anchorBox ul li a span:after { content: ""; position: absolute; left: calc(50% - 5px); bottom: 0; display: inline-block; vertical-align: middle; color: #999; line-height: 1; width: 10px; height: 10px; border: 1px solid #999; border-left: 0; border-bottom: 0; box-sizing: border-box; transform: translateY(-25%) rotate(135deg); }
.modalOuter.photoViewer .modalWindow > .inner .contBox { grid-area: colContBox; position: relative; }
.modalOuter.photoViewer .modalWindow > .inner .contBox > .inner { position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; overflow: auto; height: calc(100% - 30px); }
.modalOuter.photoViewer .modalWindow > .inner .contBox > .inner .title { position: sticky; top: 0; background-color: #FFF; font-size: 16px; line-height: 1; padding: 0 0 12px 0; }
.modalOuter.photoViewer .modalWindow > .inner .contBox > .inner .cont { margin-bottom: 25px; }
.modalOuter.photoViewer .modalWindow > .inner .contBox > .inner .cont:nth-last-of-type(1) { margin-bottom: 0; }
.modalOuter.photoViewer .modalWindow > .inner .contBox > .inner .cont > div { height: auto; margin-bottom: 10px; }
.modalOuter.photoViewer .modalWindow > .inner .contBox > .inner .cont > div:nth-last-of-type(1) { margin-bottom: 0; }