#main{
  margin-top: 60px;
}
#header{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #231815;
  color: #fff;
  z-index: 100;
}
#header .conte{
  position: relative;
  margin-left: 3%;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 50;
}
#header .conte .logo{
  width: 250px;
}

#header .header_inner{
  display: flex;
  justify-content: end;
  align-items: center;
}
#header .header_menu_lists{
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 13px;
  gap: 3em;
  margin-right: 2em;
}
#header .header_btn_lists{
  display: flex;
  justify-content: start;
  align-items: center;
}
#header .header_btn_item{
  text-align: center;
  line-height: 1.05;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
}
#header .header_btn_item.entry{
  background: #5f562a;
}
#header .header_btn_item .txt_ja{
  font-size: 10px;
  letter-spacing: 0;
}
#header .hamburger{
  width: 67px;
  height: 20px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#header .hamburger span{
  display: block;
  width: 50%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: transform 0.3s ease, opacity 0.3s ease, top 0.3s ease, bottom 0.3s ease;
}
#header .hamburger span:nth-child(1){
  top: 0;
}
#header .hamburger span:nth-child(2){
  top: 50%;
}
#header .hamburger span:nth-child(3){
  top: auto;
  bottom: 0;
}
#header.active .hamburger span:nth-child(1){
  top: 50%;
  transform: translateX(-50%) rotate(45deg);
}
#header.active .hamburger span:nth-child(2){
  opacity: 0;
}
#header.active .hamburger span:nth-child(3){
  bottom: auto;
  top: 50%;
  transform: translateX(-50%) rotate(-45deg);
}
#header .hamburger_menu{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  clip-path: inset(0 0 100% 0);
  -webkit-clip-path: inset(0 0 100% 0);
  transition: clip-path .4s ease, -webkit-clip-path .4s ease, visibility 0s .4s;
  -webkit-transition: -webkit-clip-path .4s ease, visibility 0s .4s;
  background: #231815;
  pointer-events: none;
  visibility: hidden;
  z-index: 40;
}
#header.active .hamburger_menu{
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
  transition: clip-path .4s ease, -webkit-clip-path .4s ease, visibility 0s 0s;
  -webkit-transition: -webkit-clip-path .4s ease, visibility 0s 0s;
  border-bottom: 1px solid #fff;
  pointer-events: auto;
  visibility: visible;
}
#header .hamburger_menu_inner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 850px;
}
#header .hamburger_menu_lists{
  display: flex;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  font-size: 25px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}
#header .hamburger_menu_lists li{
  line-height: 1.25;
}
#header .hamburger_menu_lists li:first-child{
  width: 100%;
  margin-bottom: 3em;
}
#header .hamburger_menu_lists li:nth-child(2),
#header .hamburger_menu_lists li:nth-child(3){
  width: 50%;
}
#header .hamburger_menu_lists li .txt_ja{
  font-size: 12px;
}
#header .hamburger_menu_btn_lists{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
#header .hamburger_menu_btn_lists .hamburger_menu_btn_item{
  width: 30%;
  text-align: center;
  font-size: 35px;
  line-height: 1.05;
}
#header .hamburger_menu_btn_lists .hamburger_menu_btn_item .txt_ja{
  font-size: 12px;
}



#footer{
  padding-top: 70px;
  border-top: 1px solid #9fa0a0;
}
#footer .conte .tel{
  margin-bottom: 40px;
}
#footer .conte .tel .tel_txt{
  text-align: center;
  letter-spacing: 0;
}
#footer .conte .tel .tel_txt._01{
  font-size: 13px;
  margin-bottom: 1.2em;
}
#footer .conte .tel .tel_txt._02{
  font-size: 12px;
  line-height: 1.4;
  margin-top: 1em;
}
#footer .conte .tel .tel_btn{
  display: block;
  width: 285px;
  margin-left: auto;
  margin-right: auto;
}
#footer .conte .seller{
  margin-bottom: 80px;
}
#footer .conte .seller .seller_btn{
  margin-left: auto;
  margin-right: auto;
}
#footer .conte .seller .seller_btn._01{
  width: 344px;
}
#footer .conte .seller .seller_btn._02{
  width: 383px;
  margin-top: 15px;
}
#footer .bnr_area{
  background: #efefef;
  padding: 25px 0;
}
#footer .bnr_area .bnr_list{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  flex-wrap: wrap;
}
#footer .bnr_area .bnr_list .bnr_item{
  width: 49%;
}
#footer .bnr_area .bnr_list .bnr_item:nth-child(n+3){
  margin-top: 2%;
}
#footer .copyright{
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  padding: 1.6em 0;
}

#note{
  font-size: 10px;
  margin: 4.5em 0;
}
#note .note_txt{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.45;
  text-align: justify;
}

@media screen and (max-width: 1400px) {
  #main{
    margin-top: 4.28vw;
  }
  #header .conte .logo{
    width: 17.85vw;
  }

  #header .header_menu_lists{
    font-size: 0.92vw;
  }
  #header .header_btn_item{
    padding-top: 1.07vw;
    padding-bottom: 1.07vw;
    padding-left: 1.42vw;
    padding-right: 1.42vw;
    font-size: 1.28vw;
  }
  #header .header_btn_item .txt_ja{
    font-size: 0.71vw;
  }
  #header .hamburger{
    width: 4.78vw;
    height: 1.42vw;
  }
  #header .hamburger_menu_inner{
    width: 60.71vw;
  }
  #header .hamburger_menu_lists{
    font-size: 1.78vw;
  }
  #header .hamburger_menu_lists li .txt_ja{
    font-size: 0.85vw;
  }
  #header .hamburger_menu_btn_lists{
    margin-top: 5.71vw;
    padding-bottom: 1.42vw;
  }
  #header .hamburger_menu_btn_lists .hamburger_menu_btn_item{
    font-size: 2.5vw;
  }
  #header .hamburger_menu_btn_lists .hamburger_menu_btn_item .txt_ja{
    font-size: 0.85vw;
  }
  
  #footer{
    padding-top: 5vw;
  }
  #footer .conte .tel{
    margin-bottom: 2.85vw;
  }
  #footer .conte .tel .tel_txt._01{
    font-size: 0.92vw;
  }
  #footer .conte .tel .tel_txt._02{
    font-size: 0.85vw;
  }
  #footer .conte .tel .tel_btn{
    width: 20.35vw;
  }
  #footer .conte .seller{
    margin-bottom: 5.71vw;
  }
  #footer .conte .seller .seller_btn._01{
    width: 24.57vw;
  }
  #footer .conte .seller .seller_btn._02{
    width: 27.35vw;
    margin-top: 1.07vw;
  }
  #footer .bnr_area{
    padding: 1.78vw 0;
  }
  #footer .bnr_area .bnr_list{
    width: 57.14vw;
  }
  #footer .copyright{
    font-size: 1vw;
  }

  #note{
    font-size: 0.71vw;
  }
  #note .note_txt{
    width: 57.14vw;
  }
}
@media screen and (max-width: 750px) {
  #main{
    margin-top: 13vw;
  }

  #header{
    padding: 4.5vw 0;
  }
  #header .conte .logo{
    width: 47.73vw;
  }

  #header .hamburger{
    width: 15vw;
    height: 4vw;
  }
  #header.active .hamburger_menu{
    overflow: scroll;
  }
  #header .hamburger_menu_inner {
    width: 80vw;
  }
  #header .hamburger_menu_lists{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
    gap: 0;
    font-size: 5.4vw;
  }
  #header .hamburger_menu_lists li{
    padding: 5vw 0;
  }
  #header .hamburger_menu_lists li:first-child{
    width: 100%;
    margin-bottom: 0;
  }
  #header .hamburger_menu_lists li:nth-child(2),
  #header .hamburger_menu_lists li:nth-child(3){
    width: 100%;
  }
  #header .hamburger_menu_lists li .txt_ja{
    font-size: 2.2vw;
  }
  #header .hamburger_menu_btn_lists{
    width: 80%;
    margin-top: 10vw;
  }
  #header .hamburger_menu_btn_lists .hamburger_menu_btn_item{
    width: 100%;
    font-size: 6.5vw;
    padding: 3.4vw 0;
  }
  #header .hamburger_menu_btn_lists .hamburger_menu_btn_item .txt_ja{
    font-size: 2.2vw;
  }
  #header .hamburger_menu_btn_lists .hamburger_menu_btn_item.entry{
    border-bottom: 1px solid #ccc;
  }
  #header .hamburger_menu_btn_lists{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12vw;
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
  }


  #footer{
    padding-top: 9.6vw;
  }
  #footer .conte .tel{
    margin-bottom: 6.13vw;
  }
  #footer .conte .tel .tel_txt._01{
    font-size: 2.8vw;
    margin-bottom: 1.4em;
  }
  #footer .conte .tel .tel_txt._02{
    font-size: 2.66vw;
    line-height: 1.3;
    margin-top: .8em;
  }
  #footer .conte .tel .tel_btn{
    width: 62vw;
  }
  #footer .conte .seller{
    margin-bottom: 8.93vw;
  }
  #footer .conte .seller .seller_btn._01{
    width: 54.13vw;
  }
  #footer .conte .seller .seller_btn._02{
    width: 59.06vw;
    margin-top: 5.33vw;
  }
  #footer .bnr_area{
    padding: 6.66vw 0;
  }
  #footer .bnr_area .bnr_list{
    width: 86.66vw;
    gap: 2.93vw;
    flex-direction: column;
  }
  #footer .bnr_area .bnr_list .bnr_item{
    width: 100%;
  }
  #footer .bnr_area .bnr_list .bnr_item:nth-child(n+3){
    margin-top: 0;
  }
  #footer .copyright{
    font-size: 2.6vw;
  }

  #note{
    font-size: 2vw;
    margin: 4em 0;
  }
  #note .note_txt{
    width: 81.33vw;
    line-height: 1.3;
  }
}