@charset "utf-8";

div#lead{
  max-width: 650px;
}

div#lead p{
  width: auto;
}
@media screen and (max-width: 640px) {
  body {
    min-width: inherit;
  }
  .contents {
    width: 100%;
  }
  h1,
  div.logo {
    float: none;
    margin: 0 auto;
  }
  nav {
    overflow: hidden;
    zoom: 1;
    float: inherit;
    margin-right: 0;
    border-top: 1px solid #eaebeb;
    border-bottom: 1px solid #eaebeb;
  }
  nav li {
    margin-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #eaebeb;
    width: 50%;
  }
  nav li a {
    padding: 15px 0;
    width: 100%;
    height: inherit;
  }
  nav li:last-child {
    border: none;
  }
  div#spMainImg {
    display: block;
    height: 0;
    padding-top: 78.125%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  div#mainImgArea {
    background: none;
  }
  div#mainImgArea div#mainImg {
    width: 100%;
    height: inherit;
    background: none;
  }
  div#lead {
    position: relative;
    padding: 15px 10px;
    bottom: inherit;
    color: #261f1c;
    background: none;
  }
  div#lead p {
    width: 100%;
  }
}