@charset "utf-8";

/* =============================================================

　　個別設定（有料コンサート）

============================================================= */


/*  コンテンツ共通　設定
--------------------------------------------- */

/* -------- ページナビ -------- */

.cate-program .boxPageNav {
  padding-bottom: 10px;
}

/* -------- ナビ下説明 -------- */
div.programLead {text-align: center; margin-bottom: 20px;}

.cate-program .boxPageNav > ul {
	overflow:hidden;
	padding-bottom:20px;
}

/* -- ボタン -- */
.cate-program .boxPageNav > ul > li {
  position: relative;
  float: left;
  /* width: 320px; リンクが3つの時 (active::afterも変更あり) */ 
  width: 50%;
  height: 53px;
}

.cate-program .boxPageNav > ul > li a {
  display:block;
}

.cate-program .boxPageNav > ul > li a {
  display: block;
  padding: 10px 0;
  border: 1px solid #ccc;
  border-left: none;
  background: #f8f8f7;
  color: #310204;
  font-size: 0.95em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.5px;
  line-height: 1.3em;
}

.cate-program .boxPageNav > ul > li:first-child a {
  border-left: 1px solid #ccc;
}

.cate-program .boxPageNav > ul > li a:hover {
  background-color: #b93032;
  font-weight: normal;
  color: #fff;
font-weight: bold;
}

.cate-program .boxPageNav > ul > li a span {
  display: inline-block;
  padding: 8px 0 8px 36px;
  background-repeat: no-repeat;
  background-position: left center;
}

/* 選択中 */
.cate-program .boxPageNav > ul > li.active a {
  background-color: #b93032;
  color: #fff;
  font-weight: normal;
}

/* ボタン・カレンダー */
.cate-program .boxPageNav > ul > li .bgCalendar {
  padding-left: 40px;
  background-image: url(../img/common/pagenav-btn-bg-calendar.png);
}

.cate-program .boxPageNav > ul > li a:hover .bgCalendar,
.cate-program .boxPageNav > ul > li.active .bgCalendar {
  background-image: url(../img/common/pagenav-btn-bg-calendar-hover.png);
}

/* ボタン・カテゴリ別一覧 */
.cate-program .boxPageNav > ul > li .bgCategory {
  padding-left: 34px;
  padding-bottom: 2px;
  background-image: url(../img/common/pagenav-btn-bg-category.png);
}

.cate-program .boxPageNav > ul > li a:hover .bgCategory,
.cate-program .boxPageNav > ul > li.active .bgCategory {
  background-image: url(../img/common/pagenav-btn-bg-category-hover.png);
}

/* ボタン・アーティスト一覧 */
.cate-program .boxPageNav > ul > li .bgArtist {
  padding-left: 38px;
  background-image: url(../img/common/pagenav-btn-bg-artist.png);
}

.cate-program .boxPageNav > ul > li a:hover .bgArtist,
.cate-program .boxPageNav > ul > li.active .bgArtist {
  background-image: url(../img/common/pagenav-btn-bg-artist-hover.png);
}

/* 矢印 */
.cate-program .boxPageNav > ul > li.active:before,
.cate-program .boxPageNav > ul > li.active:after {
  position: absolute;
  left: 50%;
  bottom: -17px;
  width: 0;
  height: 0;
  margin-left: -3px;
  border-top: 8px solid #ccc;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
}

.cate-program .boxPageNav > ul > li.active:after {
  bottom: -18px;
  /* margin-left: -6px; リンクが3つの時 */ 
  margin-left: -5px;
  border-top-color: #b93032;
  border-top-width: 10px;
  border-right-width: 10px;
  border-left-width: 10px;
  border-bottom-width: 10px;
}


/*  カレンダー　設定
--------------------------------------------- */

.cate-program #calendar {
  margin-bottom: 120px;
}

/* -------- カレンダー一覧 -------- */

.boxCalendarList > ul {
  padding-top: 20px;
}

.boxCalendarList > ul > li {
  margin-bottom: 3px;
  background: #ccc;
}

.boxCalendarList dl {
  display: table;
}

.boxCalendarList dl > dt,
.boxCalendarList dl > dd,
.boxCalendarList dl > dd .txtCont,
.boxCalendarList dl > dd .txtHall {
  display: table-cell;
  vertical-align: middle;
}

.boxCalendarList dl > dt,
.boxCalendarList dl > dd {
  padding: 24px 16px;
}

.boxCalendarList dl > dt {
  width: 150px;
  padding-right: 0;
  color: #fff;
  font-size: 0.9em;
  font-weight: bold;
}

.boxCalendarList dl > dt .txtDate {
  display: block;
  font-size: 1.25em;
}

.boxCalendarList dl > dd {
  /*width: 810px;*/
 width:990px;
  margin-left: 150px;
  padding-left: 20px;
  background: #f9f9f9;
}

.boxCalendarList dl > dd .txtCont {
  /*width: 570px;*/
width:670px;
  padding-right: 15px;
  font-size: 1.1em;
  font-weight: bold;
}

.boxCalendarList dl > dd .txtCont .txtCate {
  display: block;
  /*font-size: 0.8em;*/
  line-height: 1.5em;
}

.boxCalendarList dl > dd .txtCont span.txtArtist { font-weight: normal; font-size:0.9em; display: block; margin-bottom: 0.5em;}
.boxCalendarList dl > dd .txtCont .txtPrice {
  display: block;
  font-size: 0.8em;
  line-height: 1.5em;
  font-weight:normal;
}

.boxCalendarList dl > dd .txtCont br {
  /*display: none;*/
}

.boxCalendarList dl > dd .txtCont a:hover {
  color: #3637b5;
  text-decoration: underline;
}

.boxCalendarList dl > dd .txtHall {
  width: 260px;
  padding-left: 15px;
  border-left: 1px solid #ccc;
  font-size: 0.85em;
  line-height: 1.6em;
}

/* ------ カラー設定 ------ */

/* -- レッド 新百合トウェンティワン-- */
.boxCalendarList > ul > li.boxClrRed {
  background-color: #dea49b;
}

/* -- グリーン　ラゾーナ川崎 -- */
.boxCalendarList > ul > li.boxClrGreen {
  background-color: #b6c294;
}

/* -- ブルー ミューザ川崎-- */
.boxCalendarList > ul > li.boxClrBlue {
  background-color: #95c6c6;
}

/* -- イエロー -- 川崎市産業振興会館 */
.boxCalendarList > ul > li.boxClrYellow {
  background-color: #E6C903;
}

/* -- パープル 昭和音大-- */
.boxCalendarList > ul > li.boxClrPurple {
  background-color: #92a2c0;
}

/* -- パープル カルッツかわさき-- */
.boxCalendarList > ul > li.boxClrGray {
  background-color: #ccc;
}

/* -- オレンジ クラブチッタ -- */
.boxCalendarList > ul > li.boxClrOrange {
  background-color: #f3c264;
}

/* -- エメラルドグリーン　アルテリオ小劇場 -- */
.boxCalendarList > ul > li.boxClrEgreen {
  background-color: #6fa56c;
}

/* -- スプルースグリーン　洗足学園 -- */
.boxCalendarList > ul > li.boxClrSpruce {
  background-color: #23553d;
}

/* -- ダークグレー　スーパーノバ -- */
.boxCalendarList > ul > li.boxClrDarkgray {
  background-color: #3A3A3A;
}


/*  会場別一覧　設定
--------------------------------------------- */
.FeatureSP {
	display:none;
}

.boxCategoryList > ul {
  padding-top: 20px;
}

.boxCategoryList > ul > li {
  padding: 30px 0;
  background: #f1f1f1;
}

/*--------特集-------------*/




/* -------- タイトル -------- */

.boxCategoryList .ttlCategory {
  margin: 0 0 25px;
  padding: 10px 0 10px 15px;
  border-left: 15px solid #ccc;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.5em;
}

/* -------- スケジュール -------- */

.boxFeature ul {
}

 .boxFeature li.FeatureLi {
  display: inline-block;
  vertical-align: top;
  width:339px;
  height:372px;
}

 .boxFeature li.FeatureRi {
  display: inline-block;
  margin: 0 0 10px 2px;
  vertical-align: top;
  width:614px;
  height:372px;
}


.boxCategoryList .boxSchedule > ul {
  margin-left: -15px;
  font-size: 0;
}

.boxCategoryList .boxSchedule > ul > li {
  display: inline-block;
  width: 472px;
  margin: 0 0 10px 15px;
  font-size: 14px;
  vertical-align: top;
}

.boxCategoryList .boxSchedule.onelist > ul > li {
  display: inline-block;
  width: 100%;
  margin: 0 0 10px 15px;
  font-size: 14px;
  vertical-align: top;
}

.boxCategoryList .boxSchedule > ul > li.one-column {
  display: inline-block;
  width: 800px;
  margin: 0 0 10px 15px;
  font-size: 14px;
  vertical-align: top;
}

.boxCategoryList .boxSchedule .txtCont {
  margin: 0 0 20px;
  font-size: 1.15em;
  font-weight: bold;
}

.boxCategoryList .boxSchedule .txtCont .txtDate {
  font-size: 0.95em;
}

.boxCategoryList .boxSchedule .txtCont .txtSmall {
  font-size: 0.8em;
}

/* ------ 写真一覧 ------ */

.boxCategoryList .boxPhotoList > ul {
  margin-left: -10px;
  font-size: 0;
}

.boxCategoryList .boxPhotoList > ul > li {
  display: inline-block;
  margin: 0 0 12px 10px;
  font-size: 11px;
  vertical-align: top;
  line-height: 1.2em;
}

.boxCategoryList .boxPhotoList > ul > li img {
  transition: all 0.2s ease;
  margin-bottom: 5px;
}

.boxCategoryList .boxPhotoList .imgHalf {
  width: 86px;
}

.boxCategoryList .boxPhotoList .imgFull {
  width: 182px;
}

/* ------ テキスト一覧 ------ */

.boxCategoryList .boxTxtList > ul > li {
  padding-bottom: 15px;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.35em;
}

/* ------ リンクエリア ------ */

.boxCategoryList .boxSchedule .boxLinkarea {
  position: relative;
}

.boxCategoryList .boxSchedule .boxLinkarea .txtMore a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.boxCategoryList .boxSchedule .boxLinkarea.boxHover .txtCont {
  color: #b93032;
  text-decoration: underline;
}

.boxCategoryList .boxSchedule .boxLinkarea.boxHover .boxPhotoList > ul > li img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* ------ カラー設定 ------ */

/* -- レッド -- */
.boxCategoryList > ul > li.boxClrRed {
  background-color: #fdf2f0;
}

.boxCategoryList > ul > li.boxClrRed .ttlCategory {
  border-left-color: #dea49b;
  color: #dea49b;
}

/* -- グリーン -- */
.boxCategoryList > ul > li.boxClrGreen {
  background-color: #f8fbee;
}

.boxCategoryList > ul > li.boxClrGreen .ttlCategory {
  border-left-color: #b6c294;
  color: #b6c294;
}

/* -- ブルー -- */
.boxCategoryList > ul > li.boxClrBlue {
  background-color: #e7f4f7;
}

.boxCategoryList > ul > li.boxClrBlue .ttlCategory {
  border-left-color: #95c6c6;
  color: #95c6c6;
}

/* -- イエロー -- */
.boxCategoryList > ul > li.boxClrYellow {
  background-color: #fefbed;
}

.boxCategoryList > ul > li.boxClrYellow .ttlCategory {
  border-left-color: #f2cf5b;
  color: #f2cf5b;
}

/* -- パープル -- */
.boxCategoryList > ul > li.boxClrPurple {
  background-color: #eff0f6;
}

.boxCategoryList > ul > li.boxClrPurple .ttlCategory {
  border-left-color: #92a2c0;
  color: #92a2c0;
}

/* -- オレンジ -- */
.boxCategoryList > ul > li.boxClrOrange {
  background-color: #fef4e0;
}

.boxCategoryList > ul > li.boxClrOrange .ttlCategory {
  border-left-color: #f3c264;
  color: #f3c264;
}

/* -- エメラルドグリーン02 -- */
.boxCategoryList > ul > li.boxClrEgreen {
  background-color: #edfdec;
}

.boxCategoryList > ul > li.boxClrEgreen .ttlCategory {
  border-left-color: #6fa56c;
  color: #6fa56c;
}

/* -- グレー -- */
.boxCategoryList > ul > li.boxClrGray {
  background-color: #eee;
}

.boxCategoryList > ul > li.boxClrGray .ttlCategory {
  border-left-color: #999;
  color: #999;
}


.boxCategoryList > ul > li.boxClrPurple .ttlCategory {
  border-left-color: #92a2c0;
  color: #92a2c0;
}

/*  アーティスト一覧　設定
--------------------------------------------- */

.cate-program #artist {
  margin-bottom: 100px;
}

/* -------- 順番 -------- */

.boxOrder {
  margin: 0 0 15px;
  padding: 0 5px;
  color: #666664;
  font-size: 0.85em;
  text-align: right;
}

/* -------- リスト -------- */

.boxArtistList .boxListWrap > ul {
  margin-left: -30px;
  font-size: 0;
}

.boxArtistList .boxListWrap > ul > li {
  display: inline-block;
  width: 217px;
  margin: 0 0 30px 30px;
  font-size: 14px;
  font-weight: bold;
  vertical-align: top;
}

.boxArtistList .boxListWrap > ul > li .boxArtistImg {
  position:relative;
}

.boxArtistList .boxListWrap > ul > li .boxArtistImg .credit {
  position:absolute;
  right:5px;
  bottom:5px;
  font-size:70%;
  font-weight:normal;
}

.boxArtistList .boxListWrap > ul > li .boxArtistImg .credit.shadow {
  text-shadow:1px 1px 0px #FFF;
}

.boxArtistList .boxListWrap > ul > li .boxArtistImg .credit.creWhite {
  color:#FFF;
}

.boxArtistList .boxListWrap > ul > li .boxArtistImg .credit.creWhite.shadow {
  text-shadow:1px 1px 4px #000;
}


.boxArtistList .boxListWrap > ul > li img {
  margin-bottom: 7px;
}

.price {
	font-weight:normal;
	margin-left:1em;
}

.captionC {
	font-size:9px;
	line-height:9px;
}

/*  アーカイブ　設定
--------------------------------------------- */
.archivesYear {
	font-size:165%;
	line-height:1.6em;
}

.boxArchivesList > ul > li {
	text-align:center;
	font-size:125%;
}

.boxArchivesList > ul > li a {
	display:block;
    padding:40px 50px;
}


/*  プロフィール一覧　設定
--------------------------------------------- */
.profilebox li {
	word-break: break-all;
}

.profilebox.break-word li {
  word-break: normal;
}

/*  メッセージなど別枠囲み
--------------------------------------------- */
.message {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 3px #069C97;
    border-radius: 8px;
}
.message .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 16px;
    background: #FFF;
    color: #069C97;
    font-weight: bold;
}
.message p {
    margin: 0; 
    padding: 0;
  color: #069C97;
}

/*全スケジュール一覧*/
.boxCalendarList  h3.subttl {
	font-size:110%; font-weight:bold; color:#fff; background-color:#000; padding:5px; margin-bottom:0.5em;
}