@charset "utf-8";

/* --------------
 base
-------------- */
.ifsp {display: none;}

body {
}

/* --------------
 modules css
-------------- */
/* ---------- float */
.fll { float: left;}
.flr { float: right;}

/* ---------- align */
.vlt { vertical-align:top !important;}

/* ---------- width */
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd33 {width: 33% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd49 {width: 49% !important;}
.wd495 {width: 49.5% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}


.wd500px { max-width: 500px !important;}
.wd540px { max-width: 540px !important;}
.wd600px { max-width: 600px !important;}
.wd640px { max-width: 640px !important;}
.wd800px { max-width: 800px !important;}
.wd920px { max-width: 920px !important;}
.wd960px { max-width: 960px !important;}
.wd1000px { max-width: 1000px !important;}

@media all and (-ms-high-contrast: none) {
.wd500px { width: 500px !important;}
.wd540px { width: 540px !important;}
.wd600px { width: 600px !important;}
.wd640px { width: 640px !important;}
.wd800px { width: 800px !important;}
.wd1000px { width: 1000px !important;}
}
/* ----- images */
.imgL {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.imgR {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* ---------- align */
.alcPC { text-align: center !important;}
.alrPC { text-align: right !important;}
.allPC { text-align: left !important;}

/* =base
---------------------------------------------------- */
.in{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
  padding: 0 1%;
}
.inlineB_pc {
  display: inline-block;
}


/* ----- text */
.strongTxt {
  font-size: 1.6em;
}

.dtlBtn a,
.dtlBtn span {
  font-size: 1.8em;
}
/* =contents
---------------------------------------------------- */

.clm2, .clm3, .clm4, .clm5, .clm6,
.clm1-2 {
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	margin-left: -10px;
}
.clm2 > * {
	width: calc((100% / 2) - 10px );
}
*::-ms-backdrop, .clm2 > * {
  width: calc(50% - 10px); /* IE11 */
}
.clm3 > * {
	width: calc((100% / 3) - 10px );
}
*::-ms-backdrop, .clm3 > * {
  width: calc(33.33% - 10px); /* IE11 */
}
.clm4 > * {
	width: calc((100% / 4) - 10px );
}
*::-ms-backdrop, .clm4 > * {
  width: calc(25% - 10px); /* IE11 */
}
.clm5 > * {
	width: calc((100% / 5) - 10px );
}
*::-ms-backdrop, .clm5 > * {
  width: calc(20% - 10px); /* IE11 */
}
.clm6 > * {
	width: calc((100% / 6) - 10px );
}
*::-ms-backdrop, .clm6 > * {
  width: calc(16.66% - 10px); /* IE11 */
}

.clm1-2 > *:nth-child(odd) {
	width: calc((100% / 3) - 10px );
}
*::-ms-backdrop, .clm1-2 > *:nth-child(odd) {
  width: calc(33.33% - 10px); /* IE11 */
}
.clm1-2 > *:nth-child(even) {
	width: calc((100% / 3) * 2 - 10px );
}
*::-ms-backdrop, .clm1-2 > *:nth-child(even) {
  width: calc(66.66% - 10px); /* IE11 */
}



.clm2 > *, .clm3 > *, .clm4 > *, .clm5 > *, .clm6 > *,
.clm1-2 > *{
	margin-left: 10px;
}

.clm2 > * >a, .clm3 > * >a, .clm4 > * >a, .clm5 > * >a, .clm6 > * >a,
.clm1-2 > * >a{
	position: relative;
	display: block;
	height: 100%;
}

.inContent {
  margin-top: 50px;
}

/* --------------
 page contents
-------------- */



.pageNav {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	padding-bottom: 10px;
}

.pageNav .pageNavCont {
	height: 0;
	overflow: hidden;
	transition: .3s height ease;
	background: rgba(0,0,0,.7);
}
.pageNav:hover .pageNavCont,
.pageNav.scrolled .pageNavCont {
	height: 50px;
}

.pageNav a {
	color: #fff;
	display: block;
	line-height: 1.1;
	font-weight: bold;
	padding: .5em 1em;
	font-size: 1.3em;
}
.pageNav a small {
	font-size: .5em;
	display: block;
}

.pageNav ul {
	text-align: right;
}
.pageNav ul li {
	text-align: center;
	display: inline-block;
}

#visual {
	position: relative;
	padding-top: 100vh;
	height: 0;
}
@media screen and (min-width: 1025px) { /*以上の時*/
  #visual {
    padding-top: 110vh;
  }
}
@media screen and (max-width: 1024px) { /*以下の時*/
  #visual {
    padding-top: 90%;
  }
}
#visual .visualImgBox {
	position: absolute;
	top: 50%;
	left:  50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 1500px;
	margin: auto;
	padding: 0 15%;
}
@media screen and (min-width: 1520px) { /*以上の時*/
  .mvTxtBox {
    top: -14%;
  }
}
@media screen and (max-width: 1519px) { /*以下の時*/
  .mvTxtBox {
    top: -12%;
  }
}

@media screen and (min-width: 1421px) { /*以上の時*/
#summary .solomonImg {
  top: 60%;
}
}
@media screen and (max-width: 1420px) { /*以下の時*/
#summary .solomonImg {
  width: 34vw;
  top: 78%;
}
}

#visual .gameAppliBtn {
  max-width: 200px;
  bottom: 15%;
}
#visual .gameAppliBtn a img {
  transition: opacity .2s ease;
}
/* =outline --------------------------------- */
#outline.contents .hashBtn {
  max-width: 200px;
}
#outline.contents .hashBtn a img {
  transition: opacity .2s ease;
}
.tblDtl th,
.tblDtl td {
  display: block;
  text-align: center;
}
.tblDtl th {
  width: 100%;
  font-size: 1.4em;
  vertical-align: top;
  padding-bottom: 10px;
}
.tblDtl td {
  padding-bottom: 2rem;
}

@media all and (-ms-high-contrast: none) {
.tblDtl {
  table-layout:fixed;
}
}

.outlineDate,
.outlineVenue,
.castName {
	font-size: 1.8em;
}
.sponsorName {
	font-size: 1.6em;
}



/* =ticket --------------------------------- */
/*#ticket:before{
  height: calc(100% - 0.11 * (0.11 * 50% + 50vw) * 2);
  transform: rotate(-4.5deg);
  top: calc(0.11 * (0.11 * 50% + 50vw));
}*/

#ticket:before{
  transition: width 2s ease;
}

.ticketBox {
	padding: 1%;
	margin: 0 2%;
}
.ticket1{
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.ticket2{
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.ticket3{
-webkit-box-ordinal-group:3;
-ms-flex-order:3;
-webkit-order:3;
order:3;
}
.ticket3:after {
  left: 25%;
}

.ticketBox .ticketList {
  min-height: 3.2em;
  width: 100%;
}

.ticket1 .ticketBox .ticketList p:nth-child(1) {
  padding-right: 2em;
}
.ticket1 .ticketBox .ticketList p:nth-child(2) {
  padding-left: 2em;
}

.ticket2 .ticketBox .ticketList p:nth-child(1) {
  padding-right: 4em;
}
.ticket2 .ticketBox .ticketList p:nth-child(2) {
  padding-left: 2em;
}

@media all and (-ms-high-contrast: none) { /* IE10,11用 */
/*.ticketList p {
  display: table-cell;
  vertical-align: middle;
  min-height: 3.2em;
}*/
}

.ticketBox.limited .tickt72 {
  width: 20%;
  right: -10px;
}
@media screen and (max-width: 1024px) { /*以下の時*/
.ticketList {
  font-size: 1.3em;
}
.ticketBox.limited .tickt72 {
  top: -10px;
  bottom: auto;
}
.soldoutBox {
  font-size: 2vw;
}
}


.endTxt span {
  font-size: 5em;
}

.spItem {
  padding: 20px;
}

.fixBnr{
	position: fixed;
	left: 0;
	bottom: 3%;
}
#cast .clm3 {
  justify-content: center;
}

.liveViewBox {
  margin-top: -50px;
  padding-top: 50px;
}
/* =news --------------------------------- */
.banner a {
  width: 100%;
  display: block;
  padding: 15px;
}

@media screen and (max-width: 1000px) { /*以下の時*/
	.fixBnr{
		width: 15%;
	}
}

h2:not(.bg-img-b) {
	font-size: 1.8em;
}