@charset "UTF-8";

.attention-page {
	background-color: #fe668c;
}
.attention-page .logoteamtop {
	width: 80%;
}
.contact-page {
	background-color: #6c8bff;
}
.contact-page .logoteamtop {
	width: 80%;
}
.ticket-page {
	background-color: #00acf4;
}
.ticket-page .logoteamtop {
	width: 80%;

}
.anser {
	display: none;
	margin-top: 1em;
	font-size: 90%;
}
.anser a {
	text-decoration: underline !important;
}
.question {
	display: table;
	cursor: pointer;
	width: 100%;
}
.question > div {
	display: table-cell;
	padding-right: 20px;
	font-weight: bold;
}
.question:after {
	content: '';
	display: table-cell;
	background-image: url(../img/icon_arrow.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	width: 20px;
}
.open .question:after {
	transform: rotate(180deg);
}
.page-item-list > li {
	margin-bottom: 1em;
}
.link-set {
	margin: 30px 40px 0 40px;
}
.link-set li {
	margin-bottom: 10px;
}
.link-set a {
	color: #000 !important;
	text-decoration: underline !important;
}
.midashi {
	font-size: 120%;
}

.contactBtnBOX{
margin-top:50px;
margin-left:10%;
margin-right:10%;
}
.contactBtnBOX h3{
margin-bottom:1em;
color:#fff;
text-align:center;
}


.contactBtn{
	display: block;
	margin: auto;
	background-color: #fff;
	text-decoration: none;
	text-align: center;
	border-radius:9999px;
	color: #000;
	margin-bottom: 40px;
	padding:2em 3%;
}
.contactBtn2{
	display: block;
	margin: auto;
	background-color: #fff;
	text-decoration: none;
	text-align: center;
	border-radius:9999px;
	color: #000;
	margin-bottom: 40px;
	padding:2em 3%;
}
.contactBtn a,
.contactBtn a:link,
.contactBtn a:visited{
text-decoration: none ;
font-weight:bold;
}


/* tikets */

.ticketsField{
/*margin-top:3vw;*/
margin-bottom:10vw;
}
	#Ticket_vol2{
		margin-bottom:0;
	}

.ticket-page {
font-size:1.4vw;
color:#333;
}

#seatArea,
#Ticket_vol1,
#Ticket_vol2{
position:relative;
}
	#seatArea h1{
		/*margin-top:3vw;*/
	}
	#Ticket_vol1 .ticketsBuy{
		/*margin-top:3vw;*/
	}
	#Ticket_vol2 .ticketsBuy{
		/*margin-top:3vw;*/
	}

.ticketsTitle01{
margin-bottom:1em;
font-size:120%;
font-weight:bold;
text-align:center;
/*
position:absolute;
top:-4vw;
left:0;
right:0;
width:100%;
margin: 0 auto;
z-index:100;
text-align:center;
*/
}
.ticketsTitle02{
margin-bottom:1em;
font-size:120%;
font-weight:bold;
text-align:center;
/*
position:absolute;
top:-5vw;
left:0;
right:0;
width:100%;
margin: 0 auto;
text-align:center;
*/
}
.ticketsTitle03{
margin-bottom:1em;
font-size:120%;
font-weight:bold;
text-align:center;
/*
position:absolute;
top:-5vw;
left:0;
right:0;
width:100%;
margin: 0 auto;
text-align:center;
*/
}

.ticketsTitle01 img,
.ticketsTitle02 img,
.ticketsTitle03 img{
max-width:800px;
}

div.seatingZone h1{
text-align:center;
}
div.seatingZone h1 img{
width:100%;
max-width:800px;

}

div.ticketsGroup h2{
font-size:90%;
padding:0.5em;
margin-bottom:0.5em;
font-weight:bolder;
color:#fff;
border-radius:10px;
}

dl.ticketsSeatingSet{
margin-bottom:1em;
font-size:87%;
}

.ticketsSeatingSet dt{
	width:69%;
	float:left;	
}
.ticketsSeatingSet dd{
	width:30%;
	float:right;
	text-align:right;	
}
	.vipAreaBox .ticketsSeatingSet dt{
		width:60%;
	}
	.vipAreaBox .ticketsSeatingSet dd{
		width:35%;
	}
.ticketsSeatingSet::after {
  	 content: "";
  	 display: block;
   	clear: both;
}
.gotoSeatingImg{
text-align:center;
margin-bottom:2em;
}
.gotoSeatingImg a,
.gotoSeatingImg a:link,
.gotoSeatingImg a:visited{
text-decoration:underline;
}
.seatingAtt{
font-size:80%;
text-align:left;
margin-top:-1em;
margin-bottom:2em;
}


.ticketsDays{
font-size:105%;
font-weight:bold;
text-align:center;
}
	.ticketsBuyA .ticketsDays{
		color:#EAA295;
	}
	.ticketsBuyB .ticketsDays{
		color:#C2C721;	
	}
	.ticketsBuyC .ticketsDays{
		color:#04ABF4;
	}


.ticketsDays span{
font-size:80%;
}
.ticketsDaysAtt{
font-size:85%;
margin-bottom:1em;

}
.ticketsBuy {
	margin-bottom:3em;
}
	.ticketsBuyA{
		padding-bottom:3em;
		border-bottom:1px solid #999;
	}

.ticketsBuy h2{
border-radius:16px;
padding:0.5em;
font-size:100%;
margin-bottom:1em;
}
	.ticketsBuyA h2 {
		border:1px solid #EAA295;	
	}
	.ticketsBuyB h2 {
		border:1px solid #C2C721;	
	}
	
	.ticketsBuyC h2 {
		border:1px solid #04ABF4;
		line-height:3;
	}

.ticketsBuy h2 span{
display:block;
float:left;
width:4em;
text-align:center;
line-height:3;
border-radius:10px;
margin-right:0.5em;
color:#fff;
font-weight:bold;
}
	.ticketsBuyA h2 span{
		background:#EAA295;
	}
	.ticketsBuyB h2 span{
		background:#C2C721;
	}
	.ticketsBuyC h2 span{
		background:#04ABF4;
		line-height:3;
	}

.ticketLevelSet{
margin-bottom:2em;
}
.ticketLevelSet h5{
text-align:center;
border-radius:10px;
padding:0.5em;
margin-bottom:0.5em;
color:#fff;
}
	.FIELDticketLevelSet h5{
		background:#EAA295;
	}
	.MAINticketLevelSet h5{
		background:#91D6EA;
	}
	.STARticketLevelSet h5{
		background:#95E2AA;
	}
	


.ticketsPriceSet,
.ticketsBoxattention,
.ticketLevelSet .ticketsSeatingSet{
margin:0 5% 1em;
}

.ticketsBoxattention dt{
font-size:80%;
}
	.ticketsBuyA .ticketsBoxattention dt{
		color:#EAA295;
	}
	.ticketsBuyB .ticketsBoxattention dt{
		color:#C2C721;
	}
	.ticketsBuyC .ticketsBoxattention dt{
		color:#04ABF4;
	}

.ticketsBoxattentionLink {
text-align:center;
margin-top:0.5em;
}
.ticketsBoxattentionLink a,
.ticketsBoxattentionLink a:link,
.ticketsBoxattentionLink a:visited{
text-decoration:underline;
}

.ticketAtt{
font-size:85%;
}

.ticketsBuy h3{
text-align:center;
font-size:80%;
font-weight:bold;
margin-top:5em;
margin-bottom:1em;
}

	.ticketsBuyA .ticket-shopLink a{
		background:#EAA295;
	}
	.ticketsBuyB .ticket-shopLink a{
		background:#C2C721;
	}
	.ticketsBuyC .ticket-shopLink a{
		background:#04ABF4;
	}
	.ticketsBuyC .ticket-shopLinkYet span{
		background:#666;
	}

.ticket-attend-first {
	margin-top: 40px;
}
.ticket-attend-last {
	margin-top: 20px;
}
.ticket-attend {
	margin-top: 20px;
	margin-left:10%;
	margin-right:10%;
	list-style-type: "※";
	list-style-position: outside;
	padding-left: 1em;
	font-size:80%;
}


.ticketsBuy .ticketLevelSet .ticketsSeatingSet{
font-size:80%;
}


.fieldArea{
background-color:#EAA295;
}
.mainArea{
background-color:#91D6EA;
}

.starArea{
background-color:#95E2AA;
}
.vipArea{
background-color:#D1D545;
}

.seatImage {
margin-bottom:2em;
}

.seatImage h1{
text-align:center;
}
.seatImage ul li{
margin-bottom:2em;
text-align:center;
}

.seatImage ul li img{
width:100%;
max-width:900px;
}

.seatImage a,
.seatImage a:link,
.seatImage a:visited{
text-decoration:underline;
font-weight:bold;
}


.ticketsBox{
font-size:1.3vw;
margin-bottom:3em;
}

.ticketsDay2 .ticketsBox{
padding-bottom:3em;
border-bottom:1px solid #999;
}


.ticketsAreaImg{
margin-top:20px;
padding:1em 5%;
border-radius:20px;
}
.ticketsAreaImgTitle{
margin-bottom:1em;
}

.ticket-shopLink2{
padding-left:10%;
}


/* tickets bg color*/
.ticketsField  .ticketsAreaImg{
background:#f79e92;
}
.ticketsVIP  .ticketsAreaImg{
background:#000;
}
.ticketsStar .ticketsAreaImg,
.ticketsStar .ticket-shopLink a{
background:#7ae5a5;
}

.ticketsMain .ticketsAreaImg,
.ticketsMain .ticket-shopLink a{
background:#7ad8ed;
}

.ticketsStar .ticketsPrice{
color:#7ae5a5;
}

.ticketsMain .ticketsPrice{
color:#7ad8ed;
}



.ticketsAreaImgFiless p{
margin-bottom:1em;
}

.ticketsAreaImgTxtAtt{
font-size:1vw;
color:#fff;
}


.ticketsBox dl{
margin:1em 10%;
}
.ticketsBox dl dt{
font-size:80%;
}
dd.ticketsPriceBOX{
text-align:center;
margin-bottom:1em;
}
.ticketsPrice{
font-size:250%;
font-weight: bold;
}
.tickets-chuki{
margin-top:0.5em;
font-size:80%;
color:#333;
}
.ticketsBox h3{
text-align:center;
font-size:80%;
margin-top:2em;
}
.ticket-shop {
	text-align: center;
	margin-top: 20px;
}
a.ticket-shop,
span.ticket-shop {
    display: block;
    width: 90%;
    margin: auto;
    line-height: 4;
    text-decoration: none;
    text-align: center;
    border-radius: 9999px;
    color: #fff !important;
    margin-bottom: 20px;
}
.ticket-shop a.double {
    line-height: 1.2;
    padding-top: 20px;
    padding-bottom: 20px;
}
.ticketsS{
font-size:90%;
}




@media only screen and (min-width: 981px) {
	.attention-page .logoteamtop {
		width: 50%;
	}
	.contact-page .logoteamtop {
		width: 50%;
	}
	.ticket-page .logoteamtop {
		width: 50%;
	}
	.link-set {
		margin: 30px 120px 0 120px;
	}

	/* 3/18追加 ここから */
	.content-inner .teams-page .logoteamtop,
	.content-inner .ticket-page .logoteamtop,
	.content-inner .contact-page .logoteamtop,
	.content-inner .attention-page .logoteamtop {
		width: 100%;
		padding-left: 10%;
		padding-right: 10%;
		box-sizing: border-box;
	}
	.content-inner .teams-page .logoteamtop img,
	.content-inner .ticket-page .logoteamtop img,
	.content-inner .contact-page .logoteamtop img,
	.content-inner .attention-page .logoteamtop img {
		width: auto;
		/*max-width: 100%;*/
		height: 80px;
	}
	/* 3/18追加 ここまで */
	
	.ticketsAreaImgFiless p:first-child {
		width:50%;
		float:left;
	}
	.ticketsAreaImgFiless p:last-child {
		width:48.2%;
		float:right;
	}
	.ticketsAreaImgFiless::after {
   content: "";
   display: block;
   clear: both;
	}
		
}
@media only screen and (max-width: 980px) {
	.contactBtnBOX{
	margin-left:20px;
margin-right:20px;
}
.ticketsBox{
font-size:3.2vw;
}

	/* 3/18追加 ここから */
	.content-inner .teams-page .logoteamtop,
	.content-inner .ticket-page .logoteamtop,
	.content-inner .contact-page .logoteamtop,
	.content-inner .attention-page .logoteamtop {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.content-inner .teams-page .logoteamtop img,
	.content-inner .ticket-page .logoteamtop img,
	.content-inner .contact-page .logoteamtop img,
	.content-inner .attention-page .logoteamtop img {
		width: auto;
		max-width: 100%;
		height: 80px;
	}
	/* 3/18追加 ここまで */
	.ticketsField{
	/*margin-top:10vw;*/
	margin-bottom:20vw;
	}

	
	.ticket-page {
	font-size:3.5vw;
	}
	.ticketsTitle01{
	top:-16vw;
	}
	.ticketsTitle02{
	top:-18vw;
	}
	.ticketsTitle03{
	top:-18vw;
	}
		#Ticket_vol1 .ticketsBuy{
			margin-top:3vw;
		}
		#Ticket_vol2 .ticketsBuy{
			margin-top:3vw;
		}



}