@charset "utf-8";

#formSec .mw_wp_form select{max-width: 630px;}
#detailsBox .detailsBox h2{background:#fff;border:1px solid #e0e0e0;border-left:15px solid;padding:.3rem 0 .3rem .5rem;width:100%;}
#detailsBox .detailsBox{margin:2em auto 3em;}
#detailsBox .detailsBox p{margin:0 auto 1em;}
#detailsBox .detailsBox .detailsBoxInner{margin:auto;padding:1em 2em;}
#detailsBox .detailsBox .flowBox{margin:auto;width:750px;}
#detailsBox .detailsBox.blueBox{background:rgba(72,144,199,0.13);}
#detailsBox .detailsBox.blueBox .detailsBoxInner{padding:3em 2em;}
#detailsBox .detailsBox.blueBox .detailsBoxInner p{margin-top:1em;width:95%;}
#detailsBox .detailsBox.blueBox .flowTxt{background:#4890c7;color:#fff;font-size:1.15em;padding:.3em 0;text-align:center;}
#detailsBox .detailsBox.blueBox .under_arrow{margin-bottom:4em;position:relative;}
#detailsBox .detailsBox.blueBox .under_arrow:after{border-color:#4890C7 transparent transparent;border-style:solid;border-width:26px 50px 0;bottom:-2.5em;content:"";height:0;left:0;margin:auto;position:absolute;right:0;width:0;}

#onlineReservationSec{margin-bottom:3em}
#onlineReservationSec>.sectionInner{border:1em solid #ea8046;padding:3em 2em 2em;width:1050px;}
#onlineReservationSec h2{color:#ea8046;font-size:1.8em;font-weight:700;}
#onlineReservationSec .wpcf7-response-output{display:none;}

@media screen and (max-width: 800px) {
    #formSec .mw_wp_form select{max-width: 100%;}
    
    #formSec .grayBox.dispFlex{flex-wrap: wrap;}
    #formSec .grayBox.dispFlex p:first-child{font-weight:bold;font-size: 1em;}
    
    #detailsBox .detailsBox h2{
    padding: 0.3em 0.5em;
}
    
    #detailsBox .detailsBox{}
    #detailsBox .detailsBox p{}
    #detailsBox .detailsBox .detailsBoxInner{
    padding: 5%;
}
    #detailsBox .detailsBox .bnrBox{flex-wrap:wrap}
    #detailsBox .detailsBox .flowBox{width: 100%;}
    #detailsBox .detailsBox.blueBox{}
    #detailsBox .detailsBox.blueBox .detailsBoxInner{
    padding: 5%;
}
    #detailsBox .detailsBox.blueBox .detailsBoxInner p{}
    #detailsBox .detailsBox.blueBox .flowTxt{
    padding: 2.5% 5%;
}
    #detailsBox .detailsBox.blueBox .under_arrow{}
    #detailsBox .detailsBox.blueBox .under_arrow:after{}
    #onlineReservationSec>.sectionInner{
    width: 100%;
    padding: 3em 5% 2em;
}
    #formSec .wpcf7-list-item{margin: 0 0.5em 0.4em;}
    #onlineReservationSec h2{
    margin-bottom: 1em;
}
}