body.fixed {position: fixed;width: 100%;height: 100%;left: 0;}
.modal{display: none;height: 100vh;position: fixed;top: 0;left: 0;width: 100%;z-index: 999999}
.modal__bg{background: rgba(0,0,0,0.8);height: 130vh;position: absolute;left: 0;top: 0; width: 100%;z-index: 999999}
.modal__content{background: #333;left: 50%;padding:0px;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 50%;z-index: 999999}
.modal__content a{text-decoration: none}
.js-modal-close{position: absolute;top: -50px;right: -40px;font-size: 80px;display: block;color: #fff;cursor: pointer}
.photo-wrap{position: relative}
.photo-wrap p{width: 100%;padding: 12px;text-align: left; background:#666;color: #fff; font-size: 13px;
box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.photo-wrap img{width: 100%;height: auto}
@media screen and (max-width: 767px) {/*スマホ設定*/
.js-modal-close{position: absolute;top: -70px;right: 0px;font-size: 60px;display: block;color: #fff}
.modal__content{padding: 0px;width: 90%;}
}