.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.6em;
}

.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%;
}

.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: #cc2424;

	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: #cc2424;

  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.6em;
  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%);
}