/*mainblue themecolor*/
/*mainyellow*/
/*link color*/
/*10*/
/*64*/
/* bootstrap navbar */
#hitt .navbar { margin: 0; border-radius: 0; border: none; }
#hitt .navbar li a { margin: 0; padding: 0; color: #FFF; }
#hitt .navbar-default .navbar-toggle { border-color: transparent; }
#hitt .navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }
#hitt .navbar-brand { height: auto; padding: 0 0 0 16px; font-size: 16px; line-height: 1; }
#hitt .navbar-brand img { height: 24px; }

@media screen and (max-width: 941px) { #hitt .navbar-brand { padding-left: 12px; }
  #hitt .navbar-brand img { height: 20px; } }
@media screen and (max-width: 812px) { #hitt .navbar-brand { padding-left: 12px; } }
/* .navbar-bland.logo span */
#hitt .logo span { font-size: 10px; display: block; color: #FFF; padding-bottom: 2px; }

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgba(255, 255, 255, 0.2); }

.header { background: #00A0E9; padding: 8px 0px 0px; }
.header a { text-decoration: none; border-bottom: none; }

@media screen and (max-width: 767px) { #hitt .header { padding-bottom: 0; }
  .navbar-toggle { margin-top: 0; } }
/* nav */
#hitt .nav a { color: #FFF; text-decoration: none !important; font-size: 12px; }
#hitt .nav a:hover { text-decoration: none; border: none; opacity: .8; }
#hitt .nav li { margin: 10px 10px 10px; }
#hitt .nav li:last-child { margin-right: 0; }
#hitt .nav i { font-size: 18px; font-weight: 500; margin-bottom: -1px; }

@media screen and (max-width: 941px) { #hitt .nav li { margin: 10px 6px 10px; }
  #hitt .nav li a { font-size: 11px; } }
/* SP */
@media screen and (max-width: 767px) { #hitt ul.navbar-nav { background-color: #FFF; margin-top: 0; }
  #hitt .nav li { margin: 0; display: block; text-align: center; padding: .6rem; border-bottom: 1px solid #dedede; }
  #hitt .nav li a { color: #222; font-size: 14px; } }
/* SP close button*/
button span { transition: all .4s; }

button[aria-expanded="true"] span:nth-of-type(1) { -webkit-transform: translateY(6px) rotate(-45deg); transform: translateY(6px) rotate(-45deg); }

button[aria-expanded="true"] span:nth-of-type(2) { opacity: 0; }

button[aria-expanded="true"] span:nth-of-type(3) { -webkit-transform: translateY(-6px) rotate(45deg); transform: translateY(-6px) rotate(45deg); }

/*footer*/
#footer { text-align: center; }
#footer p { margin-top: 1em; }
#footer .bg_blue { background-color: #00A0E9; }
#footer a { color: #fff; text-decoration: underline; border-bottom: none !important; }
#footer span.phone { display: block; font-size: 2rem; }

@media only screen and (max-width: 768px) { #footer p { font-size: 10px; } }