/* header css  */
#container {
    /* max-width: 1920px; */
    margin: 0 auto;
    padding-left: 42px;
    padding-right: 60px;
    background-image: url(https://gigaplus.makeshop.jp/kerorin/img/red-background.png);
    background-repeat: repeat-x;
    background-position: top center;
    width: 100%;
  }
  
  .main-header {
    border: 1px solid #c6442c;
  }
  
  .sub-main-header1 {
    display: flex;
    justify-content: space-between;
    max-width: 1920px;
    margin: 30px auto 35px 0;
  }
  .sub-main-header1 ul:nth-child(2) {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  
  /* search-bar */
  .sub-main-header1 .search-bar {
    width: 290px;
    background-color: white;
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    overflow: hidden;
    outline: none !important;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-color: #cbcbcb;
    border: 1px solid #cbcbcb;
    bottom: 5px;
    position: relative;
    border-radius: 5px;
  }
  .sub-main-header1 .search-bar > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
  }
  .sub-main-header1 .search-bar input[type="text"] {
    flex: 1;
    border: none;
    padding: 10px;
    font-size: 16px;
    margin-top: 6px;
    padding-left: 17px;
  }
  .sub-main-header1 .search-bar input[type="text"]::placeholder {
    font-size: 20px;
    font-weight: 600;
    font-family: "Noto Sans JP", sans-serif;
  }
  .sub-main-header1 .side-search-keyword::placeholder {
    color: #b5b5b5;
    letter-spacing: 0.8px;
    font-weight: 500;
  }
  .sub-main-header1 a.search-btn.search-url {
    margin-left: 19px;
    margin-top: 9px;
    cursor: pointer;
  }
  .sub-main-header1 .search-bar button[type="submit"] {
    background: transparent;
    border: none;
    margin-right: 17px;
    cursor: pointer;
  }
  .sub-main-header1 .search-bar button[type="submit"] img {
    width: 30px;
    height: 30px;
  }
  .sub-main-header1 > ul li:nth-child(3) {
  }
  .sub-main-header1 > ul li:nth-child(4) {
    padding-left: 20px;
  }
  .sub-main-header1 > ul li:nth-child(6) {
    padding-left: 20px;
  }
  
  /* navigation */
  .navigation {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
  }
  .navigation li a {
    font-weight: bold;
    position: relative;
    height: 39px;
    display: inline-block;
  }
  /*  yeskopani kam chia chainba bur jailay pani kaam lagna cakdcha   */
  .navigation li {
    position: relative;
    display: inline-block;
  }
  
  @media (max-width: 1440px) {
    .sub-main-header1 h2 a img {
      max-width: 270px;
    }
    .sub-main-header1 > ul li:nth-child(4) {
      max-width: 185px;
    }
    .sub-main-header1 > ul li:nth-child(5) {
      max-width: 120px;
    }
    .sub-main-header1 .search-bar {
      width: 240px;
    }
    .sub-main-header1 .search-bar > div {
      height: 42px;
    }
    .sub-main-header1 .search-bar button[type="submit"] img {
      width: 35px;
      height: 24px;
    }
    .sub-main-header1 a.search-btn.search-url {
      margin-left: -18px;
    }
    .sub-main-header1 ul:nth-child(2) {
      gap: 15px;
    }
    .sub-main-header1 > ul li:nth-child(1) {
      width: 43px;
    }
    .sub-main-header1 > ul li:nth-child(2) {
      width: 43px;
    }
    .sub-main-header1 > ul li:nth-child(3) {
      width: 43px;
    }
    .sub-main-header1 .search-bar input[type="text"] {
      flex: 1;
      border: none;
      padding: 10px;
      font-size: 16px;
      padding-left: 16px;
    }
  }
  @media (min-width: 1181px) {
    .hm-menu {
      display: none;
    }
    .burger-menu-all {
      display: none;
    }
  }
  
  @media (max-width: 1180px) {
    .sub-main-header1 > ul li:nth-child(1) {
      display: none;
    }
    .sub-main-header1 > ul li:nth-child(2) {
      display: none;
    }
    .sub-main-header1 > ul li:nth-child(3) {
      display: none;
    }
    .sub-main-header1 > ul li:nth-child(6) {
      display: none;
    }
  
    /* copied from ken kou for hemburger fight */
    /* copied from ken kou for hemburger fight */
    /* copied from ken kou for hemburger fight */
  
    .no-scroll {
      overflow: hidden !important;
    }
  
    .side-bar {
      display: none;
    }
    .main-header nav {
      display: none;
    }
    .sub-main-header1 .search-bar {
      display: none;
    }
    .sub-main-header1 > ul li:nth-child(3) {
      display: none;
    }
    .sub-main-header1 > ul li:nth-child(1) img {
      width: 87px;
      padding-top: 4px;
    }
    .sub-main-header1 > ul li:nth-child(2) img {
      height: 65px;
    }
    .sub-main-header1 > ul li:nth-of-type(2) {
      padding-top: 4px;
      margin-right: 5px;
    }
    .sub-main-header1 > ul li:nth-of-type(1) {
      height: auto;
    }
  
    /* hm menu */
    .hm-menu {
      display: inline-block;
      cursor: pointer;
      position: relative;
      width: 64px;
      height: 47px;
      /* top: -24px; */
    }
    .hm-menu span {
      display: block;
      position: absolute;
      width: 100%;
      height: 3px;
      border-radius: 8px;
      background-color: #fff5ef;
      transition: transform 0.3s ease-in-out;
    }
    .hm-menu span:nth-child(1) {
      top: 3px;
      transform-origin: center top;
    }
    .hm-menu span:nth-child(2) {
      top: 18px;
      transform-origin: center center;
    }
    .hm-menu span:nth-child(3) {
      top: 33px;
      transform-origin: center bottom;
    }
    /* ////////// */
    /* when hm-menu is click have criss-cross */
    /* ////////// */
    .hm-menu.active span:nth-child(1) {
      transform: translateY(15px) rotate(38deg);
    }
    .hm-menu.active span:nth-child(2) {
      transform: scaleX(0);
    }
    .hm-menu.active span:nth-child(3) {
      transform: translateY(-16px) rotate(-41deg);
    }
    /* ////////// */
    /* End when hm-menu is click have criss-cross */
    /* ////////// */
  
    /* create the layout and just hide out of screen */
    .burger-menu-all {
      position: fixed;
      right: -100%;
      top: 170px;
      background-color: #c6442c !important;
      width: 100%;
      height: 100%;
      transition: all 0.3s ease-in-out;
      z-index: 9999;
      box-shadow: 0 10px 27px rgb(0 0 0 / 5%);
      padding-bottom: 500px;
    }
    /* from js when clicked hm-menu bring the above hidden layout */
    .burger-menu-all.aaijavai {
      right: 0;
    }
    .burger-menu-all .hemburger-menu-list {
      background: #c6442c;
      padding-top: 25px;
    }
    .burger-menu-all .hemburger-menu-list li a {
      width: 100%;
      display: inline-block;
      padding: 16px 0 16px 62px;
      border-top: 1px solid #ffffff;
      font-weight: bold;
      font-size: 20px;
      color: white;
    }
    .burger-menu-all .hemburger-menu-list li:nth-child(5) {
      border-bottom: 1px solid #ffffff;
    }
    .burger-menu-all .hemburger-menu-list li:nth-child(7) {
      border-bottom: 1px solid #ffffff;
    }
    .no-scroll {
      overflow: hidden !important;
    }
    .add {
      overflow: scroll;
    }
    .burger-menu-all .hm-button-nav {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 16px;
      padding-top: 25px;
      padding-bottom: 34px;
      background: #c6442c 0% 0% no-repeat padding-box;
    }
    .custom-button1,
    .custom-button2 {
      background: none;
      border: none;
      padding: 0;
      margin: 0;
      font: inherit;
      font-size: inherit;
      cursor: pointer;
      outline: inherit;
      font-weight: 600;
    }
    .hm-button-nav a:nth-child(3) {
      padding: 18px 82px 0 82px;
  
      border-radius: 10px;
    }
    .hm-button-nav a:nth-child(4) {
      padding: 0px 30px 0 30px;
  
      border-radius: 10px;
    }
    .burger-menu-all .hm-button-nav a .custom-button2 {
      font-size: 25px;
      color: white;
    }
    .burger-menu-all .hm-button-nav a .custom-button2 span {
      color: white;
      font-size: 20px;
    }
    .burger-menu-all .hm-button-nav a .custom-button1 {
      font-size: 25px;
      color: white;
    }
  
    .burger-menu-all .contact-and-engage {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
    }
    .burger-menu-all .contact-and-engage img {
      width: 55px;
    }
  }
  
  @media (max-width: 1000px) {
    #container {
      padding: 0 24px;
    }
  }
  
  @media (min-width: 801px) {
    .sub-main-header1 > ul li:nth-child(4) img:nth-child(2) {
      display: none;
    }
    .sub-main-header1 > ul li:nth-child(5) img:nth-child(2) {
      display: none;
    }
  }
  @media (max-width: 800px) {
    .sub-main-header1 > ul li:nth-child(4) img:nth-child(1) {
      display: none;
    }
    .sub-main-header1 > ul li:nth-child(5) img:nth-child(1) {
      display: none;
    }
    .sub-main-header1 > ul li:nth-child(4) img:nth-child(2) {
      width: 55px;
    }
    .sub-main-header1 > ul li:nth-child(5) img:nth-child(2) {
      width: 55px;
    }
    .sub-main-header1 h2 a img {
      max-width: 218px;
    }
    .hm-menu span:nth-child(1) {
      top: 0px;
    }
    .hm-menu span:nth-child(3) {
      top: 36px;
    }
    .hm-menu.active span:nth-child(1) {
      transform: translateY(16px) rotate(42deg);
    }
    .hm-menu.active span:nth-child(3) {
      transform: translateY(-21px) rotate(-43deg);
    }
    .sub-main-header1 > ul li:nth-child(5) {
      margin-right: 24px;
    }
    .sub-main-header1 > ul li:nth-child(4) {
      margin-right: 17px;
    }
    .sub-main-header1 ul:nth-child(2) {
      gap: 0px;
    }
  }
  @media (max-width: 550px) {
    .sub-main-header1 h2 a img {
      max-width: 117px;
    }
    .sub-main-header1 > ul li:nth-child(4) img:nth-child(2) {
      width: 38px;
    }
    .sub-main-header1 > ul li:nth-child(5) img:nth-child(2) {
      width: 38px;
    }
    .hm-menu {
      width: 40px;
    }
    .hm-menu span:nth-child(1) {
      top: 5px;
    }
    .hm-menu span:nth-child(2) {
      top: 19px;
    }
    .hm-menu span:nth-child(3) {
      top: 33px;
    }
    .hm-menu.active span:nth-child(1) {
      transform: translateY(12px) rotate(45deg);
    }
    .hm-menu.active span:nth-child(3) {
      transform: translateY(-17px) rotate(-44deg);
    }
    .burger-menu-all {
      top: 86px;
    }
    .hm-button-nav a:nth-child(4) {
      padding: 0px 30px 0 30px;
      border-radius: 10px;
   
    }
    .hm-button-nav a:nth-child(3) {
      padding: 0px 30px 0 30px;
      border-radius: 10px;
      /* max-width: 308px; */
    }
    .burger-menu-all .hm-button-nav {
      padding-top: 40px;
    }
    .sub-main-header1 {
      margin: 30px auto 16px 0;
    }
  }
  
  /* End copied from ken kou for hemburger fight */
  /* End copied from ken kou for hemburger fight */
  /* End copied from ken kou for hemburger fight */