@charset "utf-8";
/* CSS Document */

@charset "UTF-8";
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 100;
  background: url(/assets/img/bg-pattern01.png); }

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 392px;
  height: 176px;
  z-index: 101;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  @media screen and (max-width: 540px) {
    #loader {
      width: 196px;
      height: 88px;
      z-index: 101; } }

@media screen and (max-width: 540px) {
  .pcOnly {
    display: none !important; } }

@media screen and (min-width: 541px) {
  .spOnly {
    display: none !important; } }

body {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Sans-Serif;
  line-height: 1.6;
  padding: 0;
  margin: 0;
  background: url(/assets/img/bg-pattern01.png);
  color: #5d440d;
  overflow-x: hidden;
  cursor: url(/assets/img/cursor.png), auto; }

a {
  text-decoration: none;
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s; }
  a:hover {
    cursor: url(/assets/img/pointer.png), pointer;
    text-decoration: none; }

header a:hover img,
.globalnav a:hover img,
.bx-main a:hover img,
.btns-wrapper a:hover img,
.btn-pagetop a:hover img {
  animation: imgHover .2s linear alternate; }

.btn-back a:hover {
  animation: imgHover .2s linear alternate; }

@keyframes imgHover {
  0%, to {
    transform: scaleX(1) rotateX(0deg); }
  50% {
    transform: scaleX(1.1) rotateX(30deg); } }

img {
  vertical-align: bottom;
  max-width: 100%; }

li {
  list-style-type: none; }

#wrap {
  width: 100%; }

header .logo {


  position: absolute;
  top: 10px;
    left: 0px;
  /* width: 428px; */
  text-align: center;
  z-index: 9999;
  margin:0 auto;
  right:0px;
  }
  @media screen and (max-width: 540px) {
    header .logo {
      top: 5px; }
      header .logo img {
        width: 206px;
        height: 113px; } }

.mv {
  background: url(/assets/img/bgptn-mv.png) center center;
  position: relative;
  padding-top: 56px; }
  @media screen and (max-width: 540px) {
    .mv {
      background-image: url(/assets/img/bg_mv_s.png); } }
  .mv #mv {
    max-width: 1000px;
    margin: 0 auto;
    position: relative; }
  .mv li {
    text-align: center; }
    .mv li span {
      display: block; }
  @media screen and (max-width: 540px) {
    .mv:after {
      content: '';
      display: block;
      width: 100%;
      height: 104px;
      background: url(/assets/img/bg-mv_s.png) no-repeat center top;
      background-size: 100% auto;
      position: absolute;
      top: 0;
      left: 0; } }

  @media screen and (min-width: 541px) {
    .mv:after {
      content: url(/assets/img/bg-mv.png);
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -990px; } }

  .mv #eye {
    position: absolute;
    top: 0;
    left: 0; }
  .mv #receiver {
    position: absolute;
    right: 14.9%;
    bottom: 16.519174%;
    animation: tremble 2s  infinite;
    width: 15.4%;
    height: auto; }

@keyframes tremble {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg); }
  57% {
    transform: translate(0px, 0px) rotateZ(0deg); }
  60% {
    transform: translate(3px, -20px) rotateZ(-3deg); }
  63% {
    transform: translate(0px, -17px) rotateZ(0deg); }
  66% {
    transform: translate(3px, -23px) rotateZ(3deg); }
  69% {
    transform: translate(0px, -20px) rotateZ(0deg); }
  72% {
    transform: translate(3px, -17px) rotateZ(-3deg); }
  75% {
    transform: translate(0px, -20px) rotateZ(0deg); }
  78% {
    transform: translate(3px, -23px) rotateZ(3deg); }
  81% {
    transform: translate(0px, -20px) rotateZ(0deg); }
  84% {
    transform: translate(3px, -20px) rotateZ(-3deg); }
  87% {
    transform: translate(0px, -17px) rotateZ(0deg); }
  90% {
    transform: translate(3px, -23px) rotateZ(3deg); }
  93% {
    transform: translate(0px, -20px) rotateZ(0deg); }
  96% {
    transform: translate(3px, -17px) rotateZ(-3deg); }
  100% {
    transform: translate(0, 0) rotateZ(0); } }


.notification {
  position: absolute;
  bottom: 10%;
  right: 2%;
  cursor: url(/assets/img/pointer.png), pointer;
  width: 80px;
  height: 99px; }
  @media screen and (min-width: 541px) {
    .notification {
      width: 177px;
      height: 204px;
      bottom: 13.274336%;
      right: 6%; }
      .notification #ico-new {
        display: block;
        width: 147px;
        height: 125px;
        background: url(/assets/img/ico-new.png) no-repeat 0 0; }
        .notification #ico-new img {
          display: none; } }

  .notification #ico-new {
    animation: flash 2s  infinite; }

@keyframes flash {
  0% {
    opacity: 0; }
  57% {
    opacity: 0; }
  60% {
    opacity: 1; }
  70% {
    opacity: 0; }
  80% {
    opacity: 1; }
  90% {
    opacity: 0; }
  100% {
    opacity: 1; } }

  .notification a {
    display: block;
    height: 100%;
    position: relative; }
  .notification .notification-num {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: #e55e5f;
    box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0px 0px 5px 5px rgba(255, 255, 255, 0.8); }
    @media screen and (min-width: 541px) {
      .notification .notification-num {
        width: 40px;
        line-height: 40px;
        height: 40px;
        font-size: 23px; } }

.globalnav {
  overflow: hidden;
  background: url(/assets/img/bg-pattern01.png);
  margin-bottom: 20px; }
  @media screen and (min-width: 541px) {
    .globalnav {
      border-bottom: 4px solid #8b7357;
      border-top: 4px solid #8b7357;
      margin-bottom: 46px; } }

  .globalnav ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (max-width: 540px) {
      .globalnav ul {
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        margin-top: 0;
        background-color: #7b663b;
        padding: 10px 20px; }
        .globalnav ul li {
          width: 49.253731%;
          text-align: left;
          margin-bottom: 5px;
          background-color: #ede9db; }
          .globalnav ul li a {
            display: block;
            padding: 6px 0 8px; }
          .globalnav ul li img {
            width: 134px;
            height: 36px; }
         /*
          .globalnav ul li:last-child {
            width: 100%; }
           */
            }

    @media screen and (min-width: 541px) {
      .globalnav ul li {
        flex: 1;
        position: relative; }
        .globalnav ul li span {
          display: block;
          position: relative;
          height: 100%; }
        .globalnav ul li + li span {
          border-left: 2px solid #8b7357; }
        .globalnav ul li:before {
          transition: all .2s ease-in-out; }
        .globalnav ul li a {
          padding-top: 66px;
          padding-bottom: 20px;
          position: relative;
          z-index: 11; }
        .globalnav ul li:hover:before {
          -webkit-transform: translateY(-10px);
          -moz-transform: translateY(-10px);
          -ms-transform: translateY(-10px);
          -o-transform: translateY(-10px);
          transform: translateY(-10px); }
        .globalnav ul li#gn-news:before {
          content: url(/assets/img/gnico-news.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }
        .globalnav ul li#gn-event:before {
          content: url(/assets/img/gnico-event.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }
        .globalnav ul li#gn-onair:before {
          content: url(/assets/img/gnico-onair.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }


        .globalnav ul li#gn-chara:before {
          content: url(/assets/img/gnico-chara.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }
        .globalnav ul li#gn-story:before {
          content: url(/assets/img/gnico-story.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }
        .globalnav ul li#gn-movie-info:before {
          content: url(/assets/img/gnico-movie-info.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }
        .globalnav ul li#gn-book-info:before {
          content: url(/assets/img/gnico-book-info.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }
        .globalnav ul li#gn-goods:before {
          content: url(/assets/img/gnico-goods.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }
        .globalnav ul li#gn-movie:before {
          content: url(/assets/img/gnico-movie.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }
        .globalnav ul li#gn-special:before {
          content: url(/assets/img/gnico-special.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }
          .globalnav ul li#gn-dvd:before {
          content: url(/assets/img/gnico-dvd.png);
          position: absolute;
          top: 10px;
          left: 50%;
          margin-left: -34px;
          z-index: 9; }}

    .globalnav ul a {
      display: block;
      height: 100%;
      text-align: center; }

.sns {
  /*
  @media screen and (min-width: $bpmin+1) {
    .btn-sns {
      display: block;
      width: 40px;
      height: 40px;
      background-position: 0 0;
      background-repeat: no-repeat;
      img {
        display: none;
      }
    }
    .logo-twitter {
      background-image: url(/assets/img/logo-twitter.png);
      background-size: 40px 40px;
    }
    .logo-facebook {
      background-image: url(/assets/img/logo-facebook.png);
      background-size: 40px 40px;
    }
    .logo-youtube {
      background-image: url(/assets/img/logo-youtube.png);
      background-size: 40px 40px;
    }
  }
*/ }
  .sns ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin: 15px auto 34px; }
    @media screen and (min-width: 541px) {
      .sns ul {
        margin: 10px auto 20px; } }

    .sns ul li {
      margin: 0 5px; }
      @media screen and (min-width: 541px) {
        .sns ul li {
          margin: 0 10px; } }

      .sns ul li > * {
        display: block; }

.bx-movie {
  max-width: 884px;
  position: relative;
  /*
  height: 0;
  padding-top: 67.19457%;
  background: url(/assets/img/gn-youtube.png) no-repeat center center;
  background-size: contain;
*/
  margin: 0 auto 15px;
  text-align: center; }
  @media screen and (max-width: 540px) {
    .bx-movie {
      margin-left: 20px;
      margin-right: 20px; }
      .bx-movie .bg-movie {
        display: none; } }

  @media screen and (max-width: 540px) {
    .bx-movie .movie-wrapper {
      width: 100%;
      padding-top: 56.25%;
      position: relative;
      margin: 0 auto; } }

  @media screen and (min-width: 541px) {
 .bx-movie .movie-wrapper {
    width: 75.791855%;
    padding-top: 42.8%;
    position: absolute;
    top: 58px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); } }

  .bx-movie .movie-wrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important; }
    
    
    
    
.movie-list-wrapper2 .movie-list {
    width: 720px;
    margin: 20px auto 50px; }
    @media screen and (max-width: 540px) {
.movie-list-wrapper2 .movie-list {
        width: 90%;
        margin: 20px auto; } }
.movie-list-wrapper2 .movie-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
.movie-list-wrapper2 .movie-wrapper iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }
.movie-list-wrapper2 .ttl-movie {
    color: #4f4644;
    font-size: 1.075em;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 20px; }
.movie-list-wrapper2 .ttl-movie:after {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      background-color: #8c7458;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
    @media screen and (max-width: 540px) {
.movie-list-wrapper2 .ttl-movie {
        width: 100%;
        margin-top: 15px;
        font-size: 13px;
        padding: 10px 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; } }
    
    
    
    
  .bx-movie .ttl-movie {
    display: inline-block;
    color: #4f4644;
    font-size: 26px;
    line-height: 1.2;
    font-weight: bold; }
    .bx-movie .ttl-movie:after {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      background-color: #8c7458;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }

    @media screen and (min-width: 541px) {
      .bx-movie .ttl-movie {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75.791855%;
    max-width: 670px;
    position: absolute;
    top: 78%;
    left: 50%; } }

    @media screen and (max-width: 540px) {
      .bx-movie .ttl-movie {
        width: 100%;
        margin-top: 15px;
        font-size: 13px;
        padding: 10px 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; } }




  @media screen and (max-width: 540px) {
    .bx-movie2 {}
      .bx-movie2 .bg-movie {
        display: none; } }

  @media screen and (max-width: 540px) {
    .bx-movie2 .movie-wrapper {
      width: 100%;
      padding-top: 56.25%;
      position: relative;

      margin: 0 auto; }

      .bx-movie .ttl-movie {
        width: 100%;
        margin-top: 15px;
        font-size: 13px;
        padding: 10px 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; } }



  @media screen and (min-width: 541px) {


.bx-movie2 {
    max-width: 100%;
    height: 405px;
    text-align: center;
    margin-bot
}

 bx-movie2 .movie-wrapper {
     width: 100%;
     margin: 0 auto;

 }

.bx-movie2 .movie-wrapper iframe {
    width: 720px;

}

 }

  .bx-movie2 .ttl-movie {
    display: inline-block;
    color: #4f4644;
    font-size: 26px;
    line-height: 1.2;
    font-weight: bold; }

    .bx-movie2 .ttl-movie:after {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      background-color: #8c7458;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }

    @media screen and (min-width: 541px) {
      .bx-movie2 .ttl-movie {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;

    position: absolute;
 } }

    @media screen and (max-width: 540px) {
      .bx-movie2 .ttl-movie {
        width: 100%;
        margin-top: 15px;
        font-size: 13px;
        padding: 10px 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; }

          .bx-movie2 iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }

         }



.btns-wrapper {
  max-width: 1000px;
  margin: 0 auto 90px; }
  .btns-wrapper.single-btn {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center; }
  @media screen and (min-width: 541px) {
    .btns-wrapper {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      -ms-align-items: flex-end;
      -o-align-items: flex-end;
      align-items: flex-end;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between; } }
  @media screen and (max-width: 540px) {
    .btns-wrapper {
      text-align: center;
      margin-bottom: 30px; }
      .btns-wrapper img {
        max-width: 335px; }
      .btns-wrapper .btn {
        margin-bottom: 20px; } }

.bx-main {
  padding-bottom: 1px; }
  .bx-main .ttl-main {
    background: url(/assets/img/bg-pattern04.png) repeat-x center top;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 50px;
    height: 107px;
    box-sizing: border-box; }
    @media screen and (max-width: 540px) {
      .bx-main .ttl-main {
        height: 54px;
        margin-bottom: 20px;
        padding-top: 5px;
        background-image: url(/assets/img/bg-pattern04_s.png);
        background-size: 34px 54px;
        font-size: 10px; }
        .bx-main .ttl-main span {
          display: inline-block; }
        .bx-main .ttl-main img {
          display: none; } }

.bx-news {
  text-align: left;
  background: url(/assets/img/bg-pattern03.png); }
  .bx-news .ttl-news {
    background: url(/assets/img/bg-pattern02.png) repeat-x center top; }
    @media screen and (max-width: 540px) {
      .bx-news .ttl-news {
        background-image: url(/assets/img/bg-pattern02_s.png);
        background-size: 34px 54px; }
        .bx-news .ttl-news span {
          width: 138px;
          height: 38px;
          background: url(/assets/img/ttl-news_s.png) no-repeat center center;
          background-size: 138px 38px; } }
  .bx-news .list-news {
    max-width: 1000px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    .bx-news .list-news li {
      width: 50%;
      padding-right: 40px;
      margin-bottom: 50px; }
      @media screen and (max-width: 540px) {
        .bx-news .list-news li {
          width: 100%;
          padding: 0 20px;
          margin-bottom: 20px; } }
    .bx-news .list-news article {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .bx-news .list-news article .col:not(:first-child) {
        flex: 1; }
      .bx-news .list-news article .col:first-child {
        margin-right: 20px;
        width: 140px; }
        @media screen and (max-width: 540px) {
          .bx-news .list-news article .col:first-child {
            width: 100px; } }
        .bx-news .list-news article .col:first-child img {
          border: 1px solid #979695; }
      .bx-news .list-news article time {
        color: #4c74ac;
        font-size: 16px;
        font-weight: bold;
        display: block; }
        @media screen and (max-width: 540px) {
          .bx-news .list-news article time {
            font-size: 13px; } }
      .bx-news .list-news article h1 {
        color: #5d440d;
        font-size: 20px;
        line-height: 1.5; }
        @media screen and (max-width: 540px) {
          .bx-news .list-news article h1 {
            font-size: 14px; } }
    .bx-news .list-news .new time:after {
      content: 'NEW';
      font-size: 16px;
      color: #e55e5f;
      font-weight: bold; }
    .bx-news .list-news .news-category {
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      display: inline-block;
      padding: 5px 10px;
      margin-bottom: 10px;
      line-height: 1; }
      .bx-news .list-news .news-category.cat1 {
        background-color: #6db46f; }
      .bx-news .list-news .news-category.cat2 {
        background-color: #576a76; }
      .bx-news .list-news .news-category.cat3 {
        background-color: #937a6b; }
      .bx-news .list-news .news-category.cat4 {
        background-color: #a66481; }
      .bx-news .list-news .news-category.cat5 {
        background-color: #a37334; }
      .bx-news .list-news .news-category.cat6 {
        background-color: #6e5f58; }
      .bx-news .list-news .news-category.cat7 {
        background-color: #e27d60; }
      .bx-news .list-news .news-category.cat8 {
        background-color: #54804a; }
      .bx-news .list-news .news-category.cat9 {
        background-color: #c59d46; }
      .bx-news .list-news .news-category.cat10 {
        background-color:#83599c; }

      @media screen and (max-width: 540px) {
        .bx-news .list-news .news-category {
          font-size: 10px; } }

.bx-event .ttl-main {
  background: url(/assets/img/bg-pattern06.png) repeat-x center top; }
  @media screen and (max-width: 540px) {
    .bx-event .ttl-main {
      background-image: url(/assets/img/bg-pattern06_s.png);
      background-size: 350px 60px;
      height: 60px; }
      .bx-event .ttl-main span {
        width: 137px;
        height: 38px;
        background: url(/assets/img/ttl-event.png) no-repeat center center;
        background-size: 137px 38px; } }

.bx-character .ttl-main {
  background: url(/assets/img/bg-pattern04.png) repeat-x center top; }
  @media screen and (max-width: 540px) {
    .bx-character .ttl-main {
      background-image: url(/assets/img/bg-pattern04_s.png);
      background-size: 34px 54px; }
      .bx-character .ttl-main span {
        width: 153px;
        height: 34px;
        background: url(/assets/img/ttl-character.png) no-repeat center center;
        background-size: 153px 34px; } }


.bx-onair .ttl-main {
  background: url(/assets/img/bg-pattern13.png) repeat-x center top; }
  @media screen and (max-width: 540px) {
    .bx-onair .ttl-main {
      background-image: url(/assets/img/bg-pattern13.png);
      background-size: 34px 54px; }

      .bx-onair .ttl-main span {
        width: 262px;
        height: 38px;
        background: url(/assets/img/ttl-onair.png) no-repeat center center;
        background-size: 262px 38px; } }


.bx-story {
  text-align: center; }
  .bx-story .ttl-main {
    background: url(/assets/img/bg-pattern05.png) repeat-x center top; }
    @media screen and (max-width: 540px) {
      .bx-story .ttl-main {
        background-image: url(/assets/img/bg-pattern05_s.png);
        background-size: 350px 60px;
        height: 60px; }
        .bx-story .ttl-main span {
          width: 162px;
          height: 36px;
          background: url(/assets/img/ttl-story.png) no-repeat center center;
          background-size: 162px 36px; } }
  .bx-story p {
    margin-bottom: 40px; }
    @media screen and (max-width: 540px) {
      .bx-story p {
        margin-bottom: 20px; } }
  .bx-story .story-wrapper {
    width: 720px;
    height: 532px;
    background: url(/assets/img/bg-story.png) no-repeat 0 0;
    margin: 0 auto;
    font-size: 24px;
    padding: 70px 60px;
    text-align: left; }
    .bx-story .story-wrapper strong {
      color: #df6666; }

  @media screen and (min-width: 541px) {
    .bx-onair .onair-lead {
      width: 60%;margin:0 auto 30px;text-align:center;}
      }
  @media screen and (max-width: 540px) {
    .bx-onair .onair-lead {
      width: 80%;margin:0 auto;}
      }

  @media screen and (max-width: 540px) {
    .bx-story .story-lead img {
      width: 95%;margin:0 auto -20px;}
    .bx-story .story-img {
      margin-left: 10px;
      margin-right: 10px; }
    .bx-story .story-wrapper {
      width: 360px;
      height: 266px;
      background-size: 360px 266px;
      font-size: 12px;
      padding: 25px 30px; } }


.story-backnumbar{
width:90%;
display: flex;
  justify-content: space-around;
margin:0 auto;

}

.story-prev {flex:1;text-align:left;font-size:1.25em;color:#806e4d;;text-decoration:underline;font-weight: normal;font-size: 1.25em;}
.story-next {flex:2;text-align:right;font-size:1.25em;color:#806e4d;text-decoration:underline;font-weight: normal; font-size: 1.25em;}

.story-prev a,.story-next a{text-decoration:none;color:#806e4d;}
.story-prev a:hover,.story-next a:hover{text-decoration:none;color:#806e4d;}


  @media screen and (max-width: 540px) {
.story-prev {flex:1;text-align:left;font-size:1.25em;color:#806e4d;;text-decoration:underline;font-weight: normal;font-size: 0.915em;}
.story-next {flex:2;text-align:right;font-size:1.25em;color:#806e4d;text-decoration:underline;font-weight: normal; font-size: 0.915em;}

.story-prev a,.story-next a{text-decoration:none;color:#806e4d;}
.story-prev a:hover,.story-next a:hover{text-decoration:none;color:#806e4d;}
}

.bx-info {
  text-align: center; }
  .bx-info .ttl-main {
    background: url(/assets/img/bg-pattern07.png) repeat-x center top; }
    @media screen and (max-width: 540px) {
      .bx-info .ttl-main {
        background-image: url(/assets/img/bg-pattern07_s.png);
        background-size: 350px 60px;
        height: 60px; }
        .bx-info .ttl-main span {
          width: 260px;
          height: 34px;
          background: url(/assets/img/ttl-info.png) no-repeat center center;
          background-size: 260px 34px; } }
  .bx-info .nav-info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 75px; }
    @media screen and (max-width: 540px) {
      .bx-info .nav-info {
        margin-bottom: 0px; } }
    .bx-info .nav-info li {
      width: 50%;
      margin: 10px 25%; }
  .bx-info h3 {
    max-width: 1000px;
    margin: 0 auto 40px;
    padding: 40px 0; }
    @media screen and (max-width: 540px) {
      .bx-info h3 {
        padding-bottom: 0;
        margin: 0 20px 20px; }
        .bx-info h3 img {
          width: auto;
          height: 18px; } }
    .bx-info h3:after {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      background-color: #8c7458;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      margin-top: 40px; }
      @media screen and (max-width: 540px) {
        .bx-info h3:after {
          margin-top: 20px; } }
  .bx-info h4 {
    color: #fff;
    font-size: 26px;
    width: 460px;
    height: 80px;
    background: url(/assets/img/bg-subttl1-info.png) no-repeat 0 0;
    line-height: 80px;
    margin: 0 auto 50px; }
    @media screen and (max-width: 540px) {
      .bx-info h4 {
        width: 230px;
        height: 40px;
        font-size: 13px;
        background-size: 230px 40px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 20px; } }
  .bx-info .sc-list {
    max-width: 1000px;
    margin: 0 auto 20px;
    padding: 40px 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between; }



    @media screen and (max-width: 540px) {
      .bx-info .sc-list {
        padding-top: 0;
        padding-bottom: 0; } }

      .bx-info .sc-list dl {
        margin-top:-30px; }

    @media screen and (max-width: 540px) {
      .bx-info .sc-list dl {
        margin-top:0px; } }


#page-character .thumb-item-nav {width: 600px;margin: 0 auto 20px;}
#page-character .thumb-item-nav{width:auto;margin:0 auto 20px -33%;display:block;}
#page-character ul.thumb-item-nav li.slick-slide{display: inline-block !important;width: auto !important;}

@media screen and (max-width: 540px) {
#page-character .thumb-item-nav {display:none;}
#page-character ul.thumb-item-nav li.slick-slide{display: inline-block !important;width: 25% !important;}
}

    .bx-info .sc-list dl.column1 {
      width: 100%;
      text-align: center;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 50px; }

    @media screen and (max-width: 540px) {
    .bx-info .sc-list dl.column1 {
      width: 100%;
      text-align: center;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 20px; }}


    .bx-info .sc-list dl.column4 {
      width: 24.5%;
      text-align: left;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 50px; }

    @media screen and (max-width: 540px) {
    .bx-info .sc-list dl.column4 {
      width: 24.5%;
      text-align: left;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 50px; }}


    .bx-info .sc-list dl {
      width: 33%;
      text-align: left;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 50px; }

      @media screen and (max-width: 540px) {
        .bx-info .sc-list dl {
          margin-bottom: 25px;
          width: 50%; } }
      .bx-info .sc-list dl dt {
        font-size: 26px;
        color: #4c74ac; }
        @media screen and (max-width: 540px) {
          .bx-info .sc-list dl dt {
            font-size: 13px; } }
      .bx-info .sc-list dl dd {
        font-size: 28px;
        color: #5d440d; }
        @media screen and (max-width: 540px) {
          .bx-info .sc-list dl dd {
            font-size: 14px; } }
  .bx-info #music {
    background: url(/assets/img/bg-pattern08.png);
    padding-bottom: 80px; }
    .bx-info #music h4 {
      background: url(/assets/img/bg-subttl2-info.png) no-repeat 0 0;
      background-size: 230px 40px; }
    .bx-info #music h5 {
      font-size: 28px;
      text-align: left;
      margin-bottom: 30px; }
      @media screen and (max-width: 540px) {
        .bx-info #music h5 {
          font-size: 14px;
          margin-bottom: 15px; } }
    .bx-info #music .music-wrapper {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      max-width: 1000px;
      margin: 0 auto;
      -webkit-align-items: stretch;
      -moz-align-items: stretch;
      -ms-align-items: stretch;
      -o-align-items: stretch;
      align-items: stretch; }
      .bx-info #music .music-wrapper > div {
        flex: 1;
        margin: 0 20px;
        margin-bottom: 30px; }
        .bx-info #music .music-wrapper > div > div {
          border: 2px solid #708967;
          background: #fafafa;
          padding: 30px 38px; }
        .bx-info #music .music-wrapper > div p {
          text-align: left;
          font-size: 24px;
          color: #5d440d; }
          @media screen and (max-width: 540px) {
            .bx-info #music .music-wrapper > div p {
              font-size: 12px; } }

.bx-book .ttl-main {
  background: url(/assets/img/bg-pattern09.png) repeat-x center top;
  padding-top: 20px; }
  @media screen and (max-width: 540px) {
    .bx-book .ttl-main {
      background-image: url(/assets/img/bg-pattern09_s.png);
      background-size: 350px 60px;
      height: 60px; }
      .bx-book .ttl-main span {
        width: 256px;
        height: 27px;
        background: url(/assets/img/ttl-book.png) no-repeat center center;
        background-size: 256px 27px; } }

.bx-book .custom-category {
  overflow: hidden;
  width: 400px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 4px solid #9f7d5d;
  position: relative;
  margin-bottom: 30px; }
  @media screen and (max-width: 540px) {
    .bx-book .custom-category {
      width: auto;
      margin: 0 20px;
      font-size: 13px; } }
  .bx-book .custom-category:after {
    content: '';
    display: block;
    width: 29px;
    height: 16px;
    background: url(/assets/img/arrow-down.png) no-repeat 0 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (max-width: 540px) {
      .bx-book .custom-category:after {
        width: 15px;
        height: 8px;
        background-size: auto 8px;
        right: 5px; } }
  .bx-book .custom-category select {
    outline: none;
    width: 130%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff url(/assets/img/book-select-img.png) no-repeat 20px center;
    vertical-align: middle;
    font-size: 26px;
    font-weight: bold;
    color: #5d440d;
    box-sizing: content-box;
    padding: 20px 0 20px 100px; }
    @media screen and (max-width: 540px) {
      .bx-book .custom-category select {
        padding: 10px 0 10px 50px;
        font-size: 13px;
        background-size: 33px auto;
        background-position: 10px center; } }

.bx-book .article-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left; }
  .bx-book .article-wrapper article {
    width: 29%;
    margin: 0 2% 30px; }
    @media screen and (max-width: 540px) {
      .bx-book .article-wrapper article {
        width: 100%;
        margin: 0 20px 30px; } }
    .bx-book .article-wrapper article .book-title {
      font-size: 18px;
      padding: 10px 0; }
      @media screen and (max-width: 540px) {
        .bx-book .article-wrapper article .book-title {
          font-size: 14px; } }
    .bx-book .article-wrapper article .book-img {
      text-align: center;
      margin-bottom: 20px; }
    .bx-book .article-wrapper article .book-info {
      border: 1px solid #9f7d5d;
      background-color: rgba(234, 232, 228, 0.7);
      padding: 20px;
      overflow: hidden; }
      @media screen and (max-width: 540px) {
        .bx-book .article-wrapper article .book-info {
          padding: 10px;
          font-size: 13px; } }
      .bx-book .article-wrapper article .book-info dt {
        float: left;
        clear: left;
        width: 4.5em;
        font-weight: bold;
        color: #4c74ac; }
    .bx-book .article-wrapper article img {
      height: 300px; }

.bx-book .cat-read:before {
  content: 'よみもの';
  display: inline-block;
  background-color: #a6a33f;
  line-height: 1;
  font-size: 16px;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold;
  border-radius:15px;
   }
  
  
  
  @media screen and (max-width: 540px) {
    .bx-book .cat-read:before {
      font-size: 10px;
      padding: 3px 5px;
  border-radius:15px;
       } }

.bx-book .cat-picture:before {
  content: 'えほん';
  display: inline-block;
  background-color: #6db46f;
  line-height: 1;
  font-size: 16px;
  padding: 5px 10px;
  color: #fff;
  font-weight: bold; 
    border-radius:15px;
  }
  @media screen and (max-width: 540px) {
    .bx-book .cat-picture:before {
      font-size: 10px;
      padding: 3px 5px;
  border-radius:15px;
       } }

.bx-book .cat-anime:before {
    content: 'アニメコミック';
    display: inline-block;
    background-color: #9f7eb5;
    line-height: 1;
  font-size: 16px;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
      border-radius:15px;
}
@media screen and (max-width: 540px)
.bx-book .cat-anime:before {
    font-size: 10px;
    padding: 3px 5px;
      border-radius:15px;
}}



.bx-goods .ttl-main {
  background: url(/assets/img/bg-pattern10.png) repeat-x center top; }
  
  @media screen and (max-width: 540px) {
    .bx-goods .ttl-main {
      background-image: url(/assets/img/bg-pattern10_s.png);
      background-size: 350px 60px;
      height: 60px; }
      .bx-goods .ttl-main span {
        width: 109px;
        height: 40px;
        background: url(/assets/img/ttl-goods.png) no-repeat center center;
        background-size: 109px 40px; } }



      .bx-goods .article-wrapper  {
    width: 1000px;
    margin: 0 auto 30px auto;
 overflow:hidden;
 }

  .bx-goods .article-wrapper article{
    width: 32%;
    margin: 0 2% 30px 0%; display:block;float:left;}

  .bx-goods .article-wrapper article:nth-child(3n) {
    margin-right: 0%; }





    @media screen and (max-width: 540px) {

      .bx-goods .article-wrapper {
    width: 100%;

 }

      .bx-goods .article-wrapper article{
 width: 95%;
 margin: 0 2.5% 20px;
 float: none;
 }
        }



      @media screen and (min-width: 541px) {
.bx-goods .article-dvd-wrapper article {
    width: 900px;
    margin: 0 auto 30px;
    display: block;
 }
}

      @media screen and (max-width: 540px) {
.bx-goods .article-dvd-wrapper article {
    width: auto;
    margin: 0 auto 30px;
    display: block;
 }
}

      @media screen and (min-width: 541px) {
.bx-goods .article-dvd-wrapper article .goods-info {
    padding: 20px 30px 30px;
    box-sizing: content-box;
    background-color: #FFF;

}
}

      @media screen and (max-width: 540px) {
.bx-goods .article-dvd-wrapper article .goods-info {
    width:90%;
    padding: 10px 2.5% 30px;
    box-sizing: content-box;
    background-color: #FFF;
    margin:0 auto;

}
}

      @media screen and (min-width: 541px) {
.dvdDetail{width:100%;display:flex;margin:20px auto 0;}
.dvdDetail .img {width:35%;margin-right:3%;}
.dvdDetail .txt {width:62%;padding:10px 0 0 0;}
}

      @media screen and (max-width: 540px) {
.dvdDetail{width:100%;margin:15px auto 0;font-size:0.875em;}
.dvdDetail .img {width:70%;margin:20px auto 20px;}
.dvdDetail .txt {width:95%;margin:0 auto 10px;letter-spacing:-0.05em;font-size:0.935em;}
}



      @media screen and (min-width: 541px) {
.dvd-title {
      font-size: 1.375em;
      padding: 15px;
      line-height:1.5em;
      background-color:#9f7d5d;
      color:#FFF;
      }
      }

      @media screen and (max-width: 540px) {
.dvd-title {
    font-size: 1em;line-height:1.125em;
    padding: 10px;
      background-color:#9f7d5d;
      color:#FFF;
          } }

      @media screen and (min-width: 541px) {
.dvd-subtitle {
 font-size: 1.25em;
 display:block;
 line-height:1.5;
      }
      }

      @media screen and (max-width: 540px) {
.dvd-subtitle {
 font-size: 1.125em;
 display:block;
          } }


      @media screen and (min-width: 541px) {
.dvd-info {

 font-size: 0.875em;

 color:#9f7d5d;
 margin-bottom:10px;
      }
      }

      @media screen and (max-width: 540px) {
.dvd-info {
 font-size: 0.875em;

 color:#9f7d5d;
 margin-bottom:10px;
          } }



      @media screen and (min-width: 541px) {
        .bx-goods .article-wrapper article .goods-title {
      font-size: 1em;
      padding: 15px 0;
      line-height:1.125em;
      height:44px;}
      }




      @media screen and (max-width: 540px) {
        .bx-goods .article-wrapper article .goods-title {
    font-size: 1.25em;line-height:1.25em;
    padding: 10px 0;
          } }

 @media screen and (min-width: 541px) {
.goodsInfo1{margin:0 auto 25px ;font-size:0.935em;width:1000px;}
}
 @media screen and (max-width: 540px) {
.goodsInfo1{margin:0 2.5% 25px ;font-size:0.785em;width:95;}
}

 @media screen and (min-width: 541px) {
ul.goods-navi{width:auto;display:flex;justify-content: center;align-items: center;width:250px;margin:20px auto 40px;}
ul.goods-navi li{width:49%;text-align:center;}
ul.goods-navi li {font-size: 2em;
    font-weight: 700;}
ul.goods-navi li a{font-size: 0.625em !important;
    border-radius: 15px;
    padding: 10px 18px;
    color: #FFF;
    background-color: #9f7d5d;
    text-decoration: underline;}
}

 @media screen and (max-width: 540px) {
ul.goods-navi{width:60%;display:flex;justify-content: center;align-items: center;margin:50px auto 40px;}
ul.goods-navi li{width:50%;text-align:center;}
ul.goods-navi li {font-size:1.25em;font-weight:700;}
ul.goods-navi li a{font-size: 0.625em !important;
    border-radius: 15px;
    padding: 10px 20px;
    color: #FFF;
    background-color: #9f7d5d;
    text-decoration: underline;
    width: 20%;}
}


    .bx-goods .article-wrapper article .goods-img {
    text-align: center;
    margin-bottom: 15px;
       }
    .bx-goods .article-wrapper article .goods-info {
      border: 1px solid #9f7d5d;
      padding: 20px;
      overflow: hidden;
      position:relative;
    background-image: url(/assets/img/bg-pattern01.png);
    background-repeat: repeat;
    box-sizing:content-box

      }


    .bx-goods .article-wrapper article .goods-info .new{
color: #e55e5f;
     font-size: 1em;
     font-weight: 700;
     position:absolute;
     top:10px;
     left:17px;

      }

     @media screen and (max-width: 540px) {
    .bx-goods .article-wrapper article .goods-info .new{
    color: #e55e5f;
    font-size: 0.875em;
    font-weight: 700;
    position: absolute;
    top: 13px;
    left: 7%;
       }
      }


    .bx-goods .article-dvd-wrapper article .goods-info .new{
color: #e55e5f;
     font-size: 1em;
     font-weight: 700;

     top:10px;
     left:17px;

      }

     @media screen and (max-width: 540px) {
    .bx-goods .article-dvd-wrapper article .goods-info .new{
    color: #e55e5f;
    font-size: 0.875em;
    font-weight: 700;

    top: 13px;
    left: 7%;
       }
      }


    .bx-goods .article-wrapper article .goods-info dl{
      border-top-style:solid ;
      border-top-width:1px;
      border-top-color:#9f7d5d;
      padding:20px 0 0 0;
      font-size:0.915em;
}

    .bx-goods .article-wrapper article .goods-info p.info{
    font-size:0.915em;
 padding-bottom:20px;
}


     @media screen and (max-width: 540px) {
    .bx-goods .article-wrapper article .goods-info p.info{
 padding-bottom:20px;
}


        .bx-goods .article-wrapper article .goods-info {
    padding: 25px 20px 20px 20px;
    font-size: 13px;
    width: auto;
    background-image: url(/assets/img/bg-pattern01.png);
    background-repeat:repeat;
 box-sizing:content-box

          }
        .bx-goods .article-wrapper article .goods-info dl {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #9f7d5d;
    font-size: 1em;
    overflow: hidden;
    padding: 15px 0 0 0;
          }

        .bx-goods .article-wrapper article .goods-infop.info{
 padding-bottom:20px;
 font-size:0.915em;
          }

          }
      .bx-goods .article-wrapper article .goods-info dt {
        float: left;
        width: 25%;
        font-weight: bold;
        color: #4c74ac;
        display:block;
        margin-bottom:2px;
        font-size:1em;
        }

      .bx-goods .article-wrapper article .goods-info dd {
        float: left;
        width: 75%;
        display:block;
        margin-bottom:2px;
        text-align:left;}

.good-info-fs10{font-size:0.915em;word-break:break-all;}

.bx-movie-list .ttl-main {
  background: url(/assets/img/bg-pattern11.png) repeat-x center top; }
  @media screen and (max-width: 540px) {
    .bx-movie-list .ttl-main {
      background-image: url(/assets/img/bg-pattern11_s.png);
      background-size: 350px 60px;
      height: 60px; }
      .bx-movie-list .ttl-main span {
        width: 139px;
        height: 41px;
        background: url(/assets/img/ttl-movie.png) no-repeat center center;
        background-size: 139px 41px; } }

.bx-movie-list .movie-list-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto; }
  .bx-movie-list .movie-list-wrapper .movie-list {
    width: 45%;
    margin: 20px 2%; }
    @media screen and (max-width: 540px) {
      .bx-movie-list .movie-list-wrapper .movie-list {
        width: auto;
        margin: 20px; } }
  .bx-movie-list .movie-list-wrapper .movie-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .bx-movie-list .movie-list-wrapper .movie-wrapper iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }
  .bx-movie-list .movie-list-wrapper .ttl-movie {
    color: #4f4644;
    font-size: 1.075em;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 20px; }
    .bx-movie-list .movie-list-wrapper .ttl-movie:after {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      background-color: #8c7458;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
    @media screen and (max-width: 540px) {
      .bx-movie-list .movie-list-wrapper .ttl-movie {
        width: 100%;
        margin-top: 15px;
        font-size: 13px;
        padding: 10px 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; } }


.movie-list-wrapper {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto; }
.movie-list-wrapper .movie-list {
    width: 45%;
    margin: 20px 2%; }
    @media screen and (max-width: 540px) {
.movie-list-wrapper .movie-list {
        width: 100%;
        margin: 20px; } }
.movie-list-wrapper .movie-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
.movie-list-wrapper .movie-wrapper iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important; }
.movie-list-wrapper .ttl-movie {
    color: #4f4644;
    font-size: 1.075em;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 20px; }
.movie-list-wrapper .ttl-movie:after {
      content: '';
      display: block;
      width: 100%;
      height: 4px;
      background-color: #8c7458;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
    @media screen and (max-width: 540px) {
.movie-list-wrapper .ttl-movie {
        width: 100%;
        margin-top: 15px;
        font-size: 13px;
        padding: 10px 15px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; } }


.bx-special .ttl-main {
  background: url(/assets/img/bg-pattern12.png) repeat-x center top;
  padding-top: 15px; }
  @media screen and (max-width: 540px) {
    .bx-special .ttl-main {
      background-image: url(/assets/img/bg-pattern12_s.png);
      background-size: 350px 60px;
      height: 60px; }
      .bx-special .ttl-main span {
        width: 172px;
        height: 30px;
        background: url(/assets/img/ttl-special.png) no-repeat center center;
        background-size: 172px 30px; } }

.bx-special .special-index {
  margin-left: 5.333333%;
  margin-right: 5.333333%;
}

.bx-special .special-index article {
  text-align: center;
  padding: 30px 0;
  margin: 0 auto; }
  @media screen and (max-width: 540px) {
    .bx-special .special-index article img {
      width: auto;
      height: 200px; } }

.bx-special .special-detail {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center; }
  .bx-special .special-detail h1 {
    margin-bottom: 50px; }
    @media screen and (max-width: 540px) {
      .bx-special .special-detail {
        margin: 0 20px;
      }
      .bx-special .special-detail h1 {
        margin-bottom: 20px; }
        .bx-special .special-detail h1 img {
          width: auto;
          height: 20px;
        }
       }

.bx-special .btn-answer {
  margin-top: 120px;
  text-align: center; }
  @media screen and (max-width: 540px) {
    .bx-special .btn-answer {
      margin-top: 50px; } }
  .bx-special .btn-answer a {
    display: inline-block;
    width: 460px;
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    background-color: #65ac52;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    position: relative;
    text-align: left;
    padding-left: 220px; }
    @media screen and (max-width: 540px) {
      .bx-special .btn-answer a {
        width: 230px;
        height: 50px;
        font-size: 13px;
        padding-left: 120px;
        line-height: 50px; } }
    .bx-special .btn-answer a:before {
      content: '';
      display: block;
      width: 150px;
      height: 150px;
      background: url(/assets/img/back.png) no-repeat 0 0;
      position: absolute;
      bottom: 0;
      left: 35px; }
      @media screen and (max-width: 540px) {
        .bx-special .btn-answer a:before {
          width: 75px;
          height: 75px;
          background-size: 75px 75px;
          left: 19px; } }

.page-second .sns-special {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin-bottom: 10px; }
  @media screen and (max-width: 540px) {
    .page-second .sns-special {
      margin-bottom: -20px;margin-top: 20px; } }
  .page-second .sns-special li {
    margin-left: 10px; }
    .page-second .sns-special li > * {
      line-height: 1; }



.bx-banner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
  background: url(/assets/img/bg-pattern01.png); }
  .bx-banner .list-banner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap; }
    @media screen and (min-width: 541px) {
      .bx-banner .list-banner {
        margin-left: -10px;
        margin-right: -10px; } }
    @media screen and (max-width: 540px) {
      .bx-banner .list-banner {
        margin-left: 0;
        margin-right: 0; } }
    .bx-banner .list-banner li {
      margin: 10px; }
      @media screen and (max-width: 540px) {
        .bx-banner .list-banner li {
          margin: 0 0 14px;
          width: 42%; }
          .bx-banner .list-banner li:nth-child(odd) {
            margin-left: 5.3333333%;
            margin-right: 4%; } }

footer {
  height: 96px;
  background: url(/assets/img/bg-footer.png) repeat-x center top; }
  @media screen and (max-width: 540px) {
    footer {
      background-size: 750px 48px; } }
  footer .copyrights {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding-top: 50px; }
    @media screen and (max-width: 540px) {
      footer .copyrights {
        font-size: 14px;
        padding-top: 24px;
        padding-bottom: 10px; } }

.toggle-button {
  width: 100%;
  height: 70px;
  background-color: #9f7d5d;
  text-align: center; }
  .toggle-button .btn-menu {
    width: 100%;
    height: 80px;
    background-color: #9f7d5d;
    position: fixed;
    left: 0;
    bottom: 0;
    padding-top: 8px;
    z-index: 10001; }
    .toggle-button .btn-menu.open:before {
      content: '';
      display: inline-block;
      width: 335px;
      height: 60px;
      background: url(/assets/img/btn-menu-open.png) no-repeat 0 0;
      background-size: 335px 60px; }
    .toggle-button .btn-menu.open img {
      display: none; }

.slide-nav {
  background-color: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 100vh;
  padding-bottom: 119px;
  box-sizing: border-box;
  overflow-y: auto;
  z-index: 10000;
  display: none; }
  .slide-nav li {
    border-bottom: 1px solid #c4baa0; }
    .slide-nav li a {
      display: block;
      padding-left: 20px;
      padding-top: 13px;
      padding-bottom: 13px;
      background-color: #f1eddf; }
    .slide-nav li:not(:last-child) img {
      width: 222px;
      height: 36px; }
    .slide-nav li:last-child {
      background-color: #f0ede8; }
      .slide-nav li:last-child a {
        padding: 2px 0 0;
        text-align: center; }

.btn-pagetop {
  position: fixed;
  bottom: 55px;
  right: 30px;
  z-index: 10;
  display: none; }
  @media screen and (max-width: 540px) {
    .btn-pagetop {
      bottom: 80px;
      right: 4px; }
      .btn-pagetop img {
        width: 70px;
        height: 81px; } }

.page-second #wrap {
  background: url(/assets/img/bg-mv2.png) no-repeat center top; }

.page-second .bx-main {
  padding-bottom: 80px; }
  @media screen and (max-width: 540px) {
    .page-second .bx-main {
      padding-bottom: 30px;
      margin-top:3px;} }

.page-second header {
  padding: 10px 0;
  max-width: 1040px;
  margin: 0 auto;
  padding: 10px 20px;
  position: relative; }
  .page-second header .logo {
    position: relative;
    top: 0;
    text-align: left; }
  .page-second header .btn-gotop {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 9999; }
  @media screen and (max-width: 540px) {
    .page-second header {
      background: url(/assets/img/bg-mv_s.png) no-repeat center top;
      background-size: auto 100%;
      height: 105px; }
      .page-second header .logo {
        text-align: center; }
        .page-second header .logo img {
          width: 209;
          height: 89px; } }

.page-second .header-news {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px; }
  .page-second .header-news .new {
    color: #e55e5f;
    font-size: 24px;
    font-weight: bold; }
    @media screen and (max-width: 540px) {
      .page-second .header-news .new {
        font-size: 17px; } }
  .page-second .header-news time {
    color: #4c74ac;
    font-size: 24px;
    font-weight: bold; }
    @media screen and (max-width: 540px) {
      .page-second .header-news time {
        font-size: 17px; } }
  .page-second .header-news h1 {
    margin-top: 0.05em;
    margin-bottom: 30px;
    font-size: 1.9em;
    line-height: 2.5emem;
    }
    @media screen and (max-width: 540px) {
      .page-second .header-news h1 {
        font-size: 19px;
        margin-bottom: 1em; } }

.page-second .globalnav {
  margin-bottom: 0; }

.page-second .body-news {
  max-width: 1040px;
  margin: 0 auto;
  padding: 0 20px; }

.page-second .sns-news {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin-bottom: 10px; }
  @media screen and (max-width: 540px) {
    .page-second .sns-news {
      margin-bottom: 20px; } }
  .page-second .sns-news li {
    margin-left: 10px; }
    .page-second .sns-news li > * {
      line-height: 1; }

    @media screen and (min-width: 541px) {
.page-second .body-news {
  margin-bottom: 50px; }
  .page-second .body-news p {
    font-size: 1.125em;
    line-height: 1.6em; }
 }

    @media screen and (max-width: 540px) {
      .page-second .body-news p {
        font-size: 0.875em; } }
  .page-second .body-news .img {
    text-align: center;
    margin: 30px 0; }

.fb_iframe_widget > span {
  vertical-align: baseline !important; }

.btn-back {
  margin-top: 120px;
  text-align: center; }
  @media screen and (max-width: 540px) {
    .btn-back {
      margin-top: 50px; } }
  .btn-back a {
    display: inline-block;
    width: 460px;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    background-color: #65ac52;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    position: relative;
    text-align: left;
    padding-left: 200px; }
    @media screen and (max-width: 540px) {
      .btn-back a {
        width: 230px;
        height: 40px;
        font-size: 13px;
        padding-left: 100px;
        line-height: 40px; } }
    .btn-back a:before {
      content: '';
      display: block;
      width: 150px;
      height: 150px;
      background: url(/assets/img/back.png) no-repeat 0 0;
      position: absolute;
      bottom: 0;
      left: 35px; }
      @media screen and (max-width: 540px) {
        .btn-back a:before {
          width: 75px;
          height: 75px;
          background-size: 75px 75px;
          left: 19px; } }

@media screen and (max-width: 540px) {
  .column2chara {
    width: 100%;
    margin-top: 50px;
    background-color: #FFF;
    padding: 30px 10px; }
  .column2chara p {
    width: 90%;
    margin: 0 5%; }
  .column2chara p img {
    width: 75%;
    margin: 0 12.5%; } }


@media screen and (max-width: 540px) {
  .column2news {
    width: 100%;
    background-color: #FFF;
    }
  .column2chara p {
    width: 90%;
    margin: 0 5%; }
  .column2chara p img {
    width: 75%;
    margin: 0 12.5%; }
  .column2news div img.w60{width:60%;margin:0px auto;display:block;}


    }

@media screen and (min-width: 541px) {
  .column2news {
    width: 100%;
    display:flex;
  justify-content: space-between;
    }
  .column2news div:nth-child(1) {
    width:72%;
        }
  .column2news div:nth-child(2) {
    width: 25%;
    }
  .column2news div img.w60{width:100%;}


    }



@media screen and (min-width: 541px) {
  .column2chara {
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 35px; }
  .column2chara p {
    width: 30%;
    margin-right: 5%;
    float: left; }
  .column2chara p:nth-last-child(1) {
    width: 65%;
    margin-right: 0%;
    font-size: 1.125em !important;
    line-height: 2em !important; }
  .column2 p img {
    width: 100%; } }

@media screen and (max-width: 540px) {
  .column1article {
    width: 100%;

    background-color: #FFF;
    padding:10px 20px 30px;
 } }

@media screen and (min-width: 541px) {
  .column1article {
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 35px 35px 50px; } }


@media screen and (max-width: 540px) {
  .column2 {
    width: 100%;
    margin-top:15px;
}
  .column2 p {
    width: 95%;
    margin: 0 2.5% 20px;}
}

@media screen and (min-width: 541px) {
  .column2 {
    width: 100%;overflow:hidden;
 }
  .column2 p {
    width: 49%;
    margin: 0 2% 0 0;float:left; }
  .column2 p:nth-child(2n) {
    margin-right:0%;}
     }



@media screen and (max-width: 540px) {
  .column2article {
    width: 100%;
    margin-top: 50px;
    background-color: #FFF;
    padding: 30px 10px; }
  .column2article p {
    width: 90%;
    margin: 0 5%; }
  .column2article p img {
    width: 75%;
    margin: 0 12.5%; } }

@media screen and (min-width: 541px) {
  .column2article {
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 35px; }

  .column2article p {
    width: 30%;
    margin-right: 5%;
    float: left; }

  .column2article p:nth-last-child(1) {
    width: 65%;
    margin-right: 0%;
    font-size: 1.125em !important;
    line-height: 2em !important; }
  .column2 p img {
    width: 100%; } }


@media screen and (max-width: 540px) {
  .column2articleB {
    width: 100%;
    background-color: #FFF;
    padding: 12px 0; }
  .column2articleB p {
    width: 100%;
    margin: 0 0 15px 0; }
  .column2articleB p img {
    width: 60%;
    margin: 0 20%; } }

@media screen and (min-width: 541px) {
  .column2articleB {
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 15px 0 ; }
  .column2articleB p {
    width: 33%;
    margin-right: 2%;
    float: left; }
  .column2articleB p:nth-last-child(1) {
    width: 65%;
    margin-right: 0%;
    font-size: 1.125em !important;}
  .column2 p img {
    width: 100%; } }

@media screen and (max-width: 540px) {
  .column2articleC {
    width: 100%;}

  .column2articleC p {
    width: 50%;
    margin: 10px 20% 15px; }
  .column2articleC p img {
    width: 100%;
     } }

@media screen and (min-width: 541px) {
  .column2articleC {
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 15px 0 ; }
  .column2articleC p {
    width: 76.5%;
    margin-right: 0.5%;
    float: left; }
  .column2articleC p:nth-last-child(1) {
    width:23%;margin-right: 0%;}
  .column2 p img {
    width: 100%; }}



@media screen and (max-width: 540px) {
  .column2articleC {
    width: 100%;}

  .column2articleC div {
    width: 100%;
    margin: 10px 0% 15px; }
  .column2articleC div img {
    width: 70%;margin-left:15%;
     } }

@media screen and (min-width: 541px) {
  .column2articleC {
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 15px 0 ; }
  .column2articleC div {
    width: 76.5%;
    margin-right: 0.5%;
    float: left; }
  .column2articleC div:nth-last-child(1) {
    width:23%;margin-right: 0%;}
  .column2 div img {
    width: 100%; }


  .column2articleD div {
    width: 100%;
     justify-content: space-between;
    display:flex;
    }

  .column2articleD div {
    width: 30%;
    margin-right: 0.5%;
    float: left; }
  .column2articleD div:nth-child(2) {
    width:70%;}
  .column2articleD div img {width: 100%; }


    }


@media screen and (max-width: 540px) {
  .column2articleC {
    width: 100%;}

  .column2articleC p {
    width: 50%;
    margin: 10px 20% 15px; }
  .column2articleC p img {
    width: 100%;
     }

  .column2articleD div {
    width: 60%;
    margin-right: 0.5%;
    float: left; }
  .column2articleD div:nth-child(2) {
    width:100%;}
  .column2articleD div img {width: 100%; }

     }

@media screen and (min-width: 541px) {
  .column2articleC {
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 15px 0 ; }
  .column2articleC p {
    width: 76.5%;
    margin-right: 0.5%;
    float: left; }
  .column2articleC p:nth-last-child(1) {
    width:23%;margin-right: 0%;}
  .column2 p img {
    width: 100%; }

  .column2articleD {
    width: 100%;
     justify-content: space-between;
    display:flex;
    }



    }

@media screen and (max-width: 540px) {
  .column100p {
    width: 100%;
    margin: 10px 0 0 ; } }
@media screen and (min-width: 541px) {
  .column100p {
    width: 100%;
    margin: 30px auto 0px; } }



@media screen and (max-width: 540px) {
  .column720 {
    width: 90%;
    margin: 10px 5% 15px; } }
@media screen and (min-width: 541px) {
  .column720 {
    width: 720px;
    margin: 30px auto; } }


@media screen and (max-width: 540px) {
  .column640 {
    width: 90%;
    margin: 10px 5% 15px; } }
@media screen and (min-width: 541px) {
  .column640 {
    width: 640px;
    margin: 30px auto; } }


@media screen and (max-width: 540px) {
  .column480 {
    width: 90%;
    margin: 10px 5% 15px; } }

@media screen and (min-width: 541px) {
  .column480 {
    width: 480px;
    margin: 30px auto; } }

@media screen and (max-width: 540px) {
  .column400 {
    width: 80%;
    margin: 10px 5% 15px; } }

@media screen and (min-width: 541px) {
  .column400 {
    width: 400px;
    margin: 30px auto; } }


@media screen and (max-width: 540px) {
  .column400b {
    width: 80%;
    margin: 10px auto 15px; } }

@media screen and (min-width: 541px) {
  .column400b {
    width: 400px;
    margin: 30px auto; } }


@media screen and (max-width: 540px) {
  .column320 {
    width: 90%;
    margin: 10px 5% 15px; } }

@media screen and (min-width: 541px) {
  .column320 {
    width: 320px;
    margin: 30px auto; } }



@media screen and (max-width: 540px) {
  .column240 {
    width: 90%;
    margin: 10px 5% 15px; } }

@media screen and (min-width: 541px) {
  .column240 {
    width: 240px;
    margin: 30px auto; } }






@media screen and (max-width: 540px) {
  .column5 {width: 100%;margin:0px;padding:0px;overflow:hidden;}

  .column5 p{width: 49%;margin-right:2%;padding:0px;float:left;margin-bottom:15px;}
  .column5 p:nth-child(2n){margin-right:0%;}
}

@media screen and (min-width: 541px) {
  .column5 p{width: 19%;margin-right:1.2%;padding:0px;float:left;margin-bottom:15px;overflow:hidden;}
  .column5 p:nth-child(5n){margin-right:0%;}
}




@media screen and (max-width: 540px) {
  .column3 {
    width: 100%;
    margin-top: 10px;
    background-color: #FFF;
    padding: 0 10px 0px; }
  .column3 p {
    width: auto;
    margin: 0 0 10px; }
}

@media screen and (min-width: 541px) {
  .column3 {
    width: 100%;
    overflow: hidden;
    background-color: #FFF;
    padding: 0px;}
  .column3 p {
    width: 33%;
    margin-right: 0.5%;
    float: left; }
  .column3 p:nth-last-child(1) {
    margin-right: 0%; }
     }



strong.bold {
  font-weight: 700;
  font-size: 1.375em; }

.slider-wrapper {
  max-width: 1040px;
  margin: 0 auto;
  padding: 10px 20px; }


.story-slider-wrapper {
  width: 900px;
  margin: 0 auto;
  padding:30px 0px 35px;
  background-color:#FFF;
  }

   @media screen and (max-width: 540px) {
.story-slider-wrapper {
  width: 100%;
  margin: 0 auto;
  padding:30px 0px 35px;
  background-color:#FFF;
  }
   }


  .slider-area{/*2019リニューアル時 修正*/
    display:flex;
    justify-content:space-between;
  }

  @media screen and (max-width: 540px) {
    .slider-area{
    width: 85%;
    margin: 15px auto 50px;
  }
  }

  @media screen and (max-width: 540px) {
    .slider-wrapper {
      margin: 0 20px; } }

.thumb-item li {
  position: relative; }
  .thumb-item li .chara-txt {
    position: absolute;
    top: 50px;
    left: 50%;
    width: 310px;
    margin-left: -25px; }
    @media screen and (max-width: 540px) {
      .thumb-item li .chara-txt {
        top: 25px;
        width: 150px;
        margin-left: -15px; } }
    @media screen and (max-width: 320px) {
      .thumb-item li .chara-txt {
        top: 10px;
        width: 120px; } }
  .thumb-item li .name {
    font-size: 36px;
    font-weight: bold; }
    @media screen and (max-width: 540px) {
      .thumb-item li .name {
        font-size: 18px; } }
    @media screen and (max-width: 320px) {
      .thumb-item li .name {
        font-size: 16px; } }
  .thumb-item li .voice {
    font-size: 26px;
    font-weight: bold; }
    @media screen and (max-width: 540px) {
      .thumb-item li .voice {
        font-size: 13px; } }
    @media screen and (max-width: 320px) {
      .thumb-item li .voice {
        font-size: 11px; } }
  .thumb-item li p {
    font-size: 24px; }
    @media screen and (max-width: 540px) {
      .thumb-item li p {
        font-size: 12px; } }
    @media screen and (max-width: 320px) {
      .thumb-item li p {
        font-size: 10px; } }

.thumb-item-nav {
  width: 400px;
  margin: 0 auto; } /*2019　リニューアル対応*/


/*.story-thumb{width:100%;}*/ /*2019　リニューアル対応*/

.story-thumb .thumb-item-nav{width:auto !important;}


.story-thumb .slick-track{transform: translate3d(0px, 0px, 0px) !important;width: 100% !important;}

  @media screen and (max-width: 540px) {
    .thumb-item-nav {
/*      width: 200px;*/
      display:flex;
      justify-content:space-between;
      }
.story-thumb .slick-track{transform: translate3d(0px, 0px, 0px) !important;}
      }
  .thumb-item-nav img {
    cursor: url(/assets/img/pointer.png), pointer; }




    @media screen and (max-width: 540px) {
      .thumb-item-nav img {
        }


         }
  .thumb-item-nav * {
    outline: none; }



.thumb-item-nav li {
/*  position: relative;*/
  margin-bottom: 6px;
}
@media screen and (max-width: 540px) {
  .thumb-item-nav li {
    width:24%;
    }
  }

.thumb-item-nav li:last-child{
  margin-bottom:0;
}



.thumb-item-nav li::before {
  content: '';
  display: block;
  width: 126px;
  height: 126px;
  background-color: #efe2b4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}




@media screen and (max-width: 540px) {
.story-thumb .thumb-item-nav li::before {
  display: none;
  }
}

@media screen and (min-width: 541px) {
br.sp {display:none !important;}
}

.onair-text  {width: 1040px;overflow: hidden;background-color: #FFF;padding: 50px 35px 35px;margin: 0 auto;text-align:left;}
.onair-text ul{width:990px;display:flex;flex-wrap: wrap;font-size:1.125em;}
.onair-text ul li:nth-child(1){    background-color:#9f7d5d;color: #FFF;font-weight: 700;text-align: center;border-right-width: 1px;border-right-color: #fff;border-right-style: solid;}
.onair-text ul li:nth-child(2){background-color:#9f7d5d;color:#FFF;font-weight:700;text-align:center !important;}
.onair-text ul li:nth-child(odd){width:59.5%;}
.onair-text ul li:nth-child(even){width:39%;text-align:center;padding-right:1%;}
.onair-text ul li{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#efd59c;padding:20px 10px;}
.onair-text ul li:nth-last-child(1),.onair-text ul li:nth-last-child(2){border:none;}
.onair-text ul li span{background-color:#e56b86;color:#FFF;font-size:0.785em;padding:5px;border-radius:30px;display:inline-block;padding:3px 15px;}

.streaming-text  {width: 1040px;overflow: hidden;background-color: #FFF;padding: 50px 35px 35px;margin: 0 auto;text-align:left;}
.streaming-text ul{width:990px;display:flex;flex-wrap: wrap;font-size:1.125em;}
.streaming-text ul li:nth-child(1){background-color:#9f7d5d;color: #FFF;font-weight: 700;text-align: center;}
.streaming-text ul li{width:100%;text-align:center !important;}
.streaming-text ul li{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#efd59c;padding:20px 0;}
.streaming-text ul li:nth-last-child(1){border:none;}
.streaming-text ul li span{background-color:#e56b86;color:#FFF;font-size:0.785em;padding:5px;border-radius:30px;display:inline-block;padding:3px 15px;}


@media screen and (max-width: 540px) {
.onair-text  {width: 95%;overflow: hidden;background-color: #FFF;  padding: 20px;margin: 0 auto;text-align:left;}
.onair-text ul{width:auto;display:flex;flex-wrap: wrap;font-size:1.125em;}

.onair-text ul li {

    padding: 20px 5px;
    font-size: 0.725em;
}

.onair-text ul li:nth-child(1){    background-color: #9f7d5d;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    border-right-width: 1px;
    border-right-color: #fff;
    border-right-style: solid;}
.onair-text ul li:nth-child(2){background-color: #9f7d5d;
    color: #FFF;
    font-weight: 700;
    text-align: center !important;
 letter-spacing:0.05em;
 white-space:nowrap;
}
.onair-text ul li:nth-child(odd){width:69.5%;}
.onair-text ul li:nth-child(even){width:29%;text-align:center;padding-right:1%;font-size: 0.625em;letter-spacing:-0.05em;}
.onair-text ul li{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#efd59c;padding:20px 0;}
.onair-text ul li:nth-last-child(1),.onair-text ul li:nth-last-child(2){border:none;}
.onair-text ul li span{background-color:#e56b86;color:#FFF;font-size:0.785em;padding:5px;border-radius:30px;display:inline-block;padding:3px 15px;}

.streaming-text  {width: 95%;overflow: hidden;background-color: #FFF;  padding: 20px;margin: 0 auto;text-align:left;}
.streaming-text ul{width:auto;display:flex;flex-wrap: wrap;font-size:1.125em;}
.streaming-text ul li:nth-child(1){background-color:#9f7d5d;color: #FFF;font-weight: 700;text-align: center;border-right-width: 1px;border-right-color: #fff;border-right-style: solid;}
.streaming-text ul li:nth-child{width:100%;text-align:center !important;font-size:0.785em;}
.streaming-text ul li{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#efd59c;padding:20px 0;}
.streaming-text ul li:nth-last-child(1){border:none;}
.streaming-text ul li span{background-color:#e56b86;color:#FFF;font-size:0.785em;padding:5px;border-radius:30px;display:inline-block;padding:3px 15px;}


}









.story-text  {margin:0 auto 40px;}/*2019リニューアル時 修正*/

@media screen and (max-width: 540px) {
.story-text  {width:90%;margin:0 auto;}
}


.story-text h3{
    font-size: 1.6em;
    color: #e56b86;
    }

.story-text h3 span {
    background-color: #e56b86;
    border-radius: 30px;
    padding: 5px 36px;
    margin-right: 15px;
    color: #FFF !important;
    font-size: 0.875em;
    }
@media screen and (max-width: 540px) {
.story-text h3{
    font-size: 1.25em;
    color: #e56b86;
    }

.story-text h3 span {
    display: block;
    background-color: #e56b86;
    border-radius: 30px;
    padding: 5px 36px;
    margin: 0px auto 15px;
    color: #FFF !important;
    font-size: 1em;
    width: 60%;
    }
     }


.story-text h4 {font-size:30px;color:#6a563e;margin:12px 0;padding:0px;font-weight:700;}

@media screen and (max-width: 540px) {
.story-text h4 {font-size:1.125em;color:#6a563e;margin:12px 0;padding:0px;font-weight:700;}
   }

.story-text p{text-align:left;line-height:2em !important;}

.story-thumb .thumb-item-nav .slick-current::before {
  display: none;
}





.story-thumb .thumb-item-nav li::before {

  display: none;

}


.story-thumb .thumb-item-nav li:hover {opacity:0.4;}





.story-thumb .thumb-item-nav li::before {

  display: none;

}


.story-thumb ul.thumb-item-nav {width:100% !important;}
/*.story-thumb ul.thumb-item-nav li{width:19.2% !important;margin-right:1% !important;}*/
.story-thumb ul.thumb-item-nav li:nth-last-child(1) {margin-right:0% !important;}

/*
@media screen and (max-width: 540px) {
.story-thumb ul.thumb-item-nav {width:100% !important;overflow:hidden;}
.story-thumb ul.thumb-item-nav li{width:19.2% !important;margin-right:1% !important;}
.story-thumb ul.thumb-item-nav li:nth-last-child(1) {margin-right:0% !important;}

}

*/

.story-slider-wrapper .slick-next {
    right: -60px !important;
}

.story-slider-wrapper .slick-prev {
    left: -60px !important;
}

@media screen and (max-width: 540px) {
.story-slider-wrapper .slick-next {
    right: -25px !important;
}

.story-slider-wrapper .slick-prev {
      left: -25px !important;
}

}


@media screen and (max-width: 540px) {
.story-thumb .thumb-item-nav li::before {
    width: auto;
    height:auto;
  }
}


@media screen and (max-width: 540px) {
/*.thumb-item-nav {display:none;*/
  }
}


.story-thumb .thumb-item-nav .slick-current::before {
  background-color: none;
}






.slick-slide img {
  margin: 0 auto; }

.slick-prev:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 42px;
  background: url(/assets/img/prev.png); }
  @media screen and (max-width: 540px) {
    .slick-prev:before {
      width: 12px;
      height: 21px;
      background-size: 12px 21px; } }

.slick-next:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 42px;
  background: url(/assets/img/next.png); }
  @media screen and (max-width: 540px) {
    .slick-next:before {
      width: 12px;
      height: 21px;
      background-size: 12px 21px; } }

.comingsoon {
  text-align: center;
  padding: 30px 0;
  margin: 0 auto; }
  @media screen and (max-width: 540px) {
    .comingsoon img {
      width: auto;
      height: 200px; } }

.sns-movie {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content:flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: left;
  -moz-align-items: left;
  -ms-align-items: left;
  -o-align-items: left;
  align-items: left;
  margin-bottom: 5px; }


.sns-topmovie {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content:flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: left;
  -moz-align-items: left;
  -ms-align-items: left;
  -o-align-items: left;
  align-items: left;
  margin-bottom: 5px; }

@media screen and (min-width: 541px) {
  .top-movie{
    top: 29px;
    left: 95px;
    position:absolute;}

  }


  @media screen and (max-width: 540px) {
.sns-movie {
      margin-bottom: 5px; }
.sns-topmovie {
      margin-bottom: 5px; }
       }
.sns-movie li,.sns-topmovie li {
    margin-left: 10px; }
.sns-movie li,.sns-topmovie li {
    margin-left: 10px; }
.sns-movie li > * {
      line-height: 1; }
.sns-topmovie li > * {
      line-height: 1; }
}

strong.bold {
  font-weight: 700;
  font-size: 1.375em; }


.mt10 {
  margin-top: 10px;display:block; }

.mt20 {
  margin-top: 20px;display:block; }

.mt30 {
  margin-top: 30px;display:block; }

.mt40 {
  margin-top: 40px;display:block; }

.mt50 {
  margin-top: 50px;display:block; }

.mb10 {
  margin-bottom: 10px;display:block; }

.mb20 {
  margin-bottom: 20px;display:block; }

.mb30 {
  margin-bottom: 30px;display:block; }

.mb40 {
  margin-bottom: 40px;display:block; }

.mb50 {
  margin-bottom: 50px;display:block; }

.fs10 {font-size: 0.785em}

.fs12a {font-size: 0.825em;line-height:0.875em!important;}

.fs12 {
  font-size: 0.825em;}

.fs13 {
  font-size: 0.875em; }


.fs14 {
  font-size: 0.935em; }

.fs16 {
  font-size: 1em; }

.fs18 {
  font-size: 1.125em; }

.fs20 {
  font-size: 1.25em; }

#index ul.list-news li:nth-child(n + 5){display:none;}
#page-news ul.list-news li{display:block;}
#page-event ul.list-news li{display:none;}
#page-event ul.list-news li.event{display:block;}
a span.listNew,span.listNew{font-size: 1em;color: #e55e5f;font-weight: bold;}

h2.pt2{font-size:1.125em;padding:10px 30px;border-radius:30px;background-color:#5d440d;color:#FFF;display:inline-block;margin:10px 0;}
h2.pt3{font-size:1.125em;padding:5px 15px;border-radius:30px;background-color:#5d440d;color:#FFF;display:inline-block;margin:10px 0;}


@media screen and (max-width: 540px) {
  .blackOut {
    display: none; } }

@media screen and (min-width: 541px) {
  .blackOut {
    display: none;
    width:100%;
    height:100%;
   background-color: rgba(0,0,0,0.7);
 z-index:10000;
    position:fixed;
    top:0px;
    left:0px;

     }

  .blackOut p.book{
 display:block;
 width:434px;
 margin:100px auto 0px;
 text-align:center;
    }

  .blackOut .awhite{
 font-weight:700;
 cursor:pointer;
 color:#FFF;
 }
 .booKSample{}

    }
  @media screen and (max-width: 540px) {
  a.booKSample {pointer-events:none;},
    }


 @media screen and (min-width: 541px) {
  .banner {
position:absolute;
     left:5%;
     top:30px;
     z-index:9998;
     }

    }

@media screen and (max-width: 540px) {
   .banner  {
   width:20%;
position:absolute;
     left:5%;
     padding-top:5%;
     z-index:9;

     }
      }

/*.story-main-mb{margin-bottom:5px;}*/


ul.subm-navi {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    width: 686px;
    margin: 0px auto 50px;
}

ul.subm-navi li{text-align:center;margin-top:15px;}
ul.subm-navi li {
    width: 20%;
    text-align: center;
    margin-top: 10px;
    font-size: 1.6em;
    font-weight: 700;

}
ul.subm-navi li a {
    font-size: 0.725em !important;
    border-radius: 12px;
    padding: 3px 12px;
    color: #FFF;
    background-color: #9f7d5d;
    text-decoration: underline;
    display: inline-block;
    font-weight: 700;
}

ul.subm-navi li a:hover{opacity:0.7;}


ul.subm-season {
    width: auto;
    display: flex;
    justify-content: center;
    width: 500px;
    margin: -30px auto 10px;
}

@media screen and (max-width: 540px) {
ul.subm-season {
    width: auto;
    display: flex;
    justify-content: center;
    width: auto;
    margin: -10px auto 15px;}
}


ul.subm-season li {
    display: inline-block;
    padding: 0px;
    font-weight: 700;
    font-size: 0.875em;
    color: #6a563e;
    margin-right:10px;
}
ul.subm-season li a {
    display: inline-block;
    padding: 3px 20px;
    background-color: #9f7d5d;
    font-weight: 700;
    font-size: 1em;
    border-radius: 30px;
    color: #FFF;
    margin-top:5px;
}

ul.subm-season li a:hover{opacity:0.7;}









@media screen and (max-width: 540px) {
ul.subm-navi
{
width: 97%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    margin: 0px auto 30px;
}

ul.subm-navi li
{width: 20%;
    text-align: center;
    margin-top: 8px;}

ul.subm-navi li {font-size:0.935em;font-weight:700;}
ul.subm-navi li a {
    font-size: 0.725em !important;
    border-radius: 15px;
    padding: 5px 15px;
    color: #FFF;
    background-color: #9f7d5d;
    text-decoration: underline;
}
ul.subm-navi li a:hover{opacity:0.7;}
      }

 .bx-goods,.bx-special,.bx-special,.bx-book,.bx-info,.bx-story,.bx-character,.bx-movie-list,bx-dvd{background: url(/assets/img/bg-pattern03.png);}

article.musicBox{
 width: auto!important;
    margin: 0 auto !important;
    display: flex !important;
    border: 1px solid #9f7d5d;
    padding: 30px;
    background-image: url(/assets/img/bg-pattern01.png);
    background-repeat: repeat;
    box-sizing: content-box;
    float:none !important;
    font-size:0.875em;
}

.musicBox div.ph{width:35%;margin-right:2%;}
.musicBox div.ph .buyBtn {width:50%;margin:30px 10% 10px;}
.musicBox div.ph .buyBtn a {font-size: 1.125em;padding: 10px 50px;border-radius: 30px;
    background-color: #5d440d;color: #FFF !important;display: inline-block;margin: 10px 0;text-align: center;width: 100%;}
.musicBox div.ph .buyBtn a:hover {opacity:0.7;}

.musicBox div.txt{width:63%;}
.musicBox div.txt strong.title{font-size:1.5em;}
.musicBox div.txt ol{width:100%;}
.musicBox div.txt ol li{line-height:1.5em;margin:10px 0 10px 30px;list-style-type: decimal;}

@media screen and (max-width: 540px) {

article.musicBox{
 width: 90%!important;
    margin: 0 auto !important;
    display: block !important;
    border: 1px solid #9f7d5d;
    padding: 10px;
    background-image: url(/assets/img/bg-pattern01.png);
    background-repeat: repeat;
    box-sizing: content-box;
    float:none !important;
    font-size:0.875em;
}


.musicBox div.ph{width:100% !important;}
.musicBox div.ph .buyBtn {width:60%;margin:30px 20px 10px;}
.musicBox div.ph .buyBtn a {font-size: 1.125em;padding: 10px 50px;border-radius: 30px;
    background-color: #5d440d;color: #FFF !important;display: inline-block;margin: 10px 0;text-align: center;width: 100%;}
.musicBox div.ph .buyBtn a:hover {opacity:0.7;}

.musicBox div.txt{width:auto;padding:10px 0;}
.musicBox div.txt strong.title{font-size:1.5em;}
.musicBox div.txt ol{width:100%;}
.musicBox div.txt ol li{line-height:1.5em;margin:10px 0 10px 30px;list-style-type: decimal;}

}
.mB5{margin-bottom:5px !important;display:block;}
.mB10{margin-bottom:10px !important;display:block;}
.mB15{margin-bottom:15px !important;display:block;}
.mB20{margin-bottom:20px !important;display:block;}
.mB30{margin-bottom:30px !important;display:block;}
.mB40{margin-bottom:40px !important;display:block;}
.mB50{margin-bottom:50px !important;display:block;}
.mB60{margin-bottom:60px !important;display:block;}
.mB70{margin-bottom:70px !important;display:block;}
.mB80{margin-bottom:80px !important;display:block;}
.mB90{margin-bottom:90px !important;display:block;}
.mB100{margin-bottom:100px !important;display:block;}

.page-second .body-news .column1article  a{text-decoration:underline;color:#5d440d;}
.page-second .body-news .column1article  a:hover{text-decoration:none;color:#5d440d;}

  @media screen and (min-width: 541px) {
.sp{display:none;}
      }
@media screen and (max-width: 540px) {
.sp{display:block;}
      }

.info-navi-all{
 max-width: 1000px;
    margin: 0 auto;
    position: relative;
        top: 110px;
   }

.info-navi{
 width: 187px;
    height: 109px;
    background: url(/assets/img/info/fukidashi.png) no-repeat;
    position: absolute;
    z-index: 1000;
    background-size: 100%;
 display:none;
/*    left: 46%;*/
    left: 65%;/*191112修正*/
}

.navi01{
    position: absolute;
    z-index: 1001;
    top: 31px;
}

.navi02{
    position: absolute;
    z-index: 1001;
    top: 56px;
}

.navi01 a:hover,.navi02 a:hover{opacity:0.4;}

     @media screen and (max-width: 540px) {
     .info-navi-all
       }


 .buyBtn {width:45%;margin:0px auto 10px;display:block;}


.buyBtn a {
    font-size: 1.125em;
    padding: 10px 50px;
    border-radius: 30px;
    background-color: #5d440d;
    color: #FFF !important;
    margin: 10px auto;
    text-align: center;
    width: auto;
    display:block;
}
.buyBtn a:hover {opacity:0.7;}

    @media screen and (max-width: 540px) {
    .buyBtn {width:80%;margin:0px auto 10px;display:block;}
.buyBtn a {
    font-size: 1.125em;
    padding: 10px 20px;
    border-radius: 30px;
    background-color: #5d440d;
    color: #FFF !important;
    display: block;
    margin: 10px auto;
    text-align: center;
    width: auto;
}
.buyBtn a:hover {opacity:0.7;}

       }


.fs13{font-size:0.812em;}
.fs14{font-size:0.875em;}
.fs15{font-size:0.9375em;}
.fs16{font-size:1em;}
.fs17{font-size:1.065em;}
.fs18{font-size:1.25em;}
.fs19{font-size:1.375em;}
.fs20{font-size:1.5em;}

.op45{opacity:0.45;}

.onairNext{background-color: #e56b86;
    border-radius: 30px;
    padding: 5px 20px;
    color: #FFF !important;
    font-size: 0.875em;}


 .flexCenter{justify-content:center !important;}


body.st01 a.st01,
body.st02 a.st02,
body.st03 a.st03,
body.st04 a.st04,
body.st05 a.st05,
body.st06 a.st06,
body.st07 a.st07,
body.st08 a.st08,
body.st09 a.st09,
body.st10 a.st10,
body.st11 a.st11,
body.st12 a.st12,
body.st13 a.st13,
body.st14 a.st14,
body.st15 a.st15,
body.st16 a.st16,
body.st17 a.st17,
body.st18 a.st18,
body.st19 a.st19,
body.st20 a.st20,
body.st21 a.st21,
body.st22 a.st22,
body.st23 a.st23,
body.st24 a.st24,
body.st25 a.st25,
body.st26 a.st26,
body.st27 a.st27,
body.st28 a.st28,
body.st29 a.st29,
body.st30 a.st30,
body.st31 a.st31,
body.st32 a.st32,
body.st33 a.st33,
body.st34 a.st34,
body.st35 a.st35,
body.st36 a.st36,
body.st37 a.st37,
body.st38 a.st38{
    pointer-events: none;
    color: #5d440d;
    font-size: 1.25em !important;
    font-weight: 700;
    background-color: unset;
    text-decoration: none;
  margin-left: -10px;
}


@media screen and (max-width: 540px) {
body.st01 a.st01,
body.st02 a.st02,
body.st03 a.st03,
body.st04 a.st04,
body.st05 a.st05,
body.st06 a.st06,
body.st07 a.st07,
body.st08 a.st08,
body.st09 a.st09,
body.st10 a.st10,
body.st11 a.st11,
body.st12 a.st12,
body.st13 a.st13,
body.st14 a.st14,
body.st15 a.st15,
body.st16 a.st16,
body.st17 a.st17,
body.st18 a.st18,
body.st19 a.st19,
body.st20 a.st20,
body.st21 a.st21,
body.st22 a.st22,
body.st23 a.st23,
body.st24 a.st24,
body.st25 a.st25,
body.st26 a.st26,
body.st27 a.st27,
body.st28 a.st28,
body.st29 a.st29,
body.st30 a.st30,
body.st31 a.st31,
body.st32 a.st32,
body.st33 a.st33,
body.st34 a.st34,
body.st35 a.st35,
body.st36 a.st36,
body.st37 a.st37,
body.st38 a.st38,
body.st38 a.st39{
    pointer-events: none;
    color: #5d440d;
    font-size: 1em !important;
    font-weight: 700;
    background-color: unset;
    text-decoration: none;
  margin-bottom:-8px;}
}




body.st01 a.season1,
body.st02 a.season1,
body.st03 a.season1,
body.st04 a.season1,
body.st05 a.season1,
body.st06 a.season1,
body.st07 a.season1,
body.st08 a.season1,
body.st09 a.season1,
body.st10 a.season1,
body.st11 a.season1,
body.st12 a.season1,
body.st13 a.season1,
body.st14 a.season2,
body.st15 a.season2,
body.st16 a.season2,
body.st17 a.season2,
body.st18 a.season2,
body.st19 a.season2,
body.st20 a.season2,
body.st21 a.season2,
body.st22 a.season2,
body.st23 a.season2,
body.st24 a.season2,
body.st25 a.season2,
body.st26 a.season2,
body.st27 a.season3,
body.st28 a.season3,
body.st29 a.season3,
body.st30 a.season3,
body.st31 a.season3,
body.st32 a.season3,
body.st33 a.season3,
body.st34 a.season3,
body.st35 a.season3,
body.st36 a.season3,
body.st37 a.season3,
body.st38 a.season3,
body.st39 a.season3{
pointer-events:none;color: #5d440d;font-size:1.25em !important;font-weight: 700;background-color:unset;text-decoration:none;margin: 2px 0 0 0;}

body.season1 ul.subm-navi li,body.season2 ul.subm-navi li,body.season3 ul.subm-navi li{display:none;}

body.season1 ul.subm-navi li:nth-child(n + 1):not(:nth-child(n + 14)) {display:inline-block !important;}
body.season2 ul.subm-navi li:nth-child(n + 14):not(:nth-child(n + 27)) {display:inline-block !important;}
body.season3 ul.subm-navi li:nth-child(n + 27):not(:nth-child(n + 40)) {display:inline-block !important;}


.column4event{display:flex;justify-content: space-between;width:80%;}
.column4event div{width:32%;}

@media screen and (max-width: 540px) {
.column4event{display:flex;justify-content: space-between;width:100%;}
.column4event div{width:32%;}

}

.column2event{display:flex;justify-content: space-between;width:80%;}
.column2event div{width:49.5%;}

@media screen and (max-width: 540px) {
.column2event{display:flex;justify-content: space-between;width:100%;}
}



/*2019リニューアル対応*********************************/
.onlySp{
  display: none;
}
@media screen and (max-width: 540px) {
  .onlySp{
    display:block;
    }
  }

.mb5{
  margin-bottom: 5px;
}

/*********************************
イベントページ
*********************************/
.event-page-title{
  max-width:1000px;
  text-align: center;
  margin: 0 auto 50px;
  line-height: 1;
}
@media screen and (max-width: 540px) {
  .event-page-title{
    width:80%;
    }
  }

.event-calender{
  width:1050px;
  margin: 0 auto 130px;
  position: relative;
    overflow:hidden;
}
@media screen and (max-width: 540px) {
  .event-calender{
  width:97%;
  margin-bottom: 50px;
  overflow:hidden;
  }
}


.month{
  text-align: center;
  font-size:26px;
  color:#5d440d;
  font-weight:bold;
  line-height:1;
  margin-bottom: 10px;
}

.prev-month{
	float:left;
	font-weight:bold;
	margin-bottom: 10px;
}


@media screen and (max-width: 540px) {
.month{
  text-align: center;
  font-size:26px;
  color:#5d440d;
  font-weight:bold;
  line-height:1;
  margin-bottom: 5px;
}

.prev-month{
	float:left;
	font-weight:bold;
}
}

	.next-month{
		float:right;
		 font-weight:bold;
		 	margin-bottom: 10px;
	}

	.prev-month a, .next-month a{
	  color:#5d440d;
	}

.event-table{
  width:100%;
  margin-bottom: 30px;
  clear:both;
}
@media screen and (max-width: 540px) {
  .event-table{
    overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
    margin-bottom: 15px;
      clear:both;
    }
  }

.event-table table{
  border-collapse: collapse;
}

.event-table .border-bottom-none td{
  border-bottom:none;
}

.event-table th{
  background:#9f7d5d;
  color:#fff;
  font-weight:bold;
  text-align: center;
  font-size:26px;
  border-right:1px solid #fff;
}
@media screen and (max-width: 540px) {
  .event-table th{
    font-size:20px;
    }
  }

.event-table th:first-child{
  border-left:none;
}

.event-table th:last-child{
  border-right:none;
}

.event-table table{
    border-right: 1px solid #9f7d5d;
    border-bottom: 1px solid #9f7d5d;
}
.event-table td{
  width:150px;
  min-height:120px;
  font-size:26px;
  font-weight:bold;
  background:#fff;
  color:#6cb9db;
  vertical-align: top;
  padding:10px 0px;
  line-height:1;
  border-left:1px solid #9f7d5d;
  border-bottom:1px solid #9f7d5d;
  }
  .event-table td a{
	display:block;
	min-height:25px;
  }
  
  .event-table td a:hover{
	opacity:0.7;
  }
  
  
  
@media screen and (min-width: 541px) {
.event-table td div{
	color: #5d440d;
    position:relative;
}
}
  
@media screen and (max-width: 540px) {
  .event-table td{
    min-width:120px;
    min-height:120px;
    font-size:20px;
    padding: 5px 0;
    }
  }

.event-table .sun{
  color:#ed7979;
}

.event-table .sat{
  color:#fdd000;
}

.event-table .previous{
  opacity: .5;
}

.event-table td div{
color: #5d440d;
    padding: 4px 0 0 12px;
    position:relative;
}

.event-table td div a{
  color:#FFF;
  }

.event-table td div a:hover{
  opacity: .5;
  }

.event-table td .store,.event-table td .store2,.event-table td .store3,.event-table td .store4,.event-table td .store5{

	width:auto;
	display:block;
	color:#FFF;
	font-size: 12px;
	padding:5px;
	background-color:#c67d6d;
	margin-bottom:10px;
	min-height:15px;olute;
    left: 0px;


}

.event-table td .not-store,.event-table td .not-store2,.event-table td .not-store3,.event-table td .not-store4,.event-table td .not-store5{
	width:auto;
	display:block;
	color:#FFF;
	font-size: 12px;
	padding:5px;
	background-color:#6cb46f;
	margin-bottom:10px;
	min-height:15px;olute;
    left: 0px;

}

.event-table td .big,.event-table td .big2,.event-table td .big3,.event-table td .big4,.event-table td .big5{
	width:auto;
	display:block;
	color:#FFF;
	font-size: 12px;
	padding:5px;
	background-color:#c67d6d;
	margin-bottom:10px;

}

.label-sort{
  text-align: right;
  line-height: 1;
}

.label-sort span{
  margin-left:40px;
}

.label-sort span.store-event:before{
  content:"●";
  display:inline-block;
  color:#a7a43e;
    font-size: 24px;

}

.label-sort span.n-store:before{
  content:"●";
  display:inline-block;
  color:#6cb46f;
    font-size: 24px;

}

.label-sort span.big-event:before{
  content:"●";
  display:inline-block;
  color:#c67d6d;
    font-size: 24px;

}


.bx-event .ttl-main {
  background: url(/assets/img/bg-pattern06.png) repeat-x center top;
/*  padding-top: 20px;*/
}
  @media screen and (max-width: 540px) {
    .bx-event .ttl-main {
      background-image: url(/assets/img/bg-pattern06_s.png);
      background-size: 350px 60px;
      height: 60px;
      padding-top: 10px;
      }
      .bx-event .ttl-main span {
        width: 137px;
        height: 38px;
        background: url(/assets/img/ttl-event.png) no-repeat center center;
        background-size: 137px 38px;
        }
      }

.bx-event .custom-category {
  overflow: hidden;
  width: 400px;
  margin: 0 auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 4px solid #9f7d5d;
  position: relative;
  margin-bottom:85px;
}
  @media screen and (max-width: 540px) {
    .bx-event .custom-category {
      width: auto;
      margin: 0 20px 30px;
      font-size: 13px;
      }
    }

.bx-event .custom-category #js-select-category:hover{
  cursor: url(/assets/img/pointer.png), pointer;
}

  .bx-event .custom-category:after {
    content: '';
    display: block;
    width: 29px;
    height: 16px;
    background: url(/assets/img/arrow-down.png) no-repeat 0 0;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (max-width: 540px) {
      .bx-event .custom-category:after {
        width: 15px;
        height: 8px;
        background-size: auto 8px;
        right: 5px; } }
  .bx-event .custom-category select {
    outline: none;
    width: 130%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff url(/assets/img/character/sort-icon-oshiri.png) no-repeat 35px center;
    background-size:44px auto;
    vertical-align: middle;
    font-size: 26px;
    font-weight: bold;
    color: #5d440d;
    box-sizing: content-box;
    padding: 20px 0 20px 100px; }
    @media screen and (max-width: 540px) {
      .bx-event .custom-category select {
        padding: 10px 0 10px 50px;
        font-size: 13px;
        background-size: 25px auto;
        background-position: 10px center; } }


.bx-event .article-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left; }
  .bx-event .article-wrapper article {
    width: 29%;
    margin: 0 2% 30px; }
    @media screen and (max-width: 540px) {
      .bx-event .article-wrapper article {
        width: 100%;
        margin: 0 20px 30px; } }
    .bx-event .article-wrapper article .event-title {
      font-size: 18px;
       padding: 10px 0; }
      @media screen and (max-width: 540px) {
        .bx-event .article-wrapper article .event-title {
          font-size: 14px; } }
    .bx-event .article-wrapper article .event-img {
      text-align: center;
      margin-bottom: 20px;
    }

      .bx-event .article-wrapper article .event-info dt {
        float: left;
        clear: left;
        width: 4.5em;
        font-weight: bold;
        color: #4c74ac; }
    .bx-event .article-wrapper article img {
      height: 200px;
      }

.division{
  font-size:18px;
  font-weight:bold;
  line-height:1;
  color:#4c74ac;
}

.division span{
  padding:6px 10px;
  margin-right:10px;
  color:#fff;
  min-width:100px;
  display:inline-block;
  text-align: center;
}

.cat-store .division span{
  background:#aba848;
}

.cat-not-store .division span{
  background:#6cb46f;
}

.cat-big .division span{
  background:#c67d6d;
}

@media screen and (max-width: 540px) {
  .event-info{
    font-size:13px;
    }
  }



/*********************************
キャラクターページ
*********************************/
.bx-character .ttl-main{
  margin-bottom:90px;
}
@media screen and (max-width: 540px) {
  .bx-character .ttl-main{
    margin-bottom:50px;
    }
}

.character-sort-area{
  max-width:1000px;
  margin: 0 auto 70px;
}
@media screen and (max-width: 540px) {
  .character-sort-area{
    width:99%;
    margin: 0 auto 50px;
    }
  }

.character-sort-area ul{
  font-size:0;
}

.character-sort-area li{
  display:inline-block;
  width:30%;
  margin-right:4%;
  color:#fff;
  border-radius: 20px;
  text-align: center;
  font-weight:bold;
  position:relative;
  font-size:18px;
  line-height:1;
  vertical-align: middle;
}
@media screen and (max-width: 540px) {
  .character-sort-area li{
    width:49%;
    margin-right: 2%;
    margin-bottom:30px;
    font-size:14px;
    }
  }

.character-sort-area li:hover{
  animation: imgHover .2s linear alternate;
  }

.character-sort-area li.current{
  font-size:21px;
  width:32%;
  margin-right:3%;
  position:relative;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li.current{
    font-size:16px;
    width:49%;
    margin-right:2%;
  }
}

.character-sort-area li a{
  padding:26px 10px;
  display:block;
  height:100%;
  position:relative;
  z-index: 2;
  color:#fff;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li a{
    padding:15px 10px;
    }
  }

.character-sort-area li.current a{
  padding:28px 10px;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li.current a{
  padding:15px 10px;
  }
}

.character-sort-area li.current:before{
  content:"";
  position:absolute;
  background-image:url('/assets/img/character/icon-current.png');
  background-repeat:no-repeat;
  width:56px;
  height:22px;
  top:-30px;
  left:45%;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li.current:before{
    top:-20px;
    background-size:40px 16px;
    width:40px;
    height:16px;
    }
  }

.character-sort-area li:nth-of-type(1){
  background-color:#6cb46f;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(1){
    }
  }

.character-sort-area li:nth-of-type(1) a{
  padding:26px 5px 26px 20%;
}
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(1) a{
  padding:10px 5px 10px 15%;
  }
}

.character-sort-area li:nth-of-type(1):after{
  content:"";
  display:block;
  position:absolute;
  background-image:url('/assets/img/character/sort-icon-oshiri.png');
  background-repeat:no-repeat;
  width:62px;
  height:102px;
  top:-15px;
  left:20px;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(1):after{
    width:40px;
    height:61px;
    background-size:40px 61px;
    left:1%;
    }
  }

.character-sort-area li:nth-of-type(1).current a{
  padding:28px 5px 28px 20%;
  white-space:nowrap;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(1).current a{
    padding:15px 5px 15px 20%;
      white-space:nowrap;
    }
  }

.character-sort-area li:nth-of-type(1).current:after{
  top:-8px;
  left:4px;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(1).current:after{
    top:-10px;
    left:0;
    }
  }

.character-sort-area li:nth-of-type(2){
  background-color:#aba848;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(2){
    margin-right: 0;
    }
  }

.character-sort-area li:nth-of-type(2) a{
  padding:26px 5px 26px 20%;
}
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(2) a{
    padding:10px 5px 10px 15%;
    }
  }

.character-sort-area li:nth-of-type(2).current a{
  padding:28px 5px 28px 20%;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(2).current a{
    padding:15px 5px 15px 20%;
    }
  }

.character-sort-area li:nth-of-type(2):after{
  content:"";
  display:block;
  position:absolute;
  background-image:url('/assets/img/character/sort-icon-wankoro.png');
  background-repeat:no-repeat;
  width:67px;
  height:103px;
  top:-15px;
  left:10px;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(2):after{
    width:50px;
    height:77px;
    background-size:50px 77px;
    top:-25px;
    left:2px;
    }
  }

.character-sort-area li:nth-of-type(3){
  background-color:#c67d6d;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(3){
    float:none;
    display:block;
    margin:0 auto;
    }
  }

.character-sort-area li:nth-of-type(3){
  margin-right: 0;
}
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(3){
    margin-right:auto;
    display:flex;
    justify-content: center;
    align-items: center;
    min-height:48px;
    }
  }

.character-sort-area li:nth-of-type(3):after{
  content:"";
  display:block;
  position:absolute;
  background-image:url('/assets/img/character/sort-icon-other.png');
  background-repeat:no-repeat;
  width:67px;
  height:103px;
  top:-22px;
  left:10px;
  }
@media screen and (max-width: 540px) {
  .character-sort-area li:nth-of-type(3):after{
    width:50px;
    height:77px;
    background-size:50px 77px;
    top:-25px;
    left:-10px;
    }
  }

.thumb-item li .chara-txt{
  left:17%;
  top:35px;
  width:45%;
  text-align:left;
}
@media screen and (max-width: 540px) {
  .thumb-item li .chara-txt{
    left:13%;
    top:20px;
    width:50%;
    line-height:1;
    }
  }

.character-main-wrap{
  padding:0;
  position:relative;
  margin-bottom: 100px;
  max-width:1000px;
}
@media screen and (max-width: 540px) {
  .character-main-wrap{
    margin:0 1% 80px;
    }
  }

.thumb-item li{
  text-align: center;
}

@media screen and (max-width: 540px) {
.thumb-item li p{
  line-height:1.5;
  }
}

.belong{
  font-size:24px;
  font-weight:bold;
}
@media screen and (max-width: 540px) {
  .belong{
    font-size:12px;
    }
  }

.office{
  color:#6cb46f;
}
.wankoropolice{
  color:#aba848;
}

.other{
  color:#c67d6d;
}

@media screen and (max-width: 540px) {
  .office,.wankoropolice,.other{
    margin-bottom: 5px;
    }
  }

@media screen and (max-width: 540px) {
.thumb-item li .name{
  margin-bottom:3px;
  }
}

.cv{
  font-weight:bold;
  font-size:26px;
}
@media screen and (max-width: 540px) {
  .cv{
    font-size:13px;
    margin-bottom: 5px;
    }
  }

/*表情部分*/
.face-area{
  width:65%;
  position:absolute;
  bottom:-2%;
  left:4%;
}
@media screen and (max-width:768px) {
  .face-area{
    max-width:65%;
    bottom:-9%;
    }
  }

.face-area ul{
  display:flex;
  justify-content:center;
}

.face-area li{
  width:32%;
  max-width:200px;
  margin-right:3%;
}

.face-area li:last-child{
  margin-right: 0;
}

/*メンバーアイコン*/
.member-area{
  max-width:780px;
  margin:0 auto 270px;
}
@media screen and (max-width:768px) {
  .member-area{
    margin-bottom:70px;
    }
  }

.member-area ul{
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
}

.member-area li{
  width:20%;
  text-align: center;
  margin-bottom:15px;
}
@media screen and (max-width:768px) {
  .member-area li{
    width:16%;
    margin-right: 3%;
    }

  .member-area li:last-child{
    margin-right: 0;
  }
}

.member-area li:not(.current-page){
  opacity:.5;
}


/*とりまくひとびと*/
.chara-list-wrap{
  position: relative;
}
@media screen and (max-width:540px) {
  .chara-list-wrap{
    padding-top: 80px;
    }
  }


/*フィードボタン*/
.feed-top-left{
  position:absolute;
  top:0;
  left:0;
}

.feed-top-right{
  position:absolute;
  top:0;
  right:0;
}

.feed-bottom-left{
  position:absolute;
  bottom:80px;
  left:0;
}
@media screen and (max-width:540px) {
  .feed-bottom-left{
    bottom:-60px;
    margin-top: 30px;
    }
  }

.feed-bottom-right{
  position:absolute;
  bottom:80px;
  right:0;
}
@media screen and (max-width:540px) {
  .feed-bottom-right{
    bottom:-60px;
    margin-top: 30px;
    }
  }
/*フィードボタン*/

.chara-list-area{
  max-width:84%;
  margin:0 auto;
  display:flex;
  justify-content:flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width:540px) {
  .chara-list-area{
    max-width:97%;
  }
}

.chara-detail{
  width:28.5%;
  text-align: center;
  font-weight:bold;
  margin-right:7.25%;
  margin-bottom: 80px;
  line-height:1;
}
@media screen and (max-width:540px) {
  .chara-detail{
    width:49%;
    margin-right:2%;
    margin-bottom:30px;
  }

  .chara-detail:nth-of-type(2n){
    margin-right: 0;
  }
}

@media screen and (min-width:541px) {
.chara-detail:nth-of-type(3n){
  margin-right: 0;
  }
}

.chara-detail img{
  border:4px solid #c67d6d;
  border-radius: 10px;
  margin-bottom: 30px;
}
@media screen and (max-width:540px) {
  .chara-detail img{
    margin-bottom: 15px;
  }
}

.chara-detail h3{
  margin-bottom: 20px;
  font-size:18px;
  line-height: 1.4;
    white-space:nowrap;
}
@media screen and (max-width:540px) {
  .chara-detail h3{
    font-size:16px;
    width:95%;
    margin:0 auto 20px;
  }
}

.chara-detail .other-cv{
  font-size:18px;
  line-height:1.4;
  white-space:nowrap;
}
@media screen and (max-width:540px) {
  .chara-detail .other-cv{
    font-size:14px;
    width:95%;
    margin:0 auto;
  }
}

/*とりまくひとびとアーカイブ*/
.chara-archive{
  max-width:1000px;
  margin: 0 auto;
}

.chara-archive ul{
  display:flex;
  flex-wrap:wrap;
}

.chara-archive ul li{
  width:9%;
  margin-right: 1%;
  margin-bottom: 25px;
}
@media screen and (max-width:540px) {
  .chara-archive ul li{
    width:19%;
    margin-bottom: 15px;
  }
}

.chara-archive ul li:nth-of-type(10n){
  margin-right: 0;
}





/*********************************
グッズページ
*********************************/
/*タブレットの対応用*/
#page-goods .article-wrapper{
  max-width:1000px;
  width:auto;
  margin:0 auto;
}/*タブレットの対応用*/

@media screen and (max-width:768px) {
.bx-goods .ttl-main{
  margin-bottom: 40px;
  }
}

.sub-navi{
  max-width:1000px;
  margin: 0 auto 30px;
}
@media screen and (max-width:540px) {
  .sub-navi{
    margin-bottom: 20px;
    }
  }

.sub-navi ul{
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items: center;
  padding:0;
}
@media screen and (max-width:540px) {
  .sub-navi ul{
    justify-content: center;
    }
  }

.sub-navi li{
  width:19.2%;
  border-radius: 10px;
  text-align: center;
  position: relative;
}
@media screen and (max-width:540px) {
  .sub-navi li{
    width: 33%;
    margin-right: 0.3%;
    margin-bottom: 20px;
    }

  .sub-navi li:nth-of-type(4n),.sub-navi li:nth-of-type(5n){
    margin-bottom:10px;
    }
  }

@media screen and (max-width:540px) {
  .sub-navi li:nth-of-type(3n){
    margin-right: 0;
    }
  }

.sub-navi li:hover{
  animation: imgHover .2s linear alternate;
}

.sub-navi li:nth-of-type(1){
  background:#85bc69;
}
@media screen and (max-width:540px) {
.sub-navi li:nth-of-type(1){
    background: #85bc69;
    font-size: 0.685em;
    letter-spacing:-0.05em;
    padding:3px 0;
}
}

.sub-navi li:nth-of-type(2){
  background:#ca83a3;
}

.sub-navi li:nth-of-type(3){
  background:#cab864;
}

.sub-navi li:nth-of-type(4){
  background:#e69b86;
}

.sub-navi li:nth-of-type(5){
  background:#77c2df;
}

.sub-navi li a{
  width:100%;
  display:block;
  padding:57px 5px 17px;
  z-index: 5;
  position: relative;
}
@media screen and (max-width:540px) {
  .sub-navi li a{
    padding:20px 5px 7px;
    }
  }

.sub-navi li:before{
  content:"";
  background-repeat: no-repeat;
  position:absolute;
  top:-27px;
  left:50%;
  width:88px;
  height:81px;
  }
@media screen and (max-width:540px) {
  .sub-navi li:before{
    width:55px;
    height:51px;
    top:-31px;
    }
  }

.sub-navi li:nth-of-type(1):before{
  background:url(/assets/img/goods/subnavi-icon01.png);
  margin-left: -41px;
}
@media screen and (max-width:540px) {
  .sub-navi li:nth-of-type(1):before{
    margin-left:-28px;
    background-size:55px 51px;
    }
  }

.sub-navi li:nth-of-type(2):before{
  background-image:url(/assets/img/goods/subnavi-icon02.png);
  margin-left: -40px;
}
@media screen and (max-width:540px) {
  .sub-navi li:nth-of-type(2):before{
    background-size:55px 51px;
    margin-left:-27px;
    }
  }

.sub-navi li:nth-of-type(3):before{
  background-image:url(/assets/img/goods/subnavi-icon03.png);
  margin-left:-46px;
}
@media screen and (max-width:540px) {
  .sub-navi li:nth-of-type(3):before{
    background-size:55px 51px;
    margin-left: -28px;
    }
  }

.sub-navi li:nth-of-type(4):before{
  background-image:url(/assets/img/goods/subnavi-icon04.png);
  margin-left: -44px;
}
@media screen and (max-width:540px) {
  .sub-navi li:nth-of-type(4):before{
    background-size:55px 51px;
    margin-left: -26px;
    }
  }

.sub-navi li:nth-of-type(5):before{
  background-image:url(/assets/img/goods/subnavi-icon05.png);
  margin-left: -41px;
}
@media screen and (max-width:540px) {
  .sub-navi li:nth-of-type(5):before{
    background-size:55px 51px;
    margin-left: -25px;
    }
  }

.goods-main-title{
    border-radius: 10px;
    padding: 15px 20px;
    max-width: 1000px;
    margin: 0 auto;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    position: relative;
    margin-bottom: 20px;
}
@media screen and (max-width:540px) {
  .goods-main-title{
    padding:10px 0px 10px 10px;
    margin-bottom:15px;
    }
  }

.goods-stationery:before{
  content:"";
  width:20px;
  height:20px;
  border-top:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:20px solid #e69b86;
  border-left:10px solid transparent;
  position:absolute;
  top:-30px;
  right:29.5%;
  }
@media screen and (max-width:540px) {
  .goods-stationery:before{
    left:27.5%;
    }
  }

.goods-stationery{
  background:#e69b86;
  padding:12px 20px;
}
@media screen and (max-width:540px) {
  .goods-stationery{
    padding:12px 5px;
  }
}

.goods-nuigurumi{
  background:#85bc69;
}
@media screen and (max-width:540px) {
.goods-nuigurumi{
  background:#85bc69;
  width:98%;
  margin:0 auto;
}
}

.goods-apparel{
  background:#ca83a3;
}

.goods-foods{
  background:#cab864;
}

.goods-other{
  background:#77c2df;
}

.goods-main-title h2{
  font-size:30px;
}
@media screen and (max-width:540px) {
  .goods-main-title h2{
  font-size:1.375em;
  text-align:center;
  width:auto;
  display:inline-block;
  }
}

.zakka-navi{
}
@media screen and (max-width:540px) {
  .zakka-navi{
    width:87%;
    }
  }

.zakka-navi ul{
  display:flex;
  justify-content: right;
  align-items: center;
}

.zakka-navi li{
  font-size:16px;
  text-align: center;
  margin-left:15px;
}
@media screen and (max-width:540px) {
  .zakka-navi li{
    font-size: 0.725em;
    width: 25%;
    white-space: nowrap;
    display: inline-block;
    letter-spacing: -0.05em;
	text-align: center;
    margin-left: 5px;
    }
  }

.zakka-navi li a{
  color:#fff;
  font-weight:bold;
  background:#cc7057;
  border-radius: 10px;
  padding:10px 15px;
  display:block;
}
@media screen and (max-width:540px) {
.zakka-navi li a {
    padding: 10px 2px;
  }
}
.zakka-navi li.zakka-current a, .zakka-navi li a:hover{
  color:#60420c;
  background:#fff;
}


/*グッズ個別エリア*/
.goods-wrap-area{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}


@media screen and (max-width:540px) {
margin-right:0px;
  }
@media screen and (max-width:540px) {
  .goods-wrap-area{
    width:95%;
    margin:0 2.5%;
    justify-content:left;
    flex-wrap:wrap;
    }
  }

.goods-individual{
    width: 24%;
    margin-right: 1.33%;
    position: relative;
    padding: 15px 0 0 0;
}
.goods-individual:nth-of-type(4n)
  { margin-right:0%;}


@media screen and (max-width:540px) {
  .goods-individual{
    width:32%;
    margin-right:2%;
    margin-bottom:0px;
    }

.goods-individual:nth-of-type(4n)
  { margin-right:2% !important;
  }
}

  
@media screen and (max-width:540px) {
  .goods-individual:nth-of-type(3n){
  margin-right:0% !important;
    }
    

}

.goods-individual h3{
  height:100px;
  padding:0 0 15px;
  position: relative;
  font-size:20px;
}
@media screen and (max-width:540px) {
  .goods-individual h3{
    height:80px;
    padding-bottom: 10px;
    font-size:15px;
    line-height:1.4;
    }
  }



.goods-individual p.goodstitle{
    font-size:0.875em;
    padding:5px 0 10px;
    line-height:1.25em;


}
@media screen and (max-width: 540px) {
  .goods-individual  p.goodstitle{
	font-size: 0.685em;
    padding: 5px 0 0 0;
    line-height: 1.25em;}
  }



.goods-individual p.goodstitle2{
    font-size:0.935em;
    padding:5px 0 10px;
    line-height:1.25em;
    letter-spacing:-0.05em;
    white-space:nowrap;


}
@media screen and (max-width: 540px) {
  .goods-individual  p.goodstitle2{
	font-size: 0.685em;
    padding: 5px 2px 0;
    line-height: 1.25em;
    white-space:normal;
    }
  }



.goods-image img{

border-radius:10px;
}
@media screen and (max-width: 540px) {
  .goods-individual  p.goodstitle{
border-radius:10px;}
}






.goods-individual:hover{
  opacity: .6;
}

.goods-individual a{
  color:#5d440d;
}

.goods-individual a:hover img{
  animation: none;
}





/*********************************
DVDページ
*********************************/
.bx-dvd .ttl-main {
  background: url(/assets/img/bg-pattern14.png) repeat-x center top;
  margin-bottom: 40px;
  }
  @media screen and (max-width: 540px) {
    .bx-dvd .ttl-main {
      background-image: url(/assets/img/bg-pattern14_s.png);
      background-size: 350px 60px;
      height: 50px; }
      .bx-dvd .ttl-main span {
        width: 115px;
        height: 39px;
        background: url(/assets/img/ttl-dvd.png) no-repeat center center;
        background-size: 115px 39px; }
        
	body#page-goods .bx-dvd .ttl-goods span {
	    width: 115px;
	    height: 39px;
	    background:unset !important;
	    background-size: 115px 39px;
		}
	body#page-goods .bx-dvd .ttl-goods span img {
	    display:block !important;
		}
   	}

.article-dvd-wrapper{
  display:flex;
  flex-wrap: wrap;
  max-width:1000px;
  margin:0 auto;
}
@media screen and (max-width: 540px) {
  .article-dvd-wrapper{
    width:97%;
    margin: 0 auto;
    }
  }

.article-dvd-wrapper .works{
  width:31%;
  margin-right:3.5%;
  margin-bottom: 40px;
}
@media screen and (max-width: 540px) {
  .article-dvd-wrapper .works{
    width:48%;
    margin-right:4%;
    }
  }

.article-dvd-wrapper .works:nth-of-type(3n){
  margin-right: 0;
}
@media screen and (max-width: 540px) {
  .article-dvd-wrapper .works:nth-of-type(3n){
    margin-right:4%;
    }
  }

@media screen and (max-width: 540px) {
  .article-dvd-wrapper .works:nth-of-type(2n){
    margin-right:0;
    }
  }


.works h3{
  margin-bottom:5px;
  line-height:1.4;
  color:#5d440d;
  padding:10px 0;
}
@media screen and (max-width: 540px) {
  .works h3{
    margin-bottom: 10px;
    font-size:15px;
    }
  }

.works h3.new{
  position: relative;
}

.works h3.new:before{
  content:"NEW";
  display:inline-block;
  padding:3px 10px;
  background:#e55e5f;
  color:#fff;
  border-radius: 7px;
  font-size:14px;
  margin-right:15px;
  vertical-align: middle;
}
@media screen and (max-width: 540px) {
  .works h3.new:before{
    font-size:12px;
    padding:2px 8px;
    margin-right:5px;
    }
  }

.works a{
  display: block;
  height:100%;
}

.works a:hover{
  opacity:.7;
}

.works a:hover img{
  animation: none;
}

/*DVD詳細ページ*/
.dvd-ttl{
  font-size:24px;
  background:#ead578;
  padding:15px;
  border-radius: 10px;
  width:100%;
  text-align: center;
  line-height:1;
  margin-bottom: 20px;
}
@media screen and (max-width: 540px) {
  .dvd-ttl{
    font-size:1em;
    padding: 15px 10px;
    line-height:1.375em;
  }
}

.dvd-info-area{
  width:100%;
  background:#fff;
  border-radius: 10px;
  padding:30px 30px 0 30px;
}

.dvdimg{
  float:left;
  width:48%;
  margin-right:3%;
  margin-bottom: 60px;
}
@media screen and (max-width: 540px) {
  .dvdimg{
    float:none;
    width:100%;
    margin-right: 0;
    margin-bottom: 30px;
    }
  }

.dvd-detail{
  float:right;
  width:49%;
}
@media screen and (max-width: 540px) {
  .dvd-detail{
    float:none;
    width:100%;
    }
  }

@media screen and (max-width: 540px) {
  .dvd-subtitle{
    font-size:15px;
    }
  }

.detail-info{
  margin-bottom: 30px;
}
@media screen and (max-width: 540px) {
  .detail-info{
    font-size:13px;
      margin-bottom: 20px;
    }
  }

.purchase{
  clear: both;
  text-align: center;
  margin: 70px auto 30px;
  width:65%;
  margin-top:70px;
}
@media screen and (max-width: 540px) {
  .purchase{
    width:90%;
  margin: 30px auto 50px;

    }
}


/*********************************
ストーリーページ
*********************************/
#page-story .ttl-main{
  margin-bottom: 100px;
}
@media screen and (max-width: 540px) {
  #page-story .ttl-main{
    margin-bottom: 70px;
  }
}

.story-list{
  width:1000px;
  margin:0 auto;
  padding:0 1%;
}
@media screen and (max-width: 540px) {
  .story-list{
    width:97%;
  }
}

.story-list a{
  display:block;
  height:100%;
  width:100%;
}

.story-list li:hover{
  opacity: .7;
}

.story-list a:hover img{
  animation: none;
}

.story-list ul{
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}
@media screen and (max-width: 540px) {
.story-list ul{
  display:block;
  }
}

.story-list li{
  width:49%;
  margin-bottom:60px;
}
@media screen and (max-width: 540px) {
  .story-list li{
    width:100%;
  }
}

.story-block{
  background:#fff;
  border-radius:10px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}

.story-block .text-block{
  width:61.5%;
}
@media screen and (max-width: 540px) {
  .story-block .text-block{
    width:55%;
    }
}

.story-block .story-num{
  text-align: center;
  margin:-130px 0 10px;
}
@media screen and (max-width: 540px) {
  .story-block .story-num{
    margin:-110px 0 10px;
    }
  }

@media screen and (max-width: 540px) {
  .story-num img{
    width:35%;
    }
  }

.story-block .text{
  text-align: center;
  line-height:1.25;
  padding:0 0 10px;
  color:#5d440d;
  font-weight:bold;
}
@media screen and (max-width: 540px) {
  .story-block .text{
    font-size:14px;
    }
  }

.story-block .text span{
  width:95%;
  display:block;
  margin:0 auto;
}

.story-block .img-block{
  width:38.5%;
}
@media screen and (max-width: 540px) {
  .story-block .img-block{
    width:45%;
    }
  }

.story-block .img-block img{
  border-radius:0 10px 10px 0;
}

/*ストーリー詳細***************************/
.story-contents-wrapper{
  max-width:1000px;
  margin: 0 auto;
  padding: 30px 2.5% 35px;
  background-color: #FFF;
}

.visual-area{
  display:flex;
  justify-content:space-between;
  margin-bottom: 30px;
  }
  @media screen and (max-width: 540px) {
  .visual-area{
    display:block;
    margin-bottom: 20px;
    }
  }

.main-img{
  width:79.5%;
}
@media screen and (max-width: 540px) {
  .main-img{
    width:100%;
    margin-bottom:10px;
    }
  }

.story-thumb{
  width:19%;
}
@media screen and (max-width: 540px) {
  .story-thumb{
    width:100%;
    }
  }

.detail p{
  text-align: left;
  font-size:20px;
}
@media screen and (max-width: 540px) {
  .detail p{
    font-size:16px;
    margin-bottom:50px;
    }
}

.story-characterarea{
  margin-bottom: 90px;
}

.story-chara-list ul{
  display:flex;
  flex-wrap: wrap;
  justify-content:center;
}

.story-chara-list li{
  width:19%;
  margin-right:1%;
    margin-bottom: 20px;
}
@media screen and (max-width: 540px) {
  .story-chara-list li{
    width:30%;
    margin-right:3%;
    margin-bottom:15px;
    }
}

.story-chara-list li:nth-of-type(5n){
  margin-right: 0;
  }
@media screen and (max-width: 540px) {
  .story-chara-list li:nth-of-type(5n){
    margin-right:3%;
    }
  }

@media screen and (max-width: 540px) {
.story-chara-list li:nth-of-type(3n){
  margin-right: 0;
  }
}

.story-chara-list li .img{
  margin-bottom: 10px;
}

.story-chara-list li .name{
  width:89%;
  margin:0 auto;
  color:#8e506b;
  font-weight:bold;
  font-size:22px;
  line-height:1.09;
  }
@media screen and (max-width: 540px) {
  .story-chara-list li .name{
    font-size:16px;
    }
  }

.archive-area ul{
  display:flex;
  flex-wrap: wrap;
}

.archive-area li{
  width:9%;
  margin-right: 1%;
  margin-bottom:25px;
}
@media screen and (max-width: 540px) {
  .archive-area li{
      width:19%;
      margin-bottom: 15px;
      }

      }

/*2019リニューアル対応*/


.borderBox{border:1px solid #5d440d;padding:20px 20px 35px;}



ul.indent2{    display: block;
    line-height: 1.8em;
    padding: 0px;
    margin: 0px;
}
ul.indent2 li:before{margin:0 0 0 -15px;padding:0px;
	content:"\30FB";
}
ul.indent2 li{margin: 0 0 0 15px;padding:0px;}


ul.indent3{    display: block;
    line-height: 1.8em;
    padding: 0px;
    margin: 0px;
}
ul.indent3 li:before{margin:0 0 0 -15px;padding:0px;
	content:"\25CF";
}
ul.indent3 li{margin: 0 0 0 15px;padding:0px;}



.tright{text-align:right;}
.borderBox strong{font-size:0.915em;color:#d5000d;}
.borderBox a{font-size:0.875em;}
@media screen and (max-width: 540px) {
.borderBox{border:1px solid #5d440d;padding:10px 10px 20px;font-size:0.915em;}
.borderBox strong{font-size:0.915em;color:#d5000d;}
.borderBox a{font-size:0.785em;}
.wordBreak{word-break:break-all;}
.tright{text-align:right;white-space:nowrap;}
}