#frame {

  width: 902px;

  background-image: url(../images/frame_bg2.gif);

  background-position: left top;

  background-repeat: no-repeat; }



#header {

  width: 100%; }

  #header h1 {

    margin-left: 0;

    padding: 23px 20px 0;

    display: flex;

    justify-content: space-between; }



#frame2 {

  width: calc(100% - 30px);

  margin: 0 15px;

  box-sizing: border-box; }



#navi {

  width: 100%; }

  #navi ul {

    width: 100%;

    margin: 0;

    padding: 0 5px;

    box-sizing: border-box;

    overflow: hidden;

    background: url(../images/navi_bg2.gif) repeat-x left top !important; }



#navi03 a {

  background-image: url(../images/navi03.png);

  background-repeat: no-repeat; }



#navi04 a {

  background-image: url(../images/navi04.png);

  background-repeat: no-repeat; }

  #navi04 a:hover {

    background-image: url(../images/navi04_on.png); }



#navi05 a {

  background-image: url(../images/navi05.png);

  background-repeat: no-repeat; }

  #navi05 a:hover {

    background-image: url(../images/navi05_on.png); }



#navi06 a {

  width: 112px;

  height: 52px;

  background-image: url(../images/navi06.png);

  background-repeat: no-repeat;

  display: block; }

  #navi06 a:hover {

    background-image: url(../images/navi06_on.png); }



.top-contents {

  width: 100%; }

  .top-contents img {

    width: 100%; }

  .top-contents ul.top-main {

    width: 100%; }

    .top-contents ul.top-main li.left p.txt-right img {

      width: auto; }

    .top-contents ul.top-main li.right {

      width: calc(100% - 417px);

      margin-right: 10px;

      padding: 20px 10px 10px;

      background-color: #e7e7e7;

      box-sizing: border-box;

      background-image: unset; }

      .top-contents ul.top-main li.right .whiteWrap {

        padding: 12px 10px;

        background-color: #fff;

        border-radius: 8px;

        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

        border: 1px solid #c5c5c5; }

      .top-contents ul.top-main li.right h2 {

        margin-top: 0;

        margin-left: 0; }

        .top-contents ul.top-main li.right h2 a {

          display: block;

          transition: opacity 0.3s ease; }

          .top-contents ul.top-main li.right h2 a:hover {

            opacity: 0.7; }

        .top-contents ul.top-main li.right h2 img {

          width: auto; }

      .top-contents ul.top-main li.right ul.shop {

        width: 100%;

        margin-left: 0;

        display: flex;

        justify-content: space-between; }

        .top-contents ul.top-main li.right ul.shop li a {

          display: block;

          transition: opacity 0.3s ease; }

          .top-contents ul.top-main li.right ul.shop li a:hover {

            opacity: 0.7; }

        .top-contents ul.top-main li.right ul.shop li.hachioji, .top-contents ul.top-main li.right ul.shop li.shinjuku {

          margin-right: 0;

          float: none; }



.footer {

  width: calc(100% - 30px);

  margin: 10px 15px 0;

  box-sizing: border-box; }



.contents {

  margin: 55px auto 0; }