html {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.container {
  height: 12.02vh;
}

#header_div {
  margin: 0 6vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

#header_nav {
  display: flex;
  margin: 1vh 0 0 0;
  font-size: 0.8vw;
  font-weight: bold;
}

.li_top,
.li_item,
.li_news {
  padding: 1vh 1.875vw;
}

.li_contact {
  padding: 1vh 0 1vh 1.875vw;
}

#open_nav {
  display: none;
}



header h1 {
  font-size: 3.5vw;
  font-weight: bold;
  font-family: "Shippori Mincho", serif;
  color: #333333;
}

#header_nav span {
  color: #b90000;
}

#header_nav ul {
  list-style-type: none;
  padding: 0;
  display: flex;
}

#header_nav li {
  position: relative;
}

#header_nav li:not(:last-child)::after {
  content: ""; /* 擬似要素の内容 */
  position: absolute; /* 絶対位置 */
  right: 0; /* アイテムの右端に配置 */
  top: 50%; /* 垂直中央に配置 */
  transform: translateY(-50%); /* 垂直中央揃え */
  width: 1px; /* 縦線の幅 */
  height: 20px; /* 縦線の高さ */
  background-color: #808080; /* 縦線の色 */
}

#header_nav a {
  text-decoration: none;
  color: #808080;
}

@media screen and (max-width: 1271px) {
  .red_letter {
    font-size: 2vw;
  }

  header h1 {
    font-size: 5vw;
  }

  #header_nav {
    font-size: 1.2vw;
  }
}

@media screen and (max-width: 767px) {
  #header_div {
    height: 7vh;
    margin: 0vh 5vw 0 5vw;
  }

  #header_nav {
    display: none;
  }

 
  #open_nav {
    display: unset;
  }




  #header_div h1 {
    font-size: 9vw;
    font-weight: bold;
    font-family: "Shippori Mincho", serif;
  }
}