@charset "utf-8";
/*search_list*/
/* search_list -------------------------------------------*/
.search_list {
  overflow: hidden;
  clear: both;
  margin: 20px 0 0;
}
/* link */
.month {
  list-style-type: none;
  overflow: hidden;
}
.month li {
  float: left;
}
.month a {
  display: inline-block;
  border: 1px solid #D9D9D9;
  background-color: #EEEEEE;
  text-decoration: none;
  margin: 0 0 5px;
  padding: 0 7px;
}
.month a:hover {
  background-color: #0066CC;
  color: #FFFFFF;
  border: 1px solid #0066CC;
}
hr {
  clear: both;
  background: url(../../images/init/Collar/Yellow/Line.jpg) repeat-x left top;
  border: none;
  height: 2px;
}
.date_area { /*border-left: 3px solid #FFC40F;width:2.9em;*/
  margin: 10px 0 2px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 50px;
}
.list_year, .list_month {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000;
}
.list_year {
  color: #FFF;
  line-height: 1;
  margin: 0;
  width: 50px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 0 0;
  /* yellow
background: url(../../images/performance/list/yellow_arrow_top.jpg) no-repeat -10px top #ffc40f;*/
  /* block*/
  background: url(../../images/performance/list/black_arrow_top.jpg) no-repeat -10px top #000;
}
.list_month {
  color: #f2cc01 /*#ffb900*/ ;
  font-size: 26px;
  font-weight: bold;
  margin: 0;
  line-height: 1.2;
  width: 50px;
  padding: 0 0 8px;
  /* yellow
 background: url(../../images/performance/list/yellow_arrow.jpg) no-repeat center bottom #ffc40f; */
  /* block */
  background: url(../../images/performance/list/black_arrow.jpg) no-repeat center bottom #000;
}
.list_month span {
  color: #FFFFFF;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 12px;
  margin: 0 0 0 2px;
}
/* month_search */
.month_search {
  clear: both;
  margin: 0;
  overflow: hidden;
}
.month_search dt {
  height: 13px;
  float: left;
  margin: 5px 5px 5px 0;
  text-indent: -9999px;
}
.month_search dt.tuki {
  width: 59px;
  float: left;
  margin: 5px 5px 5px 0;
  text-indent: -9999px;
  background: url(../../images/search/month.gif) no-repeat left top;
}
.month_search dt.kouen_tuki {
  width: 85px;
  float: left;
  margin: 5px 5px 5px 0;
  text-indent: -9999px;
  background: url(../../images/performance/kouen_tuki.gif) no-repeat left top;
}
.month_search dt.sale_tuki {
  width: 85px;
  float: left;
  margin: 5px 5px 5px 0;
  text-indent: -9999px;
  background: url(../../images/performance/sale_tuki.gif) no-repeat left top;
}
.month_search dd {
  margin: 0 0 0 10px;
}
.year {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #666666;
  display: inline-block;
  float: left;
  margin: 0 0 3px;
  padding: 0 3px;
}
.month {
  float: left;
}
/* performance_list */
.performance_list {
  clear: both;
  margin: 0 0 30px;
}
.artist_name {
  clear: both;
  color: #333333;
  font-size: 1.3em;
  font-weight: bold;
  padding: 2px 10px 0 15px;
  background-color: #FFEFBF;
  word-wrap: break-word; /* 文字数制限がないので英数字折り返しを記述 */
}
.list_new {
  margin: 25px 0 0;
}
.event_name {
  border-bottom: 1px dotted #CCC;
  line-height: 1.5;
  padding: 4px 10px 4px 15px;
  word-wrap: break-word; /* 文字数制限がないので英数字折り返しを記述 */
}
.event_name a {}
.event_name a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.performance_date {
  overflow: hidden;
  color: #444;
}
.performance_date ul {
  list-style-type: none;
  overflow: hidden;
  padding: 5px 0;
  border-bottom: 1px solid #DDD;
  clear: both;
  height: 2em;
}
.date {
  width: 136px;
  float: left;
  margin: 0 0 0 15px;
}
.hall_name {
  float: left;
}
.artist_name .icon_new {
  float: left;
  margin: 0 5px 0 0;
  position: relative;
  text-indent: -9999px;
}
.artist_name .new {
  background: url("../../images/performance/list/new.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 39px;
  left: -28px;
  position: absolute;
  top: -29px;
  width: 39px;
}
.status_icon {
  float: right;
  margin-right: 3px;
  padding-right: 3px;
}
.status_icon span{
  display: inline-block;
  width: 64px;
  height: 20px;
  text-align: center;
  vertical-align: top;
}
/*英字*/
.sold_out {
  padding-top: 1px;
  background-color: #00AB2A;
  font-family: arial;
  font-size: 0.8em;
  color: #FFFFFF;
}
/*日本語*/
.soon, .sale {
  font-size: 0.95em;
  color: #FFFFFF;
}
.soon {background-color: #4fb3dd /*#FF6600*/ ;}
.sale {background-color: #ef4a4a;}

/*20200410 延期・中止・見送りアイコン*/
.icon_postpone{
  color: #666666;
  background-color: #fed555;
}
.icon_discont{
  color: #FFFFFF;
  background-color: #a90000;
}
.icon_sendoff{
  color: #a90000;
  background-color: #FFFFFF;
  border: 1px solid #a90000;
}




.more {
  float: right;
  margin: 0 6px 0 0;
}
.more a {
  text-decoration: none;
  background-color: #EEE;
  border: 1px solid #D9D9D9;
  padding: 3px 5px;
}
.more a:hover {
  background-color: #0066CC;
  border: 1px solid #0066CC;
  color: #FFFFFF;
}