@charset "UTF-8";
/* CSS Document */

/* =========================================================
PAGE COMMON
========================================================= */
a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

body {
}

#allWrap {
}

main {
}

main > .lead {
	margin-bottom: 50px;
	background: rgba(255,255,255,0.8);
	padding: 5px;
	border-radius: 12px;
	display: inline-block;
}

main > .lead p {
	font-family: urw-din, a-otf-midashi-go-mb31-pr6n, sans-serif;
	font-weight: 700;
	font-size: 2rem;
}

@media screen and (max-width: 768px) {
	main > .lead p {
		max-width: 640px;
		margin: 0 auto;
		text-align: left;
		padding: 0 20px;
		font-size: 1.8rem;
	}
}

main > .lead dl.photographer {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 40px auto 20px;
}

main > .lead dl.photographer dt {
	background: #000;
	color: #fff;
	border-radius: 100px;
	border: 10px solid #000;
	padding: 3px 20px;
	font-size: 2.2rem;
}

main > .lead dl.photographer dd {
	border-radius: 100px;
	border: 10px solid #000;
	padding: 3px 20px;
	font-size: 2.2rem;
}

@media screen and (max-width: 768px) {
	main > .lead {
		margin-bottom: 60px;
	}
	
	main > .lead dl.photographer {
		margin: 30px auto 20px;
	}
	
	main > .lead dl.photographer dt {
		border: 6px solid #000;
	}

	main > .lead dl.photographer dd {
		border: 6px solid #000;
	}
}

main > .lead .img {
}

main > .lead .img img {
}

article {
}

.pagetop {
	margin-top: 50px;
}

.pagetop a {
	position: relative;
	display: inline-block;
	width: 90px;
	height: 90px;
	padding: 50px 0 0;
	border-radius: 200px;
}

.pagetop a::before {
	content: "";
	display: block;
	width: 35px;
	height: 6px;
	background: #000;
	border-radius: 10px;
	transform: rotate(-45deg);
	position: absolute;
	top: 25px;
	left: calc(50% - 28px);
}

.pagetop a::after {
	content: "";
	display: block;
	width: 35px;
	height: 6px;
	background: #000;
	border-radius: 10px;
	transform: rotate(45deg);
	position: absolute;
	top: 25px;
	right: calc(50% - 28px);
}


/* ==================================================
TAB
================================================== */
#tabSet {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#tabSet li.tab {
	border: 10px solid #000;
	border-radius: 300px;
	width: calc(100% / 3);
	background: #fff;
	padding: 2px 5px 8px;
	cursor: pointer;
	transition: all 0.4s ease-out 0s;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	/*! height: 100%; */
}

#tabSet li.tab.update {
	position: relative;
}

#tabSet li.tab.update::before {
	content: "UPDATE";
	display: block;
	width: 100%;
	height: 20px;
	top: -34px;
	position: absolute;
	color: #009444;
	font-size: 1.8rem;
	line-height: 1;
}

#tabSet li.tab:nth-of-type(1) {
	border-color: #0095e2;
}

#tabSet li.tab:nth-of-type(1):hover {
	color: #0095e2;
}

#tabSet li.tab.is-active:nth-of-type(1) {
	background-color: #0095e2;
	color: #fff;
}

#tabSet li.tab:nth-of-type(2) {
	border-color: #e3001a;
}

#tabSet li.tab:nth-of-type(2):hover {
	color: #e3001a;
}

#tabSet li.tab.is-active:nth-of-type(2) {
	background-color: #e3001a;
	color: #fff;
}

#tabSet li.tab:nth-of-type(3) {
	border-color: #fa5722;
}

#tabSet li.tab:nth-of-type(3):hover {
	color: #fa5722;
}

#tabSet li.tab.is-active:nth-of-type(3) {
	background-color: #fa5722;
	color: #fff;
}

#tabSet li.tab.is-active {
	cursor: default;
	pointer-events: none;
}

#tabSet li.tab.comingsoon {
	cursor: default;
	pointer-events: none;
	color: #d7d7d7;
	border-color: #d7d7d7;
}

#tabSet li.tab span {
	font-size: 6rem;
	letter-spacing: -0.06em;
	line-height: 1;
	/*! height: 100%; */
}

#tabSet li.tab span::after {
	content: "";
	display: block;
	line-height: 1;
	font-size: 2rem;
	letter-spacing: 0;
}

#tabSet li.tab:nth-of-type(1) span::after {
	content: "SATURDAY";
}

#tabSet li.tab:nth-of-type(2) span::after {
	content: "SUNDAY";
}

#tabSet li.tab:nth-of-type(3) span::after {
	content: "HOLIDAY";
}

#tabSet li.tab.comingsoon span::after {
	content: "COMING SOON";
}

@media screen and (max-width: 768px) {
#tabSet li.tab {
	border: 6px solid #000;
}

#tabSet li.tab span {
	font-size: 3.6rem;
}

#tabSet li.tab span::after {
	font-size: 1.6rem;
}
}

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 640px) {
#tabSet {
}

#tabSet li.tab {
	padding: 6px 5px 8px;
}

#tabSet li.tab.update::before {
	height: 18px;
	top: -28px;
	font-size: 1.6rem;
}
	
#tabSet li.tab:nth-of-type(1) {
}

#tabSet li.tab:nth-of-type(1):hover {
}

#tabSet li.tab.is-active:nth-of-type(1) {
}

#tabSet li.tab:nth-of-type(2) {
}

#tabSet li.tab:nth-of-type(2):hover {
}

#tabSet li.tab.is-active:nth-of-type(2) {
}

#tabSet li.tab:nth-of-type(3) {
}

#tabSet li.tab:nth-of-type(3):hover {
}

#tabSet li.tab.is-active:nth-of-type(3) {
}

#tabSet li.tab.is-active {
}

#tabSet li.tab.comingsoon {
}

#tabSet li.tab span {
}

#tabSet li.tab span::after {
}

#tabSet li.tab:nth-of-type(1) span::after {
	font-size: 1.4rem;
}

#tabSet li.tab:nth-of-type(2) span::after {
}

#tabSet li.tab:nth-of-type(3) span::after {
}

#tabSet li.tab.comingsoon span::after {
}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */



/* ==================================================
SET LIST
================================================== */
#setlistSet {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 10px;
	position: relative;
	z-index: 10;
	transition: all 0.4s ease-out 2s;
}

#setlistSet .setlist {
	padding: 25px 2% 5px;
	margin: 0 auto;
	/*display: none;*/
	transform: scale(0.3);
	transform-origin: 50% 100px;
	transition: all 0.8s ease-out 0s;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	height: auto;
	max-height: 200px;
	overflow: hidden;
}

#setlistSet #date713.setlist {
	border-color: #0095e2;
	z-index: -1;
}

#setlistSet #date714.setlist {
	border-color: #e3001a;
	z-index: -2;
}

#setlistSet #date715.setlist {
	border-color: #fa5722;
	z-index: -3;
}

#setlistSet .setlist.is-show {
	/*display: block;*/
	position: relative;
	transform: scale(1);
	opacity: 1;
	max-height: 100000px;
}

#setlistSet .setlist h3 {
	font-size: 2.8rem;
	text-align: left;
	padding: 0 5px;
}

#setlistSet .setlist .blockWrap {
}

#setlistSet .setlist .block {
	border-top: 2px solid #000;
	margin: 15px auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	flex-direction: row;
	text-align: left;
	padding: 25px 0 15px;
}

#setlistSet .setlist .block:last-child {
	padding-bottom: 10px;
}

#setlistSet .setlist .block .artist {
	width: 200px;
	padding: 6px 0 0 5px;
}

#setlistSet .setlist .block .artist h4 {
	font-size: 2rem;
	margin-bottom: 30px;
}

#setlistSet .setlist .block .artist h4 b {
	display: inline-block;
	margin-bottom: 8px;
}

#setlistSet .setlist .block .artist h4 b.colorBlue {
	color: #0095e2;
}

#setlistSet .setlist .block .artist h4 b.colorRed {
	color: #e3001a;
}

#setlistSet .setlist .block .artist h4 b.colorOrange {
	color: #fa5722;
}

#setlistSet .setlist .block .artist .member {
}

#setlistSet .setlist .block .artist .member li {
	font-size: 1.4rem;
	margin-bottom: 8px;
}

#setlistSet .setlist .block .imgs {
	width: calc(100% - 220px);
}

#setlistSet .setlist .block .imgs ul {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
}

#setlistSet .setlist .block .imgs ul li {
	width: calc(100% / 3 - 10px);
	margin: 0 5px 10px;
}

@media screen and (max-width: 900px) {
	#setlistSet .setlist .block .imgs ul li {
		width: calc(100% / 2 - 10px);
		margin: 0 5px 10px;
	}
}

#setlistSet .setlist .block .imgs ul li a {
	display: block;
	border: 2px solid #000;
	border-radius: 12px;
	overflow: hidden;
}

#setlistSet .setlist .block .imgs ul li a:hover {
	opacity: 1;
}

#setlistSet .setlist .block .imgs ul li a img {
	transition: all 0.4s ease-out 0s;
}

#setlistSet .setlist .block .imgs ul li a:hover img {
	transform: scale(1.08);
	filter: brightness(115%) contrast(110%) saturate(115%);
}

#setlistSet .setlist .block .imgs ol {
	padding-left: 10px;
	margin-top: 10px;
}

#setlistSet .setlist .block .imgs ol li {
	font-size: 1.6rem;
	margin-bottom: 8px;
}

#setlistSet .setlist .block .imgs ol li b {
	display: inline-block;
	margin-right: 8px;
}

/* バンドメンバー */
#setlistSet .setlist .block .bandMember {
}

#setlistSet .setlist .block .bandMember h4 {
	font-size: 2rem;
	margin-bottom: 20px;
}

#setlistSet .setlist .block .bandMember h4 b {
	display: inline-block;
	margin-bottom: 8px;
}

#setlistSet .setlist .block .bandMember ul {
	padding: 20px 15px 5px;
	background: #f8f7f1;
	border-radius: 12px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	margin-bottom: 15px;
}

#setlistSet .setlist .block .bandMember ul li {
	width: calc(100% / 5 - 10px);
	text-align: center;
	margin: 0 5px 20px;
}

@media screen and (max-width: 768px) {
#setlistSet .setlist .block .bandMember ul li {
	width: calc(100% / 4 - 10px);
}
}

#setlistSet .setlist .block .bandMember ul li .thumb {
	overflow: hidden;
	border-radius: 500px;
	max-width: 130px;
	margin: 0 auto 5px;
}

#setlistSet .setlist .block .bandMember ul li .thumb img {
	display:none;
}

#setlistSet .setlist .block .bandMember ul li .caption {
	font-size: 1.2rem;
}

#setlistSet .setlist .block .bandMember ul li .caption i.fontS {
	font-size: 90%;
}
/* */


/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 640px) {
#setlistSet {
}

#setlistSet .setlist {
}

#setlistSet #date713.setlist {
}

#setlistSet #date714.setlist {
}

#setlistSet #date715.setlist {
}

#setlistSet .setlist.is-show {
}

#setlistSet .setlist h3 {
	font-size: 2rem;
}

#setlistSet .setlist .blockWrap {
}

#setlistSet .setlist .block {
	display: block;
	padding: 15px 0 25px;
}

#setlistSet .setlist .block .artist {
	width: 100%;
	padding: 0 0 0 5px;
}

#setlistSet .setlist .block .artist h4 {
	font-size: 1.6rem;
	margin-bottom: 20px;
}

#setlistSet .setlist .block .artist h4 b {
}

#setlistSet .setlist .block .artist .member {
	margin-bottom: 20px;
}

#setlistSet .setlist .block .artist .member li {
	display: inline-block;
}

#setlistSet .setlist .block .artist .member li:not(:last-child)::after {
	content: "/";
	display: inline-block;
	margin: 0 8px;
}

#setlistSet .setlist .block .imgs {
	width: 100%;
}

#setlistSet .setlist .block .imgs ul {
}

#setlistSet .setlist .block .imgs ul li {
}


#setlistSet .setlist .block .imgs ul li a {
}

#setlistSet .setlist .block .imgs ul li a:hover {
}

#setlistSet .setlist .block .imgs ul li a img {
}

#setlistSet .setlist .block .imgs ul li a:hover img {
}

#setlistSet .setlist .block .imgs ol {
	padding-left: 5px;
	margin-top: 15px;
}

#setlistSet .setlist .block .imgs ol li {
	font-size: 1.4rem;
	margin-bottom: 6px;
}

#setlistSet .setlist .block .imgs ol li b {
}

/* バンドメンバー */
#setlistSet .setlist .block .bandMember {
}

#setlistSet .setlist .block .bandMember h4 {
	font-size: 1.6rem;
	margin-bottom: 20px;
}

#setlistSet .setlist .block .bandMember h4 b {
}

#setlistSet .setlist .block .bandMember ul {
}

#setlistSet .setlist .block .bandMember ul li {
	width: calc(100% / 3 - 10px);
}

#setlistSet .setlist .block .bandMember ul li .thumb {
}

#setlistSet .setlist .block .bandMember ul li .thumb img {
}

#setlistSet .setlist .block .bandMember ul li .caption {
}

#setlistSet .setlist .block .bandMember ul li .caption i.fontS {
}
/* */
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */


/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */
/* ##########　MEMO　################################################################################## */
/* #################################################################################################### */
/* #################################################################################################### */

/* ==================================================
大見出し
================================================== */

/* 中見出し（他、説明など）
------------------------------ */

/* ### 小見出し 1 ### */
/* ### ----- ### */

/* 小見出し 2 */
/* ----- */

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 768px) {

} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */