@charset "utf-8";

.menu-title h2 {
  writing-mode: vertical-rl;
  font-size: 50px;
  font-weight: 100;
  position: fixed;
  top: 330px;
  left: 85px;
  letter-spacing: 20px;
  text-shadow: 1px 1px 10px #000;
}
.menu-title .sen {
  writing-mode: vertical-rl;
  font-size: 40px;
  position: fixed;
  top: 250px;
  left: 112px;
}

.reservation-content {
  margin: 100px auto 100px;
  width: 60%;
  justify-content: space-between;
  align-items: center;
}

.reservation-title {
  text-align: center;
  writing-mode: vertical-rl;
  font-size: 40px;
  margin: 150px auto 0;
}

.gizi::before {
  content: "";

  display: block;
  width: 200px;
  height: 1px;
  margin: 200px auto 0;
  background-color: #fff;
  transform: rotate(90deg);
}

.annai {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.annai a {
  display: block;
  width: 20px;
  margin-right: 10px;
}

.annai a img:hover {
  opacity: 0.5;
  transition: 0.3s all;
}

.fude1{
   position: absolute;
   opacity: 0.1;
   width: 50%;
   top: -220px;
   left: -20px;
   
 }



form {
  width: 80%;
  background-color: rgb(255, 255, 255,0.1);
  margin: 0 auto;
  padding: 80px;
}

.Form-Item-Label-Required{
   font-size: 10px;
   margin-left: 10px;
   color: rgb(255, 67, 67);
}

.Form-Item{
   margin: 30px 0;
}

.name,
.checkin,
.checkout{
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
   
   
   
}

.Form-Item-Input1,
.select-box,
.select-box1,
.dd-radio-button,
.Form-Item-Input1,
.Form-Item-Textarea,
.Form-Item-Input
{
opacity: 0.9;
   margin: 5px 0;
}



.Form-Item-Input1{
   height: 40px;
   width: 180px;
   margin-right: 20px;
   
}

.dd-radio-button{
   display: flex;
   flex-direction: column;
}

.radio-button{
   margin: 10px 0;
}

.Form-Item-Input{
   height: 40px;
   width: 100%;
}


.select-box{
   width: 100%;
   height: 40px;
}
.select-box1{
width: 60%;
   height: 40px;
}

.Form-Item-Textarea{
   width: 100%;
   height: 300px;
}

.item{
   margin: 5px 0;
}

.Form-Btn{
   display: block;
   margin: 100px auto;
   width: 100px;
   height: 40px;
   
}

.map h2{
   text-align: center;
   
}

.map {
   width: 930px;
   max-width: 80%;
   padding: 50px;
   margin-top: 75px;
   margin-left: auto;
   margin-right: auto;
   /* background-color: rgb(255, 255, 255,0.1); */
 }
 
 .map iframe {
   display: block;
   width: 100%;
   height: 500px;
   margin-top: 25px;}