@charset "UTF-8";
/* CSS Document */
/* --------  common  -------- */
.section {
  clear: both;
  overflow: hidden;
  position: relative;
  margin-bottom: 3em; }
  .section .section {
    clear: both;
    overflow: hidden;
    position: relative;
    margin-bottom: 2em; }
  .section .txt {
    margin-bottom: 2em; }

.ttl01 {
  background: #e6e6e6;
  border-left: 0.2em solid #E40073;
  padding-left: 0.3em;
  font-weight: bold;
  color: #E40073; }
  .ttl01 span {
    font-size: 93%; }

.ttl02 {
  padding: 0.3em 0;
  font-weight: bold;
  padding-left: 0.3em;
  background: #e40073;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e40073 0%, #ff5db1 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e40073 0%, #ff5db1 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(#e40073), to(#ff5db1));
  background: -o-linear-gradient(left, #e40073 0%, #ff5db1 100%);
  background: linear-gradient(to right, #e40073 0%, #ff5db1 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e40073', endColorstr='#ff5db1',GradientType=1 );
  /* IE6-9 */
  color: #FFF !important;
  margin-bottom: 1em; }

.ttl03 {
  padding-left: 0.3em;
  font-weight: bold;
  background: #333333;
  /* Old browsers */
  background: -moz-linear-gradient(top, #333333 0%, #333333 49%, #000000 50%, #0a0e0a 51%, #0a0809 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #333333 0%, #333333 49%, #000000 50%, #0a0e0a 51%, #0a0809 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), color-stop(49%, #333333), color-stop(50%, #000000), color-stop(51%, #0a0e0a), to(#0a0809));
  background: -o-linear-gradient(top, #333333 0%, #333333 49%, #000000 50%, #0a0e0a 51%, #0a0809 100%);
  background: linear-gradient(to bottom, #333333 0%, #333333 49%, #000000 50%, #0a0e0a 51%, #0a0809 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#0a0809',GradientType=0 );
  /* IE6-9 */
  color: #FFF !important; }

.ttl04 {
  font-weight: bold;
  color: #e40073 !important;
  margin-bottom: 0.5em !important; }

.ttlblack {
  margin-bottom: 1em !important;
  padding: 0.2em 1em 0.2em;
  font-weight: bold;
  color: #FFFFFF !important;
  background-image: url(/v=1530103408/files/user/_/common/images/common_img/bcg_ttl_black_02.png);
  background-position: center left;
  background-size: cover; }

.ttlgold {
  margin-bottom: 1em !important;
  padding: 0.2em 1em 0.2em;
  font-weight: bold;
  color: #FFFFFF !important;
  background-image: url(/v=1530103408/files/user/_/common/images/common_img/bcg_ttl_gold_02.png);
  background-position: center left;
  background-size: cover; }

.ttlpink {
  margin-bottom: 1em !important;
  padding: 0.2em 1em 0.2em;
  font-weight: bold;
  color: #FFFFFF !important;
  background-image: url(/v=1530103408/files/user/_/common/images/common_img/bcg_ttl_pink_02.png);
  background-position: center left;
  background-size: cover; }

#under-construction .ttl {
  text-align: center;
  font-size: 139%;
  font-family: "abolition",sans-serif; }

#under-construction .pic {
  text-align: center;
  margin-bottom: 2em; }

#under-construction .txt {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.center {
  text-align: center; }

.w25 {
  width: 25%; }

.tbl03 {
  margin-bottom: 30px;
  width: 100%;
  border: 1px solid #bfbfbf; }
  .tbl03 th, .tbl03 td {
    padding: 10px; }
  .tbl03 th {
    background: #eee; }
  .tbl03 td {
    padding: 10px 20px; }

.tbl04 {
  margin-bottom: 0;
  width: auto; }
  .tbl04 th, .tbl04 td {
    padding: 5px 10px 5px 0px; }
  .tbl04 tr th {
    text-align: left; }

.column02 {
  clear: both;
  overflow: hidden;
  position: relative; }
  .column02 .leftBox {
    float: left;
    width: 49%;
    margin-right: 2%; }
  .column02 .rightBox {
    float: right;
    width: 49%;
    margin-right: 0; }

.column03 {
  clear: both;
  overflow: hidden;
  position: relative; }
  .column03 .list01 {
    float: left;
    width: 32%;
    margin-right: 2%; }
  .column03 .list02 {
    float: left;
    width: 32%;
    margin-right: 2%; }
  .column03 .list03 {
    float: left;
    width: 32%;
    margin-right: 0; }

.column04 {
  clear: both;
  overflow: hidden;
  position: relative; }
  .column04 .list01 {
    float: left;
    width: 22%;
    margin-right: 4%; }
  .column04 .list02 {
    float: left;
    width: 22%;
    margin-right: 4%; }
  .column04 .list03 {
    float: left;
    width: 22%;
    margin-right: 4%; }
  .column04 .list04 {
    float: left;
    width: 22%;
    margin-right: 0; }

.layout-sponsors ul {
  clear: both;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  padding: 50px 50px 0px 50px !important; }
  .layout-sponsors ul li {
    margin: 0 !important; }
    .layout-sponsors ul li img {
      width: 100%; }
    .layout-sponsors ul li.ja a.link01 {
      width: 87.878%;
      float: left;
      margin-left: 6%;
      margin-bottom: 1%; }
    .layout-sponsors ul li.ja a.link02 {
      width: 40.206%;
      float: left;
      margin-right: 7%;
      margin-left: 6%; }
    .layout-sponsors ul li.ja a.link03 {
      width: 40.645%;
      float: left; }

.layout-sponsors .column03 li {
  width: 30%; }

.layout-sponsors .column04 li {
  width: 20%; }

.layout-sponsors .column06 li {
  width: 16%; }

.layout-sponsors .column07 li {
  width: 14%; }

.layout-sponsors .column08 li {
  width: 12%; }

.layout-sponsors .slider {
  width: 70%; }

@media screen and (max-width: 768px) {
  .layout-sponsors ul {
    padding: 50px 0 0 0 !important; }
  .layout-sponsors .column03 li {
    width: 50%; }
  .layout-sponsors .column06 li {
    width: 19%; }
  .layout-sponsors .column07 li {
    width: 24%; }
  .layout-sponsors .column08 li {
    width: 24%; }
  .layout-sponsors .slider {
    width: 100%; } }

.pink {
  color: #E40073 !important; }

.bold {
  font-weight: bold; }

.abolition {
  font-family: "abolition",sans-serif; }

.section.last {
  margin-bottom: 0 !important; }

ul.listCircle li {
  position: relative;
  margin-left: 1.5em; }
  ul.listCircle li::after {
    display: block;
    content: '';
    position: absolute;
    top: 0.6em;
    left: -1em;
    width: 6px;
    height: 6px;
    background-color: #E40073;
    border-radius: 100%; }

.second-header-layout .cover {
  width: 100%;
  margin-bottom: 0; }
  .second-header-layout .cover img {
    width: 100%;
    margin-bottom: 0; }

/* --------  top  -------- */
.component-block .banner-body {
  margin: 30px 0 45px !important; }

.side-ticket-tab {
  margin-top: 10px;
  background-color: #181818; }
  .side-ticket-tab .tabs {
    overflow: hidden;
    background-color: #181818; }
    .side-ticket-tab .tabs li {
      background: #FFF;
      padding: 5px 2%;
      width: 21%;
      float: left;
      text-align: center;
      margin-right: 1px;
      font-size: 85%; }
      .side-ticket-tab .tabs li:last-child {
        margin-right: 0px;
        width: 20%; }
      .side-ticket-tab .tabs li.active {
        background: #E40073;
        color: #FFF; }
        .side-ticket-tab .tabs li.active a {
          color: #FFF; }
      .side-ticket-tab .tabs li a {
        color: #e40073; }
  .side-ticket-tab .tab_content .seat {
    margin-bottom: 15px; }
    .side-ticket-tab .tab_content .seat li {
      background-color: #181818;
      background-repeat: no-repeat;
      background-position: center right;
      padding: 5px 15px;
      color: #FFF;
      font-size: 85%; }
      .side-ticket-tab .tab_content .seat li.seat06 {
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat06.png); }
      .side-ticket-tab .tab_content .seat li.seat05 {
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat05.png); }
      .side-ticket-tab .tab_content .seat li.seat04 {
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat04.png); }
      .side-ticket-tab .tab_content .seat li.seat03 {
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat03.png); }
      .side-ticket-tab .tab_content .seat li.seat02 {
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat02.png); }
      .side-ticket-tab .tab_content .seat li.seat01 {
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat01.png); }
      .side-ticket-tab .tab_content .seat li.seat00 {
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat00.png); }
      .side-ticket-tab .tab_content .seat li:nth-child(odd) {
        background-color: #323232; }
      .side-ticket-tab .tab_content .seat li:nth-child(even) {
        background-color: #1e1e1e; }
  .side-ticket-tab .ttl {
    clear: both;
    padding: 15px 15px;
    color: #FFF;
    font-size: 85%;
    background-color: #181818; }
  .side-ticket-tab .status {
    text-align: center;
    margin-bottom: 5px; }
  .side-ticket-tab .date {
    text-align: center;
    padding: 0px 15px;
    color: #FFF;
    font-size: 85%; }
  .side-ticket-tab .btn {
    text-align: center;
    padding: 15px 15px; }
    .side-ticket-tab .btn a {
      padding: 5px 15px;
      display: block;
      position: relative;
      background: #FFF;
      color: #e40073; }
      .side-ticket-tab .btn a:before, .side-ticket-tab .btn a:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 15px;
        width: 11px;
        border-top: 1px solid #e40073; }
      .side-ticket-tab .btn a:before {
        margin-top: -4px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg); }
      .side-ticket-tab .btn a:after {
        margin-top: 3px;
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg); }
  .side-ticket-tab .bnr {
    background: #1e1e1e; }

/* --------  fanclub  -------- */
#fanclub06 h3.ttl {
  color: #000;
  font-weight: bold;
  margin-bottom: 0.5em; }

#fanclub06 .deadline {
  margin-bottom: 1em;
  padding: 0.5em;
  background: #FFF000;
  overflow: hidden;
  position: relative; }
  #fanclub06 .deadline ul {
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%; }
    #fanclub06 .deadline ul li {
      float: left;
      position: relative;
      left: -50%; }
      #fanclub06 .deadline ul li.txt01 {
        color: #000;
        font-weight: bold;
        font-size: 139%; }
      #fanclub06 .deadline ul li.txt02 {
        color: #E40073;
        font-weight: bold;
        font-size: 139%; }

.layout-side2 {
  float: right; }

@media screen and (max-width: 768px) {
  .layout-side2 {
    float: none; } }

@media screen and (min-width: 768px) {
  .layout-side2 {
    position: relative;
    float: right;
    width: 30%;
    min-width: 200px;
    max-width: 320px; }
    .layout-side2 .layout-side-inner {
      padding: 0px 30px 0px 30px; } }

.side-banner {
  position: relative;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #000;
  text-align: center; }

.side-fanclub {
  position: relative;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #E40073;
  text-align: center; }
  .side-fanclub .ttl {
    background-image: url(/v=1627866112/files/user/_/common/images/common_img/bcg_side_clubhappinets_ttl.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin: 0 auto;
    width: 320px;
    height: 78px; }
  .side-fanclub .total {
    margin: 0 auto;
    background-image: url(/v=1627866112/files/user/_/common/images/common_img/bcg_side_clubhappinets_total.png);
    width: 320px;
    height: 47px; }
    .side-fanclub .total p {
      text-align: right;
      padding-top: 0px;
      padding-right: 60px;
      color: #FFF;
      font-weight: bold;
      font-size: 200%; }
  .side-fanclub .date {
    margin: 0 auto;
    padding-bottom: 5px;
    color: #E40073;
    font-weight: bold;
    width: 320px;
    background-color: #FFF; }

.side-school {
  position: relative;
  width: 100%;
  text-align: center; }
  .side-school ul li {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .side-school ul li img {
      width: 100%; }

/* --------  partner  -------- */
.pcolumn02 {
  clear: both;
  overflow: hidden;
  position: relative; }
  .pcolumn02 ul {
    overflow: hidden;
    height: auto;
    display: -ms-flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .pcolumn02 ul li {
      display: inline-block;
      width: 48%;
      margin-bottom: 1%; }
      .pcolumn02 ul li img {
        width: 100%; }

.pcolumn03 {
  clear: both;
  overflow: hidden;
  position: relative;
  height: auto; }
  .pcolumn03 ul {
    overflow: hidden;
    height: auto;
    display: -ms-flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center; }
    .pcolumn03 ul li {
      display: inline-block;
      width: 32%;
      margin-bottom: 1%;
      margin-right: 2%; }
      .pcolumn03 ul li:nth-child(3n) {
        margin-right: 0; }
      .pcolumn03 ul li > .ja {
        margin: 0 auto;
        width: 80%;
        display: -ms-flex;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: space-between;
        -webkit-justify-content: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between; }
        .pcolumn03 ul li > .ja a.link01 {
          width: 100%; }
        .pcolumn03 ul li > .ja a.link02 {
          float: none;
          margin-right: 0;
          width: 48%; }
        .pcolumn03 ul li > .ja a.link03 {
          float: none;
          width: 48%;
          padding-bottom: 0; }
      .pcolumn03 ul li img {
        width: 100%; }

.pcolumn04 {
  clear: both;
  overflow: hidden;
  position: relative; }
  .pcolumn04 ul {
    overflow: hidden;
    height: auto;
    display: -ms-flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center; }
    .pcolumn04 ul li {
      display: inline-block;
      width: 25%;
      margin-bottom: 1%; }
      .pcolumn04 ul li img {
        width: 100%; }

.pcolumn05 {
  clear: both;
  overflow: hidden;
  position: relative; }
  .pcolumn05 ul {
    overflow: hidden;
    height: auto;
    display: -ms-flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center; }
    .pcolumn05 ul li {
      display: inline-block;
      width: 20%;
      margin-bottom: 1%; }
      .pcolumn05 ul li img {
        width: 100%; }

.pcolumn06 {
  clear: both;
  overflow: hidden;
  position: relative; }
  .pcolumn06 ul {
    overflow: hidden;
    height: auto;
    display: -ms-flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center; }
    .pcolumn06 ul li {
      display: inline-block;
      width: 16%;
      margin-right: 0.8%;
      margin-bottom: 1%; }
      .pcolumn06 ul li:nth-child(6n) {
        margin-right: 0; }
      .pcolumn06 ul li img {
        width: 100%; }

.pcolumn07 {
  clear: both;
  overflow: hidden;
  position: relative; }
  .pcolumn07 ul {
    overflow: hidden;
    height: auto;
    display: -ms-flex;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center; }
    .pcolumn07 ul li {
      display: inline-block;
      width: 13%;
      margin-right: 1.5%;
      margin-bottom: 1%; }
      .pcolumn07 ul li:nth-child(7n) {
        margin-right: 0; }
      .pcolumn07 ul li img {
        width: 100%; }

/* --------  ticket  -------- */
#ticket > .section {
  margin-bottom: 120px; }
  #ticket > .section > .section {
    margin-bottom: 60px; }
  #ticket > .section .title01 {
    background: #e6e6e6;
    border-left: 0.2em solid #E40073;
    padding: 10px 0 10px 20px;
    margin-bottom: 30px; }
  #ticket > .section .title03 {
    background: #3e3e3e;
    padding: 10px 0 10px 20px;
    margin-bottom: 30px;
    color: #FFF; }
  #ticket > .section .title04 {
    font-weight: bold;
    color: #e40073;
    font-size: 139%;
    margin-bottom: 15px; }
  #ticket > .section .listBox {
    clear: both;
    overflow: hidden; }
    #ticket > .section .listBox > ul > li {
      clear: both;
      overflow: hidden;
      border-bottom: 1px solid #CCC;
      padding-top: 30px;
      padding-bottom: 30px; }
      #ticket > .section .listBox > ul > li:last-child {
        border-bottom: 0px;
        padding-bottom: 0px; }
      #ticket > .section .listBox > ul > li .cont {
        clear: both;
        overflow: hidden; }
        #ticket > .section .listBox > ul > li .cont .leftBox {
          float: left;
          margin-right: 50px; }
        #ticket > .section .listBox > ul > li .cont .rightBox {
          float: left; }
        #ticket > .section .listBox > ul > li .cont ul.column03 li {
          float: left;
          width: 33%;
          text-align: center; }
  #ticket > .section .table {
    margin-bottom: 30px; }
    #ticket > .section .table table tr th {
      font-weight: bold;
      padding-right: 30px; }
    #ticket > .section .table table tr td {
      text-align: left;
      vertical-align: middle; }
  #ticket > .section#zaseki #zasekiList ul li {
    float: left;
    width: 32%;
    text-align: center;
    margin-right: 2%;
    margin-bottom: 2%; }
    #ticket > .section#zaseki #zasekiList ul li:nth-child(3n) {
      margin-right: 0; }
  @media screen and (max-width: 768px) {
    #ticket > .section#zaseki #zasekiList ul li {
      float: none;
      margin-bottom: 30px;
      width: 100%; } }
  #ticket > .section#zaseki #price {
    clear: both; }
  #ticket > .section#purchase #purchase03 {
    margin-bottom: 0px; }
  #ticket > .section#discount .text {
    margin-bottom: 1em; }
  @media screen and (max-width: 768px) {
    #ticket > .section#discount .table table th, #ticket > .section#discount .table table td {
      display: block;
      width: 100%; }
    #ticket > .section#discount .table table td {
      margin-bottom: 1em; } }
  #ticket > .section#discount #discount01 .cont {
    margin-bottom: 60px; }
    #ticket > .section#discount #discount01 .cont .title {
      margin-bottom: 30px; }
    #ticket > .section#discount #discount01 .cont .image {
      margin-bottom: 30px; }
  #ticket > .section#discount #discount02 {
    margin-bottom: 120px; }
    #ticket > .section#discount #discount02 .image {
      margin-bottom: 60px; }
    #ticket > .section#discount #discount02 .text {
      margin-bottom: 60px; }
    #ticket > .section#discount #discount02 #dantai-tokuten {
      margin: 0 auto 60px;
      text-align: center; }
      #ticket > .section#discount #discount02 #dantai-tokuten img {
        width: 400px; }
    #ticket > .section#discount #discount02 #dantai-price {
      margin: 0 auto 60px;
      text-align: center; }
    #ticket > .section#discount #discount02 .table {
      margin: 0 auto 60px;
      width: 860px; }

#ticket .lead {
  font-weight: bold;
  color: #e40073;
  font-size: 139%;
  margin-bottom: 15px; }

#ticket span.att {
  color: #ed5945; }

#ticket .txt p {
  margin-bottom: 15px; }

#ticket .menulist {
  width: 100%; }
  #ticket .menulist ul {
    display: table;
    width: 100%; }
    #ticket .menulist ul li {
      display: table-cell;
      width: 25%;
      background: #e40073;
      text-align: center;
      border-right: 1px solid #FFF; }
      #ticket .menulist ul li a {
        display: block;
        vertical-align: 50%;
        padding: 15px 0;
        background: #e40073;
        color: #FFF;
        font-weight: bold; }
      #ticket .menulist ul li:last-child {
        border-right: 0px; }

/* --------  ticket01  -------- */
#ticket01 dl.listTable {
  width: 100%; }
  #ticket01 dl.listTable dt {
    float: left;
    clear: left;
    width: 200px;
    padding-right: 30px; }
  #ticket01 dl.listTable dd {
    float: left;
    width: 500px; }

#ticket01 .way {
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
  overflow: hidden; }
  #ticket01 .way .logo {
    text-align: center;
    padding-top: 1em;
    color: #000; }
    #ticket01 .way .logo .abolition {
      font-size: 139%;
      color: #E40073; }
  #ticket01 .way .left_box {
    float: left;
    width: 20%; }
  #ticket01 .way .right_box {
    float: right;
    width: 75%; }
  #ticket01 .way .cont {
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    overflow: hidden; }
    #ticket01 .way .cont dl {
      overflow: hidden;
      width: auto;
      height: auto; }
      #ticket01 .way .cont dl dt {
        float: left;
        width: 80px;
        height: 30px;
        color: #fff;
        line-height: 30px;
        text-align: center;
        font-size: 92.3%;
        margin-right: 1em;
        margin-bottom: 1em; }
      #ticket01 .way .cont dl dd {
        float: left;
        line-height: 30px;
        width: auto;
        height: auto;
        margin-right: 2em;
        margin-bottom: 1em; }
        #ticket01 .way .cont dl dd.tel {
          font-weight: bold; }
    #ticket01 .way .cont ol {
      padding-left: 1em;
      margin-bottom: 1.5em; }
      #ticket01 .way .cont ol li {
        list-style-type: decimal; }

#ticket01 #happi .cont dl dt {
  background: #E40073; }

#ticket01 #happi .cont dl dd a {
  color: #E40073; }

#ticket01 #happi .cont dl dd.tel {
  color: #E40073; }

#ticket01 #sunkus .cont dl dt {
  background: #C1272D; }

#ticket01 #sunkus .cont dl dd a {
  color: #C1272D; }

#ticket01 #sunkus .cont dl dd.tel {
  color: #C1272D; }

#ticket01 #sunkus .cont dl dd ol {
  margin-top: 15px; }

#ticket01 #lawson .cont dl dt {
  background: #00ADE7; }

#ticket01 #lawson .cont dl dd a {
  color: #00ADE7; }

#ticket01 #lawson .cont dl dd.tel {
  color: #00ADE7; }

#ticket01 #famima .cont dl dt {
  background: #39B54A; }

#ticket01 #famima .cont dl dd a {
  color: #39B54A; }

#ticket01 #famima .cont dl dd.tel {
  color: #39B54A; }

#ticket01 #seven .cont dl dt {
  background: #FF0000; }

#ticket01 #seven .cont dl dd a {
  color: #FF0000; }

/* --------  seasonpass  -------- */
#seasonpass #seasonpass01 {
  margin: 0 auto 5%;
  padding: 5% 10% 10%;
  background-image: url(/v=1561373319/files/user/_/common/images/ticket_img/seasonpass/seasonpass_bcg_01.jpg);
  background-size: cover;
  text-align: center; }
  #seasonpass #seasonpass01 .en {
    margin-bottom: 50%; }
  #seasonpass #seasonpass01 .title {
    margin-bottom: 5%; }
  #seasonpass #seasonpass01 .tokuten {
    margin-bottom: 5%; }

#seasonpass .menulist {
  width: 100%;
  margin-bottom: 5%; }
  #seasonpass .menulist ul {
    display: table;
    width: 100%; }
    #seasonpass .menulist ul li {
      display: table-cell;
      width: 25%;
      background: #e40073;
      text-align: center;
      border-right: 1px solid #FFF; }
      #seasonpass .menulist ul li a {
        display: block;
        vertical-align: 50%;
        padding: 8.5% 0 10%;
        background: #e40073;
        color: #FFF;
        font-weight: bold; }
      #seasonpass .menulist ul li:last-child {
        border-right: 0px; }

#seasonpass #seasonpass02 {
  margin: 0 auto 10%;
  padding: 8% 10% 50%;
  background-image: url(/v=1561373320/files/user/_/common/images/ticket_img/seasonpass/seasonpass_bcg_02.jpg);
  background-size: cover;
  text-align: center; }
  #seasonpass #seasonpass02 .logo {
    margin-bottom: 3%; }
  #seasonpass #seasonpass02 .lead {
    margin-bottom: 5%; }

#seasonpass #seasonpass03 {
  max-width: 860px;
  margin: 0 auto 10%;
  text-align: center; }
  #seasonpass #seasonpass03 .title {
    margin-bottom: 5%; }
  #seasonpass #seasonpass03 .lists ul li {
    float: left;
    width: 50%;
    margin-bottom: 5%; }
    #seasonpass #seasonpass03 .lists ul li:last-child {
      width: 100%; }

#seasonpass #seasonpass04 {
  max-width: 860px;
  margin: 0 auto 10%;
  text-align: center; }
  #seasonpass #seasonpass04 .title {
    margin-bottom: 5%; }
  #seasonpass #seasonpass04 .image01 {
    margin-bottom: 5%; }

#seasonpass #seasonpass05 {
  max-width: 860px;
  margin: 0 auto 10%;
  text-align: center; }
  #seasonpass #seasonpass05 .title {
    margin-bottom: 5%; }
  #seasonpass #seasonpass05 .image01 {
    margin-bottom: 5%; }
  #seasonpass #seasonpass05 .image02 {
    margin-bottom: 5%; }
  #seasonpass #seasonpass05 .text {
    margin-bottom: 5%;
    text-align: left; }
    #seasonpass #seasonpass05 .text ul li {
      padding-left: 1em;
      text-indent: -1em; }
      #seasonpass #seasonpass05 .text ul li:before {
        content: "※";
        margin: auto; }
      #seasonpass #seasonpass05 .text ul li:first-child, #seasonpass #seasonpass05 .text ul li:nth-child(2) {
        font-weight: bold; }

#seasonpass #seasonpass09 .lists dl dt {
  font-weight: bold; }

#seasonpass #seasonpass09 .lists dl dd {
  margin-bottom: 20px; }

#seasonpass #pagetop {
  position: fixed;
  bottom: 0;
  right: 5px;
  z-index: 100000; }
  #seasonpass #pagetop a {
    display: block; }

/* --------  チケットSP用  -------- */
.side-ticket-tab .tabs_sp {
  overflow: hidden;
  background-color: #181818; }
  .side-ticket-tab .tabs_sp li {
    background: #FFF;
    padding: 5px 2%;
    width: 21%;
    float: left;
    text-align: center;
    margin-right: 1px;
    font-size: 85%; }
    .side-ticket-tab .tabs_sp li:last-child {
      margin-right: 0px;
      width: 20%; }
    .side-ticket-tab .tabs_sp li.active {
      background: #E40073;
      color: #FFF; }
      .side-ticket-tab .tabs_sp li.active a {
        color: #FFF; }
    .side-ticket-tab .tabs_sp li a {
      color: #E40073; }

.side-ticket-tab .tab_content_sp .seat {
  margin-bottom: 15px; }
  .side-ticket-tab .tab_content_sp .seat li {
    background-color: #181818;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 20%;
    padding: 5px 15px;
    color: #FFF;
    font-size: 85%; }
    .side-ticket-tab .tab_content_sp .seat li.seat06 {
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat06.png); }
    .side-ticket-tab .tab_content_sp .seat li.seat05 {
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat05.png); }
    .side-ticket-tab .tab_content_sp .seat li.seat04 {
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat04.png); }
    .side-ticket-tab .tab_content_sp .seat li.seat03 {
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat03.png); }
    .side-ticket-tab .tab_content_sp .seat li.seat02 {
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat02.png); }
    .side-ticket-tab .tab_content_sp .seat li.seat01 {
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat01.png); }
    .side-ticket-tab .tab_content_sp .seat li.seat00 {
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-image: url(/v=1530103408/files/user/_/common/images/common_img/seat00.png); }
    .side-ticket-tab .tab_content_sp .seat li:nth-child(odd) {
      background-color: #323232; }
    .side-ticket-tab .tab_content_sp .seat li:nth-child(even) {
      background-color: #1e1e1e; }

/* --------  audition  -------- */
#audition .cont .section .btn a {
  border-radius: 10px;
  position: relative;
  behavior: url(/css/PIE.htc); }

#audition #mainImage {
  background-image: url(/v=1622443225/files/user/_/common/images/cheer_img/audition_main_bcg_2021.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  background-color: #FFF;
  position: relative;
  width: 100%;
  height: auto; }
  #audition #mainImage:before {
    content: "";
    display: block;
    padding-top: 59.30232558139535%; }
  #audition #mainImage .title01 {
    padding-top: 5%;
    text-align: center; }
  #audition #mainImage .title02 {
    margin-top: 37%;
    text-align: center; }
  #audition #mainImage .date {
    text-align: center;
    background: url(/v=1530103413/files/user/_/common/images/cheer_img/audition_date_bcg.png), -webkit-gradient(linear, left top, right top, from(#c48e20), to(rgba(196, 142, 32, 0.8)));
    background: url(/v=1530103413/files/user/_/common/images/cheer_img/audition_date_bcg.png), -webkit-linear-gradient(left, #c48e20, rgba(196, 142, 32, 0.8));
    background: url(/v=1530103413/files/user/_/common/images/cheer_img/audition_date_bcg.png), -o-linear-gradient(left, #c48e20, rgba(196, 142, 32, 0.8));
    background: url(/v=1530103413/files/user/_/common/images/cheer_img/audition_date_bcg.png), linear-gradient(90deg, #c48e20, rgba(196, 142, 32, 0.8));
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 12%; }

#audition .cont {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 20px;
  padding-bottom: 100px; }
  #audition .cont .vision {
    margin: 0px auto 60px;
    width: 80%;
    max-width: 730px;
    padding: 20px;
    text-align: center;
    background-color: #FFF;
    -webkit-box-shadow: 0 0 20px gray;
    box-shadow: 0 0 20px gray;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px; }
  #audition .cont .section {
    margin: 0px auto 60px;
    width: 90%;
    max-width: 770px; }
    #audition .cont .section h3.title {
      background-color: #e40073;
      color: #FFF;
      text-align: center;
      font-size: 200.0%;
      font-weight: bold;
      padding-bottom: 3px; }
    #audition .cont .section ul {
      font-size: 115.4%; }
    #audition .cont .section p {
      font-size: 115.4%; }
    #audition .cont .section .btn {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center; }
      #audition .cont .section .btn a {
        background-color: #c58f21;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        padding: 30px;
        width: 100%; }
    #audition .cont .section .chance {
      margin: 30px auto 0px; }

/* --------  cheer  -------- */
#cheer02 .second-body article .section .box .img-left {
  width: 300px; }
  @media screen and (max-width: 768px) {
    #cheer02 .second-body article .section .box .img-left {
      float: none;
      width: 100%;
      max-width: 300px; } }