@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://use.typekit.net/arq1bct.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://use.typekit.net/arq1bct.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://use.typekit.net/arq1bct.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://use.typekit.net/arq1bct.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://use.typekit.net/arq1bct.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://use.typekit.net/arq1bct.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://use.typekit.net/arq1bct.css");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap");
@import url("https://use.typekit.net/arq1bct.css");
/*========================================
*	common
========================================*/
::-moz-selection {
  color: #000;
  background: #fff; }
::selection {
  color: #000;
  background: #fff; }

*,
*:after,
*:before {
  box-sizing: border-box; }

*:focus {
  outline: 0; }

html,
body {
  font-size: 62.5%;
  height: 100%;
  color: #000;
  background-color: #fff;
  font-family: sans-serif; }

body {
  width: 100%; }

a {
  color: #000;
  text-decoration: none; }

h1,
h2,
h3 {
  line-height: 1; }

main {
  display: block; }

ul,
li {
  list-style: none; }

tr,
th,
td {
  font-weight: normal;
  text-align: left; }

img,
picture {
  -webkit-backface-visibility: hidden;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  vertical-align: bottom; }

:root {
  --swiper-theme-color: transparent; }

.header--contents {
  position: relative;
  border-bottom: solid 2.13333vw #f4c216;
  background: #380710;
  width: 100%;
  height: 12vw;
  position: fixed;
  top: 0;
  z-index: 3; }
  .header--contents:after {
    content: "";
    display: block;
    background-color: #65500a;
    width: 100%;
    height: 0.8vw;
    position: absolute;
    bottom: -2.13333vw; }
  @media only screen and (min-width: 769px) {
    .header--contents {
      border-bottom: solid 1.33333vw #f4c216; }
      .header--contents:after {
        height: 0.5vw;
        bottom: -1.33333vw; } }
  @media only screen and (min-width: 1201px) {
    .header--contents {
      border-bottom: solid 16px #f4c216; }
      .header--contents:after {
        height: 6px;
        bottom: -16px; } }
  @media only screen and (min-width: 769px) {
    .header--contents {
      height: 9.58333vw;
      padding: 2.91667vw 0; } }
  @media only screen and (min-width: 1201px) {
    .header--contents {
      height: 115px;
      padding: 35px 0; } }

@media only screen and (max-width: 768px) {
  .header--ui {
    background: url("../img/bg_header_btn.png") no-repeat center center/contain;
    width: 20.66667vw;
    height: 4.53333vw;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    left: 39.6vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 10;
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    transition: 0.3s all; }
    .header--ui__btn {
      width: 8.26667vw;
      height: 4.53333vw;
      position: relative; }
      .header--ui__btn span {
        background: #c78f49;
        width: 8.26667vw;
        height: 0.53333vw;
        position: absolute;
        left: 0;
        transition: 0.3s all; }
        .header--ui__btn span:nth-child(1) {
          top: 1.33333vw; }
        .header--ui__btn span:nth-child(2) {
          top: 2.93333vw; } }

@media only screen and (max-width: 768px) {
  .header--inner {
    background: #380710;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100);
    text-align: center;
    padding: 17.33333vw 0 0;
    position: fixed;
    top: -100vh;
    z-index: 9;
    transition: 0.3s all; } }

@media only screen and (min-width: 769px) {
  .header--inner {
    text-align: center; } }

.header--logo {
  width: 34.26667vw;
  margin: 0 auto;
  display: block; }
  @media only screen and (min-width: 769px) {
    .header--logo {
      width: 13.08333vw;
      position: absolute;
      left: 1.33333vw;
      top: 1vw;
      z-index: 2; } }
  @media only screen and (min-width: 1201px) {
    .header--logo {
      width: 197px;
      left: 32px;
      top: 24px; } }

@media only screen and (max-width: 768px) {
  .header.is_open .header--ui__btn span {
    width: 8.53333vw; }
    .header.is_open .header--ui__btn span:nth-child(1) {
      -webkit-transform: translate(0px, 2.66667vw) rotate(-30deg);
              transform: translate(0px, 2.66667vw) rotate(-30deg);
      top: -0.53333vw; }
    .header.is_open .header--ui__btn span:nth-child(2) {
      -webkit-transform: translate(0px, -0.93333vw) rotate(-150deg);
              transform: translate(0px, -0.93333vw) rotate(-150deg);
      top: 3.06667vw; }
  .header.is_open .header--inner {
    top: 0; } }

@media only screen and (min-width: 769px) {
  .gnav--list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
    .gnav--list:before {
      display: block;
      content: "";
      background: url("../img/parts_deco_left.png") no-repeat center center/contain;
      width: 1.83333vw;
      height: 2.66667vw;
      margin: 0 1.66667vw 0 0;
      display: inline-block; }
    .gnav--list:after {
      display: block;
      content: "";
      background: url("../img/parts_deco_right.png") no-repeat center center/contain;
      width: 1.83333vw;
      height: 2.66667vw;
      margin: 0 0 0 1.66667vw;
      display: inline-block; } }

@media only screen and (min-width: 1201px) {
  .gnav--list:before {
    display: block;
    content: "";
    width: 22px;
    height: 32px;
    margin: 0 25px 0 0; }
  .gnav--list:after {
    display: block;
    content: "";
    width: 22px;
    height: 32px;
    margin: 0 0 0 25px; } }

.gnav--list-item {
  line-height: 19.33333vw;
  position: relative; }
  @media only screen and (max-width: 768px) {
    .gnav--list-item:not(:last-child):before {
      display: block;
      content: "";
      background-color: #c78f49;
      width: 3.46667vw;
      height: 1px;
      position: absolute;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }
  @media only screen and (min-width: 769px) {
    .gnav--list-item {
      line-height: 2.16667vw; }
      .gnav--list-item:not(:first-child):before {
        display: block;
        content: "";
        background-color: #c78f49;
        width: 2px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0; } }
  @media only screen and (min-width: 1201px) {
    .gnav--list-item {
      line-height: 26px; } }
  .gnav--list-item a {
    font-size: 4vw;
    font-family: freight-sans-pro, sans-serif;
    color: #fff;
    display: block;
    transition: .2s; }
    .gnav--list-item a:hover {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
    @media only screen and (min-width: 769px) {
      .gnav--list-item a {
        font-size: 1.66667vw;
        padding: 0 1.66667vw; } }
    @media only screen and (min-width: 1201px) {
      .gnav--list-item a {
        font-size: 20px;
        padding: 0 28px; } }

.footer--inner {
  background-color: #000; }

.footer--contents {
  padding: 10.66667vw 5.33333vw 13.33333vw; }
  @media only screen and (min-width: 769px) {
    .footer--contents {
      width: 100px;
      padding: 55px 0 35px;
      margin: 0 auto; } }
  @media only screen and (min-width: 769px) {
    .footer--contents {
      width: 91.66667vw;
      padding: 4.58333vw 0 2.91667vw;
      margin: 0 auto; } }
  @media only screen and (min-width: 1201px) {
    .footer--contents {
      width: 1100px;
      padding: 55px 0 35px; } }
  .footer--contents__bnr a {
    display: block;
    transition: .2s; }
    .footer--contents__bnr a:hover {
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .footer--contents__sns {
    margin: 10vw 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .footer--contents__sns-list {
      -webkit-flex-basis: 10.4vw;
          -ms-flex-preferred-size: 10.4vw;
              flex-basis: 10.4vw;
      margin: 0 4.93333vw; }
      .footer--contents__sns-list a {
        display: block;
        transition: .2s; }
        .footer--contents__sns-list a:hover {
          opacity: 0.8;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
    @media only screen and (min-width: 769px) {
      .footer--contents__sns {
        margin: 3.33333vw 0 0; }
        .footer--contents__sns-list {
          -webkit-flex-basis: 5vw;
              -ms-flex-preferred-size: 5vw;
                  flex-basis: 5vw;
          margin: 0 2.33333vw; } }
    @media only screen and (min-width: 1201px) {
      .footer--contents__sns {
        margin: 40px 0 0; }
        .footer--contents__sns-list {
          -webkit-flex-basis: 60px;
              -ms-flex-preferred-size: 60px;
                  flex-basis: 60px;
          margin: 0 28px; } }
  .footer--contents__copyright {
    font-size: 2.4vw;
    color: #fff;
    text-align: center;
    margin: 6vw 0 0; }
    @media only screen and (min-width: 769px) {
      .footer--contents__copyright {
        font-size: 10px;
        margin: 35px 0 0; } }

.pc-none {
  display: none; }
  @media only screen and (max-width: 768px) {
    .pc-none {
      display: block; } }

@media only screen and (max-width: 768px) {
  .sp-none {
    display: none; } }

.page {
  background: url("../img/bg_page.jpg") repeat 0 0;
  overflow-x: hidden; }

.sec--title {
  width: 60.26667vw;
  margin: 0 auto; }
  @media only screen and (min-width: 769px) {
    .sec--title {
      width: 37.66667vw; } }
  @media only screen and (min-width: 1201px) {
    .sec--title {
      width: 452px; } }

.kv--inner {
  background-image: url("../img/kv_sp.jpg");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 100%;
  height: 194.93333vw;
  position: relative;
  position: relative;
  border-bottom: solid 2.13333vw #f4c216; }
  .kv--inner:after {
    content: "";
    display: block;
    background-color: #65500a;
    width: 100%;
    height: 0.8vw;
    position: absolute;
    bottom: -2.13333vw; }
  @media only screen and (min-width: 769px) {
    .kv--inner {
      border-bottom: solid 1.33333vw #f4c216; }
      .kv--inner:after {
        height: 0.5vw;
        bottom: -1.33333vw; } }
  @media only screen and (min-width: 1201px) {
    .kv--inner {
      border-bottom: solid 16px #f4c216; }
      .kv--inner:after {
        height: 6px;
        bottom: -16px; } }
  @media only screen and (min-width: 769px) {
    .kv--inner {
      background-image: url("../img/kv.jpg");
      height: 170.365vw; } }
  .kv--inner__logo {
    width: 62.26667vw;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 2.66667vw; }
    @media only screen and (min-width: 769px) {
      .kv--inner__logo {
        width: 45.16667vw;
        bottom: 1.66667vw; } }
  .kv--inner__read {
    width: 42.26667vw;
    position: absolute;
    top: 55vw;
    left: 9.33333vw; }
    @media only screen and (min-width: 769px) {
      .kv--inner__read {
        width: 30vw;
        top: 56vw;
        left: 8vw; } }

.tw-news {
  position: relative;
  border-bottom: solid 2.13333vw #f4c216;
  z-index: 2; }
  .tw-news:after {
    content: "";
    display: block;
    background-color: #65500a;
    width: 100%;
    height: 0.8vw;
    position: absolute;
    bottom: -2.13333vw; }
  @media only screen and (min-width: 769px) {
    .tw-news {
      border-bottom: solid 1.33333vw #f4c216; }
      .tw-news:after {
        height: 0.5vw;
        bottom: -1.33333vw; } }
  @media only screen and (min-width: 1201px) {
    .tw-news {
      border-bottom: solid 16px #f4c216; }
      .tw-news:after {
        height: 6px;
        bottom: -16px; } }
  @media only screen and (max-width: 768px) {
    .tw-news--inner {
      background: url("../img/bg_inner_gray.jpg") repeat;
      background-position: 9.33333vw -42.66667vw;
      background-size: 51.73333vw 86.26667vw; } }
  @media only screen and (max-width: 768px) and (min-width: 769px) {
    .tw-news--inner {
      background-size: 388px 647px; } }
  @media only screen and (min-width: 769px) {
    .tw-news--inner {
      position: relative; }
      .tw-news--inner:before {
        display: block;
        content: "";
        background: url("../img/bg_inner_gray.jpg") repeat;
        background-position: 9.33333vw -42.66667vw;
        background-size: 51.73333vw 86.26667vw;
        width: 143.33333vw;
        height: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
    @media only screen and (min-width: 769px) and (min-width: 769px) {
      .tw-news--inner:before {
        background-size: 388px 647px; } }
  .tw-news--contents {
    padding: 0 5.33333vw 16vw;
    position: relative; }
    @media only screen and (min-width: 769px) {
      .tw-news--contents {
        width: 91.66667vw;
        padding: 0 0 10vw;
        margin: 0 auto; } }
    @media only screen and (min-width: 1201px) {
      .tw-news--contents {
        width: 1100px;
        padding: 0 0 120px; } }
    .tw-news--contents:before {
      display: block;
      content: "";
      background: url("../img/confetti_sp.png") no-repeat center 0/contain;
      width: 100vw;
      height: 450.66667vw;
      position: absolute;
      top: -8vw;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      pointer-events: none; }
      @media only screen and (min-width: 769px) {
        .tw-news--contents:before {
          background: url("../img/confetti_pc.png") no-repeat center 0/contain;
          width: 2000px;
          height: 1515px;
          top: -80px; } }
    .tw-news--contents:after {
      display: block;
      content: "";
      background: url("../img/rose_sp.png") no-repeat center 0/contain;
      width: 100vw;
      height: 450.66667vw;
      position: absolute;
      top: -8vw;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      pointer-events: none;
      z-index: 2; }
      @media only screen and (min-width: 769px) {
        .tw-news--contents:after {
          background: url("../img/rose_pc.png") no-repeat center 0/contain;
          width: 2000px;
          height: 1515px;
          top: -80px; } }
  .tw-news--twitter {
    padding: 10vw 0 0;
    position: relative; }
    @media only screen and (min-width: 769px) {
      .tw-news--twitter {
        padding: 8.33333vw 0 0; }
        .tw-news--twitter__wrap {
          display: -webkit-flex;
          display: -ms-flexbox;
          display:block;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          margin: 4.58333vw 0 0; } }
    @media only screen and (min-width: 1201px) {
      .tw-news--twitter {
        wpadding: 100px 0 0; }
        .tw-news--twitter__wrap {
          margin: 55px 0 0; } }
    .tw-news--twitter__timeline {
      background: #fff;
      border: 1px solid #717171;
      width: 89.33333vw;
      height: 98vw;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch;
      margin: 10vw 0 0; }
      @media only screen and (min-width: 769px) {
        .tw-news--twitter__timeline {
          -webkit-flex-basis: 45vw;
              -ms-flex-preferred-size: 45vw;
                  flex-basis: 45vw;
          width: 45vw;
          height: 37.5vw;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2;
          margin: 0 auto; } }
      @media only screen and (min-width: 1201px) {
        .tw-news--twitter__timeline {
          -webkit-flex-basis: 540px;
              -ms-flex-preferred-size: 540px;
                  flex-basis: 540px;
          width: 540px;
          height: 450px; } }
      .tw-news--twitter__timeline .twitter-timeline {
        width: 100vw !important;
        max-width: 100% !important;
        border-radius: 0; }
    .tw-news--twitter__btn {
      margin: 3.33333vw 0 0; }
      .tw-news--twitter__btn a {
        display: block;
        transition: .2s; }
        .tw-news--twitter__btn a:hover {
          opacity: 0.8;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
      @media only screen and (min-width: 769px) {
        .tw-news--twitter__btn {
          -webkit-flex-basis: 45vw;
              -ms-flex-preferred-size: 45vw;
                  flex-basis: 45vw;
          width: 45vw;
          padding: 10vw 0;
          margin: 10px auto 0;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1;
          position: relative; }
          .tw-news--twitter__btn:before {
            display: block;
            content: "";
            background: url("../img/parts_tw-btn_top.png") no-repeat center 0/contain;
            width: 45vw;
            height: 4.16667vw;
            position: absolute;
            top: 0; }
          .tw-news--twitter__btn:after {
            display: block;
            content: "";
            background: url("../img/parts_tw-btn_bottom.png") no-repeat center 0/contain;
            width: 45vw;
            height: 4.16667vw;
            position: absolute;
            bottom: 0; } }
      @media only screen and (min-width: 1201px) {
        .tw-news--twitter__btn {
          -webkit-flex-basis: 540px;
              -ms-flex-preferred-size: 540px;
                  flex-basis: 540px;
			width: 540px;
			padding: 120px 0;
			 margin: 10px auto 0; }
          .tw-news--twitter__btn:before {
            display: block;
            content: "";
            width: 540px;
            height: 50px; }
          .tw-news--twitter__btn:after {
            display: block;
            content: "";
            width: 540px;
            height: 50px; } }
  .tw-news--news {
    padding: 12vw 0 0;
    position: relative; }
    @media only screen and (min-width: 769px) {
      .tw-news--news {
        padding: 6.66667vw 0 0; } }
    @media only screen and (min-width: 1201px) {
      .tw-news--news {
        padding: 80px 0 0; } }
    .tw-news--news .news--list {
      padding: 1.33333vw 0 0; }
      @media only screen and (min-width: 769px) {
        .tw-news--news .news--list {
          display: -webkit-flex;
          display: -ms-flexbox;
		 display: flex;
          /* display:  flex;  */
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          padding: 5vw 0 0; } }
      @media only screen and (min-width: 1201px) {
        .tw-news--news .news--list {
          padding: 60px 0 0; } }
      .tw-news--news .news--list-item {
        margin: 6.66667vw 0 0; }
        @media only screen and (min-width: 769px) {
          .tw-news--news .news--list-item {
            -webkit-flex-basis: 29.33333vw;
                -ms-flex-preferred-size: 29.33333vw;
                    flex-basis: 29.33333vw;
            margin: 0; }
            .tw-news--news .news--list-item {
              margin: 0 1.25% 30px 0; 
              /* 一旦追加 */
              width:30%;
              } }
        @media only screen and (min-width: 1201px) {
          .tw-news--news .news--list-item {
            -webkit-flex-basis: 352px;
                -ms-flex-preferred-size: 352px;
                    flex-basis: 352px; }
            .tw-news--news .news--list-item {
              margin: 0 14px 30px 0; 
              /* 一旦追加 */
              width:30%; } }
        .tw-news--news .news--list-item__thumb {
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          width: 100%;
          height: 50vw;
          overflow: hidden; }
          @media only screen and (min-width: 769px) {
            .tw-news--news .news--list-item__thumb {
              height: 16.5vw; } }
          @media only screen and (min-width: 1201px) {
            .tw-news--news .news--list-item__thumb {
              height: 198px; } }
        .tw-news--news .news--list-item__date {
          font-family: freight-sans-pro, sans-serif;
          font-size: 5.33333vw;
          line-height: 1;
          margin: 4.66667vw 0 0; }
          @media only screen and (min-width: 769px) {
            .tw-news--news .news--list-item__date {
              font-size: 2.5vw;
              margin: 1.5vw 0 0; } }
          @media only screen and (min-width: 1201px) {
            .tw-news--news .news--list-item__date {
              font-size: 30px;
              margin: 15px 0 0; } }
        .tw-news--news .news--list-item__text {
          font-size: 3.73333vw;
          line-height: 1.65;
          margin: 2.66667vw 0 0; }
          @media only screen and (min-width: 769px) {
            .tw-news--news .news--list-item__text {
              font-size: 1.2vw;
              margin: 1.25vw 0 0; } }
          @media only screen and (min-width: 1201px) {
            .tw-news--news .news--list-item__text {
              font-size: 15px;
              margin: 15px 0 0; } }


#event-list .tw-news--news .news--list-item__text {
          font-size: 3.73333vw;
          line-height: 1.65;
          margin: 2.66667vw 0 0; }
          @media only screen and (min-width: 769px) {
#event-list .tw-news--news .news--list-item__text {
              font-size: 1.25vw;
              margin: 1.25vw 0 0; } }
          @media only screen and (min-width: 1201px) {
#event-list .tw-news--news .news--list-item__text {
              font-size: 16px;
              margin: 15px 0 0; } }


.character {
  position: relative;
  border-bottom: solid 2.13333vw #f4c216; }
  .character:after {
    content: "";
    display: block;
    background-color: #65500a;
    width: 100%;
    height: 0.8vw;
    position: absolute;
    bottom: -2.13333vw; }
  @media only screen and (min-width: 769px) {
    .character {
      border-bottom: solid 1.33333vw #f4c216; }
      .character:after {
        height: 0.5vw;
        bottom: -1.33333vw; } }
  @media only screen and (min-width: 1201px) {
    .character {
      border-bottom: solid 16px #f4c216; }
      .character:after {
        height: 6px;
        bottom: -16px; } }
  .character--inner {
    background-color: #710808;
    overflow: hidden;
    position: relative; }
    .character--inner:before {
      display: block;
      content: "";
      background: url("../img/bg_chara_half.jpg") repeat 0 0;
      width: 50vw;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  .character--parts {
    background: url("../img/parts_chara_sp.png") no-repeat center bottom/contain;
    mix-blend-mode: multiply;
    width: 100%;
    height: 76.53333vw;
    position: absolute;
    bottom: 0;
    left: 0; }
    @media only screen and (min-width: 769px) {
      .character--parts {
        background: url("../img/parts_chara_pc.png") no-repeat center bottom/contain;
        height: 58.5vw; } }
  .character--contents {
    padding: 10vw 0 18vw;
    position: relative; }
    @media only screen and (min-width: 769px) {
      .character--contents {
        padding: 8.33333vw 0 11.25vw; } }
    @media only screen and (min-width: 1201px) {
      .character--contents {
        padding: 100px 0 135px; } }

.gallery {
  position: relative; }
  .gallery--slider {
    padding: 0 5.33333vw;
    margin: 0;
    position: relative; }
    @media only screen and (min-width: 768px) {
      .gallery--slider {
        width: 91.66667vw;
        padding: 0;
        margin: 0 auto; } }
    @media only screen and (min-width: 1201px) {
      .gallery--slider {
        width: 1100px; } }
    @media only screen and (min-width: 768px) {
      .gallery--slider-item {
        padding: 8.33333vw 0 13.75vw; } }
    @media only screen and (min-width: 1201px) {
      .gallery--slider-item {
        padding: 100px 0 165px; } }
    .gallery--slider-item.swiper-slide-next, .gallery--slider-item.swiper-slide-prev {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    @media only screen and (min-width: 768px) {
      .gallery--slider-item__chara {
        width: 78.5vw;
        height: 60.83333vw;
        position: absolute;
        top: -5vw;
        left: 36.25vw; } }
    @media only screen and (min-width: 1201px) {
      .gallery--slider-item__chara {
        width: 942px;
        height: 730px;
        top: -60px;
        left: 435px; } }
    .gallery--slider-item__info {
      border-left: 0.66667vw solid #c78f49;
      color: #fff;
      padding: 0 0 0 6.66667vw;
      margin: -2vw 0 0; }
      @media only screen and (min-width: 768px) {
        .gallery--slider-item__info {
          border-left: 5px solid #c78f49;
          width: 43.33333vw;
          padding: 0 0 0 4.16667vw;
          margin: 0;
          position: relative;
          z-index: 2; } }
      @media only screen and (min-width: 1201px) {
        .gallery--slider-item__info {
          width: 520px;
          padding: 0 0 0 50px; } }
    .gallery--slider-item__cast {
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 900;
      line-height: 1; }
      .gallery--slider-item__cast p {
        font-size: 6.66667vw; }
        @media only screen and (min-width: 768px) {
          .gallery--slider-item__cast p {
            font-size: 4.16667vw; } }
        @media only screen and (min-width: 1201px) {
          .gallery--slider-item__cast p {
            font-size: 50px; } }
      .gallery--slider-item__cast span {
        font-size: 4vw;
        margin: 4vw 0 0;
        display: block; }
        @media only screen and (min-width: 768px) {
          .gallery--slider-item__cast span {
            font-size: 2.5vw;
            margin: 2.5vw 0 0; } }
        @media only screen and (min-width: 1201px) {
          .gallery--slider-item__cast span {
            font-size: 30px;
            margin: 30px 0 0; } }
        .gallery--slider-item__cast span small {
          font-family: freight-sans-pro, sans-serif;
          font-size: 4vw; }
          @media only screen and (min-width: 768px) {
            .gallery--slider-item__cast span small {
              font-size: 2.5vw; } }
          @media only screen and (min-width: 1201px) {
            .gallery--slider-item__cast span small {
              font-size: 30px; } }
    .gallery--slider-item__desc {
      font-size: 3.73333vw;
      line-height: 1.65;
      margin: 5.33333vw 0 0; }
      @media only screen and (min-width: 768px) {
        .gallery--slider-item__desc {
          font-size: 1.33333vw;
          line-height: 2.0;
          margin: 3.33333vw 0 0; } }
      @media only screen and (min-width: 1201px) {
        .gallery--slider-item__desc {
          font-size: 16px;
          margin: 40px 0 0; } }
  @media only screen and (max-width: 768px) {
    .gallery--thumbs {
      margin: 10vw 0 0 5.33333vw;
      overflow: hidden; } }
  @media only screen and (min-width: 768px) {
    .gallery--thumbs {
      width: 91.66667vw;
      margin: 0 auto;
      overflow: hidden; } }
  @media only screen and (min-width: 1201px) {
    .gallery--thumbs {
      width: 1100px; } }
  .gallery--thumbs-item {
    border-radius: 0;
    width: 21.33333vw;
    height: 34.13333vw;
    margin: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: relative;
    outline: none;
    cursor: pointer;
    pointer-events: auto; }
    @media only screen and (min-width: 768px) {
      .gallery--thumbs-item {
        width: 13.33333vw !important;
        height: 21.33333vw !important;
        margin: 0; }
        .gallery--thumbs-item:not(:last-child) {
          margin: 0 2.08333vw 0 0; }
        .gallery--thumbs-item:hover:after {
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
    @media only screen and (min-width: 1201px) {
      .gallery--thumbs-item {
        width: 160px !important;
        height: 256px !important;
        margin: 0; }
        .gallery--thumbs-item:not(:last-child) {
          margin: 0 25px 0 0; } }
    .gallery--thumbs-item:after {
      display: block;
      content: "";
      background: #000;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      pointer-events: none; }
      @media only screen and (min-width: 768px) {
        .gallery--thumbs-item:after {
          transition: .2s; } }
    .gallery--thumbs-item.swiper-slide-thumb-active:after {
      display: block;
      content: "";
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.swiper-button-next,
.swiper-button-prev {
  display: block;
  transition: .2s;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  width: 4.93333vw;
  height: 9.33333vw;
  margin-top: 0;
  top: 32vw;
  z-index: 1;
  color: transparent;
  display: block; }
  .swiper-button-next:hover,
  .swiper-button-prev:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .swiper-button-next:before, .swiper-button-next:after,
  .swiper-button-prev:before,
  .swiper-button-prev:after {
    content: none; }
  @media only screen and (min-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
      width: 2.83333vw;
      height: 5.08333vw;
      top: 18.08333vw; } }
  @media only screen and (min-width: 1401px) {
    .swiper-button-next,
    .swiper-button-prev {
      width: 5.66667vw;
      height: 10.16667vw;
      top: 18.08333vw; } }
  @media only screen and (min-width: 1401px) {
    .swiper-button-next,
    .swiper-button-prev {
      width: 68px;
      height: 122px;
      top: 217px; } }

.swiper-button-prev {
  background-image: url("../img/prev.png");
  left: 5.33333vw;
  right: auto; }
  @media only screen and (min-width: 768px) {
    .swiper-button-prev {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
  @media only screen and (min-width: 1201px) {
    .swiper-button-prev {
      left: -8.33333vw;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
  @media only screen and (min-width: 1401px) {
    .swiper-button-prev {
      left: -10.83333vw; } }
  @media only screen and (min-width: 1601px) {
    .swiper-button-prev {
      left: -255px; } }

.swiper-button-next {
  background-image: url("../img/next.png");
  right: 5.33333vw;
  left: auto; }
  @media only screen and (min-width: 768px) {
    .swiper-button-next {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }
  @media only screen and (min-width: 1201px) {
    .swiper-button-next {
      right: -8.33333vw;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }
  @media only screen and (min-width: 1401px) {
    .swiper-button-next {
      right: -10.83333vw; } }
  @media only screen and (min-width: 1601px) {
    .swiper-button-next {
      right: -255px; } }

@media only screen and (max-width: 768px) {
  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; } }

@media only screen and (min-width: 768px) {
  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@media only screen and (min-width: 1201px) {
  .swiper-button-next.swiper-button-disabled,
  .swiper-button-prev.swiper-button-disabled {
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; } }

.about {
  position: relative;
  border-bottom: solid 2.13333vw #f4c216; }
  .about:after {
    content: "";
    display: block;
    background-color: #65500a;
    width: 100%;
    height: 0.8vw;
    position: absolute;
    bottom: -2.13333vw; }
  @media only screen and (min-width: 769px) {
    .about {
      border-bottom: solid 1.33333vw #f4c216; }
      .about:after {
        height: 0.5vw;
        bottom: -1.33333vw; } }
  @media only screen and (min-width: 1201px) {
    .about {
      border-bottom: solid 16px #f4c216; }
      .about:after {
        height: 6px;
        bottom: -16px; } }
  .about--inner {
    background: url("../img/bg_about_sp.png") no-repeat center bottom/cover;
    overflow: hidden; }
    @media only screen and (min-width: 769px) {
      .about--inner {
        background: url("../img/bg_about_pc.png") no-repeat center bottom/cover; } }
  .about--contents {
    padding: 9.33333vw 5.33333vw 122vw;
    position: relative; }
    @media only screen and (min-width: 769px) {
      .about--contents {
        padding: 12.66667vw 0 90.41667vw; } }
    @media only screen and (min-width: 1201px) {
      .about--contents {
        padding: 152px 0 1085px; } }
  .about--chara {
    width: 115%;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    @media only screen and (min-width: 769px) {
      .about--chara {
        width: 115.83333vw;
        bottom: -6.66667vw; } }
    @media only screen and (min-width: 1201px) {
      .about--chara {
        width: 1390px;
        bottom: -80px; } }
  .about--text {
    text-align: center;
    margin: 7.33333vw auto 0; }
    @media only screen and (min-width: 769px) {
      .about--text {
        width: 61.66667vw;
        margin: 5vw auto 0; } }
    @media only screen and (min-width: 1021px) {
      .about--text {
        width: 770px;
        margin: 60px auto 0; } }
    .about--text__line {
      font-size: 3.73333vw;
      font-weight: 700; }
      .about--text__line:first-child {
        border-top: 1.5px dotted #000; }
        @media only screen and (min-width: 769px) {
          .about--text__line:first-child {
            border-top: 2px dotted #000; } }
      @media only screen and (max-width: 768px) {
        .about--text__line span {
          border-bottom: 1.5px dotted #000;
          line-height: 10.66667vw;
          display: unset; } }
      @media only screen and (min-width: 769px) {
        .about--text__line {
          border-bottom: 2px dotted #000;
          font-size: 2vw;
          line-height: 5.16667vw; } }
      @media only screen and (min-width: 1021px) {
        .about--text__line {
          font-size: 18px;
          line-height: 52px; } }

.cast-staff {
  position: relative;
  border-bottom: solid 2.13333vw #f4c216; }
  .cast-staff:after {
    content: "";
    display: block;
    background-color: #65500a;
    width: 100%;
    height: 0.8vw;
    position: absolute;
    bottom: -2.13333vw; }
  @media only screen and (min-width: 769px) {
    .cast-staff {
      border-bottom: solid 1.33333vw #f4c216; }
      .cast-staff:after {
        height: 0.5vw;
        bottom: -1.33333vw; } }
  @media only screen and (min-width: 1201px) {
    .cast-staff {
      border-bottom: solid 16px #f4c216; }
      .cast-staff:after {
        height: 6px;
        bottom: -16px; } }
  @media only screen and (max-width: 768px) {
    .cast-staff--inner {
      background: url("../img/bg_inner_red.jpg") repeat;
      background-size: 51.73333vw 86.26667vw; } }
  @media only screen and (max-width: 768px) and (min-width: 769px) {
    .cast-staff--inner {
      background-size: 388px 647px; } }
  @media only screen and (min-width: 769px) {
    .cast-staff--inner {
      position: relative; }
      .cast-staff--inner:before {
        display: block;
        content: "";
        background: url("../img/bg_inner_red.jpg") repeat;
        background-size: 51.73333vw 86.26667vw;
        width: 143.33333vw;
        height: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
    @media only screen and (min-width: 769px) and (min-width: 769px) {
      .cast-staff--inner:before {
        background-size: 388px 647px; } }
  .cast-staff--contents {
    padding: 8.66667vw 5.33333vw 18vw;
    position: relative; }
    @media only screen and (min-width: 769px) {
      .cast-staff--contents {
        width: 91.66667vw;
        padding: 10.83333vw 0 14.58333vw;
        margin: 0 auto; } }
    @media only screen and (min-width: 1201px) {
      .cast-staff--contents {
        width: 1100px;
        padding: 130px 0 175px; } }
  .cast-staff--info {
    font-size: 3.73333vw;
    font-weight: 700;
    color: #fff;
    margin: 13.33333vw 0 0; }
    @media only screen and (min-width: 769px) {
      .cast-staff--info {
        font-size: 2vw;
        margin: 0; } }
    @media only screen and (min-width: 1201px) {
      .cast-staff--info {
        font-size: 24px; } }
    .cast-staff--info-list {
      line-height: 2.15;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      .cast-staff--info-list:after {
        content: '';
        border-top: 1.5px dotted #f4c216;
        margin: 4vw 1.6vw 0;
        -webkit-flex: auto;
            -ms-flex: auto;
                flex: auto; }
      .cast-staff--info-list__name {
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1; }
      @media only screen and (min-width: 769px) {
        .cast-staff--info-list:after {
          border-top: 2px dotted #f4c216;
          margin: 2.08333vw 1.25vw 0; } }
      @media only screen and (min-width: 1201px) {
        .cast-staff--info-list:after {
          margin: 25px 15px 0; } }
    .cast-staff--info.info-1 {
      padding: 0 23.33333vw; }
      .cast-staff--info.info-1 .cast-staff--info-list__name {
        -webkit-flex-basis: 19.33333vw;
            -ms-flex-preferred-size: 19.33333vw;
                flex-basis: 19.33333vw; }
      @media only screen and (min-width: 769px) {
        .cast-staff--info.info-1 {
          width: 25vw;
          padding: 0;
          margin: 7.91667vw auto 0; }
          .cast-staff--info.info-1 .cast-staff--info-list__name {
            -webkit-flex-basis: 12.08333vw;
                -ms-flex-preferred-size: 12.08333vw;
                    flex-basis: 12.08333vw; } }
      @media only screen and (min-width: 1201px) {
        .cast-staff--info.info-1 {
          width: 300px;
          margin: 95px auto 0; }
          .cast-staff--info.info-1 .cast-staff--info-list__name {
            -webkit-flex-basis: 145px;
                -ms-flex-preferred-size: 145px;
                    flex-basis: 145px; } }
    @media only screen and (min-width: 769px) {
      .cast-staff--info-wrap {
        width: 100%;
        margin: 7.91667vw auto 0;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; } }
    @media only screen and (min-width: 1201px) {
      .cast-staff--info-wrap {
        margin: 95px auto 0; } }
    .cast-staff--info.info-2 {
      padding: 0 0 0 8vw; }
      .cast-staff--info.info-2 .cast-staff--info-list__name {
        -webkit-flex-basis: 46.66667vw;
            -ms-flex-preferred-size: 46.66667vw;
                flex-basis: 46.66667vw; }
      @media only screen and (min-width: 769px) {
        .cast-staff--info.info-2 {
          -webkit-flex-basis: 40vw;
              -ms-flex-preferred-size: 40vw;
                  flex-basis: 40vw;
          padding: 0; }
          .cast-staff--info.info-2 .cast-staff--info-list__name {
            -webkit-flex-basis: 22.5vw;
                -ms-flex-preferred-size: 22.5vw;
                    flex-basis: 22.5vw; } }
      @media only screen and (min-width: 1201px) {
        .cast-staff--info.info-2 {
          -webkit-flex-basis: 480px;
              -ms-flex-preferred-size: 480px;
                  flex-basis: 480px; }
          .cast-staff--info.info-2 .cast-staff--info-list__name {
            -webkit-flex-basis: 270px;
                -ms-flex-preferred-size: 270px;
                    flex-basis: 270px; } }
    .cast-staff--info.info-3 .cast-staff--info-list__name {
      -webkit-flex-basis: 17.33333vw;
          -ms-flex-preferred-size: 17.33333vw;
              flex-basis: 17.33333vw; }
    @media only screen and (min-width: 769px) {
      .cast-staff--info.info-3 {
        -webkit-flex-basis: 46.66667vw;
            -ms-flex-preferred-size: 46.66667vw;
                flex-basis: 46.66667vw; }
        .cast-staff--info.info-3 .cast-staff--info-list__name {
          -webkit-flex-basis: 8.33333vw;
              -ms-flex-preferred-size: 8.33333vw;
                  flex-basis: 8.33333vw; } }
    @media only screen and (min-width: 1201px) {
      .cast-staff--info.info-3 {
        -webkit-flex-basis: 560px;
            -ms-flex-preferred-size: 560px;
                flex-basis: 560px; }
        .cast-staff--info.info-3 .cast-staff--info-list__name {
          -webkit-flex-basis: 100px;
              -ms-flex-preferred-size: 100px;
                  flex-basis: 100px; } }

.article {
  position: relative;
  border-bottom: solid 2.13333vw #f4c216;
  z-index: 2; }
  .article:after {
    content: "";
    display: block;
    background-color: #65500a;
    width: 100%;
    height: 0.8vw;
    position: absolute;
    bottom: -2.13333vw; }
  @media only screen and (min-width: 769px) {
    .article {
      border-bottom: solid 1.33333vw #f4c216; }
      .article:after {
        height: 0.5vw;
        bottom: -1.33333vw; } }
  @media only screen and (min-width: 1201px) {
    .article {
      border-bottom: solid 16px #f4c216; }
      .article:after {
        height: 6px;
        bottom: -16px; } }
  @media only screen and (max-width: 768px) {
    .article--inner {
      background: url("../img/bg_inner_gray.jpg") repeat;
      background-position: 9.33333vw -42.66667vw;
      background-size: 51.73333vw 86.26667vw; } }
  @media only screen and (max-width: 768px) and (min-width: 769px) {
    .article--inner {
      background-size: 388px 647px; } }
  @media only screen and (min-width: 769px) {
    .article--inner {
      position: relative; }
      .article--inner:before {
        display: block;
        content: "";
        background: url("../img/bg_inner_gray.jpg") repeat;
        background-position: 9.33333vw -42.66667vw;
        background-size: 51.73333vw 86.26667vw;
        width: 143.33333vw;
        height: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); } }
    @media only screen and (min-width: 769px) and (min-width: 769px) {
      .article--inner:before {
        background-size: 388px 647px; } }
  .article--contents {
    padding: 21.6vw 5.33333vw 13.33333vw;
    position: relative; }
    @media only screen and (min-width: 769px) {
      .article--contents {
        width: 91.66667vw;
        padding: 16.25vw 0 7.5vw;
        margin: 0 auto; } }
    @media only screen and (min-width: 1201px) {
      .article--contents {
        width: 1100px;
        padding: 195px 0 90px; } }
  .article--inline {
    margin: 6.66667vw 0 0;
    position: relative; }
    @media only screen and (min-width: 769px) {
      .article--inline {
        margin: 5.41667vw 0 0; } }
    @media only screen and (min-width: 1201px) {
      .article--inline {
        margin: 65px 0 0; } }
    .article--inline-date {
      font-family: freight-sans-pro, sans-serif;
      font-size: 5.33333vw;
      line-height: 1; }
      @media only screen and (min-width: 769px) {
        .article--inline-date {
          font-size: 2.5vw; } }
      @media only screen and (min-width: 1201px) {
        .article--inline-date {
          font-size: 30px; } }
    .article--inline-title {
      font-size: 4.53333vw;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 900;
      line-height: 1.5;
      margin: 5.33333vw 0 0;
      position: relative; }
      .article--inline-title:before {
        display: block;
        content: "";
        background-color: #c78f49;
        width: 0.66667vw;
        height: 75%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .article--inline-title span {
        padding: 0 0 0 5.33333vw;
        display: inline-block; }
      @media only screen and (min-width: 769px) {
        .article--inline-title {
          font-size: 2.83333vw;
          margin: 4.16667vw 0 0; }
          .article--inline-title:before {
            display: block;
            content: "";
            width: 0.41667vw; }
          .article--inline-title span {
            padding: 0 0 0 3.33333vw; } }
      @media only screen and (min-width: 1201px) {
        .article--inline-title {
          font-size: 34px;
          margin: 50px 0 0; }
          .article--inline-title:before {
            display: block;
            content: "";
            width: 5px; }
          .article--inline-title span {
            padding: 0 0 0 40px; } }
    .article--inline-img {
      width: 100%;
      margin: 8vw auto; }
      @media only screen and (min-width: 769px) {
        .article--inline-img {
          width: auto;
          max-width: 91.66667vw;
          margin: 5.83333vw auto; } }
      @media only screen and (min-width: 1201px) {
        .article--inline-img {
          max-width: 1100px;
          margin: 70px auto; } }
    .article--inline-h3 {
      font-size: 4vw;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 900;
      line-height: 1.5;
      margin: 8vw 0 0;
      position: relative; }
      .article--inline-h3:before {
        display: block;
        content: "";
        background-color: #c78f49;
        width: 0.66667vw;
        height: 75%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .article--inline-h3 span {
        padding: 0 0 0 2.66667vw;
        display: inline-block; }
      @media only screen and (min-width: 769px) {
        .article--inline-h3 {
          font-size: 2.25vw;
          margin: 3.75vw 0 0; }
          .article--inline-h3:before {
            display: block;
            content: "";
            width: 0.41667vw; }
          .article--inline-h3 span {
            padding: 0 0 0 1.66667vw; } }
      @media only screen and (min-width: 1201px) {
        .article--inline-h3 {
          font-size: 27px;
          margin: 45px 0 0; }
          .article--inline-h3:before {
            display: block;
            content: "";
            width: 5px; }
          .article--inline-h3 span {
            padding: 0 0 0 20px; } }
    .article--inline-h4 {
      font-size: 4vw;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 900;
      line-height: 1.5;
      margin: 8vw 0 0;
      position: relative; }
      .article--inline-h4:before {
        display: block;
        content: "";
        background-color: #c78f49;
        border-radius: 50%;
        width: 1.33333vw;
        height: 1.33333vw;
        position: absolute;
        top: 0.55em;
        left: 0; }
      .article--inline-h4 span {
        padding: 0 0 0 2.66667vw;
        display: inline-block; }
      @media only screen and (min-width: 769px) {
        .article--inline-h4 {
          font-size: 1.83333vw;
          margin: 3.75vw 0 0; }
          .article--inline-h4:before {
            display: block;
            content: "";
            width: 0.83333vw;
            height: 0.83333vw; }
          .article--inline-h4 span {
            padding: 0 0 0 1.66667vw; } }
      @media only screen and (min-width: 1201px) {
        .article--inline-h4 {
          font-size: 22px;
          margin: 45px 0 0; }
          .article--inline-h4:before {
            display: block;
            content: "";
            width: 10px;
            height: 10px; }
          .article--inline-h4 span {
            padding: 0 0 0 20px; } }
    .article--inline-h5 {
      font-size: 3.73333vw;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 900;
      line-height: 1.5;
      margin: 8vw 0 0; }
      @media only screen and (min-width: 769px) {
        .article--inline-h5 {
          font-size: 1.5vw;
          margin: 3.75vw 0 0; } }
      @media only screen and (min-width: 1201px) {
        .article--inline-h5 {
          font-size: 18px;
          margin: 45px 0 0; } }
    .article--inline-text {
      font-size: 3.73333vw;
      line-height: 1.75;
      margin: 4.66667vw 0 0; }
      @media only screen and (min-width: 769px) {
        .article--inline-text {
          font-size: 1.33333vw;
          line-height: 2.0;
          margin: 2.08333vw 0 0; } }
      @media only screen and (min-width: 1201px) {
        .article--inline-text {
          font-size: 16px;
          margin: 25px 0 0; } }
      .article--inline-text a {
        color: #710808;
        text-decoration: underline; }
        @media only screen and (min-width: 769px) {
          .article--inline-text a:hover {
            text-decoration: none; } }
    .article--inline-link {
      margin: 8vw 0 0; }
      @media only screen and (min-width: 769px) {
        .article--inline-link {
          margin: 3.75vw 0 0; } }
      @media only screen and (min-width: 1201px) {
        .article--inline-link {
          margin: 45px 0 0; } }
      .article--inline-link a {
        font-size: 3.73333vw;
        line-height: 2.0;
        color: #710808;
        text-decoration: underline; }
        @media only screen and (min-width: 769px) {
          .article--inline-link a {
            font-size: 1.66667vw;
            margin: 3.75vw 0 0; }
            .article--inline-link a:hover {
              text-decoration: none; } }
        @media only screen and (min-width: 1201px) {
          .article--inline-link a {
            font-size: 20px;
            margin: 45px 0 0; } }
  .article--topbtn {
    margin: 11.33333vw 0 0; }
    .article--topbtn a {
      display: block;
      transition: .2s; }
      .article--topbtn a:hover {
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
    @media only screen and (min-width: 769px) {
      .article--topbtn {
        width: 45vw;
        margin: 7.5vw auto 0; } }
    @media only screen and (min-width: 1201px) {
      .article--topbtn {
        width: 540px;
        margin: 90px auto 0; } }

/*# sourceMappingURL=../maps/style.css.map */











/* 東映アニメーション追加 */


    	.mT10{margin-top:10px;}
    	.mT20{margin-top:20px;}
    	.mT30{margin-top:30px;}
    	.mT40{margin-top:40px;}
    	.mT50{margin-top:50px;}
    	.mT60{margin-top:60px;}
    	.mT70{margin-top:70px;}
    	.mT80{margin-top:80px;}
    	.mT90{margin-top:90px;}
    	.mT100{margin-top:100px;}


    	.mB10{margin-bottom:10px;}
    	.mB20{margin-bottom:20px;}
    	.mB30{margin-bottom:30px;}
    	.mB40{margin-bottom:40px;}
    	.mB50{margin-bottom:50px;}
    	.mB60{margin-bottom:60px;}
    	.mB70{margin-bottom:70px;}
    	.mB80{margin-bottom:80px;}
    	.mB90{margin-bottom:90px;}
    	.mB100{margin-bottom:100px;}

        .coming{font-size:4vw;text-align:center;font-family: freight-sans-pro, sans-serif;}

      @media only screen and (max-width: 768px) {
    	.about-comics{margin-top:50px;}
    	.about-comics p strong{font-size:4em;font-weight:700;}
    	.about-comics p a{		    
    	width: 100%;
		    text-align: center;
		    display: inline-block;
		    margin: 0px 0 0px;
		}
		    
    	.about-comics p a:hover{text-decoration:none;}
	}
	
	
    @media only screen and (min-width: 769px) {
    	.about-comics{margin-top:50px;}
    	.about-comics p strong{font-size:4em;font-weight:700;}
    	.about-comics p a{
		    width: 80%;
		    text-align: center;
		    display: inline-block;
		    margin: 0px 0 70px;
    	}
    	
    	.about-comics p a:hover{text-decoration:none;}
	}
	
	
#goods .cat-news,#goods .cat-event{display:none;}
#event .cat-news,#event .cat-goods{display:none;}