@charset "utf-8";


#time_table ul li { display:flex; padding:80px 0; border-top:1px solid #efefef; background:none }
#time_table ul li:first-child { border-top:none }
#time_table ul li:before { content: none }
#time_table ul li .photo { width:300px; padding-top:20px }
#time_table ul li .photo .background { position:relative; margin:0 auto; overflow:hidden; width:200px; height:200px; border-radius: 50%; background-color: #eaeef3 }
#time_table ul li .photo .background img { margin-top:20px }

#time_table ul li .photo .detail-link { display:none; justify-content: center; align-items: center; position:absolute; left:0; top:0; margin:0 auto; overflow:hidden; width:200px; height:200px; border-radius: 50%; background-color: rgba(0,0,0,0.5)  }
#time_table ul li .photo:hover .detail-link { display: flex }
#time_table ul li .photo .detail-link a { color:#fff; text-decoration: underline }

#time_table ul li .time_table { width:850px }
#time_table ul li .time_table h2 { overflow:hidden; color:#191919; font-weight:400; font-size:23px }
#time_table ul li .time_table h2 span.sp { height:1em; vertical-align: middle; display: inline-block; color:#e2e2e2; font-size: .8em; margin:-20px 20px 0 20px }
#time_table ul li .time_table h2 span.title { color:#888 }
#time_table ul li .time_table table { border-collapse: collapse; width:100%; margin-bottom:20px; font-size:17px; text-align: center }
#time_table ul li .time_table table th,
#time_table ul li .time_table table td { padding:15px 0 }
#time_table ul li .time_table table thead th { background: #f9f9f9; color:#000; width:15%; border-bottom:1px solid #d5d5d5; border-top:1px solid #d5d5d5 }
#time_table ul li .time_table table tbody td { color:#666; border-bottom:1px solid #efefef }
#time_table ul li .time_table table tbody tr:last-child td { border-bottom:1px solid #d5d5d5 }
#time_table ul li .time_table .help { color: #666; font-size:17px }
#time_table ul li .time_table .help span { color: #4876ef }

#reservation {
    background:no-repeat center center url("contact-bg.png");
    background-size: cover;
    position: absolute;
    z-index: 0;
    left: 379px;
    width: calc(100% - 379px);
    padding:80px 150px 0 0;
    height:450px
}
#reservation .wrap {
    display:flex;
    width:1200px; margin:0 auto
}
#reservation .wrap .contact {width:458px; color:#fff}
#reservation .wrap .contact h3 {font-size:23px; font-weight: 400; margin-bottom:20px; color:#fff}
#reservation .wrap .contact h2 {font-size:60px; color:#44eca7; margin-bottom:20px; line-height: 1.0}
#reservation .wrap .contact .cry-btn { width:400px; margin-top:20px }

#reservation .wrap .time_table { width:670px }
#reservation .wrap .time_table table { border-collapse:collapse; width:100%; text-align: center; color:#fff }
#reservation .wrap .time_table table td { width:25%; padding:13px 0; border:1px solid rgba(29,74,200, .5) }
#reservation .wrap .time_table table td:first-child { border-left:none }
#reservation .wrap .time_table table td:last-child { border-right:none }
#reservation .wrap .time_table table thead td { background: rgba(68, 236, 167, .5)
}