body {
    overflow-x: auto;
    font-size: 83%;
    line-height: 1.4em;
}

#content h1, 
#content #main #multi dl dt, 
#content #multi .suii h2,
#content #side_navi h2, 
#content #side_navi .menu li {
  background-image: url(../images/side_navi_h2.gif);
}

#content #side_navi h2 {
  padding: 0px 0 5px 10px;
}

.title.is-4 {
  margin:5px 0px 10px 10px; 
  padding:10px 0px 10px 5px;
  background-color: #A2FCA2;
}

#content #side_navi .menu li a {
  color: #fff;
  margin: 2px 0 0 0;
}

.title_text {
  color: #0000FF;
  font-size: 32px;
  font-style: italic;
  text-decoration: none;
  font-weight: bold;
  margin: 30px 0px 0px 0px;
}

.title_text a{
  color:#0000FF;
  text-decoration:none;
}

.navbar-menu {
  display: none;
}

h2.menu-title {
  background-image: url(../images/side_navi_h2.gif);
  background-repeat: repeat-x;
  font-size: 140%;
  font-weight: normal;
  color: #FFF;
  height: 33px;
  overflow: hidden;
  padding: 5px 0px 0px 5px;
  display: block;
}

ul.menu {
  margin-bottom: 10px;
}

.navbar-end, #navbarSpMenu {
  background-color: #CCFFCD;
}

#pc-side-menu ul.menu li {
  display: block;
  background-image: url(../images/side_navi_h2.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  list-style-type: none;
  margin: 2px 0px 0px 0px;
}

#pc-side-menu ul.menu li a {
  color: #fff;
  display: block;
  padding: 5px;
}

@media screen and (min-width: 1024px){
  .navbar {
    height: 7rem;
  }
}

#waterbar-first {
  left:675px;
}

#trans-first {
  left:750px;
}

#bar-first {
  left:723px
}

#bridge-first {
  left:713px;
}

.f-size70 {
    font-size: 70%;
    vertical-align: 0.125em;
}

#content h1 {
  font-size: 120%;
  font-weight: 600;
}

#content #side_navi h2 {
  padding: 5px 0 5px 10px;
}

#content #side_navi .menu li a {
  color: #fff;
  margin: 2px 0 0 0;
}

.navbar-menu {
  display: none;
}

#header_back {
  padding-left: calc(50% - 224px);
}

footer.footer {
  background-color: #fafafa;
  padding: 3rem 0rem 6rem calc(30% - 1rem);
}

ul.menu {
  margin-bottom: 10px;
}

#suii h2 {
  background-image: url(../images/side_navi_h2.gif);
  background-repeat: repeat-x;
  font-size: 100%;
  font-weight: bold;
  color: #FFF;
  overflow: hidden;
  display: block;
  padding: 3px;
  margin-bottom: 5px;
}

.suii_table {
  width: auto;
}

#suii table th {
  height: 29px;
  text-align: center;
  padding: 3px;
  font-size: 120%;
}

#suii table tr td {
  height: 31px;
  text-align: center;
  border: 1px solid #999;
  padding: 3px;
}

.suii_table th {
    height: 30px;
    text-align: center;
    border: 1px solid gray;
    background-color: #99ccff;
}

.suii_table td {
    border: 1px solid gray;
    padding: 5px;
    background-color: #ffffff;
}

#main #navi {
  width: 640px;
  float: left;
  padding-top: 10px;
}

#navi #navi_link {
  background-image: url(../images/side_navi_h2.gif);
  background-repeat: repeat-x;
  font-size: 100%;
  font-weight: bold;
  color: #FFF;
  padding: 7px;
  margin-bottom: 5px;
}

#navi #navi_link a:link {
  text-decoration: none;
}

#navi #navi_link a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.humberger-button {
    margin: 5px 0px 5px 150px;
}

.navbar-burger:hover {
  background: maroon;
}

.navbar-burger span {
  height: 2px;
}

.navbar-fixed {
  top: 0;
  right: 0;
  z-index: 1000;
  position: fixed;
  width: 10%;
  height: 3.5rem;
  background: maroon;
  color: white;
  font-weight: 900;
}

.navbar-fixed span {
  height: 2px;
  color: white;
}

@media screen and (min-width: 1024px){
  .navbar {
    height: 7rem;
  }
}

/* smartPhone */
@media screen and (max-width: 640px) {

}

@media screen and (min-width: 769px) {
  .column.is-3, .column.is-3-tablet {
      flex: none;
      width: 300px;
  }
}