modal01{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.content{
	margin: 5px;
	padding: 5px;
}
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	background: #fff;
	left: 50%;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
}
.js-close_area {
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.94);
}
.js-modal-open .link_t,.js-modal-open h4 {
    color:blue;
}
.modal__content .js-close_area a span {
    color: black !important;
}
.js-close_button a {
    color:#595959;
}
.js-close_button a {
    font-size: 50px;
}
.js-modal-open .link_t,.js-close_area {
    font-weight: bold;
}
.modal {
    left: 0;
}
.modal_content {
    margin: 0 auto;
}
.js-close_area,
.side_scroll_area .js-close_area {
    margin: 0 auto 1em auto;
}
.js-close_area {
    margin: 0 auto 1em auto !important;
}
.js-close_area {
    margin-bottom: 15px;
}
.modal__content {
    max-height: 70%;
}
.modal_image_box:hover {
    opacity: 0.6;
}
.js-close_button {
    position: absolute;
}
.js-close_button {
    right: 25px;
}
.js-close_area {
    text-align: center;
}
.js-close_button {
    width: 25px;
}
.js-close_area {
    width: 100px;
}
.modal.js-modal {
    z-index: 1000;
}
.modal__content,.modal_content {
    z-index: 9999;
}
/*************** レスポンシブ S ***************/
@media screen and (max-width: 640px){
	.modal__content {
		overflow: scroll;
	}
	.modal__content {
		padding: 10px;
	}
	.modal_content {
		padding: 10px 0;
	}	
	.js-close_button {
		left: 80%;
		right: initial;
	}
	.modal__content {
		width: 85%;
	}
	.js-close_button {
		width: 50px;
	}
	.jq_modal_content h3 {
		width: 75%;
	}
	.close_btn {
		z-index: 10000;
	}
}