/* CSS Document */

.modal-content {
    position:fixed;
    display:none;
    z-index:2;
    width:60%;
    margin:0;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}
.modal-content p {
    margin:0;
    padding:0;
}

.modal-content img{
	max-width:100%;
	max-height:80%;
}

/*　縦長写真の設定　*/
.modal-content-tate {
    position:fixed;
    display:none;
    z-index:2;
    width:60%;
    margin:0;
    padding:10px 20px;
    border:2px solid #aaa;
    background:#fff;
}
.modal-content-tate p {
    margin:0;
    padding:0;
}

.modal-content-tate img{
	max-width:85%;
	max-height:85%;
}

.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-open {
    color:#00f;
    text-decoration:underline;
}
.modal-open:hover {
    cursor:pointer;
    color:#f00;
}
.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close a{
	text-align: center;
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}



/*
img.logo{
	max-width: 100%;
}
img.main{
	width: 100%;
	max-height: 500px;
}
*/





/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}