.modal-content-sp {
    position:fixed;
    display:none;
    z-index:2;
    width:300px;
	height:250px;
    margin:0;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
font-size: 13px;
font-style: normal;
letter-spacing: 0px;
line-height: 15px;
}
.modal-content-pc {
    position:fixed;
	text-align:center;
    display:none;
    z-index:2;
    width:336px;
	height:300px;
    margin:0;
    padding:0;
    border:2px solid #aaa;
    background:#fff;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-content a:hover {
	cursor: pointer;
}
.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-overlay-upper {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:50%;
    background-color:rgba(0,0,0,0.5);
}
.modal-overlay-lower {
    z-index:1;
    display:none;
    position:fixed;
    top:50%;
    left:0;
    width:100%;
    height:50%;
    background-color:rgba(0,0,0,0.5);
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

#modal-close-movie {
    color:#00f;
    text-decoration:underline;
}
#modal-close-movie:hover {
    cursor:pointer;
    color:#f00;
}

#movie{
	position:relative;
}
@media (max-width: 480px) {
	#movie iframe{
		max-width: 100%;
	}
}