@media screen and (max-width: 900px) {}
@media screen and (max-width: 720px) {
  h2 {
    font-size: 20px;
  }
  /* 全体 */
  .container {
    width: 320px;
  }
  /* ヘッダー（メインキャッチ）部分 */
  header {
    height: 140px;
  }
  header h1 {
    margin:  0;
    padding: 10px 0 0 0;
  }
  header h2 {
    margin:  0;
    padding: 0;
  }

  header h1 img {
    width:      75px;
    height:     16px;
    text-align: center;
  }
  header h2 img {
    width: 320px;
  }
  header ul {
    display: none;
  }
  header ul li {
  }
  /* メインコンテンツ部分 */
  .main {
    padding: 1px 0 0 0;
  }

  /* 対象の映画 */
  .movie {
    width: 320px;
    margin: 0 0 20px 0;
  }
  .movie h2 {
    font-size: 15px!important;
    padding: 0;
    margin:  0;
  }
  .movielist {
    width:          320px;
    float:          right;
    margin:         10px auto auto;
    border-bottom:  solid 3px #fff;
    padding-bottom: 10px;
    margin-bottom:  10px;
  }
  .movielist h3 {
    font-size: 15px;
  }
  .movielist h4 {
    font-size: 16px;
  }
  .movie ul li {
  }
  .movielist img.thumbnail {
    width:  288px;
    height: 192px;
  }
  .movielist a {
  }
  /* 対象の映画館 */
  .theater {
  }
  .theater ul li {
    font-size: 10px;
  }
  /* 使い方 */
  .howto {
    border:   none;
    margin:   0;
    padding:  0;
    width:    320px;
  }
  .howto img {
  }
  .howto ul li {
  }
  .howto p {
  }

  /* フッター */
  footer .other {
    height: auto;
  }
  footer .other ul {
    padding:    25px 0 0 0;
    text-align: center;
  }
  footer .other ul li {
    font-size: 12px;
    display:   none;
  }
  footer .other ul li.arrow {
    display:       block;
    width:         320px;
    padding:       5px 0 5px 0;
    border-bottom: dotted 1px #fff;
  }
  footer .other ul li a {
  }
  footer .copyright {
  }
  footer .copyright p {
  }

  .img1 {
    display: none;
  }
  .img2 {
    display: block;
  }

  div.dpLink {
    display: none;
  }

}