/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
.menuitem.rline_c{
	float:right;
}
	#footer_contactarea{
		padding:0 0 15px 0;
		
		
	}
.menuimegearea{
	float:left;
	width:30%;
}
.menuimegearea img{
	width:100%;
	height: auto;
}
.menutextarea h4,.menutextarea h4 a{
	text-align:left;
	}
.menutextarea{
	padding-left:0;
	width:60%;
	padding-bottom:20px;
	text-align: left;
}
.menuitem{
	width:100%;
	margin:0 auto;
	display: block;
}


.item_menutext{
	text-align: left;
}
	
	
	
	.binminbanner{
	padding-bottom:100x;	
	
	}
  img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
  }
  #container{
    width:100%;
   
    display: block;
  }

  #containerabout{
    width:100%;
    padding-top: 150px;
    display: block;
  }

  #logo {
    max-width: 255px;
    text-align: center;
    /* padding-bottom: 40px; */
    float: none;
    margin: 0 auto;
  }

  #text-menu {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.5em;
  }
  .banner , .banner2{
    float: none;
    margin: 0 auto;
    padding-bottom: 15px;
	  padding-right: 0;
  }
  nav {
    padding-top: 40px;
  }
	nav ul{
		width:100%;
	}
  #about {
    margin-top: -40px;
  }
	.topmain{
		margin-top:0px !important;
		
	}
	.menumain{
		margin-top:20px !important;
		
	}
  ul {
    background: #fff;

  }

  li {
    width: 80px;
    text-align: center;
    margin-left: 10px;
  }
  #footerbg {
    height: auto;
  }

  #footer-left {
    float: none;
    width: 280px;
    text-align: center;
    margin: 0 auto;

  }

  #footer-center {
    float: none;
    /* margin: 0 auto; */
    /* max-width: 300px; */
    margin-left: 5%;
	  padding:0;
  }

  #footer-right {
    float: none;
	width:100%;
    text-align: center;
	padding-right:0px;
  }
#footer_contactarea{
	float:none;
	padding-top:16px;	
}
  .address {
	width:90%;
	  margin:0 auto;
    line-height: 1.8em;
    text-align: left;
	  margin-left: 10%;
	  padding:0;
  }
  small {
    display: none;
  }

  .lunch-weekday-img {
    padding-bottom: 0px;
  }

  #copy {
    display: block;
    text-align: center;
  }

  #text-menu br { display:none; }

  .slick-slider {
    margin-bottom:0px;
    margin-top: -30px;
  }

  #left-content-menu {
    float: none;
    /* text-align: center; */
    margin-left: 0px;
  }
  .left-img {
    float: none;
    margin: 0 auto;
    padding-top: 20px;
  }
  .right-text1 {
    width: 248px;
    margin: 0 auto;
    margin-top: -10px;
  }
  .right-text2 {
    width: 248px;
    margin: 0 auto;
    margin-top: -10px;
  }
  .right-text22 {
    width: 248px;
    margin: 0 auto;
    margin-top: -10px;
  }

  .right-text3 {
    width: 248px;
    margin: 0 auto;
    margin-top: -10px;
  }

  #right-content-menu {
    float: none;
    /* text-align: center; */
    margin-top: 0px;
    margin: 0 auto;
  }

  .slick-slider .slick-track,
  .slick-slider .slick-list {
    width: 100%;
    margin-top: 0px;
  }

  .slick-dots li {
    left: 0px;
    margin: 0 auto;
  }
  .slick-dots {
    position: absolute;
    top: -105%;
    left: -25%;
    right: -90%;
    bottom: -220%;
    margin: auto;
    width: 100%;
    height: 20px;
    max-width: 70px;
  }

  #abouth1 {
    margin-top: 80px;
    margin-bottom: 0px;
  }
  #about-left-content {
    float: none;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #left-content-about {
    float: none;
    margin: 0 auto;
    width: 85%;
  }

  #introduction02 {
    width: 200px;
    margin: 0 auto;
  }

  #about-right-content {
    float: none;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 465px;
  }

  #introduction {
    float: none;
    margin: 0 auto;
    height: inherit;
	  width:200px;
  }
  #introduction img{
	 width:100%; 
	}
  #right-text-in {
    float: none;
    width: 85%;
    margin: 0 auto;
  }

  #right-eria {
    float: none;
    max-width: 195px;
    margin: 0 auto;
  }

  #leftimg {
    float: none;
    width: 195px;
  }

  #rightimg {
    float: none;
    width: 195px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  #right-content-about {
    float: none;
    max-width: 85%;
    margin: 0 auto;
  }

  #introduction03 {
    max-width: 200px;
    margin: 0 auto;
  }

  #left-content {
    float: none;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
  }

  #blog {
    width: 100%;
    /*max-width: 320px;*/
  }

  #right-content {
    float: none;
    margin: 0 auto;
    width: 100%;
    padding-top: 20px;
  }

  #facebook {
    margin: 0 auto;
    max-width: 310px;
  }

  .left-content-access {
    float: none;
    margin: 0 auto;
  }

  .center-content-access {
    float: none;
    margin: 0 auto;
  }

  .right-content-access {
    float: none;
    text-align: center;
    margin: 0 auto;
  }
#rightaccess {
  float: none;
    text-align: center;
    margin: 0 auto;
}
#map {
  text-align: center;
    margin: 0 auto;
}

.cp {
  text-align: left;
    margin-left: 20px;
}

#copp {
  margin-top: 0px;
}

.about-text2 {
    width: inherit;
}

h3 {
  width: 200px;
}

.menu-text {
  margin-top: 0px;
  margin-left: 0px;
  padding-bottom: 10px;
}
.menu-container {
  padding-top: 10px;
}
.menu-container-last {
  padding-top: 0px;
  padding-bottom: 0px;
}
	
.menuitem.rline_c,.menuitem.lline_c{
	float:none;
	margin: 0 auto;
}	

	.bottombanner{
		width:90%;
		margin:50px auto 10px;
		display: block;
	}
	.bottombanner p{
		display: block;
		width:48%;
		margin:0;
		text-align: center;
		padding-bottom:10px;
	}
	.bottombanner p:nth-child(2n+1) {float: left;}
	.bottombanner p:nth-child(2n+0) {float: right;}

	
	
}

@media screen and (max-width:420px){
	.menuitem.rline_c{
	float:right;
}
  .menu-img {
    text-align: initial;
    padding-top: 0;
    width: 100%;
}
.menu-container-top {
  padding-left: 0;
  padding-right: 0;
  width: 248px;
}
.menu03 {
  padding-top: 0;
}
.menu-container,.menu-container-top,.menu-container-last{
	padding-left: 0;
	padding-right: 0;

	width: 100%;
}
.lunchimg {
   margin-top: 0px;
}
.menu04 {
     padding-top: 0px;
     margin-right: 0px;
}

}



@media screen and (max-width:320px){
  li {
    /*width: 65px;*/
    margin-left: 0px;
  }
  nav {
    font-size: 14px;
    width: 100%;
  }

  #about {
    font-size: 14px;
  }
  .menu-img {
    width: 100%;
}

}











@media only screen and (max-width:640px) {
	.pcareaa{
		display:none;	
	}

	.spareaa{
		display:block;	
	}
	#header{
	width: 100%;
	}
	#headerbg ul{
		display: none;
		border-bottom: none;
	}
}