@charset "utf-8";
/*
Theme Name: Lqdw Theme
Version: 2.3.1
UpDate	:2017/04
Author: LiquidwireInc.
*/

*{ margin: 0; padding: 0;	box-sizing: border-box;}

body {
	background: #000;	color: #666;
	font:75%/1.231 'Fjalla One','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	height: 100%;
 }

a { color: #ccc; text-decoration: none;}

.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix { min-height: 1px;}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

br { clear: both;}
ul { list-style: none;}
footer { text-align: center;}
span.lineTx {
	padding-top: 10px;
	display: block;
}




/* music */
.flexwrapp {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.music__title {
	width: 32%;
	padding: 5px;
	margin: 5px 1px;
}
@media screen and (max-width: 580px){
.music__title {
	width: 100%;
	padding: 5px;
}
}



.headlinner {
	padding: 10px;
	background: #262626;
	color: #FFF;
	text-align: center;
	max-width: 100%;
}
.m_wrapp {
	width: 900px;
	max-width: 100%;
	margin: 0 auto;
	padding: 15px 15px;
	text-align: center;
}

.m_thumb {
	width: 100%;
	margin-bottom: 30px;
}

.m_wrapp audio{
	padding: 20px;
	margin-bottom: 50px;
}
.m_wrapp p{
	font-size: 1.6rem;
}


/* 480px以下: Default ----------------------------------------------------- */
@media screen and (max-width: 480px){
	.pcOnly { display:none;}
}


/* 767px以下: Default ----------------------------------------------------- */
	/* ----------- common */
		.headdingTitle {
			font-family: 'IM Fell DW Pica SC', serif;
			margin: 0 auto;
/* 			margin-top: 10px; */
			margin-bottom: 10px;
			background: #111;
			padding: 11px 6px 11px 20px;
			color: #fff;
			max-width: 960px;
			font-weight: bold;
		}
		.flexContainer {
		  display: flex;
		  -webkit-justify-content: flex-start; /* Safari */
		  justify-content: center;
			align-items: center;
			flex-wrap: wrap;
		  margin: 0 auto;
	  }
		.divmaxwidth { width: 100%; margin: 0 auto;}
	/* ----------- common */

	/* HEADER Default ----------------------- */
		#pcWideHeader {	display: none;}
		.shopTopLogo { width: 70px;	margin-top: 3px; margin-left: 12px; position: fixed; z-index: 999999;}
		.shopTopLogo img{	width: 150%;}
	/* BLOCK-A Default ----------------------- */
		.wrapperMain { margin: 20px 3px 3px 3px; border-radius: 3px; background: #000; padding: 5px;}
		.headding {	display: block;	margin: 0 auto;}

		.headdingimage {
			background-color: #000;
			background-image: url(../img/topimage.jpg);
			background-position: center top;
			background-repeat: no-repeat;
			width: 100%;
			margin: 0 auto;
			display: block;
			height: 480px;
		}

			/* pages Default ----------------------- */
				.headdingimagePages {
					background-color: #000;
					background-image: url(../img/topimagepg.jpg);
					background-position: center top;
					background-repeat: no-repeat;
					width: 100%;
					margin: 0 auto;
					display: block;
					height: 180px;
				}
			/* pages Default ----------------------- */

	/* pages onoredio --------- */
		.blk-movieInfo {}
		.infoMovie01 {}
		.infoMovie02 {}
		.movieTxt { margin: 0 auto; width: 90%; text-align: left; padding: 10px;}

	 	.bn-01 { width: 90%; max-width: 290px;}
	 	.bn-01w { width: 90%;}
		.bn-05 { width: 100%;}
		.bn-06 { width: 90%; margin: 5px; }
	 	.snsIcon-01 { width: 100%; margin: 10px;}
		.flCon { width: 25%; margin: 6px;}
		.flCon2 { width: 9%; margin: 6px;}
		.flCon3 { width: 13%; margin: 6px;}

		/* 10周年ロゴ */
	 	.y10thany { width: 100%; max-width: 110px; margin-top: 40px; margin-bottom: 15px;}
	 	.lqdLogo { width: 100%; max-width: 200px; margin-top: 10px; margin-bottom: 15px;}

		.spacerBlk { padding: 10px; text-align: center;}

	 	.block404 {
		 	width: 100%;
		 	margin: 0 auto;
		 	margin-top: 30px;
		 	text-align: center;
		 	font-size: 130%;
		 	line-height: 2em;
	 	}
	 	.block404inner {
		 	width: 80%;
		 	margin: 5px auto;
		 	padding: 20px;
		 	border: 1px solid #333;
	 	}
	 	.bn-404 { width: 45%;}

	 	.blockPress {
		 	width: 100%;
		 	margin: 0 auto;
		 	margin-top: 30px;
		 	text-align: left;
		 	font-size: 130%;
		 	line-height: 2em;
	 	}
	 	.blockPressinner {
		 	width: 80%;
		 	margin: 5px auto;
		 	padding: 20px;
		 	border: 1px solid #333;
	 	}


	/* BLOCK-B Default ----------------------- */
		.wrappCarousel { display: block; padding: 0; width: 100%; text-align: center; overflow: hidden; background-color: #111;}
		.carouselInner { max-width: 960px; margin: 0 auto;}
		.carouselPhoto { width: 100%;}
	/* BLOCK-C Default ----------------------- */
		.wrapperShop { margin: 6px 10px;	background: #070707; padding: 5px; border-radius: 3px;}
	 	.blk-information { width: 100%; margin: 0 auto; display: block; padding: 0;}
			.info01 { color: #fff;}
			.info02 { width: 95%; margin:0 auto;}
			.infoPhoto { border: 5px solid #ccc; border-radius: 5px; width: 100%;}
		ul.infoList { padding: 5px; font-size: 90%;}
		ul.infoList li{ display: block; border-bottom: 1px dotted #666; line-height: 3em;}
		span.info-shop { padding: 5px; border-radius: 3px; background: #333; color: #fff; margin: 0px 12px 0px 8px;}
		span.info-shop-blank { padding: 5px; border-radius: 3px; background: #111; color: #111; margin: 0px 12px 0px 8px;}
		span.info-live { padding: 5px; border-radius: 3px; background: #cc0000; color: #fff; margin: 0px 12px 0px 8px;}
		span.info-date { padding: 5px; border-radius: 3px; background: #666; color: #fff; margin: 0px 0px 0px 2px;}
		span.txtSmall { padding: 5px; border-radius: 3px; color: #333; font-size: 9px;}
		.creditlogo { position: relative; top: 8px; margin-top: -10px; width: 60%;}
	/* BLOCK-D Default ----------------------- */
		.divmaxwidthWall { display: block; clear:both; padding: 7px; max-width: 960px; height: 250px; margin: 0 auto; overflow: hidden;}
	/* BLOCK-E Default ----------------------- */
		.footMid { width: 100%; background: #000; padding: 10px 0;}
		.footMid a{ color: #333;}

		.boxTxt { padding: 5px; border: 1px solid #ccc; border-radius: 3px; background: #f5f5f5; margin: 3px; font-size: 90%;}

	/* BLOCK-F Default ----------------------- */
		.liveBox {
			color: #fff;
			display: block;
			width: 30%;
			height: 125px;
			background-color: #333;
			border-radius: 3px;
			margin: 3px;
			padding: 5px;
			text-align: center;
		}

		.liveBoxSp { background-color: #cc0000;}
		.liveBoxNote { background-color: #7a3939;}
		.liveBoxBn {
			color: #fff;
			display: block;
			width: 100%;
			background-color: #333;
			border-radius: 3px;
			margin: 5px;
			padding: 5px;
			text-align: center;
		}
		.dateLive { font-size: 100%; display: block;}
		.info-liveBx { background: #000; clear: both; padding: 3px; border-radius: 3px; margin: 3px 3px 10px 3px; display: block;}
		.nextliveInner { max-width: 960px; margin: 0 auto;}
	/* FOOTER Default ----------------------- */
		footer { margin: 0 auto; background-color: #111; color: #fff;	padding: 10px 0;}
		footer p{ font-size: 80%; margin: 10px 0px;}
		footer a{ color: #fff; font-weight: bold; text-decoration: underline;}

		.divmaxwidth { width: 100%; margin: 0 auto; overflow: hidden; text-align: center;}
		.line-it-button { margin-top: 20px; margin-bottom: 10px;}


		.spotInfoAtt {
			width: 80%;
			margin: 40px auto;
			border: 1px solid #cc0000;
			padding: 20px;
			color: #fff;
		}
		ul.infoList2 { padding: 15px; font-size: 110%;}
		ul.infoList2 li{ display: block; padding-left: 10px; line-height: 1.8;}


	/* Button Default ----------------------- */
		p.animationBtn a{
			background:#cc0000;
			display:block;
			padding:5px;
			color:#fff;
			text-decoration:none;
			width:80%;
			border-radius:5px;
			margin:0 auto;
			margin-top: 10px;
			text-align:center;
			font-size: 200%;
			animation: animScale 3s infinite ease-out;
			transform-origin: 50% 50%;
			animation-play-state:running;
		}

		@keyframes animScale {
			0% { transform: scale(0.8, 0.8); }
			5% { transform: scale(1.2, 1.2); }
			10% { transform: scale(1, 1); }
			15% { transform: scale(1.1, 1.1); }
			20% { transform: scale(1, 1); }
			100% { transform: scale(1, 1); }
		}


/* 767px以下 ----------------------------------------------------- */
@media (max-width: 767px) {
		.liveImg { display: none;}
}

/* 768px以上 ----------------------------------------------------- */
@media (min-width: 768px) {

	/* ----------- common */
		.headdingTitle { font-family: 'IM Fell DW Pica SC', serif; font-size: 18px; padding: 10px 10px 10px 21px;}
	/* ----------- common */
	/* HEADER 768px ----------------------- */
		#pcWideHeader {	display: block;	margin: 0px auto; width: 100%; background: none; height: 70px; position: fixed; top: 0; z-index: 999;}
		.pcWideInner { width: 960px; margin: 0 auto; padding-left: 20px;}
		.pcWideBt {	float: left; width: 116px; margin: 2px;}
		.pcWideBtRt {	float: right; width: 116px; margin: 2px;}
		.pcWideBt img,
		.pcWideBtRt img { width: 100%; margin-top: 9px;}
		.shopTopLogo { display: none;}
		ul#menu { margin: 0 auto; text-align: center;}
/* 		  #menu li { display: inline-block; background: none; padding: 10px;} */
		#menu li { display:none;}
		.headmenu01 {	display: none;}

	/* BLOCK-A 768px ----------------------- */
		.headding {	display: block;	margin: 0 auto;	text-align: center;	margin-top: 100px;}
		.flCon { width: 100px; margin: 10px;}
		.flCon2 { width: 35px; margin: 6px;}
		.flCon3 { width: 45px; margin: 6px;}

	/* BLOCK-B 768px ----------------------- */

	.divmaxwidth {
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
	}

		.spacerBlk { margin-top: 20px; text-align: center;}
/* 	 	.bn-01 { width: 44%; margin: 10px;} */
	 	.bn-01 { width: 23%; margin: 4px;}
		.bn-05 { width: 440px; margin: 0px 7px 7px 7px;}
		.bn-06 { width: 100%; max-width: 460px; margin: 0px 6px;}
	 	.snsIcon-01 { width: 100%; margin: 10px;}
	 	.bn-01w { width: 45%; margin: 4px;}


	/* BLOCK-C 768px ----------------------- */
		.wrapperShop { width: 768px; margin: 0 auto;}
		.blk-information { width: 730px; margin: 0 auto; background: #070707; height: 300px; display: block; padding: 5px;}
		ul.infoList { padding: 15px; font-size: 110%;}
		ul.infoList li{ display: block; border-bottom: 1px dotted #ccc;}
		span.info-shop { background: #333; padding: 5px; border-radius: 3px; color: #fff; margin: 0px 15px;}
		span.info-live { background: #cc0000; padding: 5px; border-radius: 3px; color: #fff; margin: 0px 10px;}
		.info01 { width: 55%; float: left;}
		.info02 { width: 40%; float: left;}
		.infoPhoto { border: 5px solid #ccc; width: 100%;}
	/* BLOCK-D 768px ----------------------- */
		.divmaxwidthWall { display: block; clear:both; padding: 7px; max-width: 740px; height: 300px; margin: 0 auto; overflow: hidden;}

	/* BLOCK-F 768px ----------------------- */
		.liveBox {
			color: #fff;
			display: block;
			width: 30%;
			height: 160px;
			background-color: #111;
			border-radius: 3px;
			margin: 3px;
			padding: 5px;
			text-align: center;
		}
		.liveBoxBn {
			color: #fff;
			display: block;
			width: 900px;
			background-color: #111;
			border-radius: 3px;
			margin: 5px;
			padding: 5px;
			text-align: center;
			line-height: 3em;
		}

		.liveBoxSp { background-color: #cc0000;}
		.liveBoxNote { background-color: #7a3939;}
		.dateLive { font-size: 140%; float: left; width: 60%;}
		.info-liveBx { background: #000; clear: both; padding: 3px; border-radius: 3px; margin: 3px 3px 10px 3px; display: block; line-height: 2em; width: 100%;}
		.nextliveInner {
			max-width: 960px;
			margin: 0 auto;
		}
		.liveImg {
			width: 65px;
			float: left;
			margin: 4px 12px 0px 4px;
			border: 1px solid #111;
		}



	/* pages onoredio --------- */
		.blk-movieInfo { width: 730px; margin: 0 auto; background: #070707; height: 250px; display: block; padding: 5px;}
		.infoMovie01 { width: 45%; float: left;}
		.infoMovie02 { width: 50%; float: left; margin-top: 5px; margin-left: 20px;}
		.movieTxt { margin: 0 auto; width: 960px; text-align: left; padding: 10px;}
		.movieTxt p{ line-height: 1.4em; font-size: 140%;}

	/* pages 404error --------- */
	 	.bn-404 { width: 300px; margin: 5px;}


		.spotInfoAtt {
			width: 80%;
			margin: 40px auto;
			border: 1px solid #cc0000;
			padding: 20px;
			color: #fff;
		}



}

/* 992px以上 ----------------------------------------------------- */
@media (min-width: 992px) {

	/* HEADER 992px ----------------------- */
		.headding { display: block; margin: 0 auto; text-align: center; margin-top: 35px; width: 100%; background: #000;}
		.headding img{ max-width: 960px;}
	/* BLOCK-A 992px ----------------------- */
		.headdingTitle { font-size: 21px; padding: 10px; border-radius: 3px; margin-top: 10px; background-color: #070707;}
		.bn-04 { width: 200px; margin: 20px;}
	/* BLOCK-B 992px ----------------------- */
		.wrappCarousel { display: block; padding: 0; width: 100%; overflow: hidden;	background-color: #000;	margin: 0 auto;}
		.carouselInner { background: #111; border-radius: 5px; margin-bottom: 15px;}
		.carouselPhoto { width: 600px;}
	/* BLOCK-C 992px ----------------------- */
		.wrapperShop { width: 960px; margin: 0 auto;}
	 	.blk-information { width: 950px; margin: 0 auto; background: #070707;	display: block; padding: 5px;}

		.info02 { width: 40%; float: left; margin-top: 45px; margin-left: 20px;}
		.infoPhoto { border: 3px solid #ccc; width: 100%;}
		.creditlogo { position: relative; top: 8px; margin-top: -5px; width: 235px;}
		span.info-shop-blank { margin: 0px 22px 0px 8px;}


	/* BLOCK-D 992px ----------------------- */
		.divmaxwidthWall { display: block; clear:both; padding: 7px; max-width: 960px; height: 450px; margin: 0 auto; overflow: hidden;}
	/* BLOCK-E 992px ----------------------- */
		.footMid { max-width: 960px; margin: 0 auto;}
		.boxTxt { padding: 10px; border: 1px solid #ccc; border-radius: 3px; background: #f5f5f5; margin: 10px; font-size: 120%; width: 10%; text-align: center;}


		/* 10周年ロゴ */
	 	.y10thany { width: 100%; max-width: 110px; margin-top: 40px; margin-bottom: 15px;}

		.spotInfoAtt {
			width: 100%;
			max-width: 960px;
			margin: 40px auto;
			border: 1px solid #cc0000;
			padding: 20px;
			color: #fff;
		}


}

.spot__box {
	margin: 3px;
	padding: 5px;
	border: 1px solid #cc0000;
}
.spot__info {
	padding: 10px;
	line-height: 1.4rem;
	font-size: 1.0rem;
	color: #fff;
}


.sp_banner_block {
	margin: 0 auto;
	width: 100%;
	max-width: 940px;
}
.topbanner__sp {
	width: 100%;
}


		@media all and (-ms-high-contrast: none){
		  .wrapperShop {
		     height: 450px; /* IE10以上 */
		  }
		}