/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 110px;
  background-color: #fdd107;
  color: #000;
  text-align: center;
  padding-top: 50px;
}

h2 {
  font-size: 36px;
  margin: 50px auto;
  font-weight: bold;
}

/* Visual styles
-------------------------------------------------- */
.title-Visual, .price-Visual, .staff-Visual {
  background-size: cover;
  -moz-background-size:cover;
  -webkit-background-size:cover;
  -o-background-size:cover;
  -ms-background-size:cover;
  overflow: hidden; }

.title-Visual {
  background: url('../img/title_back3.jpg');
  background-position: center center;
  background-attachment: scroll;
   }
.senior-Vishual {
    background: url('../img/driver2.jpg');
    background-position: right 600px;
    background-repeat: no-repeat;
    background-size:400px auto;
}
.price-Visual {
  /*background: url('../img/price_back3.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-size:1700px auto;
  background-attachment: fixed;
  background-color: #000;*/
   }
.staff-Visual {
  background: url('../img/staff_back2.jpg');
  background-position: center bottom;
  background-attachment: fixed;
  min-height: 700px;
   }





/* Top Visual styles
-------------------------------------------------- */
.title-Line {
  background-color: #fdd107;
  margin-top: 70px;
}
.title-Line h1 {
  margin-top:50px;
  margin-bottom: 30px;
}
.title-Line img {
  margin: 0 auto;
}
.title-Line img.matsuoka {
  margin: 0px auto 0 auto;
}
  @media (min-width: 992px) {
    .title-Line img.matsuoka {
      margin: -50px auto 0 auto; }
   }
.number {
  margin-top: 30px;
}
.number p {
  margin: 10px;
  font-size: 18px;
  color: #fff;
}
.number p.phone {
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  background-color: #fdd107;
  border-color: #eea236;
  margin: 20px auto;
  border-radius: 4px 4px 4px 4px;
}


.number a {
  display:block;
  margin:0 auto;
  color:#fff;
  font-weight: bold;
  text-decoration:none;
  padding-top:16px;
  text-align:center;
  font-size:30px;
  vertical-align:middle;
  background-color:#fdd107;
  box-shadow: 0px 4px #DB930A;
  border-radius: 4px 4px 4px 4px;
}
.number a:hover {
  background-color:#FAEB88;
}
.number a:active {
  position:relative;
  top:4px;
  box-shadow:none;
  
}
.jumbotron p {
  font-size:18px;

}

/* Senior Pack
-------------------------------------------------- */
#seniorpack {
  padding-bottom: 150px;
}
#seniorpack h2 {
  background-image: url('../img/box.png');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 110px;
  min-height: 110px;
  padding-top: 30px;
}
#seniorpack h3 {
  color: #4f8718;
  font-weight: bold;
  font-size: 24px;
  line-height: 150%;
}
@media (min-width: 480px) {
  #seniorpack h3 {
    font-size: 34px;
  }
}
@media (min-width: 768px) {
  #seniorpack h3 {
    font-size: 50px;
  }
}
#seniorpack h4 {
  font-weight: bold;
  margin-top: 50px;
}
/*#seniorpack .listbox {
}
#seniorpack .listbox .inbox {
  margin:20px 2px;
  background-color: #fdd107;
  border:1px solid #fdd107;
  border-radius: 5px;
}
#seniorpack .listbox i {
  display: block;
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}
#seniorpack .listbox p {
  padding:15px;
  text-align: left;
  font-weight: bold;
}*/

#seniorpack ul, #seniorpack p {
  text-align: left;
  font-size: 16px;
  line-height: 1.5em;
  color: #555;
  margin-top: 10px;
}
@media (min-width: 480px) {
  #seniorpack ul, #seniorpack p  {
    font-size: 20px;
  }
}
/*@media (min-width: 768px) {
  #seniorpack ul {
    font-size: 20px;
  }
}*/
#seniorpack li {
  margin-bottom: 7px;
}
#seniorpack .box-mg {
  margin-top:100px;
  margin-bottom: 60px;
}
#seniorpack .box01 {
  color: #fff;
  background-color: #63990E;
  border: 2px solid #63990E;
  padding: 3px;
  border-radius: 5px 0 0 5px;
}
#seniorpack .box02 {
  background-color: #fff;
  border: 2px solid #63990E;
  padding: 3px;
  border-radius: 0 5px 5px 0;
}
#seniorpack .box03 {
  padding:20px 0;
  background-color: #fff;
  border: 2px solid #DB530B;
  border-radius: 5px 0 0 5px;
  height:150px;
}
#seniorpack .box04 {
  padding-top:40px;
  color:#fff;
  font-size: 5rem;
  font-weight: bold;
  background-color: #DB530B;
  border: 2px solid #DB530B;
  border-radius: 0 5px 5px 0;
  height:150px;
}
#seniorpack .box05 {
  margin-top: 30px;
  }
#seniorpack .txt-01 {
  font-size: 3rem;
  font-weight: bold;
}
#seniorpack .txt-02 {
  font-size: 5rem;
  font-weight: bold;
  color: #DB530B;
}
#seniorpack .txt-03 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
  text-align: center;
}
#seniorpack .txt-04 {
  font-size: 2rem;
  font-weight: bold;
  color: #DB530B;
  display: block;
  text-align: center;
}
#seniorpack .txt-05{
  font-size: 1.5rem;
  color: #fff;
}

#seniorpack .circle {
width:140px;
height:140px;
margin: 20px;
border: 10px solid #F2B819;
border-radius: 140px;
-webkit-border-radius: 140px;
-moz-border-radius: 140px;
background-color: #fff;
}
#seniorpack .circle > img {
  margin-top: -25px;
}

/* Services
-------------------------------------------------- */
#services {
  color: #000;
  background-color: #fdd107;
  padding-top: 50px;
  padding-bottom: 100px;
}
#services h3 {
  line-height: 150%;
  font-size: 1.5em;
}
#services i {
  padding-bottom: 15px;
}




/* Pricetable
-------------------------------------------------- */
#pricetable .row {
  /*margin-bottom: 50px;*/
}
.panel-heading {
  font-size: 1.7rem;
  font-weight: bold;
}
.panel-heading .label {
  font-size: 1.1rem;
}

#pricetable h3 {
  text-align: left;
  color: #555;
  font-weight: bold;
  border-left: 7px solid #ccc;
  padding-left: 10px;
  margin-bottom: 20px;
  margin-top: 80px;
}
#pricetable h4 {
  color: #aaa;
  text-indent: 3rem;
}
/*#pricetable {
  color: #555;
}
#pricetable h3 {
  margin-top: 70px;
}
table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th,td {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 23px; }
  .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.7;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
    border-top: 0; }
  .table > tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"], table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #c4e4f3; }

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 17.25px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table-bordered {
        border: 0; }
        .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }


.table-schedule {
  color: #555;
  border-top: 2px solid #fff; }
  .table-schedule.table-striped > tbody > tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.15); }*/


/* Staff
-------------------------------------------------- */
#staff {
  /*min-height: 100%;*/
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 50px;
}
#staff p {
  font-weight: bold;
  margin-bottom: 50px;
}