@charset utf-8;

/* --------------------------------------------------------------------------------
Font Size

08px = 63%          14px = 108%            20px = 153.9%       
09px = 70%          15px = 116%            21px = 161.6%
10px = 77%          16px = 123.1%          22px = 167%
11px = 85%          17px = 131%            23px = 174%
12px = 93%          18px = 138.5%          24px = 182%
13px = 100%         19px = 146.5%          25px = 189%
-------------------------------------------------------------------------------- */

/* top BOX */
.artistHead{ padding: 1rem; background-color: #fff; border-bottom: 1px solid #e7e7e7; }
.artistHead .artistlist li{ font-size: 1.6rem; font-weight: bold; }
.artistlist{ overflow: hidden; }
.artistlist li{ float: left; font-size: 1.4rem; font-weight: normal; }
.artistlist li::after{ content: "／"; color: #888; }
.artistlist li:last-child::after{ content: ""; }
.artistlist li a{ text-decoration: underline; color: #333; }

div.topBox { margin-bottom:15px; padding:0; border-top:none; border-bottom:1px solid #BBB; background:none; }
div.topBox .eventData { padding:9px 10px 9px 25px; border-top:1px solid #999; background:#FFF url(../../img/themes/cursor_L.png) no-repeat 0 50%; background-size:15px 16px; }
div.topBox .eventData h5 { left:25px; }
div.topBox address, div.topBox p { font-size: 1.3rem; }
div.topBox address { clear:none; margin-left:60px; padding-top:10px; }
div.topBox ul.ccBtn { text-align:center; background-image:none; background-color:#FFFFFA;}
div.topBox ul.ccBtn li { float:none; margin:0 auto; }
div.topBox div.tour h3 { color:#96C; }
div.topBox div.tour h5 { background:#96C; }
/* top BOX */

/* live BOX */
div.liveBox { background-color: #fff; padding: 1.5rem 1rem; }
div.liveBox .ttlH1 {  padding: 0; margin: 0 0 1rem; }
div.liveBox .ttlH1 a { color: #333; text-decoration:none; }
div.liveBox .thumb{ display: block; width: 125px;height: auto;float: right;margin-bottom: 1rem;margin-left: 1rem; }
div.liveBox address{ font-size: 1.2rem; color: #333; }
div.liveBox.awardRank { position:relative; }
div.liveBox.awardRank .eventData .awardRankImg { position: absolute; left: 1rem; bottom: 1rem; }
div.liveBox ul.attribute li a { text-decoration: underline; }
/* live BOX */

/* js-accordion-btn */
.js-accordion-btn{ position: relative; border-top: 1px solid #e7e7e7; margin-bottom: 0; }
.js-accordion-btn::after{ content: ""; display: inline-block; width: 8px; height: 8px;border-bottom: 3px solid #ccc;border-right: 3px solid #ccc;-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute; right: 1rem; top: 50%; margin-top: -8px; }
.js-accordion{ display: none; padding: 2rem 1rem; background-color: #fff; border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; }
.js-accordion .ttl{ font-size: 1.2rem; margin-bottom: 1rem; color: #888; }
.js-accordion .artistlist { padding: 0 1rem; }
.js-accordion .artistlist li { line-height:1.5; }

/* schedule */
.schedule{ margin-bottom: 2rem; }
.schedule .ttlH2{ overflow: hidden; }
.schedule .ttlH2 .num{ float: right; }
.scheduleBox{ position: relative; background-color: #fff; border-top: 1px solid #e7e7e7; }
.scheduleBox.last{ border-bottom: 1px solid #e7e7e7; }
.scheduleBox a{ display: block; padding: 1rem;  }
.scheduleBox .date{ display: inline-block; margin-left: 1rem; font-size: 1.5rem; font-weight: bold; }
.scheduleBox .date span{ margin-left: 1rem; font-size: 1.2rem; font-weight: normal; }
.scheduleBox .area { display: inline-block; width: 7em; background-color: rgba(0, 0, 0, 0.1); margin: 4px 0; font-size: 1.2rem; text-align: center; }
.scheduleBox .foot .iconOnline { display: inline-block; background: #e91e62; text-align: center; color: white; padding: 2px 5px; font-weight: bold; border-radius: 5px; line-height: normal; font-size: 10px; margin: 0 5px 0 0; }
.scheduleBox .foot { position: relative; }
.scheduleBox .label { left: 0; top: 2px; display: inline-block; width: 7em; border-radius: 4px; padding: 0; line-height: 2rem; font-size: 1.2rem; text-align: center; color: #fff; }
.scheduleBox .label.pia { background-color: #1867bf; }
.scheduleBox .label.setlist { background: #FFA600; }
.scheduleBox .artistname { margin: .5rem 0; font-weight: normal; font-size: 1.4rem; }
.scheduleBox .subtxt { margin: .5rem 0; padding-right: 40px; }
.scheduleBox .datanum { margin-top: .5rem; display: inline-block; }
.scheduleBox .datanum li { align-self: center; vertical-align: middle; }
.scheduleBox .btn-blue-menu { position: absolute; right: .5rem; bottom: 1rem; }
.scheduleBox .foot{ padding-right: 40px; }


/* typeBox */
.button-edit{ margin-bottom: 0; }

/* reviewSection reviewBox */
#reviewSection{}
#reviewSection > .starRating{ font-size: 2.8rem; margin: 0; padding: 1rem; background-color: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
#reviewSection > .starRating > span{ padding-left: 146px; font-size: 2.4rem; }
#reviewSection > .starRating:before, #reviewSection > .starRating:after{ margin-top: -13px; top: 50%; left: 8px; }


#commu{ margin-bottom: 4rem; }

.eventData p.viewMore { margin-top:15px; padding:10px 0; line-height:1.25; text-align:center; border-top:1px dashed #BBB; border-bottom:1px dashed #BBB; }
.eventData p.viewMore + p { display:none; }

##content > h2 { margin-bottom:0; border-bottom:none; }
#content > h3 a { margin-top:2px;  float:right; }

table.tblList { width:100%; }
table.tblList th { padding:5px; font-weight:bold; color:#FFF; text-align:center; }
table.tblList thead th { background:#595858; }
table.tblList thead th + th { border-left:1px solid #FFF; }
table.tblList thead th span { display:block; width:100px; }
table.tblList td { padding:5px; width:auto; background:#FFF; border-bottom:1px solid #BBB; }
table.tblList td span { display:block; word-wrap: break-word; width:100px; }
table.tblList td + td { border-left:1px dashed #BBB; }
table.tblList tr > td:first-child { font-size: 1.1rem; line-height:1.5; text-align:center; background:#F6F6F6; }
table.tblList tr:last-child td { border-bottom:none; }
table.tblList td .eventData { min-height: 0px; margin:-5px -5px 0; padding:9px; width:auto; background-image:none; }
table.tblList td .eventData a { display:inline; width:auto; float:none; text-decoration:underline; }
table.tblList td .eventData h3 { margin:0; font-size:13px; font-size: 1.3rem; }
table.tblList td .eventData address, table.tblList td .eventData p { padding-top:10px; font-size:13px; font-size: 1.3rem; padding-left: 0px;}
table.tblList td ul.ccBtn { margin:0 -5px -5px; }
table.tblList td ul.icons { padding-left: 0px; }

table.tblList td ul.ccBtn li a { width:80px; }
table.tblList td ul.ccBtn li span.btnClip a { width:80px; }
table.tblList td ul.ccBtn li span.btnCliped a { width:80px; }



table.tblList td .eventData.fes h3 a { color:#9C0; }
table.tblList td .eventData.tour address a { color:#96C; }
#content.child .column2{ display: table; width: 100%; margin-top: -3rem; }
#content.child .column2 li{ display: table-cell; width: 50%; padding: 0 1rem; vertical-align: bottom; }
#content.child .column2 li.button{ text-align: right; }
#content.child .column2 li.count{ font-size: 1.4rem; color: #333; }
div.sortBlock{ margin: 1rem; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: center;-ms-flex-align: center;align-items: center; }
div.sortBlock select{ float: none; }
div.sortBlock .num{ font-size: 1.2rem;}
div.sortBlock p.sortSelect { margin:0; font-size:1.2rem; line-height:32px; text-align:center; color:#9c0; float:right; }
div.sortBlock p.sortSelect a { color:#444; text-decoration:underline; }