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

body{
font-size:16px;    
}

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

.menulist{
display:none;    
}

.sushimenu{
margin-top:10px;    
}

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

.hamburger2{
margin-top:-10px;
}

.hamburger span{
background:white;  
}




.slider-menu{
background-image:url('downloads/Untitled design-39.png');
}

footer{
background-image:none;
background:maroon;
color:white;
}

.footer2{
}

.footer2 p{
margin-left:10px;
font-size:16px;
text-align:justify;
}



.footer-logo{
margin-left:20px;    
}


table{
margin-left:5px;    
padding-top:20px;
color:white;
}

footer p{
font-size:16px;    
text-align:justify;
color:white;
margin-left:10px;
}


.chopsticks{
margin-bottom:200px;    
}
.testimonial h2 span{
font-size:50px;
}

.testimonial h2{
margin-left:10px;
}

.testimonial h2 span {
  margin-left:70px; 
}

.testimonial h3 span{
margin-left:70px;
font-size:50px;
}


.testimonial img{
width:400px;
height:400px;
margin-top:100px;
margin-right:10px;
}

.chatbot{
 width:300px;
 height:8px;
 background:#d4dcda;
 color:black;
 border:transparent solid 2px; 
 border-radius:50px;
 font-size:13px;
 padding:1.5em;
 padding-top:5px;
 padding-bottom:40px;
 position:relative;
 margin-bottom:20px;
 opacity:80%;
 box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 animation-name:"textanime";
 animation-fill-mode:backwards;
 animation-iteration-count:1;
 animation-timing-function:ease;
 animation-delay: 1s;
 animation-duration:3s;
 animation-direction:alternate;
}

.chatbot::after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -10px;
    border-right-color:#d4dcda;
    right:100%;
    top:50%;
}
.chatbot:nth-child(1){
background:#0095d9;
color:white;
margin-bottom:20px;
left:-50px;
animation-delay:1s;
}
.chatbot:nth-child(1)::after{
 border-right-color:#0095d9;
 border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -10px;
    border-left-color:#0095d9;
    left:100%;
    top:50%;
}

.chatbot:nth-child(2){
animation-delay:3s;    
left:-80px;
padding-bottom:40px;
}


.chatbot:nth-child(3){
background:#0095d9;
color:white; 
margin-bottom:20px;   
left:-50px;
animation-delay:5s;
padding-bottom:40px;
}
.chatbot:nth-child(3)::after{
    border-right-color:#0095d9;
    border: solid transparent;
       content:'';
       height:0;
       width:0;
       pointer-events:none;
       position:absolute;
       border-color: rgba(0, 153, 255, 0);
       border-top-width:10px;
       border-bottom-width:10px;
       border-left-width:10px;
       border-right-width:10px;
       margin-top: -10px;
       border-left-color:#0095d9;
       left:100%;
       top:50%;
       animation-delay:6s;
}
.chatbot:nth-child(4){
    background:#d4dcda;
    color:black;
    margin-bottom:20px;   
    left:-80px;
    animation-delay:7s;
    }



.chatcontainer{
top:-750px;
position:relative;    
z-index:5;
margin-right:-130px;
margin-bottom:20px;
}

p{
font-size:16px;  
padding:13px;
}

.testimonial p{
text-align:justify;    
}

header{
margin-top:0px;
margin-bottom:-50px;
}

#slider{
opacity:100%;
margin-top:-170px;
}

header p{
color:black;  
font-size:10px;
padding:30px;
animation:none;
}


table{
font-size:13px;
}

header p{
color:white;
margin-top:-40px;
}

footer{
font-size:10px;    
}

footer p{
font-size:16px;
text-align:justify;
margin-left:10px;
}



.topcontainer{
width:100%;
height:auto;
background-image:url("downloads/Untilted design-39.png");
background-size:cover;
padding:0.8em;
margin-top:-650px;
margin-bottom:200px;
padding-bottom:400px;   
}

.ukiyoe{
margin-left:100px;    
width:300px;
height:300px;
top:-643px;
}}


@media (min-width: 768px) and (max-width: 1023px) { /* ipad tate */

.menusushi{
display:none;
}

.top-logo{
width:250px;   
margin-top:30px;
}

.menulist{
display:none;    
}

#slider{
margin-top:-293px;
}

.header2 p{
font-size:15px;    
}

header{
margin-bottom:7px;    
}


.header2{
margin-bottom:30px;    
}

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




.hamburger2 span{
background:white; 
}


.hamburger span{
background:white;    
}

.topcontainer{
margin-top:-1050px;    
}

.testimonial h2 span{
font-size:70px;
margin-left:300px;
}

.testimonial h3 span{
font-size:70px;    
}


.chatcontainer{
margin-left:100px;
margin-top:-320px;
}

.footer2 p{
margin-left:200px;    
text-align:justify;
padding-bottom:30px;
}

.footer-logo{
margin-left:200px;    
}

footer p{
margin-left:200px;    
text-align:justify;
padding-bottom:30px;    
}


header p{
font-size:16px;    
}



.footer2 img{
margin-left:200px;    
}
.ukiyoe{
margin-top:480px;
margin-left:300px;
}}

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

.testimonial h2 span{
font-size:30px;
margin-left:70px;
}

.testimonial h3 span{
font-size:30px;  
margin-left:70px;
}

.top-logo{
margin-top:15px;    
}


.menulist{
display:none;
}

#slider{
margin-top:-230px;   
}

.footer2 p{
margin-left:300px;    
}

.footer2 img{
margin-left:300px;    
}

footer p{
margin-left:300px;    
}

.footer-logo{
margin-left:300px;    
}

.testimonial h2 span{
font-size:65px;
}

.testimonial h3 span{
font-size:65px;    
}


.footer2 p{
text-align:justify;
color:white;
margin-right:120px;
font-size:16px;
}

footer p{
text-align:justify;
color:white;
margin-right:120px;
font-size:16px;
}

footer{
margin-right:120px;
font-size:16px;
}

header{
font-size:10px;  
margin-bottom:7px;


}

.chatcontainer{
 margin-left:180px;   
 margin-top:240px;
 display:none;
}

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

.hamburger span{
background:white;    
}

.ukiyoe{
display:none;    
}

.topcontainer{
margin-top:-80px;    
}}

@media (min-width: 1024px) and (max-width: 1366px) {
.hamburger span{
display:none;
}

.slider-menu{
display:none;    
}

.top-logo{
margin-left:300px;  
}

.hamburger2 span{
display:none;    
}

.menulist{
margin-left:500px;
}

.menusushi{
margin-left:480px;    
}

.top-logo{
margin-left:40px;
}

.chatcontainer{
 margin-left:100px;   
}

.ukiyoe{
margin-right:10px;
width:400px;
margin-top:100px;
}

#slider{
margin-top:-280px;   
}

.footer2 p{
margin-left:300px;    
}

.footer2 img{
margin-left:300px;    
}

footer p{
margin-left:300px;    
}

.footer-logo{
margin-left:300px;    
}

.testimonial h2 span{
font-size:65px;
}

.testimonial h3 span{
font-size:65px;    
}}


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

.hamburger2 span{
display:none;
}}