@charset "UTF-8";
/* CSS Document */

.cal{ color: #333333;}
.cal article{ margin-top:1.5em;}
.cal a{ 
	display: block; text-decoration: none; color: #333333; padding: 0.5em 0.5em; 
	background: #FFFFFF;  border-radius: 2px;
	border-left:solid 7px #333333; padding-left: 0.7em;}
.cal a *{ margin:0; padding: 0;}
.cal .date{ border-bottom:dotted 1px #333333; font-weight: bold;}
.cal .place{ margin-top:0.5em;}
.cal .title{ font-weight:bold; font-size: 122%;}
.cal a[href=""]{ cursor:default;}
.cal a:not([href=""]) .title{ text-decoration:underline;}

.cal a[data-category="実行委員会ライブ"] { border-color:#5F4823; background:#FFFFFF url(../img/icon-premium.png) no-repeat right top;}
.cal a[data-category="サテライトステージ"] { border-color:#AB7B2E; background:#FFFFFF url(../img/icon-satelite.png) no-repeat right top;}
.cal a[data-category="サポートステージ"] { border-color:#326C48; background:#FFFFFF url(../img/icon-support.png) no-repeat right top;}
.cal a[data-category="連携ライブ"] { border-color:#A93155; background:#FFFFFF url(../img/icon-renkei.png) no-repeat right top; }
.cal a[data-category="ライブハウス"] { border-color:#612792;  background:#FFFFFF url(../img/icon-house.png) no-repeat right top;}

.cal a.cancelitem{ display: block; position: relative; pointer-events: none;}
.cal a.cancelitem::after{ display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); content: "ライブ中止"; color: #FFFFFF; font-weight: bold; font-size:128%; justify-content: center; align-items: center; }


.btn-premium{ background-color:#5F4823;}
.btn-satelite{ background-color:#AB7B2E;}
.btn-support{ background-color:#326C48;}
.btn-house{ background-color:#612792;}
.btn-renkei{ background-color:#A93155;}

.schedule a[href^="premium"]{ background:url(img/icon-premium.png) no-repeat left center; padding-left:100px;}
.schedule a[href^="satellite"]{ background:url(img/icon-satelite.png) no-repeat left center; padding-left:100px;}
.schedule a[href^="support"]{ background:url(img/icon-support.png) no-repeat left center; padding-left:100px;}
.schedule a[href^="house"]{ background:url(img/icon-house.png) no-repeat left center; padding-left:100px;}
.schedule a[href^="renkei"]{ background:url(img/icon-renkei.png) no-repeat left center; padding-left:100px;}

.program .table th{ width:150px; white-space:normal;}


.program article h1{ background:#00aa71; padding: 0.5em 1.0em; line-height: 1.5; font-weight: bold;}

.table th.sat{ background-color:#000050;}
.table th.sun{ background-color:#500000;}

.cancel{ background:#660000; color: #FFFFFF; font-weight: bold; text-align: center;}
.block-cancel{ display: block; position:relative; pointer-events: none;}
.block-cancel::after{ display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); content: "ライブ中止"; color: #FFFFFF; font-weight: bold; font-size:150%; justify-content: center; align-items: center; }


/* list local navi */
.listNavi{}
.listNavi a{ display:block; margin: 1.0em 0 0 0; text-align: center; color:#1D50A2; padding: 0.5em 0; border: solid 1px #1D50A2; text-decoration: none; position: relative;}
.listNavi a.active{ background:#1D50A2; color: #FFFFFF;}
.listNavi a.active::after{ display: block; content:'▲'; font-size:50%; position: absolute; left: 0; bottom: -2px; color: #FFFFFF; line-height: 1.0; width: 100%; text-align: center;}

.table-time{}
.table-time caption{ font-size:100%; background: rgba(255,255,255,0.2); padding: 0.5em 1.0em;}
.table-time th,.table-time td{ padding:0 1.0em; border-bottom: dotted 1px #666666;}