@charset "UTF-8";

h2.bc01 { 
  margin-bottom: 10px !important; 
  padding: 4px 0px 10px 3px !important; 
  color: #262626 !important; 
  font-size: 16px !important; 
  font-weight: bold !important; 
  line-height:1.35em !important;
}

h2.bc01:after { 
  display: block !important; 
  content: " "; 
  height: 5px; 
  margin-left: -3px !important; 
  border-left: 150px solid #C70025 !important; 
  background-color: #000436 !important; 
  font-size: 1px !important; 
  box-sizing: inherit !important; 
  position: relative; 
  bottom: -10px;
}

h2.bc02 {
  padding: 10px 9px;
  margin: 10px 0 10px;
  font-size: 16px !important;
  background-color: #000436;
  color: #fff !important;
}

h2.bc03 { 
  margin-bottom: 15px !important; 
  padding: 4px 0px 10px 3px !important; 
  color: #262626 !important; 
  font-size: 16px !important; 
  font-weight: bold !important; 
  line-height:1.35em !important;
}

h2.bc03:after { 
  display: block !important; 
  content: " "; 
  height: 5px; 
  margin-left: -3px !important; 
  border-left: 150px solid #000436; !important; 
  background-color: #C70025; !important; 
  font-size: 1px !important; 
  box-sizing: inherit !important; 
  position: relative; 
  bottom: -10px;
}

h2.bc04 { 
  margin-bottom: 15px !important; 
  padding: 4px 0px 10px 3px !important; 
  color: #262626 !important; 
  font-size: 16px !important; 
  font-weight: bold !important; 
  line-height:1.35em !important;
}

h2.bc04:after { 
  display: block !important; 
  content: " "; 
  height: 5px; 
  margin-left: -3px !important; 
  border-left: 150px solid #013d95; !important; 
  background-color: #013d95; !important; 
  font-size: 1px !important; 
  box-sizing: inherit !important; 
  position: relative; 
  bottom: -10px;
}

h3.bc01 {
  padding: 10px 9px;
  background: #000436;
  color: #FFF;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold; 
  border-left: solid 8px #C70025;
}

h3.bc02 {
  padding: 10px 9px;
  background: #C70025;
  color: #FFF;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold; 
  border-left: solid 8px #000436;
}

h3.bc03 {
  padding: 20px 9px;
  background: url(/v=1715066397/files/user/_/common/img/libs/title_b.png) no-repeat right;
  background-color: #000436;
  background-size: contain;
  color: #FFF;
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold; 
  border-left: solid 8px #C70025;
}

h4.bc01 {
  padding: 10px 9px;
  background: #F5F5F5;
  color: #000d36;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold; 
  border-bottom: solid 3px #000436;
}

h5.bc01 {
  font-size: 16px;
  color: #000d36;
  padding: 10px 10px 10px 10px;
  border-left: 8px solid #000436;
  margin: 10px 0 10px;
  line-height: 1.2;
}

h5.free_page {
  padding: 5px 10px;
  font-size: 16px;
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

.grid_fix {
  width: 102%;
  margin: 0 0 20px -2%;
  overflow: hidden;
  background-color: transparent;
  font-size: 0;
  clear: both;
  letter-spacing: -0.4em;
}

.grid_fix .col_1-2 {
  width: 48%;
}

.grid_fix .col_1-3 {
  width: 31.33%;
}

.mb0 {
  margin-bottom: 0 !important;
}

grid_fix .col_1, .grid_fix .col_1-2, .grid_fix .col_1-3, .grid_fix .col_2-3, .grid_fix .col_1-4, .grid_fix .col_2-4, .grid_fix .col_3-4, .grid_fix .col_1-5, .grid_fix .col_2-5, .grid_fix .col_3-5, .grid_fix .col_4-5, .grid_fix .col_1-8 {
  display: inline-block;
  margin-left: 2%;
  margin-bottom: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: text-top;
  font-size: 16px;
  letter-spacing: normal;
}

/*注意書き*/
.attentionbox{
  position: relative;
  padding: 3rem 1rem 1rem 1rem;
  margin-bottom: 2rem ;
  background: #f4f4f4;
  border: solid 2px #000436;
}

.attentionbox .box1 {
  position: absolute;
  display: block;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.5rem;
  height: 1rempx;
  line-height: 1rem;
  font-size: 14px;
  background: #C70025;
  color: #ffffff;
  font-weight: bold;
}

.tsuikibox {
  position: relative;
  padding: 3rem 1rem 1rem 1rem;
  margin-bottom: 2rem ;
  border: solid 2px #8FC31F;
}
  
.tsuikibox .box2 {
  position: absolute;
  display: block;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.5rem;
  height: 1rempx;
  line-height: 1rem;
  font-size: 14px;
  background: #8FC31F;
  color: #ffffff;
  font-weight: bold;
}

/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#a9a9a9;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 10px;
	overflow: hidden;
  -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

.box_01 {
  margin: 0 0px 30px 0;
  overflow: hidden;
}
.box_01 figure {
  width: 48%;
  float: left;
}
.box_01 figure img {
  width: 100%;
}
.box_01 .txt_01 {
  width: 48%;
  float: right;
}

div.b_block {
	margin: 0px 10px 30px 10px ;
}

@media screen and (max-width: 767px) {
  .box_01 figure {
    width: 100%;
    margin-bottom: 10px;
  }
  .box_01 figure img {
    width: 100%;
  }
  .box_01 .txt_01 {
    width: 100%;
  }
}

.box_02 {
  margin: 0 0px 30px 0;
  overflow: hidden;
}
.box_02 figure {
  width: 100%;
}
.box_02 figure img {
  width: 100%;
}

.box_03 {
  margin: 0 0px 30px 0;
  overflow: hidden;
  padding: 10px;
  border: 1px solid #CCC;
}
.box_03 figure {
  width: 48%;
  float: left;
}
.box_03 figure img {
  width: 100%;
}
.box_03 .txt_01 {
  width: 48%;
  float: right;
}


.box_04 {
  margin: 0 0px 30px 0;
  overflow: hidden;
  padding: 10px;
  border: 1px solid #CCC;
}
.box_04 figure {
  width: 38%;
  float: left;
}
.box_04 figure img {
  width: 100%;
}
.box_04 .txt_01 {
  width: 58%;
  float: right;
}

#team_01 .box_04 table th {width: 40px;}

@media screen and (max-width: 767px) {
  .box_04 figure {
    width: 100%;
    margin-bottom: 10px;
  }
  .box_04 figure img {
    width: 100%;
  }
  .box_04 .txt_01 {
    width: 100%;
  }
  #team_01 .box_04 table th {width: 80px;}
}

.box_05 {
  margin: 0 0px 30px 0;
  overflow: hidden;
  padding: 10px 10px 10px 0;
  border: 2px solid #012756;
}
.box_05 .txt_01 {
  width: 58%;
  float: left;
}
.box_05 figure {
  width: 38%;
  float: right;
}
.box_05 figure img {
  width: 100%;
}
.box_05 p.ttl {
  font-size: 16px;
  font-weight: bold;
  color: #012756;
  margin-bottom: 10px;
}
.box_05 p.ttl span {
  background: #012756;
  color: #FFF;
  font-weight:bold;
  font-size: 20px;
  margin-right: 10px;
  padding: 5px 10px;
}
.box_05 p.contents {
  margin-left: 10px;
}


@media screen and (max-width: 767px) {
  .box_05 .txt_01 {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .box_05 figure {
    width: 95%;
    float: none;
    margin: 0px 10px;
  }
  .box_05 figure img {
    width: 100%;
  }
}

ul.map_photo {
  overflow: hidden;
}
ul.map_photo li {
  float: left;
  width: 19%;
  margin-right: 1%;
}
ul.map_photo li p {
  text-align: center;
  margin-bottom: 10px;
}
ul.map_photo li figure {
  width: 100%;
}
ul.map_photo li figure img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  ul.map_photo li {
    float: left;
    width: 32%;
    margin-right: 1%;
  }
  ul.map_photo li p {
    text-align: center;
    margin-bottom: 10px;
  }
  ul.map_photo li figure {
    width: 100%;
  }
  ul.map_photo li figure img {
    width: 100%;
  }
}
ul.top_partner {
  overflow: hidden;
}
ul.top_partner li {
  float: left;
  width: 50%;
  margin-right: 1%;
}
ul.top_partner li p {
  text-align: center;
  margin-bottom: 10px;
}
ul.top_partner li figure {
  width: 100%;
}
ul.top_partner li figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  ul.top_partner li {
    width: 50%;
  }
}
ul.second_partner li {
  float: left;
  width: 40%;
  margin-right: 10%;
}
ul.second_partner li p {
  text-align: center;
  margin-bottom: 10px;
}
ul.second_partner li figure {
  width: 100%;
}
ul.second_partner li figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  ul.second_partner li {
    width: 40%;
  }
}
ul.official_partner {
  overflow: hidden;
}
ul.official_partner li {
  float: left;
  width: 25%;
  margin-right: 8%;
  margin-bottom: 10px;
}
ul.official_partner li p {
  text-align: center;
  margin-bottom: 10px;
}
ul.official_partner li figure {
  width: 100%;
}
ul.official_partner li figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  ul.official_partner li {
    width: 25%;
  }
}
ul.support_partner {
  overflow: hidden;
}
ul.support_partner li {
  margin: 0 20px 10px 0;
  float: left;
}

.tbl03 td {
  word-break:break-all !important;
}

table.access caption {
  font-weight: bold;
  margin-bottom: 10px;
}
table.access td {
  text-align: center !important;
}

ul.ticket_link {
  overflow: hidden;
}
ul.ticket_link li {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
ul.ticket_link li a {
  display: block;
    padding: 50px 0px;
    font-size: 15px;
    color: #797979;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
}
ul.ticket_link li a:hover {
    background: #efefef;
}
ul.ticket_link li.half {
  width: 49%;
}

dl.faq {
  border-bottom: 1px dotted #CCC;
  padding-bottom: 0px;
  margin-bottom: 10px;
}
dl.faq dt {
  background: url(/v=1530060430/files/user/_/common/img/icon_q.png) no-repeat left center;
  min-height: 30px;
  margin-bottom: 10px;
  padding-left: 40px;
}
dl.faq dd {
  background: url(/v=1530060430/files/user/_/common/img/icon_a.png) no-repeat left 0px;
  min-height: 30px;
  margin-bottom: 10px;
  padding-left: 40px;
  overflow: hidden;
}

ul.price {
  overflow: hidden;
  margin-bottom: 10px;
}
ul.price li {
  float: left;
}
ul.price li:first-child {
  width: 54%;
}
ul.price li:nth-child(2) {
  width: 46%;
}
ul.price li img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  ul.price li {
    float: none;
  }
  ul.price li:first-child {
    width: 100%;
  }
  ul.price li:nth-child(2) {
    width: 85%;
    text-align: center;
    margin: 0 auto;
  }
}

ol.season {
  margin-bottom: 20px;
}
ol.season li {
  list-style: decimal;
  margin-bottom: 10px;
  margin: 0 0 10px 30px;
}

ul.fanclub {
  overflow: hidden;
}
ul.fanclub li {
  float: left;
  width: 49%;
  margin-right: 1%;
  margin-bottom: 10px;
}
ul.fanclub li a {
}

.fan_box {
  margin: 0 0px 30px 0;
  overflow: hidden;
}
.fan_box .ttl {
  background: #FAFAD2;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}
.fan_box .box_wrap {
  padding: 10px 10px 0px 10px;
  border: 4px solid #FAFAD2;
  overflow: hidden;
}
.fan_box ul.top {
  overflow: hidden;
}
.fan_box ul.top li {
  float: left;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 10px;
  text-align: center;
}
.fan_box ul.top li p {
  text-align: center;
  line-height: 1.6;
  font-size: 13px;
  margin-bottom: 10px;
}
.fan_box ul.top li p.small {
  line-height: 1.4;
  font-size: 11px;
  text-align: left;
}
.fan_box ul.top li figure {
  width: 100%;
}
.fan_box ul.top li figure img {
  width: 100%;
}

.fan_box ul.down {
  overflow: hidden;
}
.fan_box ul.down li {
  float: left;
  width: 50%;
  margin-right: 1%;
  margin-bottom: 10px;
  text-align: center;
}
.fan_box ul.down li p {
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
}
.fan_box ul.down li figure {
  float: left;
  width: 48%;
  margin-right: 2%;
}
.fan_box ul.down li figure img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .fan_box ul.top li {
    width: 49%;
    margin-bottom: 0px;
  }
  .fan_box ul.top li:nth-child(3) {
    border-top: 1px dotted #CCC;
    padding-top: 10px;
  }
  .fan_box ul.top li:nth-child(4) {
    border-top: 1px dotted #CCC;
    padding-top: 10px;
  }
  .fan_box ul.top li p {
    font-size: 12px;
  }
  .fan_box ul.top li:nth-child(3) p.heightLine-1 {
    margin-bottom: -40px;
  }
  .fan_box ul.top li:nth-child(4) p.heightLine-1 {
    margin-bottom: -40px;
  }
  .fan_box ul.top li:nth-child(3) {
    clear: both;
  }
  .fan_box ul.down li {
    margin-bottom: 0px;
    width: 99%;
    border-top: 1px dotted #CCC;
    padding-top: 10px;
  }
}


.fan_box_gold {
  margin: 0 0px 30px 0;
  overflow: hidden;
}
.fan_box_gold .ttl {
  background: #BF9C48;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 10px;
}
.fan_box_gold .ttl p.rank {
  text-align: left;
  font-size: 20px;
}
.fan_box_gold .ttl p.tar {
  font-size: 16px;
}
.fan_box_gold p.point {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #BF9C48;
}
.fan_box_gold ul {
  padding: 10px 10px 0px 10px;
  border: 4px solid #BF9C48;
  overflow: hidden;
}
.fan_box_gold ul li {
  float: left;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 10px;
  text-align: center;
}
.fan_box_gold ul li p {
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
}
.fan_box_gold ul li p.small {
  line-height: 1.4;
  font-size: 11px;
  text-align: left;
}
.fan_box_gold ul li figure {
  width: 100%;
}
.fan_box_gold ul li figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .fan_box_gold ul li {
    width: 49%;
  }
  .fan_box_gold ul li p {
    font-size: 12px;
  }
  .fan_box_gold ul li:nth-child(3) {
    border-top: 1px dotted #CCC;
    padding-top: 10px;
  }
  .fan_box_gold ul li:nth-child(4) {
    border-top: 1px dotted #CCC;
    padding-top: 10px;
  }
  .fan_box_gold ul li:nth-child(5) {
    border-top: 1px dotted #CCC;
    padding-top: 10px;
  }
}

.fan_box_silver {
  margin: 0 0px 30px 0;
  overflow: hidden;
}
.fan_box_silver .ttl {
  background: #A5A5A5;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 10px;
}
.fan_box_silver .ttl p.rank {
  text-align: left;
  font-size: 20px;
}
.fan_box_silver .ttl p.tar {
  font-size: 16px;
}
.fan_box_silver p.point {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #A5A5A5;
}
.fan_box_silver ul {
  padding: 10px 10px 0px 10px;
  border: 4px solid #A5A5A5;
  overflow: hidden;
}
.fan_box_silver ul li {
  float: left;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 10px;
  text-align: center;
}
.fan_box_silver ul li p {
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
}
.fan_box_silver ul li p.small {
  line-height: 1.4;
  font-size: 11px;
  text-align: left;
}
.fan_box_silver ul li figure {
  width: 100%;
}
.fan_box_silver ul li figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .fan_box_silver ul li {
    width: 49%;
  }
  .fan_box_silver ul li p {
    font-size: 12px;
  }
  .fan_box_silver ul li:nth-child(3) {
    clear: both;
    border-top: 1px dotted #CCC;
    padding-top: 10px;
  }
  .fan_box_silver ul li:nth-child(4) {
    border-top: 1px dotted #CCC;
    padding-top: 10px;
  }
}


.fan_box_regular {
  margin: 0 0px 30px 0;
  overflow: hidden;
}
.fan_box_regular .ttl {
  background: #000C36;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 10px;
}
.fan_box_regular .ttl p.rank {
  text-align: left;
  font-size: 20px;
}
.fan_box_regular .ttl p.tar {
  font-size: 16px;
}
.fan_box_regular p.point {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #000C36;
}
.fan_box_regular ul {
  padding: 10px 10px 0px 10px;
  border: 4px solid #000C36;
  overflow: hidden;
}
.fan_box_regular ul li {
  float: left;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 10px;
  text-align: center;
}
.fan_box_regular ul li p {
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
}
.fan_box_regular ul li p.small {
  line-height: 1.4;
  font-size: 11px;
  text-align: left;
}
.fan_box_regular ul li figure {
  width: 100%;
}
.fan_box_regular ul li figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .fan_box_regular ul li {
    width: 49%;
  }
  .fan_box_regular ul li p {
    font-size: 12px;
  }
}


.fan_box_junior {
  margin: 0 0px 30px 0;
  overflow: hidden;
}
.fan_box_junior .ttl {
  background: #C00017;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 10px;
}
.fan_box_junior .ttl p.rank {
  text-align: left;
  font-size: 20px;
}
.fan_box_junior .ttl p.tar {
  font-size: 16px;
}
.fan_box_junior p.point {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #C00017;
}
.fan_box_junior ul {
  padding: 10px 10px 0px 10px;
  border: 4px solid #C00017;
  overflow: hidden;
}
.fan_box_junior ul li {
  float: left;
  width: 24%;
  margin-right: 1%;
  margin-bottom: 10px;
  text-align: center;
}
.fan_box_junior ul li p {
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
}
.fan_box_junior ul li p.small {
  line-height: 1.4;
  font-size: 11px;
  text-align: left;
}
.fan_box_junior ul li figure {
  width: 100%;
}
.fan_box_junior ul li figure img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .fan_box_junior ul li {
    width: 49%;
  }
  .fan_box_junior ul li p {
    font-size: 12px;
  }
}

ul.fan_point {
  overflow: hidden;
  width: 100%;
}
ul.fan_point li {
  float: left;
  width: 32%;
  margin-right: 1%;
}
ul.fan_point li img {
  width: 100%;
}

ul.cheermember {
  overflow: hidden;
}
ul.cheermember li {
  float: left;
  width: 32%;
  margin-right: 1%;
}
ul.cheermember li figure {
  width: 100%;
  margin-bottom: 10px;
}
ul.cheermember li figure img {
  width: 100%;
}
ul.cheermember li p {
  text-align: center;
}

#ticket_01 table.tbl03 th {
  width: 25%;
}
#ticket_01 table.tbl03 td {
  border: 1px solid #CCC;
  text-align: center;
  vertical-align: middle;
}
#ticket_01 table.tbl03 td.half {
  width: 37%;
}

.seat_img {
  width: 780px;
  margin: 0 auto;
}
.seat_img img {
  width: 100%;
}

a.category_top {
  display: block;
}

.tbl04 {
    margin-bottom: 30px;
    width: 100%;
    border-top: 1px solid #bfbfbf;
}
.tbl04 th, .tbl04 td {
    padding: 10px 5px;
    text-align: center;
    vertical-align: middle;
}
.tbl04 tr {
    border-bottom: 1px solid #bfbfbf;
}
.tbl04 thead th {
    padding: 10px 5px 5px;
    font-size: 10px;
}
.tbl04 tbody td:nth-child(odd) {
    background: #f7f7f7;
}

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.slider-wrapper {
  width: 600px;
  padding: 5px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #CCC;
}

.slider {
  width: 850px;
  -webkit-overflow-scrolling: touch;
}

.slider > * {
  -webkit-transform: translateZ(0px);
}

.slider-wrapper::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}

.unit {
  float: left;
  width: 150px;
  margin: 0 0 0 5px;
  border: 1px solid #DDDDDD;
  background: #EFEFEF;
}

.unit:first-child {
  margin: 0;
}

.unit .img {
  text-align: center;
}