@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
バーコード
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
バーコード読み込み
-------------------------------------------------------------*/
.barcodeReader { height: 100%; box-sizing: border-box; padding-bottom: 0; }
.barcodeReader > .col { display: flex; }
.barcodeReader p.formTitle { font-size: 2.3em; font-weight: bold; font-family: system-ui; color: #43425D; padding-bottom: 15px; }
.barcodeReader p.subText { margin-bottom: 20px; font-size: 1.2em; }
.barcodeReader input[type="text"],
.barcodeReader input[type="number"] { width: 256px !important; height: 60px; font-size: 2em; font-weight: bold; text-align: center; }
.barcodeReader .barcodeIcoBlackL { display: inline-block;  width: 80px; height: 66px; background-image: url("../images/ico_barcode_black.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 80px 66px; text-indent: -9999px; transition: all 0.3s; position: relative; margin-bottom: 45px; }
.modalOuter.modalSizeSS.barcodeReader .modalWindow .scrollArea .outerBox .scrollBox { padding: 15px; }
@media screen and (max-width: 480px) {
	.barcodeReader p.formTitle { font-size: 2em; }
	.barcodeReader input[type="text"],
	.barcodeReader input[type="number"] { width: 100% !important; }
}


/*-------------------------------------------------------------
バーコード - 各設定画面
-------------------------------------------------------------*/
form[name="barcode-press"],
form[name="barcode-layout"],
form[name="barcode-embedded"],
form[name="barcode-custody"],
form[name="barcode-arrange"],
form[name="barcode-wr"] { height: 100%; }
.barcodeSetting.g2-1 { gap: 25px; -ms-grid-rows: auto 25px 1fr; }
.barcodeSetting > .col1 input[type="text"] { height: 25px; }
.barcodeSetting > .col2 > .contBox { border: 10px solid #F5F6FA; }
.barcodeSetting > .col2 > .contBox > .cont.scroll { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; height: calc(100% - 40px); overflow-y: scroll; overflow-x: hidden; }
.barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { padding: 20px; background-color: #F5F6FA; border: 1px solid #EEE; }
.barcodeSetting .cont .formGroup { padding-bottom: 12px !important; }
.barcodeSetting .cont .formGroup:last-child,
.barcodeSetting .cont .formGroup:only-child { padding-bottom: 0 !important; }
.barcodeSetting > .col2 .g2-1 { gap: 20px; }
.barcodeSetting > .col2 .g2-1 > .col2 .cont.scroll { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; overflow-x: hidden; }
.barcodeSetting .barcodeIcoBlackS { display: inline-block; width: 32px; height: 28px; background-image: url("../images/ico_barcode_black.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 24px 20px; background-color: #FFF; border-radius: 5px; margin-right: 5px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.barcodeSetting .checkBtnBox label.checkBtn { margin-right: 5px; }
.barcodeSetting .checkBtnBox label.checkBtn:last-of-type { margin-right: 0px; }


/*-------------------------------------------------------------
バーコード - ブーケ預かり
-------------------------------------------------------------*/
.modalOuter.BarcodeBukeCustody .modalWindow .scrollArea > .outerBox > .scrollBox { overflow: hidden; }
.contentsArea.bukeCustody { padding: 10px; background-color: #F0F0F0; }
.contentsArea.bukeCustody.g1-1 > .col1 { padding: 20px; background-color: #FFF; }
.contentsArea.bukeCustody.g1-1 > .col1 > .g2-1 { gap: 20px; -ms-grid-rows: auto 20px 1fr; }
.contentsArea.bukeCustody.g1-1 > .col1 > .g2-1 > .col2 > .contBox { border: 10px solid #F5F6FA; }
.contentsArea.bukeCustody form.g1-1 > .col1 > .contBox { padding: 20px; }
.contentsArea.bukeCustody form.g1-1 > .col1 > .contBox > .cont > .g2-1 { gap: 10px; -ms-grid-rows: auto 10px 1fr; }
.contentsArea.bukeCustody form.g1-1 > .col1 > .contBox > .cont > .g2-1 > .col2 { border: 1px solid #DDD; }
.contentsArea.bukeCustody .g2-2 { gap: 0px; -ms-grid-columns: 10fr 0px 7fr; grid-template-columns: 10fr 7fr; } 
.contentsArea.bukeCustody p.formTitle { font-size: 1em; line-height: 1em; color: #000; display: flex; align-items: center; padding-bottom: 5px; }
.contentsArea.bukeCustody .formBlockLine .inner:not(:last-of-type) { margin-right: 10px; }
.contentsArea.bukeCustody .formInlineLine .inner { margin-right: 0; } 
.contentsArea.bukeCustody .cont.scroll { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; height: calc(100% - 40px); overflow-y: scroll; overflow-x: hidden; }
.contentsArea.bukeCustody .radioBtnBox label.radioBtn { height: 25px; }
.contentsArea.bukeCustody .cleditorMain { width: auto !important; }
.contentsArea.bukeCustody .btnBox { background-color: #F5F6FA; }
.contentsArea.bukeCustody .btnBox .btnArchive { width: 70px; height: 30px; font-size: 1em; }
.contentsArea.bukeCustody .fileArea { padding: 20px; background-color: #F0F0F0; border: 1px solid #DDD; }
.contentsArea.bukeCustody .fileArea .formGroup { padding-bottom: 0 !important; }
.contentsArea.bukeCustody .fileArea:not(:last-of-type) { margin-bottom: 10px; }
.contentsArea.bukeCustody .fileArea .swiper-container { }
.contentsArea.bukeCustody .fileArea .swiper-container .formGroup > .inner { width: calc((100% - 30px) / 4) !important; flex-basis: calc((100% - 30px) / 4) !important; }
.contentsArea.bukeCustody .fileArea .photoArea { display: flex; justify-content: center; align-items: center; background-color: #FFF; height: 126px; }
.contentsArea.bukeCustody .fileArea .swiper-slide img { height: auto; max-height: 126px; width: auto !important; max-width: 100%; }
.contentsArea.bukeCustody .fileArea .swiper-slide .addFile { height: 128px; }
.contentsArea.bukeCustody .mailImgArea .swiper-button-prev,
.contentsArea.bukeCustody .mailImgArea .swiper-button-next { top: calc(50% - 24.5px); }
.contentsArea.bukeCustody .mailImgArea .swiper-slide { height: 204px; display: flex; flex-direction: column; align-items: center; position: relative; }
.contentsArea.bukeCustody .mailImgArea .swiper-slide:before { content: ""; position: absolute; z-index: 0; }
.contentsArea.bukeCustody .mailImgArea .swiper-slide a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; }
.contentsArea.bukeCustody .mailImgArea .swiper-slide .checkBox { margin-top: 5px; position: absolute; bottom: 0; z-index: 10; }
@media screen and (orientation: portrait) {
	.contentsArea.bukeCustody form.g1-1 > .col1 > .contBox > .cont > .g2-1 > .col2 .g2-2 > .col1 .cont { padding-bottom: 0; }
	.contentsArea.bukeCustody .g2-2 { grid-template-columns: 1fr; grid-template-rows: auto 100%; grid-template-areas: "col1" "col2"; overflow-y: auto; overflow-x: hidden; }
	.contentsArea.bukeCustody .g2-2 > .col1 .cont.scroll { position: unset; overflow: unset; padding: 20px; }
	.contentsArea.bukeCustody .g2-2 > .col2 > .g2-3 > .col1 .cont.scroll { overflow: hidden; }
	.contentsArea.bukeCustody .g2-3 .col1 { padding-top: 0; }
	.contentsArea.bukeCustody .btnBox { width: calc(100% - 60px); }
	.contentsArea.bukeCustody .btnBox .btnArchive:first-of-type { width: 100%; height: 38px; font-size: 1.2em; }
	.contentsArea.bukeCustody .btnBox .btnArchive:nth-of-type(2) { margin-left: 0; }
	.contentsArea.bukeCustody .btnBox .btnArchive:not(:first-of-type) { width: calc((100% - 21px) / 3); height: 38px; font-size: 1.2em; }
}
@media screen and (orientation: landscape) {
	
}


/*-------------------------------------------------------------
バーコード - ブーケ預かり - カメラ撮影（縦向き対応）
-------------------------------------------------------------*/
.contentsArea.bukeCustodyCamera { padding: 10px; background-color: #F5F6FA; }
.contentsArea.bukeCustodyCamera.g1-1 > .col1 { padding: 20px; background-color: #FFF; }
.contentsArea.bukeCustodyCamera.g1-1 > .col1 > .g2-1 { gap: 20px; -ms-grid-rows: auto 20px 1fr; }
.contentsArea.bukeCustodyCamera.g1-1 > .col1 > .g2-1 > .col2 > .contBox { border: 10px solid #F5F6FA; }
.contentsArea.bukeCustodyCamera form.g1-1 > .col1 > .contBox { padding: 20px; }
.contentsArea.bukeCustodyCamera form.g1-1 > .col1 > .contBox > .cont > .g2-1 { gap: 10px; -ms-grid-rows: auto 10px 1fr; }
.contentsArea.bukeCustodyCamera form.g1-1 > .col1 > .contBox > .cont > .g2-1 > .col2 { border: 1px solid #DDD; }
.contentsArea.bukeCustodyCamera .g2-2 { gap: 0px; -ms-grid-columns: 10fr 0px 7fr; grid-template-columns: 10fr 7fr; }
.contentsArea.bukeCustodyCamera .g2-2 > .col1 .cont.scroll { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; height: calc(100% - 40px); overflow-y: scroll; overflow-x: hidden; }
.contentsArea.bukeCustodyCamera .g2-2 > .col2 .cont.scroll { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; overflow-y: scroll; overflow-x: hidden; }
.contentsArea.bukeCustodyCamera .g2-3 .col1 { padding: 20px 20px 5px; }
.contentsArea.bukeCustodyCamera .g2-3 .col1 .contBox { background-color: #F0F0F0; border: 1px solid #DDD; }
.contentsArea.bukeCustodyCamera p.formTitle { font-size: 1em; line-height: 1em; color: #000; display: flex; align-items: center; padding-bottom: 5px; }
.contentsArea.bukeCustodyCamera .formBlockLine .inner:not(:last-of-type) { margin-right: 10px; }
.contentsArea.bukeCustodyCamera .formInlineLine .inner { margin-right: 0; } 
.contentsArea.bukeCustodyCamera .radioBtnBox label.radioBtn { height: 25px; }
.contentsArea.bukeCustodyCamera .cleditorMain { width: auto !important; }
.contentsArea.bukeCustodyCamera .checkBtnBox {}
.contentsArea.bukeCustodyCamera .checkBtnBox > div { margin-top: -5px; }
.contentsArea.bukeCustodyCamera .checkBtnBox > div > .checkBtn { margin-top: 5px; }
.contentsArea.bukeCustodyCamera .checkBtnBox > div.second > .checkBtn { margin-right: 1px; }
.contentsArea.bukeCustodyCamera .btnBox { background-color: #F5F6FA; padding: 5px 10px 10px !important; }
.contentsArea.bukeCustodyCamera .btnBox .btnArchive { width: 120px; height: 30px; font-size: 1em; margin-top: 5px; }
.contentsArea.bukeCustodyCamera .btnBox .btnArchive:nth-of-type(2) { background-color: #6A7277; }
.contentsArea.bukeCustodyCamera .btnBox .btnArchive:nth-of-type(3) { background-color: #3B4043; }
.contentsArea.bukeCustodyCamera .fileArea { padding: 20px; background-color: #F0F0F0; border: 1px solid #DDD; }
.contentsArea.bukeCustodyCamera .fileArea .formGroup { padding-bottom: 0 !important; }
.contentsArea.bukeCustodyCamera .fileArea:not(:last-of-type) { margin-bottom: 10px; }
.contentsArea.bukeCustodyCamera .fileArea .swiper-container { }
.contentsArea.bukeCustodyCamera .fileArea .swiper-container .formGroup > .inner { width: calc((100% - 30px) / 4) !important; flex-basis: calc((100% - 30px) / 4) !important; }
.contentsArea.bukeCustodyCamera .fileArea .photoArea { display: flex; justify-content: center; align-items: center; background-color: #FFF; height: 126px; }
.contentsArea.bukeCustodyCamera .fileArea .swiper-slide img { height: auto; max-height: 126px; width: auto !important; max-width: 100%; }
.contentsArea.bukeCustodyCamera .fileArea .swiper-slide .addFile { height: 128px; }
.cameraArea { width: 100%; box-sizing: border-box; }
.cameraArea #camera { background-color: #F0F0F0; }

@media screen and (orientation: portrait) {
	.contentsArea.bukeCustodyCamera form.g1-1 > .col1 > .contBox > .cont > .g2-1 > .col2 .g2-2 > .col1 .cont { padding-bottom: 0; }
	.contentsArea.bukeCustodyCamera .g2-2 { grid-template-columns: 1fr; grid-template-rows: auto 100%; grid-template-areas: "col1" "col2"; overflow-y: auto; overflow-x: hidden; }
	.contentsArea.bukeCustodyCamera .g2-2 > .col1 .cont.scroll { position: unset; overflow: unset; padding: 20px; }
	.contentsArea.bukeCustodyCamera .g2-2 > .col2 > .g2-3 > .col1 .cont.scroll { overflow: hidden; }
	.contentsArea.bukeCustodyCamera .g2-3 .col1 { padding-top: 0; }
	.contentsArea.bukeCustodyCamera .btnBox { width: calc(100% - 60px); }
	.contentsArea.bukeCustodyCamera .btnBox .btnArchive:first-of-type { width: 100%; height: 38px; font-size: 1.2em; }
	.contentsArea.bukeCustodyCamera .btnBox .btnArchive:nth-of-type(2) { margin-left: 0; }
	.contentsArea.bukeCustodyCamera .btnBox .btnArchive:not(:first-of-type) { width: calc((100% - 21px) / 3); height: 38px; font-size: 1.2em; }
}


/*-------------------------------------------------------------
バーコード - ワークショップレイアウト前確認用
-------------------------------------------------------------*/
.contentsArea.bukeCustody.barcodeWorkShop { padding: 0; }
.contentsArea.bukeCustody.barcodeWorkShop > .col1 { padding: 0; }
.contentsArea.bukeCustody.barcodeWorkShop .headerBox + .formGroup .inner:nth-of-type(3) { flex: 1; display: flex; justify-content: flex-end; }
.contentsArea.bukeCustody.barcodeWorkShop .headerBox + .formGroup .inner:nth-of-type(3) .ttlMsg { padding: 15px; background-color: #F0F0F0; font-size: 16px; font-weight: bold; color: #43425D; }
.contentsArea.bukeCustody.barcodeWorkShop .cont.scroll > .formGroup:last-child { padding-bottom: 1px !important; }
.contentsArea.bukeCustody.barcodeWorkShop form.g1-1 > .col1 > .contBox > .cont > .g2-1 > .col2 .g2-2 > .col2 .cont > .formGroup > .inner:not(:nth-of-type(1)) { margin-top: 5px; }

/*専用 背景色 設定用*/
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .headBox { background-color: #F8E3A2; }
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .headBox h1 { color: #333; }
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .headBox a.btnClose span { background-image: url(../images/ico_close_black.svg); }
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .headBox a.btnClose:hover { background-color: #FFFBE8; }
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .scrollArea { background-color: #FFF; padding-bottom: 0 !important; }
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .scrollArea .outerBox.boxGradation:after { content: none; }
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .scrollArea .outerBox .scrollBox,
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .content,
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .content > .inner,
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .content > .inner .upperBox,
.modalOuter.modalSizeS.BarcodeWorkShop .barcodeSetting > .col1 { background-color: #FFFBE8; }
.modalOuter.modalSizeS.BarcodeWorkShop .modalWindow .scrollArea .outerBox .scrollBox { border: 1px solid #DDD; }
.modalOuter.modalSizeS.BarcodeWorkShop .barcodeSetting > .col1 > .g2-1 > .col2 > .contBox { border-color: #F8E3A2; }
.modalOuter.modalSizeS.BarcodeWorkShop .barcodeSetting form.g1-1 > .col1 > .contBox > .cont > .g2-1 > .col2 { background-color: #F8E3A2; }
.modalOuter.modalSizeS.BarcodeWorkShop .bbLine { border-color: #FFF !important; }


/*-------------------------------------------------------------
バーコード - レイアウト日 入力 
-------------------------------------------------------------*/

/*専用 背景色 設定用*/
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .headBox { background-color: #F8D5A8; }
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .headBox h1 { color: #333; }
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .headBox a.btnClose span { background-image: url(../images/ico_close_black.svg); }
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .headBox a.btnClose:hover { background-color: #FCEAD4; }
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .scrollArea { background-color: #FFF; padding-bottom: 0 !important; }
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .scrollArea .outerBox.boxGradation:after { content: none; }
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .scrollArea .outerBox .scrollBox,
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .content,
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .content > .inner,
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .content > .inner .upperBox { background-color: #FCEAD4; }
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .barcodeSetting > .col2 > .contBox { border-color: #F8D5A8; }
.modalOuter.modalSizeSS[class*="BarcodeLayout"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { background-color: #F8D5A8; border-color: #FFF; }

@media screen and (max-width: 480px) {
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow > .inner { margin: 10px; height: calc(100% - 20px); }
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .scrollArea,
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .modalWindow .scrollArea .outerBox .scrollBox { padding: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .partsSizeL input[type="text"],
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .partsSizeL input[type="date"],
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] input[type="password"],
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .partsSizeL input[type="number"],
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] input[type="email"],
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .partsSizeL select,
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .searchBox input[type="submit"] { height: 25px !important; }
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] input[name="mcst_code"],
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] input[name="dodr_rcpt_no"] { width: 4em !important; }
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .bottomBox { height: 50px; }
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .bottomBox .lt { padding-left: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .bottomBox .rt { padding-right: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeLayout"] .bottomBox .btn { height: 30px; font-size: 1em; }
	form[name="barcode-layout"] .barcodeSetting.g2-1 { display: block; }
	form[name="barcode-layout"] .barcodeSetting.g2-1 h2 { font-size: 1.2em; }
	form[name="barcode-layout"] .barcodeSetting.g2-1 p.ttlData { font-size: 1.1em; }
	form[name="barcode-layout"] .barcodeSetting > .col2 > .contBox { border: none; }
	form[name="barcode-layout"] .barcodeSetting > .col2 > .contBox > .cont.scroll { position: static; }
	form[name="barcode-layout"] .barcodeSetting > .col2 .g2-1 { display: block; }
	form[name="barcode-layout"] .barcodeSetting .cont .formGroup { padding-bottom: 5px !important; }
	form[name="barcode-layout"] .barcodeSetting .cont .upperBox { padding-bottom: 10px !important; margin-bottom: 10px; border-bottom: 2px solid #FFF; }
	form[name="barcode-layout"] .barcodeSetting .cont .upperBox .formGroup  { padding-bottom: 0 !important; }
	form[name="barcode-layout"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { padding: 0; border: none; background-color: #FCEAD4 !important; }
	form[name="barcode-layout"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .cont.scroll { position: static; overflow: hidden; }
	form[name="barcode-layout"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .formInlineLine .inner { display: block; }
	form[name="barcode-layout"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 p.formTitle { display: block; width: 100% !important; }
	form[name="barcode-layout"] .barcodeSetting .select-wrap,
	form[name="barcode-layout"] .barcodeSetting .calendarOuter { display: inline-block; }
	form[name="barcode-layout"] .barcodeSetting .calendarOuter > div.calendar { top: -3px; }
	form[name="barcode-layout"] .barcodeSetting .searchBox.active { height: 350px; }
	form[name="barcode-layout"] .barcodeSetting .extSearch { top: 30px; left: 6px; padding: 5px !important; }
}
@media screen and (max-width: 360px) {
	form[name="barcode-layout"] .barcodeSetting .cont .upperBox { flex-direction: column-reverse; }
	form[name="barcode-layout"] .barcodeSetting .cont .upperBox > .col { width: 100%; }
	form[name="barcode-layout"] .barcodeSetting .cont .upperBox > .col:nth-of-type(2) { padding-bottom: 10px; }
	form[name="barcode-layout"] .barcodeSetting .cont .upperBox > .col:nth-of-type(2) .formGroup > .inner { justify-content: flex-end; }
}


/*-------------------------------------------------------------
バーコード - アレンジ日 入力 スマホ対応
-------------------------------------------------------------*/

/*専用 背景色 設定用*/
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .headBox { background-color: #B15B81; }
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .headBox h1 { color: #FFF; }
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .headBox a.btnClose:hover { background-color: #D8B8C6; }
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .scrollArea { background-color: #FFF; padding-bottom: 0 !important; }
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .scrollArea .outerBox.boxGradation:after { content: none; }
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .scrollArea .outerBox .scrollBox,
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .content,
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .content > .inner,
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .content > .inner .upperBox { background-color: #D8B8C6; }
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .barcodeSetting > .col2 > .contBox { border-color: #B15B81; }
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { background-color: #B15B81; border-color: #FFF; }
.modalOuter.modalSizeSS[class*="BarcodeArrange"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .formTitle { color: #FFF; font-weight: bold; }

@media screen and (max-width: 480px) {
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow > .inner { margin: 10px; height: calc(100% - 20px); }
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .scrollArea,
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .modalWindow .scrollArea .outerBox .scrollBox { padding: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .partsSizeL input[type="text"],
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .partsSizeL input[type="date"],
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] input[type="password"],
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .partsSizeL input[type="number"],
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] input[type="email"],
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .partsSizeL select,
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .searchBox input[type="submit"] { height: 25px !important; }
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] input[name="mcst_code"],
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] input[name="dodr_rcpt_no"] { width: 4em !important; }
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .bottomBox { height: 50px; }
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .bottomBox .lt { padding-left: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .bottomBox .rt { padding-right: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeArrange"] .bottomBox .btn { height: 30px; font-size: 1em; }
	form[name="barcode-arrange"] .barcodeSetting.g2-1 { display: block; }
	form[name="barcode-arrange"] .barcodeSetting.g2-1 h2 { font-size: 1.2em; }
	form[name="barcode-arrange"] .barcodeSetting.g2-1 p.ttlData { font-size: 1.1em; }
	form[name="barcode-arrange"] .barcodeSetting > .col2 > .contBox { border: none; }
	form[name="barcode-arrange"] .barcodeSetting > .col2 > .contBox > .cont.scroll { position: static; }
	form[name="barcode-arrange"] .barcodeSetting > .col2 .g2-1 { display: block; }
	form[name="barcode-arrange"] .barcodeSetting .cont .formGroup { padding-bottom: 5px !important; }
	form[name="barcode-arrange"] .barcodeSetting .cont .upperBox { padding-bottom: 10px !important; margin-bottom: 10px; border-bottom: 1px solid #FFF; }
	form[name="barcode-arrange"] .barcodeSetting .cont .upperBox .formGroup  { padding-bottom: 0 !important; }
	form[name="barcode-arrange"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { padding: 0; border: none; background-color: #D8B8C6 !important; }
	form[name="barcode-arrange"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .cont.scroll { position: static; overflow: hidden; }
	form[name="barcode-arrange"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .formInlineLine .inner { display: block; }
	form[name="barcode-arrange"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 p.formTitle { display: block; width: 100% !important; color: #000 !important; font-weight: normal !important; }
	form[name="barcode-arrange"] .barcodeSetting .select-wrap,
	form[name="barcode-arrange"] .barcodeSetting .calendarOuter { display: inline-block; }
	form[name="barcode-arrange"] .barcodeSetting .calendarOuter > div.calendar { top: -3px; }
	form[name="barcode-arrange"] .barcodeSetting .searchBox.active { height: 350px; }
	form[name="barcode-arrange"] .barcodeSetting .extSearch { top: 30px; left: 6px; padding: 5px !important; }
}
@media screen and (max-width: 340px) {
	form[name="barcode-arrange"] .barcodeSetting .cont .upperBox { flex-direction: column-reverse; }
	form[name="barcode-arrange"] .barcodeSetting .cont .upperBox > .col { width: 100%; }
	form[name="barcode-arrange"] .barcodeSetting .cont .upperBox > .col:nth-of-type(2) { padding-bottom: 10px; }
	form[name="barcode-arrange"] .barcodeSetting .cont .upperBox > .col:nth-of-type(2) .formGroup > .inner { justify-content: flex-end; }
}


/*-------------------------------------------------------------
バーコード - プレス日 入力 
-------------------------------------------------------------*/
	
/*専用 背景色 設定用*/
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .headBox { background-color: #F8D7D2; }
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .headBox h1 { color: #333; }
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .headBox a.btnClose span { background-image: url(../images/ico_close_black.svg); }
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .headBox a.btnClose:hover { background-color: #FFEDEA; }
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .scrollArea { background-color: #FFF; padding-bottom: 0 !important; }
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .scrollArea .outerBox.boxGradation:after { content: none; }
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .scrollArea .outerBox .scrollBox,
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .content,
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .content > .inner,
.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .content > .inner .upperBox { background-color: #FFEDEA; }
.modalOuter.modalSizeSS[class*="BarcodePress"] .barcodeSetting > .col2 > .contBox { border-color: #F8D7D2; }
.modalOuter.modalSizeSS[class*="BarcodePress"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { background-color: #F8D7D2; border-color: #FFF; }

@media screen and (max-width: 480px) {
	.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow > .inner { margin: 10px; height: calc(100% - 20px); }
	.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .scrollArea,
	.modalOuter.modalSizeSS[class*="BarcodePress"] .modalWindow .scrollArea .outerBox .scrollBox { padding: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodePress"] .partsSizeL input[type="text"],
	.modalOuter.modalSizeSS[class*="BarcodePress"] .partsSizeL input[type="date"],
	.modalOuter.modalSizeSS[class*="BarcodePress"] input[type="password"],
	.modalOuter.modalSizeSS[class*="BarcodePress"] .partsSizeL input[type="number"],
	.modalOuter.modalSizeSS[class*="BarcodePress"] input[type="email"],
	.modalOuter.modalSizeSS[class*="BarcodePress"] .partsSizeL select,
	.modalOuter.modalSizeSS[class*="BarcodePress"] .searchBox input[type="submit"] { height: 25px !important; }
	.modalOuter.modalSizeSS[class*="BarcodePress"] input[name="mcst_code"],
	.modalOuter.modalSizeSS[class*="BarcodePress"] input[name="dodr_rcpt_no"] { width: 4em !important; }
	.modalOuter.modalSizeSS[class*="BarcodePress"] .bottomBox { height: 50px; }
	.modalOuter.modalSizeSS[class*="BarcodePress"] .bottomBox .lt { padding-left: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodePress"] .bottomBox .rt { padding-right: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodePress"] .bottomBox .btn { height: 30px; font-size: 1em; }
	form[name="barcode-press"] .barcodeSetting.g2-1 { display: block; }
	form[name="barcode-press"] .barcodeSetting.g2-1 h2 { font-size: 1.2em; }
	form[name="barcode-press"] .barcodeSetting.g2-1 p.ttlData { font-size: 1.1em; }
	form[name="barcode-press"] .barcodeSetting > .col2 > .contBox { border: none; }
	form[name="barcode-press"] .barcodeSetting > .col2 > .contBox > .cont.scroll { position: static; }
	form[name="barcode-press"] .barcodeSetting > .col2 .g2-1 { display: block; }
	form[name="barcode-press"] .barcodeSetting .cont .formGroup { padding-bottom: 5px !important; }
	form[name="barcode-press"] .barcodeSetting .cont .upperBox { padding-bottom: 10px !important; margin-bottom: 10px; border-bottom: 2px solid #FFF; }
	form[name="barcode-press"] .barcodeSetting .cont .upperBox .formGroup  { padding-bottom: 0 !important; }
	form[name="barcode-press"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { padding: 0; border: none; background-color: #FFEDEA !important; }
	form[name="barcode-press"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .cont.scroll { position: static; overflow: hidden; }
	form[name="barcode-press"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .formInlineLine .inner { display: block; }
	form[name="barcode-press"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 p.formTitle { display: block; width: 100% !important; }
	form[name="barcode-press"] .barcodeSetting .select-wrap,
	form[name="barcode-press"] .barcodeSetting .calendarOuter { display: inline-block; }
	form[name="barcode-press"] .barcodeSetting .calendarOuter > div.calendar { top: -3px; }
	form[name="barcode-press"] .barcodeSetting .searchBox.active { height: 350px; }
	form[name="barcode-press"] .barcodeSetting .extSearch { top: 30px; left: 6px; padding: 5px !important; }
}


/*-------------------------------------------------------------
バーコード - ブーケランク 入力
-------------------------------------------------------------*/

/*専用 背景色 設定用*/
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .headBox { background-color: #81C7D1; }
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .headBox h1 { color: #333; }
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .headBox a.btnClose span { background-image: url(../images/ico_close_black.svg); }
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .headBox a.btnClose:hover { background-color: #C0E3E8; }
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .scrollArea { background-color: #FFF; padding-bottom: 0 !important; }
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .scrollArea .outerBox.boxGradation:after { content: none; }
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .scrollArea .outerBox .scrollBox,
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .content,
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .content > .inner,
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .content > .inner .upperBox { background-color: #C0E3E8; }
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .barcodeSetting > .col2 > .contBox { border-color: #81C7D1; }
.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { background-color: #81C7D1; border-color: #FFF; }

@media screen and (max-width: 480px) {
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow > .inner { margin: 10px; height: calc(100% - 20px); }
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .scrollArea,
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .modalWindow .scrollArea .outerBox .scrollBox { padding: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .partsSizeL input[type="text"],
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .partsSizeL input[type="date"],
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] input[type="password"],
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .partsSizeL input[type="number"],
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] input[type="email"],
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .partsSizeL select,
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .searchBox input[type="submit"] { height: 25px !important; }
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] input[name="mcst_code"],
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] input[name="dodr_rcpt_no"] { width: 4em !important; }
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .bottomBox { height: 50px; }
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .bottomBox .lt { padding-left: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .bottomBox .rt { padding-right: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeBukeRank"] .bottomBox .btn { height: 30px; font-size: 1em; }
	form[name="barcode-buke-rank"] .barcodeSetting.g2-1 { display: block; }
	form[name="barcode-buke-rank"] .barcodeSetting.g2-1 h2 { font-size: 1.2em; }
	form[name="barcode-buke-rank"] .barcodeSetting.g2-1 p.ttlData { font-size: 1.1em; }
	form[name="barcode-buke-rank"] .barcodeSetting > .col2 > .contBox { border: none; }
	form[name="barcode-buke-rank"] .barcodeSetting > .col2 > .contBox > .cont.scroll { position: static; }
	form[name="barcode-buke-rank"] .barcodeSetting > .col2 .g2-1 { display: block; }
	form[name="barcode-buke-rank"] .barcodeSetting .cont .formGroup { padding-bottom: 5px !important; }
	form[name="barcode-buke-rank"] .barcodeSetting .cont .upperBox { padding-bottom: 10px !important; margin-bottom: 10px; border-bottom: 2px solid #FFF; }
	form[name="barcode-buke-rank"] .barcodeSetting .cont .upperBox .formGroup  { padding-bottom: 0 !important; }
	form[name="barcode-buke-rank"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { padding: 0; border: none; background-color: #C0E3E8 !important; }
	form[name="barcode-buke-rank"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .cont.scroll { position: static; overflow: hidden; }
	form[name="barcode-buke-rank"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .formInlineLine .inner { display: block; }
	form[name="barcode-buke-rank"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 p.formTitle { display: block; width: 100% !important; }
	form[name="barcode-buke-rank"] .barcodeSetting .select-wrap,
	form[name="barcode-buke-rank"] .barcodeSetting .calendarOuter { display: inline-block; }
	form[name="barcode-buke-rank"] .barcodeSetting .calendarOuter > div.calendar { top: -3px; }
	form[name="barcode-buke-rank"] .barcodeSetting .searchBox.active { height: 350px; }
	form[name="barcode-buke-rank"] .barcodeSetting .extSearch { top: 30px; left: 6px; padding: 5px !important; }
}


/*-------------------------------------------------------------
バーコード - 埋め込み日 入力
-------------------------------------------------------------*/

/*専用 背景色 設定用*/
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .headBox { background-color: #6F3F13; }
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .headBox h1 { color: #FFF; }
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .headBox a.btnClose:hover { background-color: #C5B19F; }
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .scrollArea { background-color: #FFF; padding-bottom: 0 !important; }
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .scrollArea .outerBox.boxGradation:after { content: none; }
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .scrollArea .outerBox .scrollBox,
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .content,
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .content > .inner,
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .content > .inner .upperBox { background-color: #C5B19F; }
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .barcodeSetting > .col2 > .contBox { border-color: #6F3F13; }
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { background-color: #6F3F13; border-color: #FFF; }
.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .formTitle { color: #FFF; font-weight: bold; }

@media screen and (max-width: 480px) {
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow > .inner { margin: 10px; height: calc(100% - 20px); }
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .scrollArea,
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .modalWindow .scrollArea .outerBox .scrollBox { padding: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .partsSizeL input[type="text"],
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .partsSizeL input[type="date"],
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] input[type="password"],
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .partsSizeL input[type="number"],
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] input[type="email"],
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .partsSizeL select,
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .searchBox input[type="submit"] { height: 25px !important; }
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] input[name="mcst_code"],
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] input[name="dodr_rcpt_no"] { width: 4em !important; }
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .bottomBox { height: 50px; }
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .bottomBox .lt { padding-left: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .bottomBox .rt { padding-right: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeEmbedded"] .bottomBox .btn { height: 30px; font-size: 1em; }
	form[name="barcode-embedded"] .barcodeSetting.g2-1 { display: block; }
	form[name="barcode-embedded"] .barcodeSetting.g2-1 h2 { font-size: 1.2em; }
	form[name="barcode-embedded"] .barcodeSetting.g2-1 p.ttlData { font-size: 1.1em; }
	form[name="barcode-embedded"] .barcodeSetting > .col2 > .contBox { border: none; }
	form[name="barcode-embedded"] .barcodeSetting > .col2 > .contBox > .cont.scroll { position: static; }
	form[name="barcode-embedded"] .barcodeSetting > .col2 .g2-1 { display: block; }
	form[name="barcode-embedded"] .barcodeSetting .cont .formGroup { padding-bottom: 5px !important; }
	form[name="barcode-embedded"] .barcodeSetting .cont .upperBox { padding-bottom: 10px !important; margin-bottom: 10px; border-bottom: 1px solid #FFF; }
	form[name="barcode-embedded"] .barcodeSetting .cont .upperBox .formGroup  { padding-bottom: 0 !important; }
	form[name="barcode-embedded"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { padding: 0; border: none; background-color: #C5B19F !important; }
	form[name="barcode-embedded"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .cont.scroll { position: static; overflow: hidden; }
	form[name="barcode-embedded"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .formInlineLine .inner { display: block; }
	form[name="barcode-embedded"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 p.formTitle { display: block; width: 100% !important; color: #000 !important; font-weight: normal !important; }
	form[name="barcode-embedded"] .barcodeSetting .select-wrap,
	form[name="barcode-embedded"] .barcodeSetting .calendarOuter { display: inline-block; }
	form[name="barcode-embedded"] .barcodeSetting .calendarOuter > div.calendar { top: -3px; }
	form[name="barcode-embedded"] .barcodeSetting .searchBox.active { height: 350px; }
	form[name="barcode-embedded"] .barcodeSetting .extSearch { top: 30px; left: 6px; padding: 5px !important; }
}
@media screen and (max-width: 340px) {
	form[name="barcode-embedded"] .barcodeSetting .cont .upperBox { flex-direction: column-reverse; }
	form[name="barcode-embedded"] .barcodeSetting .cont .upperBox > .col { width: 100%; }
	form[name="barcode-embedded"] .barcodeSetting .cont .upperBox > .col:nth-of-type(2) { padding-bottom: 10px; }
	form[name="barcode-embedded"] .barcodeSetting .cont .upperBox > .col:nth-of-type(2) .formGroup > .inner { justify-content: flex-end; }
}


/*-------------------------------------------------------------
バーコード - 水上げ日 入力
-------------------------------------------------------------*/

/*専用 背景色 設定用*/
.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .headBox { background-color: #1539A0; }
.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .headBox h1 { color: #FFF; }
.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .headBox a.btnClose:hover { background-color: #BACCFF; }
.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .scrollArea { background-color: #FFF; padding-bottom: 0 !important; }
.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .scrollArea .outerBox.boxGradation:after { content: none; }
.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .scrollArea .outerBox .scrollBox,
.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .content,
.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .content > .inner,
.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .content > .inner .upperBox { background-color: #BACCFF; }
.modalOuter.modalSizeSS[class*="BarcodeWr"] .barcodeSetting > .col2 > .contBox { border-color: #1539A0; }
.modalOuter.modalSizeSS[class*="BarcodeWr"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { background-color: #1539A0; border-color: #FFF; }
.modalOuter.modalSizeSS[class*="BarcodeWr"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .formTitle { color: #FFF; font-weight: bold; }

@media screen and (max-width: 480px) {
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow > .inner { margin: 10px; height: calc(100% - 20px); }
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .scrollArea,
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .modalWindow .scrollArea .outerBox .scrollBox { padding: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .partsSizeL input[type="text"],
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .partsSizeL input[type="date"],
	.modalOuter.modalSizeSS[class*="BarcodeWr"] input[type="password"],
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .partsSizeL input[type="number"],
	.modalOuter.modalSizeSS[class*="BarcodeWr"] input[type="email"],
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .partsSizeL select,
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .searchBox input[type="submit"] { height: 25px !important; }
	.modalOuter.modalSizeSS[class*="BarcodeWr"] input[name="mcst_code"],
	.modalOuter.modalSizeSS[class*="BarcodeWr"] input[name="dodr_rcpt_no"] { width: 4em !important; }
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .bottomBox { height: 50px; }
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .bottomBox .lt { padding-left: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .bottomBox .rt { padding-right: 10px; }
	.modalOuter.modalSizeSS[class*="BarcodeWr"] .bottomBox .btn { height: 30px; font-size: 1em; }
	form[name="barcode-wr"] .barcodeSetting.g2-1 { display: block; }
	form[name="barcode-wr"] .barcodeSetting.g2-1 h2 { font-size: 1.2em; }
	form[name="barcode-wr"] .barcodeSetting.g2-1 p.ttlData { font-size: 1.1em; }
	form[name="barcode-wr"] .barcodeSetting > .col2 > .contBox { border: none; }
	form[name="barcode-wr"] .barcodeSetting > .col2 > .contBox > .cont.scroll { position: static; }
	form[name="barcode-wr"] .barcodeSetting > .col2 .g2-1 { display: block; }
	form[name="barcode-wr"] .barcodeSetting .cont .formGroup { padding-bottom: 5px !important; }
	form[name="barcode-wr"] .barcodeSetting .cont .upperBox { padding-bottom: 10px !important; margin-bottom: 10px; border-bottom: 1px solid #FFF; }
	form[name="barcode-wr"] .barcodeSetting .cont .upperBox .formGroup  { padding-bottom: 0 !important; }
	form[name="barcode-wr"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 { padding: 0; border: none; background-color: #BACCFF !important; }
	form[name="barcode-wr"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .cont.scroll { position: static; overflow: hidden; }
	form[name="barcode-wr"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 .formInlineLine .inner { display: block; }
	form[name="barcode-wr"] .barcodeSetting > .col2 > .contBox > .cont.scroll .g2-1 .col2 p.formTitle { display: block; width: 100% !important; color: #000 !important; font-weight: normal !important; }
	form[name="barcode-wr"] .barcodeSetting .select-wrap,
	form[name="barcode-wr"] .barcodeSetting .calendarOuter { display: inline-block; }
	form[name="barcode-wr"] .barcodeSetting .calendarOuter > div.calendar { top: -3px; }
	form[name="barcode-wr"] .barcodeSetting .searchBox.active { height: 350px; }
	form[name="barcode-wr"] .barcodeSetting .extSearch { top: 30px; left: 6px; padding: 5px !important; }
}