@charset "UTF-8";

html {
  font-size: 62.5%; /* 約10px */
}

body {
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  background-color: #f8f8f8;
  font-size: 1.4em;
  color: #333;
}

/*head image*/
.head-img {
  box-shadow: 0 0 3px 1px #ddd;
  border-radius: 4px;
  display: block;
  margin: 0 auto;
}

/*table*/
table { font-size: 1.5rem }
th {
  background-color: #eee;
  vertical-align: middle !important;
}
.table-fixed{ table-layout: fixed }
.table-center th, .table-center td {
  text-align: center;
  word-break: break-all;
  width: 50%;
}

/*vertical-align*/
.vmiddle {
  vertical-align: middle !important;
}

/*box-shadow*/
.box-shadow { box-shadow: 0 1px 3px rgba(0,0,0,.25) }

/*form-group*/
.form-group { margin-bottom: 22px }

/*radio box*/
.radio-box, .check-box { margin-bottom: 0 }
.radio-box .panel-body, .check-box .panel-body { padding: 2px 20px 5px }

/*help-block*/
.help-block {
  margin-bottom: 0;
  font-size: 1.3rem;
}
.double-help {
  margin: -20px 0 22px 8px;
}

/*inline block*/
.inline-block { display: inline-block !important }
.radio-inline:first-child { margin-left: 10px }
.checkbox-inline:first-child { margin-left: 10px }

@media screen and (min-width: 992px){
  .control-label {
    text-align: right !important;
    margin-left: 20px;
    margin-right: -5px;
  }
  .nowrap {
    white-space:nowrap;
  }
}
/*smartphone*/
@media screen and (max-width: 991px){
  .control-label {
    text-align: left !important;
  }
  .double-help {
    margin: -20px 0 22px 0;
  }
  .double-help div{
    padding-left: 0;
  }
}

/*margin*/
.m0 { margin: 0 }
.m3 { margin: 3px }
.m5 { margin: 5px }
.m10 { margin: 10px }
.m15 { margin: 15px }
.m20 { margin: 20px }

.mt0 { margin-bottom: 0 }
.mt3 { margin-top: 3px }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }

.mb0{ margin-bottom: 0 !important }
.mb3 { margin-bottom: 3px }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }

/*padding*/
.p0 { padding: 0 }
.p3 { padding: 3px }
.p5 { padding: 5px }
.p10 { padding: 10px }
.p15 { padding: 15px }
.p20 { padding: 20px }
.p30 { padding: 30px }

/*width*/
.w100p{width: 100% }
.w50p{width: 50% !important}/*2分割*/
.w33p{width: 33% }/*3分割*/
.w25p{width: 25% }/*4分割*/

/*color*/
.color-dp { color: deeppink }
.color-blue { color: blue }
.color-red { color: red }
.color-w { color: #fff }
.color-gc { color: #ccc; }

/*background-color*/
.bgc-w { background-color: #fff }
.bgc-gc { background-color: #ccc }

/*number横のボタン非表示*/
input[name="zip01"]::-webkit-inner-spin-button,
input[name="zip01"]::-webkit-outer-spin-button,
input[name="zip02"]::-webkit-inner-spin-button,
input[name="zip02"]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 25px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 25px;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.container .text-muted {
  margin: 5px 0;
}

.hidden_field{
    display: none;
}
.confirm_table td,.confirm_table th{
    border: solid 1px #444;
}

.hasDatepicker{
    z-index: 10000 !important;
    position: relative;
}


.head{
    background: #5BC0DE;
    color: #fff;
    margin:0 0 20px 0;
}
.title{
    font-size: 27px;
    font-weight: bold;
    padding: 15px;
    margin-top: 10px;
}
.container{
    font-weight: bold;
}