body {
  background-image: url(../img/bgi.jpg);
  background-size: 100% auto;
}



@media (min-width: 750px) {
#maintittle {
  max-width: 750px;
  width: 100%;
	margin: 0 auto;
	padding: 0 auto;
	clear: left;
}

.slider {
    padding: 0;
    margin: 0;
}

.slider img{
    padding-top: 10px;
    width: 100%;
}

.slider li{
	list-style-type:none;
}

#footer {
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  padding: 0 auto;
  padding-top: 50px;
}

#footer img {
  width: 100%;
}

.maps {
  max-width: 500px;
  max-height: 500px;
  position: relative;
  margin: 0 auto;
  padding-top:50px;
}

.snslink {
margin: 0 auto;
  width: 400px;
  height: 300px;
  top: 0;
}

#center {
  width: 400px;
  height: 400px;
  margin: 0 auto;
}

.details {
  max-width: 700px;
  max-height: 500px;
  margin: 0 auto;
  padding-bottom: 10px;
}

.details img {
  width: 100%;
}

.menu-img {
  width: 750px;
  height: 500px;
  margin: 0 auto;
}

.menu-img img {
  width: 100%;
  padding-top: 30px;
}

.googlemap {
  width: 300px;
  margin: 0 auto;
}

.googlemap img {
  width: 100%;
}

.tizu {
  width: 605px;
  height: 300px;
  margin: 0 auto;
  padding-top: 30px;
}
}

@media (max-width: 749px) {
  #maintittle {
    width: 100%;
  	margin: 0 auto;
  	clear: left;
  }

  .slider {
      margin: 0;
  }
  .slider img{
      width: 100%;
      padding-top: 70px;
  }
  .slider li{
  	list-style-type:none;
  }

  #footer {
    width: 100%;
    margin: 0 auto;
    padding: 0 auto;
  }

  #footer img {
    width: 100%;
  }

  .maps {
    position: relative;
    padding-bottom: 75%; // 縺薙ｌ縺檎ｸｦ讓ｪ豈�
    height: 0;
    overflow: hidden;
    }

  .maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }

  .details {
   width: 100%;
    margin: 0 auto;
  }

  .details img {
    width: 100%;
}

.snslink img {
  width: 100%;
}

.menu-img img {
  width: 100%;
  padding-top: 70px;
}

.googlemap img {
  width: 100%;
}
}