/* style.css */

/* -------------------- */
/* base
/* -------------------- */

li{
  list-style:none;
}
a{
    text-decoration: none;
    color:#fff;
}
img{
  width:100%;
  vertical-align: bottom;
}



/* -------------------- */
/* header
/* -------------------- */
.site_title_header{
    /*background-color: #000;*/
    color: #000;
    min-height:50px;
    padding: 0 120px;
    /*order-bottom:1px solid #000;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* z-index: １;*/
}
.header-nav .menu{
    /* navの横並び */
    display: flex;
}
.header-nav ul.menu li.menu-item{
  list-style:none;
}

.header-nav ul.menu li.menu-item{
    /* メニューの右側に余白 */
    margin-right: 25px;
    font-weight: bold;
    font-weight: 400;
    font-family: 'Klee One'
}

.burger-btn{
  display: none;
}


/* global navi Link --*/
.header-nav ul.menu li.menu-item a:link,
.header-nav ul.menu li.menu-item a:visited  {
  text-decoration:none;
  color: #ffffff;
}
.header-nav ul.menu li.menu-item a:hover {
  text-decoration:none;
  color:#aaa;
  transition: all 0.5s 0s ease;
}
.header-nav ul.menu li.menu-item  a:focus,
.header-nav ul.menu li.menu-item textarea:focus,
.header-nav ul.menu li.menu-item input:focus {
  outline: 1px solid #aaa;
}





@media screen and (max-width:768px){
  /* ----------------------- */
  /* base_sp
  /* ----------------------- */
  

  /* ------------------ */
  /* humberger-menu */
  /* ------------------ */
  /* //ハンバーガーメニュー追加　*/
  .burger-btn{
      display: block;
      width: 39px;
      height: 39px;
      position:relative;
      position:  fixed;
      top:5px;
      right:5px;
      z-index: 100;/* メニューのlayer階層*/
      transform: translate3d(0, 0, 0);
    background-color: rgba(255, 255, 255, 0.5);;
    border:none;
    }
    .bar{
      width: 20px;
      height: 2px;
      display: block;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      background-color: #242424;
    }
    .bar_top{
      top: 10px;
    }
    .bar_mid{
      top: 50%;
      transform: translate(-50%,-50%);
    }
    .bar_bottom{
      bottom: 10px;
    }

    /* //ハンバーガーメニュー追加　*/

    /* ハンバーガーメニューバツじるし　*/
    .burger-btn.close .bar_top{
      transform: translate(-50%,10px) rotate(45deg);
      transition: transform .3s;
    }
    .burger-btn.close .bar_mid{
      opacity: 0;
      transition: opacity .3s;
    }
    .burger-btn.close .bar_bottom{
      transform: translate(-50%,-8px) rotate(-45deg);
      transition: transform .3s;
    }
    /* //ハンバーガーメニューバツじるし　*/

    .nav-wrapper{      
      display: none;      
      width: 100vw;      
      height: 100vh;      
      position: fixed;      
      top: 0;      
      left: 0;       
      z-index: 15;
    }     
    div#navi .header-nav {        
      width: 100vw;/*100%;*/        
      height: 100vh;/* 100%*/        
      background-color:#6c000e;        
      z-index: 15;      
    }     
    .header-nav ul.menu {        
      display: block;        
      position: absolute;        
      top: 50%;        
      left: 50%;        
      transform: translate(-50%,-50%);        
      text-align: center;      
      z-index: 15;
      /*background-color:#000;*/
    }      
    .header-nav ul.menu li.menu-item {        
      margin-right: 0;        
      margin-bottom: 20px;
      z-index: 15;
      font-weight: bold;      
    } 
  /* ------------------ */
  /* fv */
  /* ------------------ */
  .main-copy{
    font-size: 30px;
  }
  
  /* ------------------ */
  /* about */
  /* ------------------ */
  h3{
      font-size: 20px;
      margin-bottom: 30px;
  }
  .section-wrapper{
      padding:100px 5% 50px;  
  }


}  