@media screen and (max-width: 750px) {
  #wrapper {
    width: 100%;
    min-width: 100%; }
  .cont-pc {
    display: none !important; }
  .cont-sp {
    display: inline-block; } }

@media screen and (min-width: 751px) {
  .cont-pc {
    display: inline-block; }
  .cont-sp {
    display: none !important; } }

.top-main {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 751px) {
    .top-main {
      height: 425px;
      width: 100%;
      display: block; } }
  @media screen and (max-width: 750px) {
    .top-main {
      padding-bottom: 10px; } }
  .top-main__slide {
    width: 2400px;
    position: relative;
    left: 50%;
    margin-left: -1200px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media screen and (max-width: 750px) {
      .top-main__slide {
        width: 100%;
        left: 0;
        margin-left: 0;
        margin-bottom: 20px; } }
    .top-main__slide.slide {
      margin-left: -700px; }
    .top-main__slidewrap li {
      width: 100%;
      position: absolute;
      left: 100%;
      top: 0;
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0); }
      .top-main__slidewrap li:first-child {
        left: 0; }
  .top-main .slider-pro {
    position: absolute;
    left: 0;
    top: 0; }
  .top-main__nav {
    width: 43px;
    height: 43px;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    cursor: pointer;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg); }
    .top-main__navl {
      left: 50px;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      z-index: 10; }
      .top-main__navl.top-main__navl--open {
        left: 210px; }
      @media screen and (min-width: 751px) {
        .top-main__navl:hover {
          -ms-transform: rotate(-360deg);
          transform: rotate(-360deg);
          -webkit-transform: rotate(-360deg); } }
    .top-main__navr {
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      right: 23px;
      z-index: 10; }
      @media screen and (min-width: 751px) {
        .top-main__navr:hover {
          -ms-transform: rotate(360deg);
          transform: rotate(360deg);
          -webkit-transform: rotate(360deg); } }
  .top-main__pager {
    letter-spacing: -4.0em;
    text-align: center;
    width: 100%; }
    .top-main__pager li {
      width: 10px;
      height: 10px;
      border-radius: 50% 50%;
      -moz-border-radius: 50% 50%;
      -webkit-border-radius: 50% 50%;
      -o-border-radius: 50% 50%;
      -ms-border-radius: 50% 50%;
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top;
      background: #000000;
      margin: 0 5px; }
      .top-main__pager li.top-main__pager--current {
        background: #e60033; }
  .top-main .sp-button {
    width: 8px !important;
    height: 8px !important;
    border: none;
    border-radius: 50%;
    background: #000000;
    margin: 0 5px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer; }
  .top-main .sp-selected-button {
    background: #e60033; }

.top-container {
  width: 100%;
  position: relative; }
  .top-container__logo {
    width: 400px;
    position: absolute;
    left: 50%;
    margin-left: -120px;
    top: -18px;
    z-index: 4; }
    .top-container__logo img {
      position: relative;
      top: 0; }
    .top-container__logo ul {
      letter-spacing: -.40em;
      position: relative;
      left: 0;
      top: 0;
      position: absolute; }
      .top-container__logo ul li {
        letter-spacing: normal;
        display: inline-block;
        vertical-align: top;
        position: relative; }
        .top-container__logo ul li img {
          position: relative;
          top: 0; }
    .top-container__logo1 {
      width: 111px;
      padding-top: 8px; }
    .top-container__logo2 {
      width: 66px;
      padding-top: 81px; }
    .top-container__logo3 {
      width: 86px;
      padding-top: 81px; }
    .top-container__logo4 {
      width: 63px;
      padding-top: 76px; }
    @media screen and (max-width: 750px) {
      .top-container__logo {
        width: 70%;
        left: 15%;
        margin-left: 0; }
        .top-container__logo img {
          width: 100%; }
        .top-container__logo1 {
          width: 74px;
          top: -2px; }
          .top-container__logo1 > img {
            width: 83px; }
        .top-container__logo2 {
          width: 43px;
          padding-top: 53px; }
          .top-container__logo2 > img {
            width: 47px; }
        .top-container__logo3 {
          width: 56px;
          padding-top: 53px; }
          .top-container__logo3 > img {
            width: 66px; }
        .top-container__logo4 {
          width: 43px;
          padding-top: 49px; }
          .top-container__logo4 > img {
            width: 51px; }
        .top-container__logo5 > img {
          width: 47px; } }

.top-left {
  width: 200px;
  position: relative;
  z-index: 10; }
  @media screen and (max-width: 750px) {
    .top-left {
      width: 100%; } }
  .top-left__inner {
    width: 200px; }
    @media screen and (max-width: 750px) {
      .top-left__inner {
        width: 100%; } }
    @media screen and (min-width: 751px) {
      .top-left__inner.fixed {
        position: fixed;
        left: 0;
        bottom: 0; }
      .top-left__inner.fixed2 {
        position: fixed;
        left: 0;
        top: 0; } }
  @media screen and (min-width: 751px) and (min-width: 2401px) {
    .top-left__inner.fixed2 {
      left: 50%;
      margin-left: -1200px; } }

.top-right {
  position: relative;
  width: 100%;
  margin-left: -200px;
  z-index: 5; }
  @media screen and (max-width: 750px) {
    .top-right {
      margin-left: 0; } }
  @media screen and (min-width: 751px) {
    .top-right__inner {
      margin-left: 200px; } }
  .top-right__block1 {
    letter-spacing: -.40em;
    position: relative; }
  @media screen and (min-width: 751px) {
    .top-right__block__l {
      width: 600px;
      float: left; }
    .top-right__block__r {
      width: 100%;
      margin-left: -600px;
      float: right; }
      .top-right__block__rinner {
        margin-left: 600px; } }
  @media screen and (max-width: 750px) {
    .top-right__block__r {
      float: none !important; } }
  .top-right__photo img {
    width: 50%; }

.top-news {
  width: 50%;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top; }
  @media screen and (max-width: 750px) {
    .top-news {
      display: block;
      width: 100%;
      margin: 0 auto 30px auto; }
      .top-news .top-more {
        padding-top: 0; } }
  @media screen and (min-width: 751px) {
    .top-news .top-more {
      width: 50%;
      position: absolute;
      left: 0;
      bottom: 0; } }
  .top-news__ttl {
    font-family: 'Pacifico', cursive;
    font-size: 33px;
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    position: relative;
    top: 10px;
    left: 10px;
    margin-bottom: 19px;
    display: inline-block; }
  .top-news__list {
    margin: 0 25px; }
    @media screen and (max-width: 750px) {
      .top-news__list {
        width: 86.6%;
        margin: 0 auto 30px auto; } }
    .top-news__list li {
      display: table;
      margin-bottom: 23px; }
    .top-news__list div {
      display: table-cell;
      vertical-align: middle; }
  .top-news__date {
    font-family: 'Bree Serif';
    color: #000000;
    width: 65px; }
    .top-news__datey {
      font-size: 10px;
      line-height: 12px; }
    .top-news__dated {
      font-size: 21px;
      line-height: 22px;
      margin-bottom: -2px; }
    .top-news__datew {
      font-size: 11px; }
  .top-news__icon {
    width: 30px;
    font-size: 0;
    line-height: 0; }
  .top-news__title {
    font-weight: 700;
    font-size: 13px;
    line-height: 21px; }

.top-schedule {
  border-left: 1px solid #eeeeee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top; }
  @media screen and (max-width: 750px) {
    .top-schedule {
      display: block;
      width: 100%;
      margin: 0 auto 30px auto;
      border-left: none;
      position: relative; } }
  .top-schedule__ttl {
    font-family: 'Pacifico', cursive;
    font-size: 33px;
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    position: relative;
    top: -1px;
    left: 10px;
    margin-bottom: 1px;
    display: inline-block; }
  .top-schedule__list {
    margin: 0 5px 0 5px; }
    @media screen and (max-width: 750px) {
      .top-schedule__list {
        width: 86.6%;
        margin: 0 auto; } }
    .top-schedule__list li {
      min-height: 38px;
      padding: 10px 0 9px 0;
      border-bottom: 1px dashed #c8c7c7;
      position: relative;
      width: 100%;
      text-align: left; }
      .top-schedule__list li.sun .top-schedule__date, .top-schedule__list li.holiday .top-schedule__date {
        color: #e00000; }
      .top-schedule__list li.sat .top-schedule__date {
        color: #0067d1; }
  .top-schedule__table {
    display: table; }
  .top-schedule__date {
    font-family: 'Bree Serif';
    width: 65px;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
    @media screen and (max-width: 750px) {
      .top-schedule__date {
        width: 45px; } }
    .top-schedule__dated {
      font-size: 24px;
      line-height: 22px;
      margin-bottom: -2px; }
      .top-schedule__dated span {
        font-size: 18px; }
    .top-schedule__datew {
      font-size: 11px; }
  .top-schedule__item {
    display: table-cell;
    vertical-align: middle; }
    .top-schedule__item dl {
      position: relative;
      padding-left: 70px; }
    .top-schedule__item dt {
      width: 50px;
      position: absolute;
      left: 10px;
      top: 50%;
      font-family: 'Pacifico', cursive;
      font-size: 10px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
    .top-schedule__item dd {
      font-weight: 700;
      font-size: 13px;
      line-height: 22px; }

.top-more {
  width: 100%;
  text-align: center;
  padding: 17px 0 33px 0; }
  @media screen and (max-width: 750px) {
    .top-more {
      padding-bottom: 15px; } }
  .top-more a {
    display: inline-block;
    padding-right: 24px;
    position: relative; }
    .top-more a:hover {
      text-decoration: none; }
      .top-more a:hover img {
        right: -10px; }
  .top-more__txt {
    font-family: 'Pacifico', cursive;
    font-size: 17px; }
  .top-more__arrow {
    position: absolute;
    font-size: 0;
    line-height: 0;
    right: 0;
    top: 9px; }
    .top-more__arrow img {
      position: relative;
      right: 0;
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s; }
    @media screen and (max-width: 750px) {
      .top-more__arrow {
        top: 9px; } }

.top-mobile {
  text-align: center;
  color: #ffffff;
  padding-bottom: 12px;
  background: #949494;
  margin-bottom: 25px;
  width: 100%; }
  @media screen and (max-width: 750px) {
    .top-mobile {
      padding-bottom: 0; } }
  .top-mobile__title {
    padding-top: 27px;
    margin-bottom: 13px; }

.top-movie {
  position: relative;
  width: 600px;
  height: 265px;
  z-index: 1; }
  @media screen and (max-width: 750px) {
    .top-movie {
      width: 100%;
      height: auto;
      display: none; }
      .top-movie:nth-child(1) {
        display: block; } }
  .top-movie__thumbnail {
    width: 600px;
    height: 265px;
    overflow: hidden;
    position: relative;
    cursor: pointer; }
    @media screen and (max-width: 750px) {
      .top-movie__thumbnail {
        width: 100%;
        height: auto; } }
  .top-movie__player {
    width: 600px;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background: #000000;
    overflow: hidden; }
    @media screen and (max-width: 750px) {
      .top-movie__player {
        width: 100%; } }
    .top-movie__player--open {
      height: 530px; }
      @media screen and (max-width: 750px) {
        .top-movie__player--open {
          height: 100%; } }
    .top-movie__player__main {
      width: 600px;
      height: 338px;
      position: absolute;
      left: 0;
      top: 50%;
      margin-top: -164px; }
      @media screen and (max-width: 750px) {
        .top-movie__player__main {
          width: 100%;
          height: 100%;
          top: 0;
          margin-top: 0; } }
    .top-movie__player__close {
      width: 30px;
      height: 30px;
      position: absolute;
      right: 8px;
      top: 9px;
      cursor: pointer;
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s;
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg); }
      .top-movie__player__close:hover {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg); }
  @media screen and (min-width: 751px) {
    .top-movie__base img {
      position: relative;
      -webkit-transition: all 0.3s ease-out 0s;
      -moz-transition: all 0.3s ease-out 0s;
      -o-transition: all 0.3s ease-out 0s;
      transition: all 0.3s ease-out 0s;
      -ms-transform: scale(1, 1);
      transform: scale(1, 1);
      -webkit-transform: scale(1, 1); }
    .top-movie__base:hover img {
      -ms-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-transform: scale(1.05, 1.05); } }
  @media screen and (max-width: 750px) {
    .top-movie__base img {
      width: 120%;
      margin-left: -10%; } }
  .top-movie__arrow {
    width: 55px;
    height: 55px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -28px;
    margin-top: -28px; }
  .top-movie--open {
    z-index: 2; }

.top-link {
  margin-bottom: 30px; }
  @media screen and (max-width: 750px) {
    .top-link {
      letter-spacing: -.40em;
      margin-bottom: 12px;
      padding-top: 5px; } }
  .top-link__item {
    position: relative;
    padding-left: 105px;
    text-align: center;
    height: 90px;
    margin-bottom: 13px; }
    @media screen and (max-width: 750px) {
      .top-link__item {
        width: 25%;
        letter-spacing: normal;
        display: inline-block;
        vertical-align: top;
        padding-left: 25%; } }
    .top-link__item:nth-child(3) .top-link__name {
      font-size: 13px; }
  .top-link__photo {
    width: 90px;
    position: absolute;
    left: 15px;
    top: 0; }
    .top-link__photo a {
      margin: 0 !important; }
    @media screen and (max-width: 750px) {
      .top-link__photo {
        width: 48%;
        left: 4.5%; }
        .top-link__photo img {
          width: 100%; } }
  .top-link__name {
    font-family: 'Pacifico', cursive;
    font-size: 16px;
    color: #000000;
    padding-top: 22px; }
    @media screen and (max-width: 750px) {
      .top-link__name {
        padding-top: 18px; } }
  .top-link a {
    display: inline-block;
    margin: 0 4px;
    font-size: 0; }
    .top-link a:hover img {
      -webkit-animation: snsanim 0.3s linear 0s normal;
      animation: snsanim 0.3s linear 0s normal; }
    .top-link a img {
      position: relative; }
    .top-link a:last-of-type {
      position: relative;
      top: 2px; }

@media screen and (max-width: 750px) {
  .top-banner {
    width: 100%; } }

.top-banner ul {
  letter-spacing: -.40em; }
  @media screen and (min-width: 751px) {
    .top-banner ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.top-banner2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.top-banner__item {
  width: 300px;
  height: 265px;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  overflow: hidden; }
  @media screen and (max-width: 750px) {
    .top-banner__item {
      width: 50%;
      height: 187px;
      position: relative; } }
  .top-banner__item a {
    display: block;
    width: 100%;
    height: 265px;
    position: relative;
    text-align: center; }
    @media screen and (max-width: 750px) {
      .top-banner__item a {
        width: 100%;
        height: 187px; }
        .top-banner__item a > p {
          width: 100%;
          height: 100%;
          position: relative; }
        .top-banner__item a img {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
    @media screen and (min-width: 751px) {
      .top-banner__item a:hover img {
        -ms-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
        -webkit-transform: scale(1.05, 1.05); } }
  .top-banner__item1 {
    background: #f9f9f9; }
    .top-banner__item1__txt {
      width: 280px;
      height: 151px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -140px;
      margin-top: -75px; }
      @media screen and (max-width: 750px) {
        .top-banner__item1__txt {
          width: 100%;
          position: relative;
          text-align: center;
          left: 0;
          margin-left: 0;
          margin-top: -43px; }
          .top-banner__item1__txt img {
            width: 93.3%; } }
  .top-banner__item2__txt {
    width: 168px;
    height: 151px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -84px;
    margin-top: -75px; }
    @media screen and (max-width: 750px) {
      .top-banner__item2__txt {
        margin-top: -63px; } }
  .top-banner__item3 {
    width: 50%;
    background: #f9f9f9; }
    .top-banner__item3__txt {
      width: 131px;
      height: 106px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -65px;
      margin-top: -43px; }
  .top-banner__item4 {
    width: 50%; }
    .top-banner__item4__txt {
      width: 65px;
      height: 89px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -33px;
      margin-top: -45px; }
  .top-banner__item img {
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1); }

.top-twitter {
  position: relative;
  background: #f9f9f9;
  height: 530px; }
  @media screen and (max-width: 750px) {
    .top-twitter {
      padding-top: 30px;
      padding-bottom: 20px;
      height: auto; } }
  .top-twitter__ttl {
    font-family: 'Pacifico', cursive;
    font-size: 33px;
    -ms-transform: rotate(-9deg);
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    position: relative;
    top: 3px;
    left: 10px;
    margin-bottom: 19px;
    display: inline-block; }
    .top-twitter__ttl-icon {
      font-size: 0;
      position: absolute;
      left: 105px;
      top: 48px; }
      @media screen and (max-width: 750px) {
        .top-twitter__ttl-icon {
          top: 74px; } }
  .top-twitter__account {
    position: absolute;
    right: 13px;
    top: 16px;
    padding-left: 48px; }
    @media screen and (max-width: 750px) {
      .top-twitter__account {
        top: 46px; } }
    .top-twitter__account .icon {
      position: absolute;
      left: 0;
      top: 0; }
      .top-twitter__account .icon img {
        width: 37px; }
    .top-twitter__account .sn {
      padding-top: 5px; }
      .top-twitter__account .sn a {
        font-family: 'Bree Serif';
        font-size: 13px; }
  .top-twitter__list {
    margin-left: 10px;
    border-top: 1px dashed #c8c7c7;
    height: 390px;
    overflow: auto; }
    @media screen and (max-width: 750px) {
      .top-twitter__list {
        margin-left: 0;
        border-top: none; } }
    .top-twitter__list::-webkit-scrollbar {
      width: 5px;
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s; }
    .top-twitter__list::-webkit-scrollbar-track {
      background: #d1d1d1; }
    .top-twitter__list::-webkit-scrollbar-thumb {
      background: #e60033; }
    .top-twitter__listwrap {
      margin-right: 15px; }
      @media screen and (max-width: 750px) {
        .top-twitter__listwrap {
          border-top: 1px dashed #c8c7c7;
          width: 86.6%;
          margin: 0 auto; } }
  .top-twitter__item {
    border-bottom: 1px dashed #c8c7c7;
    padding: 10px 5px; }
    .top-twitter__item .date {
      font-family: 'Bree Serif';
      font-size: 13px;
      margin-bottom: 10px; }
    .top-twitter__item .text {
      font-weight: 700;
      font-size: 13px;
      line-height: 20px;
      margin-bottom: 5px;
      padding-left: 4px; }
      .top-twitter__item .text a {
        color: #e60033; }
    .top-twitter__item .action li {
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top;
      margin-right: 3px; }
      .top-twitter__item .action li a {
        display: block;
        width: 20px;
        height: 20px;
        position: relative; }
        .top-twitter__item .action li a img {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translateX(-50%) translateY(-50%);
          -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }
      .top-twitter__item .action li a:hover {
        -webkit-animation: snsanim 0.2s linear 0s normal;
        animation: snsanim 0.2s linear 0s normal; }
      .top-twitter__item .action li img {
        position: relative; }
  .top-twitter .top-more {
    padding-top: 15px;
    padding-bottom: 15px; }
    @media screen and (max-width: 750px) {
      .top-twitter .top-more {
        padding-top: 15px; } }

.top-foot {
  padding-bottom: 30px; }
  @media screen and (max-width: 750px) {
    .top-foot {
      margin-top: 50px;
      text-align: left;
      position: relative; } }
  .top-foot__copy {
    font-family: 'Bree Serif';
    font-size: 10px;
    line-height: 15px;
    padding-left: 15px;
    margin-bottom: 35px; }
    @media screen and (max-width: 750px) {
      .top-foot__copy {
        margin-bottom: 15px;
        padding-left: 25px;
        width: 125px; } }

.foot-pagetop {
  margin-left: 15px;
  display: inline-block;
  position: relative;
  padding-right: 25px;
  cursor: pointer; }
  .foot-pagetop__txt {
    font-family: 'Pacifico', cursive;
    font-size: 14px; }
  .foot-pagetop__arrow {
    position: absolute;
    right: 0;
    bottom: 5px; }
    .foot-pagetop__arrow img {
      position: relative;
      top: 0;
      -webkit-transition: all 0.2s ease-in 0s;
      -moz-transition: all 0.2s ease-in 0s;
      -o-transition: all 0.2s ease-in 0s;
      transition: all 0.2s ease-in 0s; }
  @media screen and (min-width: 751px) {
    .foot-pagetop:hover img {
      top: -5px; } }
  @media screen and (max-width: 750px) {
    .foot-pagetop {
      margin-left: 15px;
      display: inline-block;
      position: absolute;
      right: 25px;
      top: 2px;
      padding-right: 25px;
      cursor: pointer; } }

@media screen and (max-width: 750px) {
  .nav {
    width: 227px;
    height: 460px;
    position: absolute;
    left: -155px;
    top: 0;
    z-index: 10;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0, 0.55, 1) 0s;
    -moz-transition: all 0.4s cubic-bezier(0.55, 0, 0.55, 1) 0s;
    -o-transition: all 0.4s cubic-bezier(0.55, 0, 0.55, 1) 0s;
    transition: all 0.4s cubic-bezier(0.55, 0, 0.55, 1) 0s; }
    .nav.open {
      left: 0; }
      .nav.open .head {
        left: 9px; }
      .nav.open .nav-btn {
        left: 143px; }
        .nav.open .nav-btn p {
          background: #ffffff; }
        .nav.open .nav-btn__line1 {
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          top: 5px; }
        .nav.open .nav-btn__line2 {
          opacity: 0;
          filter: alpha(opacity=0); }
        .nav.open .nav-btn__line3 {
          width: 22px;
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          top: 5px; }
    .nav-base2 {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 2000px 400px 0 400px;
      border-color: #e60033 transparent transparent transparent;
      position: absolute;
      right: 13px;
      top: 0; }
    .nav-logo {
      position: relative;
      padding-left: 15px;
      padding-top: 59px;
      margin-bottom: 34px;
      font-size: 0;
      line-height: 0; }
    .nav-btn {
      width: 22px;
      height: 13px;
      position: absolute;
      top: 93px;
      left: 163px;
      -webkit-transition: all 0.2s ease-out 0s;
      -moz-transition: all 0.2s ease-out 0s;
      -o-transition: all 0.2s ease-out 0s;
      transition: all 0.2s ease-out 0s; }
      .nav-btn p {
        height: 2px;
        position: absolute;
        background: #ffffff;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s; }
      .nav-btn2 p {
        background: #ffffff; }
      .nav-btn__line1 {
        width: 22px;
        left: 0;
        top: 0;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg); }
      .nav-btn__line2 {
        width: 17px;
        left: 0;
        top: 5px;
        opacity: 1;
        filter: alpha(opacity=100); }
      .nav-btn__line3 {
        width: 12px;
        left: 0;
        top: 10px;
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg); }
    .nav-global {
      position: relative;
      padding-left: 15px;
      padding-bottom: 21px; }
      .nav-global li {
        margin-bottom: 12px; }
        .nav-global li a {
          font-family: 'Bree Serif';
          font-size: 16px;
          letter-spacing: normal;
          display: inline-block;
          vertical-align: top;
          position: relative;
          color: #ffffff; }
        .nav-global li.nav-global--current .nav-global__line {
          width: 100%;
          left: 0; }
      .nav-global__line {
        width: 0;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: -1px;
        background: #ffffff;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s; }
    .nav-sns {
      position: relative;
      padding-left: 13px; }
      .nav-sns ul {
        letter-spacing: -.40em; }
        .nav-sns ul li {
          width: 21px;
          height: 21px;
          letter-spacing: normal;
          display: inline-block;
          vertical-align: top;
          margin-right: 16px; }
          .nav-sns ul li a {
            display: inline-block;
            font-size: 0;
            line-height: 0; }
            .nav-sns ul li a:hover img {
              -webkit-animation: snsanim 0.2s linear 0s normal;
              animation: snsanim 0.2s linear 0s normal; }
            .nav-sns ul li a img {
              position: relative; } }

.modal {
  position: fixed;
  width: 100%;
  height: 0;
  overflow: hidden;
  left: 0;
  top: 0;
  background: #000;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
  z-index: 100; }

.modal-main {
  width: 900px;
  height: 506px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -450px;
  margin-top: -253px; }

.modal.-open {
  height: 100%; }

.modal-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.modal-close {
  width: 43px;
  height: 43px;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg); }

.modal-close:hover {
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg); }

.top-main__slidewrap li {
  height: 425px; }

.top-main__slidewrap li a {
  display: block;
  position: relative;
  width: 100%;
  height: 425px; }

.top-main__slidewrap li .base {
  position: absolute;
  width: 2400px;
  height: 425px;
  left: 0;
  top: 0;
  display: none; }

.top-main__slidewrap li .slice {
  width: 400px;
  height: 0;
  position: absolute;
  overflow: hidden;
  -ms-transform: skewX(-11deg);
  transform: skewX(-11deg);
  -webkit-transform: skewX(-11deg);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s; }

.top-main__slidewrap li .slice.-show {
  height: 425px; }

.top-main__slidewrap li .slice1 {
  width: 490px;
  left: 0px;
  top: 0; }

.top-main__slidewrap li .slice2 {
  width: 450px;
  left: 490px;
  bottom: 0; }

.top-main__slidewrap li .slice3 {
  width: 350px;
  left: 940px;
  top: 0; }

.top-main__slidewrap li .slice4 {
  width: 350px;
  left: 1290px;
  bottom: 0; }

.top-main__slidewrap li .slice5 {
  width: 450px;
  left: 1640px;
  top: 0; }

.top-main__slidewrap li .slice6 {
  width: 450px;
  left: 2090px;
  bottom: 0; }

.top-main__slidewrap li .slice > img {
  -ms-transform: skewX(11deg);
  transform: skewX(11deg);
  -webkit-transform: skewX(11deg);
  position: absolute; }

.top-main__slidewrap li .slice1 img {
  left: 0px;
  top: 0; }

.top-main__slidewrap li .slice2 img {
  left: -490px;
  bottom: 0; }

.top-main__slidewrap li .slice3 img {
  left: -940px;
  top: 0; }

.top-main__slidewrap li .slice4 img {
  left: -1290px;
  bottom: 0; }

.top-main__slidewrap li .slice5 img {
  left: -1640px;
  top: 0; }

.top-main__slidewrap li .slice6 img {
  left: -2090px;
  bottom: 0; }