@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
受注管理
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*------------------------------------------------------------
メール送信
-------------------------------------------------------------*/
.contentsArea.sendMail { padding: 10px; background-color: #F0F0F0; }
.contentsArea.sendMail .g2-2 { gap: 0; -ms-grid-columns: 10fr 0px 7fr; grid-template-columns: 10fr 7fr; } 
.contentsArea.sendMail .g2-2 > div[class^="col"] { background-color: #FFF; padding: 25px; }
.contentsArea.sendMail .g2-2 .col1 .g2-1 { gap: 10px;　-ms-grid-rows: auto 10px 1fr; }
.contentsArea.sendMail .g2-2 .col1 .g2-1 .col2 .contBox { border: 10px solid #F5F6FA; }
.contentsArea.sendMail .g2-2 .col2 { position: relative; }
.contentsArea.sendMail .g2-2 > .col2 { padding-top: 0 !important; }
.contentsArea.sendMail .g2-2 > .col2:after { content: ""; display: block; width: 20px; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 100%); }
.contentsArea.sendMail p.formTitle { font-size: 1em; line-height: 1em; color: #000; display: flex; align-items: center; padding-bottom: 5px; }
.contentsArea.sendMail .formBlockLine .inner:not(:last-of-type) { margin-right: 10px; }
.contentsArea.sendMail .formBlockLine .inner:nth-of-type(4n) { margin-right: 0; }
.contentsArea.sendMail .formInlineLine .inner { margin-right: 0; } 
.contentsArea.sendMail .cont.scroll { position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; height: calc(100% - 40px); overflow-y: scroll; overflow-x: hidden; }
.contentsArea.sendMail .cleditorMain { width: auto !important; }
.contentsArea.sendMail .btnBox { background-color: #F5F6FA; }
.contentsArea.sendMail .btnBox .btnArchive { width: 70px; height: 30px; font-size: 1em; }
.contentsArea.sendMail .mailImgArea { padding: 20px; background-color: #F5F6FA; border: 1px solid #EEE; }
.contentsArea.sendMail .mailImgArea .formGroup { padding-bottom: 0; }
.contentsArea.sendMail .mailImgArea:not(:last-of-type) { margin-bottom: 10px; }
.contentsArea.sendMail .mailImgArea .swiper-button-prev,
.contentsArea.sendMail .mailImgArea .swiper-button-next { top: calc(50% - 24.5px); }
.contentsArea.sendMail .mailImgArea .swiper-slide { height: 204px; width: calc((100% - 31px) / 4) !important; flex-basis: calc((100% - 31px) / 4) !important; display: flex; flex-direction: column; align-items: center; position: relative; }
.contentsArea.sendMail .mailImgArea .swiper-slide:before { content: ""; position: absolute; z-index: 0; }
.contentsArea.sendMail .mailImgArea .swiper-slide a { width: 100%; height: 180px; display: flex; justify-content: center; align-items: center; background-color: #F0F0F0; border: 1px solid #EEE; /*position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5;*/ }
.contentsArea.sendMail .mailImgArea .swiper-slide img { height: auto; max-height: 100%; width: auto !important; max-width: 100%; }
.contentsArea.sendMail .mailImgArea .swiper-slide .checkBox { margin-top: 5px; position: absolute; bottom: 0; z-index: 10; }
.contentsArea.sendMail img[name="send_photo"] { width: auto !important; max-width: 100px; height: auto !important; max-height: 100px; }
@media screen and (max-width: 1320px) {
	.contentsArea.sendMail .mailImgArea .swiper-slide { width: calc((100% - 21px) / 3) !important; flex-basis: calc((100% - 21px) / 3) !important; }
	.contentsArea.sendMail .formBlockLine .inner:nth-of-type(4n) { margin-right: 10px; }
	.contentsArea.sendMail .formBlockLine .inner:nth-of-type(3n) { margin-right: 0; }
}

.contentsArea.sendMail .oldPhotoArea { display: flex; flex-wrap: wrap; row-gap: 10px; }
.contentsArea.sendMail .oldPhotoArea > .inner { display: flex; flex-direction: column; align-items: flex-start; row-gap: 5px; }
.contentsArea.sendMail .oldPhotoArea > .inner > a { margin-left: 5px; }