@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@800&display=swap");
#wrapper .puchi-info-wrap {
  position: relative;
  margin-bottom: 60px; }
  #wrapper .puchi-info-wrap .mark {
    width: 100px;
    height: 100px;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 100%;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: -71px;
    padding-top: 2px;
    left: 0; }
    #wrapper .puchi-info-wrap .mark::after {
      position: absolute;
      -webkit-transform: rotate(56deg);
      transform: rotate(56deg);
      content: "";
      display: block;
      width: 0;
      height: 0;
      bottom: -7px;
      right: 18px;
      border-style: solid;
      border-width: 10px 0 10px 18px; }
  #wrapper .puchi-info-wrap .puchi-list-box {
    background: #f3f7f9;
    padding: 44px 43px 26px;
    line-height: 32px; }
    #wrapper .puchi-info-wrap .puchi-list-box li {
      position: relative;
      padding-left: 28px;
      margin-bottom: 7px; }
      #wrapper .puchi-info-wrap .puchi-list-box li .puchi-list-link {
        cursor: pointer;
        text-decoration: underline; }
        #wrapper .puchi-info-wrap .puchi-list-box li .puchi-list-link:hover {
          text-decoration: none; }
      #wrapper .puchi-info-wrap .puchi-list-box li:last-child {
        margin-bottom: 0; }
      #wrapper .puchi-info-wrap .puchi-list-box li::after {
        background: none;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        position: absolute;
        top: 12px;
        display: block;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 10px;
        left: 0; }
  #wrapper .puchi-info-wrap .marker {
    font-weight: bold;
    background: -webkit-linear-gradient(transparent 50%, #d9d718 50%);
    background: linear-gradient(transparent 50%, #d9d718 50%); }

#wrapper .page-ttl-a.sub-top .sub {
  font-size: 14px;
  color: #e3007f;
  display: block;
  font-weight: bold; }

#wrapper .plan-main-wrap {
  padding: 40px; }
  #wrapper .plan-main-wrap .plan-main-wrap-inner {
    padding: 23px 40px 1px; }
  #wrapper .plan-main-wrap .area-ttl {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 550px;
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    #wrapper .plan-main-wrap .area-ttl::before {
      position: relative;
      top: 17px;
      content: "";
      width: 60px;
      height: 79px;
      display: block; }
    #wrapper .plan-main-wrap .area-ttl .txt {
      max-width: 210px;
      line-height: 21px;
      padding-bottom: 5px;
      display: inline-block;
      position: relative;
      top: 11px;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 8px;
      border-bottom: 3px solid #000000;
      margin-left: 22px; }
  #wrapper .plan-main-wrap .contents-box {
    display: block;
    margin-top: -20px;
    width: 550px;
    position: relative; }
  #wrapper .plan-main-wrap .photo-list-box {
    position: relative;
    z-index: 2;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
    #wrapper .plan-main-wrap .photo-list-box li:nth-child(n + 2) {
      position: absolute; }
    #wrapper .plan-main-wrap .photo-list-box li:first-child {
      width: 550px; }
    #wrapper .plan-main-wrap .photo-list-box li img {
      width: 100%;
      box-sizing: border-box;
      background-color: #ffffff;
      padding: 5px;
      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); }
  #wrapper .plan-main-wrap .pc-plan-left .event-name .inner {
    padding-left: 40px; }
  #wrapper .plan-main-wrap .event-name {
    width: 700px;
    margin-top: -64px;
    position: relative; }
    #wrapper .plan-main-wrap .event-name .inner {
      font-size: 20px;
      color: #ffffff;
      box-sizing: border-box;
      padding-top: 90px;
      padding-bottom: 30px;
      padding-right: 40px;
      font-weight: bold;
      padding-left: 43px;
      position: relative; }
      #wrapper .plan-main-wrap .event-name .inner .event-ttl {
        position: relative;
        z-index: 2; }
      #wrapper .plan-main-wrap .event-name .inner .event-detail {
        position: relative;
        z-index: 2;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px; }
      #wrapper .plan-main-wrap .event-name .inner .event-bg {
        width: 0%;
        height: 100%;
        top: 0;
        position: absolute;
        z-index: 0; }

#wrapper .plan-main-list {
  margin-bottom: 65px; }
  #wrapper .plan-main-list:last-child .next-arrow {
    display: none; }
  #wrapper .plan-main-list .next-arrow {
    position: absolute;
    content: "";
    display: block;
    width: 176px;
    height: 184px;
    bottom: 30px;
    z-index: 3; }
  #wrapper .plan-main-list .icon-list-box {
    position: absolute;
    top: 30px;
    right: -2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    #wrapper .plan-main-list .icon-list-box li {
      width: 120px;
      line-height: 30px;
      text-align: center;
      color: #ffffff;
      text-indent: -9999px;
      overflow: hidden; }
      #wrapper .plan-main-list .icon-list-box li:last-child {
        margin-left: 3px; }
    #wrapper .plan-main-list .icon-list-box .icon-summerpass {
      background: url(../common-img/icon_venue.png) no-repeat;
      background-size: 100%;
      width: 120px;
      height: 30px; }
    #wrapper .plan-main-list .icon-list-box .icon-seiriken {
      background: url(../common-img/icon_home.png) no-repeat;
      background-size: 100%;
      width: 120px;
      height: 30px; }

#wrapper .pc-plan-left {
  position: relative; }
  #wrapper .pc-plan-left .event-name {
    left: -40px; }
    #wrapper .pc-plan-left .event-name .event-bg {
      left: 0; }
  #wrapper .pc-plan-left .next-arrow {
    left: 785px;
    bottom: 0px; }

#wrapper .pc-plan-right {
  position: relative; }
  #wrapper .pc-plan-right .event-name {
    right: 45px; }
    #wrapper .pc-plan-right .event-name .event-bg {
      right: 0; }
    #wrapper .pc-plan-right .event-name .inner .txt {
      padding-left: 5px; }
  #wrapper .pc-plan-right .next-arrow {
    right: auto;
    left: -230px;
    bottom: 0px; }
  #wrapper .pc-plan-right .contents-box {
    margin-left: auto;
    margin-right: 65px; }
  #wrapper .pc-plan-right.plan-main-list:before {
    bottom: 4px; }

#wrapper .pc-pattern-left-02-1 .photo-list-box li:nth-child(2) {
  width: 300px;
  right: -297px;
  top: 65px;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg); }

#wrapper .pc-pattern-right-02-1 .photo-list-box li:nth-child(2) {
  width: 300px;
  left: -284px;
  top: 69px;
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg); }

#wrapper .pc-pattern-left-02-2 .photo-list-box li:nth-child(2) {
  width: 300px;
  right: -290px;
  top: 61px;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg); }

#wrapper .pc-pattern-right-03-1 .photo-list-box li:nth-child(2) {
  width: 300px;
  left: -304px;
  top: -7px;
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg); }

#wrapper .pc-pattern-right-03-1 .photo-list-box li:nth-child(3) {
  width: 300px;
  left: -234px;
  top: 149px;
  -webkit-transform: rotate(-8deg);
  transform: rotate(-8deg); }

#wrapper .pc-pattern-left-03-1 .photo-list-box li:nth-child(2) {
  width: 300px;
  left: 613px;
  top: -49px;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg); }

#wrapper .pc-pattern-left-03-1 .photo-list-box li:nth-child(3) {
  width: 300px;
  left: 535px;
  top: 89px;
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg); }

#wrapper .plan-link {
  display: block; }
  #wrapper .plan-link:hover .photo-list-box {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
    position: relative; }

.plan-wrapper-pattern-01 .plan-main-wrap {
  background: #da7b97; }

.plan-wrapper-pattern-01 .puchi-info-wrap .mark {
  background: #da7b97; }
  .plan-wrapper-pattern-01 .puchi-info-wrap .mark:after {
    border-color: transparent transparent transparent #da7b97; }

.plan-wrapper-pattern-01 .event-name .inner .event-bg {
  background: #da7b97; }

.plan-wrapper-pattern-01 .puchi-list-box li::after {
  border-color: transparent transparent transparent #da7b97; }

.plan-wrapper-pattern-01 .plan-main-wrap {
  background: #da7b97; }

.plan-wrapper-pattern-01 .pc-plan-left .next-arrow {
  background: url(../plan/img/plan_1-1-arrow.png) no-repeat; }

.plan-wrapper-pattern-01 .pc-plan-right .next-arrow {
  background: url(../plan/img/plan_1-2-arrow.png) no-repeat; }

.plan-wrapper-pattern-02 .plan-main-wrap {
  background: #60c563; }

.plan-wrapper-pattern-02 .puchi-info-wrap .mark {
  background: #60c563; }
  .plan-wrapper-pattern-02 .puchi-info-wrap .mark:after {
    border-color: transparent transparent transparent #60c563; }

.plan-wrapper-pattern-02 .event-name .inner .event-bg {
  background: #60c563; }

.plan-wrapper-pattern-02 .puchi-list-box li::after {
  border-color: transparent transparent transparent #60c563; }

.plan-wrapper-pattern-02 .plan-main-wrap {
  background: #60c563; }

.plan-wrapper-pattern-02 .pc-plan-left .next-arrow {
  background: url(../plan/img/plan_2-1-arrow.png) no-repeat; }

.plan-wrapper-pattern-02 .pc-plan-right .next-arrow {
  background: url(../plan/img/plan_2-2-arrow.png) no-repeat; }

.plan-wrapper-pattern-03 .plan-main-wrap {
  background: #943a86; }

.plan-wrapper-pattern-03 .puchi-info-wrap .mark {
  background: #943a86; }
  .plan-wrapper-pattern-03 .puchi-info-wrap .mark:after {
    border-color: transparent transparent transparent #943a86; }

.plan-wrapper-pattern-03 .event-name .inner .event-bg {
  background: #943a86; }

.plan-wrapper-pattern-03 .puchi-list-box li::after {
  border-color: transparent transparent transparent #943a86; }

.plan-wrapper-pattern-03 .plan-main-wrap {
  background: #943a86; }

.plan-wrapper-pattern-03 .pc-plan-left .next-arrow {
  background: url(../plan/img/plan_3-1-arrow.png) no-repeat; }

.plan-wrapper-pattern-03 .pc-plan-right .next-arrow {
  background: url(../plan/img/plan_3-2-arrow.png) no-repeat; }

.plan-wrapper-pattern-04 .plan-main-wrap {
  background: #d3392e; }

.plan-wrapper-pattern-04 .puchi-info-wrap .mark {
  background: #d3392e; }
  .plan-wrapper-pattern-04 .puchi-info-wrap .mark:after {
    border-color: transparent transparent transparent #d3392e; }

.plan-wrapper-pattern-04 .event-name .inner .event-bg {
  background: #d3392e; }

.plan-wrapper-pattern-04 .puchi-list-box li::after {
  border-color: transparent transparent transparent #d3392e; }

.plan-wrapper-pattern-04 .plan-main-wrap {
  background: #d3392e; }

.plan-wrapper-pattern-04 .pc-plan-left .next-arrow {
  background: url(../plan/img/plan_4-1-arrow.png) no-repeat; }

.plan-wrapper-pattern-04 .pc-plan-right .next-arrow {
  background: url(../plan/img/plan_4-2-arrow.png) no-repeat; }

.plan-wrapper-pattern-05 .plan-main-wrap {
  background: #459de1; }

.plan-wrapper-pattern-05 .puchi-info-wrap .mark {
  background: #459de1; }
  .plan-wrapper-pattern-05 .puchi-info-wrap .mark:after {
    border-color: transparent transparent transparent #459de1; }

.plan-wrapper-pattern-05 .event-name .inner .event-bg {
  background: #459de1; }

.plan-wrapper-pattern-05 .puchi-list-box li::after {
  border-color: transparent transparent transparent #459de1; }

.plan-wrapper-pattern-05 .plan-main-wrap {
  background: #459de1; }

.plan-wrapper-pattern-05 .pc-plan-left .next-arrow {
  background: url(../plan/img/plan_5-1-arrow.png) no-repeat; }

.plan-wrapper-pattern-05 .pc-plan-right .next-arrow {
  background: url(../plan/img/plan_5-2-arrow.png) no-repeat; }

.plan-wrapper-pattern-06 .plan-main-wrap {
  background: #dc705d; }

.plan-wrapper-pattern-06 .puchi-info-wrap .mark {
  background: #dc705d; }
  .plan-wrapper-pattern-06 .puchi-info-wrap .mark:after {
    border-color: transparent transparent transparent #dc705d; }

.plan-wrapper-pattern-06 .event-name .inner .event-bg {
  background: #dc705d; }

.plan-wrapper-pattern-06 .puchi-list-box li::after {
  border-color: transparent transparent transparent #dc705d; }

.plan-wrapper-pattern-06 .plan-main-wrap {
  background: #dc705d; }

.plan-wrapper-pattern-06 .pc-plan-left .next-arrow {
  background: url(../plan/img/plan_6-1-arrow.png) no-repeat; }

.plan-wrapper-pattern-06 .pc-plan-right .next-arrow {
  background: url(../plan/img/plan_6-2-arrow.png) no-repeat; }

.plan-wrapper-pattern-01 .plan-main-wrap-inner {
  background: #fef9fd; }

.plan-wrapper-pattern-01 .event-detail {
  color: #fef9fd; }

.plan-wrapper-pattern-02 .plan-main-wrap-inner {
  background: #dff5e0; }

.plan-wrapper-pattern-02 .event-detail {
  color: #dff5e0; }

.plan-wrapper-pattern-03 .plan-main-wrap-inner {
  background: #bb92b7; }

.plan-wrapper-pattern-03 .event-detail {
  color: #bb92b7; }

.plan-wrapper-pattern-04 .plan-main-wrap-inner {
  background: #fff3f2; }

.plan-wrapper-pattern-04 .event-detail {
  color: #fff3f2; }

.plan-wrapper-pattern-05 .plan-main-wrap-inner {
  background: #deeefb; }

.plan-wrapper-pattern-05 .event-detail {
  color: #deeefb; }

.plan-wrapper-pattern-06 .plan-main-wrap-inner {
  background: #fff6f5; }

.plan-wrapper-pattern-06 .event-detail {
  color: #fff6f5; }

.plan-wrapper-pattern-01 .area-ttl .txt {
  color: #00aaea;
  border-color: #00aaea !important; }

.plan-wrapper-pattern-01 .area-ttl::before {
  background: url(../plan/img/plan_pin_1.png) no-repeat;
  background-size: 100%; }

.plan-wrapper-pattern-02 .area-ttl .txt {
  color: #ed6a8c;
  border-color: #ed6a8c !important; }

.plan-wrapper-pattern-02 .area-ttl::before {
  background: url(../plan/img/plan_pin_2.png) no-repeat;
  background-size: 100%; }

.plan-wrapper-pattern-03 .area-ttl .txt {
  color: #e3dd4e;
  border-color: #e3dd4e !important; }

.plan-wrapper-pattern-03 .area-ttl::before {
  background: url(../plan/img/plan_pin_3.png) no-repeat;
  background-size: 100%; }

.plan-wrapper-pattern-04 .area-ttl .txt {
  color: #2a519c;
  border-color: #2a519c !important; }

.plan-wrapper-pattern-04 .area-ttl::before {
  background: url(../plan/img/plan_pin_4.png) no-repeat;
  background-size: 100%; }

.plan-wrapper-pattern-05 .area-ttl .txt {
  color: #d3392e;
  border-color: #d3392e !important; }

.plan-wrapper-pattern-05 .area-ttl::before {
  background: url(../plan/img/plan_pin_5.png) no-repeat;
  background-size: 100%; }

.plan-wrapper-pattern-06 .area-ttl .txt {
  color: #71abf2;
  border-color: #71abf2 !important; }

.plan-wrapper-pattern-06 .area-ttl::before {
  background: url(../plan/img/plan_pin_6.png) no-repeat;
  background-size: 100%; }

.delighter {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.started {
  opacity: 1; }

.anime-fade-up {
  opacity: 0;
  bottom: -60px; }

.anime-fade-up.started {
  -webkit-animation: fade-up 0.5s ease 0s normal forwards;
  animation: fade-up 0.5s ease 0s normal forwards; }

@-webkit-keyframes fade-up {
  0% {
    position: relative;
    opacity: 0;
    bottom: -60px; }
  100% {
    position: relative;
    opacity: 1;
    bottom: 0px; } }

@keyframes fade-up {
  0% {
    position: relative;
    opacity: 0;
    bottom: -60px; }
  100% {
    position: relative;
    opacity: 1;
    bottom: 0px; } }

.anime-fade {
  opacity: 0; }

.anime-fade.started {
  -webkit-animation: fade 0.6s ease 0s normal forwards;
  animation: fade 0.6s ease 0s normal forwards; }

@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.anime-fade-down {
  opacity: 0;
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px); }

.anime-fade-down.started {
  -webkit-animation: fade-down 0.6s ease 0s normal forwards;
  animation: fade-down 0.6s ease 0s normal forwards; }

@-webkit-keyframes fade-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes fade-down {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

.anime-pop-up {
  opacity: 0;
  bottom: -30px; }

.anime-pop-up.started {
  -webkit-animation: pop-up 0.5s ease 0s normal forwards;
  animation: pop-up 0.5s ease 0s normal forwards; }

@-webkit-keyframes pop-up {
  0% {
    position: relative;
    opacity: 0;
    bottom: -30px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  90% {
    position: relative;
    opacity: 1;
    bottom: 0px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  100% {
    position: relative;
    opacity: 1;
    bottom: 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; } }

@keyframes pop-up {
  0% {
    position: relative;
    opacity: 0;
    bottom: -30px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  90% {
    position: relative;
    opacity: 1;
    bottom: 0px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; }
  100% {
    position: relative;
    opacity: 1;
    bottom: 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom; } }

.anime-event {
  opacity: 0; }
  .anime-event.started {
    opacity: 1; }
    .anime-event.started .txt {
      opacity: 0;
      -webkit-animation: fade 0.5s ease 0s normal forwards;
      animation: fade 0.5s ease 0s normal forwards; }
    .anime-event.started .event-bg {
      width: 0;
      opacity: 0;
      -webkit-animation: w100 0.6s ease 0s normal forwards;
      animation: w100 0.6s ease 0s normal forwards; }

.pc-plan-left .anime-event.started .next-arrow {
  opacity: 0;
  -webkit-animation: arrow1 0.5s ease 0.2s normal forwards;
  animation: arrow1 0.5s ease 0.2s normal forwards; }

.pc-plan-right .anime-event.started .next-arrow {
  opacity: 0;
  -webkit-animation: arrow2 0.5s ease 0.2s normal forwards;
  animation: arrow2 0.5s ease 0.2s normal forwards; }

.anime-plan {
  opacity: 0; }
  .anime-plan.started {
    opacity: 1; }
    .anime-plan.started .photo-list-box img {
      opacity: 0;
      -webkit-animation: pop-up2 0.5s ease 0.3s normal forwards;
      animation: pop-up2 0.5s ease 0.3s normal forwards; }

@-webkit-keyframes arrow1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px) translateY(-40px) rotate(-20deg);
    transform: translateX(-20px) translateY(-40px) rotate(-20deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg); } }

@keyframes arrow1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px) translateY(-40px) rotate(-20deg);
    transform: translateX(-20px) translateY(-40px) rotate(-20deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg); } }

@-webkit-keyframes arrow2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px) translateY(-40px) rotate(20deg);
    transform: translateX(20px) translateY(-40px) rotate(20deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg); } }

@keyframes arrow2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px) translateY(-40px) rotate(20deg);
    transform: translateX(20px) translateY(-40px) rotate(20deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg); } }

@-webkit-keyframes pop-up2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  90% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes pop-up2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  90% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes w100 {
  0% {
    opacity: 0;
    width: 60%; }
  100% {
    opacity: 1;
    width: 100%; } }

@keyframes w100 {
  0% {
    opacity: 0;
    width: 60%; }
  100% {
    opacity: 1;
    width: 100%; } }

.delay-1 {
  -webkit-animation-delay: 0s !important;
  animation-delay: 0s !important; }

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html {
  color: #000;
  background: #fff; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit; }

del,
ins {
  text-decoration: none; }

ul li {
  list-style: none; }

caption,
th {
  text-align: left; }

/* h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} */
q:before,
q:after {
  content: ""; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

legend {
  color: #000; }

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input,
button,
textarea,
select {
  *font-size: 100%; }

.cf:after,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.cf,
.clearfix {
  display: inline-block; }

/* Hides from IE Mac */
* html .cf,
* html .clearfix {
  height: 1%; }

.cf,
.clearfix {
  display: block; }

.device-type-desktop .pc-u-b {
  display: block; }

.device-type-desktop .u-f10 {
  font-size: 10px !important; }

.device-type-desktop .u-f11 {
  font-size: 11px !important; }

.device-type-desktop .u-f12 {
  font-size: 12px !important; }

.device-type-desktop .u-f13 {
  font-size: 13px !important; }

.device-type-desktop .u-f14 {
  font-size: 14px !important; }

.device-type-desktop .u-f15 {
  font-size: 15px !important; }

.device-type-desktop .u-f16 {
  font-size: 16px !important; }

.device-type-desktop .u-f17 {
  font-size: 17px !important; }

.device-type-desktop .u-f18 {
  font-size: 18px !important; }

.device-type-desktop .u-f19 {
  font-size: 19px !important; }

.device-type-desktop .u-f20 {
  font-size: 20px !important; }

.device-type-desktop .u-f21 {
  font-size: 21px !important; }

.device-type-desktop .u-f22 {
  font-size: 22px !important; }

.device-type-desktop .u-f23 {
  font-size: 23px !important; }

.device-type-desktop .u-f24 {
  font-size: 24px !important; }

.device-type-desktop .u-f25 {
  font-size: 25px !important; }

.device-type-desktop .u-f26 {
  font-size: 26px !important; }

.device-type-desktop .u-f27 {
  font-size: 27px !important; }

.device-type-desktop .u-f28 {
  font-size: 28px !important; }

.device-type-desktop .u-f29 {
  font-size: 29px !important; }

.device-type-desktop .u-f30 {
  font-size: 30px !important; }

.device-type-desktop .u-f31 {
  font-size: 31px !important; }

.device-type-desktop .u-f32 {
  font-size: 32px !important; }

.device-type-desktop .u-f33 {
  font-size: 33px !important; }

.device-type-desktop .u-f34 {
  font-size: 34px !important; }

.device-type-desktop .u-f35 {
  font-size: 35px !important; }

.device-type-desktop .u-f36 {
  font-size: 36px !important; }

.device-type-desktop .u-f37 {
  font-size: 37px !important; }

.device-type-desktop .u-f38 {
  font-size: 38px !important; }

.device-type-desktop .u-f39 {
  font-size: 39px !important; }

.device-type-desktop .u-f40 {
  font-size: 40px !important; }

.device-type-mobile .u-f10 {
  font-size: 20px !important;
  line-height: 28px; }

.device-type-mobile .u-f11 {
  font-size: 20px !important;
  line-height: 28px; }

.device-type-mobile .u-f12 {
  font-size: 20px !important;
  line-height: 28px; }

.device-type-mobile .u-f13 {
  font-size: 20px !important;
  line-height: 28px; }

.device-type-mobile .u-f14 {
  font-size: 22px !important;
  line-height: 32px; }

.device-type-mobile .u-f15 {
  font-size: 22px !important;
  line-height: 32px; }

.device-type-mobile .u-f16 {
  font-size: 22px !important;
  line-height: 32px; }

.device-type-mobile .u-f17 {
  font-size: 24px !important;
  line-height: 36px; }

.device-type-mobile .u-f18 {
  font-size: 24px !important;
  line-height: 36px; }

.device-type-mobile .u-f19 {
  font-size: 24px !important;
  line-height: 36px; }

.device-type-mobile .u-f20 {
  font-size: 26px !important;
  line-height: 40px; }

.device-type-mobile .u-f21 {
  font-size: 26px !important;
  line-height: 40px; }

.device-type-mobile .u-f22 {
  font-size: 26px !important;
  line-height: 40px; }

.device-type-mobile .u-f23 {
  font-size: 28px !important;
  line-height: 44px; }

.device-type-mobile .u-f24 {
  font-size: 28px !important;
  line-height: 44px; }

.device-type-mobile .u-f25 {
  font-size: 28px !important;
  line-height: 44px; }

.device-type-mobile .u-f26 {
  font-size: 26px !important; }

.device-type-mobile .u-f27 {
  font-size: 27px !important; }

.device-type-mobile .u-f28 {
  font-size: 28px !important; }

.device-type-mobile .u-f29 {
  font-size: 29px !important; }

.device-type-mobile .u-f30 {
  font-size: 30px !important; }

.device-type-mobile .u-f31 {
  font-size: 31px !important; }

.device-type-mobile .u-f32 {
  font-size: 32px !important; }

.device-type-mobile .u-f33 {
  font-size: 33px !important; }

.device-type-mobile .u-f34 {
  font-size: 34px !important; }

.device-type-mobile .u-f35 {
  font-size: 35px !important; }

.device-type-mobile .u-f36 {
  font-size: 36px !important; }

.device-type-mobile .u-f37 {
  font-size: 37px !important; }

.device-type-mobile .u-f38 {
  font-size: 38px !important; }

.device-type-mobile .u-f39 {
  font-size: 39px !important; }

.device-type-mobile .u-f40 {
  font-size: 40px !important; }

.device-type-mobile .sp-u-tl {
  text-align: left !important; }

.device-type-mobile .sp-u-tc {
  text-align: center !important; }

.device-type-mobile .sp-u-tr {
  text-align: right !important; }

.u-tl {
  text-align: left !important; }

.u-tc {
  text-align: center !important; }

.u-tr {
  text-align: right !important; }

.u-db {
  display: block !important; }

.u-di {
  display: inline-block !important; }

.u-fl {
  float: left !important; }

.u-fr {
  float: right !important; }

.u-b {
  font-weight: bold !important; }

.u-cp {
  cursor: pointer !important; }

.u-vt {
  vertical-align: top !important; }

.u-vm {
  vertical-align: middle !important; }

.u-vba {
  vertical-align: baseline !important; }

.u-vbo {
  vertical-align: bottom !important; }

.u-bgn {
  background: none !important; }

.device-type-desktop .u-mt0 {
  margin-top: 0 !important; }

.device-type-desktop .u-mt10 {
  margin-top: 10px !important; }

.device-type-desktop .u-mt10- {
  margin-top: -10px !important; }

.device-type-desktop .u-mt20 {
  margin-top: 20px !important; }

.device-type-desktop .u-mt30 {
  margin-top: 30px !important; }

.device-type-desktop .u-mt40 {
  margin-top: 40px !important; }

.device-type-desktop .u-mt50 {
  margin-top: 50px !important; }

.device-type-desktop .u-mt60 {
  margin-top: 60px !important; }

.device-type-desktop .u-mt70 {
  margin-top: 70px !important; }

.device-type-desktop .u-mt80 {
  margin-top: 80px !important; }

.device-type-desktop .u-mt90 {
  margin-top: 90px !important; }

.device-type-desktop .u-mt100 {
  margin-top: 100px !important; }

.device-type-desktop .u-mb0 {
  margin-bottom: 0 !important; }

.device-type-desktop .u-mb10 {
  margin-bottom: 10px !important; }

.device-type-desktop .u-mb20 {
  margin-bottom: 20px !important; }

.device-type-desktop .u-mb30 {
  margin-bottom: 30px !important; }

.device-type-desktop .u-mb40 {
  margin-bottom: 40px !important; }

.device-type-desktop .u-mb50 {
  margin-bottom: 50px !important; }

.device-type-desktop .u-mb60 {
  margin-bottom: 60px !important; }

.device-type-desktop .u-mb70 {
  margin-bottom: 70px !important; }

.device-type-desktop .u-mb80 {
  margin-bottom: 80px !important; }

.device-type-desktop .u-mb90 {
  margin-bottom: 90px !important; }

.device-type-desktop .u-mb100 {
  margin-bottom: 100px !important; }

.device-type-desktop .u-ml0 {
  margin-left: 0 !important; }

.device-type-desktop .u-ml10 {
  margin-left: 10px !important; }

.device-type-desktop .u-ml20 {
  margin-left: 20px !important; }

.device-type-desktop .u-ml30 {
  margin-left: 30px !important; }

.device-type-desktop .u-ml40 {
  margin-left: 40px !important; }

.device-type-desktop .u-ml50 {
  margin-left: 50px !important; }

.device-type-desktop .u-ml60 {
  margin-left: 60px !important; }

.device-type-desktop .u-ml70 {
  margin-left: 70px !important; }

.device-type-desktop .u-ml80 {
  margin-left: 80px !important; }

.device-type-desktop .u-ml90 {
  margin-left: 90px !important; }

.device-type-desktop .u-ml100 {
  margin-left: 100px !important; }

.device-type-desktop .u-mr0 {
  margin-right: 0 !important; }

.device-type-desktop .u-mr10 {
  margin-right: 10px !important; }

.device-type-desktop .u-mr20 {
  margin-right: 20px !important; }

.device-type-desktop .u-mr30 {
  margin-right: 30px !important; }

.device-type-desktop .u-mr40 {
  margin-right: 40px !important; }

.device-type-desktop .u-mr50 {
  margin-right: 50px !important; }

.device-type-desktop .u-mr60 {
  margin-right: 60px !important; }

.device-type-desktop .u-mr70 {
  margin-right: 70px !important; }

.device-type-desktop .u-mr80 {
  margin-right: 80px !important; }

.device-type-desktop .u-mr90 {
  margin-right: 90px !important; }

.device-type-desktop .u-mr100 {
  margin-right: 100px !important; }

.device-type-desktop .u-mra {
  margin-right: auto !important; }

.device-type-desktop .u-mla {
  margin-left: auto !important; }

.device-type-desktop .u-mca {
  margin-left: auto !important;
  margin-right: auto !important; }

.device-type-desktop .u-pt0 {
  padding-top: 0 !important; }

.device-type-desktop .u-pt10 {
  padding-top: 10px !important; }

.device-type-desktop .u-pt20 {
  padding-top: 20px !important; }

.device-type-desktop .u-pt30 {
  padding-top: 30px !important; }

.device-type-desktop .u-pt40 {
  padding-top: 40px !important; }

.device-type-desktop .u-pt50 {
  padding-top: 50px !important; }

.device-type-desktop .u-pt60 {
  padding-top: 60px !important; }

.device-type-desktop .u-pt70 {
  padding-top: 70px !important; }

.device-type-desktop .u-pt80 {
  padding-top: 80px !important; }

.device-type-desktop .u-pt90 {
  padding-top: 90px !important; }

.device-type-desktop .u-pt100 {
  padding-top: 100px !important; }

.device-type-desktop .u-pb0 {
  padding-bottom: 0 !important; }

.device-type-desktop .u-pb10 {
  padding-bottom: 10px !important; }

.device-type-desktop .u-pb20 {
  padding-bottom: 20px !important; }

.device-type-desktop .u-pb30 {
  padding-bottom: 30px !important; }

.device-type-desktop .u-pb40 {
  padding-bottom: 40px !important; }

.device-type-desktop .u-pb50 {
  padding-bottom: 50px !important; }

.device-type-desktop .u-pb60 {
  padding-bottom: 60px !important; }

.device-type-desktop .u-pb70 {
  padding-bottom: 70px !important; }

.device-type-desktop .u-pb80 {
  padding-bottom: 80px !important; }

.device-type-desktop .u-pb90 {
  padding-bottom: 90px !important; }

.device-type-desktop .u-pb100 {
  padding-bottom: 100px !important; }

.device-type-desktop .u-pl0 {
  padding-left: 0 !important; }

.device-type-desktop .u-pl10 {
  padding-left: 10px !important; }

.device-type-desktop .u-pl20 {
  padding-left: 20px !important; }

.device-type-desktop .u-pl30 {
  padding-left: 30px !important; }

.device-type-desktop .u-pl40 {
  padding-left: 40px !important; }

.device-type-desktop .u-pl50 {
  padding-left: 50px !important; }

.device-type-desktop .u-pl60 {
  padding-left: 60px !important; }

.device-type-desktop .u-pl70 {
  padding-left: 70px !important; }

.device-type-desktop .u-pl80 {
  padding-left: 80px !important; }

.device-type-desktop .u-pl90 {
  padding-left: 90px !important; }

.device-type-desktop .u-pl100 {
  padding-left: 100px !important; }

.device-type-desktop .u-pr0 {
  padding-right: 0 !important; }

.device-type-desktop .u-pr10 {
  padding-right: 10px !important; }

.device-type-desktop .u-pr20 {
  padding-right: 20px !important; }

.device-type-desktop .u-pr30 {
  padding-right: 30px !important; }

.device-type-desktop .u-pr40 {
  padding-right: 40px !important; }

.device-type-desktop .u-pr50 {
  padding-right: 50px !important; }

.device-type-desktop .u-pr60 {
  padding-right: 60px !important; }

.device-type-desktop .u-pr70 {
  padding-right: 70px !important; }

.device-type-desktop .u-pr80 {
  padding-right: 80px !important; }

.device-type-desktop .u-pr90 {
  padding-right: 90px !important; }

.device-type-desktop .u-pr100 {
  padding-right: 100px !important; }

.device-type-mobile .u-mt0 {
  margin-top: 0 !important; }

.device-type-mobile .u-mt10 {
  margin-top: 10px !important; }

.device-type-mobile .u-mt20 {
  margin-top: 20px !important; }

.device-type-mobile .u-mt30 {
  margin-top: 30px !important; }

.device-type-mobile .u-mt40 {
  margin-top: 40px !important; }

.device-type-mobile .u-mt50 {
  margin-top: 50px !important; }

.device-type-mobile .u-mt60 {
  margin-top: 60px !important; }

.device-type-mobile .u-mt70 {
  margin-top: 70px !important; }

.device-type-mobile .u-mt80 {
  margin-top: 80px !important; }

.device-type-mobile .u-mt90 {
  margin-top: 90px !important; }

.device-type-mobile .u-mt100 {
  margin-top: 100px !important; }

.device-type-mobile .u-mb0 {
  margin-bottom: 0 !important; }

.device-type-mobile .u-mb10 {
  margin-bottom: 10px !important; }

.device-type-mobile .u-mb20 {
  margin-bottom: 20px !important; }

.device-type-mobile .u-mb30 {
  margin-bottom: 30px !important; }

.device-type-mobile .u-mb40 {
  margin-bottom: 40px !important; }

.device-type-mobile .u-mb50 {
  margin-bottom: 50px !important; }

.device-type-mobile .u-mb60 {
  margin-bottom: 60px !important; }

.device-type-mobile .u-mb70 {
  margin-bottom: 70px !important; }

.device-type-mobile .u-mb80 {
  margin-bottom: 80px !important; }

.device-type-mobile .u-mb90 {
  margin-bottom: 90px !important; }

.device-type-mobile .u-mb100 {
  margin-bottom: 100px !important; }

.device-type-mobile .u-ml0 {
  margin-left: 0 !important; }

.device-type-mobile .u-ml10 {
  margin-left: 10px !important; }

.device-type-mobile .u-ml20 {
  margin-left: 20px !important; }

.device-type-mobile .u-ml30 {
  margin-left: 30px !important; }

.device-type-mobile .u-ml40 {
  margin-left: 40px !important; }

.device-type-mobile .u-ml50 {
  margin-left: 50px !important; }

.device-type-mobile .u-ml60 {
  margin-left: 60px !important; }

.device-type-mobile .u-ml70 {
  margin-left: 70px !important; }

.device-type-mobile .u-ml80 {
  margin-left: 80px !important; }

.device-type-mobile .u-ml90 {
  margin-left: 90px !important; }

.device-type-mobile .u-ml100 {
  margin-left: 100px !important; }

.device-type-mobile .u-mr0 {
  margin-right: 0 !important; }

.device-type-mobile .u-mr10 {
  margin-right: 10px !important; }

.device-type-mobile .u-mr20 {
  margin-right: 20px !important; }

.device-type-mobile .u-mr30 {
  margin-right: 30px !important; }

.device-type-mobile .u-mr40 {
  margin-right: 40px !important; }

.device-type-mobile .u-mr50 {
  margin-right: 50px !important; }

.device-type-mobile .u-mr60 {
  margin-right: 60px !important; }

.device-type-mobile .u-mr70 {
  margin-right: 70px !important; }

.device-type-mobile .u-mr80 {
  margin-right: 80px !important; }

.device-type-mobile .u-mr90 {
  margin-right: 90px !important; }

.device-type-mobile .u-mr100 {
  margin-right: 100px !important; }

.device-type-mobile .u-mr {
  margin-right: auto !important; }

.device-type-mobile .u-ml {
  margin-left: auto !important; }

.device-type-mobile .u-mc {
  margin-left: auto !important;
  margin-right: auto !important; }

.device-type-mobile .u-pt0 {
  padding-top: 0 !important; }

.device-type-mobile .u-pt10 {
  padding-top: 10px !important; }

.device-type-mobile .u-pt20 {
  padding-top: 20px !important; }

.device-type-mobile .u-pt30 {
  padding-top: 30px !important; }

.device-type-mobile .u-pt40 {
  padding-top: 40px !important; }

.device-type-mobile .u-pt50 {
  padding-top: 50px !important; }

.device-type-mobile .u-pt60 {
  padding-top: 60px !important; }

.device-type-mobile .u-pt70 {
  padding-top: 70px !important; }

.device-type-mobile .u-pt80 {
  padding-top: 80px !important; }

.device-type-mobile .u-pt90 {
  padding-top: 90px !important; }

.device-type-mobile .u-pt100 {
  padding-top: 100px !important; }

.device-type-mobile .u-pb0 {
  padding-bottom: 0 !important; }

.device-type-mobile .u-pb10 {
  padding-bottom: 10px !important; }

.device-type-mobile .u-pb20 {
  padding-bottom: 20px !important; }

.device-type-mobile .u-pb30 {
  padding-bottom: 30px !important; }

.device-type-mobile .u-pb40 {
  padding-bottom: 40px !important; }

.device-type-mobile .u-pb50 {
  padding-bottom: 50px !important; }

.device-type-mobile .u-pb60 {
  padding-bottom: 60px !important; }

.device-type-mobile .u-pb70 {
  padding-bottom: 70px !important; }

.device-type-mobile .u-pb80 {
  padding-bottom: 80px !important; }

.device-type-mobile .u-pb90 {
  padding-bottom: 90px !important; }

.device-type-mobile .u-pb100 {
  padding-bottom: 100px !important; }

.device-type-mobile .u-pl0 {
  padding-left: 0 !important; }

.device-type-mobile .u-pl10 {
  padding-left: 10px !important; }

.device-type-mobile .u-pl20 {
  padding-left: 20px !important; }

.device-type-mobile .u-pl30 {
  padding-left: 30px !important; }

.device-type-mobile .u-pl40 {
  padding-left: 40px !important; }

.device-type-mobile .u-pl50 {
  padding-left: 50px !important; }

.device-type-mobile .u-pl60 {
  padding-left: 60px !important; }

.device-type-mobile .u-pl70 {
  padding-left: 70px !important; }

.device-type-mobile .u-pl80 {
  padding-left: 80px !important; }

.device-type-mobile .u-pl90 {
  padding-left: 90px !important; }

.device-type-mobile .u-pl100 {
  padding-left: 100px !important; }

.device-type-mobile .u-pr0 {
  padding-right: 0 !important; }

.device-type-mobile .u-pr10 {
  padding-right: 10px !important; }

.device-type-mobile .u-pr20 {
  padding-right: 20px !important; }

.device-type-mobile .u-pr30 {
  padding-right: 30px !important; }

.device-type-mobile .u-pr40 {
  padding-right: 40px !important; }

.device-type-mobile .u-pr50 {
  padding-right: 50px !important; }

.device-type-mobile .u-pr60 {
  padding-right: 60px !important; }

.device-type-mobile .u-pr70 {
  padding-right: 70px !important; }

.device-type-mobile .u-pr80 {
  padding-right: 80px !important; }

.device-type-mobile .u-pr90 {
  padding-right: 90px !important; }

.device-type-mobile .u-pr100 {
  padding-right: 100px !important; }

.u-pr {
  position: relative !important; }

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform; }

.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto; }

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock {
  display: none; }

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%; }

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -webkit-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  -webkit-transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -webkit-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  -webkit-transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -webkit-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  -webkit-transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; }

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000; }

.swiper-pagination-lock {
  display: none; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

.swiper-slide img {
  width: 100%; }

.device-type-desktop .external-style,
.device-type-desktop a.external-link:hover:before,
.device-type-desktop .twitter-area a[target="_blank"]:hover:before,
.device-type-desktop .instagram-area a[target="_blank"]:hover:before,
.device-type-mobile .twitter-area .device-type-desktop a[target="_blank"]:hover:before,
.device-type-mobile .instagram-area .device-type-desktop a[target="_blank"]:hover:before {
  content: "";
  width: 80px;
  height: 32px;
  display: block;
  background: url(/common/des/01/images/external.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -32px;
  left: -8px;
  z-index: 10000; }

.device-type-desktop a.external-link {
  position: relative; }

.device-type-desktop .twitter-area a[target="_blank"],
.device-type-desktop .instagram-area a[target="_blank"] {
  display: block;
  position: relative; }

.device-type-desktop .twitter-area a[target="_blank"]:hover:before,
.device-type-desktop .instagram-area a[target="_blank"]:hover:before {
  top: -22px; }

.device-type-mobile .external-style,
.device-type-desktop .twitter-area .device-type-mobile a[target="_blank"]:hover:before,
.device-type-desktop .instagram-area .device-type-mobile a[target="_blank"]:hover:before,
.device-type-mobile a.external-link:hover:before,
.device-type-mobile .twitter-area a[target="_blank"]:hover:before,
.device-type-mobile .instagram-area a[target="_blank"]:hover:before {
  content: "";
  width: 8rem;
  height: 3.2rem;
  display: block;
  background: url(/common/des/01/images/external.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -3.2rem;
  left: -0rem;
  z-index: 1000; }

.device-type-mobile a.external-link {
  position: relative; }

.device-type-mobile .twitter-area a[target="_blank"],
.device-type-mobile .instagram-area a[target="_blank"] {
  display: block;
  position: relative; }

body.johnny-response #wrapper .protect-box {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -webkit-touch-callout: none; }

body.johnny-response #wrapper .protect-box img {
  pointer-events: none; }

.u-color-01 {
  color: #e3007f; }

.u-color-02 {
  color: #00aaea; }

.u-color-03 {
  color: #5dbef5; }

.u-color-04 {
  color: #e62320; }

#wrapper {
  font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Arial", "メイリオ", "Meiryo", "Roboto", sans-serif;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

#wrapper.active {
  opacity: 1; }

body {
  color: #333333;
  font-size: 62.5%; }

.wrapper a:link,
.wrapper a:visited,
.wrapper a:hover,
.wrapper a:active {
  color: #333333; }

.wrapper a:link,
.wrapper a:visited {
  text-decoration: none; }

.wrapper a:hover,
.wrapper .a:active {
  text-decoration: none; }

.wrapper .aside-container a {
  text-decoration: none; }

html.scroll-fixed,
html.scroll-fixed body {
  overflow: hidden; }

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html {
  color: #000;
  background: #fff; }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit; }

del,
ins {
  text-decoration: none; }

ul li {
  list-style: none; }

caption,
th {
  text-align: left; }

/* h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} */
q:before,
q:after {
  content: ""; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

legend {
  color: #000; }

input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input,
button,
textarea,
select {
  *font-size: 100%; }

.wrapper .related-programs-subtitle-2TQOq {
  color: #333; }

#rectangle-desktop,
#superbanner-mobile,
#rectangle-mobile {
  text-align: center; }

@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

.wrapper #common-onair {
  font-family: Noto Sans Japanese, sans-serif;
  font-size: 1.4rem;
  line-height: 2rem; }

.wrapper #common-onair a.common-onair-scheduleHeaderButton-23Qrc {
  line-height: 2.4rem;
  color: #ffffff; }

.wrapper #common-onair .common-onair-scheduleItemTimeActiveNow-1l0Wm {
  color: #ffffff; }

.wrapper #common-onair .common-onair-scheduleItemTitleActive-1A491 {
  color: #ffffff; }

.wrapper #common-onair .common-onair-scheduleHeaderDayOfWeek-1CJWq {
  color: #fff; }

.wrapper #common-onair .common-onair-scheduleHeaderDate-2khQV {
  font-family: Noto Sans Japanese, sans-serif; }

.social-button-icon {
  cursor: pointer;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  position: relative;
  margin-bottom: 0.8rem;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }

.social-button-icon > svg {
  fill: #fff;
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.social-box {
  position: relative; }

.social-box #social-button {
  display: block;
  text-align: center; }

.social-box #social-button .social-button-icon {
  margin: 1rem 1rem 2rem;
  display: inline-block;
  vertical-align: middle; }

.device-type-mobile .social-button {
  margin-bottom: 1rem; }

.social-button-twitter {
  background-color: #55acee; }

.social-button-twitter:hover {
  background-color: rgba(85, 172, 238, 0.6); }

.social-button-facebook {
  background-color: #3b5998; }

.social-button-facebook:hover {
  background-color: rgba(59, 89, 152, 0.6); }

.social-button-line {
  background-color: #00c300; }

.social-button-line:hover {
  background-color: rgba(0, 195, 0, 0.6); }

.page-section {
  box-sizing: border-box;
  color: #212121; }

.common-onair-scheduleHeaderButton-23Qrc {
  line-height: 3rem; }

.wrapper .modal {
  display: none; }

.wrapper .modal.active {
  display: block; }

.wrapper .btn-more-box .load-more {
  display: none; }

#common-footer a {
  font-size: 1.2rem; }

.common-footer-sp-primaryContainer-19Olw {
  margin-top: 0 !important; }

.wrapper .related-programs-container-21xlP a {
  background: #ffffff; }

.wrapper .related-programs-container-21xlP a:hover {
  background: #ffffff; }

.wrapper .present-circle-2iOfl {
  border-radius: 50%;
  position: absolute;
  right: 0.4rem;
  bottom: 0.7rem;
  width: 1.8rem;
  height: 1.8rem;
  opacity: 0.8;
  -webkit-transform: scale(1.3) rotate(0.001deg);
  transform: scale(1.3) rotate(0.001deg); }

.wrapper .present-moreLink-3dBoY {
  padding-right: 3rem; }

.wrapper .present-container-3kCP1 {
  margin-top: 0.6rem; }

.wrapper .ranking-container-3O6CH {
  margin-top: 0.6rem; }

.wrapper .present-moreLinkContainer-1iHUK {
  margin-top: 0; }

.wrapper .present-container-3kCP1 {
  margin-bottom: 0.6rem; }

.wrapper .present-header-1TvSX,
.wrapper .ranking-header-3Maul {
  font-size: 1.8rem; }

.sp-header-banner,
.sp-footer-banner {
  text-align: center; }

#common-onair {
  line-height: 2rem; }

#common-onair a {
  text-decoration: none; }

body.device-type-desktop .opac {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

body.device-type-desktop .opac:hover {
  -webkit-animation: backToOpac1 0.7s linear 0s;
  animation: backToOpac1 0.7s linear 0s; }

body.device-type-desktop .opac2 {
  -webkit-transition: 0.3s;
  transition: 0.3s; }

body.device-type-desktop .opac2:hover {
  opacity: 0.7; }

@-webkit-keyframes backToOpac1 {
  0% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

@keyframes backToOpac1 {
  0% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

.u-red {
  color: #ff0000 !important; }

#wrapper a.txt-link {
  color: #00aaea;
  text-decoration: underline; }

#wrapper a.txt-link:hover {
  text-decoration: none; }

body.second #wrapper .contents-wrapper .variable-wrap > *:first-child {
  margin-top: 0; }

.line-through {
  text-decoration: line-through; }

.swiper-button-prev,
.swiper-button-next {
  outline: none; }

.swiper-button-prev.disable,
.swiper-button-next.disable {
  pointer-events: none !important; }

#superbanner-mobile > div:nth-child(n + 2) {
  display: none; }

#superbanner-desktop > div:nth-child(n + 2) {
  display: none; }

#rectangle-mobile > div:nth-child(n + 2) {
  display: none; }

@-webkit-keyframes Flash1 {
  0% {
    opacity: 1; }
  30% {
    opacity: 0.6; }
  60% {
    opacity: 1; } }

@keyframes Flash1 {
  0% {
    opacity: 1; }
  30% {
    opacity: 0.6; }
  60% {
    opacity: 1; } }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html {
  font-size: 62.5%; }

body {
  min-width: 1080px; }

body.soon-false {
  padding-bottom: 120px; }

body.soon-true {
  padding-bottom: 40px; }

.sp {
  display: none !important; }

.container,
.block-style {
  position: relative;
  box-sizing: border-box;
  width: 1080px;
  margin: 0 auto; }

.container-wh {
  background: #ffffff;
  padding: 40px; }

.parts-summerstation-header {
  min-height: 120px; }

.parts-summerstation-nav {
  min-height: 100px; }

#wrapper {
  font-size: 16px;
  line-height: 32px;
  letter-spacing: 1px;
  position: relative; }

#wrapper img {
  vertical-align: bottom; }

#wrapper a {
  display: inline-block; }

#wrapper .arrow-right,
#wrapper .arrow-right-wh,
#wrapper .block-kanren-link .kanren-list-box li a:after {
  background: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #e3007f; }

#wrapper .arrow-bottom,
#wrapper .arrow-bottom-wh,
#wrapper ul.map-btn-list-box li a:hover:after,
#wrapper ul.map-btn-list-box li a.active:after,
#wrapper ul.map-btn-list-box li a:after {
  background: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 20px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #e3007f transparent transparent transparent; }

#wrapper .arrow-right-wh {
  border-color: transparent transparent transparent #ffffff; }

#wrapper .arrow-bottom-wh,
#wrapper ul.map-btn-list-box li a:hover:after,
#wrapper ul.map-btn-list-box li a.active:after {
  border-color: #ffffff transparent transparent transparent; }

#wrapper .fixed-sns-list-box {
  position: fixed;
  top: 168px;
  right: -100px;
  z-index: 99;
  width: 65px;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 6px 0px 0px 6px;
  padding: 15px 0;
  padding-right: 5px;
  opacity: 0;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease; }
  #wrapper .fixed-sns-list-box::before {
    position: absolute;
    content: "";
    top: -48px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%);
    width: 40px;
    height: 46px;
    background: url(../common-img/sns-list-box-balloon.png) no-repeat;
    background-size: 100%; }

#wrapper .fixed-sns-list-box.active {
  -webkit-animation: sns-fixed 0.5s ease 0.5s forwards normal;
  animation: sns-fixed 0.5s ease 0.5s forwards normal; }

@-webkit-keyframes sns-fixed {
  0% {
    right: -100px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
  100% {
    right: 0;
    opacity: 1; } }

@keyframes sns-fixed {
  0% {
    right: -100px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease; }
  100% {
    right: 0;
    opacity: 1; } }

#wrapper .fixed-sns-list-box li {
  width: 40px;
  height: 40px;
  margin: 0 auto; }

#wrapper .fixed-sns-list-box li:not(:last-child) {
  margin-bottom: 10px; }

#wrapper .fixed-sns-list-box li img {
  vertical-align: bottom;
  width: 100%; }

#wrapper .fixed-sns-list-box li a {
  display: block;
  width: 40px;
  height: 40px; }

#wrapper .fixed-sns-list-box li.list-icon-twitter a {
  background: url(../common-img/pc-icon-twitter.png) no-repeat;
  background-size: 100%; }

#wrapper .fixed-sns-list-box li.list-icon-facebook a {
  background: url(../common-img/pc-icon-facebook.png) no-repeat;
  background-size: 100%; }

#wrapper .fixed-sns-list-box li.list-icon-line a {
  background: url(../common-img/pc-icon-line.png) no-repeat;
  background-size: 100%; }

#wrapper .parts-summerstation-header {
  background: #ffffff;
  position: relative;
  z-index: 2; }

#wrapper .summerstation-header > .container,
#wrapper .summerstation-header > .block-style {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#wrapper .summerstation-header .header-image {
  margin-top: 11px; }

#wrapper .summerstation-header .header-image .logo-area a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#wrapper .summerstation-header .header-image .logo-area a img.logo {
  width: 113px;
  height: 113px; }

#wrapper .summerstation-header .header-image .logo-area a .date {
  margin-left: 13px;
  margin-top: 36px;
  width: 202px; }

#wrapper .summerstation-header .header-image .logo-area a .date img {
  width: 100%; }

#wrapper #superbanner-desktop {
  width: 728px;
  height: 90px;
  position: absolute;
  top: 0px;
  right: 0;
  z-index: 100; }

#wrapper .summerstation-footer {
  position: relative; }

#wrapper .summerstation-footer .footer-nav-wrap {
  z-index: 3;
  position: relative;
  background: #00aaea;
  padding: 55px 0; }

#wrapper .summerstation-footer .footer-nav-wrap .container,
#wrapper .summerstation-footer .footer-nav-wrap .block-style {
  text-align: center; }

#wrapper .summerstation-footer .footer-main-nav-list-box {
  font-size: 20px;
  margin-bottom: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

#wrapper .summerstation-footer .footer-main-nav-list-box li {
  position: relative; }

#wrapper .summerstation-footer .footer-main-nav-list-box li:after {
  background: #ffffff;
  width: 1px;
  height: 60%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0; }

#wrapper .summerstation-footer .footer-main-nav-list-box li:last-child:after {
  content: none; }

#wrapper .summerstation-footer .footer-main-nav-list-box li a {
  padding: 0 45px; }

#wrapper .summerstation-footer .footer-main-nav-list-box a {
  color: #ffffff; }

#wrapper .summerstation-footer .footer-sub-nav-list-box {
  min-width: 800px;
  background: #ffffff;
  border-radius: 100px;
  display: inline-block;
  font-size: 0; }

#wrapper .summerstation-footer .footer-sub-nav-list-box li {
  display: inline-block;
  position: relative; }

#wrapper .summerstation-footer .footer-sub-nav-list-box li:after {
  background: #6b6b6b;
  width: 1px;
  height: 34%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0; }

#wrapper .summerstation-footer .footer-sub-nav-list-box li:last-child:after {
  content: none; }

#wrapper .summerstation-footer .footer-sub-nav-list-box li a {
  letter-spacing: 0;
  font-size: 14px;
  padding: 3px 10px;
  font-weight: bold; }

#wrapper .summerstation-footer .footer-sub-nav-list-box li:first-child {
  padding-left: 25px; }

#wrapper .summerstation-footer .footer-sub-nav-list-box li:last-child {
  padding-right: 25px; }

#wrapper .summerstation-footer .footer-information {
  z-index: 3;
  position: relative;
  color: #333;
  background: #dff6ff;
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: .1em; }

#wrapper .summerstation-footer .footer-information span:not(last-child) {
  margin-right: 12px; }

#wrapper .summerstation-footer .footer-under {
  position: relative;
  z-index: 3;
  background: #ffffff; }

#wrapper .summerstation-footer .footer-under .container,
#wrapper .summerstation-footer .footer-under .block-style {
  padding: 30px 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#wrapper .summerstation-footer .footer-under .container .footter-logo,
#wrapper .summerstation-footer .footer-under .block-style .footter-logo {
  width: 210px; }

#wrapper .summerstation-footer .footer-under .container .footer-copy,
#wrapper .summerstation-footer .footer-under .block-style .footer-copy {
  font-weight: bold;
  position: relative;
  top: 10px;
  font-size: 14px; }

#wrapper .wrapbox-01,
#wrapper .variable-wrap,
#wrapper .pc-wrapbox-01 {
  background: #cde8f7;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  background: -webkit-repeating-linear-gradient(135deg, #fffef7 0, #fffef7 4px, #fffde5 4px, #fffde5 8px) !important;
  background: repeating-linear-gradient(-45deg, #fffef7 0, #fffef7 4px, #fffde5 4px, #fffde5 8px) !important; }

#wrapper .wrapbox-02,
#wrapper .pc-wrapbox-02 {
  padding: 60px 0; }

#wrapper .wrapbox-banner {
  padding: 60px 0;
  background: #cde8f7;
  padding-top: 60px; }

#wrapper .table-01,
#wrapper .table-02,
#wrapper .table-04,
#wrapper .table-04-mini,
#wrapper .table-03 {
  display: block; }

#wrapper .table-01 tbody,
#wrapper .table-02 tbody,
#wrapper .table-04 tbody,
#wrapper .table-04-mini tbody,
#wrapper .table-03 tbody {
  display: block; }

#wrapper .table-01 tr,
#wrapper .table-02 tr,
#wrapper .table-04 tr,
#wrapper .table-04-mini tr,
#wrapper .table-03 tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #748792;
  padding-bottom: 20px;
  margin-bottom: 20px; }

#wrapper .table-04 tr:last-child {
  border: none; }

#wrapper .table-01 tr:last-child,
#wrapper .table-02 tr:last-child,
#wrapper .table-04 tr:last-child,
#wrapper .table-04-mini tr:last-child,
#wrapper .table-03 tr:last-child {
  margin-bottom: 0 !important; }

#wrapper .table-01 th,
#wrapper .table-02 th,
#wrapper .table-04 th,
#wrapper .table-04-mini th,
#wrapper .table-03 th {
  font-weight: 600;
  font-size: 18px;
  line-height: 34px;
  width: 140px;
  margin-right: 20px; }

#wrapper .table-01 td,
#wrapper .table-02 td,
#wrapper .table-04 td,
#wrapper .table-04-mini td,
#wrapper .table-03 td {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  line-height: 34px; }

#wrapper .table-02 th,
#wrapper .table-04 th,
#wrapper .table-04-mini th {
  width: 240px;
  padding-right: 20px;
  box-sizing: border-box; }

#wrapper .table-02.pc-2column tbody,
#wrapper .pc-2column.table-04 tbody,
#wrapper .pc-2column.table-04-mini tbody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#wrapper .table-02.pc-2column tbody tr,
#wrapper .pc-2column.table-04 tbody tr,
#wrapper .pc-2column.table-04-mini tbody tr {
  width: 50%; }

#wrapper .table-02.pc-2column tbody tr th,
#wrapper .pc-2column.table-04 tbody tr th,
#wrapper .pc-2column.table-04-mini tbody tr th {
  width: 140px; }

#wrapper .table-02.pc-2column tbody tr:nth-child(odd):nth-last-child(2),
#wrapper .pc-2column.table-04 tbody tr:nth-child(odd):nth-last-child(2),
#wrapper .pc-2column.table-04-mini tbody tr:nth-child(odd):nth-last-child(2) {
  margin-bottom: 0; }

#wrapper .table-03 th {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
  padding-right: 20px; }

#wrapper .table-03 td {
  width: 200px;
  display: inline-block;
  text-align: right !important; }

#wrapper .table-04 tr,
#wrapper .table-04-mini tr {
  margin: 0;
  padding: 0;
  background: #f9f9f9; }

#wrapper .table-04 th,
#wrapper .table-04-mini th {
  margin: 0;
  padding: 20px;
  background: #cde8f7; }

#wrapper .table-04 td,
#wrapper .table-04-mini td {
  padding: 20px;
  padding-left: 40px; }

#wrapper .table-04-mini th {
  font-size: 16px;
  max-width: 120px;
  line-height: 32px; }

#wrapper .table-04-mini td {
  padding: 20px;
  line-height: 32px; }

#wrapper .h2-ttl-a,
#wrapper h1.page-ttl-a,
#wrapper .h2-ttl-b,
#wrapper .h2-ttl-c {
  margin-bottom: 29px;
  text-align: center; }

#wrapper .h2-ttl-a span.main,
#wrapper h1.page-ttl-a span.main,
#wrapper .h2-ttl-b span.main,
#wrapper .h2-ttl-c span.main {
  font-size: 3rem;
  color: #222;
  letter-spacing: .08em;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 800;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  position: relative;
  padding: 0 67px 0 71px; }

#wrapper .h2-ttl-a span.main:before,
#wrapper h1.page-ttl-a span.main:before,
#wrapper .h2-ttl-b span.main:before,
#wrapper .h2-ttl-c span.main:before,
#wrapper .h2-ttl-a span.main:after,
#wrapper h1.page-ttl-a span.main:after,
#wrapper .h2-ttl-b span.main:after,
#wrapper .h2-ttl-c span.main:after {
  content: "";
  display: block;
  background: url(../common-img/icon-a.png) no-repeat left top;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 49%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

#wrapper .h2-ttl-a span.main:before,
#wrapper h1.page-ttl-a span.main:before,
#wrapper .h2-ttl-b span.main:before,
#wrapper .h2-ttl-c span.main:before {
  left: 0; }

#wrapper .h2-ttl-a span.main:after,
#wrapper h1.page-ttl-a span.main:after,
#wrapper .h2-ttl-b span.main:after,
#wrapper .h2-ttl-c span.main:after {
  right: 0; }

#wrapper .h2-ttl-a .sub,
#wrapper h1.page-ttl-a .sub,
#wrapper .h2-ttl-b .sub,
#wrapper .h2-ttl-c .sub {
  letter-spacing: .04em;
  display: block;
  font-size: 1.6rem;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: 800;
  position: relative;
  top: -2px;
  color: #222; }

#wrapper .h2-ttl-a.ticket .main,
#wrapper h1.ticket.page-ttl-a .main,
#wrapper .ticket.h2-ttl-b .main,
#wrapper .ticket.h2-ttl-c .main,
#wrapper .h2-ttl-a.ticket .sub,
#wrapper h1.ticket.page-ttl-a .sub,
#wrapper .ticket.h2-ttl-b .sub,
#wrapper .ticket.h2-ttl-c .sub {
  color: #e62320; }

#wrapper h1.page-ttl-a {
  margin-top: 60px;
  margin-bottom: 40px; }

#wrapper .h2-ttl-b span.main,
#wrapper .h2-ttl-c span.main {
  padding: 0 44px 0 50px; }

#wrapper .h2-ttl-b span.main:before,
#wrapper .h2-ttl-c span.main:before,
#wrapper .h2-ttl-b span.main:after,
#wrapper .h2-ttl-c span.main:after {
  content: "";
  display: block;
  background: url(../common-img/icon-b.png) no-repeat left top;
  width: 25px;
  height: 20px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

#wrapper .h2-ttl-b span.main:before,
#wrapper .h2-ttl-c span.main:before {
  left: 0; }

#wrapper .h2-ttl-b span.main:after,
#wrapper .h2-ttl-c span.main:after {
  right: 0; }

#wrapper .h2-ttl-c span.main:before,
#wrapper .h2-ttl-c span.main:after {
  content: "";
  display: block;
  background: url(../common-img/icon-c.png) no-repeat left top;
  width: 26px;
  height: 22px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

#wrapper .wrap-pc-flex-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#wrapper .wrap-pc-flex-02 > div {
  width: 510px; }

#wrapper .h2-ttl-01,
#wrapper .h2-ttl-02 {
  letter-spacing: 4px;
  font-size: 28px;
  font-weight: bold;
  line-height: 48px;
  text-align: center;
  margin-bottom: 48px;
  display: inline-block;
  left: 50%;
  position: relative;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

#wrapper .h2-ttl-01.twitter,
#wrapper .twitter.h2-ttl-02 {
  vertical-align: top;
  height: 73px;
  margin-bottom: 29px;
  left: 47%; }

#wrapper .h2-ttl-01.twitter span,
#wrapper .twitter.h2-ttl-02 span {
  position: relative;
  top: -6px; }

#wrapper .h2-ttl-01.twitter:before,
#wrapper .twitter.h2-ttl-02:before {
  content: "";
  display: inline-block;
  background: url(../common-img/icon-twitter-02.png);
  width: 49px;
  position: relative;
  top: 2px;
  height: 40px;
  margin-right: 23px; }

#wrapper .h2-ttl-02 {
  text-align: left; }

#wrapper .h2-ttl-03 {
  background: #00aaea;
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
  padding: 20px 40px;
  border-radius: 4px 4px 0 0;
  margin-top: 60px;
  font-weight: bold; }

#wrapper .h2-ttl-03.h2-ttl-03-radius {
  border-radius: 4px; }

#wrapper .h2-ttl-03 span.mini {
  font-size: 20px; }

#wrapper .h2-ttl-02 {
  text-align: left; }

#wrapper .h2-img-ttl {
  background: #cccccc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 42px; }

#wrapper .h2-img-ttl.blue {
  background: #00aaea; }

#wrapper .h3-ttl-01 {
  padding-bottom: 30px; }

#wrapper .h3-ttl-01 h3 {
  font-size: 18px;
  line-height: 34px;
  font-weight: bold;
  padding: 15px 20px;
  text-align: center;
  box-sizing: border-box;
  background: #cde8f7; }

#wrapper .h3-ttl-02 {
  padding-bottom: 30px; }

#wrapper .h3-ttl-02 h3 {
  font-weight: bold;
  text-align: left;
  font-size: 20px;
  line-height: 34px;
  padding: 14px 20px;
  box-sizing: border-box;
  background: #cde8f7; }

#wrapper .h3-ttl-02.question h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#wrapper .h3-ttl-02.question h3:before {
  content: "Q. ";
  margin-right: 10px; }

#wrapper .h3-ttl-02.question span {
  display: block; }

#wrapper .shadow-01 {
  box-shadow: 0 0 30px 10px rgba(96, 135, 149, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .shadow-01:hover {
  box-shadow: none; }

#wrapper .shadow-02 {
  box-shadow: 0 0 30px 10px rgba(96, 135, 149, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .shadow-02:hover {
  box-shadow: none; }

#wrapper .shadow-03,
#wrapper .swiper-wrap-osusume-plan .swiper-slide-active a,
#wrapper .swiper-wrap-osusume-plan .swiper-slide-next a,
#wrapper .swiper-wrap-osusume-plan .swiper-slide-duplicate-prev a {
  box-shadow: 0 0 30px 10px rgba(96, 135, 149, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .shadow-03:hover,
#wrapper .swiper-wrap-osusume-plan .swiper-slide-active a:hover,
#wrapper .swiper-wrap-osusume-plan .swiper-slide-next a:hover,
#wrapper .swiper-wrap-osusume-plan .swiper-slide-duplicate-prev a:hover {
  box-shadow: none; }

#wrapper .shadow-04 {
  box-shadow: 0 0 20px 10px rgba(185, 185, 185, 0.2);
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .shadow-04:hover {
  box-shadow: none; }

#wrapper .ul-list-box-01,
#wrapper .ul-list-box-03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 101%; }

#wrapper .ul-list-box-01 > li,
#wrapper .ul-list-box-03 > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 345px; }

#wrapper .ul-list-box-01 > li:not(:nth-child(3n)),
#wrapper .ul-list-box-03 > li:not(:nth-child(3n)) {
  margin-right: 23px; }

#wrapper .ul-list-box-01 > li:nth-child(n + 4),
#wrapper .ul-list-box-03 > li:nth-child(n + 4) {
  margin-top: 50px; }

#wrapper .ul-list-box-01 > li a,
#wrapper .ul-list-box-03 > li a {
  background: #ffffff;
  border-radius: 4px;
  text-decoration: none; }

#wrapper .ul-list-box-01 > li a:hover,
#wrapper .ul-list-box-03 > li a:hover {
  background: #e3007f;
  color: #ffffff; }

#wrapper .ul-list-box-01 > li a .img-box,
#wrapper .ul-list-box-03 > li a .img-box {
  border-radius: 4px 4px 0 0;
  overflow: hidden; }

#wrapper .ul-list-box-01 > li a .img-box img,
#wrapper .ul-list-box-03 > li a .img-box img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%; }

#wrapper .ul-list-box-01 > li a ul.icon-list-box,
#wrapper .ul-list-box-03 > li a ul.icon-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px; }

#wrapper .ul-list-box-01 > li a ul.icon-list-box li,
#wrapper .ul-list-box-03 > li a ul.icon-list-box li {
  text-indent: -9999px; }

#wrapper .ul-list-box-01 > li a ul.icon-list-box .icon-summerpass,
#wrapper .ul-list-box-03 > li a ul.icon-list-box .icon-summerpass {
  background: url(../common-img/icon_venue.png) no-repeat;
  background-size: contain;
  width: 165px;
  height: 33px; }

#wrapper .ul-list-box-01 > li a ul.icon-list-box .icon-seiriken,
#wrapper .ul-list-box-03 > li a ul.icon-list-box .icon-seiriken {
  background: url(../common-img/icon_home.png) no-repeat;
  background-size: contain;
  width: 146px;
  height: 33px; }

#wrapper .ul-list-box-01 > li a .txt-box,
#wrapper .ul-list-box-03 > li a .txt-box {
  padding: 25px 20px 30px; }

#wrapper .ul-list-box-01 > li a .ttl,
#wrapper .ul-list-box-03 > li a .ttl {
  font-size: 20px;
  line-height: 30px;
  display: block;
  font-weight: bold; }
  #wrapper .ul-list-box-01 > li a .ttl span.mini,
  #wrapper .ul-list-box-03 > li a .ttl span.mini {
    font-size: 16px; }

#wrapper .ul-list-box-01 > li a .txt,
#wrapper .ul-list-box-03 > li a .txt {
  font-size: 16px;
  line-height: 32px; }

#wrapper .ul-list-box-03 .txt-box .ttl {
  margin-bottom: 10px; }

#wrapper .link-icon-a-01,
#wrapper .link-icon-a-02 {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .link-icon-a-01:before,
#wrapper .link-icon-a-02:before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  background: #000000;
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 10px;
  bottom: -20px;
  background: url(../common-img/link-icon-a-01.png) no-repeat left top;
  background-size: 100%;
  display: none; }

#wrapper .link-icon-a-01:hover:before,
#wrapper .link-icon-a-02:hover:before {
  background: url(../common-img/link-icon-a-01-hover.png) no-repeat left top;
  background-size: 100%;
  display: none; }

#wrapper .link-icon-a-02:before {
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

#wrapper .btn-01 {
  text-align: center; }

#wrapper .btn-01 a {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  background: #e3007f;
  color: #ffffff;
  border-radius: 100px;
  min-width: 500px;
  padding: 23px 95px 23px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px; }

#page-up {
  z-index: 100;
  position: fixed;
  bottom: 25px;
  right: 25px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#page-up.up {
  bottom: 100px; }

#page-up:hover {
  bottom: 35px; }

.em-txt {
  color: #e3007f;
  font-weight: bold; }

.bg-color-02 {
  background: #ffffff; }

.css-loader,
body.schedule #wrapper .css-loader-schedule {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  border: 2px solid #00aaea;
  border-top-color: #cde8f7;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite; }

.css-loader.hide,
body.schedule #wrapper .hide.css-loader-schedule {
  opacity: 0;
  visibility: hidden; }

@-webkit-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); }
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg); }
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.remark {
  font-size: 14px;
  display: inline-block;
  line-height: 30px; }

@media screen and (max-width: 1080px) and (min-width: 0px) {
  .stripe-01:before {
    top: -385px;
    left: -385px;
    width: 770px;
    height: 770px; } }

.banner-list-box-01,
.banner-list-box-02,
#wrapper .banner-list-box-03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.banner-list-box-01 li:nth-child(2n),
.banner-list-box-02 li:nth-child(2n),
#wrapper .banner-list-box-03 li:nth-child(2n) {
  margin-left: 60px; }

.banner-list-box-01 li:nth-child(n + 3),
.banner-list-box-02 li:nth-child(n + 3),
#wrapper .banner-list-box-03 li:nth-child(n + 3) {
  margin-top: 30px; }

.banner-list-box-02 li .banner-ttl, #wrapper .banner-list-box-03 li .banner-ttl {
  font-weight: 500;
  display: block;
  padding-left: 20px;
  background: #cde8f7;
  position: relative;
  line-height: 44px;
  font-weight: bold; }

.banner-list-box-02 li .banner-ttl:after, #wrapper .banner-list-box-03 li .banner-ttl:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -11px;
  left: 25px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-style: solid;
  border-color: #cde8f7 transparent transparent transparent;
  border-width: 11px 6px 0;
  z-index: 1; }

.banner-list-box-02 li img, #wrapper .banner-list-box-03 li img {
  margin-top: 10px; }

#wrapper .bottom-ticket-wrap {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 100;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  bottom: -70px;
  opacity: 0; }

#wrapper .bottom-ticket-wrap.visible {
  opacity: 1; }

#wrapper .bottom-ticket-wrap:hover .bottom-ticket-box {
  background: #ff4542; }

#wrapper .bottom-ticket-wrap:hover .bottom-ticket-accordion-btn {
  background: #ff4542; }

#wrapper .bottom-ticket-wrap .bottom-ticket-box {
  width: 100%;
  cursor: pointer;
  background: #e62320;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .bottom-ticket-wrap .bottom-ticket-box .bottom-ticket-icon {
  width: 56px;
  margin-right: 20px; }

#wrapper .bottom-ticket-wrap .bottom-ticket-box .bottom-ticket-icon img {
  width: 100%; }

#wrapper .bottom-ticket-wrap .bottom-ticket-box .bottom-tikcet-txt {
  color: #ffffff;
  font-size: 24px;
  line-height: 48px;
  font-weight: bold; }

#wrapper .bottom-ticket-wrap .bottom-ticket-accordion-btn {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background: #e62320;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer; }

#wrapper .bottom-ticket-wrap .bottom-ticket-accordion-btn:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 16px solid #ffffff; }

#wrapper .bottom-ticket-wrap.active {
  bottom: 0; }

#wrapper .bottom-ticket-wrap.active .bottom-ticket-accordion-btn {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg); }

#wrapper .bottom-ticket-wrap.active .bottom-ticket-accordion-btn:before {
  top: 50%; }

#wrapper .block-attention {
  margin-top: 60px;
  border: 3px solid #e3007f;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 30px;
  background: #ffffff; }

#wrapper .block-attention.no-title-box .no-title {
  background: #e3007f;
  padding: 8px 20px;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: bold; }

#wrapper .block-attention.no-title-box .txt-box {
  margin-top: 0; }

#wrapper .block-attention h2 {
  font-weight: bold;
  display: inline-block;
  position: relative;
  top: -17px;
  color: #e3007f;
  background: #ffffff;
  padding: 0 45px;
  font-size: 20px;
  white-space: nowrap; }

#wrapper .block-attention .txt-box {
  margin-top: -10px;
  padding: 0 20px 16px;
  font-size: 14px;
  line-height: 28px; }

#wrapper .h3-ttl-01 {
  padding-bottom: 20px; }

#wrapper .h3-ttl-01 span.mini {
  font-size: 18px; }

#wrapper .h4-ttl-01 {
  font-size: 18px;
  padding-bottom: 20px; }

#wrapper .h4-ttl-01 span.mini {
  font-size: 18px; }

#wrapper .h4-ttl-02 {
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  width: 100%;
  border-bottom: 1px solid #000000; }

#wrapper .parts-ticker .ticker-list-box {
  background: #cde8f7;
  border-radius: 4px;
  padding: 20px 20px;
  font-size: 14px;
  line-height: 28px; }

#wrapper .parts-ticker .ticker-list-box .ttl {
  font-weight: bold; }

#wrapper .parts-ticker .ticker-list-box .txt {
  margin-top: 5px; }

#wrapper .parts-ticker .ticker-list-box li:only-child {
  opacity: 1 !important; }

#wrapper .basic-wrap .ticker-list-box {
  background: #cde8f7;
  border-radius: 4px;
  padding: 20px 20px;
  font-size: 14px;
  line-height: 28px; }

#wrapper .basic-wrap .ticker-list-box .ttl {
  font-weight: bold; }

#wrapper .basic-wrap .ticker-list-box .txt {
  margin-top: 5px; }

#wrapper .header-ticker {
  margin-top: 30px;
  padding: 10px 70px;
  text-align: center; }

#wrapper .emergency-box {
  border: #e3007f 2px solid;
  background: #e3007f;
  border-radius: 4px;
  padding: 10px 35px;
  font-size: 14px;
  line-height: 28px;
  color: #e3007f;
  font-weight: bold;
  margin-top: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .emergency-box.active {
  opacity: 1;
  background: #ffffff; }

#wrapper .emergency-box a {
  color: #e3007f;
  text-decoration: underline; }

#wrapper .emergency-box a:hover {
  text-decoration: none; }

body.second #wrapper .emergency-box {
  margin-bottom: 25px; }

#wrapper .summerstation-nav {
  margin-top: 28px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 10; }

#wrapper .summerstation-nav.fixed-hide {
  position: fixed;
  top: -300px;
  left: 0;
  width: 100%; }

#wrapper .summerstation-nav.fixed {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%; }

#wrapper .summerstation-nav.fixed-style {
  margin-top: 0;
  background: #000000; }

#wrapper .summerstation-nav.fixed,
#wrapper .summerstation-nav.up {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%; }

#wrapper .summerstation-nav.fall {
  top: 0; }

#wrapper .summerstation-nav .pc-nav-radius {
  box-shadow: 6px 10px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 4; }

#wrapper .summerstation-nav.fixed-style {
  background: #00aaea;
  box-shadow: 6px 10px 20px rgba(0, 0, 0, 0.1); }

#wrapper .summerstation-nav.fixed-style:before {
  content: "";
  background: #dff6ff;
  width: 100%;
  height: 40px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0; }

#wrapper .summerstation-nav.fixed-style .pc-nav-radius {
  border-radius: 0px;
  box-shadow: none; }

#wrapper .summerstation-nav ul.main-nav-list-box-01 {
  background: #00aaea;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 1080px; }

#wrapper .summerstation-nav ul.main-nav-list-box-01 li {
  width: 290px;
  box-sizing: border-box; }

#wrapper .summerstation-nav ul.main-nav-list-box-01 li a {
  border-right: 2px solid #ffffff;
  line-height: 60px;
  display: block;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  -webkit-transition: 0.3s;
  transition: 0.3s; }
  #wrapper .summerstation-nav ul.main-nav-list-box-01 li a span {
    position: relative; }
    #wrapper .summerstation-nav ul.main-nav-list-box-01 li a span:before {
      position: absolute;
      content: "";
      left: -38px;
      top: 50%;
      -webkit-transform: translatey(-50%);
      transform: translatey(-50%);
      width: 28px;
      height: 28px;
      background: url(../common-img/navi_icon_top.png); }

#wrapper .summerstation-nav ul.main-nav-list-box-01 li:last-child a {
  border-right: none; }

#wrapper .summerstation-nav ul.main-nav-list-box-01 li.main-nav-venue a span::before {
  background: url(../common-img/navi_icon_venue.png); }

#wrapper .summerstation-nav ul.main-nav-list-box-01 li.main-nav-home a span::before {
  background: url(../common-img/navi_icon_home.png); }

#wrapper .summerstation-nav ul.main-nav-list-box-01 li.main-nav-virtual a span::before {
  background: url(../common-img/navi_icon_virtual.png); }

#wrapper .summerstation-nav ul.main-nav-list-box-01 li a:hover {
  background: #e3007f; }

#wrapper .summerstation-nav .ticket-btn-01 {
  position: absolute;
  top: 0;
  right: 0; }

#wrapper .summerstation-nav .ticket-btn-01 a {
  background: url(../common-img/pc-nav-ticket-txt.png);
  width: 210px;
  height: 100px;
  display: block; }

#wrapper .summerstation-nav ul.sub-nav-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1080px;
  background: #dff6ff; }

#wrapper .summerstation-nav ul.sub-nav-list-box li {
  width: auto; }

#wrapper .summerstation-nav ul.sub-nav-list-box li a {
  background: #dff6ff;
  display: block;
  text-align: center;
  font-weight: bold;
  line-height: 40px;
  font-size: 14px;
  position: relative;
  padding-right: 15px;
  margin-right: 30px; }

#wrapper .summerstation-nav ul.sub-nav-list-box li a:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-top: 2px solid #222;
  border-right: 2px solid #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#wrapper .pc-flex-auto li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto !important; }

#wrapper #page-anchor-list-box2 li a {
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper #page-anchor-list-box2 li a:hover {
  background: #e3007f !important;
  color: #ffffff; }

#wrapper #page-anchor-list-box2 li a:hover:after {
  border-color: #ffffff transparent transparent transparent; }

#wrapper #page-anchor-list-box,
#wrapper .page-anchor-list-box,
#wrapper .page-anchor-list-box-03,
#wrapper .anchor-list-box,
#wrapper .anchor-list-box-02,
#wrapper .anchor-single-btn {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 4px;
  background: none; }

#wrapper #page-anchor-list-box li,
#wrapper .page-anchor-list-box li,
#wrapper .page-anchor-list-box-03 li,
#wrapper .anchor-list-box li,
#wrapper .anchor-list-box-02 li,
#wrapper .anchor-single-btn li {
  width: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
  margin-bottom: 10px; }

#wrapper #page-anchor-list-box li a,
#wrapper .page-anchor-list-box li a,
#wrapper .page-anchor-list-box-03 li a,
#wrapper .anchor-list-box li a,
#wrapper .anchor-list-box-02 li a,
#wrapper .anchor-single-btn li a {
  width: 100%;
  background: #00aaea;
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  line-height: 24px;
  min-height: 70px;
  box-sizing: border-box;
  padding: 20px 20px 20px 20px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  letter-spacing: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper #page-anchor-list-box li a.genre-load.active,
#wrapper .page-anchor-list-box li a.genre-load.active,
#wrapper .page-anchor-list-box-03 li a.genre-load.active,
#wrapper .anchor-list-box li a.genre-load.active,
#wrapper .anchor-list-box-02 li a.genre-load.active,
#wrapper .anchor-single-btn li a.genre-load.active {
  color: #ffffff;
  background: #e3007f; }

#wrapper #page-anchor-list-box li a.genre-load.active:after,
#wrapper .page-anchor-list-box li a.genre-load.active:after,
#wrapper .page-anchor-list-box-03 li a.genre-load.active:after,
#wrapper .anchor-list-box li a.genre-load.active:after,
#wrapper .anchor-list-box-02 li a.genre-load.active:after,
#wrapper .anchor-single-btn li a.genre-load.active:after {
  border-color: #ffffff transparent transparent transparent; }

#wrapper #page-anchor-list-box li a:hover,
#wrapper .page-anchor-list-box li a:hover,
#wrapper .page-anchor-list-box-03 li a:hover,
#wrapper .anchor-list-box li a:hover,
#wrapper .anchor-list-box-02 li a:hover,
#wrapper .anchor-single-btn li a:hover {
  background: #e3007f !important;
  color: #ffffff; }

#wrapper #page-anchor-list-box li a:hover:after,
#wrapper .page-anchor-list-box li a:hover:after,
#wrapper .page-anchor-list-box-03 li a:hover:after,
#wrapper .anchor-list-box li a:hover:after,
#wrapper .anchor-list-box-02 li a:hover:after,
#wrapper .anchor-single-btn li a:hover:after {
  border-color: #ffffff transparent transparent transparent; }

#wrapper #page-anchor-list-box li a:after,
#wrapper .page-anchor-list-box li a:after,
#wrapper .page-anchor-list-box-03 li a:after,
#wrapper .anchor-list-box li a:after,
#wrapper .anchor-list-box-02 li a:after,
#wrapper .anchor-single-btn li a:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 19px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #fff transparent transparent transparent; }

#wrapper .page-anchor-list-box-03 li {
  width: 33.333%; }

#wrapper .anchor-list-box li,
#wrapper .anchor-list-box-02 li,
#wrapper .anchor-single-btn li,
#wrapper .anchor-list-box li:nth-child(odd),
#wrapper .anchor-list-box-02 li:nth-child(odd),
#wrapper .anchor-single-btn li:nth-child(odd) {
  width: 20%; }

#wrapper .anchor-list-box li a:after,
#wrapper .anchor-list-box-02 li a:after,
#wrapper .anchor-single-btn li a:after,
#wrapper .anchor-list-box li:nth-child(odd) a:after,
#wrapper .anchor-list-box-02 li:nth-child(odd) a:after,
#wrapper .anchor-single-btn li:nth-child(odd) a:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 19px;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #e3007f; }

#wrapper .anchor-list-box li a:hover:after,
#wrapper .anchor-list-box-02 li a:hover:after,
#wrapper .anchor-single-btn li a:hover:after,
#wrapper .anchor-list-box li:nth-child(odd) a:hover:after,
#wrapper .anchor-list-box-02 li:nth-child(odd) a:hover:after,
#wrapper .anchor-single-btn li:nth-child(odd) a:hover:after {
  margin-top: 0px;
  border-color: transparent transparent transparent #ffffff; }

#wrapper .anchor-list-box-02 li,
#wrapper .anchor-list-box-02 li:nth-child(odd) {
  width: 50%; }

#wrapper .anchor-list-box-02 li a,
#wrapper .anchor-list-box-02 li:nth-child(odd) a {
  background: #ffffff; }

#wrapper .anchor-list-box-02 li:nth-child(4n) a,
#wrapper .anchor-list-box-02 li:nth-child(4n + 1) a {
  background: #e5f4fb; }

#wrapper .anchor-single-btn {
  border-bottom: 1px solid #f3f7f9; }

#wrapper .anchor-single-btn li,
#wrapper .anchor-single-btn li:nth-child(odd) {
  width: 100%; }

#wrapper .anchor-single-btn li a,
#wrapper .anchor-single-btn li:nth-child(odd) a {
  background: #ffffff; }

#wrapper .area-oshirase {
  margin-bottom: 60px;
  display: none; }

#wrapper .area-oshirase.active {
  display: block; }

#wrapper .area-oshirase .ttl-box {
  width: 160px;
  height: 100px;
  font-weight: bold;
  background: #00aaea;
  border-radius: 6px;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 19px;
  font-size: 20px;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  box-sizing: border-box; }

#wrapper .area-oshirase .ttl-box:before {
  margin-right: 10px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 13px;
  border-color: transparent transparent transparent #ffffff; }

#wrapper .area-oshirase ul.oshirase-list-box {
  border-radius: 4px;
  background: #f3f7f9;
  padding: 32px 100px 20px;
  padding-left: 120px;
  margin: 0 auto;
  margin-top: -50px;
  margin-left: 80px;
  max-height: 224px;
  box-sizing: border-box;
  overflow-y: scroll; }

#wrapper .area-oshirase ul.oshirase-list-box li {
  border-bottom: 1px solid #000000;
  padding-bottom: 20px;
  margin-bottom: 20px; }

#wrapper .area-oshirase ul.oshirase-list-box li:last-child {
  border-bottom: none;
  margin-bottom: 0; }

#wrapper .area-oshirase ul.oshirase-list-box li:nth-child(n + 2) {
  margin-top: 10px; }

#wrapper .area-oshirase ul.oshirase-list-box li .txt {
  font-size: 16px;
  line-height: 28px; }

#wrapper .area-oshirase ul.oshirase-list-box li .date {
  letter-spacing: 1px;
  color: #5dbef5;
  font-size: 12px;
  line-height: 20px; }

#wrapper .area-oshirase ul.oshirase-list-box li a .txt {
  text-decoration: underline; }

#wrapper .area-oshirase ul.oshirase-list-box li a .txt:hover {
  text-decoration: none; }

#wrapper .area-mv {
  padding-top: 20px;
  padding-bottom: 20px; }

#wrapper .btn-detail-link {
  font-weight: bold;
  background: #e3007f;
  color: #ffffff;
  line-height: 40px;
  border-radius: 100px;
  padding: 0 30px;
  position: relative;
  padding-right: 50px; }

#wrapper .btn-detail-link:after {
  display: inline-block;
  width: 25px;
  height: 25px;
  content: "";
  background: url(../common-img/link-icon-b-01.png);
  background-size: 100%;
  position: absolute;
  top: 7px;
  right: 11px; }

#wrapper .btn-detail-link.pc-right-top {
  position: absolute;
  top: 0;
  right: 0; }

#wrapper ul.genre-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 101%; }

#wrapper ul.genre-list-box > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 345px; }

#wrapper ul.genre-list-box > li:not(:nth-child(3n)) {
  margin-right: 23px; }

#wrapper ul.genre-list-box > li:nth-child(n + 4) {
  margin-top: 46px; }

#wrapper ul.genre-list-box > li a {
  width: 100%;
  background: #ffffff;
  border-radius: 4px;
  text-decoration: none; }

#wrapper ul.genre-list-box > li a .img-box {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  min-height: 240px;
  background: #dbdbdb;
  position: relative; }

#wrapper ul.genre-list-box > li a .img-box img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1; }

#wrapper ul.genre-list-box > li a .img-box img.hide {
  opacity: 0; }

#wrapper ul.genre-list-box > li a .txt-box {
  padding: 20px 20px 20px; }

#wrapper ul.genre-list-box > li a .txt-box .genre-ttl {
  position: relative;
  z-index: 2;
  width: 260px;
  margin: 0 auto;
  margin-bottom: 27px;
  background: #00aaea;
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
  font-size: 18px;
  line-height: 29px;
  font-weight: bold;
  padding: 10px 10px;
  letter-spacing: 0; }

#wrapper ul.genre-list-box > li a .txt-box .genre-ttl .back-sura {
  margin: 0 2px;
  font-size: 14px; }

#wrapper ul.genre-list-box > li a .txt-box .genre-ttl:after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #00aaea transparent transparent transparent; }

#wrapper ul.genre-list-box .object-list-box {
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0; }

#wrapper ul.genre-list-box .object-list-box .list {
  display: inline-block;
  width: 143px;
  display: block;
  font-weight: bold;
  background: #e5f4fb;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 30px;
  font-weight: bold; }

#wrapper ul.genre-list-box .object-list-box .list:nth-child(2n) {
  margin-left: 17px; }

#wrapper ul.genre-list-box .object-list-box .list:nth-child(n + 3) {
  margin-top: 10px; }

#wrapper .topics-list-wrap {
  background: #ffffff;
  padding: 0;
  border-radius: 9px;
  overflow: hidden;
  text-align: right; }

#wrapper .topics-list-wrap.shadow-04 {
  box-shadow: 0 0 20px 10px rgba(185, 185, 185, 0.2); }

#wrapper .topics-list-wrap ul.topics-list-box {
  text-align: left;
  max-height: 750px;
  min-height: 100px;
  overflow-y: auto; }

.second #wrapper .topics-list-wrap ul.topics-list-box {
  max-height: 500px; }

#wrapper .topics-list-wrap ul.topics-list-box li {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #wrapper .topics-list-wrap ul.topics-list-box li:nth-child(even) {
    background: #e5f4fb; }

#wrapper .topics-list-wrap ul.topics-list-box li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0; }

#wrapper .topics-list-wrap ul.topics-list-box li a {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-decoration: underline; }

#wrapper .topics-list-wrap ul.topics-list-box li .img-box {
  width: 140px;
  margin-right: 20px;
  text-align: center; }

#wrapper .topics-list-wrap ul.topics-list-box li .img-box.default img {
  border: 1px solid #dedede;
  box-sizing: border-box;
  padding: 20px; }

#wrapper .topics-list-wrap ul.topics-list-box li .img-box img {
  width: 100%; }

#wrapper .topics-list-wrap ul.topics-list-box li .txt-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative; }

#wrapper .topics-list-wrap ul.topics-list-box li .txt-box .ttl {
  font-weight: 500;
  font-size: 1.6rem;
  padding: 40px 30px 0; }

#wrapper .topics-list-wrap ul.topics-list-box li .txt-box .date {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  font-size: 1.4rem;
  line-height: 20px;
  letter-spacing: 1px;
  text-align: right;
  background: #00a0e9;
  padding: 5px 15px; }

#wrapper .twitter-widget {
  min-height: 500px;
  padding: 20px;
  box-sizing: border-box;
  background: #ffffff;
  opacity: 0;
  border-radius: 10px;
  overflow-y: scroll;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .twitter-widget.active {
  opacity: 1; }

#wrapper .schedule-ttl {
  color: #ffffff;
  background: #00aaea;
  padding: 20px;
  padding-left: 45px;
  text-align: center;
  font-weight: bold;
  border-radius: 4px 4px 0 0; }

#wrapper .schedule-ttl > span {
  position: relative; }

#wrapper .schedule-ttl .month {
  top: -6px;
  font-size: 40px; }

#wrapper .schedule-ttl .sura {
  margin-left: -2px;
  top: -7px;
  font-weight: normal;
  font-size: 30px; }

#wrapper .schedule-ttl .date {
  letter-spacing: 0px;
  top: 10px;
  font-size: 60px;
  margin-left: 1px; }

#wrapper .schedule-ttl .youbi {
  top: -20px;
  left: 7px;
  font-size: 22px;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
  background: #e4de19;
  color: #00aaea; }

#wrapper .schedule-ttl .end-txt {
  font-weight: normal;
  left: -23px;
  letter-spacing: 0;
  top: 10px;
  font-size: 20px;
  line-height: 30px; }

#wrapper .wrap-ticket .box-ticket:hover {
  background: #e3007f;
  color: #ffffff; }

#wrapper .wrap-ticket .box-ticket .txt-box {
  padding: 20px; }

#wrapper .wrap-ticket .box-ticket .txt-box .ttl {
  margin-bottom: 20px;
  display: block;
  font-weight: bold;
  font-size: 18px; }

#wrapper .wrap-ticket .box-ticket .txt-box .txt {
  font-size: 16px; }

#wrapper .banner-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#wrapper .banner-list-box li:nth-child(n + 3) {
  margin-top: 20px; }

#wrapper .banner-list-box li a {
  border: 1px solid #dddddd; }

#wrapper .banner-list-box li img {
  width: 100%; }

#wrapper .banner-list-box li:nth-child(3n) {
  margin-right: 0; }

#wrapper .banner-list-box li:nth-child(2n) {
  margin-left: 55px; }

#wrapper iframe.google-map {
  width: 100%;
  height: 460px; }

#wrapper .basic-wrap {
  margin-top: 30px;
  margin-bottom: 60px; }

#wrapper .variable-wrap {
  padding: 60px 0 60px; }

#wrapper .block-date {
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding-left: 0; }
  #wrapper .block-date span {
    background: #00a0e9;
    display: inline-block;
    padding: 2px 25px; }

#wrapper .block-page-ttl {
  padding-top: 28px;
  position: relative;
  color: #ffffff;
  font-weight: bold;
  box-sizing: border-box;
  margin-bottom: 10px; }

#wrapper .block-page-ttl:after {
  content: "";
  display: block;
  background: #00aaea;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 125px;
  z-index: 1; }

#wrapper .block-page-ttl h1.page-ttl {
  position: relative;
  z-index: 2;
  letter-spacing: 2px;
  font-size: 28px;
  line-height: 48px;
  margin-bottom: 40px; }

#wrapper .block-page-ttl h1.page-ttl span.mini {
  font-size: 18px; }

#wrapper .block-icon {
  z-index: 2;
  right: 0px;
  margin-top: -30px;
  margin-bottom: 10px; }

#wrapper .block-icon ul.icon-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

#wrapper .block-icon ul.icon-list-box li {
  margin-left: 11px;
  width: 120px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  text-indent: -9999px;
  overflow: hidden; }

#wrapper .block-icon ul.icon-list-box .icon-summerpass {
  background: url(../common-img/icon_venue.png) no-repeat;
  background-size: 100%;
  width: 165px;
  height: 33px; }

#wrapper .block-icon ul.icon-list-box .icon-seiriken {
  background: url(../common-img/icon_home.png) no-repeat;
  background-size: 100%;
  width: 146px;
  height: 33px; }

#wrapper .block-main-img {
  z-index: 2; }

#wrapper .block-end {
  border-radius: 4px;
  margin-top: 30px;
  background: #cde8f7;
  font-size: 20px;
  line-height: 38px;
  padding: 15px 20px;
  font-weight: bold;
  text-align: center; }

#wrapper .block-style.block-information {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 25px 40px; }

#wrapper .block-style.block-information dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#wrapper .block-style.block-information dl dt {
  width: 178px;
  padding-right: 20px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 20px;
  margin-right: 60px;
  position: relative; }

#wrapper .block-style.block-information dl dt:after {
  content: "";
  width: 1px;
  top: 0;
  right: 0;
  margin-top: 6px;
  height: calc(100% - 12px);
  background: #000000;
  display: block;
  position: absolute; }

#wrapper .block-style.block-information dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

#wrapper .block-style.block-information dl dd li:not(:last-child) {
  margin-bottom: 17px; }

#wrapper .block-style.block-information dl dd li .date {
  font-size: 12px;
  line-height: 20px;
  color: #5dbef5; }

#wrapper .block-others {
  position: relative; }

#wrapper .block-main-read {
  font-size: 18px;
  line-height: 38px;
  margin-top: 31px;
  font-weight: bold; }

#wrapper .block-pc-column-02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#wrapper .block-pc-column-02 .img-box {
  width: 470px;
  margin-right: 60px; }

#wrapper .block-pc-column-02 .img-box img {
  width: 100%; }

#wrapper .block-pc-column-02 .img-box img:not(:last-child) {
  margin-bottom: 20px; }

#wrapper .block-pc-column-02 .txt-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

#wrapper .block-pc-column-02 .txt-box .ttl {
  margin-bottom: 20px; }

#wrapper .block-pc-column-02 .txt-box .txt {
  font-size: 16px;
  line-height: 32px; }

#wrapper .block-pc-column-02 .txt-box ul.spncer-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px; }

#wrapper .block-pc-column-02 .txt-box ul.spncer-list-box li {
  margin-left: 10px; }

#wrapper .block-pc-column-02 .txt-box ul.spncer-list-box li img {
  height: 80px; }

#wrapper .block-kanren-link {
  padding-top: 0; }

#wrapper .block-kanren-link .kanren-list-box {
  background: #f3f7f9;
  padding: 24px;
  border-radius: 4px; }

#wrapper .block-kanren-link .kanren-list-box li a {
  text-decoration: underline;
  position: relative;
  padding-left: 26px; }

#wrapper .block-kanren-link .kanren-list-box li a:hover {
  text-decoration: none; }

#wrapper .block-kanren-link .kanren-list-box li a:after {
  right: auto;
  left: 0; }

#wrapper .block-remark {
  font-size: 14px;
  line-height: 30px; }

#wrapper .block-others {
  background: #ffffff;
  margin-top: 60px;
  margin-bottom: -60px;
  padding: 80px 0 80px; }

#wrapper .block-news-box {
  padding-bottom: 0; }

#wrapper .block-img {
  text-align: center; }

#wrapper .block-img img {
  max-width: 100%; }

#wrapper .block-img-2rows {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0; }
  #wrapper .block-img-2rows div {
    width: 50%;
    margin-right: 20px; }
    #wrapper .block-img-2rows div:nth-child(2) {
      margin-right: 0; }
  #wrapper .block-img-2rows img {
    max-width: 100%; }

#wrapper .block-news-txt {
  padding-bottom: 0; }

#wrapper .block-style .ttl {
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 32px;
  font-weight: bold; }

#wrapper .block-style .ttl-02 {
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 34px;
  font-weight: bold;
  padding-bottom: 12px;
  border-bottom: 2px solid #000; }

#wrapper .back-top-wrap {
  padding-top: 60px;
  padding-bottom: 60px; }

#wrapper ul.map-btn-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 20px; }

#wrapper ul.map-btn-list-box li {
  margin-left: 20px; }

#wrapper ul.map-btn-list-box li a {
  position: relative;
  font-weight: bold;
  line-height: 40px;
  border-radius: 100px;
  padding: 0 30px;
  position: relative;
  padding-right: 50px;
  background: #e5f4fb;
  color: #000000;
  width: 160px;
  box-sizing: border-box;
  text-align: center;
  padding-right: 30px;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper ul.map-btn-list-box li a:hover,
#wrapper ul.map-btn-list-box li a.active {
  background: #e3007f;
  color: #ffffff; }

#wrapper ul.map-image-list-box {
  position: relative;
  height: 660px;
  margin-bottom: 30px; }

#wrapper ul.map-image-list-box li {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper ul.map-image-list-box li.active {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1; }

#wrapper #googlemap,
#wrapper #sample {
  background: #cccccc;
  width: 1080px;
  height: 460px;
  margin: 0 auto; }

#wrapper .fukidashi-wrap {
  font-size: 16px; }

#wrapper .googlemap-ttl {
  font-weight: bold; }

#wrapper .gmnoprint {
  display: none; }

#wrapper .genre-wrapper {
  min-height: 500px;
  position: relative; }

#wrapper .genre-wrapper .css-loader,
body.schedule #wrapper .genre-wrapper .css-loader-schedule {
  top: 200px; }

#wrapper .genre-wrapper .parts-genre {
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .aritist-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

#wrapper .aritist-list-box li {
  background: #ffffff;
  width: 345px;
  margin-bottom: 50px;
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

#wrapper .aritist-list-box li .img-box {
  position: relative;
  background: url(../area/live/img/bg-artist-img.png) repeat; }

#wrapper .aritist-list-box li .img-box img {
  width: 100%; }

#wrapper .aritist-list-box li .txt-box {
  padding: 24px 20px 20px;
  min-height: 140px;
  box-sizing: border-box;
  position: relative; }

#wrapper .aritist-list-box li .txt-box .date {
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
  margin-bottom: 5px;
  letter-spacing: 1px; }

#wrapper .aritist-list-box li .txt-box .name {
  letter-spacing: 2px;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold; }

#wrapper .aritist-list-box li:nth-child(3n) {
  margin-right: -4px; }

#wrapper .aritist-list-box li:not(:nth-child(3n)) {
  margin-right: 23px; }

#wrapper .aritist-list-box li a {
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .aritist-list-box li a:hover {
  color: #ffffff;
  background: #e3007f; }

#wrapper .aritist-list-box li.summerpass .txt-box:after {
  position: absolute;
  top: 22px;
  right: 12px;
  content: "";
  width: 100px;
  height: 28px;
  background: url(../common-img/icon_venue.png) no-repeat left top;
  background-size: 100%; }

#wrapper .aritist-list-box li.new .img-box:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -15px;
  left: 0px;
  background: url(../area/live/img/new.png) no-repeat left top;
  background-size: 100%;
  width: 90px;
  height: 30px; }

#wrapper ul.hero-cast-list-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 60px; }

#wrapper ul.hero-cast-list-box:last-child {
  margin-bottom: 0; }

#wrapper ul.hero-cast-list-box li {
  width: calc(25% - 30px);
  margin-right: 40px; }

#wrapper ul.hero-cast-list-box li:nth-child(4n) {
  margin-right: 0; }

#wrapper ul.hero-cast-list-box li:nth-child(n + 5) {
  margin-top: 40px; }

#wrapper ul.hero-cast-list-box li img {
  width: 100%; }

#wrapper ul.hero-cast-list-box li .img-box {
  margin-bottom: 15px; }

#wrapper ul.hero-cast-list-box li .sub {
  font-size: 16px;
  line-height: 24px; }

#wrapper ul.hero-cast-list-box li .name {
  font-size: 18px; }

#wrapper .q-a-list-box .answer {
  padding-left: 20px; }

#wrapper .header-back-btn {
  display: none; }

body.jr2019 #wrapper .parts-summerstation-nav,
body.jr2019_arena #wrapper .parts-summerstation-nav,
body.museum #wrapper .parts-summerstation-nav {
  display: none; }

body.jr2019 #wrapper .summerstation-header .header-image .logo-area a .date,
body.jr2019_arena #wrapper .summerstation-header .header-image .logo-area a .date,
body.museum #wrapper .summerstation-header .header-image .logo-area a .date {
  margin-top: 27px; }

body.jr2019 #wrapper .header-back-btn,
body.jr2019_arena #wrapper .header-back-btn,
body.museum #wrapper .header-back-btn {
  display: block;
  position: absolute;
  left: 124px;
  top: 82px;
  border-radius: 100px;
  padding: 0 23px;
  padding-left: 42px;
  display: block;
  background: #e3007f;
  color: #ffffff;
  font-weight: bold;
  font-size: 13px;
  line-height: 34px; }

body.jr2019 #wrapper .header-back-btn:after,
body.jr2019_arena #wrapper .header-back-btn:after,
body.museum #wrapper .header-back-btn:after {
  display: inline-block;
  width: 18px;
  height: 18px;
  content: "";
  background: url(../common-img/link-icon-b-01.png);
  background-size: 100%;
  position: absolute;
  top: 48%;
  -webkit-transform: translateY(-50%) scale(-1, 1);
  transform: translateY(-50%) scale(-1, 1);
  left: 15px; }

#wrapper .about-txt {
  font-size: 18px;
  font-weight: bold; }

#wrapper ul.list-txt-01 {
  margin-left: 17px; }

#wrapper ul.list-txt-01 li {
  margin-left: 0px;
  text-indent: -17px; }

#wrapper .block-movie .youtube-wrap {
  width: 640px;
  margin: 0 auto; }

#wrapper .block-movie a.youtube-box {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  background: #000000;
  position: relative;
  height: 0;
  padding-bottom: 56.25%; }

#wrapper .block-movie a.youtube-box:hover img {
  opacity: 1; }

#wrapper .block-movie a.youtube-box:hover:before {
  opacity: 0; }

#wrapper .block-movie a.youtube-box:before {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 3;
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  background: url(../common-img/icon-play.png) repeat-y left top;
  background-size: contain;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%); }

#wrapper .block-movie a.youtube-box img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.7; }

#wrapper .congestion-wrap {
  position: relative;
  margin-bottom: 80px; }

#wrapper .congestion-wrap .area-ttl {
  color: #ffffff;
  background-color: #00479d;
  z-index: 2;
  letter-spacing: 0;
  padding: 0 30px;
  font-weight: bold;
  height: 42px;
  line-height: 42px;
  box-sizing: border-box;
  position: absolute;
  left: 2px;
  top: -20px;
  font-size: 24px;
  min-width: 400px;
  background-repeat: no-repeat; }

#wrapper .congestion-wrap .area-ttl:before {
  pointer-events: none;
  background: url(../common-img/kado-left-top.png) left top no-repeat, url(../common-img/kado-left-bottom.png) left bottom no-repeat, url(../common-img/kado-right-top.png) right top no-repeat, url(../common-img/kado-right-bottom.png) right bottom no-repeat;
  background-size: 23px;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -9999; }

#wrapper .congestion-wrap .congestion-list-box {
  margin-top: 20px;
  margin-bottom: -30px; }

#wrapper .congestion-wrap .congestion-list-box .area-detail-ttl {
  font-weight: bold;
  color: #00479d;
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 5px; }

#wrapper .congestion-wrap .congestion-list-box li {
  border: 2px solid #cccccc;
  border-bottom: none;
  position: relative;
  box-sizing: border-box; }

#wrapper .congestion-wrap .congestion-list-box li:last-child {
  border-bottom: 2px solid #cccccc; }

#wrapper .congestion-wrap .congestion-list-box li .contents-box {
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 0px; }

#wrapper .congestion-wrap .congestion-list-box li .contents-box .contents-txt {
  padding-left: 10px;
  box-sizing: border-box;
  width: 76%; }

#wrapper .congestion-wrap .congestion-list-box li:first-child .contents-box {
  padding-top: 40px; }

#wrapper .congestion-wrap .up-date {
  position: absolute;
  top: 20px;
  right: 25px;
  font-weight: bold;
  color: #999999; }

#wrapper .congestion-wrap .congestion-list-box li:first-child .up-date {
  top: 38px; }

#wrapper .congestion-wrap .store-name {
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  margin-bottom: 20px; }

#wrapper .congestion-wrap .update-box {
  display: none; }

#wrapper .congestion-wrap .period-box {
  font-size: 18px;
  line-height: 26px;
  padding-bottom: 20px; }

#wrapper .congestion-wrap .wait-box {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  color: #ffffff;
  font-size: 30px;
  height: 50px;
  line-height: 50px; }

#wrapper .congestion-wrap .wait-time-box {
  -webkit-animation: Flash1 2s infinite;
  animation: Flash1 2s infinite;
  background: #1dade5;
  text-align: center;
  padding: 0 18px;
  box-sizing: border-box;
  min-width: 100px;
  position: relative;
  font-weight: bold;
  margin: 0 8px;
  color: #ffffff; }

#wrapper .congestion-wrap .wait-time-box:before {
  background: url(../common-img/kado-left-top.png) left top no-repeat, url(../common-img/kado-left-bottom.png) left bottom no-repeat, url(../common-img/kado-right-top.png) right top no-repeat, url(../common-img/kado-right-bottom.png) right bottom no-repeat;
  background-size: 7px;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#wrapper .congestion-wrap .wait-txt {
  color: #1dade5;
  position: relative;
  bottom: -4px;
  font-weight: bold;
  font-size: 24px; }

#wrapper .congestion-wrap .wait-time.font-mini {
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  display: block; }

.block-style {
  background: #ffffff;
  padding: 40px 40px; }

#iframe-form {
  background: #ffffff;
  padding: 40px;
  box-sizing: border-box;
  width: 100%;
  min-height: 800px; }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: visible !important; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  border-radius: 3px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden !important; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
  opacity: 0.9;
  filter: alpha(opacity=90); }

#colorbox {
  outline: 0; }

#cboxContent {
  margin-top: 32px;
  overflow: visible;
  background: none; }

.cboxIframe {
  background: #000; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  background: none;
  padding: 0px; }

#cboxLoadingGraphic {
  background: url(../img/colorbox/loading.gif) no-repeat center center; }

#cboxLoadingOverlay {
  background: #000; }

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000; }

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -20px;
  background: url(../img/colorbox/controls.png) no-repeat 0 0; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0; }

.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
  right: 66px; }

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px; }

.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px; }

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px; }

.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px; }

#cboxPrevious {
  outline: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -62px;
  color: #ffffff;
  width: 50px;
  height: 50px;
  background: url(../img/colorbox/modal-arrow-left.png);
  background-size: 100%; }

#cboxNext {
  outline: none;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -62px;
  width: 50px;
  height: 50px;
  background: url(../img/colorbox/modal-arrow-right.png);
  background-size: 100%; }

button#cboxClose {
  display: none; }

#cboxContent {
  border-radius: 4px; }

.live .modal-box {
  width: 700px;
  padding: 30px;
  background: #ffffff; }

.live .modal-box .img-box {
  margin: 0 auto;
  margin-bottom: 15px;
  text-align: center; }

.live .modal-box .img-box img {
  width: 80%;
  vertical-align: bottom; }

.live .modal-box .con {
  padding-bottom: 10px; }

.live .modal-box .date {
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0px; }

.live .modal-box .name {
  letter-spacing: 4px;
  font-size: 26px;
  line-height: 48px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center; }

.close-btn {
  z-index: 10000;
  position: absolute;
  color: #ffffff;
  text-indent: 0;
  width: auto;
  font-weight: bold;
  height: auto;
  cursor: pointer;
  letter-spacing: 2px;
  display: inline-block;
  position: absolute;
  top: -20px;
  right: -4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 34px;
  height: 34px; }

.close-btn:before,
.close-btn:after {
  display: block;
  position: absolute;
  top: 50%;
  width: 34px;
  height: 3px;
  background: #fff;
  content: "";
  left: 0; }

.close-btn:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.close-btn:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#wrapper #colorbox #cboxWrapper .table-04 th,
#wrapper #colorbox #cboxWrapper .table-04-mini th {
  width: 140px;
  padding: 15px; }

#wrapper #colorbox #cboxWrapper .table-04 td,
#wrapper #colorbox #cboxWrapper .table-04-mini td {
  line-height: 30px;
  padding: 15px 30px; }

#wrapper #colorbox #cboxWrapper .table-04 td .remark,
#wrapper #colorbox #cboxWrapper .table-04-mini td .remark {
  line-height: 24px; }

#wrapper .swiper-01,
#wrapper .swiper-01 .swiper-wrapper {
  height: 420px;
  overflow: hidden; }

#wrapper .swiper-01 li,
#wrapper .swiper-01 .swiper-wrapper li {
  background: #ffffff; }

#wrapper .swiper-01 .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

#wrapper .swiper-container {
  z-index: 3;
  opacity: 0;
  overflow: visible;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .swiper-container.active {
  opacity: 1 !important; }

#wrapper .swiper-button-style-01,
#wrapper .swiper-wrap-osusume-plan .swiper-button-prev,
#wrapper .swiper-wrap-osusume-plan .swiper-button-next,
#wrapper .swiper-wrap-schedule .swiper-button-prev,
#wrapper .swiper-wrap-schedule .swiper-button-next {
  width: 50px;
  height: 50px;
  background: #e3007f;
  border-radius: 100px;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .swiper-button-style-01:before,
#wrapper .swiper-wrap-osusume-plan .swiper-button-prev:before,
#wrapper .swiper-wrap-osusume-plan .swiper-button-next:before,
#wrapper .swiper-wrap-schedule .swiper-button-prev:before,
#wrapper .swiper-wrap-schedule .swiper-button-next:before {
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute; }

#wrapper .swiper-button-style-01.active,
#wrapper .swiper-wrap-osusume-plan .active.swiper-button-prev,
#wrapper .swiper-wrap-osusume-plan .active.swiper-button-next,
#wrapper .swiper-wrap-schedule .active.swiper-button-prev,
#wrapper .swiper-wrap-schedule .active.swiper-button-next {
  -webkit-transform: scale(1.2);
  transform: scale(1.2); }

#wrapper .swiper-prev-style-01,
#wrapper .swiper-wrap-osusume-plan .swiper-button-next,
#wrapper .swiper-wrap-schedule .swiper-button-next {
  right: -25px; }

#wrapper .swiper-prev-style-01:before,
#wrapper .swiper-wrap-osusume-plan .swiper-button-next:before,
#wrapper .swiper-wrap-schedule .swiper-button-next:before {
  top: 50%;
  left: 54%;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #ffffff; }

#wrapper .swiper-prev-style-02,
#wrapper .swiper-wrap-osusume-plan .swiper-button-prev,
#wrapper .swiper-wrap-schedule .swiper-button-prev {
  left: -25px; }

#wrapper .swiper-prev-style-02:before,
#wrapper .swiper-wrap-osusume-plan .swiper-button-prev:before,
#wrapper .swiper-wrap-schedule .swiper-button-prev:before {
  top: 50%;
  left: 46%;
  border-width: 10px 15px 10px 0;
  border-color: transparent #ffffff transparent transparent; }

#wrapper .swiper-wrap-osusume-plan {
  width: 1080px;
  overflow: hidden;
  padding: 50px 30px 50px;
  margin: -50px auto;
  left: -30px;
  position: relative; }

#wrapper .swiper-wrap-osusume-plan li.swiper-slide a {
  border-radius: 4px;
  display: block;
  background: #ffffff;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

#wrapper .swiper-wrap-osusume-plan li.swiper-slide a .txt-box {
  padding: 23px 20px 26px; }

#wrapper .swiper-wrap-osusume-plan li.swiper-slide a .txt-box .ttl {
  font-weight: bold;
  font-size: 20px;
  line-height: 30px; }

#wrapper .swiper-wrap-osusume-plan li.swiper-slide a:hover {
  background: #e3007f;
  color: #ffffff; }

#wrapper .swiper-wrap-osusume-plan .swiper-slide-active,
#wrapper .swiper-wrap-osusume-plan .swiper-slide-next,
#wrapper .swiper-wrap-osusume-plan .swiper-slide-duplicate-prev {
  opacity: 1; }

#wrapper .swiper-wrap-osusume-plan .swiper-button-next,
#wrapper .swiper-wrap-osusume-plan .swiper-button-prev {
  margin-top: -30px;
  outline: none; }

#wrapper .swiper-container-horizontal > .swiper-pagination-bullets,
#wrapper .swiper-pagination-custom,
#wrapper .swiper-pagination-fraction {
  position: relative;
  bottom: 0; }

#wrapper .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  box-sizing: border-box; }

#wrapper .swiper-pagination-bullet {
  margin: 9px 0;
  background: none;
  opacity: 1;
  border: 2px solid #00aaea; }

#wrapper .swiper-container-vertical > .swiper-pagination-bullets {
  right: 14px; }

#wrapper .swiper-pagination-bullet-active {
  background: #00aaea; }

.ticker-list-box {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s; }

.ticker-list-box.active {
  opacity: 1; }

.basic-wrap .ticker-list-box {
  opacity: 1; }

#ticker-box li:only-child {
  display: block !important;
  opacity: 1 !important; }

#ticker-fade {
  margin-bottom: 0px;
  z-index: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
  font-weight: bold;
  letter-spacing: -0.1px; }

#ticker-fade .arrow-link-wh {
  color: #ffffff; }

#ticker-fade #ticker-box {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  /* 2 */
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  /* 3 */
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* 4 */
  width: 1024px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  height: 40px !important; }

#ticker-fade ul li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  /* 2 */
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  /* 3 */
  -ms-flex-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* 4 */
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 1px;
  width: 110%;
  display: none;
  width: 100%;
  word-break: break-all; }

#ticker-fade ul li.active {
  display: block; }

#ticker-fade ul li a {
  text-decoration: underline;
  color: #000000; }

#ticker-fade ul li a:hover {
  text-decoration: none; }

body.schedule #wrapper .icon-list-box {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

body.schedule #wrapper .icon-list-box li {
  width: 120px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden; }

body.schedule #wrapper .icon-list-box .icon-summerpass {
  background: url(../common-img/icon_venue.png); }

body.schedule #wrapper .icon-list-box .icon-seiriken {
  background: url(../common-img/icon_home.png); }

body.schedule #wrapper .sp-select-wrap {
  position: relative;
  z-index: 2; }

body.schedule #wrapper .load-area {
  position: relative; }

body.schedule #wrapper .sc-load-box {
  position: relative;
  min-height: 700px;
  opacity: 1; }

body.schedule #wrapper .sc-load-box.hide {
  opacity: 0; }

body.schedule #wrapper .css-loader-schedule {
  top: 200px;
  margin-top: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s; }

body.schedule #wrapper .css-loader-schedule.hide {
  opacity: 0; }

body.schedule #wrapper ul.date-menu-list-box li.date-menu-list {
  text-align: center; }

body.schedule #wrapper ul.date-menu-list-box li.date-menu-list a {
  display: block;
  border-radius: 4px;
  cursor: pointer;
  height: 140px;
  background: #cde8f7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-top: 40px;
  box-sizing: border-box; }

body.schedule #wrapper ul.date-menu-list-box li.date-menu-list a span {
  vertical-align: top;
  font-weight: bold;
  position: relative; }

body.schedule #wrapper ul.date-menu-list-box li.date-menu-list a .month {
  top: -6px;
  font-size: 32px; }

body.schedule #wrapper ul.date-menu-list-box li.date-menu-list a .sura {
  top: -6px;
  font-size: 28px;
  margin-right: 4px;
  margin-left: 2px; }

body.schedule #wrapper ul.date-menu-list-box li.date-menu-list a .day {
  top: 0px;
  font-size: 50px; }

body.schedule #wrapper ul.date-menu-list-box li.date-menu-list a .youbi {
  position: relative;
  top: 16px;
  display: block;
  font-size: 24px; }

body.schedule #wrapper ul.date-menu-list-box li.date-menu-list.swiper-slide-active a,
body.schedule #wrapper ul.date-menu-list-box li.date-menu-list:hover a,
body.schedule #wrapper ul.date-menu-list-box li.date-menu-list.datelist-active a {
  color: #ffffff;
  background: #e62220;
  background: #e3007f; }

body.schedule #wrapper .live-arena {
  margin-bottom: 50px;
  border-radius: 4px;
  overflow: hidden; }

body.schedule #wrapper .live-arena .ttl {
  font-weight: bold;
  background: #e62320;
  color: #ffffff;
  font-size: 28px;
  line-height: 48px;
  padding: 16px 30px; }

body.schedule #wrapper .live-arena .detail-arena-list-box {
  background: #ffffff; }

body.schedule #wrapper .live-arena .detail-arena-list-box li.live-arena-list:nth-child(even) a {
  background: #e5f4fb; }

body.schedule #wrapper .live-arena .detail-arena-list-box li.live-arena-list a {
  position: relative;
  padding: 35px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-weight: bold; }

body.schedule #wrapper .live-arena .detail-arena-list-box li.live-arena-list a .time {
  width: 140px;
  font-size: 18px;
  margin-right: 30px; }

body.schedule #wrapper .live-arena .detail-arena-list-box li.live-arena-list a .name {
  letter-spacing: 0;
  width: 700px;
  font-size: 18px; }

body.schedule #wrapper .live-arena .icon-list-box {
  right: 40px; }

body.schedule #wrapper .event-schedule-area {
  background: #ffcece; }

body.schedule #wrapper .details-list-box {
  background: #ffffff;
  padding: 40px; }

body.schedule #wrapper .details-list-box .detail-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px; }

body.schedule #wrapper .details-list-box .detail-list:last-child {
  margin-bottom: 0; }

body.schedule #wrapper .details-list-box .detail-list .title-box {
  background: #00aaea;
  color: #ffffff;
  width: 240px;
  padding: 20px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  margin-right: 30px; }

body.schedule #wrapper .details-list-box .detail-list .title-box .kome {
  margin-top: 20px;
  display: block;
  line-height: 20px;
  font-size: 13px;
  font-weight: normal; }

body.schedule #wrapper .details-list-box .detail-list .detail-area-txt-list-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 1px solid #333333; }

body.schedule #wrapper .details-list-box .detail-list .detail-area-txt-list-box > li {
  border-top: 1px solid #333333; }

body.schedule #wrapper .details-list-box .detail-list .detail-area-txt-list-box > li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 22px 0;
  font-size: 16px;
  line-height: 28px; }

body.schedule #wrapper .details-list-box .detail-list .detail-area-txt-list-box > li a .time {
  width: 170px;
  margin-right: 10px;
  font-weight: bold; }

body.schedule #wrapper .details-list-box .detail-list .detail-area-txt-list-box > li a .name {
  margin-right: 150px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

#wrapper .swiper-wrap-schedule {
  min-height: 170px;
  width: 1080px;
  overflow: hidden;
  padding: 0px 30px;
  margin: 0px auto;
  left: -30px;
  position: relative; }

#wrapper .swiper-wrap-schedule .swiper-schedule-menu {
  overflow: visible; }

body.modal {
  overflow: hidden;
  height: 100%; }

#wrapper #modal-area-wrap {
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

#wrapper #modal-area-wrap .u-width-pd {
  width: auto; }

#wrapper #modal-area-wrap .modal-youtube-wrap,
#wrapper #modal-area-wrap .modal-contents-wrap {
  position: relative;
  z-index: 2;
  top: 2rem; }

#wrapper #modal-area-wrap .parts-wrap {
  position: relative;
  z-index: 2; }

#wrapper #modal-area-wrap .modal-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer; }

#wrapper #modal-area-wrap.active {
  opacity: 1;
  visibility: visible; }

#wrapper #modal-area-wrap .modal-movie-wrap {
  z-index: 100;
  width: 900px;
  height: 506px;
  max-height: 70%;
  top: 1vw;
  position: relative; }

#wrapper #modal-area-wrap .modal-movie-wrap iframe {
  width: 100%;
  height: 100%; }

#wrapper #modal-area-wrap .modal-btn-close {
  cursor: pointer;
  position: absolute;
  top: -74px;
  right: -8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 60px;
  height: 60px;
  z-index: 100; }

#wrapper #modal-area-wrap .modal-btn-close:before,
#wrapper #modal-area-wrap .modal-btn-close:after {
  display: block;
  position: absolute;
  top: 50%;
  width: 60px;
  height: 0.4rem;
  content: "";
  left: 0;
  background: #ffffff; }

#wrapper #modal-area-wrap .modal-btn-close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#wrapper #modal-area-wrap .modal-btn-close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

#wrapper #modal-area-wrap .modal-btn-close:hover {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

@media all and (-ms-high-contrast: none) {
  #wrapper .h2-ttl-01.twitter,
  #wrapper .twitter.h2-ttl-02,
  #wrapper .twitter.h2-ttl-02 {
    margin-bottom: 28px; } }

/*add */
.period-box .link {
  margin-top: 20px;
  margin-bottom: 5px;
  margin-left: 30px; }

#wrapper a.txt-link2 {
  color: #e3007f;
  text-decoration: underline; }

#wrapper a.txt-link2:hover {
  text-decoration: none; }

#wrapper .banner-list-box-03 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.swiper-wrap-osusume-plan .txt-box {
  min-height: 120px; }
  .swiper-wrap-osusume-plan .txt-box .mini {
    font-size: 16px; }

#wrapper .bg-02 {
  background: url(../common-img/bg-02.jpg) repeat center -5px !important; }

#wrapper .about-box.bg-02 {
  background: url(../common-img/bg-02.jpg) repeat center -38px !important; }

#wrapper .bg-03 {
  background: url(../common-img/bg-03.jpg) repeat left top !important; }

#wrapper .bg-stripe {
  background: -webkit-repeating-linear-gradient(135deg, #fffef7 0, #fffef7 4px, #fffde5 4px, #fffde5 8px) !important;
  background: repeating-linear-gradient(-45deg, #fffef7 0, #fffef7 4px, #fffde5 4px, #fffde5 8px) !important; }

#wrapper .countermeasures {
  background: #dff6ff;
  padding: 30px 0 40px; }
  #wrapper .countermeasures a {
    font-size: 1.8rem;
    font-weight: bold;
    color: #00a0e9;
    text-decoration: underline; }
  #wrapper .countermeasures .countermeasures-ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 2.2rem;
    font-weight: bold;
    color: #00aaea;
    margin-bottom: 13px; }

#wrapper .catch-text {
  padding: 50px 0;
  text-align: center;
  font-size: 2.2rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.9;
  letter-spacing: .01em; }

#wrapper .venue-home .h2-ttl-a {
  margin-bottom: 45px; }
  #wrapper .venue-home .h2-ttl-a .main {
    padding-right: 0; }
    #wrapper .venue-home .h2-ttl-a .main:after {
      content: none; }

#wrapper .venue-home h3 {
  background: #00aaea;
  font-size: 22px;
  line-height: 30px;
  color: #ffffff;
  padding: 15px 40px;
  margin-top: 50px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center; }

#wrapper .venue-wrap .h2-ttl-a .main {
  color: #a3d527; }
  #wrapper .venue-wrap .h2-ttl-a .main:before {
    background: url(../common-img/icon-venue.png) no-repeat left top;
    background-size: contain;
    width: 56px;
    height: 56px; }

#wrapper .home-wrap .h2-ttl-a .main {
  color: #fa2320; }
  #wrapper .home-wrap .h2-ttl-a .main:before {
    background: url(../common-img/icon-home.png) no-repeat left top;
    background-size: contain;
    width: 56px;
    height: 56px; }

#wrapper .home-wrap .h2-ttl-a .sub {
  display: inline-block;
  color: #fa2320; }

#wrapper .venue-home-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 50px; }
  #wrapper .venue-home-list > li {
    width: 255px;
    margin-right: 20px;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    padding-bottom: 43px;
    background: #fff; }
    #wrapper .venue-home-list > li:nth-child(4n), #wrapper .venue-home-list > li:last-child {
      margin-right: 0; }
    #wrapper .venue-home-list > li .img-box.border-b {
      border-bottom: 1px solid #eee; }
    #wrapper .venue-home-list > li .img-box img {
      width: 100%; }
    #wrapper .venue-home-list > li .txt-box {
      padding: 15px 0 0;
      box-sizing: border-box; }
      #wrapper .venue-home-list > li .txt-box .txt {
        font-size: 1.5rem;
        font-weight: bold;
        line-height: 1.47;
        padding: 0 20px;
        margin-bottom: 15px; }
    #wrapper .venue-home-list > li .list-wrap {
      position: absolute;
      left: 0;
      bottom: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%; }
      #wrapper .venue-home-list > li .list-wrap .list {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; }
        #wrapper .venue-home-list > li .list-wrap .list a {
          width: 100%;
          text-align: center;
          font-size: 1.4rem;
          font-weight: bold;
          color: #fff;
          letter-spacing: 0;
          line-height: 2.142;
          padding: 7px 5px;
          box-sizing: border-box; }
        #wrapper .venue-home-list > li .list-wrap .list.list-event a {
          background: #00a0e9; }
        #wrapper .venue-home-list > li .list-wrap .list.list-ticket a {
          background: #e2007e; }

#wrapper .info-twitter .wrap-twitter-timeline .h2-ttl-a .main {
  padding-right: 0; }
  #wrapper .info-twitter .wrap-twitter-timeline .h2-ttl-a .main:before {
    background: url(../common-img/icon-twitter-02.png) no-repeat left top;
    background-size: contain;
    width: 49px;
    height: 40px;
    top: 50%;
    left: 2px; }
  #wrapper .info-twitter .wrap-twitter-timeline .h2-ttl-a .main:after {
    content: none; }

#wrapper .info-twitter .wrap-twitter-timeline .h2-ttl-a .sub {
  padding-left: 68px; }

#wrapper .event-block .h2-ttl-a {
  margin-bottom: 35px; }

#wrapper .event-block-list-wrap .h2-ttl-a .main {
  color: #a3d527; }
  #wrapper .event-block-list-wrap .h2-ttl-a .main:before {
    background: url(../common-img/icon-venue.png) no-repeat left top;
    background-size: contain;
    width: 56px;
    height: 56px; }

#wrapper .event-block-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-bottom: 25px; }
  #wrapper .event-block-list > li {
    background: #fff;
    width: 345px;
    margin-right: 20px;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    position: relative; }
    #wrapper .event-block-list > li:nth-child(3n), #wrapper .event-block-list > li:last-child {
      margin-right: 0; }
    #wrapper .event-block-list > li .img-box.border-b {
      border-bottom: 1px solid #eee; }
    #wrapper .event-block-list > li .img-box img {
      width: 100%; }
    #wrapper .event-block-list > li .txt-box {
      padding: 15px 20px;
      box-sizing: border-box;
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 1.47;
      margin-bottom: 15px; }
      #wrapper .event-block-list > li .txt-box .list-wrap {
        position: absolute;
        bottom: 20px;
        left: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0 20px 0; }
        #wrapper .event-block-list > li .txt-box .list-wrap .list {
          margin-right: 8px;
          text-align: center;
          font-size: 1.4rem;
          font-weight: bold;
          color: #fff;
          letter-spacing: 0;
          line-height: 2.142;
          padding: 0 5px;
          box-sizing: border-box;
          position: relative;
          padding-left: 36px;
          border-radius: 4px; }
          #wrapper .event-block-list > li .txt-box .list-wrap .list:last-child {
            margin-right: 0; }
          #wrapper .event-block-list > li .txt-box .list-wrap .list.list-venue {
            background: #b5d469; }
            #wrapper .event-block-list > li .txt-box .list-wrap .list.list-venue::before {
              position: absolute;
              content: "";
              background: url(../common-img/icon-event-venue.png) no-repeat left top;
              width: 18px;
              height: 19px;
              top: 50%;
              -webkit-transform: translatey(-50%);
              transform: translatey(-50%);
              left: 11px; }
          #wrapper .event-block-list > li .txt-box .list-wrap .list.list-home {
            background: #e7373c; }
            #wrapper .event-block-list > li .txt-box .list-wrap .list.list-home::before {
              position: absolute;
              content: "";
              background: url(../common-img/icon-event-home.png) no-repeat left top;
              width: 19px;
              height: 16px;
              top: 50%;
              -webkit-transform: translatey(-50%);
              transform: translatey(-50%);
              left: 10px; }
    #wrapper .event-block-list > li:hover {
      background: #e2007e; }
      #wrapper .event-block-list > li:hover .txt-box .txt {
        color: #fff; }
      #wrapper .event-block-list > li:hover .txt-box .list-wrap .list {
        color: #e2007e;
        background: #fff; }
        #wrapper .event-block-list > li:hover .txt-box .list-wrap .list.list-venue::before {
          background: url(../common-img/icon-event-venue_pink.png) no-repeat left top; }
        #wrapper .event-block-list > li:hover .txt-box .list-wrap .list.list-home::before {
          background: url(../common-img/icon-event-home_pink.png) no-repeat left top; }
    #wrapper .event-block-list > li .modal-block .txt, #wrapper .event-block-list > li .modal-block .date, #wrapper .event-block-list > li .modal-block .tags, #wrapper .event-block-list > li .modal-block .btn {
      display: none; }

#wrapper .countermeasures-box {
  border: #00aaea 3px solid;
  background: #fff;
  border-radius: 9px;
  padding: 30px 37px; }
  #wrapper .countermeasures-box h2 {
    font-size: 2.4rem;
    color: #00aaea;
    font-weight: bold;
    text-align: center;
    padding-bottom: 12px;
    border-bottom: 2px solid #00aaea;
    margin-bottom: 15px; }
  #wrapper .countermeasures-box p {
    font-size: 1.6rem;
    line-height: 2;
    color: #222;
    font-weight: normal;
    margin-top: 20px; }

#wrapper .about-box .table-about {
  background: #fff;
  padding: 30px 40px 40px;
  border-radius: 10px; }
  #wrapper .about-box .table-about tr {
    border-bottom: 1px solid #ddd; }
  #wrapper .about-box .table-about th {
    color: #00aaea; }
  #wrapper .about-box .table-about td {
    font-size: 1.8rem; }

#wrapper .wrapbox-banner {
  background: #fff;
  padding-bottom: 40px; }

#wrapper section#section-movie p.text {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 4rem; }

#wrapper .youtube-playlist-wrapper .swiper-container {
  opacity: 1; }

#wrapper .youtube-playlist-wrapper {
  width: 1050px;
  width: 100%;
  position: relative;
  margin: 0 auto; }
  #wrapper .youtube-playlist-wrapper .opacity-wrap {
    -webkit-transition: 0.3s;
    transition: 0.3s; }
  #wrapper .youtube-playlist-wrapper .player-wrap {
    position: relative;
    padding-bottom: 56.25%; }
    #wrapper .youtube-playlist-wrapper .player-wrap .player {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0; }
  #wrapper .youtube-playlist-wrapper .thumb-playlist-wrap {
    position: relative;
    padding-top: 10px; }
    #wrapper .youtube-playlist-wrapper .thumb-playlist-wrap .swiper-playlist {
      overflow: hidden; }
    #wrapper .youtube-playlist-wrapper .thumb-playlist-wrap .swiper-slide {
      background: #000000;
      height: 100px;
      cursor: pointer; }
      #wrapper .youtube-playlist-wrapper .thumb-playlist-wrap .swiper-slide .youtube-thumb {
        -webkit-transition: 0.6s;
        transition: 0.6s;
        opacity: 0.6;
        display: block;
        width: 100%;
        height: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
        @media all and (-ms-high-contrast: none) {
          #wrapper .youtube-playlist-wrapper .thumb-playlist-wrap .swiper-slide .youtube-thumb {
            -webkit-transition: none;
            transition: none; } }
      #wrapper .youtube-playlist-wrapper .thumb-playlist-wrap .swiper-slide:hover .youtube-thumb, #wrapper .youtube-playlist-wrapper .thumb-playlist-wrap .swiper-slide.custom-active .youtube-thumb {
        opacity: 1; }

#wrapper .swiper-button {
  background: #00aaea;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: center;
  transform-origin: center;
  margin-top: -15px; }
  #wrapper .swiper-button:after {
    margin: auto;
    content: "";
    left: 3px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    position: absolute;
    top: 50%;
    left: 48%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }
  #wrapper .swiper-button:hover {
    background: #e3007f; }
  #wrapper .swiper-button.swiper-button-next {
    right: -20px; }
    #wrapper .swiper-button.swiper-button-next.zoom {
      -webkit-transform: scale(1.2);
      transform: scale(1.2); }
  #wrapper .swiper-button.swiper-button-prev {
    left: -20px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1); }
    #wrapper .swiper-button.swiper-button-prev.zoom {
      -webkit-transform: scale(-1.2, 1.2);
      transform: scale(-1.2, 1.2); }
  #wrapper .swiper-button:after {
    color: #ffffff;
    font-size: 14px;
    font-weight: 900; }

body.second #wrapper .wrapbox-banner {
  background: #dff6ff; }

#wrapper .banner-list-box-3row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #wrapper .banner-list-box-3row li {
    width: 346px;
    margin-bottom: 20px;
    margin-right: 21px; }
    #wrapper .banner-list-box-3row li:nth-child(3n) {
      margin-right: 0; }
    #wrapper .banner-list-box-3row li img {
      width: 100%; }

#wrapper .block-style.block-information {
  position: relative;
  padding: 20px 0 0 0;
  margin-top: 100px;
  background: none; }
  #wrapper .block-style.block-information .block-information-inner {
    background: #fff;
    padding: 30px 40px 25px; }
  #wrapper .block-style.block-information dl dt {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: #00aaea;
    text-align: center;
    width: 146px;
    padding: 3px 0;
    margin-right: 0;
    letter-spacing: .1em; }
    #wrapper .block-style.block-information dl dt::after {
      content: none; }
  #wrapper .block-style.block-information dl dd ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc; }
    #wrapper .block-style.block-information dl dd ul li .date {
      font-size: 16px;
      line-height: 32px;
      width: 155px; }
    #wrapper .block-style.block-information dl dd ul li .txt {
      font-size: 16px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1; }
    #wrapper .block-style.block-information dl dd ul li:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    #wrapper .block-style.block-information dl dd ul li a {
      text-decoration: underline; }

#wrapper .btn-ticket-link a {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  background: #e3007f;
  color: #ffffff;
  border-radius: 100px;
  padding: 3px 40px 3px;
  font-size: 16px;
  font-weight: bold; }
  #wrapper .btn-ticket-link a::after {
    background: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    top: calc(50% - 4px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
    display: block;
    content: "";
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

#wrapper .btn-ticket-link-large {
  text-align: center; }
  #wrapper .btn-ticket-link-large a {
    min-width: 500px;
    position: relative;
    display: inline-block;
    background: #fff;
    color: #e3007f;
    border-radius: 100px;
    padding: 20px 95px 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    border: 3px solid #e3007f;
    box-sizing: border-box; }
    #wrapper .btn-ticket-link-large a::after {
      background: none;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      position: absolute;
      top: calc(50% - 5px);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      display: block;
      content: "";
      right: 25px;
      width: 10px;
      height: 10px;
      border-top: 3px solid #e3007f;
      border-right: 3px solid #e3007f;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    #wrapper .btn-ticket-link-large a:hover {
      background: #e3007f;
      color: #fff; }
      #wrapper .btn-ticket-link-large a:hover::after {
        border-top: 3px solid #fff;
        border-right: 3px solid #fff; }

#wrapper .coming-soon {
  font-size: 48px;
  letter-spacing: .1em;
  text-align: center;
  line-height: 210px; }

body.area-list #wrapper .block-page-ttl:after {
  padding-bottom: 50px; }

body.area-list #wrapper .block-tab {
  margin-top: 70px; }
  body.area-list #wrapper .block-tab ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    body.area-list #wrapper .block-tab ul li {
      width: calc(33.333% - 5.333px);
      background: #00aaea;
      margin-right: 8px;
      border-radius: 15px 15px 0 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: .2s;
      transition: .2s;
      height: 90px; }
      body.area-list #wrapper .block-tab ul li:last-child {
        margin-right: 0; }
      body.area-list #wrapper .block-tab ul li.current {
        background: #e52d8a;
        padding-top: 10px;
        margin-top: -10px; }
      body.area-list #wrapper .block-tab ul li:hover {
        padding-top: 10px;
        margin-top: -10px; }
      body.area-list #wrapper .block-tab ul li a {
        font-size: 22px;
        color: #fff;
        font-weight: bold;
        display: block;
        text-align: center;
        line-height: 1.4;
        letter-spacing: .1em;
        padding: 10px 10px;
        width: 100%; }

body.area-list #wrapper .block-tab-under {
  height: 120px;
  background: #e52d8a; }

body.area-list #wrapper .block-main-img img {
  margin-top: -80px; }

body.area-list #wrapper .artist-block-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-bottom: 25px; }
  body.area-list #wrapper .artist-block-list > li {
    background: #fff;
    width: 345px;
    margin-right: 20px;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    padding-bottom: 95px; }
    body.area-list #wrapper .artist-block-list > li:nth-child(3n), body.area-list #wrapper .artist-block-list > li:last-child {
      margin-right: 0; }
    body.area-list #wrapper .artist-block-list > li .img-box img {
      width: 100%; }
    body.area-list #wrapper .artist-block-list > li .txt-box {
      padding: 15px 20px 0;
      box-sizing: border-box; }
      body.area-list #wrapper .artist-block-list > li .txt-box .date {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: .01em;
        margin-bottom: 10px;
        line-height: 26px; }
      body.area-list #wrapper .artist-block-list > li .txt-box .txt {
        font-size: 2rem;
        font-weight: bold;
        line-height: 1.5;
        letter-spacing: .01em;
        margin-bottom: 20px; }
    body.area-list #wrapper .artist-block-list > li .list-wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding: 0 0 0;
      position: absolute;
      bottom: 20px;
      left: 50%;
      -webkit-transform: translatex(-50%);
      transform: translatex(-50%);
      width: calc(100% - 40px); }
      body.area-list #wrapper .artist-block-list > li .list-wrap .list {
        margin-bottom: 10px;
        -webkit-transition: .3s;
        transition: .3s;
        width: 100%;
        text-align: left;
        font-size: 1.6rem;
        font-weight: bold;
        color: #e3007f;
        letter-spacing: 0;
        line-height: 2.142;
        padding: 0 5px;
        box-sizing: border-box;
        position: relative;
        border-radius: 100px;
        border: 2px solid #e3007f;
        background: #fff; }
        body.area-list #wrapper .artist-block-list > li .list-wrap .list a {
          color: #e3007f;
          width: 100%;
          padding-left: 57px;
          box-sizing: border-box; }
        body.area-list #wrapper .artist-block-list > li .list-wrap .list:last-child {
          margin-bottom: 0; }
        body.area-list #wrapper .artist-block-list > li .list-wrap .list:hover {
          background: #e3007f; }
          body.area-list #wrapper .artist-block-list > li .list-wrap .list:hover a {
            color: #fff; }
        body.area-list #wrapper .artist-block-list > li .list-wrap .list::after {
          position: absolute;
          content: "";
          background: none;
          -webkit-transition: 0.3s;
          transition: 0.3s;
          position: absolute;
          top: calc(50% - 4px);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          right: 20px;
          display: block;
          content: "";
          right: 18px;
          width: 8px;
          height: 8px;
          border-top: 2px solid #e3007f;
          border-right: 2px solid #e3007f;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        body.area-list #wrapper .artist-block-list > li .list-wrap .list:hover::after {
          border-top: 2px solid #fff;
          border-right: 2px solid #fff; }
        body.area-list #wrapper .artist-block-list > li .list-wrap .list.list-venue-ticket::before {
          position: absolute;
          content: "";
          background: url(../common-img/icon-event-venue_pink.png) no-repeat left top;
          width: 18px;
          height: 19px;
          top: 50%;
          -webkit-transform: translatey(-50%);
          transform: translatey(-50%);
          left: 22px; }
        body.area-list #wrapper .artist-block-list > li .list-wrap .list.list-venue-ticket:hover::before {
          background: url(../common-img/icon-event-venue.png) no-repeat left top; }
        body.area-list #wrapper .artist-block-list > li .list-wrap .list.list-home-ticket::before {
          position: absolute;
          content: "";
          background: url(../common-img/icon-event-home_pink.png) no-repeat left top;
          width: 19px;
          height: 16px;
          top: 50%;
          -webkit-transform: translatey(-50%);
          transform: translatey(-50%);
          left: 22px;
          z-index: -1; }
        body.area-list #wrapper .artist-block-list > li .list-wrap .list.list-home-ticket:hover::before {
          background: url(../common-img/icon-event-home.png) no-repeat left top; }

#wrapper .page-ttl-b-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: url(../common-img/bg-03.jpg) repeat left top;
  height: 105px;
  margin-top: 40px; }
  #wrapper .page-ttl-b-wrap .page-ttl-b {
    width: 1080px;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: 0; }

#wrapper .event-modal-block {
  width: 700px;
  background: #fff;
  border-radius: 10px;
  padding: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  #wrapper .event-modal-block .left-box {
    width: 300px;
    margin-right: 20px; }
    #wrapper .event-modal-block .left-box .img-box img {
      width: 100%; }
    #wrapper .event-modal-block .left-box .tag {
      font-size: 14px;
      letter-spacing: .02em;
      font-weight: 600;
      background: #ddd;
      margin-top: 10px;
      display: inline-block;
      padding: 0 10px; }
  #wrapper .event-modal-block .right-box {
    width: 320px; }
    #wrapper .event-modal-block .right-box .ttl {
      color: #00aaea;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: .06em;
      line-height: 30px;
      border-bottom: 2px solid #00aaea;
      padding-bottom: 5px; }
    #wrapper .event-modal-block .right-box .txt {
      font-size: 16px;
      margin-top: 15px;
      letter-spacing: .06em;
      line-height: 30px; }
    #wrapper .event-modal-block .right-box .date {
      font-size: 16px;
      font-weight: 600;
      line-height: 32px;
      background: #dff6ff;
      padding: 0 10px;
      margin-top: 10px; }
    #wrapper .event-modal-block .right-box .btn-event-block a {
      font-size: 16px;
      color: #fff;
      font-weight: 600;
      letter-spacing: .1em;
      line-height: 28px;
      background: #e3007f;
      border-radius: 100px;
      display: block;
      text-align: center;
      position: relative;
      padding: 8px 10px;
      margin-top: 20px; }
      #wrapper .event-modal-block .right-box .btn-event-block a::after {
        background: none;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        position: absolute;
        top: calc(50% - 4px);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        display: block;
        content: "";
        right: 18px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }

#wrapper .ttl-safety {
  font-size: 20px;
  line-height: 32px;
  letter-spacing: .05em;
  color: #00aaea;
  font-weight: bold;
  text-align: center; }

#wrapper .indent-1 {
  padding-left: 1.45em;
  text-indent: -1.45em; }

#wrapper .parts-summerstation-header {
  min-height: 0; }

#wrapper .parts-summerstation-nav {
  min-height: 0; }

#wrapper .indent-1 {
  padding-left: 1.25em;
  text-indent: -1.25em; }

#wrapper p.text-indent {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0px; }
  #wrapper p.text-indent a {
    display: inline; }

#wrapper .u-blue {
  color: #00aaea; }

#wrapper .contents-wrapper {
  background: #f0fbff; }