.popMsg
{
  margin-top: 20px;
  margin-left: 20px;
}
.popIcon
{
  display:inline-block;
}
.subTitle,
.popSubTitle
{
  display:inline-block; 
  //color:hsl(0, 0%, 46%);
  color:#000000;
  margin-top: 0px;
  margin-left: 20px;
}

/* フォントサイズ指定 */
.subTitle,
.popSubTitle,
.popup .orderNumInfoArea,
.popup #orderNumInput{
  font-size: 1.5em;
}

.displayNone{
  display: none !important;
}
.displayNoneCover {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:black;
  z-index: 3;
  opacity:0.6;

  // 2017/06/14 Fixed
  height: 100%;
  min-height: 100%;

  // 2019/03/01 Fixed
  width: 100%;
  min-width: 100%;
}

.closeOverlay{
  background-color: hsl(0,0%,20%);
  opacity: 0.5;
  z-index: 3;
}

.closeOverlay{
  position:absolute;
  top:0;
  left:0;
  
  display:block;
  width: 100%;
  height: 100%;

  opacity: 0;
  z-index: -1;
}
.popup.OkCancel{
  max-width: 600px;
  min-height: 180px;
}

.popup,
.previewDialog
{
  opacity:1;
  z-index: 11;
  position:absolute;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
  border-width: 2px;
  border-color: hsl(0,0%,79.2%);
  border-style: solid;
  border-radius: 8px;
  background-color: hsl(0,0%,100%);

  /*サイズ変更箇所*/
  //width:70%;
  //height:20%;
  width:600px;
  height:160px;
  
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -ms-flex-direction:column;
  -ms-flex-wrap:none;
  -webkit-flex-flow:column nowrap;
  flex-flow:column nowrap;
  
  -ms-flex-pack:end;
  -webkit-justify-content:flex-end;
  justify-content:flex-end;
}

.OkCancel::before{
	content:"";
	position:absolute;
	height:80px;
	width:100%;

	bottom:0;
	left:0;

	//background-color: hsl(81,53%,47%);
	background-color: #265691;

	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	box-sizing:border-box;

	z-index: -1;
}

.dlgFooter{
  -ms-flex: 0 0 60px;
  -webkit-flex: 0 0 60px;
  flex: 0 0 60px;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
}
.dlgFooter .dlgFooterBtnLeftArea,
.dlgFooter .dlgFooterBtnRightArea{
  width: 50%;
  position: relative;
}
.dlgFooter .dlgFooterBtnLeftArea .okBtn,
.dlgFooter .dlgFooterBtnLeftArea .cancelBtn{
  position: absolute;
  top:0;
  bottom:0;
  right: 20px;
}
.dlgFooter .dlgFooterBtnRightArea .okBtn,
.dlgFooter .dlgFooterBtnRightArea .cancelBtn{
  position: absolute;
  top:0;
  bottom:0;
  left: 20px;
}

/*★フッターボタン - ベース*/
#returnFlow .returnBtn > span,
#nextFlow .nextBtn > span,
#nextFlow .okBtn > span,
.popup .okBtn,
.popup .cancelBtn{

  //background-color: hsl(81,53%,47%);
  background-color: #265691;

  border-style: solid;
  border-width: 2px;
  border-color:hsl(0,0%,100%);
  border-radius: 10px;
  width: 120px;
  height: 40px;
  color:hsl(0,0%,100%);
  font-size: 1.4em;
  line-height: 1.4em;
  font-weight:normal !important;
}

.popup .okBtn,
.popup .cancelBtn{
  text-align: center;
  cursor: pointer;
  font-size: 1.2em;
  height: 40px;
  //width: 120px;
  width: 130px;
}

/*フッター緑遷移ボタン*/
#returnFlow .returnBtn > span:hover,
#nextFlow .nextBtn > span:hover,
#nextFlow .okBtn > span:hover,
.popup .okBtn:hover,
.popup .cancelBtn:hover,
.messageDialog .cancelBtn:hover,
.messageDialog .okBtn:hover{
  opacity:1;
  box-shadow: 0px 0px 9.5px 0.5px hsl(0,0%,100%);
  text-shadow:0 0 9.5px hsl(0,0%,100%);
}

/* 自前のダイアログ */
.popMyDlg
{
	background-color: #f2f2f2;
	border: #265691 2px solid;
	border-radius: 10px;
	width: calc(100vw - 63px);
	position: absolute;
	top: 20px;
	left: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
	text-align: center;
	box-shadow: 0 3px 5px #bfbfbf;
	z-index:999;
}
.popMyImg
{
	//background-color: #f2f2f2;
	//border: #ffffff 2px solid;
	//border-radius: 10px;
	width: calc(100vw - 20px);
	//width: 95%;
	height 100vh;
	position: absolute;
	top: 10px;
	left: 10px;
	//margin-left: 20px;
	//margin-right: 20px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	//box-shadow: 0 3px 5px #bfbfbf;
	z-index:999;
}
.popMyErr
{
	background-image: url(../img/warning_bg.png);
	color: #ffffff;
	border: #d4544b 2px solid;
	border-radius: 10px;
	width: calc(100vw - 63px);
	position: absolute;
	top: 100px;
	left: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px;
	text-align: center;
	box-shadow: 0 3px 5px #bfbfbf;
	z-index: 999;
}