@charset "utf-8";

#purchasingConfirmArea {
    background-color: #fff;
    width: 600px;
    padding: 30px;
    display: none;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    box-shadow:0px 0px 7px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 0px 7px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 0px 7px 1px rgba(0,0,0,0.2);
}

#purchasingConfirmArea .purchasingConfirm {
    max-height: 300px;
    text-align: left;
    padding: 10px;
    overflow-y: auto;
    word-break: break-all;
}

.purchasingConfirmButtonArea {
    padding: 10px;
    overflow: hidden;
}

/*-----------------------------
  767px以下(xs)で表示
------------------------------*/
@media screen and (max-width:767px) {
    #purchasingConfirmArea {
        width: 80%;
    }
}

#modalChk{
  display:none;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:rgba(247,243,231,0.85);
  z-index:99999;
  overflow:hidden;
}
#modalInChk{
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  text-align:center;
  padding-top:50px;
  z-index:1;
}
#modalBgChk{
  position:absolute;
  top:-500%;
  left:0;
  display:block;
  width:100%;
  height:2000%;
  cursor:pointer;
  z-index:0;
}
#modalWrapChk{
  display:block;
  width:80%;
  max-width:800px;
  margin:0 auto;
  padding:30px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  background:#FFF;
  position:relative;
  box-shadow:0px 0px 7px 1px rgba(0,0,0,0.2);
  -moz-box-shadow:0px 0px 7px 1px rgba(0,0,0,0.2);
  -webkit-box-shadow:0px 0px 7px 1px rgba(0,0,0,0.2);
}
#modalCloseChk{
  position:absolute;
  top:-50px;
  right:-50px;
}
#modalCloseChk a{display:block;width:50px;height:50px;}


@media screen and (max-width:767px) {
  #modalWrapChk{
    width:auto;
    margin:0 20px;
    padding:15px;
  }
  #modalCloseChk{
    position:absolute;
    top:-50px;
    right:-20px;
  }
  #modalCloseChk a{display:block;width:40px;height:40px;}
}


#checkModal{text-align:left;}
#checkModal .cm_txt{
	margin:20px 0 0;
	padding:20px 0;
	font-size:14px;
	font-weight:bold;
}

#checkModal .cm_txt p{
	line-height:1.8;
	padding:5px 0;
}


#checkModal .cm_btn{margin:30px 0 0;}
#checkModal .cm_btn .btnele.gr{float:left;}
#checkModal .cm_btn .btnele.gr > *{
	width:175px;
	height:32px;
	background-size:auto 15px;
}
#checkModal .cm_btn .btnele.rd{float:right;}
#checkModal .cm_btn .btnele.rd > *{
	width:230px;
	height:55px;
	background-size:auto 20px;
}
@media screen and (max-width:767px) {
	#checkModal .cm_btn .btnele.gr,
	#checkModal .cm_btn .btnele.rd{float:none;text-align:center;}
	#checkModal .cm_btn .btnele.rd{margin:0 0 20px}
	#checkModal .cm_btn .btnele.rd > *{
		width:90%;
		max-width:350px;
		min-width:240px;
	}
	#checkModal .cm_btn .btnele.gr > *{
		width:175px;
		height:32px;
		background-size:auto 15px;
	}
}