@charset "utf-8";

@media screen and (max-width: 767px) {
  /* すべてのページに共通 (開始) */
  #head-top {
    width: 100%;
    background-position: right;

  }
  .title-left {
    width: 100%;
    font-family: serif;
    font-style: bold;
    text-shadow: 2px 4px 4px rgba(25,25,50,0.8);
    padding-left: 10px;
    float: none;
    line-height: 2em;
  }
    .title-right {
    width: 100%;
    float: none;
  }

  .headtop-nav {
    display: none;
  }
  header nav ul {
    width: 100%;
  }
  header nav ul li {
    margin-right: 0;
    width: 50%;
    border: 1px solid #fff;
    box-sizing: border-box;
  }
  main {
    width: 100%;
  }
  .side {
    width: 0%;
  }
  .side ul {
    display: none;
  }
  .main-content {
    width: 100%;
  }
  footer p {
    display: none;
  }
  /* すべてのページに共通 (終了) */

  /* トップページ (開始) */
  .box {
    width: 100%;
    box-sizing: border-box;
  }
  .middlebox img {
    width: 50%;
    height: auto;
  }
  /* トップページ (終了) */

  /* アクセスページ (開始) */
  .ggmap iframe {
    width: 100%;
  }
  .photo img {
    width: 90%;
    margin: 0 auto;
  }
  #contact-content {
      width: 100%;
      float: none;
  }

  #contact-photo img {
    width: 50%;
    float: none;
    margin-left: 30px;
    margin-bottom: 40px;
  }

  #mendan-content {
    width: 100%;
      line-height: 1.5em;
      margin-left: 15px;
      margin-bottom: 40px;
      float: none;
  }

  #mendan-photo img {
    width: 50%;
    float: none;
    margin: 15px 0 40px 15px;
  }

  /* アクセスページ (終了) */

  /* お問合せページ (開始) */
  #contact form {
    width: 100%;
    margin: 0 auto;
  }
  #contact dl dt {
    width: 100%;
    float: none;
    text-align: left;
    padding: 10px;
  }
  #contact dl dd {
    width: 100%;
    float: none;
    padding: 10px;
  }

  /* お問合せページ (終了) */

}