@charset "UTF-8";

#modal_tel_content{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  padding: 30px;
  display: none;
  position: relative;
  opacity: 0;
  z-index: 10001;
}

#modal_tel_content_inner{
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 375px;
  margin: 0 auto;
  padding: 40px 20px ;
  background: #FFF;
  border: solid 1px #cccccc;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}

#modal_tel_content_inner ul{
}
#modal_tel_content_inner li{
  text-align: center;
  padding:10px 0 ;
}
#modal_tel_content_inner li a{
  cursor: default;
  display: block;
  text-align: center;
  display: block;
  background-color: #FFF;
  border: solid 1px #cccccc;
  border-radius: 50px;
  padding: 10px 0;
  background-image:url(../images/common/after.png);
  background-position: top 45% right 5%;
  background-repeat:no-repeat;
  background-size:10px;

}

#modal_tel_content_close {
  z-index: 10002;
  top:-25px;
  right:-25px;
  background: #009c84;
  display: inline-block;
  -webkit-border-radius: 25px;
          border-radius: 25px;
  width: 50px;
  height: 50px;
  position: relative;
  border: 1px solid rgba(0,0,0,.1);
  position: absolute;
}
#modal_tel_content_close span::before,
#modal_tel_content_close span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64%;
  height: 5%;
  margin: -2.5% 0 0 -30%;
  background: rgb(255, 255, 255);
}
#modal_tel_content_close span::before {
  transform: rotate(-45deg);
}
#modal_tel_content_close span::after {
  transform: rotate(45deg);
}