html, body {
  height: 100%;
  width: 100%;
}

body {
  overflow-x: hidden;

  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

/*
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
*/
}

p {
  font-size: 14px;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  line-height: 1.8em;
}

table > tbody > tr > th,
table > tbody > tr > td {
  font-size: 14px;
}

p.small {
  font-size: 12px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
  outline: 0;
  color: #00f;
}

.dots-hr {
  border-width: 0 0 8px;
  border-style: solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
   width: 216px;
}

h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-weight: 700;
}

h1,
h2 {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  text-transform: uppercase;
  font-weight: 700;
}

h1 {
  font-size: 48px;
}
h3 {
  font-size: 20px;
}

.iframewrapper {
  max-width: 800px;
  min-width: 280px;
  margin: 20px auto;
  padding: 6px;
  border: 1px solid #CCC;
}
   
.iframecontainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframecontainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

header {
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 6px #000, -2px -2px 6px #000;

  min-height: 100%;
  width: 100%;

  background: #000 url("../img/bg.jpg") no-repeat center top scroll;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: 0px;
}

header .container {
  padding-top: 100px;
  padding-bottom: 50px;
}

header img {
  display: block;
  margin: 0 auto 20px;
}

.navbar-toggle {
  z-index: 2;
}

.navbar-brand {
  padding:0px;
  height: 60px;
}
.navbar-brand > img {
  height: 100%;
  padding: 0px;
  width: auto;
}

@media(min-width:768px) {
  header {
    padding-top: 100px;
  }

  .navbar-fixed-top {
    padding: 25px 0;
    -webkit-transition: padding .3s;
    -moz-transition: padding .3s;
    transition: padding .3s;
  }

  .navbar-fixed-top .navbar-brand {
    font-size: 1.8em;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
  }

  .navbar-fixed-top.navbar-shrink {
    padding: 10px 0;
  }

  .navbar-fixed-top.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
}

@media(max-width:768px) {
  .navbar-brand {
    height: 50px;
  }

  h1 {
    font-size: 28px;
  }
}

@media(min-width:1170px) {
  h1 {
    font-size: 64px;
  }

  header {
    padding-top: 140px;
  }
}

.navbar {
  text-transform: uppercase;
  font-weight: 700;
  background-color: #233140;
  color: #fff;
}

.navbar a:focus {
  outline: 0;
}

.navbar .navbar-nav {
  letter-spacing: 1px;
}

.navbar .navbar-nav li a:focus {
  outline: 0;
}

.navbar-default,
.navbar-inverse {
  border: 0;
}

.navbar-nav > li > a {
    line-height: 30px;
}

section {
  margin: 0;
  padding: 100px 0 60px 0;
}

section h2 {
  margin: 0;
  font-size: 2em;
}

section.success {
  color: #000;
  background: #eee;
}

footer {
  color: #fff;
  padding: 25px 0;
  background-color: #233140;
}

.scroll-top {
  z-index: 1049;
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
}

.scroll-top .btn {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  font-size: 26px;
  line-height: 34px;
}

.scroll-top .btn:focus {
  outline: 0;
}

.mapcontainer {
  margin: 42px 0px;
}