@charset "utf-8";

#pop_zone {
    position: absolute;
    top: 0px;
    left: 0%;
    width: 100%;
    margin-left: 0px;
    z-index: 3000;
}
#pop_zone .pop {
	position: absolute;
	top: 0;left: 0;
    padding-bottom:35px;
	z-index: 1;font-size:0;
}


#pop_zone .pop .ct {
	background: #fff;
	width: 100%;
	height: expression( this.scrollHeight > 99 ? "100px" : "auto" );
	overflow-y: auto;
	height:100%;
}
#pop_zone .pop .ct div {position:absolute;bottom:55px;width:90%;left:50%;transform:translate(-50%);}
#pop_zone .pop .ct a{
  display: block;
  width:100%;min-height:38px;
  margin-bottom:2px;
  color:#fff;text-align:center;font-size: 14px;font-weight: 400;letter-spacing:-1px;padding:8px 0;box-sizing: border-box;
}

#pop_zone .pop .ct .pop3_txt {width:87%;}
#pop_zone .pop .ct .pop3_txt a {background:#fff;color:#0065b3;font-weight: 440;height:38px;padding:8px 0;}
#pop_zone .pop .ct .pop3_txt a:first-child {background:#faff7a;}
#pop_zone .pop .ct .pop3_txt a.txt_small {width:49.5%;display:inline-block;}
#pop_zone .pop .ct .pop3_txt a:nth-child(3), #pop_zone .pop .ct .pop3_txt a:nth-child(5) {float:right}

#pop_zone .pop .ct p img{
	margin-bottom:-21px;
}

#pop_zone .pop .ct img {
	display:block;
	font-size:0
}

#pop_zone .pop .ct .pop_button{
  width:70%;
  overflow:hidden;
  position:absolute;
  bottom:60px;
  left:50%;
  margin-left:-35%;
}
#pop_zone .pop .ct .pop_button a {
  display:block;
  width:40%;
  background-color:#3f9a2b;
  text-align:center;
  float:left;
  padding:10px 15px;
  letter-spacing: -1px;
  font-size: 17px;
  color: #fff;
}
#pop_zone .pop .ct .pop_button1 a {
  display:block;
  width:90%;
  margin:0 auto;
  background-color:#f36700;
  float:none;
  padding:10px 0px;
  border-radius:30px;
}
#pop_zone .pop .ct .pop_button.pop_button2{
  width:60%;
  margin-left:-30%;
}
#pop_zone .pop .ct .pop_button.pop_button2 a{
  width:37%;
}
#pop_zone .pop .ct .pop_button.pop_button2 a.output{
  background-color:#f36700
}

.pop .close {
    position: absolute;
    height: 35px;
	  background:#d0d2d9;
    box-sizing:border-box;padding: 0 10px;
    width:100%;bottom:0;
}

.pop .close label {
	font-size: 13px;
	color: #777;
}

.pop .close .inp_c>input[type=checkbox] {width:17px;height:17px;margin:-1px -16px 0 0;}
.pop .close .inp_c>label {height:15px !important;min-height:17px;padding:0 0 0 20px;background-size:15px 15px !important;line-height:15px !important;}
.pop .close button {
	position: absolute;
	top: 3px;
	right: 5px;
	width: 30px;
	height: 30px;
	background: url(../img/common/btn_popZone_close.png) no-repeat center;
	font-size: 0;
}

@media screen and (max-device-width:768px) {

  #pop_zone .pop {
      box-sizing:border-box
  }

  #pop_zone {
      top: 140px;
      left: 0;
      width: 100%;
      box-sizing: border-box;
      margin: 0;
      padding: 0 10px 0 10px;
      text-align: center;
  }

  #pop_zone .pop {
      display: inline-block;
      position: relative;
      top: 0 !important;
      left: 0 !important;
      margin: 0 5px 5px 0;
      vertical-align: middle;
      text-align: left;
      width: 100% !important;
      height:auto !important;
  }

  #pop_zone .pop .ct img {
    width:100% !important;
  }

  #pop_zone .pop .ct .pop_button{
    width:90%;
    margin-left:-45%;
    bottom:48px;
  }
  #pop_zone .pop .ct .pop_button.pop_button2{
    width:66%;
    margin-left:-33%;
    bottom:50px;
  }

	#pop_zone .pop .ct .pop_button a{font-size:14px;padding:8px 10px;}

}

@media screen and (max-device-width:380px) {

  #pop_zone .pop .ct div {bottom:50px;}
  #pop_zone .pop .ct a{
    width:100%;height:32px;
    font-size: 13px;letter-spacing:-1px;padding:6px 0;box-sizing: border-box;
  }
  #pop_zone .pop .ct .pop3_txt a {padding:10px 0;}

}