.free_color_modal-content{
  width:535px;
  z-index:101 !important;
  position:fixed;
  margin-top:50px;
  overflow:hidden;
  background-color:#dddddd;
}
.free_color_modal-content_sp{
  z-index: 1000000;
  position:fixed;
  background-image: url("/images/free_color_modal.png");
  width:72%;
}
.modal-p{margin-top:1em;}
.modal-p:first-child{margin-top:0;}
.button-link{color:#00f;}
.button-link:hover{
  cursor:pointer;
  color:#f00;
}
#free_color_modal-overlay{
  z-index:1;
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:120%;
  background-color:rgba(0,0,0,0.4);
}
#free_color_modal-content iframe {
  width:100%;
  height:100%;
  border:none;
  margin:0px;
  display:block;
  background-color: transparent;
  overflow:hidden;
}
#free_color_modal-close{
  float:right;
  padding:3px 10px;
  margin:5px 5px 5px 0px;
  font-size:16px;
  font-weight:bold;
  letter-spacing: 0.5em;
  display:block;
  text-align:center;
  padding-right:10px;
  color:#fff;
  background-color:#eb5532;
  border-radius:10px;
}
#free_color_iframe_body{
  width:100%;
  height:100%;
}

@media screen and (max-width: 640px) {
  #free_color_modal-overlay{
    z-index:100000;
  }
}