/*
Template:bootstrap-basic4
Theme Name:child-hirota
*/
@charset "utf-8";

body{font-size: 16px; color: #333; font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif; min-width: 320px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;}
div{word-break: break-all;}
.container{position: relative; max-width:1030px;}


/*---HEADER---*/
#header{position: relative; background-color: #fff; border-bottom: 1px solid #ddd;}
.head-h1{line-height:0;}
.head-h1 .logo{width: 120px;}
.head-h1 a{display: flex; align-items: center;}
.head-h1 a:hover{text-decoration: none;}
.head-inner{padding: 5px 0;}

/*nav*/
.ul-hnav{display: flex;}
.ul-hnav > li > a{font-size: 16px; text-align: left; padding: 23px 40px; display: block; position: relative;}
.ul-hnav > li > a.nav-contact{background-color: #202080; color: #fff !important;}
.ul-hnav > li > a.current-menu-item{color: #202080; font-weight: bold;}

/*------Sm------*/
@media only screen and (max-width: 767px) {
    /*nav*/
    .ul-hnav{display: block; border-top: 1px solid #373737;}
    .ul-hnav > li > a{color: #fff; padding: 15px; border-bottom: 1px solid #373737;}
    .ul-hnav > li > a::before{content: "\f054"; color: #fff; position: absolute; right: 15px; top: 20px;}
    .ul-hnav > li > a.nav-contact{background: none;}
    .ul-hnav > li > a.current-menu-item{background-color: #202080; color: #fff;}

    /*offcanvas*/
    .m-toggle{border: none; display: block; position: static; background: none; z-index: 9999; outline: none !important;}
    .offcanvas-toggle .icon-bar{background: #202080;}
    .icon-bar{display:block;width:25px;height:4px;border-radius:1px; margin: auto;}
    .icon-bar + .icon-bar{margin-top:3px}
    .offcanvas-toggle.is-open .icon-bar{background: #fff;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(3){margin-top: 14px;}
    .offcanvas-toggle.is-open .icon-bar:nth-child(4){transform: rotate(-135deg) translate(8px, 8px); margin-top: 2px;}
    .off-base.navbar-offcanvas{top: 0; overflow: auto; z-index: 999; padding: 60px 0 0;}

    /*offcanvas-size*/
    .navbar-offcanvas{max-width: 300px; position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85);}
    .navbar-offcanvas.navbar-offcanvas-right {right: -300px;}
    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: translateX(-300px); transform: translateX(-300px);}    


}