@charset "UTF-8";

/****************************************************************************
チケット*/
#contentIn{padding: 20px;}
p.kokuchi01{width: 98%; margin: 0 auto 20px auto; padding: 10px 0; border: 3px double #FFF; background: #e60012; color: #FFFFFF; font-size: 2em; font-weight: bold; text-align: center; text-decoration: none; line-height: 1.61;}
p.kokuchi01 a{display: block; width: 98%; margin: 0 auto; padding: 10px 0; border: 3px double #FFF; background: #e60012; color: #FFFFFF; font-size: 2em; font-weight: bold; text-align: center; text-decoration: none; line-height: 1.61;}
p.kokuchi01 a:hover{color: #FFFF99;}

/*イベント終了対応
p.kokuchi01{display: none;}*/

#block1a {}
.ticketBlock{margin: 20px 30px;}
.priceBlock{padding: 15px 0 0 15px; background: #000; color: #FFF;}
.priceBlock h5{float: left; width: 150px; margin: -3px 0 0 0; overflow: hidden; color: #f5e959; font-size: 1.2em; line-height: 1.3;  font-family: 'Roboto Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; }
.priceBlock h5 span.venue{display: block; font-size: 2em; font-weight: 700;}
#block1a .priceBlock h5 span.venue{margin-bottom: 7px;}
#block1a .priceBlock h5{margin-top: -2px; line-height: 1 !important;}
#block1b .priceBlock h5{margin-top: 5px;}


/*　横並び


#block1a dl.priceEach{position: relative; float: left; width: 140px; margin: 0 5px 15px 5px;}
#block1a dl.priceSSAll{width: 240px;}
#block1a dl.priceEach dt{width: 100%; height: 25px; text-align: center;}
#block1a dl.priceEach dd{width: 100%; min-height: 110px; background: #FFF; text-align: center;}
#block1a dl.priceEach dd img{margin: 8px 0 0 0;}

#block1a dl.priceEach p.soldout{margin: 9px 3px 0 3px; padding: 0 0 9px 0; color: #E60012;  font-weight: bold; font-size: 1.3em; line-height: 1.5;}
#block1a dl.priceEach p.soldout em{display: block; font-style: normal; font-size: 2.4em; font-weight: 700; font-family: 'Roboto Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; line-height: 1.15;}
*/

/*縦並び*/
#block1a .priceBlock h5{margin-top: 0px; line-height: 1 !important;}
#block1a div#priceEachOut{float: left; width: 695px; margin: 0 10px 0 0;}
#block1a dl.priceEach{position: relative; margin: 0 0 15px 0;}
#block1a dl.priceSSAll{}
#block1a dl.priceEach dt{float: left; width: 140px; padding: 8px 0 0 0; text-align: left;}
#block1a dl.priceEach dd{margin: 0 0 0 140px; padding: 6px 0 3px 10px; background: #FFF; text-align: left;}

.en #block1a dl.priceEach dt{ width: 180px;}
.en #block1a dl.priceEach dd{margin: 0 0 0 180px; }

#block1a dl.priceEach dd img{float: left; margin: 0 0 0 0; vertical-align: middle;}
#block1a dl.priceEach.priceSS dd img{margin-top: 2px;}

#block1a dl.priceEach p.soldout{margin: 0 9px 0 130px; padding: 0 0 0 0; color: #E60012;  font-weight: bold; font-size: 1.3em; line-height: 1.61;}
#block1a dl.priceEach p.soldout.en{margin-top: -4px;}
#block1a dl.priceEach p.soldout em{font-style: normal; font-size: 2em; font-weight: 700; font-family: 'Roboto Condensed', sans-serif; line-height: 1.1;}
#block1a dl.priceEach p.soldout.en span.nowrap{position: relative; top: -5px;}

.soldoutTxt{color: #E60012;}


#block1b p.priceEach{float: left; width: 690px; height: 40px; overflow: hidden; margin: 0 5px 15px 5px; background: #FFF; text-align: center;}
#block1b p.priceEach img{margin: 8px 0 0 0;}

#block1c p.priceEach{float: left; width: 690px; height: auto; overflow: hidden; margin: 0 5px 15px 5px; background: #FFF; color: #000; font-size: 1.4em; font-weight: bold; text-align: center; line-height: 40px;}
#block1c p.priceEach img{margin: 8px 12px 0 0;}



.en #block1c p.priceEach{height: auto; padding: 8px 0; font-size: 1.2em; font-weight: normal; line-height: 1.3; text-align: left;}
.en #block1c p.priceEach img{float: left; margin: 5px 15px 5px 30px;}

.soldOutClub{display: block; padding: 0 12px 5px 12px; color: #E60012; font-size: 0.94em; line-height: 1.61;  text-align: left; }
.en .soldOutClub{font-size: 1em; padding: 10px 10px 0 10px; font-weight: bold;}

.ticketBlock ul{margin: 8px 0 0 170px; padding: 0 0;}
.ticketBlock li{margin: 5px 0 0 0; padding: 0 0 0 1em; font-size: 1.2em; line-height: 1.61; text-indent: -1em;}

#block2 dl{margin: 0 20px; padding: 20px 3px 10px 35px; border-bottom: 1px dotted #B2B2B2; font-size: 1.4em; line-height: 1.5;}
#block2 dl.bttm{border: none; }
#block2 dt{float: left; width: 140px;}

#block2 dd{margin: 0 0 0.5em 140px; font-size: 1em; line-height: 1.5;}
#block2 dd.ttl{margin-top: -3px; font-weight: bold;}
#block2 dd span.subItem01{display: block; float: left; width: 9em; overflow: hidden; }/*1行*/
#block2 dd span.subItem01b{display: block; float: left; width: 9em; height: 3.5em; overflow: hidden; }/*3行*/
#block2 dd span.subItem01c{display: block; float: left; width: 9em; height: 2em; overflow: hidden; }/*2行*/
#block2 dd span.subItem01d{display: block; float: left; width: 9em; height: 5em; overflow: hidden; }/*4行*/
#block2 dd span.subItem02{display: block; float: left; width: 10em;  }/*1行*/
#block2 dd span.term{display: block; float: left; width: 7em;  }
#block2 dd span.subItem02b{display: block; float: left; width: 10em; margin: 0 0 0 9em; }

.en #block2 dd span.subItem02{width: 15em;  }
.en #block2 dd span.subItem02b{width: 15em; }

.brdr{margin-bottom: 1em !important; padding: 0 0 0.8em 0; border-bottom: 1px dotted #B2B2B2;}
#block2 strong{color: #E60012;}

#block3{width: 96% !important; margin: 20px auto 0 auto !important; padding: 10px 0; background: #DADADA !important; }
#block3 h5{float: left; width: 90px; overflow: hidden; margin: 8px 70px 0 15px; font-family: "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; font-size: 1.6em;}

#block3 dl{padding: 0 0 0 0; font-size: 1.4em; line-height: 30px; }
#block3 dt{float: left; margin: 0 20px 0 0;}
#block3 dd{margin: 0 0 0 0;}

p.enNote{margin: 20px 80px 40px 80px; padding: 10px; background: #f4e858; font-size: 1.2em; line-height: 1.61;}


/****************************************************************************
screens smaller than 990 */
@media only screen and (max-width:990px) {
	.ticketBlock{margin: 20px 30px;}
	.priceBlock{padding: 15px 0 0 15px; background: #000; color: #FFF;}
	.priceBlock h5{width: 21%; }
	
	#block1a .priceBlock h5{margin-top: 0px;}
	#block1c .priceBlock h5{margin-top: -5px;}

	/*
	#block1a dl.priceEach{position: relative; float: left; width: 24%; margin: 0 1% 15px 1%;}
	#block1a dl.priceSSAll{width: 76%; margin-left: 22%;}
	#block1a dl.priceEach dd img{margin: 8px 0 0 0;}
	*/
	
	#block1a div#priceEachOut{float: left; width: 77%; margin: 0 0 0 0;}
	
	#block1b p.priceEach{width: 76%; margin: 0 1% 15px 1%;}
	#block1c p.priceEach{width: 76%; height: auto; margin: 0 1% 15px 1%;}
	
	.ticketBlock ul{margin: 5px 0 0 15px;}
	
	#block2 dl{margin: 0 0; }
	
	p.enNote{margin: 20px 30px 40px 30px;}
}

/****************************************************************************
screens smaller than 800 */
@media only screen and (max-width:800px) {

	#block1a dl.priceEach dt{float: none; width: auto; padding: 6px 0 0 0; text-align: left;}
	#block1a dl.priceEach dd{margin: 6px 0 0 0; padding: 6px 0 3px 10px; background: #FFF; text-align: left;}
	
	.en #block1a dl.priceEach dt{ width: auto;}
	.en #block1a dl.priceEach dd{margin: 6px 0 0 0; }
	
	#block2 dl{margin: 0 10px; padding: 20px 0 10px 0;}
	#block2 dt{float: none; width: 120px;}
	#block2 dd.ttl{margin-top: -3px;}
	#block2 dd{margin: 1em 0 0.5em 20px;}
	#block3 h5{margin: 8px 0 0 15px;}
	#block3 dl{margin: 1px 0 0 105px;}
}


/****************************************************************************
screens smaller than 760 */
@media only screen and (max-width:760px) {
	.ticketBlock{margin: 20px 1%;}
	p.enNote{margin: 20px 1% ;}
}

/****************************************************************************
screens smaller than 700 */
@media only screen and (max-width:700px) {
	#block1c p.priceEach{height: auto; overflow: visible; line-height: 1.61; }
	#block1c p.priceEach img{display: block;  margin: 8px auto 0 auto;}
	
	.en #block1c p.priceEach{height: auto; padding: 8px 0; font-size: 1.2em; font-weight: normal; line-height: 1.3; text-align: center;}
	.en #block1c p.priceEach img{display: block; float: none; margin: 5px auto;}
}

/****************************************************************************
screens smaller than 680 */
@media only screen and (max-width:680px) {
	#block2 dd span.subItem01,
	#block2 dd span.subItem01c,
	#block2 dd span.subItem01b{float: none; font-weight: bold;}
	
	#block2 dd span.subItem01b{height: auto;}
	#block2 dd span.subItem01c{height: auto;}
	#block2 dd span.subItem01d{float: none; height: auto; font-weight: bold;}
	#block2 dd span.subItem02b{margin: 0 0 0 0;}
}


/****************************************************************************
screens smaller than 600 */
@media only screen and (max-width:600px) {
	.priceBlock{padding: 10px 0 0 0;}
	.priceBlock h5{float: none; width: auto; padding: 0 0 10px 0; text-align: center;}
	.priceBlock h5 span.venue{display: inline; }
	#block1b .priceBlock h5{margin-top: 0px;}
	#block1c .priceBlock h5{margin-top: 0px;}
	
	#block1a div#priceEachOut{float: none; width: 97.5%; margin: 0 1% 15px 1.25%;}
	#block1a dl.priceEach dt{float: none; width: 100%; text-align: center;}
	#block1a dl.priceEach dd{margin: 6px 0 0 0; text-align: center;}
	#block1a dl.priceEach dd img{float: none; margin: 0 0 0 0;}
	#block1a dl.priceEach p.soldout{margin: 0 9px 0 0; padding: 3px 0 0 0; }
	#block1a dl.priceEach p.soldout.en{margin-top: -3px;}
	
	#block1b p.priceEach{width: 97.5%; margin: 0 1% 15px 1.25%;}
	#block1c p.priceEach{width: 97.5%; height: auto; margin: 0 1% 15px 1.25%;}
	.ticketBlock ul{margin: 5px 10px 0 10px;}
}

/****************************************************************************
screens smaller than 500 */
@media only screen and (max-width:500px) {
	#block1a dl.priceEach p.soldout{margin: 0 9px 0 0; padding: 3px 0 0 0; }
	#block1a dl.priceEach p.soldout.en{margin-top: -3px;}
}

/****************************************************************************
screens smaller than 480 */
@media only screen and (max-width:480px) {
	#block2 dd{margin: 1em 0 0.5em 0px;}
	#block1a dl.priceEach{float: none; }
	#block1a dl.priceSSAll{}
	#block1a dl.priceEach dd{min-height: 10px;}
}

/****************************************************************************
screens smaller than 440 */
@media only screen and (max-width:440px) {
	/*p.kokuchi01 a{font-size: 1.6em;}*/
	p.kokuchi01 {font-size: 1.6em;}
	#block1a dl.priceEach dd{height: auto; padding-bottom: 5px;}
	#block1a dl.priceSS dt img{width: 90%; max-width: 48px; height: auto;}
	#block1a dl.priceS dt img{width: 90%; max-width: 33px; height: auto;}
	#block1a dl.priceA dt img{width: 90%; max-width: 33px; height: auto;}
	#block1a dl.priceSSAll dt img{width: 90%; max-width: 129px; height: auto;}
	#block1a dl.priceSS dd img{width: 90%; max-width: 86px; height: auto;}
	#block1a dl.priceS dd img{width: 90%; max-width: 86px; height: auto;}
	#block1a dl.priceA dd img{width: 90%; max-width: 86px; height: auto;}
	#block1a dl.priceSSAll dd img{width: 36%; max-width: 99px; height: auto;}
	
	.en #block1a dl.priceSS dt img{max-width: 75px; height: auto;}
	.en #block1a dl.priceS dt img{ max-width: 60px; height: auto;}
	.en #block1a dl.priceA dt img{max-width: 62px; height: auto;}
	.en #block1a dl.priceSSAll dt img{max-width: 166px; height: auto;}
	.en #block1a dl.priceSS dd img{max-width: 87px; height: auto;}
	.en #block1a dl.priceS dd img{max-width: 87px; height: auto;}
	.en #block1a dl.priceA dd img{max-width: 87px; height: auto;}
	.en #block1a dl.priceSSAll dd img{max-width: 103px; height: auto;}
	
	.ticketBlock ul{margin: 5px 0;}
	
	h5.subttl{padding: 18px 0 0 10px;}
	#block2 dl{margin: 0 5px; padding: 20px 0 10px 0;}
	#block2 dd span.term{float: none; margin: 0 0 0 0;}
	
	#block3 h5{float: none; margin-bottom: 5px;}
	#block3 dl{margin: 1px 0 0 15px; line-height: 1.61;}
}


/****************************************************************************
screens smaller than 340 */
@media only screen and (max-width:320px) {

}