@charset "UTF-8";
/* CSS Document */

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

  /*Tablet*/
  #container {
    width: 768px;
  }

  #top-products img {
    width: 100%;
  }

  #main2 {
    width: 70%;
  }

  #main2 img {
    width: 100%;
  }

  /*header*/
  #header {
    text-align: left;
    padding: 0 0 19px 0;
  }

  #header-logo {
    float: left;
    width: 24%;
    margin: 19px 0 0 0;
  }

  #header-link {
    float: right;
    width: 37%;
    margin: 39px 0 0 0;
  }


  #footer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  #footer-link {
    display: inline;
    width: 50%;
    margin: 2em;
    float: none;
  }

  #footer-link ul {
    width: 80%;
    text-align: center !important;
    margin: 0 auto;
  }

  #footer-link ul li {
    text-align: center;
  }

  #footer-logo {
    display: block;
    width: 100%;
    padding-right: 2em;
  }

  #footer img {
    width: 30%;
  }

  address {
    font-style: normal;
    font-size: 10px;
    margin: 10px auto 0 auto;
  }

  .top_scroll {
    margin-left: 36.5em;
    margin-top: 4em;
  }


}


@media screen and (max-width:599px) {

  /*SmartPhone*/
  #container {
    /* width: 300px; */
    width: 90%;
  }

  #top-products img {
    width: 100%;
  }

  #main2 {
    /* width: 300px; */
    width: 95%;
    margin: 0 auto;
    float: none;
  }

  #main2 img {
    width: 100%;
  }

  /*header*/
  #header {
    text-align: center;
    padding: 0 0 15px 0;
  }


  #header-link {
    display: none;
  }

  #header-logo {
    float: none;
    width: 100%;
    margin: 0;
    padding: 14px 0 0 0;
    text-align: center
  }

  #gnavi {
    margin: 0 0 5px 0;
  }

  #gnavi ul li {
    list-style-type: none;
    display: block;
    float: none;
  }

  #footer {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  #footer-link {
    display: inline;
    width: 50%;
    margin: auto;
    float: none;
  }

  #footer-link ul {
    width: 80%;
    text-align: center !important;
    margin: 0 auto;
  }

  #footer-link ul li {
    text-align: center;
  }

  #footer-logo {
    display: inline-block;
    width: 100%;
    float: none;
    text-align: center;
  }

  #footer img {
    width: 50%;
  }

  address {
    font-style: normal;
    font-size: 10px;
    margin: 10px auto 0 auto;
  }

  .top_scroll {
    margin-left: 21em;
    margin-top: 4em;
  }

  #products-side {
    /* width: 25%; */
    float: none;
    overflow: hidden;
    clear: both;
  }


}