@media screen and (max-width: 478px) { /*smartphone*/

body{
font-size:16px;    
}

.top-logo{
width:150px;
margin-top:70px;
margin-left:50px;
}


.hamburger{
    right: 10px;  /* さらに右端に寄せたい場合は数値を小さく */
    top: 30px;    /* 上下位置も微調整可能 */
    width: 35px;  /* 必要ならサイズも少し小さく */
    height: 22px;
z-index: 9999;
  }


#slider{
margin-top:-530px;
margin-bottom:100px;
opacity:70%;
}


footer{
height:500px;
font-size:15px;
}

.copyright{
padding-right:200px;
padding-top:100px;
}


h1{
font-size:25px;    
}

p{
font-size:16px;    
}

.intro{
left:-300px;  
top:-180px;
font-size:30px;
}

.introp{
margin-left:10px  ;  
top:-180px;
font-size:16px;
}

.foodie ul{
 display:block;   
}

.menulist{
display:none;    
}

.ourstory h1{
margin-top:50px;    
}

.container{
margin-bottom:30px;    
}

.ourstory img{
width:300px;
height:300px;
margin-left:50px;
 min-width: 300px;
  max-width: 300px;
}

.figure.snip1139 {
margin-left:10px;
}

.hamburger{
    width:40px;
    height:25px;
  display:block;
  justify-content: center;
  align-items: center;
  position: absolute;
 right:20px;
 top:100px;
  z-index: 100;
  cursor: pointer;
}

.learn{
width:200px;
height:50px;
color:white;
font-size:20px;
background:black;
border: black 2px dotted; 
border-radius:50px;
z-index:300;
position:relative;
padding:25px;
padding-left:40px;
padding-top:8px;
font-weight:900;
margin-top:-110px;
}

  figure.snip1139 {
    margin: 10px auto;
    min-width: unset;
    max-width: 100%;
    width: 90%;
  }

  figure.snip1139 blockquote {
    padding: 20px 30px;
    font-size: 0.9em;
  }

  figure.snip1139 blockquote:before,
  figure.snip1139 blockquote:after {
    font-size: 35px;
  }

  figure.snip1139 .author {
    padding: 8px 15px;
    font-size: 0.9em;
  }
  
  .clients h1{
margin-left:80px;
}
.copyright{
font-size:10px;
margin-right:50px;
text-align:left;
}

.menubtn{
  width:500px;
  height:50px;
  color:white;
  font-size:16px;
  background:#ea5549;
  border:#ea5549 2px dotted; 
  border-radius:80px;
  z-index:300;
  position:relative;
  padding:11px;
  padding-left:19px;
  right:10px;
  margin-top:70px;
  left:10px;
  margin-bottom:100px;
  top:50px;
  z-index:1;
  position:relative;
  }
    
    
}

@media screen and (max-width: 1024px) and (orientation: landscape) { /*smartphone 横*/
body{
font-size:16px;
}

#slider {

margin-top:-720px;
    
}

.menulist{
display:none;    
}

.hamburger{
margin-top:-900px;    
}

.foodie ul{
display:block;   
}

.ourstory img{

width:300px;
height:300px;
margin-right:400px;
}



 figure.snip1139 {
    margin: 10px auto;
    min-width: unset;
    max-width: 100%;
    width: 90%;
  }

  figure.snip1139 blockquote {
    padding: 20px 30px;
    font-size: 0.9em;
  }

  figure.snip1139 blockquote:before,
  figure.snip1139 blockquote:after {
    font-size: 35px;
  }

  figure.snip1139 .author {
    padding: 8px 15px;
    font-size: 0.9em;
  }}



@media (min-width: 1024px) and (max-width: 1366px) {

.hamburger span{
display:none;    
}

}

@media screen and (min-width:1367px){ 
.hamburger span{
display:none;    
}}