@charset "UTF-8";
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.content{
    margin: 0 auto;
    padding: 0px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	  left: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.7);
    height: 120%;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #ffffff;
    left: 50%;
    padding:15px;
    position: absolute;
    top:50%;
    transform: translate(-50%,-50%);
    width:80%;
	 max-width:500px;
	 height: 660px;
  overflow: auto;
}
.js-modal-close{
	font-size:1.75em;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:480px)
{
.modal__content
	{
padding:0px;
width:85%;
height:500px;

}
}


.iframe {
border: 0px;
   margin: 0px;
   overflow: hidden;
width: 100%;
		 height: 600px;
	  overflow: auto;
	}

/* スマホだけに適用するCSS */
@media screen and (max-width:480px)
{iframe {
border: 0px;
   margin: 0px;
   overflow: hidden;
width: 100%;
		 height: 400px;
	  overflow: auto;
	}}