@charset "UTF-8";
/* CSS Document */
body { background:#f6f8f7; }/* HEADER */
input { max-width:100%; background-image:none;}
input[type="submit"] { -webkit-appearance: none; }
input[type="button"] { -webkit-appearance: none; }
input[type="text"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }

#header { width:960px; margin:0 auto 15px auto;  position:relative; }
#header h1 { padding:5px 130px 0 0; margin:0 0 0 0; line-height:15px; font-size:10px; color:#444; text-align:left; }
#header #homeBtn { width:120px; position:absolute; right:0px; top:0px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; -ms-border-bottom-left-radius:5px;  -o-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; -ms-border-bottom-right-radius:5px; -o-border-bottom-right-radius:5px; background:#88c3d5; font-size:12px; text-align:center; padding:5px 0 5px 0; line-height:14px; display:block; text-decoration:none; color:#fff;  }
#header #homeBtn:hover { background:#ccc; text-decoration:none; }
#header2 { width:960px; margin:0 auto 40px auto; }
#header2 h2 { float:left; }
#header2 #tel { width:400px; float:right; }
#header2 #tel h3 { background:#5fa7bf; padding:5px 0 5px 0;  font-size:16px; color:#fff; font-weight:bold; text-align:center; width:200px; float:left; }
#header2 #tel p { display:block; width:200px; text-align:right; font-size:24px; color:#e68f08; font-weight:bold; margin:0 0 0 0; line-height:26px; float:right; }
#header2 #tel p span { display:block; width:200px; text-align:right; font-size:10px; color:#444; font-weight:normal; margin:0 0 0 0; line-height:18px; }

/* CONTENT */
#content { border:#ccc solid 1px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; width:960px; margin:0 auto 30px auto; padding:30px 30px 30px 30px; background:#fff; }
#content h3 { font-size:28px; line-height:32px; padding:0 0 5px 0; margin:0 0 5px 0; color:#444; text-align:left; border-bottom:#444 solid 1px; font-weight:normal; }
#content .breadLink { margin:0 0 20px 0; }
#content .breadLink ul { text-align:right; }
#content .breadLink ul li { display:inline; }
#content .breadLink ul li a { color:#333; text-decoration:underline; }
#content .breadLink ul li a:hover { color:#333; text-decoration:none; }


#content #ruleBox { border:#ccc solid 1px; padding:10px; margin:0 auto 40px auto; }
#content #ruleBox p { font-size:12px; line-height:18px; margin:0 0 10px 0; }
#content #formBox #attentionBox { border:#eee solid 1px; padding:15px; height:100px; overflow:auto; overflow-y:none; }
#content #formBox #attentionBox h4 { font-size:14px; color:#333; margin:0 0 10px 0 ; font-weight:bold; color:#333; background:none; padding:0 0 0 0; }
#content #formBox #attentionBox p { font-size:12px; }
#content #formBox #attentionBox ol { }
#content #formBox #attentionBox ol li { list-style:inside decimal ; margin:0 0 10px 0; font-size:12px; }
#content #formBox #attentionBox ol li b {  font-size:12px; }

#content #formBox { }
#content #formBox h4 {  background:#d8a862; padding:10px 10px 10px 10px; font-size:18px; line-height:20px; color:#fff; margin:0 0 10px 0; }
#content #formBox p { font-size:12px; margin:0 0 5px 0; }
#content #formBox p span { color:#f00; }
#content #formBox p.errorMessage { margin:0 0 120px 0; }
#content #formBox p.thanksMessage { margin:0 0 120px 0; }
#content #formBox table { width:100%; margin:0 0 30px 0; }
#content #formBox table tr th { background:#ebe8e8; font-size:12px; color:#333; padding:10px; width:180px; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px; }
#content #formBox table tr th span { color:#f00; font-size:10px; }
#content #formBox table tr td { padding:10px; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px; font-size:12px; }
#content #formBox table tr td label { display:inline-block; margin:0 10px 10px 0; padding:5px; border:#eee solid 1px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; cursor:pointer; }
#content #formBox table tr td.needInput label {  border:#fff solid 1px; background:#ffffee; }
#content #formBox table tr td.needInput label:hover { background:#ffffff; border:#fff solid 1px; }
#content #formBox table tr td.needInput input[ type="text" ] { background:#ffffee; }
#content #formBox table tr td label:hover { border:#eee solid 1px; background:#eee; }
#content #formBox table tr td textarea { width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:5px; border:#ccc solid 1px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; font-size:14px; color:#333; resize:vertical; min-height:80px  }
#content #formBox table tr td img { width:auto; vertical-align:middle; }
#content #formBox table tr td dl { display:block; position:relative; width:50%; float:left; }
#content #formBox table tr td dl dt {  display:block; position:absolute; top:5px; left:0px; width:30px; }
#content #formBox table tr td dl dd {  display:block; padding:0 5px 0 30px; }
#content #formBox table tr td dl dd input { width:100%; display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:5px; border:#ccc solid 1px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; font-size:14px; color:#333; }
#content #formBox table tr td input { display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:5px; border:#ccc solid 1px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; font-size:14px; color:#333; }
#content #formBox table tr td h5 { background:#ffc; color:#333; padding:5px; margin:5px 0 5px 0; }
#content #formBox table tr td ul { }
#content #formBox table tr td ul li { display:block; padding:0 0 0 60px; position:relative; margin:0 0 10px 0; }
#content #formBox table tr td ul li span { display:block; position:absolute; top:5px; left:0px; width:50px; font-size:12px; }
#content #formBox table tr td ul li input { display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:5px; border:#ccc solid 1px; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; font-size:14px; color:#333; }
#content #formBox table tr td ul li select { margin:5px 0 0 0; }
#content #formBox table tr td span { display:block; margin:0 0 5px 0; }
#content #formBox .submitBtn { margin:0 0 30px 0; }
#content #formBox .submitBtn input { display:block; width:240px; margin:0 auto 0 auto; font-size:16px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; background:#88c3d5; color:#fff; outline:none; padding:10px; border:none; cursor:pointer; text-align:center; }
#content #formBox .submitBtn input:hover { background:#ccc; }
#content #formBox p.thanksReserve {  display:block; font-size:18px; text-align:center; padding:10px 0; color:#444; margin:0 auto 20px auto; }
#content #formBox .submitBtn ul { width:520px; margin:0 auto 0 auto; }
#content #formBox .submitBtn ul#lonelyBtn { width:260px; margin:0 auto 0 auto; }
#content #formBox .submitBtn ul li { width:240px; float:left; padding:0 10px; display:block; }
#content #formBox .submitBtn a { display:block; width:240px; margin:0 auto 0 auto; font-size:16px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; background:#88c3d5; color:#fff; outline:none; padding:10px; border:none; cursor:pointer; text-align:center; text-decoration:none; }
#content #formBox .submitBtn a:hover { background:#ccc; text-decoration:none; color:#fff; }

#pageTop { width:960px; margin:0 auto 0 auto; text-align:right; }
#pageTop a { width:120px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; -ms-border-top-left-radius:5px;  -o-border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; -ms-border-top-right-radius:5px; -o-border-top-right-radius:5px; background:#88c3d5; font-size:12px; text-align:center; padding:7px 0 5px 0; line-height:14px; display:block; text-decoration:none; color:#fff; float:right;  }
#pageTop a:hover { background:#ccc; text-decoration:none; }

.needInput { background:#fff9f9; }

/* カレンダー 休日処理 */
.cal-table tbody tr .cal-day-cell:nth-of-type(7n+3) { background:#fff; }
.cal-table tbody tr .cal-day-cell:nth-of-type(7n+3) a { pointer-events:none; position:relative; display:block; background:#fff; }
.cal-table tbody tr .cal-day-cell:nth-of-type(7n+3) a::before { content:'休'; left:0; top:0; width:100%; height:100%; background:#fff; color:#F78E73; font-weight:bold;  display:block; position:absolute;}

@media screen and (max-width:980px) {
#header { width:98%; }
#header2 { width:98%; }
#content { width:98%; }
#pageTop { width:98%; }
}
@media screen and (max-width:768px) and (orientation:portrait) {
/* スマホ縦向き */
#header2 { display:none; }
#header2 h2 {  width:98%;  margin:0 auto 10px auto; position:static; float:none }
#header2 #tel { width:98%; margin:0 auto 0 auto; float:none; text-align:left; }
#header2 #tel h3 { float:none; margin:0 0 5px 0; }
#header2 #tel p { float:none; text-align:left; display:inline-block; width:auto; }
#header2 #tel p span { float:none; text-align:left; display:inline-block; width:auto; padding:0 0 0 10px; }

#content { padding:10px; }
#content #formBox table,
#content #formBox table tbody,
#content #formBox table tr { display:block; }
#content #formBox table tr th  { display:block; width:100%; float:none; border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:10px; margin:0 0 0 0;  }
#content #formBox table tr th br { display:none; }
#content #formBox table tr td { display:block; width:100%; float:none; border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:10px; margin:0 0 10px 0; }
#content #formBox table tr td dl { width:100%; float:none; margin:0 0 10px 0; }
#content #formBox table tr td input { max-width:100% !important; }
#content #formBox table tr.telNumber input { width:25%; }
#content #formBox table tr.faxNumber input { width:25%; }
#content #formBox table tr td label { display:block; }
#content #formBox .submitBtn ul { max-width:100%; }
#content #formBox .submitBtn ul#lonelyBtn li { box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; width:100%; padding:0 5px 0 5px;  }
#content #formBox .submitBtn ul li { box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; width:50%; padding:0 5px 0 5px;  }
#content #formBox .submitBtn ul li input { width:100%; }
.spNone {  display:none !important; }
}

@media screen and (max-width:768px) and (orientation:landscape) {
/* スマホ横向き */
#header2 { display:none; }
#header2 h2 {  width:98%;  margin:0 auto 10px auto; position:static; float:none }
#header2 #tel { width:98%; margin:0 auto 0 auto; float:none; text-align:left; }
#header2 #tel h3 { float:none; margin:0 0 5px 0; }
#header2 #tel p { float:none; text-align:left; display:inline-block; width:auto; }
#header2 #tel p span { float:none; text-align:left; display:inline-block; width:auto; padding:0 0 0 10px; }

#content { padding:10px; }
#content #formBox table,
#content #formBox table tbody,
#content #formBox table tr { display:block; }
#content #formBox table tr th  { display:block; width:100%; float:none; border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:10px; margin:0 0 0 0;  }
#content #formBox table tr th br { display:none; }
#content #formBox table tr td { display:block; width:100%; float:none; border:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:10px; margin:0 0 10px 0; }
#content #formBox table tr td dl { width:100%; float:none; margin:0 0 10px 0; }
#content #formBox table tr td input { max-width:100% !important; }
#content #formBox table tr td label { display:block; }
#content #formBox table tr.telNumber input { width:25%; }
#content #formBox table tr.faxNumber input { width:25%; }
.spNone { display:none !important; }
}