@charset "utf-8";
#container { display: flex; flex-direction: column; min-height:100vh; }

header { padding:5px 10px 7px; border-top:3px solid #ca0349; }
header .inner { position:relative; }
#h_sp > * { float:left; line-height:35px; margin:0; padding:0; }
#h_sp h1 { margin-right:20px; width:70px; }
#h_sp h2 { width:180px; padding-top:7.5px; }
#h_sp::after { content:""; display:block; clear:both; }
#h_title h1 { font-size:80%; font-weight:normal; color:#777; padding:0; }
#h_title .dib { display:inline-block; vertical-align:middle; }
#h_right { position:absolute; top:0; right:10px; }
#h_link_area li { display:inline-block; }
#h_tel { margin-top:30px; text-align:right; }

#page_title { background:#ca0349; padding:10px; }
#page_title .inner::after { content:""; display:block; clear:both; }
#page_title h3 { float:left; color:#fff; font-size:140%; padding:0; }
#page_title .btn { border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 1px 3px #ccc;
  float: right; margin-top:3px; background: linear-gradient(#FFFFFF, #E0E0E0); }
#page_title .btn a { border: 1px solid #fff; border-radius: 2px; display: block; width: 120px;
  background: url("/sp/img/common/ico/i_ar_gray.png") no-repeat 10px center; background-size: 9px 10px;
  padding: 2px 0 2px 7px; font-size: 86%; font-weight: 700; color: #999;
  text-align: center; text-shadow: 0 1px 0 #fff; text-align: center; }

main { flex-grow:1; }

footer { margin-top:50px; background: #eee; padding: 1px 0; }
#copyright { font-size: 90%; margin: 10px 0 0; text-align: center; }
#fmenu { font-size: 90%; text-align: right; }
#fmenu li { display:inline-block; margin:5px; }

@media only screen and (max-width:599px) {
  #page_title { padding:10px 3px; }
  #page_title h3 { font-size:100%; }
  #page_title .btn a { width:70px; font-size:60%; background-size: 6px 7px; background-position:5px center; }
}

#form { margin-top:30px; padding:0 10px; }
#form table { width:100%; }
.sform th, .sform td { padding:1em 0 1em .3em; }
.sform th { background:#eee; }
.formN {  }
.eform .formIp { text-align: left; line-height:1.3; padding:.3em 0; }
.sform .formNavi.text .subb::before { content:none; }
.sform .formNavi.text .subb.ok { width:290px; color:#fff; line-height:1.4;
  background:linear-gradient(to bottom, #FCB750, #F48D00); border:1px solid #F48D00; }
.sform .formNavi.text .subb.ok span { font-size:75%; display:block; }

pre { white-space:pre-wrap; word-break:break-all; }
input[type="text"], select { font-family:inherit; }
option[disabled] { color:#bbb; }
.conf .xi_prefk { display:none; }
.xItem .formIp { text-align: center; }
#row_tgsck td label { display:inline-block; margin-right:.5em; }
.online_not_selected #row_aarek { display:none; }
#row_res1x .formVp { width:4.5em; }
#row_res1x .wrap_res1x .xItem { display:none; }
#row_res1x .wrap_res1x.on .xItem { display:inline-block; }
#row_res1x .wrap_res1x.on .formIe { display:none; }

.privacyText { text-align: left; width: 100%; height: 12em; overflow: auto;
  padding:.5em; margin-bottom:20px; font-size:80%; border:1px solid #ccc; }