@charset "UTF-8";


/*

UPDATE：2019/8/21 18:00

*/


/* Overwrite */
#main {
	padding-top: 20px;
	background-color: #000;
}

.headingBlockCatTop {
	background-color: #000;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.contentsLeftSideNarrow240 {
	width: 250px;
	padding: 5px;
	background-color: #fff;
}

/* Colorbox text color */
.hybridTopMain .pagerBlock .list .trigger {
	color: #fff;
}




.hybridTopMain .pagerBlock .list {
   border-right: 1px solid #eee;
}



.hybridTopMain .pagerBlock .list:nth-child(3n-1) .trigger {
    border-left: 0px ;
    border-right: 0px ;
}



/* heading */
.headingBlockBdr {
	background-color: #000;
	border-bottom: 1px solid #424242;
}
.headingBlockBdr .recommend {
	background:transparent url(icn_recommend01.gif) no-repeat left center;
	padding-left: 56px;
}
.headingBlockBdr .pickup {
	background:transparent url(icn_pickup01.gif) no-repeat left center;
	padding-left: 55px;
}
.headingBlockBdr .search {
	background:transparent url(icn_livehouse01.gif) no-repeat left center;
	padding-top: 10px;
	padding-left: 64px;
}

.headingBlockBdr .areapush {
	background:transparent url(icn_area01.gif) no-repeat left center;
	padding-left: 55px;
}

.headingBlockBdr .movie {
	background:transparent url(icn_movie01.gif) no-repeat left center;
	padding-left: 56px;
}


/* Overwrite */

@media screen and (max-width: 640px) {

	/* Overwrite */
	.contentsBody {
		background-color: #000;
	}
	.simpleSildeBlock .slideItem .image {
		background-color: #000;
	}
	.slick-dots {
		background-color: #000;
		margin: 0;
		padding: 10px 0;
	}
	/* Heading */
	.headingBlockBdr {
		padding: 0.5em 1.0em;
		margin-bottom: 20px;
	}
	.heading {
		color: #fff;
	}
	.heading.recommend {
		background-size:24px auto;
		padding-left: 40px;
	}
	.heading.pickup {
		background-size:20px auto;
		padding-left: 36px;
	}

	.heading.areapush {
		background-size:20px auto;
		padding-left: 36px;
	}
	.timelineWrap {
		padding: 0 20px 20px;
		background-color: #000;
	}
	.heading.search {
		background-size: 30px auto;
		padding-left: 39px;
	}

	.heading.movie {
		background-size: 22px auto;
		padding-left: 39px;
	}

	.sideLeftInfoList {
		padding: 1.0em;
		background-color: #000;
		color: #fff;
	}




	/* Media query Test */
	#banner-area {
		padding: 10px 10px;
		background-color: #000;
	}

}


/* Banner */
#banner-area {
	margin-top: 50px;
}
#banner-area li {
	text-align: center;
	margin-bottom: 2.0em;
}
#banner-area li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 640px) {
	#banner-area {
		margin-top: 0;
		padding: 1.0em 10px;
	}
	#banner-area li {
		margin-bottom: 0.5em;
	}
}


/* アーティストリスト */
.photo-list {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 3.0em;
}
.photo-list li {
	margin-bottom: 1.0em;
}
.photo-list li a {
	color: #fff;
	display: block;
	position: relative;
	border: 1px solid #ccc;
}
.photo-list li a span.tag-text {
	position: absolute;
	display: inline-block;
	padding: 0.1em 1.0em;
	color: #e91e63;
	background-color: #212121;
}
.photo-list li a dl.text-area {
	width: 450px;
	padding: 0.5em 1.0em;
	box-sizing:border-box;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.60);
}
.photo-list li a dl.text-area dt {
	font-weight: bold;
	font-size: 16px;
}

@media screen and (max-width: 640px) {
	.photo-list {
		display: block;
		width: auto;
		margin-bottom: 0;
		background-color: #000;
		padding: 0 20px 20px;
	}
	.photo-list li a dl.text-area {
		width: 100%;
		position: absolute;
	}
}


.map-wrap {
	background-color: #FFF;
    padding-bottom: 1.0em;
	margin-bottom: 1.0em;	
}
#map {
	width: 680px;
	height: 550px;
	background:url(https://cdn.l-tike.com/livehouse/map.png) no-repeat;
	margin: 0 auto;
}
#kyuusyuu-erea {
	z-index: 1;/* 九州・沖縄のドロップダウンの重なり調整 */
}
#sp_menu_text{
	display: none;
}

#index_erea_nav{
	width:100%;
	font-size: 16px;
	text-align: center;
	clear: both;
	margin: 0 auto;
}

@media screen and (max-width: 640px) {
	#map {
		display: none;
	}
	.map-wrap {
		background-color: #000;
		padding:0 20px 20px;
		margin-bottom: 0;	
	}
	#index_erea_nav a{
		width: 100%;
		display: block;
		text-align: center;
		line-height:40px;
		color: #fff;
	}
	#index_erea_nav a:hover {
		background:#333;
	}
	.line{
		display: none;
	}
	#sub_erea_nav {
		font-size: 0.8em;
		width: 90%;
		padding:10px;
		display: block;
	}
	
	#erea_nav {display: none;}
	
	#erea_nav a{width:100%;}
	
	.area01 a {background: #0085B2;}
	.area02 a {background: #1BAB87;}
	.area03 a {background: #BAC600;}
	.area04 a {background: #FFBF00;}
	.area05 a {background: #FF8000;}
	.area06 a {background: #DC2020;}
	.area07 a {background: #FF8080;}
	
	#sp_menu_text {
		display: block;
		width: auto;
		background-color: #000;
		color: #fff;
		padding-bottom: 20px;
		text-align: center;
		line-height: 1.0em;
	}

.simpleSildeBlock .slideItem .textBox {
/*  width: 100%;*/
  height: auto;
/*  height: calc(11px * 1.5 * 2 + 10px);
  padding: 5px 10px;
  background-color: #3bbbb6;
  box-sizing: border-box;
  color: #fff;
  font-size: 85%;
  font-weight: bold;
  text-align: center;*/
}


}

/* アコーディオン */
.accordion p.more_display {
	background-color: #000;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	padding: 0.5em 1.0em;
	border-radius: 4px;
	transition: 0.5s;
	text-align: center;
	z-index: 100000;
	margin: -2.5em auto 3.0em;
	width: 60%;
}
.accordion p.more_display:hover {
	background-color: #fff;
	color: #000;
}

@media screen and (max-width: 640px) {
	.accordion p.more_display {
		margin: -15px auto 2.0em;
		padding:0.8em 1.0em;
	}
}





/*----------------------------------------
■Twitterツイート埋め込み
----------------------------------------*/
.twcp {
background-color: #000;
padding-top:2px;
margin-bottom: 0;
}

.twcp h3 {
	font-size: 18px;
	font-weight: bold;;
}
.twcp h4 {
	font-weight: bold;;
}

.twcp .tw_box {}
.twitter-tweet {
/*	margin:0 0 0 45px  !important;*/
	margin:0 auto 20px auto !important;

}



@media screen and (max-width: 769px) {
/*  Media Queries 769px ======================== */
.twcp {
background-color: #000;
padding: 0 20px 20px;
margin-bottom: 0;
}

.twitter-tweet {
	margin:0 auto 10px auto !important;
}
/*  Media Queries 769px ======================== */
}