@charset "utf-8";

@font-face {
    font-family: 'zing_rust_demobase';
    src: url('zingrustdemo-base-webfont.woff2') format('woff2'),
         url('zingrustdemo-base-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'deansgate_condensedbold';
    src: url('deansgatecondensed-bold-webfont.woff2') format('woff2'),
         url('deansgatecondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zing_script_rust_semiboldbase';
    src: url('zingscriptrustsbdemo-base-webfont.woff2') format('woff2'),
         url('zingscriptrustsbdemo-base-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

header {
	width: 100%;
	background-image: url(bg_23_02.png);
	position: relative;
	z-index: 1000;
}

body {
	font-family: Montserrat, sans-serif;
	font-weight: 100;
	font-size: 100%;
	background-color: #dac5a3;
	background-image: url(bg_23_01.png);
	z-index: 0;
}

img { 
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

footer {
	margin-top: 25px;
	padding-top: 4em;
	padding-bottom: 4em;
}

h1 {
	font-family: deansgate_condensedbold, sans-serif;
	font-weight: 500;
	font-size: 36px;
	color: #484034;
	letter-spacing: normal;
	line-height: 1;
}

h2 {
	font-family: zing_script_rust_semiboldbase;
	font-weight: 100;
	font-size: 32px;
	color: #484034;
	letter-spacing: normal;
	line-height: 1;
}

h3 {
	font-family: Hammersmith One, sans-serif;
	font-weight: 100;
	font-size: 24px;
	color: #484034;
	letter-spacing: normal;
	line-height: 1;
}

h4 {
	font-family: Montserrat, sans-serif;
	font-weight: 100;
	font-variant: small-caps;
	font-size: 18px;
	color: #484034;
	letter-spacing: normal;
	line-height: 2;
	padding: 0 5vw;
}

p {
	font-family: Montserrat, sans-serif;
	font-weight: 100;
	font-size: 14px;
	color: #484034;
	letter-spacing: normal;
	line-height: 1;
}

.site-logo-lg {
	display: none;
}

.site-logo-sm {
	display: block;
	position: relative;
	width: auto;
	padding: 3vw;
}
.site-logo-sm img {
	display: flex;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}
.logo {
	opacity: 1;
}

.site-nav ul {
	display: none;
	background-image: url(bg_23_01.png);
	overflow: hidden;
}

#click {
	display: none;
}

#click:checked ~ .site-nav ul {
	display: block;
	position: absolute;
	z-index: 600;
	list-style-type: none;
	padding-top: 10px;
	animation: move .5s forwards;
}

@keyframes move {
	0% {width: 0;}
	100% {width: 100%}
}

.site-nav ul li {
	border-bottom: 2px solid #a99f80;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.site-nav ul li a {
	font-family: zing_rust_demobase;
	font-style: italic;
	font-size: 44px;
	color: #484034;
	letter-spacing: normal;
	line-height: 1.25;
	margin-left: 2vw;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: color .3s;
	transition: color .3s;
}
.site-nav ul li a:hover {
	color: #be5e4f;
}

#click:checked ~ label .twoham {
	opacity: 0;
}
#click:checked ~ label .oneham {
	transform: rotate(-45deg); top: 30px;
	transition: transform .3s;
}
#click:checked ~ label .thrham {
	transform: rotate(45deg); top: 30px;
	transition: transform .3s;
}
	
.line {
	width: 50px;
	height: 5px;
	background-color: #484034;
	border-radius: 2px;
	position: absolute;
}

.oneham {
	top: 15px;
}

.twoham {
	top: 30px;
}

.thrham {
	top: 45px;
}

.hamburger {
	width: 100%;
	height: 66px;
	background-image: url(bg_23_01.png);
	border-radius: 0px;
	margin: 0;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	cursor: pointer;
}

.potshop {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2vw;
}

	.shop-nav {
		position: relative;
		width: 100%;
		margin-bottom: 25px;
	}
	.shop-nav ul {
		display: block;
		list-style-type: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		text-align: center;
		width: auto;
		height: 66px;
	}
	#click:checked ~ .shop-nav ul {
		padding-top: 0;
		padding-bottom: 0;
		position: relative;
		animation: none;
	}
	.shop-nav ul li {
		display: inline-block;
		padding-top: 7px;
		border-bottom: none;
		width: auto;
		margin: 0;
	}
	.shop-nav ul li a {
		font-family: deansgate_condensedbold, sans-serif;
		color: #484034;
		font-size: 30px;
		margin-right: 2vw;
		margin-left: 2vw;
		letter-spacing: normal;
		line-height: 1.25;
		text-decoration: none;
		-webkit-transition: color .3s;
		transition: color .3s;
	}
	.shop-nav ul li a:hover {
		color: #be5e4f;
	}

.ec-cart-widget {
	float: right;
}


.row {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	overflow: hidden;
}

.page {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	text-align: center;
	overflow: hidden;
}

.page h1 {
	font-size: 30px;
	margin-top: 25px;
}

.grid-container {
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
  justify-content: center;
  width: 100%;
}

.grid-item {
  display: flex;
  width: calc(50% - 2vw);
  padding: 10px 10px 25px 10px;
}

.col {
	display: flex;
	height: auto;
}

.art img {
	position: relative;
	max-width: auto;
	vertical-align: middle;
}

.musi img {
	position: relative;
	max-width: auto;
	padding: 2vw;
}

.text {
	display: block;
	width: 768px;
	min-height: 275px;
	margin: auto;
	margin-top: 25px;
	padding: 3vw 5vw;
	color: #484034;
}


.shop {
	display: block;
	margin-top: 20px;
	max-width: 100px;
	margin-left: auto;
	margin-right: auto;
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	color: #484034;
	text-decoration: none;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 20px;
	padding: 4px 14px 5px;
	background-color: transparent;
	transition: all .3s;
}

.shop:hover {
	color: #e3cdaa;
	border-color: #be5e4f;
	background-color: #be5e4f;
}


.go {
	display: block;
	margin-top: 20px;
	max-width: 70px;
	margin-left: auto;
	margin-right: auto;
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	color: #484034;
	text-decoration: none;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 20px;
	padding: 4px 14px 5px;
	background-color: transparent;
	transition: all .3s;
}

.go:hover {
	color: #e3cdaa;
	border-color: #be5e4f;
	background-color: #be5e4f;
}


.listen {
	display: block;
	margin-top: 20px;
	max-width: 120px;
	margin-left: auto;
	margin-right: auto;
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	color: #484034;
	text-decoration: none;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 20px;
	padding: 4px 14px 5px;
	background-color: transparent;
	transition: all .3s;
}

.listen:hover {
	color: #e3cdaa;
	border-color: #be5e4f;
	background-color: #be5e4f;
}


.vvk {
	display: block;
	margin-top: 20px;
	max-width: 210px;
	margin-left: auto;
	margin-right: auto;
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	color: #484034;
	text-decoration: none;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 20px;
	padding: 6px 14px 7px;
	background-color: transparent;
	transition: all .3s;
}

.vvk:hover {
	color: #e3cdaa;
	border-color: #be5e4f;
	background-color: #be5e4f;
}

.ribbon {
	background-color: #be5e4f;
	height: 21px;
    width: 50px;
	position: absolute;
	margin-top: 10px;
}
.ribbon .ribtxt {
    position: absolute;
	font-family: sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #e3cdaa;
    top: 2px;
    left: 9px;
}​

.movi {
	display: block;
	margin-top: 1vw;
	max-width: 130px;
	margin-left: auto;
	margin-right: auto;
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	color: #484034;
	text-decoration: none;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 20px;
	padding: 5px 14px 5px;
	background-color: transparent;
	transition: all .3s;
}

.movi:hover {
	color: #e3cdaa;
	border-color: #be5e4f;
	background-color: #be5e4f;
}

.newz {
	display: block;
	margin-top: 20px;
	max-width: 110px;
	margin-left: auto;
	margin-right: auto;
	font-family: Montserrat, sans-serif;
	font-size: 24px;
	color: #484034;
	text-decoration: none;
	text-align: center;
	border-width: 2px;
	border-style: solid;
	border-radius: 20px;
	padding: 5px 14px 5px;
	background-color: transparent;
	transition: all .3s;
}

.newz:hover {
	color: #e3cdaa;
	border-color: #be5e4f;
	background-color: #be5e4f;
}

#concerts-lg {
	display: none;
}

#concerts-sm {
	font-family: deansgate_condensedbold, sans-serif;
	font-size: 30px;
	color: #484034;
	line-height: 1.25;
	border-collapse: collapse;
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
}

#concerts-sm td {
  	border: none;
  	padding: 30px 1vw 30px 2vw;
}

#concerts-sm tr:nth-child(odd){
	color: #484034;
}

.club {
	display: block;
	width: 100%;
	list-style-type: none;
	text-align: center;
}

.disabled {
        pointer-events: none;
        opacity: 0.3;
}
.club a {
	line-height: 42px;
	display: inline-block;
	width: 55px;
	height: 55px;
	text-align: center;
	border: 2px solid #484034;
	border-radius: 50%;
	margin-top: 10px;
	transition: all .3s;
}
.club a:hover {
	color: #e3cdaa;
	border-color: #be5e4f;
	background-color: #be5e4f;
}
.club a img {
	width: auto;
	height: auto;
}
.club a .club-hover {
	display: none;
}
.club a:hover .club-default {
	display: none;
}
.club a:hover .club-hover {
	display: inline;
}


.musi-info {
	padding: 2vw;
	line-height: 36px;
	max-width: 1100px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.musi-left {
	text-decoration: none;
	float: left;
	padding-right: 25px;
	position: relative;
}

.musi-left h1 {
	font-size: 32px;
	margin-top: 0;
}

.musi-left p {
	font-size: 18px;
	margin-top: 5px;
}

.musi-right {
	padding-top: 4px;
	font-size: 28px;
	float: left;
	position: relative;
}

.musi-right h3 {
	padding-top: 0px;
	font-size: 18px;
	max-width: 350px;
}


.cover {
	position: relative;
	max-width: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.cover img {
	padding: 6vw;
}

.jp-audio {
	position: relative;
	max-width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 2vw 2vw 0 2vw;
}


.webcover {
	position: relative;
	max-width: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.webcover img {
	padding: 6vw;
}

.webm-content {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 50px;
}
.webm-download {
	display: block;
	width: 100%;
	list-style-type: none;
	text-align: center;
}
.webm-download li {
	line-height: 4.5em;
	display: inline-block;
	margin: 0 6vw;
}
.webm-download li a {
	line-height: 3em;
	display: inline-block;
	width: 3.5em;
	height: 3.5em;
	text-align: center;
	border: 2px solid #484034;
	border-radius: 50%;
	transition: all .3s;
}
.webm-download li a img {
	width: auto;
	height: auto;
}
.webm-download li a:hover {
	color: #e3cdaa;
	border-color: #be5e4f;
	background-color: #be5e4f;
}


.webm-download li .cvr .download-hover {
	display: none;
}
.webm-download li .cvr:hover .download-default {
	display: none;
}
.webm-download li .cvr:hover .download-hover {
	display: inline;
}

.webm-download li .inl .download-hover {
	display: none;
}
.webm-download li .inl:hover .download-default {
	display: none;
}
.webm-download li .inl:hover .download-hover {
	display: inline;
}

.webm-download li .dis .download-hover {
	display: none;
}
.webm-download li .dis:hover .download-default {
	display: none;
}
.webm-download li .dis:hover .download-hover {
	display: inline;
}








.note {
	line-height: 1.25;
	font-size: 14px;
	text-align: right;
	float: right;
	margin-right: 50px;
}

.dvd {
	position: relative;
	display: block;
	overflow: hidden;
	min-height: 275px;
	margin: 5vw;
}

.dvd p {
	width: auto;
	font-size: 18px;
	text-align: left;
	line-height: 24px;
}

.auto-resizable-iframe {
  max-width: 853px;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.video {
	display: block;
	width:auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;,
}

.news {
	display: block;
	line-height: 1.5;
	width: auto;
	max-width: 800px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.news img {
	margin-bottom: 25px;
}

.news h1 {
	margin-top: 25px;
	padding: 0 2vw;
	text-align: center;
}

.news p {
	text-indent: 25px;
	text-align: justify;
	font-size: 20px;
	padding: 0 5vw;
}

.legal {
	display: block;
	line-height: 1.5;
	width: auto;
	max-width: 800px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

.legal p {
	text-indent: 25px;
	text-align: justify;
	font-size: 14px;
	padding: 0 5vw;
}

.imp {
	display: block;
	line-height: 1.5;
	width: auto;
	max-width: 400px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

.imp p {
	text-indent: 25px;
	text-align: justify;
	font-size: 14px;
	padding: 0 5vw;
}

hr.solid {
	height: 2px;
	background-color: #a99f80;
	border: none;
	position: relative;
	width: 85%;
	max-width: 800px;
	margin: 50px auto 50px auto;
}


.footer-content {
	width: 85%;
	margin: 0 auto;
}
.footer-social {
	display: block;
	width: 100%;
	list-style-type: none;
	text-align: center;
}
.footer-social li {
	line-height: 4.5em;
	display: inline-block;
	margin: 0 1.2em;
}
.footer-social li a {
	line-height: 3em;
	display: inline-block;
	width: 3.5em;
	height: 3.5em;
	text-align: center;
	border: 2px solid #484034;
	border-radius: 50%;
	transition: all .3s;
}
.footer-social li a:hover {
	color: #e3cdaa;
	border-color: #be5e4f;
	background-color: #be5e4f;
}
.footer-social li a img {
	width: auto;
	height: auto;
}
.footer-social li a .social-hover {
	display: none;
}
.footer-social li a:hover .social-default {
	display: none;
}
.footer-social li a:hover .social-hover {
	display: inline;
}

.footer-info {
	padding-top: 3em;
	line-height: 1.25;
	margin-bottom: 50px;
	clear: both;
}
.footer-info p {
	font-size: .8em;
	color: #484034;
	max-width: 36em;
	margin-bottom: .5em;
}

.footer-right {
	float: right;
	width: 40%;
	text-align: right;
	position: relative;
	line-height: 1.5;
}
.footer-right a {
	text-decoration: none;
	color: #484034;
}
.footer-right a:hover {
	color: #be5e4f;
}

.footer-legal {
	opacity: 1;
	float: left;
	width: 60%;
	position: relative;
	line-height: 1.5;
}


/*Tablet View*/

@media (min-width: 768px){
		
	.site-logo-sm {
	display: none;
	}
	
	.site-logo-lg {
	display: block;
	position: relative;
	width: auto;
  	max-width: 100%;
	padding: 25px;
	}
	
	.site-logo-lg img {
	display: flex;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	}
	
	h1 {
		font-size: 32px;	
	}
	
	h2 {
		font-size: 28px;	
	}
	
	h3 {
		font-size: 24pxem;	
	}
	
	h4 {
		padding: 0;
	}
	
	.line {
		display: none;
	}
	.hamburger {
		display: none;
	}
	
	.site-nav {
		position: relative;
		width: 100%;
		margin-bottom: 25px;
	}
	.site-nav ul {
		display: block;
		list-style-type: none;
		background-image: url(bg_23_01.png);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		text-align: center;
		width: auto;
		height: 66px;
	}
	#click:checked ~ .site-nav ul {
		padding-top: 0;
		padding-bottom: 0;
		position: relative;
		animation: none;
	}
	.site-nav ul li {
		display: inline-block;
		padding-top: 7px;
		border-bottom: none;
		width: auto;
		margin: 0;
	}

	.site-nav ul li a {
		font-size: 42px;
		margin-right: 2vw;
	}
	
	.row {
		max-width: 900px;
	}
	
	.page h1 {
		font-size: 42px;
		margin: 0;
		margin-top: 50px;
		width: 100%;
	}
	
	.grid-container {
		margin-left: auto;
		margin-right: auto;
	}
	
	.grid-item {
		width: calc(33.333% - 2vw);
		padding: 15px 15px 50px 15px;
	}
	
	.col-md-one-half {
		width: 50%;
	}
	
	.col {
		float: left;
		max-width: 550px;
	}
	
	.text {
		margin-top: 0px;
		vertical-align: middle;
	}
	
	.text h1 {
		font-size: 40px;
		text-align: left;
	}
	
	.text h2 {
		font-size: 36px;
		text-align: left;
	}
	
	
	#concerts-sm {
		display: none;
	}

	#concerts-lg {
		display: table;
		font-family: deansgate_condensedbold, sans-serif;
		font-size: 24px;
		color: #484034;
		line-height: 1.25;
		border-collapse: collapse;
		width: 100%;
		max-width: 1008px;
		margin-left: auto;
		margin-right: auto;
	}

	#concerts-lg td {
		border: none;
		padding-left: 2vw;
		height: 75px;
	}


	.club {
		padding-top: 7px
	}

	.club a {
		line-height: 44px;
		margin-top: 0;
	}
	
	.musi-info {
		margin-top: 0px;
	}
	
	.musi-left h1 {
		font-size: 36px;
	}

	.musi-right {
		float: right;
		text-align: right;
		font-size: 32px;
		margin-top: 5px;
	}
	
	.musi-right h3 {
		font-size: 18px;
		max-width: 400px;
	}
	
	.cover img {
		padding: 2vw;
	}
	
	.webcover img {
		padding: 2vw;
	}
	
	.news h1 {
		font-size: 48px;
		padding: 0 2vw;
	}

	.footer-info {
		margin-bottom: 25px;
	}
	
	.footer-content {
		width: 85%;
		margin: 0 auto;
	}

}

/*Desktop View*/

@media (min-width: 1008px){
	
	.row {
		max-width: 1100px;
	}
	
	h1 {
		font-size: 36px;	
	}
	
	h2 {
		font-size: 32px;	
	}
	
	h3 {
		font-size: 24px;	
	}
	
	.site-nav {
		margin-bottom: 50px;
	}
	
	.site-nav ul {
		margin-bottom: 10px;
	}
	
	.site-nav ul li a {
		font-size: 48px;
	}
	
	.page h1 {
		font-size: 42px;
		margin-top: 75px;
		margin-bottom: 25px;
	}
	
	.grid-container {
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.grid-item {
		padding: 25px 25px 50px 25px;
	}

	#concerts-lg {
		font-size: 30px;
		max-width: 1100px;
	}
	
	.musi-left h1 {
		font-size: 42px;
	}

	.musi-right {
		float: right;
		text-align: right;
		font-size: 36px;
		margin-top: 8px;
	}
	
	.musi-right h3 {
		font-size: 20px;
		max-width: 550px;
	}
	
	.webm-content {
		width: 85%;
		margin: 0 auto;
		padding-bottom: 50px;
	}
	
	.news h1 {
		font-size: 56px;
		margin-top: 25px;
		padding: 0 2vw;
	}

	.news p {
		padding: 0 2vw;
	}
	
	.legal p {
	padding: 0;
}
	
	.footer-content {
		width: 64%;
	}
	
}