/***
telタップ　ポップアップ
***/
.modal--content.current{
display:block !important;
}
.modal--overlay.current{
display:block !important;
}
#modal-content,
#modal-overlay{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#modal-overlay{
background-color:rgba(0,0,0,.75);
z-index:9999;
}
#modal-overlay span{
display:block;
width:100%;
height:100%;
}
#modal-content{
overflow-y:auto;
max-height:100vw;
top:50%;
left:50%;
text-align:center;
box-sizing:border-box;
transform:translate(-50%, -50%);
z-index:10000;
}
@media (orientation:landscape){
#modal-content{
width:50%;
max-height:50vw;
}
}
#modal-content-container{
/*padding:2em;*/
margin-top:0 !important;
}
#modal-content-container a{
display:block;
}
.close-modal{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
position:absolute;
top:0.5em;
right:0.5em;
width:40px;
height:40px;
line-height:1;
color:#ffffff;
padding:0;
border-radius:50px;
background:#000;
border:2px solid #fff;
}
.close-modal::after{
content:"×";
display:block;
text-indent:initial;
white-space:initial;
overflow:initial;
font-size:30px;
line-height:1;
width:30px;
height:30px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}