@charset "UTF-8";
#header { }
header { width: 100%; background-color: #fff; z-index: 9999; color: #206d15; margin: 0; padding: 7px 0; }
/*トグル----------------------------------*/
.nav-toggle { display: none; }
/* ヘッダー上部 ----------------------------------*/
.header-logo-area { display: flex; justify-content: space-between; align-items: flex-end; padding: 0; margin: 0 auto; width: 100%; max-width: 1050px; }
.header-logo-area .left { margin: 0; padding: 0; width: 325px; }
.header-logo-area .left img { width: 100%; display: block; }
.header-logo-area .right { display: flex; margin: -2.5px 0; padding: 0; }
.header-logo-area .right a { padding: 0; margin: 0; position: relative; }
.header-logo-area .right a::before { content: ''; position: absolute; top: 0; left: 0; width: 30%; height: 100%; cursor: default; z-index: 1; }
.header-logo-area .right a::after { content: ''; position: absolute; top: 0; right: 0; width: 70%; height: 100%; cursor: pointer; z-index: 1; }
.header-logo-area .right a:hover { opacity: 1; }
.header-logo-area .right img { height: 80px; padding: 0; margin: 0; }
.flip-horizontal { transform: scaleX(-1); display: block; }
/* ヘッダー下部----------------------------------- */
header nav { padding: 0; margin: 0; width: 100%; }
header nav ul { margin: 0; padding: 0; list-style: none; text-align: center; display: flex; justify-content: center; gap: 1px; }
header nav ul li { font-family: "heisei-maru-gothic-std", sans-serif; font-weight: 400; font-style: normal; display: inline-block; margin: 7px 5px 3px; font-size: 19px; background-color: #91c75e; padding: 0; width: 165px; }
header nav ul li a { display: block; width: 100%; height: 100%; letter-spacing: 1px; color: #fff; text-decoration: none; padding: 2px 0; text-align: center; } 
header nav ul { margin: 0; padding: 0; list-style: none; text-align: center; }
header nav ul li a { display: inline-block; transition: transform 0.1s ease; }
header nav ul li a:hover { transform: scale(1.1); opacity: 1; }
/* -------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1050px) {
  #header { height: 60px; }
  header { width: 100%; position: fixed; top: 0; z-index: 999; height: 60px; padding: 0; margin: 0; }
  .header-logo-area { padding: 0 15px; }
  header .header-logo-area .right { display: none; }
  header .header-logo-area .left { display: inline-block; margin: 5px 0; width: 190px; }
  header .header-logo-area .left img { width: 100%; }
  header nav { width: 100%; height: 100vh; background-color: #e7f4d4; position: fixed; top: 0; right: 0; display: none; }
  
  header nav ul { width: 100%; margin: 60px auto; padding: 0; list-style: none; text-align: center; position: static; display: block; }
  header nav ul li { display: block; margin: 0 auto 30px; text-align: center; line-height: 14px; padding: 20px 40px; width: 70%; max-width: 300px; background-color: #71ae1c; font-family: "hiragino-kaku-gothic-pron", sans-serif;  font-weight: bold; /* ←これを追加 */}
  
  header nav ul li a { font-size: 22px; position: static; width: 100%; }
  
 
  /*トグル----------------------------------*/
  .nav-toggle { display: block; position: absolute; right: 5%; top: 20px; width: 45px; height: 25px; cursor: pointer; z-index: 9998; }
  .nav-toggle span { display: block; position: absolute; height: 2.6px; width: 100%; background-color: #206d15; left: 0; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; transition: .25s ease-in-out; }
  .nav-toggle span:nth-child(1) { top: -7px; width: 40px; }
  .nav-toggle span:nth-child(2) { top: 3px; width: 40px; }
  .nav-toggle span:nth-child(3) { top: 13px; width: 40px; }
  .open .nav-toggle span:nth-child(1) { top: 4px; transform: rotate(35deg); transition: .25s ease-in-out; }
  .open .nav-toggle span:nth-child(2) { opacity: 0; transition: .25s ease-in-out; }
  .open .nav-toggle span:nth-child(3) { top: 4px; transform: rotate(-35deg); transition: .25s ease-in-out; }
  .nav-toggle .menu { position: absolute; font-size: 11.5px; top: 19px; left: -2px; }
  .open nav { display: block; animation-duration: 0.6s; animation-name: fade-in; }
  @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
}