@charset "Shift_JIS";


 .menu-list1 {

}

 .menu-box {
     display: flex;
flex-wrap: wrap;
align-items: flex-start;
     width: 100%;
    margin: 0 0 50px;
 }
 .list-box1 {
     width: 50%;
     margin: 0;
 }
 .list-box1 img {
     width: 100%;
 }

.list-box1 p{
     line-height: 1.8em;
}

#menu-box2 {
    box-sizing: border-box;
    display:-webkit-flex;
    display:flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px;
  margin: 0 auto 40px;
 }

.m-box-s {
  display:block
  box-sizing: border-box;
  background-color: #f5fffa;
  border: 1px solid #f0ffff;
  width: 550px;
  height: 500px;
  margin: 5px;
  padding: 10px;
  border-radius: 5px;
}
.m-box-s img {
  width: 100%;
}
.m-box-s p {
  color: #333;
  font-weight: normal;
  font-size: 95%;
  margin: 0px;
  padding: 5px 15px;
}

table{
  width: 100%;
  padding: 0px;
  border-collapse: separate;
  border-spacing: 0;
}


/*"品目"*/
table th{
  font-weight: normal;/*"太字"*/
  text-align: left;
  border-top: 0px solid #00ffff;  
  border-bottom: 2px solid #00ced1;
  width: 75%;
  padding: 15px 15px 0px;
}
/*"値段"*/
table td{
  text-align: right;
  border-top: 0px solid #00ffff;
  border-bottom: 2px solid #00ce00;
  width: 25%;
  padding: 15px 15px 0px;
}
a {
color: #333;
text-decoration: none;
}

.baner-box3 {
  width: 100%;
  padding: 0px;
  margin: 0px 0px 60px;
}
.baner-box3 img {
  width: 100%;
  padding: 0px;
  margin: 0px;
  transition: all 0.3s ease 0s;
}
.baner-box3 img:hover {
 opacity: 0.8;
}


.hover-teppen {
  display: block;
  width: 300px;
  cursor: pointer;
  padding: 5px;
  margin: 0px;
  background-color: #ffdab9;
  color: #333;
      border :0px solid #ffe4e1;
      border-radius: 0.5em;
  transition: all 0.3s ease 0s;
}
.hover-teppen:hover {
  opacity: 0.6;
}



 @media screen and (max-width: 800px) {
     .menu-box {
         display: block;
     }
     .menu-box .list-box1 {
         width: 100%;
         margin: 0 auto;
     }
 }