@charset "UTF-8";
/*=============================================================
 reservation イベント予約・空席状況の確認
=============================================================*/
#mainimg { background-image: url("../img/reservation/bg_mainimg01_sp.png"); }
/*! forPC !*/
@media screen and (min-width: 600px) { #mainimg { background-image: url("../img/reservation/bg_mainimg01_pc.png"); } }
/*! #booking-form .secRead01
============================================ */
.boxRead01 { padding: 65px 25px 40px; }
.boxRead01 p { line-height: 2; font-size: 1.2rem; }
.boxRead01 .viewPc { display: none; }
/*! forPC !*/
@media screen and (min-width: 600px) { .boxRead01 { width: 880px; margin: 0 auto; padding: 130px 0 60px; text-align: center; }  .boxRead01 p { line-height: 2.5; font-size: 1.4rem; }  .boxRead01 .viewPc { display: block; } }
/*! #booking-form .boxForm01
============================================ */
.boxForm01 table { display: block; width: 100%; border-bottom: solid 1px #ccc9c8; }
.boxForm01 th , .boxForm01 td { display: block; padding: 12px 25px; border-top: solid 1px #ccc9c8; }
.boxForm01 th { background: #f4f5f7; font-weight: 700; vertical-align: middle; }
.boxForm01 th .must , .boxForm01 th .free { display: inline-block; margin: 0 0 0 10px; padding: 5px 10px; background: #ccc; color: #fff; font-weight: normal; font-size: 1.1rem; vertical-align: middle; }
.boxForm01 th .must { background: #f00; }
.boxForm01 td { background: #eceef0; }
.boxForm01 td.data01 { padding: 20px 25px; font-weight: 700; }
.boxForm01 td.zip input { width: 40% !important; }
.boxForm01 td.zip #js-btn-postcode { background: #333; padding: 5px 20px; margin-left: 10px; color: #fff; }
.boxForm01 input[type="text"] , .boxForm01 input[type="tel"] , .boxForm01 input[type="email"] , .boxForm01 textarea , .boxForm01 select { width: 95%; padding: 5px; background: #fff; font-size: 16px; }
.boxForm01 textarea { width: 95%; }
.boxForm01 td .error-message { margin-top:5px; color: #f00; }
.boxForm01 .boxAgree01 { padding: 25px; text-align: center; }
.boxForm01 .boxBtns01 { padding: 0 33px; }
/*! forPC !*/
@media screen and (min-width: 600px) { .boxForm01 { width: 880px; margin: 0 auto; }  .boxForm01 table { display: table; width: 100%; border-bottom: solid 1px #ccc9c8; }  .boxForm01 th , .boxForm01 td { display: table-cell; padding: 12px 25px; border-top: solid 1px #ccc9c8; font-size: 1.4rem; }  .boxForm01 th { width: 30%; text-align: center; }  .boxForm01 td { width: 70%; }  .boxForm01 input[type="text"] , .boxForm01 input[type="tel"] , .boxForm01 input[type="email"] , .boxForm01 textarea , .boxForm01 select { font-size: 1.4rem; }  .boxForm01 .boxAgree01 { padding: 35px 0 25px; font-size: 1.4rem; }  .boxForm01 .boxBtns01 { padding: 0; text-align: center; }  .boxForm01 .boxBtns01 button { display: inline-block; width: 240px; } }
/*! #booking-form .boxPrivacy01
============================================ */
.boxPrivacy01 { padding: 50px 0; }
.boxPrivacy01 .tit02 { padding: 0 0 15px; font-size: 1.7rem; text-align: center; }
.boxPrivacy01 .boxIn { height: 150px; overflow: auto; overflow-x: hidden; margin: 0 15px; padding: 15px; border: solid 1px #d2d2d2; background: #fff; }
.boxPrivacy01 .tit01 { line-height: 2.1; font-size: 1.1rem; }
.boxPrivacy01 .txt01 , .boxPrivacy01 .txt02 , .boxPrivacy01 .list01 { line-height: 2.1; font-size: 1rem; }
.boxPrivacy01 .txt02 { padding-bottom: 1em; }
.boxPrivacy01 .list01 li { padding: 0 0 0 .5em; }
/*! forPC !*/
@media screen and (min-width: 600px) { .boxPrivacy01 { padding: 120px 0; }  .boxPrivacy01 .tit02 { padding: 0 0 35px; font-size: 2.4rem; }  .boxPrivacy01 .boxIn { width: 1000px; height: 300px; margin: 0 auto; padding: 34px; }  .boxPrivacy01 .tit01 { line-height: 2; font-size: 1.6rem; }  .boxPrivacy01 .txt01 , .boxPrivacy01 .txt02 , .boxPrivacy01 .list01 { line-height: 2; font-size: 1.3rem; } }
/*# sourceMappingURL=maps/booking-form.css.map */
textarea#booking-note {height: 50px;}