/* -- 全体 ---------------------------------------------------------------------------------------- */
html {
  font-size: 62.5%; /* 全体のベースを10pxに指定 */
  border-bottom: none;
  overflow-y: scroll;
  background-color: #fff;
}
body {
  width: 100%;
  position: relative;
  background-color: #fff;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-size: 14px; font-size: 1.4em; /* body基準を14pxに指定 */
  color: #1B1B1B;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
}
* {
  box-sizing: border-box;
}
a {
  text-decoration:none;
  transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
}
a:hover {
  text-decoration:none;
  transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
}

/* ---------------------------------------------------------------------------------
PCとタブレットは同表示(JSでviewport 1080指定)
スマホ(767px迄)はスマホ表示、とする
------------------------------------------------------------------------------------ */

/* -- コンテンツ ------------------------------------------------------------------- */
.wrap-main {
  position: relative;
  width: 1080px;
  margin: 10px auto 0 auto;
}
@media screen and (max-width: 767px) {
  .wrap-main {
    width: 100%;
  }
}

/* ヘッダー */
header {
  position: relative;
  top: 0;
  width: 1080px;
  height: 460px;
  background: url("../img/header-bg.jpg");
}
@media screen and (max-width: 767px) {
  header {
    width: 100%;
    height:0;
    padding-top:46.875%; /* 300px÷640px×100=46.875% */
    background: url("../img/header-bg-smp.jpg");
    background-size: contain;
  }
}

  /* ヘッダー タイトル H1 */
  .header-title {
    position: absolute;
    top: 0px;
    left: 66px;
    color: #909090;
    font-size: 1.3rem;
    line-height: 1;
    font-weight: normal;
    margin: 0;
    padding: 0;
  }
  @media screen and (max-width: 767px) {
    .header-title {
      left: 1em;
    }
  }

  /* ヘッダー 問い合わせボタン */
  .header-inq {
    position: absolute;
    top: 0px;
    right: 40px;
  }
    .header-inq-btn {
      display: block;
      width: 102px;
      height: 22px;
      padding: 5px 0 0 0;
      text-align: center;
      background-color: #29abe2;
      color: #fff;
      box-shadow: -3px 2px 1px #ccc;
      text-decoration: none;
      font-size: 1.3rem;
      line-height: 1;
    }
    .header-inq-btn:hover {
      background-color: #38C0F9;
    }
  @media screen and (max-width: 767px) {
    .header-inq { display: none; }
  }

  /* ヘッダー SNSボタン */
  .header-sns {
    position: absolute;
    top: 32px;
    right: 33px;
    overflow: hidden;
    margin: 0;
  }
    .header-sns li {
      list-style: none;
      margin:0 7px;
      float: left;
    }
      .btn-header-sns {
        display: block;
        text-indent: 200%; white-space: nowrap; overflow: hidden; word-break: keep-all; word-wrap: normal;
        width: 22px;
        height: 22px;
      }
      .header-sns .tw .btn-header-sns { background: url("../img/sns-mini-tw.png"); }
      .header-sns .fb .btn-header-sns { background: url("../img/sns-mini-fb.png"); }
      .header-sns .ig .btn-header-sns { background: url("../img/sns-mini-ig.png"); }
      .header-sns .am .btn-header-sns { background: url("../img/sns-mini-am.png"); }
  @media screen and (max-width: 767px) {
    .header-sns { display: none; }
  }

  /* ヘッダーメニュー */
  .header-menu {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
    .header-menu .home { position: absolute; left: 95px; top: 243px; }
    .header-menu .movie { position: absolute; left: 213px; top: 213px; }
    .header-menu .info { position: absolute; left: 327px; top: 169px; }
    .header-menu .goods { position: absolute; left: 522px; top: 276px; }
    .header-menu .koneta { position: absolute; left: 626px; top: 220px; }
    .header-menu .activity { position: absolute; left: 773px; top: 365px; }

      .btn-header-menu {
        display: block;
        position: relative;
        text-indent: 200%; white-space: nowrap; overflow: hidden; word-break: keep-all; word-wrap: normal;
      }
      .header-menu .home .btn-header-menu { left:20px; top:89px; width: 111px; height: 39px; }
      .header-menu .movie .btn-header-menu { left:0px; top:0px; width: 111px; height: 39px; }
      .header-menu .info .btn-header-menu { left:71px; top:90px; width: 111px; height: 38px; }
      .header-menu .goods .btn-header-menu { left:0px; top:0px; width: 111px; height: 40px; }
      .header-menu .koneta .btn-header-menu { left:0px; top:0px; width: 111px; height: 38px; }
      .header-menu .activity .btn-header-menu { left:0px; top:23px; width: 111px; height: 40px; }

      .header-menu .movie .btn-header-menu div {
        position: absolute;
        top:0; left:0;
      }

      .header-menu .home .btn-header-menu:hover + div { background: url("../img/header-menu-home.jpg"); width: 131px; height: 127px; margin-top: -39px;}
      .header-menu .movie .btn-header-menu:hover + div { background: url("../img/header-menu-movie.jpg"); width: 110px; height: 93px; margin-top: -39px;}
      .header-menu .info .btn-header-menu:hover + div { background: url("../img/header-menu-info.jpg"); width: 182px; height: 238px; margin-top: -38px; }
      .header-menu .goods .btn-header-menu:hover + div { background: url("../img/header-menu-goods.jpg"); width: 229px; height: 77px; margin-top: -40px; }
      .header-menu .koneta .btn-header-menu:hover + div { background: url("../img/header-menu-neta.jpg"); width: 140px; height: 61px; margin-top: -38px; }
      .header-menu .activity .btn-header-menu:hover + div { background: url("../img/header-menu-activity.jpg"); width: 134px; height: 63px; margin-top: -40px; }
  @media screen and (max-width: 767px) {
    .header-menu { display: none; }
  }

/* スマホ用メニュー */
.wrap-menu-smp {
  display: none;
}
@media screen and (max-width: 767px) {
  .wrap-menu-smp {
    display: block;
    width: 100%;
    text-align: center;
  }
    .wrap-menu-smp a {
      display: inline-block;
      width:16.666%;
      height:0;
      margin: 0;
      padding: 0;
      padding-top:16.25%; /* 104px÷640px×100=16.25% */
      text-indent: 200%; white-space: nowrap; overflow: hidden; word-break: keep-all; word-wrap: normal;
    }
    .wrap-menu-smp .new { background: url("../img/header-menu-smp-new.png") no-repeat; background-size:contain; }
    .wrap-menu-smp .movie { background: url("../img/header-menu-smp-movie.png") no-repeat; background-size:contain; }
    .wrap-menu-smp .info { background: url("../img/header-menu-smp-info.png") no-repeat; background-size:contain; }
    .wrap-menu-smp .goods { background: url("../img/header-menu-smp-goods.png") no-repeat; background-size:contain; }
    .wrap-menu-smp .koneta { background: url("../img/header-menu-smp-neta.png") no-repeat; background-size:contain; }
    .wrap-menu-smp .activity { background: url("../img/header-menu-smp-activity.png") no-repeat; background-size:contain; }
}

/* カルーセルスライダー */
.wrap-slide {
  width: 1020px;
  height: 463px;
  margin: 0 30px;
}
  .wrap-slide .slide-item {
    width: 1020px;
    height: 463px;
    outline: none;
  }
@media screen and (max-width: 767px) {
  .wrap-slide { display: none; }
}

/* メインコンテンツ */
.wrap-contents {
  width: 1020px;
  margin: 0 auto;
  position: relative;
  min-height: 1000px;
}
@media screen and (max-width: 767px) {
  .wrap-contents {
    width: 100%;
    min-height: 0;
  }
}

  /* カテゴリ見出し */
  .wrap-contents .category-title {
    width:1020px;
    height: 73px;
    margin: 0;
    text-indent: 200%; white-space: nowrap; overflow: hidden; word-break: keep-all; word-wrap: normal;
  }
  .wrap-contents .category-title.new { background: #f7931e url("../img/category-new.png") no-repeat; background-size:auto 25px; background-position: center center; }
  .wrap-contents .category-title.movie { background: #ed1e79 url("../img/category-movie.png") no-repeat; background-size:auto 25px; background-position: center center; }
  .wrap-contents .category-title.info { background: #571284 url("../img/category-info.png") no-repeat; background-size:auto 25px; background-position: center center; }
  .wrap-contents .category-title.goods { background: #29abe2 url("../img/category-goods.png") no-repeat; background-size:auto 25px; background-position: center center; }
  .wrap-contents .category-title.koneta { background: #7cc21f url("../img/category-neta.png") no-repeat; background-size:auto 25px; background-position: center center; }
  .wrap-contents .category-title.activity { background: #c1a15b url("../img/category-activity.png") no-repeat; background-size:auto 25px; background-position: center center; }
  .wrap-contents .category-title.etc {
    background-color: #7cc21f;
    text-indent: 0;
    text-align:center;
  }
    .wrap-contents .category-title.etc i {
      display: inline-block;
      background-color: #fff;
      width: 1.5em;
      border-radius: 1em;
      font-size: 1.8rem;
      color: #7cc21f;
      margin:0 5px;
      margin-top: 23px;
    }

  @media screen and (max-width: 767px) {
    .wrap-contents .category-title {
      width: 100%;
      height: 0;
      padding:.64em 0;
    }
    .wrap-contents .category-title.new { background-size:auto 18px; }
    .wrap-contents .category-title.movie { background-size:auto 18px; }
    .wrap-contents .category-title.info { background-size:auto 18px; }
    .wrap-contents .category-title.goods { background-size:auto 18px; }
    .wrap-contents .category-title.koneta { background-size:auto 18px; }
    .wrap-contents .category-title.activity { background-size:auto 18px; }
    .wrap-contents .category-title.etc {
      height: auto;
      padding: 0;
      font-size: 1.4rem;
    }
      .wrap-contents .category-title.etc i {
        font-size: 1.3rem;
        margin:.5em 5px;
      }

  }

  /* パンくずリスト */
  .topic-path {
    margin: 0;
    margin-top: -68px;
    height: 68px;
    overflow: hidden;
  }
    .topic-path li {
      float: left;
      list-style: none;
    }

    .topic-path li+li:before {
      content: ">";
      display: block;
      float: left;
      margin-left: 4px;
      margin-right: 4px;
      font-size: 1.4rem;
      color: #fff;
    }
      .topic-path a {
        font-size: 1.4rem;
        text-decoration: none;
        color: #fff;
      }
  @media screen and (max-width: 767px) {
    .topic-path {
      display: none;
    }
  }


  /* 各記事 */
  .article-wrap {
    min-height: 225px;
    overflow: hidden;
    padding: 24px 0 24px 275px;
  }
  .article-wrap:nth-child(even) { background-color: #e6e6e6; }
  .article-wrap:nth-child(odd) { background-color: #fff; }
  /* カテゴリ内一覧 */
  .article-wrap.category-list {
    padding: 24px 0 24px 75px;
  }

  @media screen and (max-width: 767px) {
    .article-wrap, .article-wrap.category-list {
      padding: 1.5em 0;
      min-height: 0;
    }
  }
    /* 各記事 画像 */
    .article-wrap-img {
      float: left;
      margin-right: 21px;
      width: 230px;
    }
      .article-wrap-img a {
        display: block;
        min-width: 230px;
        transition: opacity 0.3s ease 0s;
      }
      .article-wrap-img a:hover {
        opacity: 0.9; transition: opacity 0.3s ease 0s;
      }
        .article-wrap .article-img {
          width: 100%;
          height: auto;
        }
        .article-wrap .img-dummy {
          width: 230px;
          height: 199px;
          background: url("../img/default.jpg") no-repeat;
          background-size: contain;
        }
    @media screen and (max-width: 767px) {
      .article-wrap-img {
        width: 31.25%;
        margin-right: 3.125%;
        margin-left: 3.125%;
      }
        .article-wrap-img a {
          min-width: 0;
          width: 100%;
        }
        .article-wrap .img-dummy {
          width: 100%;
          height:0;
          padding-top:78.2608%; /* 180px÷230px×100=46.875% */
        }

    }

    /* 各記事 右メイン */
    .article-wrap-main {
      float:left;
      width: 494px;
    }
    /* カテゴリ内一覧 */
    .category-list .article-wrap-main {
      width: 694px;
    }
    @media screen and (max-width: 767px) {
      .article-wrap-main, .category-list .article-wrap-main {
        width: 62.5%;
      }
    }
      /* カテゴリ */
      .article-wrap-main .article-category {
        margin: 0 0 0 2px;
        float: left;
        padding: 7px 7px 6px 7px;
        font-size: 1.4rem;
        line-height: 1;
        text-decoration: none;
      }
      .article-wrap-main .article-category.movie { background: #ed1e79; color: #fff; }
      .article-wrap-main .article-category.info { background: #571284; color: #fff; }
      .article-wrap-main .article-category.goods { background: #29abe2; color: #fff; }
      .article-wrap-main .article-category.koneta { background: #7cc21f; color: #fff; }
      .article-wrap-main .article-category.activity { background: #c1a15b; color: #fff; }
      @media screen and (max-width: 767px) {
        .article-wrap-main .article-category {
          margin: 0;
          float: left;
          padding: 5px 5px 4px 5px;
          font-size: 1.2rem;
          line-height: 1;
        }
      }

      /* 日付 */
      .article-wrap-main .article-date {
        margin: 0;
        float: right;
        margin-right: 33px;
        font-size: 1.3rem;
        line-height: 2;
      }
      @media screen and (max-width: 767px) {
        .article-wrap-main .article-date {
          margin-right: .5em;
          font-size: 1.3rem;
          line-height: 1.6;
        }
      }

      /* 見出し */
      .article-wrap-main .article-head {
        margin: 0;
        background: #cccccc;
        font-size: 2.2rem;
        line-height: 44px;
        height: 44px;
        margin-top: 15px;
        margin-left: 53px;
        width: 441px;
      }
      .article-wrap.category-list .article-head {
        width: 641px;
      }

      .article-wrap-main .article-head:before {
        content: " ";
        display:inline-block;
        width: 53px;
        height: 43px;
        margin-left: -53px;
        background: url("../img/ic-neba.png") no-repeat;
        background-size:contain;
      }
        .article-wrap-main .article-head a {
          display: inline-block;
          text-decoration: none;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 100%;
          padding:0 10px;
        }
        .article-wrap-main .article-head .movie { color: #ed1e79; }
        .article-wrap-main .article-head .info { color: #571284; }
        .article-wrap-main .article-head .goods { color: #29abe2; }
        .article-wrap-main .article-head .koneta { color: #528C05; }
        .article-wrap-main .article-head .activity { color: #AF904D; }
        .article-wrap-main .article-head .movie:hover { color: #F35198; }
        .article-wrap-main .article-head .info:hover { color: #8D30CA; }
        .article-wrap-main .article-head .goods:hover { color: #38BAF1; }
        .article-wrap-main .article-head .koneta:hover { color: #70B317; }
        .article-wrap-main .article-head .activity:hover { color: #c1a15b; }

      @media screen and (max-width: 767px) {
        .article-wrap-main .article-head, .article-wrap-main.category-list .article-head {
          margin: 0;
          background: #cccccc;
          font-size: 1.6rem;
          line-height: 1;
          height: 27px;
          margin-top: .5em;
          margin-left: 26px;
          width: auto;
        }
        .article-wrap-main .article-head:before {
          content: " ";
          display:inline-block;
          width: 24px; /* 76:86=24:x */
          height: 27.15px;
          margin-left: -30px;
          margin-right: 0;
          background: url("../img/ic-neba.png") no-repeat;
          background-size:contain;
        }
        .article-wrap-main .article-head a {
          display: inline-block;
          text-decoration: none;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 100%;
          vertical-align: top;
          line-height: 27.15px;
        }
      }

      /* 内容 */
      .article-wrap-main .article-body {
        font-size: 1.4rem;
        margin-top: 14px;
        padding:0 10px;
        width: 100%;
      }
      @media screen and (max-width: 767px) {
        .article-wrap-main .article-body {
          padding:0 10px 0 0;
        }
      }


      /* SNSボタン */
      .article-wrap-main .article-sns {
        margin: 20px 10px 10px 10px;
        padding: 0;
        overflow: hidden;
      }
        .article-wrap-main .article-sns li {
          list-style: none;
          margin: 0 25px 0 3px;
          padding: 0;
          float: right;
        }
          .article-wrap-main .article-sns .ln {
            display: none;
          }
          .article-wrap-main .article-sns .btn-article-sns {
            display: block;
            width: 26px;
            height: 26px;
          }
          .article-wrap-main .article-sns .tw .btn-article-sns { background: url("../img/sns-tw.png") no-repeat; background-size:contain; }
          .article-wrap-main .article-sns .fb .btn-article-sns { background: url("../img/sns-fb.png") no-repeat; background-size:contain; }
          .article-wrap-main .article-sns .ig .btn-article-sns { background: url("../img/sns-ig.png") no-repeat; background-size:contain; }
          .article-wrap-main .article-sns .ln .btn-article-sns { background: url("../img/sns-ln.png") no-repeat; background-size:contain; }
      @media screen and (max-width: 767px) {
        .article-wrap-main .article-sns {
          margin: 15px 0 0 0;
        }
        .article-wrap-main .article-sns li {
          list-style: none;
          margin: 0 2em 0 0;
          padding: 0;
          float: right;
        }
        .article-wrap-main .article-sns .ln {
          display: block;
        }
      }


  /* 各記事：詳細 */
  .article-detail-wrap {
    min-height: 225px;
    overflow: hidden;
    padding: 0 0 80px 0;
  }
  @media screen and (max-width: 767px) {
    .article-detail-wrap {
      padding: 0 0 1.5em 0;
      min-height: 0;
    }
  }

    /* カテゴリ・SNS */
    .article-detail-wrap .wrap-category {
      overflow: hidden;
      padding: 20px 55px;
    }
    @media screen and (max-width: 767px) {
      .article-detail-wrap .wrap-category {
        padding: 1em 2.5em;
      }
    }

      /* カテゴリ */
      .article-detail-wrap .article-category {
        float: left;
        margin: 0;
        padding: 20px 24px 19px 24px;
        font-size: 2.4rem;
        font-weight: bold;
        line-height: 1;
        text-decoration: none;
      }
      .article-detail-wrap .article-category.movie { background: #ed1e79; color: #fff; }
      .article-detail-wrap .article-category.info { background: #571284; color: #fff; }
      .article-detail-wrap .article-category.goods { background: #29abe2; color: #fff; }
      .article-detail-wrap .article-category.koneta { background: #7cc21f; color: #fff; }
      .article-detail-wrap .article-category.activity { background: #c1a15b; color: #fff; }
      @media screen and (max-width: 767px) {
        .article-detail-wrap .article-category {
          margin: 0;
          margin-top: .8em;
          float: left;
          padding: 10px 10px 8px 10px;
          font-size: 1.5rem;
          line-height: 1;
        }
      }

      /* SNSボタン */
      .article-detail-wrap .article-sns {
        float: right;
        margin: 0;
        padding: 0;
        overflow: hidden;
      }
        .article-detail-wrap .article-sns li {
          list-style: none;
          margin: 0;
          margin-left: 20px;
          padding: 0;
          float: right;
        }
          .article-detail-wrap .article-sns .btn-article-sns-detail {
            display: block;
            width: 26px;
            height: 26px;
          }
          .article-detail-wrap .article-sns .tw .btn-article-sns-detail { background: url("../img/sns-tw.png") no-repeat; background-size:contain; }
          .article-detail-wrap .article-sns .fb .btn-article-sns-detail { background: url("../img/sns-fb.png") no-repeat; background-size:contain; }
          .article-detail-wrap .article-sns .ig .btn-article-sns-detail { background: url("../img/sns-ig.png") no-repeat; background-size:contain; }
          .article-detail-wrap .article-sns .ln .btn-article-sns-detail { background: url("../img/sns-ln.png") no-repeat; background-size:contain; }
      @media screen and (max-width: 767px) {
        .article-detail-wrap .article-sns {
          margin: 0 0 0 0;
          height:61px;
        }
          .article-detail-wrap .article-sns li {
            list-style: none;
            margin: 0;
            margin-left: 0.5em;
            padding: 0;
            float: right;
          }
      }

    /* 日付・タイトル */
    .article-detail-wrap .wrap-title {
      background-color: #e6e6e6;
      padding:25px 100px 35px 100px;
    }
    @media screen and (max-width: 767px) {
      .article-detail-wrap .wrap-title {
        padding:.5em 3em;
      }
    }

      /* 日付 */
      .article-detail-wrap .article-date {
        margin: 0;
        font-size: 2.0rem;
        line-height: 1;
      }
      @media screen and (max-width: 767px) {
        .article-detail-wrap .article-date {
          font-size: 1.3rem;
          line-height: 1;
        }
      }

      /* 見出し */
      .article-detail-wrap .article-head {
        margin: 20px 0 0 0;
        font-size: 3.7rem;
        line-height: 1.2;
      }
        .article-detail-wrap .article-head.movie { color: #ed1e79; }
        .article-detail-wrap .article-head.info { color: #571284; }
        .article-detail-wrap .article-head.goods { color: #29abe2; }
        .article-detail-wrap .article-head.koneta { color: #528C05; }
        .article-detail-wrap .article-head.activity { color: #AF904D; }
      @media screen and (max-width: 767px) {
        .article-detail-wrap .article-head {
          margin-top: .2em;
          font-size: 2.6rem;
          line-height: 1.2;
        }
      }

    /* 画像 */
    .article-detail-wrap .wrap-img {
      padding:40px 190px 0 190px;
      text-align: center;
    }
      .article-detail-wrap .wrap-img img {
        max-width:100%;
        height:auto;
        cursor: pointer;
      }
      .article-detail-wrap .wrap-img img:hover {
        opacity: 0.9; transition: opacity 0.3s ease 0s;
      }
    @media screen and (max-width: 767px) {
      .article-detail-wrap .wrap-img {
        padding: 2em 2.5em 0 2.5em;
      }
    }

    /* 動画 */
    .article-detail-wrap .wrap-movie {
      padding:40px 190px 0 190px;
      text-align: center;
    }
    @media screen and (max-width: 767px) {
      .article-detail-wrap .wrap-movie {
        padding: 2em 2.5em 0 2.5em;
      }
      .article-detail-wrap .wrap-movie>div {
        position: relative;
        padding: 0;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
      }
        .article-detail-wrap .wrap-movie iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
    }


    /* 内容 */
    .article-detail-wrap .wrap-body {
      padding:40px 100px 0 100px;
      font-size: 2.0rem;
      line-height: 2;
    }
    @media screen and (max-width: 767px) {
      .article-detail-wrap .wrap-body {
        padding:2em 1.5em 0 1.5em;
        font-size: 1.6rem;
        line-height: 2;
      }
    }


/* 左ねばーる君メニュー */
.lmenu {
  position: absolute;
  top: 837px;
  left: 0;
  width: 253px;
  margin-left: 19px;
  z-index: 100;
}
  .lmenu-header {
    width: 253px;
    height: 252px;
    background: url("../img/lmenu1.png") no-repeat;
  }
    .lmenu-header .btn-lmenu-open {
      display: block;
      position: absolute;
      top: 186px;
      left: 50px;
      width: 170px;
      height: 65px;
    }

  .lmenu-body {
    width: 253px;
    height: 1px;
    background: url("../img/lmenu3.png") repeat-y;
    overflow: hidden;
    transition: height 0.5s ease 0s;
  }
    .lmenu-body.open {
      height: 630px;
      transition: height 0.5s ease 0s;
    }

    .lmenu-body ul {
      margin-top: 14px;
      padding:0;
    }
      .lmenu-body li {
        list-style: none;
        width: 133px;
        height: 44px;
        padding:0;
        margin:0 auto 8px auto;
      }
        .lmenu-body ul :nth-child(1) { }
        .lmenu-body ul :nth-child(2) { }
        .lmenu-body ul :nth-child(3) { }
        .lmenu-body ul :nth-child(4) { }
        .lmenu-body ul :nth-child(5) { }
        .lmenu-body ul :nth-child(6) { }
        .lmenu-body ul :nth-child(7) { }
        .lmenu-body ul :nth-child(8) { }
        .lmenu-body ul :nth-child(9) { }
        .lmenu-body ul :nth-child(10) { }
        .lmenu-body ul :nth-child(11) { }
        .lmenu-body ul :nth-child(12) { }
        .lmenu-body ul :nth-child(13) { }

          .lmenu-body li .btn-lmenu {
            display:block;
            width: 133px;
            height: 44px;
            text-indent: 200%; white-space: nowrap; overflow: hidden; word-break: keep-all; word-wrap: normal;
          }
          .lmenu-body ul :nth-child(1) .btn-lmenu { background: url("../img/lmenu-item1.png"); }
          .lmenu-body ul :nth-child(2) .btn-lmenu { background: url("../img/lmenu-item2.png"); }
          .lmenu-body ul :nth-child(3) .btn-lmenu { background: url("../img/lmenu-item3.png"); }
          .lmenu-body ul :nth-child(4) .btn-lmenu { background: url("../img/lmenu-item4.png"); }
          .lmenu-body ul :nth-child(5) .btn-lmenu { background: url("../img/lmenu-item5.png"); }
          .lmenu-body ul :nth-child(6) .btn-lmenu { background: url("../img/lmenu-item6.png"); }
          .lmenu-body ul :nth-child(7) .btn-lmenu { background: url("../img/lmenu-item7.png"); }
          .lmenu-body ul :nth-child(8) .btn-lmenu { background: url("../img/lmenu-item8.png"); }
          .lmenu-body ul :nth-child(9) .btn-lmenu { background: url("../img/lmenu-item9.png"); }
          .lmenu-body ul :nth-child(10) .btn-lmenu { background: url("../img/lmenu-item10.png"); }
          .lmenu-body ul :nth-child(11) .btn-lmenu { background: url("../img/lmenu-item11.png"); }
          .lmenu-body ul :nth-child(12) .btn-lmenu { background: url("../img/lmenu-item12.png"); }
          .lmenu-body ul :nth-child(13) .btn-lmenu { background: url("../img/lmenu-item13.png"); }
          .lmenu-body li .btn-lmenu:hover {
            opacity: .9;
          }
  .lmenu-footer {
    width: 253px;
    height: 92px;
    background: url("../img/lmenu2.png");
  }
@media screen and (max-width: 767px) {
  .lmenu { display: none; }
}

/* ページナビ */
.wrap-pagenav {
  width: 1020px;
  margin: 0 auto;
  padding: 1em 0;
  background-color: #7cc21f;
  text-align: center;
}
  .wrap-pagenav a {
    display: inline-block;
    margin:0 1em;
    line-height: 1;
    color: #fff;
    text-decoration: none;
  }
  .wrap-pagenav a:hover {
    color: #E8FFCA;
  }
@media screen and (max-width: 767px) {
  .wrap-pagenav {
    width: 100%;
    padding: .6em 0;
    margin-bottom: .5em;
    overflow: hidden;
  }
    .wrap-pagenav a {
      display: block;
      font-size: 1.3rem;
    }
    .wrap-pagenav .next {
      float: right;
    }
    .wrap-pagenav .back {
      float: left;
    }
  .wrap-pagenav.detail .back {
    float: none;
  }

}

/* スマホ用メニュー */
.wrap-sns-smp {
  display: none;
}
@media screen and (max-width: 767px) {
  .wrap-sns-smp {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 0;
    margin-bottom: .5em;
  }
    .wrap-sns-smp a {
      display: inline-block;
      width:25%;
      height:0;
      margin: 0;
      padding: 0;
      padding-top: 14.0625%; /* 90px÷640px×100=14.0625% */
      text-indent: 200%; white-space: nowrap; overflow: hidden; word-break: keep-all; word-wrap: normal;
    }
    .wrap-sns-smp .tw { background: url("../img/sns-tw-smp.png") no-repeat; background-size:contain; }
    .wrap-sns-smp .fb { background: url("../img/sns-fb-smp.png") no-repeat; background-size:contain; }
    .wrap-sns-smp .ig { background: url("../img/sns-ig-smp.png") no-repeat; background-size:contain; }
    .wrap-sns-smp .am { background: url("../img/sns-am-smp.png") no-repeat; background-size:contain; }
}

/* バナー */
.wrap-banner {
  width: 1020px;
  margin: 0 auto;
  background-color: #e6e6e6;
}
  .wrap-banner ul {
    overflow: hidden;
    margin:0;
    padding:0;
  }
    .wrap-banner li {
      list-style: none;
      float: left;
      margin:0;
      padding:0;
      line-height: 0;
    }
    .wrap-banner li.l {
      width: 100%;
    }
    .wrap-banner li.s {
      width: 50%;
    }
      .wrap-banner a {
        display: block;
        line-height: 0;
      }
        .wrap-banner img {
          width: 100%;
        }
@media screen and (max-width: 767px) {
  .wrap-banner {
    width: 100%;
  }
}


/* フッター */
footer {
  position: relative;
  height: 108px;
  width:1020px;
  margin:0 auto;
  color: #fff;
  background-color: #571284;
}
  footer .pagetop {
    position: absolute;
    margin-top: -25px;
    right: 53px;
    width: 51px;
    height: 51px;
  }
  footer .pagetop a {
    display: block;
    background: url("../img/pagetop.png") no-repeat;
    width: 51px;
    height: 51px;
    text-indent: 200%; white-space: nowrap; overflow: hidden; word-break: keep-all; word-wrap: normal;
  }

  footer .footer-menu {
    text-align: center;
    margin: 0;
    padding-top:50px;
  }
    footer .footer-menu li {
      list-style: none;
      display: inline-block;
      padding:0 .5em;
      line-height: 1;
    }
    footer .footer-menu li+li {
      border-left: 1px solid #fff;
    }
      footer .footer-menu a {
        display: inline-box;
        font-size: 1.2rem;
        line-height: 1;
        color: #fff;
        text-decoration: none;
      }

  footer .footer-cp {
    margin-top: 8px;
    width:1080px;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1;
  }
@media screen and (max-width: 767px) {
  footer {
    height: auto;
    padding:1em 0;
    width: 100%;
    background-color: #fff;
  }
    footer .pagetop {
      position: static;
      width: 100%;
      margin: .2em 0;
      right: auto;
    }
      footer .pagetop a {
        background: #571284 url("../img/pagetop-smp.png") no-repeat;
        background-size:auto 13px;
        background-position: center center;
        border-radius: 40px;
        padding: .7em 0;
        width: 90%;
        height: 40px;
        margin:0 auto;
      }
      footer .pagetop a:hover {
        background-color: #6F1FA2;
      }

    footer .footer-menu {
      display: none;
    }
    footer .footer-cp {
      width: 100%;
      color: #571284;
    }
}



/* -- 本文汎用：WYSIWYG ------------------------------------------------------------------- */
.wysiwyg { }

/* 見出し H1-H2迄はタイトル等で使うのでエディタ内では参照しない、H3も基本的には使用しない */
.wysiwyg h3 {
  margin-bottom:.5em;
  border-left: solid 4px;
  padding:2px 13px 1px 4px;
  font-size:107%;
  line-height: 1.5;
  font-weight:bold;
}
.wysiwyg.movie h3 { color: #ed1e79; }
.wysiwyg.info h3 { color: #571284; }
.wysiwyg.goods h3 { color: #29abe2; }
.wysiwyg.koneta h3 { color: #528C05; }
.wysiwyg.activity h3 { color: #AF904D; }




.wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
  font-size:107%;
  font-weight:bold;
}

/* 文字 */
.wysiwyg strong, .wysiwyg b {
  font-weight:bold;
}
.wysiwyg i, .wysiwyg em {
  font-style:italic;
}
.wysiwyg span.new {
  display:inline-block;
  font-size:77%;
  color:#fff;
  background-color:#fca234;
  padding:1px 4px 0 4px;
  margin-right:4px;
  line-height:1;
}
.wysiwyg span.date {
  font-size:85%;
  font-weight:normal;
}

.wysiwyg span.sild {
  display:inline-block;
  font-size:100%;
  color:#f84a4b;
  padding:1px 4px 0 4px;
  margin-right:4px;
  line-height:1;
}

/* リンク */
.wysiwyg.movie a { color: #ed1e79; }
.wysiwyg.info a { color: #571284; }
.wysiwyg.goods a { color: #29abe2; }
.wysiwyg.koneta a { color: #528C05; }
.wysiwyg.activity a { color: #AF904D; }
.wysiwyg.movie a:hover { color: #F35198; }
.wysiwyg.info a:hover { color: #8D30CA; }
.wysiwyg.goods a:hover { color: #38BAF1; }
.wysiwyg.koneta a:hover { color: #70B317; }
.wysiwyg.activity a:hover { color: #c1a15b; }


/* 重要文字 */
.wysiwyg span.important { color:#ff801a; }
.wysiwyg a.important { color:#ff801a; }
.wysiwyg a.important:hover { text-decoration:underline; }


/* ブロック */
.wysiwyg p {
  margin-top:0;
  margin-bottom:.5em;
  font-size:107%;
  overflow:hidden;
}
.wysiwyg blockquote {
  background-color:#e6e6e6;
  padding:1em;
  margin-bottom:.5em;
  font-size:85%;
}
.wysiwyg pre {
  margin-bottom:.5em;
  font-size:107%;
  white-space: pre-wrap; /* CSS 2.1 */
  word-wrap: break-word; /* IE7 */
}
.wysiwyg hr {
  margin:10px 0;
  background:none;
  border:none;
  border-bottom:dotted #45494d 1px;
}

/* 画像 */
.wysiwyg img {
  max-width: 100%;
  height: auto!important;
}
.wysiwyg img.right {
  float: right;
  margin-left: .5em;
}
.wysiwyg img.left {
  float: left;
  margin-right: .5em;
}
.wysiwyg a img:hover {
  opacity: .9;
  filter: alpha(opacity = 90);
}

/* リスト */
.wysiwyg ul {
  list-style-type: none;
  margin-bottom:.5em;

}
  .wysiwyg ul li {
    background:url("../img/list_style_disc.png") no-repeat 0 6px;
    padding-left:.5em;
    line-height:1.8;
  }

.wysiwyg ol {
  list-style-type: decimal;
  margin-left:2em;
  margin-bottom:.5em;
  line-height:1.8;
}
  .wysiwyg ol li {
  }

/* テーブル */
.wysiwyg table { margin-bottom:.5em; width:100%; }
  .wysiwyg table caption {
    border:solid 1px #a8a8a8;
    border-bottom:none;
    font-weight:bold;
    padding:3px 6px 2px 6px;
  }
  .wysiwyg table th {
    font-weight:bold;
    border:solid 1px #a8a8a8;
    padding:3px 6px 2px 6px;
    vertical-align:top;
  }
  .wysiwyg table td {
    border:solid 1px #a8a8a8;
    padding:3px 6px 2px 6px;
    vertical-align:top;
  }

.wysiwyg.movie table caption, .wysiwyg.movie table th { background-color: #FFE7F2; }
.wysiwyg.info table caption, .wysiwyg.info table th { background-color: #F3E9F9; }
.wysiwyg.goods table caption, .wysiwyg.goods table th { background-color: #EAF7FD; }
.wysiwyg.koneta table caption, .wysiwyg.koneta table th { background-color: #E7FFC7; }
.wysiwyg.activity table caption, .wysiwyg.activity table th { background-color: #F5ECDB; }


/* フォーム */
.wysiwyg input[type="text"] {
  width:100%;
  box-sizing: border-box;
}
.wysiwyg select {
  margin-right:4px;
  box-sizing: border-box;
  padding: 0px;
  line-height:1.0;

}
.wysiwyg input[type="checkbox"] {
  vertical-align: middle;
}
.wysiwyg input[type="radio"] {
  vertical-align: middle;
  margin-bottom:2px;
}
.wysiwyg textarea {
  width:100%;
  box-sizing: border-box;
}
.wysiwyg input[type="button"], .wysiwyg input[type="submit"] {
  display: inline-block;
  background-color: #70B119;
  color: #fff;
  padding: 10px;
  margin: 0 5px;
  border:none;
  border-radius: 2px;
  text-decoration: none;
  min-width: 120px;
  text-align: center;
  font-size: 1.8rem;
}
.wysiwyg input[type="button"]:hover, .wysiwyg input[type="submit"]:hover {
  background-color: #84CA27;
}

.wysiwyg .button {
  display: inline-block;
  background-color: #70B119;
  color: #fff!important;
  padding: 10px;
  margin: 0 5px;
  border:none;
  border-radius: 2px;
  text-decoration: none;
  min-width: 120px;
  text-align: center;
  font-size: 1.8rem;
}
.wysiwyg .button:hover {
  background-color: #84CA27;
}



/* -- 管理画面 ------------------------------------------------------------------- */
.wrap-main.admin {
  position: relative;
  width: 1020px;
  min-height: 400px;
  margin: 0 auto 30px auto;
}
  .wrap-main.admin .admin-topmenu {
    background-color: #7cc21f;
    color: #fff;
    padding: 20px 20px;
  }
    .wrap-main.admin .admin-topmenu h1 {
      text-shadow: 0 1px 2px #213A00;
    }

    .wrap-main.admin .admin-topmenu .admin-topmenu-items {
      overflow: hidden;
    }
      .wrap-main.admin .admin-topmenu .admin-topmenu-items li {
        list-style: none;
        float: left;
      }


  /* 編集画面 */
  .wrap-main.admin .wrap_contents {
    padding:18px 4px 18px 4px;
  }
  .wrap-main.admin table { margin-bottom:16px; width:100%; }
    .wrap-main.admin table caption {
      background-color:#e6e5e0;
      border:solid 1px #a8a8a8;
      border-bottom:none;
      font-weight:bold;
      padding:3px 6px 2px 6px;
    }
    .wrap-main.admin table th {
      width:176px;
      font-weight:bold;
      background-color:#e6e5e0;
      border:solid 1px #a8a8a8;
      padding:3px 6px 2px 6px;
      vertical-align:top;
      text-align: left;
    }
    .wrap-main.admin table td {
      border:solid 1px #a8a8a8;
      padding:3px 6px 2px 6px;
      vertical-align:top;
      text-align: left;
    }
    .wrap-main.admin .note {
      font-weight:normal;
      padding-left:4px;
      font-size:77%;
    }
      .wrap-main.admin .note ol, .wrap-main.admin .note ul {
        padding-left: 24px;
        margin-top: 0;
      }
        .wrap-main.admin .note li {
        }


      .wrap-main.admin .datepicker {
        width:100px;
      }
      .wrap-main.admin .ui-datepicker {
        font-size:85%;
      }
      .wrap-main.admin textarea.plain {
        height:120px;
        font-size:100%;
        line-height:1.5;
      }

    .wrap-main.admin .category_new {
    }
      .wrap-main.admin .category_new input[type="radio"] { }
      .wrap-main.admin .category_new input[type="text"] { width:70%;}

    /* 画像2枚用 */
    .wrap-main.admin .wrap_img1 { float:left; width:480px; }
    .wrap-main.admin .wrap_img2 { float:left; width:480px; margin-left:12px; }
      .wrap-main.admin table th.caption { width:7em; }
      .wrap-main.admin .imageview { width:300px; border:solid 1px #d3d3d3;}

    /* 収録内容編集テーブル用 */
    .wrap-main.admin .edit_disc {}
      .wrap-main.admin .edit_disc select { width:60px; }
      .wrap-main.admin .edit_disc .warp_disc { margin-bottom:16px; }
        .wrap-main.admin .edit_disc .warp_disc .song_num { margin-top:4px; margin-bottom:4px; }

/* ユーザ画面上の管理メニュー */
.adminmenu {
  position: absolute;
  width: 1020px;
  left: 0;
  right: 0;
  top: 0;
  margin:0 auto;
}
  .adminmenu .wrap {
    background-color: #7cc21f;
    padding: 20px 20px;
  }
    .adminmenu .wrap h2 {
      color: #fff;
      text-shadow: 0 1px 2px #213A00;
      margin:0 0 5px 0;
    }
/* 管理画面内での上部メニュー */
.wrap-main.admin .adminmenu {
  position: relative;
  width: 1020px;
  top: 0;
  margin:0 auto;
  z-index: 255;
}
/* ユーザ画面各記事などの管理メニュー */
.article-admin-menu {
  margin-top: 20px;
  margin-right: 20px;
  text-align: right;
}


/* 管理画面ボタン */
.btn-admin {
  display: inline-block;
  background-color: #487D00;
  color: #fff;
  padding: 5px 8px;
  margin: 0 5px;
  border:none;
  border-radius: 4px;
  text-decoration: none;
}
.btn-admin:hover {
  background-color: #68AB0E;
}

.btn-admin-big {
  display: inline-block;
  background-color: #487D00;
  color: #fff;
  padding: 10px;
  margin: 0 5px;
  border:none;
  border-radius: 4px;
  text-decoration: none;
  min-width: 120px;
  text-align: center;
  font-size: 1.8rem;
}
.btn-admin-big:hover {
  background-color: #68AB0E;
}

.btn-admin-mini {
}

/* -- 管理画面 イメージアップローダー -- */
#admin.imguploader #container .one_pane .wrap_contents {
  padding:18px 12px 18px 12px;
}
#admin.imguploader.popup #container {
  width:100%;
  margin:0;
  padding:10px;
  box-sizing:border-box;
}
#popup_imguploader {
  display:none;
  background:#ffffff;
  padding:10px;
  z-index:999;
}
  #popup_imguploader p.closebtn {
    text-align:right;
  }
  #popup_imguploader iframe {
    width:700px;
    height:400px;
  }


/* -- その他 ------------------------------------------------------------------- */

/* -- 文字・背景色 -- */
strong { font-weight:bold!important; }
em { font-style:italic!important; }
.b { font-weight:bold!important; }
.n { font-weight:normal!important; }
.uline{text-decoration:underline!important;}

.r { color:#ff0000!important; }
.blue { color:#2e8cc9!important; }

/* -- テキスト揃え -- */
.txl { text-align:left; }
.txr { text-align:right; }
.txc { text-align:center; }
.txvm { vertical-align:middle!important; }

.bxc { margin-left:auto; margin-right:auto; }

.vmiddle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* 幅省略 */
.ellipsis {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* -- float -- */
.fl { float:left;}
.fr { float:right; }

.clb {clear:both;}
.ofa {overflow:auto}

.boxs {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}

.hidden { display:none; }
.cur { cursor:pointer;}

.scrollable {
  overflow-y:scroll;
  overflow-x:hidden;
}


/* -- 調整 -- */
.mt0  { margin-top:0!important; }
.mt5  { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt100 { margin-top:100px!important; }
.mt110 { margin-top:110px!important; }
.mt150 { margin-top:150px!important; }
.mt200 { margin-top:200px!important; }
.mb0  { margin-bottom:0!important; }
.mb5  { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb100 { margin-bottom:100px!important; }
.mb150 { margin-bottom:150px!important; }
.mb200 { margin-bottom:200px!important; }
.ml0  { margin-left:0!important; }
.ml5  { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml150 { margin-left:150px!important; }
.ml200 { margin-left:200px!important; }
.mr0  { margin-right:0!important; }
.mr5  { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr150 { margin-right:150px!important; }
.mr200 { margin-right:200px!important; }

.ml1em { margin-left:1em!important; }

.p0  { padding:0px!important; }
.p5  { padding:5px!important; }
.p10 { padding:10px!important; }
.p20 { padding:20px!important; }
.pr50 { padding-right:50px!important; }
.pl10 { padding-left:10px!important; }
.pl50 { padding-left:50px!important; }
.pb10 { padding-bottom:10px!important; }
.pb20 { padding-bottom:20px!important; }
.pb30 { padding-bottom:30px!important; }
.pb40 { padding-bottom:40px!important; }
.pb50 { padding-bottom:50px!important; }
.pb60 { padding-bottom:60px!important; }
.pb70 { padding-bottom:70px!important; }
.pb80 { padding-bottom:80px!important; }
.pb90 { padding-bottom:90px!important; }
.pb100 { padding-bottom:100px!important; }

.w10 { width:10px!important; }
.w20 { width:20px!important; }
.w30 { width:30px!important; }
.w40 { width:40px!important; }
.w50 { width:50px!important; }
.w60 { width:60px!important; }
.w70 { width:70px!important; }
.w80 { width:80px!important; }
.w90 { width:90px!important; }
.w100 { width:100px!important; }
.w110 { width:110px!important; }
.w120 { width:120px!important; }
.w130 { width:130px!important; }
.w140 { width:140px!important; }
.w150 { width:150px!important; }
.w160 { width:160px!important; }
.w170 { width:170px!important; }
.w180 { width:180px!important; }
.w190 { width:190px!important; }
.w200 { width:200px!important; }
.w220 { width:220px!important; }
.w240 { width:240px!important; }
.w260 { width:260px!important; }
.w280 { width:280px!important; }
.w300 { width:300px!important; }
.w350 { width:350px!important; }
.w400 { width:400px!important; }
.w500 { width:500px!important; }
.w600 { width:600px!important; }
.w650 { width:650px!important; }
.w700 { width:700px!important; }
.w800 { width:800px!important; }
.w900 { width:900px!important; }
.w1000 { width:1000px!important; }
.wauto{ width:auto!important;}

.mw10 { min-width:10px!important; }
.mw20 { min-width:20px!important; }
.mw30 { min-width:30px!important; }
.mw40 { min-width:40px!important; }
.mw50 { min-width:50px!important; }
.mw60 { min-width:60px!important; }
.mw70 { min-width:70px!important; }
.mw80 { min-width:80px!important; }
.mw90 { min-width:90px!important; }
.mw100 { min-width:100px!important; }
.mw110 { min-width:110px!important; }
.mw120 { min-width:120px!important; }
.mw130 { min-width:130px!important; }
.mw140 { min-width:140px!important; }
.mw150 { min-width:150px!important; }
.mw160 { min-width:160px!important; }
.mw170 { min-width:170px!important; }
.mw180 { min-width:180px!important; }
.mw190 { min-width:190px!important; }
.mw200 { min-width:200px!important; }
.mw220 { min-width:220px!important; }
.mw240 { min-width:240px!important; }
.mw260 { min-width:260px!important; }
.mw280 { min-width:280px!important; }
.mw300 { min-width:300px!important; }
.mw400 { min-width:400px!important; }
.mw500 { min-width:500px!important; }
.mw600 { min-width:600px!important; }

.mxw10 { max-width:10px!important; }
.mxw20 { max-width:20px!important; }
.mxw30 { max-width:30px!important; }
.mxw40 { max-width:40px!important; }
.mxw50 { max-width:50px!important; }
.mxw60 { max-width:60px!important; }
.mxw70 { max-width:70px!important; }
.mxw80 { max-width:80px!important; }
.mxw90 { max-width:90px!important; }
.mxw100 { max-width:100px!important; }
.mxw110 { max-width:110px!important; }
.mxw120 { max-width:120px!important; }
.mxw130 { max-width:130px!important; }
.mxw140 { max-width:140px!important; }
.mxw150 { max-width:150px!important; }
.mxw160 { max-width:160px!important; }
.mxw170 { max-width:170px!important; }
.mxw180 { max-width:180px!important; }
.mxw190 { max-width:190px!important; }
.mxw200 { max-width:200px!important; }
.mxw220 { max-width:220px!important; }
.mxw240 { max-width:240px!important; }
.mxw260 { max-width:260px!important; }
.mxw280 { max-width:280px!important; }
.mxw300 { max-width:300px!important; }
.mxw400 { max-width:400px!important; }
.mxw500 { max-width:500px!important; }
.mxw600 { max-width:600px!important; }

.w10p { width:10%!important; }
.w20p { width:20%!important; }
.w30p { width:30%!important; }
.w40p { width:40%!important; }
.w50p { width:50%!important; }
.w60p { width:60%!important; }
.w70p { width:70%!important; }
.w80p { width:80%!important; }
.w90p { width:90%!important; }
.w100p { width:100%!important; }

.w22p { width:22%!important; }
.w23p { width:23%!important; }
.w33p { width:33%!important; }
.w34p { width:34%!important; }
.w43p { width:43%!important; }
.w48p { width:48%!important; }
.w53p { width:53%!important; }
.ml4p { margin-left:4%!important; }

.w1em { width:1em!important; }

.h20 { height:20px!important; }
.h40 { height:40px!important; }
.h60 { height:60px!important; }
.h80 { height:80px!important; }
.h100 { height:100px!important; }
.h110 { height:110px!important; }
.h120 { height:120px!important; }
.h130 { height:130px!important; }
.h140 { height:140px!important; }
.h150 { height:150px!important; }
.h160 { height:160px!important; }
.h170 { height:170px!important; }
.h180 { height:180px!important; }
.h190 { height:190px!important; }
.h200 { height:200px!important; }
.h300 { height:300px!important; }
.h400 { height:400px!important; }

.mh640 { min-height:640px!important; }

.clearfix:after {
  content:"";
  display:block;
  clear:both;
}