#modal_contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}
#modal-open {
}
/* モーダル コンテンツエリア */
#modal-main {
display: none;
width: 320px;

margin: 0;


color: #666666;
position:fixed;
z-index: 99999;
    
	
}

#modal-main::before{
	position: absolute;
    width: 62px;
    height: 63px;
    top: -45px;
    left: 20px;
    background-image: url(../images/main_catch_img01.svg);
    background-size: cover;
    content: "";
    z-index: 1;
}
#modal-main::after {
    position: absolute;
    width: 48px;
    height: 43px;
    top: -30px;
    right: 40px;
    background-image: url(../images/main_catch_img02.svg);
    background-size: cover;
    content: "";
    z-index: 1;
}
#modal-main_inner{
	position:relative;
	padding: 10%;
	background-color: #ffffff;
	box-shadow: 0 12px 26px -2px rgba(0,0,0,0.17);
	 z-index: 99999;
}


/* モーダル 背景エリア */
#modal-bg {
display:none;
width:100%;
height:100%;
background-color: rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
z-index: 9997;
}


.modal_close{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99999999;
}


.modal_title{
	    margin-bottom: 10px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
#modal-main .schedule{
	margin-bottom:20px;
}
#modal-main .schedule table th strong{
	display:none;
}
#modal-main .schedule table {
font-size: 13px;
}
#modal-main .schedule th{
	font-size: 13px;
}
#modal-main .schedule td{
padding:0 3px;
}
#modal-main .schedule_note,
#modal-main .schedule_note2{
	    margin-bottom: 6px;
	    font-size: 12px;
}
.modal-close_outer{
	text-align:center;
}
.modal-close{
	font-size: 13px;
	    color: #5AC2D7;
}
.modal-close img{
    width: 12px;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    top: -1px;
}


@media screen and (max-width:320px) {
#modal-main{
	width:300px;
}