@charset "UTF-8";

/****************************************************************************
プログラム*/

#contentIn{padding: 20px;}

.prgMain{width: 98%; margin: 0 auto; padding: 0 0 10px 0;}

#switchVenue ul{width: 920px; margin: 0 auto;}
.en #switchVenue ul{width: 612px; }
#switchVenue li{float: left; width: 180px; margin: 0 6px;}
.en #switchVenue li{margin: 0 12px;}
#switchVenue li.extra{width: 160px;}
#switchVenue a{display: block; width: 100%; height: 50px; background: url("../jp/program/images/bg_btn01.gif") no-repeat; color: #FFF; text-decoration: none; text-align: center; line-height: 50px; font-size: 2em; font-weight: 700; font-family: 'Roboto Condensed', "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; }
#switchVenue li.extra a{height: 40px; margin: 5px 0 0 0; background: #000; font-size: 1.6em; line-height: 40px; }
#switchVenue a.tooltip{filter:alpha(opacity=10); -moz-opacity: 0.1; opacity: 0.1; cursor: default;}
#switchVenue a.current,
#switchVenue a:hover{color: #f6ea5a;}
#switchVenue a.tooltip:hover{color: #FFF;}

#switchVenue li.extra a span.ja{font-size: 0.9em;}

h5.venue{margin: 0.5em 0 0 0; text-align: center; font-size: 2em; font-weight: 700; font-family: 'Roboto Condensed', "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; line-height: 1.61;}
h5.venue.eng{font-size: 2.4em; line-height: 1.25;}

h5.subttl{width: 100%; padding: 0 0 0 0; background-color: #000;}
h5.subttl .date{display: block; float: left; min-width: 100px; width: 165px; margin: 0 20px 0 0; padding: 17px 0 8px 15px; background: #E60012;}
.plaza h5.subttl .date{ width: 175px; }
h5.subttl .theme{float: left; padding: 17px 0 0 0;}
h5.subttl .theme.multi{padding-bottom: 10px;}
h5.subttl .time{float: right; padding: 23px 15px 0 0;}

.slideBlock{position: relative; z-index: 10; float: right; width: 260px; overflow: hidden; margin: 20px 2% 10px 20px;}

.artistsList{margin: 0 2%; padding: 5px 0 0 0; font-size: 2em; font-weight: 700; line-height: 1.5; vertical-align: middle;
 font-family: 'Roboto Condensed', "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; }
.eng{font-size: 1.1em; line-height: 1.25;}
.en .artistsList{font-size: 2.2em;}

.artistsList li{position: relative; margin: 8px 0 1em 2.8em; padding: 0 0 0 28px; background: url("../jp/program/images/bullet.gif") 0 6px no-repeat;}
.artistsList li.andmore{padding: 0 0 0 3px; background: none;}
.artistsList li span.block1{display: block;}
.artistsList li span.time{position: absolute; left: -4em; top: -1px; font-size: 1.1em;}
.artistsList li span.time.eng{top: 0px; }

.member{margin: 0.3em 0; font-size: 0.7em; font-weight: 500; font-family: 'Roboto Condensed', "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", "メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

.club .member{margin: -0.8em 0 0 7.2em; font-size: 1.4em !important; line-height: 1.5; }
.en .club .member{margin: -1em 0 0 7.7em;}

.attention1{margin: 0.3em 0 1em 0; padding: 0.6em; overflow: hidden; border: 3px double #000; background: #E5E5E5; font-size: 0.65em; font-weight: normal; font-family: 'メイリオ', Meiryo, "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

.attention2{margin: 0.3em 0 1em 0; padding: 0.6em; overflow: hidden; border: 3px double #E60012; background: #fce5e7; font-size: 0.65em; font-weight: normal; font-family: 'メイリオ', Meiryo, "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;}

.artistsList .off{display: none;}
.moreinfo{overflow: hidden;  margin: 3px 0 12px 0; padding: 0 0 0 0; }
.moreinfo p.more{position: relative; z-index: 10; width: 100px; height: 20px; overflow: hidden; margin: 0 0 0 0; padding: 0 5px;  border: 1px solid #000; border-bottom: 3px double #FFF;background: #000; color: #FFF; font-size: 0.8em; cursor: pointer; line-height: 1.25;}
.moreinfo p.more:hover{color: #F6E859;}
.moreinfo p.info{display: none; position: relative; top: -24px; margin: 0 0 -24px 0; padding: 29px 9px 9px 9px; border: 1px solid #000; background: #F6E859; font-size: 0.7em; font-weight: normal; font-family: "メイリオ", Meiryo, "Lucida Grande", Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.61;}

.opened p.more{border: 1px solid #000;border-bottom: 3px double #F6E859; }

.club .moreinfo{margin: 10px 0; padding: 0 0 0 102px; }
.club .moreinfo p.more{font-size: 1.4em;  font-family: 'Roboto Condensed', "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; font-weight: 700;}
.club .moreinfo p.info{font-size: 1.4em; }
.club .moreinfo p.info strong{display: block; margin: 0.5em 0 0.25em 0;}

p.clubOpen{margin: 20px 300px -12px 1.5%; padding: 5px 0 0 0; border-top: 1px dotted #B2B2B2; font-size: 1.8em;  font-family: 'Roboto Condensed', "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; line-height: 1.61;}

.plaza h6.subTheme{overflow: hidden; margin: 20px 5px -5px 5px; padding: 2px 0 0 6px; background: #E2E2E2; font-size: 2em;  font-family: 'Roboto Condensed', "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; line-height: 1.25;}

/*サーキット*/
#program section.circuit div.circuitPicBlock{float: right; width: 260px; margin: 0 0 0 10px; text-align: center;}
#program div.circuitPicBlock img.tate{max-width: 180px;}
#program div.circuitPicBlock img{width: 100%; height: auto;}
#program div.circuitPicBlock figcaption{margin: 3px 0 10px 0; font-size: 1.2em;}

#program section.circuit div.circuitBilling{padding: 10px 15px 0 15px;}
#program section.circuit div.circuitBilling p{float: left; margin: 0 20px 10px 0; padding: 0 0 0 28px; background: url("../jp/program/images/bullet.gif") 0 6px no-repeat; font-size: 2em; font-weight: 700; font-family: 'Roboto Condensed', "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; line-height: 1.61;}

#program section.circuit dl.lv1{float: left; width: 610px; overflow: hidden; margin: 0 15px; border-top: 1px solid #B2B2B2; background: url("../images/bg_items.gif") -65px 0 repeat-y;}
#program section.circuit dt.lv1,
#program section.circuit dd.lv1{position: relative; font-size: 1.4em; line-height: 1.5;}
#program section.circuit dt.lv1{float: left; width: 95px; margin: 0 0 0 0; padding: 10px 0 10px 10px; }
#program section.circuit dd.lv1{margin: 0 0 0 0; padding: 10px 10px 10px 120px; border-bottom: 1px solid #B2B2B2;}

#program section.circuit dd.lv1 h6{margin: 0 0 0.3em 0; padding: 3px 10px; background: #E2E2E2; font-size: 1em; font-weight: bold;}
#program section.circuit dd.lv1 dt{float: left; width: 5em; }
#program section.circuit dd.lv1 dd{margin: 0 0 0 5em;}

#program section.circuit dd.lv1 dt.extra1{width: 5.5em; padding: 0 0 0 10px;}
#program section.circuit dd.lv1 dd.extra1{margin: 0 0 0.3em 6.5em;}

#program section.circuit dd.lv1 dt.extra2{width: 22em; padding: 0 0 0 10px;}
#program section.circuit dd.lv1 dd.extra2{margin: 0 0 0.3em 22em;}

#program p.url{margin: 0 0 15px 0; line-height: 1.61;}
#program p.url a{position: relative; display: block; width: 10em; padding: 3px 0 1px 10px; border: 3px double #FFF; background: #000; color: #FFF; text-decoration: none; line-height: 1.25; cursor: pointer !important;}

.lv2{background: #FFF; }
dt.lv2{padding: 18px 12px 0 12px; font-size: 1.8em; font-weight: bold; line-height: 1.61;}
dd.lv2{padding: 12px 12px 0 12px; font-size: 1.4em; line-height: 1.61;}

dd.lv2 dl{margin: 12px 0 0 0; padding: 0.5em 0 0 0; border-top: 1px solid #B2B2B2;}
dt.lv3{float: left; width: 9em;}
dd.lv3{margin: 0 0 0.5em 0; padding: 0 0 0.5em 9em; border-bottom: 1px solid #B2B2B2;}
dd.lv2 p.note02{margin: 12px 0 0 0;}

/*キャンペーン*/
#program section.campaign div.campaignPicBlock{float: right; width: 150px; margin: 0 15px 0 10px; text-align: center;}
#program div.campaignPicBlock figure{margin: 15px 0 0 0;}
#program div.campaignPicBlock img{width: 100%; height: auto;}
#program div.campaignPicBlock figcaption{margin: 3px 0 10px 0; font-size: 1.2em;}

#program section.campaign div.campaignBilling{padding: 10px 15px 0 15px;}
#program section.campaign div.campaignBilling p{float: left; margin: 0 20px 10px 0; padding: 0 0 0 28px; background: url("../jp/program/images/bullet.gif") 0 6px no-repeat; font-size: 2em; font-weight: 700; font-family: 'Roboto Condensed', "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", 'HGPｺﾞｼｯｸE','HGP創英角ｺﾞｼｯｸUB',"メイリオ", Meiryo,Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; line-height: 1.61;}

#program section.campaign dl.lv1{float: left; width: 700px; overflow: hidden; margin: 15px 15px 0 15px; border-top: 1px solid #B2B2B2; background: url("../images/bg_items.gif") -65px 0 repeat-y;}
#program section.campaign dt.lv1,
#program section.campaign dd.lv1{position: relative; font-size: 1.4em; line-height: 1.5;}
#program section.campaign dt.lv1{float: left; width: 95px; margin: 0 0 0 0; padding: 10px 0 10px 10px; }
#program section.campaign dd.lv1{margin: 0 0 0 0; padding: 10px 10px 10px 120px; border-bottom: 1px solid #B2B2B2;}

#program section.campaign dd.lv1 h6{padding: 3px 10px; background: #E2E2E2; font-size: 1em; font-weight: bold;}
#program section.campaign dd.lv1 dl{margin: 15px 0 0 0;}
#program section.campaign dd.lv1 dt{float: left; width: 8em;}
#program section.campaign dd.lv1 dd{margin: 0 0 0 5em;}


/*セットリスト*/
.artistsList .slideBlock{list-style-type: none !important; margin: 6px 0 20px 20px; padding: 0; }
.artistsList .slideBlock li{list-style-type: none !important; position: relative; margin: 0; padding: 0; background: none;}

.artistsList p.billing{position: relative;}

.artistsList .setlist{list-style-type: decimal !important; margin: 21px 0; padding: 0 0 0 3px; border-left: 2px solid #000; font-size: 0.69em; font-weight: normal; line-height: 1.5; vertical-align: middle; font-family: "メイリオ", Meiryo, "Lucida Grande", Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.artistsList .setlist li{list-style-type: decimal !important; position: relative; margin: 0 0 0 3.2em; padding: 3px 0 3px 9px; border-left: 1px solid #000; background: none;}

/****************************************************************************
screens bigger than 100 */
@media only screen and (min-width:100px) {
	.moreinfo p.more:after{display: block; position: absolute; top: 50%; right: 5px; width: 5px; height: 5px; margin-top: -5px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: "";}
	
	.opened p.more:after{margin-top: -2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	
	#program p.url a:after{display: block; position: absolute; top: 50%; right: 5px; width: 5px; height: 5px; margin-top: -3px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "";}
}


/****************************************************************************
screens smaller than 990 */
@media only screen and (max-width:990px) {
	#switchVenue ul{width: auto; text-align: center;}
	.en #switchVenue ul{width: auto; text-align: center; }
	#switchVenue li{float: none; display: inline-block; width: 180px; margin: 0 5px 10px 5px;}
	.en #switchVenue li{margin: 0 5px 10px 5px;}
	
	#program section.circuit div.circuitPicBlock{width: 26%; margin: 0 0 0 2%;}
	#program section.circuit dl.lv1{width: 72%; margin: 0 0; }
	
	#program section.campaign div.campaignPicBlock{width: 26%; margin: 0 0 0 2%;}
	#program section.campaign div.campaignPicBlock img{max-width: 150px;}
	#program section.campaign dl.lv1{width: 72%; margin: 15px 0 0 0; }
}


/****************************************************************************
screens smaller than 860 */
@media only screen and (max-width:860px) {
	#program section.circuit dd.lv1 dl{padding: 0 0 12px 0;}
	#program section.circuit dd.lv1 dt.extra1{float: none; width: auto; margin-top: 12px;}
	#program section.circuit dd.lv1 dd.extra1{margin: 0 0 0 10px;}
	
	#program section.circuit dd.lv1 dt.extra2{float: none; width: auto; }
	#program section.circuit dd.lv1 dd.extra2{margin: 0 0 9px 10px;}

}


/****************************************************************************
screens smaller than 760 */
@media only screen and (max-width:760px) {
	.slideBlock{float: none; width: 260px; margin: 20px auto 5px auto !important;}
	.artistsList{margin: 0 2%; padding: 0 0 0 0; font-size: 2em;}
	.artistsList .slideBlock{left: -30px; }
	.prgMain{width: 100%; }
	.artistsList{margin: 0 1%; }
	.artistsList>li{margin: 8px 0 0 0; padding: 0 0 5px 3.5em; border-bottom: 1px dotted #B2B2B2; background: none; text-align: left;}
	.plaza .artistsList li{border-bottom: none; }
	.artistsList li span.time{position: absolute; left: 0.2em; top: -2px; }
	.artistsList li span.time.eng{top: 0px; }
	.hall .artistsList li span.time{left: -3em; }
	p.clubOpen{margin: 0px 1.5% -12px 1.5%;  border-top: none; }
	
	.club h5.subttl .date{width: 15%; margin: 0 2% 0 0; padding: 17px 0 8px 2%; }
	.club h5.subttl .theme img{width: 70%;}
	#prgClub0906 h5.subttl .theme img{max-width: 460px;}
	#prgClub0907 h5.subttl .theme img{max-width: 309px;}
	#prgClub0908 h5.subttl .theme img{max-width: 243px;}
	
	.circuit h5.subttl .date{width: 15%; margin: 0 2% 0 0; padding: 17px 2% 8px 2%; }
	
	
	.club .moreinfo{margin: 10px 1% 0 0; padding: 0 0 0 78px; }
	
	.plaza h6.subTheme{margin: 20px 5px 0 5px;}
}


/****************************************************************************
screens smaller than 720 */
@media only screen and (max-width:720px) {
	h5.subttl .date{height: 50px;}
	.plaza h5.subttl .date,
	.club h5.subttl .date,
	.circuit h5.subttl .date{height: auto; }
	
	h5.subttl .theme{float: none; display: block;}
	h5.subttl .time{float: left; display: block; padding: 10px 15px 0 0;}
	
	.club .member{margin: 8px 0 0 5.5em; }
	
	.circuit h5.subttl .theme img{width: 70%;}
	#circuit0818 h5.subttl .theme img{max-width: 415px;}
	
	.campaign h5.subttl{padding: 10px 0 0 0;}
	.campaign h5.subttl .date{float: none; width: 100%; height: auto; margin: 0 0 0 0; padding: 4px 0 3px 0; text-align: center;}
	.campaign h5.subttl .theme{margin: 0 0 0 0; padding: 10px; text-align: center;}
	.campaign h5.subttl .theme img{width: 100%; max-width: 451px;}
	
	#program section.campaign div.campaignPicBlock{float: none; width: 100%; margin: 15px 0 0 0;}
	#program section.campaign div.campaignPicBlock figure{width: 40%; display: inline-block; margin: 0 10px;}
	#program section.campaign dl.lv1{float: none; width: 100%; margin: 15px 0 0 0; }
	
}


/****************************************************************************
screens smaller than 700 */
@media only screen and (max-width:700px) {
	#switchVenue li{width: 30%; margin: 0 1%;}
	#switchVenue a{width: 100%; border: 3px double #FFF; background: #000;}
	
	#program section.circuit div.circuitPicBlock{float: none; width: 100%; margin: 15px 0 0 0;}
	#program section.circuit div.circuitPicBlock figure{width: 40%; display: inline-block; margin: 0 10px;}
	#program section.circuit dl.lv1{float: none; width: 100%; margin: 0 0px; }
}


/****************************************************************************
screens smaller than 520 */
@media only screen and (max-width:520px) {
	h5.subttl{padding: 10px 0 0 0;}
	h5.subttl .date{float: none; width: 100%; height: auto; margin: 0 0 0 0; padding: 4px 0 3px 0; text-align: center;}
	.plaza h5.subttl .date{width: 100%; }
	.circuit h5.subttl .date{width: 100%; padding: 4px 0 3px 0; }
	h5.subttl .theme{margin: 0 0 0 0; padding: 10px 0 0 0; text-align: center;}
	h5.subttl .time{float: none; padding: 5px 0 0 0; text-align: center;}
	
	.club h5.subttl .date{width: 100%; margin: 0 0 0 0; padding: 4px 0 3px 0;}
	.plaza h5.subttl .theme,
	.club h5.subttl .theme,
	.circuit h5.subttl .theme{padding-bottom: 5px;}
	.club h5.subttl .theme img,
	.circuit h5.subttl .theme img{width: 94%;}
	#prgClub0906 h5.subttl .theme img{max-width: 460px;}
	#prgClub0907 h5.subttl .theme img{max-width: 309px;}
	#prgClub0908 h5.subttl .theme img{max-width: 243px;}
	
	.plaza h6.subTheme{margin: 10px 0 0 0; }
	
	.attention1,
	.attention2{font-size: 0.80em;}

}



/****************************************************************************
screens smaller than 460 */
@media only screen and (max-width:460px) {
	#switchVenue li{float: none; width: 80%; margin: 8px 10px 0 10px;}
	#switchVenue li.extra{width: 80%; }
	#switchVenue a{height: 36px; font-size: 1.8em;  line-height: 36px; }
	#switchVenue li.extra a{height: 36px;  line-height: 36px; }
	.artistsList{font-size: 1.8em;}
	.artistsList .setlist{font-size: 0.75em; }
	
	.club .member{margin: 10px 1%; padding: 0 0 0 0px;  }
	.club .moreinfo{margin: 10px 1%; padding: 0 0 0 0px; }
}


/****************************************************************************
screens smaller than 420 */
@media only screen and (max-width:420px) {
	#program section.campaign dl.lv1{margin: 15px 0 0 0; background: none;}
	#program section.campaign dt.lv1{float: none; width: 96%; padding: 2%; background: url("../images/bg_items.gif") 0 0 repeat-x;}
	#program section.campaign dd.lv1{margin: 0 0 0 0; padding: 5px 2%; border-bottom: 1px solid #B2B2B2;}
	
	dt.lv3{float: none; font-weight: bold;}
	dd.lv3{padding: 0 0 0.5em 0; }
}



/****************************************************************************
screens smaller than 340 */
@media only screen and (max-width:340px) {
	.artistsList{font-size: 1.6em; }
	.artistsList li{margin: 8px 0 0 5px; padding: 0 0 5px 0; }
	.artistsList .slideBlock{left: -2px; }
	.artistsList li span.time{display: block; position: relative; left: 0em; top: 0px; }
	.hall .artistsList li span.time{left: 0em; }
	.artistsList li span.time:before{content:'●'}
	
	.moreinfo p.more{font-size: 0.9em; }
	.moreinfo p.info{font-size: 0.9em;}
	
	#program section.circuit dl.lv1{background: none;}
	#program section.circuit dt.lv1{float: none; width: 96%; padding: 2%; background: url("../images/bg_items.gif") 0 0 repeat-x;}
	#program section.circuit dd.lv1{margin: 0 0 0 0; padding: 5px 2%; border-bottom: 1px solid #B2B2B2;}
	

}