/* screen-300.css */

@media screen and (max-width: 680px) {
  #main::before {
    max-width:12em;
    max-height:12em;
    margin-right:.7em;
    border-width: 0.7em;
    background-size: cover;
  }
}

@media screen and (max-width: 550px) {
  #main::before {
    max-width:8em;
    max-height:8em;
    margin-right:.5em;
    border-width: 0.5em;
  }

  #wrapper #mainnavi ul.level_1 > li > a,
  #wrapper #mainnavi ul.level_1 > li > span {
    font-size:.8em;
  }
}

@media screen and (max-width: 480px) {
  #logo {
    font-size:1.4em;
  }

  #mainnavi a,
  #mainnavi span,
  #subnavi a,
  #subnavi span,
  #footer a,
  #footer span {
    font-size:.7856em;
  }

  #footer span a {
    font-size:1em;
  }

  #wrapper #subnavi ul.level_1 > li > a,
  #wrapper #subnavi ul.level_1 > li > span {
    font-size:.7856em;
  }

  #main::before {
    display:none;
  }
}

@media screen and (max-width: 440px) {
  .ce_gallery table,
  .ce_gallery tr,
  .ce_gallery td {
    display:block;
  }
}

@media screen and (max-width: 300px) {
  #logo {
    font-size:1em;
  }

  #wrapper #subnavi ul.level_1 > li > a,
  #wrapper #subnavi ul.level_1 > li > span {
    font-size:.6429em;
  }
}