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

/* ==================================================
OPENING POPUP
================================================== */
#openingPopup {
	transition: all 0.8s ease-out 0s;
	position: fixed;
	transform: scale(0.6);
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 1000;
	padding: 30px 20px;
}

#openingPopup.displayView {
	transform: scale(1);
	opacity: 1;
	top: 0;
}

#openingPopup.skiped {
	transform: scale(1.4) !important;
	opacity: 0 !important;
	top: -130vh !important
}

#openingPopup .popCnt {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	overflow-y: scroll;
}

#openingPopup .popCnt .popCnt-inner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#popComment {
	padding: 60px 40px;
}

#popComment h1 {
	margin-bottom: 40px;
	line-height: 1.2;
}

#popComment h1 .siteTitle {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	letter-spacing: 0.05em;
}

#popComment h1 .siteTitle i {
}

#popComment h1 .label {
	font-size: 3rem;
	font-weight: 700; color: #fff;
	background: #0069b8;
	display: inline-block;
	padding: 10px 30px 8px;
}

#popComment .txt {
	font-size: 1.6rem;
	line-height: 1.8;
}

#popComment .txt p {
	display: inline-block;
	text-align: left;
}

#popComment .txt p.intro {
	display: inline-block;
	text-align: center;
	margin: 0 auto 2em;
}

#popComment .txt p b {
	font-weight: 700;
}

#popComment .txt p em {
	font-weight: 700;
	color: #f29c7c;
}

#popComment .txt .signature {
	text-align: right;
	margin: 3em auto 0;
	font-size: 1.4rem;
}

#popComment .txt .signature a {
	font-size: 1.3rem;
}

@media screen and (max-width: 900px) {
#openingPopup .popCnt {
	align-items: flex-start;
}
}

@media screen and (max-width: 680px) {
#popComment .txt p.intro {
	display: inline-block;
	text-align: left;
	margin: 0 auto 3em;
}

#popComment .txt p.intro br {
	display: none;
}
}

@media screen and (max-width: 580px) {
#popComment {
	padding: 100px 0 40px;
}

#popComment h1 {
}

#popComment h1 .siteTitle {
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 10px;
}

#popComment h1 .siteTitle i {
}

#popComment h1 .label {
	font-size: 2rem;
	font-weight: 700; color: #fff;
	background: #0069b8;
	display: inline-block;
	padding: 10px 15px 8px;
}

#popComment .txt {
	font-size: 1.4rem;
	line-height: 1.8;
}

#popComment .txt p {
}

#popComment .txt p.intro {
}
}


#openingPopup .closeBtn {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 100;
}

#openingPopup .closeBtn::before,
#openingPopup .closeBtn::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #0069b8;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
}

#openingPopup .closeBtn::before {
	transform: rotate(45deg);
}

#openingPopup .closeBtn::after {
	transform: rotate(-45deg);
}

#openingPopup .closeBtn em {
	position: absolute;
	display: block;
	width: 100%;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 1.1rem;
	letter-spacing: 0.1em;
}

#openingPopup .bg {
	position: absolute;
	display: block;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0.95;
	z-index: -1;
	box-shadow: 0px 0px 30px 0px rgba(34, 23, 20, 0.7);
}

#openingPopup .bg::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	border: 2px solid #0069b8;
	background: #7ecef4;
}

#openingPopup .bg::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: -2;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px solid #0069b8;
	background: rgba(255,255,255,0.9);
}

/* ==================================================
COMMON
================================================== */
main {}


/* ==================================================
HEADER
================================================== */

#siteHdr {
	position: relative;
	z-index: 1;
}

#siteHdr::after {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/hdr_bg.png") no-repeat center center;
	background-size: cover;
	opacity: 0.85;
}

#siteHdr .visual {}

#siteHdr .visual img {}

@media screen and (min-width: 769px) {
	#siteHdr .visual img.sp {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	#siteHdr::after {
		display: none;
	}
	#siteHdr .visual img.pc {
		display: none;
	}
}

/* J-WAVE SNS BUTTON
------------------------------ */

#snsWrap {
	text-align: center;
	padding: 60px 0 0;
	position: relative;
}

@media screen and (max-width: 900px) {
	#snsWrap {}
}

/* ==================================================
TOKYO GUITAR JAMBOREE
================================================== */

#tgjArea {
	padding-top: 80px;
	padding-bottom: 300px;
}

#tgjArea .areaTtl {}

#tgjArea .areaTtl img {}

@media screen and (max-width: 900px) {
	#tgjArea {
		padding-bottom: 110px;
	}
	#tgjArea .areaTtl img {
		height: auto !important;
	}
}

/* .borderBox
------------------------------ */

#tgjArea .borderBox {}

#tgjArea .borderBox p {}

#tgjArea .borderBox p em {}

/* .link
------------------------------ */

#tgjArea .link {
	padding: 70px 0;
}

#tgjArea .link .btnType {}

#tgjArea .link .btnType img {}

/* .simpleBox
------------------------------ */

#tgjArea .simpleBox {}

#tgjArea .simpleBox .ttl {}

#tgjArea .simpleBox .ttl strong {}

#tgjArea .simpleBox .txt {}

#tgjArea .simpleBox .txt .group {}

#tgjArea .simpleBox .txt p {}

#tgjArea .simpleBox .txt .list {
	margin-bottom: 2em;
}

#tgjArea .simpleBox .txt .list li {}

#tgjArea .simpleBox .txt .list li:not(:last-child) {}

#tgjArea .simpleBox .txt .list li::before {}

#tgjArea .simpleBox .txt p em {}

#tgjArea .simpleBox .txt .note {
	margin-top: 8px;
}

#tgjArea .simpleBox .txt .note li {
	text-indent: -24px;
	padding-left: 24px;
	line-height: 1.4;
}

#tgjArea .simpleBox .txt .note li:not(:last-child) {
	margin-bottom: 8px;
}

#tgjArea .simpleBox .txt .note li::before {
	content: "※";
	display: inline-block;
	width: 24px;
	text-indent: 0;
}

#tgjArea .simpleBox .txt dd { margin: 0 0 20px 0; }

/* .playguideSet
------------------------------ */

#tgjArea .playguideSet {}

/* ==================================================
LINE UP
================================================== */

#lineupArea {
	position: relative;
	z-index: 1;
	border-top: 2px solid #0069b8;
	border-bottom: 2px solid #0069b8;
}

#lineupArea::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 48%;
	background: url("../img/lineup_bg.png") no-repeat center top;
	background-size: cover;
	opacity: 0.85;
}

#lineupArea::after {
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 52%;
	/*background: #f29c7c;*/
	background: rgba(242, 156, 124, 0.85);
}

#lineupArea .areaTtl {}

#lineupArea .areaTtl img {}

#lineupArea .lineupWrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 1020px;
	margin: 0 auto;
}

@media screen and (max-width: 900px) {
	#lineupArea {}
	#lineupArea::before {
		height: 40%;
		background: url("../img/lineup_bg1_sp.png") no-repeat center top;
		background-size: cover;
		opacity: 0.85;
	}
	#lineupArea::after {
		height: 60%;
		background: url("../img/lineup_bg2_sp.jpg") repeat-y center top;
		background-size: 100% auto;
		opacity: 0.85;
	}
	#lineupArea .areaTtl {}
	#lineupArea .areaTtl img {}
	#lineupArea .lineupWrap {
		display: block;
	}
}

@media screen and (max-width: 560px) {
	#lineupArea {}
	#lineupArea::before {
		height: 30%;
	}
	#lineupArea::after {
		height: 70%;
	}
	#lineupArea .areaTtl {}
	#lineupArea .areaTtl img {}
	#lineupArea .lineupWrap {
		display: block;
	}
}

/* .lineupSet
------------------------------ */

#lineupArea .lineupSet {
	max-width: 480px;
	width: 47.1%;
	position: relative;
	z-index: 1;
}

#lineupArea .lineupSet.date0307 {}

#lineupArea .lineupSet.date0308 {}

#lineupArea .lineupSet::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 81.25%;
	height: calc(100% - 20px);
	background: #0069b8;
	transform: translate(10px, 20px);
	z-index: -1;
}

/* .head */

#lineupArea .lineupSet .head {
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 60px 0 100px;
	margin-bottom: 10px;
}

#lineupArea .lineupSet .head::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -2;
	width: 81.25%;
	height: 100%;
	border: 2px solid #0069b8;
	background: #7ecef4;
}

#lineupArea .lineupSet .head::after {
	content: "";
	position: absolute;
	top: 13px;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
	width: calc(81.25% - 26px);
	height: calc(100% - 26px);
	border: 1px solid #0069b8;
	background: #fff358;
}

#lineupArea .lineupSet .head .date {
	margin-bottom: 30px;
}

#lineupArea .lineupSet .head .date img {
	width: 55.8%;
	max-width: 268px;
}

#lineupArea .lineupSet .head ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
}

#lineupArea .lineupSet .head ul li {
	width: 48%;
	margin-bottom: 20px;
	max-width: 230px;
}

#lineupArea .lineupSet .head ul li a {
	position: relative;
	display: block;
	transition: filter 0.6s ease-out 0s;
}

#lineupArea .lineupSet .head ul li a::after {
	content: "";
	position: absolute;
	background: url("../img/lineup_hover.png") no-repeat center top;
	background-size: 100% auto;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	transition: all 0.6s ease-out 0s;
	opacity: 0;
	transform: translateX(-60px) translateY(-80px) rotate(360deg) scale(0.2);
}

#lineupArea .lineupSet .head ul li a:hover {
	opacity: 1;
	filter: brightness(115%) contrast(110%) saturate(120%);
}

#lineupArea .lineupSet .head ul li a:hover::after {
	opacity: 1;
	transform: translateX(0px) translateY(0px) rotate(-10deg) scale(1);
}

#lineupArea .lineupSet .head ul li a img {}

#lineupArea .lineupSet .head .caption {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#lineupArea .lineupSet .head .caption img {
	width: 26.65%;
	min-width: 70px;
	max-width: 128px;
}

@media screen and (max-width: 900px) {
	#lineupArea .lineupSet {
		max-width: 900px;
		width: 100%;
	}
	#lineupArea .lineupSet.date0307 {
		margin-bottom: 70px;
	}
	#lineupArea .lineupSet.date0308 {}
	#lineupArea .lineupSet::after {}
	/* .head */
	#lineupArea .lineupSet .head {}
	#lineupArea .lineupSet .head::before {}
	#lineupArea .lineupSet .head::after {}
	#lineupArea .lineupSet .head .date {}
	#lineupArea .lineupSet .head .date img {}
	#lineupArea .lineupSet .head ul {
		justify-content: center;
	}
	#lineupArea .lineupSet .head ul li {
		margin: 0 1.5% 30px;
		width: calc((100% / 3) - 3%);
	}
	#lineupArea .lineupSet .head ul li a {}
	#lineupArea .lineupSet .head ul li a::after {}
	#lineupArea .lineupSet .head ul li a:hover {}
	#lineupArea .lineupSet .head ul li a:hover::after {}
	#lineupArea .lineupSet .head ul li a img {}
	#lineupArea .lineupSet .head .caption {}
	#lineupArea .lineupSet .head .caption img {}
}

@media screen and (max-width: 560px) {
	#lineupArea .lineupSet .head ul li {
		margin: 0 10px 20px;
		width: calc(50% - 20px);
	}
}

/* .foot */

#lineupArea .lineupSet .foot {
	width: 81.25%;
	background: #0069b8;
	margin: 0 auto;
	padding: 40px 0;
}

#lineupArea .lineupSet .foot ul {
	width: 84.6%;
	margin: 0 auto;
}

#lineupArea .lineupSet .foot ul li {}

#lineupArea .lineupSet .foot ul li:not(:first-child) {
	margin-top: 15px;
}

#lineupArea .lineupSet .foot ul li:last-child {
	margin-top: 30px;
}

#lineupArea .lineupSet .foot ul li a {}

#lineupArea .lineupSet .foot ul li a:hover {
	opacity: 0.6;
}

#lineupArea .lineupSet .foot ul li a img {}

#lineupArea .lineupSet .foot ul li img {}

@media screen and (max-width: 900px) {
	#lineupArea .lineupSet .foot {}
	#lineupArea .lineupSet .foot ul {}
	#lineupArea .lineupSet .foot ul li {}
	#lineupArea .lineupSet .foot ul li:not(:first-child) {}
	#lineupArea .lineupSet .foot ul li:last-child {}
	#lineupArea .lineupSet .foot ul li a {}
	#lineupArea .lineupSet .foot ul li a:hover {}
	#lineupArea .lineupSet .foot ul li a img {}
	#lineupArea .lineupSet .foot ul li img {}
}

/* ==================================================
BACK NUMBER
================================================== */

#backnumberArea {
	background: url("../img/body_bg.png") repeat-y center top;
	background-size: 100% auto;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

#backnumberArea .link {
	margin-bottom: 100px;
	padding: 0 3%;
}

#backnumberArea .link .btnType {
	max-width: 640px;
	height: auto;
	padding: 30px 3%;
	width: 100%;
}

#backnumberArea .link .btnType img {}

@media screen and (max-width: 900px) {
	#backnumberArea {
		background: url("../img/body_bg_sp.png") repeat-y center top;
		background-size: 100% auto;
	}
	#backnumberArea .link {}
	#backnumberArea .link .btnType {}
	#backnumberArea .link .btnType img {}
}

/* MOVIE
------------------------------ */

#backnumberArea .movie {
	margin-bottom: 100px;
	padding: 0 3%;
}

#backnumberArea .movie ul {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 1100px;
	margin: 0 auto;
}

#backnumberArea .movie ul li {
	width: calc(50% - 40px);
	margin: 0 20px;
	max-width: 490px;
}

#backnumberArea .movie ul li .youtube {}

#backnumberArea .movie ul li .youtube iframe {}

#backnumberArea .movie ul li .caption {
	letter-spacing: 0;
	background: #fff358;
	padding: 10px;
	line-height: 1.4;
	margin-top: 10px;
	font-size: 1.5rem;
}

#backnumberArea .movie ul li .caption em {
	font-weight: 700;
}

@media screen and (max-width: 900px) {
	#backnumberArea .movie {}
	#backnumberArea .movie ul {}
	#backnumberArea .movie ul li {
		width: 100%;
		margin: 0 auto;
		max-width: 640px;
	}
	#backnumberArea .movie ul li:not(:first-child) {
		margin-top: 40px;
	}
	#backnumberArea .movie ul li .youtube {}
	#backnumberArea .movie ul li .youtube iframe {}
	#backnumberArea .movie ul li .caption {
		font-size: 1.4rem;
	}
	#backnumberArea .movie ul li .caption em {}
}

/* コメント欄
------------------------------ */

#backnumberArea .commentBoard {
	position: relative;
	padding: 0 3%;
}

#backnumberArea .commentBoard::after {
	content: "";
	display: block;
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	height: calc(100% - 120px);
	/*background: #f29c7c;*/
	background: rgba(242, 156, 124, 0.85);
	border-top: 2px solid #0069b8;
	z-index: -1;
}

#backnumberArea .commentBoard .simpleBox {}

#backnumberArea .commentBoard .simpleBox .ttl {}

#backnumberArea .commentBoard .simpleBox .txt {
	text-align: center;
}

#backnumberArea .commentBoard .simpleBox .txt p {}

#backnumberArea .commentBoard .simpleBox .txt p em {}

#backnumberArea .commentBoard .simpleBox .imgs {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 690px;
	margin: 60px auto 0;
}

#backnumberArea .commentBoard .simpleBox .imgs li {}

#backnumberArea .commentBoard .simpleBox .imgs li:nth-of-type(1) {
	width: 260px;
}

#backnumberArea .commentBoard .simpleBox .imgs li:nth-of-type(2) {
	width: calc(100% - 290px);
}

#backnumberArea .commentBoard .simpleBox .imgs li img {}

@media screen and (max-width: 900px) {
	#backnumberArea .commentBoard {}
	#backnumberArea .commentBoard::after {}
	#backnumberArea .commentBoard .simpleBox {}
	#backnumberArea .commentBoard .simpleBox .ttl {}
	#backnumberArea .commentBoard .simpleBox .txt {
		text-align: left;
	}
	#backnumberArea .commentBoard .simpleBox .txt p {}
	#backnumberArea .commentBoard .simpleBox .txt p em {}
	#backnumberArea .commentBoard .simpleBox .imgs {}
	#backnumberArea .commentBoard .simpleBox .imgs li {}
	#backnumberArea .commentBoard .simpleBox .imgs li:not(:first-child) {}
	#backnumberArea .commentBoard .simpleBox .imgs li img {}
}

@media screen and (max-width: 640px) {
	#backnumberArea .commentBoard {}
	#backnumberArea .commentBoard::after {}
	#backnumberArea .commentBoard .simpleBox {}
	#backnumberArea .commentBoard .simpleBox .ttl {}
	#backnumberArea .commentBoard .simpleBox .txt {
		text-align: left;
	}
	#backnumberArea .commentBoard .simpleBox .txt p {}
	#backnumberArea .commentBoard .simpleBox .txt p em {}
	#backnumberArea .commentBoard .simpleBox .imgs {
		margin-top: 40px;
		display: block;
	}
	#backnumberArea .commentBoard .simpleBox .imgs li {
		margin: 0 auto;
	}
	#backnumberArea .commentBoard .simpleBox .imgs li:nth-of-type(1) {
		width: 100%;
		text-align: center;
	}
	#backnumberArea .commentBoard .simpleBox .imgs li:nth-of-type(2) {
		margin-top: 40px;
		width: 100%;
		text-align: center;
	}
	#backnumberArea .commentBoard .simpleBox .imgs li img {}
}

/* ==================================================
TICKET
================================================== */

#ticketArea {
	border-top: none;
	border-bottom: none;
	padding-bottom: 0;
}

#ticketArea .areaTtl {}

#ticketArea .areaTtl img {}

/* フロアガイド
------------------------------ */

#floorGuide {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	max-width: 900px;
	margin: 0 auto 70px;
	position: relative;
}

#floorGuide .img {
	width: 420px;
}

#floorGuide .img img {}

#floorGuide .txt {
	width: calc(100% - 460px);
	text-align: left;
	background: #fff;
	padding: 40px 3%;
}

#floorGuide .txt p {}

#floorGuide .txt ul {}

#floorGuide .txt ul li {
	text-indent: -30px;
	padding: 0 0 0 30px;
	margin-bottom: 20px;
	font-size: 1.5rem;
	line-height: 1.8;
}

#floorGuide .txt ul li:last-child {
	margin-bottom: 0;
}

#floorGuide .txt ul li::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 18px;
	text-indent: 0;
	vertical-align: middle;
	transform: translateY(-1px);
}

#floorGuide .txt ul li em {
	display: inline-block;
	text-indent: 0;
	border: 2px solid #0069b8;
	border-radius: 6px;
	line-height: 1.4;
	padding: 1px 6px;
	background: #fff;
	margin: 0 3px;
}

#floorGuide .txt ul .typeA {}

#floorGuide .txt ul .typeA::before {
	background: url(../img/ticket_icon_point1.png) no-repeat left center;
}

#floorGuide .txt ul .typeA em {
	border: 2px solid #f6aa00;
}

#floorGuide .txt ul .typeB {}

#floorGuide .txt ul .typeB::before {
	background: url(../img/ticket_icon_point2.png) no-repeat left center;
}

#floorGuide .txt ul .typeB em {
	border: 2px solid #6fb92c;
}

#floorGuide .txt ul .typeC {}

#floorGuide .txt ul .typeC::before {
	background: url(../img/ticket_icon_point3.png) no-repeat left center;
}

#floorGuide .txt ul .typeC em {
	border: 2px solid #1dade5;
}

@media screen and (max-width: 900px) {
	#floorGuide {
		display: block;
	}
	#floorGuide .img {
		width: 100%;
		margin-bottom: 40px;
	}
	#floorGuide .img img {}
	#floorGuide .txt {
		width: 100%;
	}
	#floorGuide .txt p {}
	#floorGuide .txt ul {}
	#floorGuide .txt ul li {
		font-size: 1.4rem;
	}
	#floorGuide .txt ul li:last-child {}
	#floorGuide .txt ul li::before {}
	#floorGuide .txt ul li em {}
}

/* 料金表
------------------------------ */

#priceTable {
	max-width: 900px;
	margin: 0 auto;
	background: #0069b8;
	padding: 2px;
}

#priceTable .head {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
}

#priceTable .col1 {
	margin: 0 0 2px;
	width: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
}

#priceTable .col2 {
	margin: 0 2px 2px;
	width: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
}

#priceTable .col3 {
	margin: 0 0 2px;
	width: calc(100% - 424px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
}

#priceTable .rowGroup.typeSoldout .row:last-child .col1,
#priceTable .rowGroup.typeSoldout .row:last-child .col2,
#priceTable .rowGroup.typeSoldout .row:last-child .col3 {
	margin-bottom: 0;
}

#priceTable .head div {
	background: #7ecef4;
	padding: 6px 10px
}

#priceTable .head div img {
	display: block;
	margin: 0 auto;
}

/**/

#priceTable .rowGroup {}

#priceTable .rowGroup.typeSoldout {
	border-bottom: none;
}

#priceTable .rowGroup .row {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	flex-direction: row;
	line-height: 1.6;
}

#priceTable .rowGroup .row .col1 {
	font-size: 1.6rem;
}

#priceTable .rowGroup .row .col1 span {
	padding: 20px 15px;
}

#priceTable .rowGroup .row .col1 b {
	font-size: 86%;
}

#priceTable .rowGroup .row .col1 strong {
	font-size: 1.2rem;
	font-weight: 700;
	display: inline-block;
	background: #666;
	color: #fff;
	border-radius: 30px;
	padding: 3px 12px;
	line-height: 1.2;
	margin-bottom: 4px;
}

#priceTable .rowGroup .row .col1 strong.color {
	background: #f29c7c;
}

#priceTable .rowGroup .row .col1 em {}

#priceTable .rowGroup .row .col1 em::after {
	content: "・";
}

#priceTable .rowGroup .row .col2 {
	font-size: 1.6rem;
}

#priceTable .rowGroup .row .col2 span {
	padding: 10px;
}

#priceTable .rowGroup .row .col2 s {}

#priceTable .rowGroup .row .col2 b {
	font-size: 80%;
}

#priceTable .rowGroup .row .col2 b.red {
	color: #f29c7c;
	font-weight: 700;
}

#priceTable .rowGroup .row .col3 {
	font-size: 1.5rem;
}

#priceTable .rowGroup .row .col3 span {
	padding: 10px 15px;
}

#priceTable .rowGroup .row .col3 i {
	display: inline-block;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	padding: 0 2px;
}

/* ### .typeA ### */

#priceTable .rowGroup.typeA .row .col1,
#priceTable .rowGroup.typeA .row .col2,
#priceTable .rowGroup.typeA .row .col3 {
	background-color: rgb(251, 246, 198);
}

#priceTable .rowGroup.typeA .row .col1 {
	border-left: 14px solid #f6aa00;
}

/* ### .typeB ### */

#priceTable .rowGroup.typeB .row .col1,
#priceTable .rowGroup.typeB .row .col2,
#priceTable .rowGroup.typeB .row .col3 {
	background-color: rgba(223, 240, 207, 1);
}

#priceTable .rowGroup.typeB .row .col1 {
	border-left: 14px solid #6fb92c;
}

/* ### .typeC ### */

#priceTable .rowGroup.typeC .row .col1,
#priceTable .rowGroup.typeC .row .col2,
#priceTable .rowGroup.typeC .row .col3 {
	background-color: rgba(218, 237, 243, 1);
}

#priceTable .rowGroup.typeC .row .col1 {
	border-left: 14px solid #1dade5;
}

/* ### .typeSoldout ### */

#priceTable .rowGroup.typeSoldout .row .col1,
#priceTable .rowGroup.typeSoldout .row .col2,
#priceTable .rowGroup.typeSoldout .row .col3 {
	background-color: #8a8a8a;
	color: #d9d9d9;
}

#priceTable .rowGroup.typeSoldout .row .col1 {
	border-left: 14px solid #828282;
}

@media screen and (max-width: 900px) {
	#priceTable {}
	#priceTable .head {
		margin-bottom: 6px;
	}
	#priceTable .col1 {
		width: calc(100% - 102px);
		/*! justify-content: flex-start; */
	}
	#priceTable .col2 {
		margin: 0 0 2px 2px;
		width: 100px;
	}
	#priceTable .col3 {
		width: 100%;
		margin-bottom: 8px;
	}
	#priceTable .rowGroup.typeSoldout .row:last-child .col1,
	#priceTable .rowGroup.typeSoldout .row:last-child .col2,
	#priceTable .rowGroup.typeSoldout .row:last-child .col3 {
		margin-bottom: 2px;
	}
	#priceTable .rowGroup.typeSoldout .row:last-child .col3 {
		margin-bottom: 0;
	}
	#priceTable .head div {}
	#priceTable .head div img {}
	#priceTable .head .col3 {
		display: none;
	}
	/**/
	#priceTable .rowGroup {}
	#priceTable .rowGroup.typeSoldout {}
	#priceTable .rowGroup .row {}
	#priceTable .rowGroup .row .col1 {
		font-size: 1.4rem;
	}
	#priceTable .rowGroup .row .col1 span {
		width: 100%;
		text-align: left;
		padding: 10px;
	}
	#priceTable .rowGroup .row .col1 b {}
	#priceTable .rowGroup .row .col1 strong {}
	#priceTable .rowGroup .row .col1 strong.color {}
	#priceTable .rowGroup .row .col1 em {
		width: 100%;
		display: inline-block;
	}
	#priceTable .rowGroup .row .col1 em::after {
		display: none;
	}
	#priceTable .rowGroup .row .col2 {
		font-size: 1.4rem;
	}
	#priceTable .rowGroup .row .col2 span {}
	#priceTable .rowGroup .row .col2 s {}
	#priceTable .rowGroup .row .col2 b {}
	#priceTable .rowGroup .row .col3 {
		font-size: 1.3rem;
		letter-spacing: 0.05em;
	}
	#priceTable .rowGroup .row .col3 span {
		width: 100%;
		text-align: left;
		padding: 10px 5px 10px 18px;
	}
	#priceTable .rowGroup .row .col3 i {}
	/* ### .typeA ### */
	#priceTable .rowGroup.typeA {
		/*! margin-bottom: 5px; */
	}
	#priceTable .rowGroup.typeA .row .col1,
	#priceTable .rowGroup.typeA .row .col2,
	#priceTable .rowGroup.typeA .row .col3 {}
	#priceTable .rowGroup.typeA .row .col1 {
		border-left: 8px solid #f6aa00;
	}
	/* ### .typeB ### */
	#priceTable .rowGroup.typeB {
		/*! margin-bottom: 5px; */
	}
	#priceTable .rowGroup.typeB .row .col1,
	#priceTable .rowGroup.typeB .row .col2,
	#priceTable .rowGroup.typeB .row .col3 {}
	#priceTable .rowGroup.typeB .row .col1 {
		border-left: 8px solid #6fb92c;
	}
	/* ### .typeC ### */
	#priceTable .rowGroup.typeC {
		/*! margin-bottom: 5px; */
	}
	#priceTable .rowGroup.typeC .row .col1,
	#priceTable .rowGroup.typeC .row .col2,
	#priceTable .rowGroup.typeC .row .col3 {}
	#priceTable .rowGroup.typeC .row .col1 {
		border-left: 8px solid #1dade5;
	}
	/* ### .typeSoldout ### */
	#priceTable .rowGroup.typeSoldout {}
	#priceTable .rowGroup.typeSoldout .row .col1,
	#priceTable .rowGroup.typeSoldout .row .col2,
	#priceTable .rowGroup.typeSoldout .row .col3 {}
	#priceTable .rowGroup.typeSoldout .row .col1 {
		border-left: 8px solid #828282;
	}
}

@media screen and (min-width: 361px) {
	#priceTable .rowGroup .row .col1 strong br {
		display: none;
	}
}

/* 当日券について
------------------------------ */

#attentionBlk {
	background: #fff;
	text-align: left;
	padding: 30px 3%;
	max-width: 900px;
	margin: 0 auto;
}

#attentionBlk dl.info {}

#attentionBlk dl.info dt {
	display: inline-block;
	background: #0069b8;
	color: #fff;
	line-height: 1.2;
	padding: 6px 12px;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 15px;
}

#attentionBlk dl.info dd {}

#attentionBlk dl.info dd .color {
	color: #f29c7c;
}

#attentionBlk dl.info dd .list {}

#attentionBlk dl.info dd .list li {}

/* ==================================================
OMIYAGE
================================================== */

#omiyageArea {
	padding-bottom: 380px;
}

#omiyageArea .areaTtl {}

#omiyageArea .areaTtl img {}

#omiyageArea .simpleBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
}

#omiyageArea .simpleBox .img {
	width: 50%;
}

#omiyageArea .simpleBox .img img {}

#omiyageArea .simpleBox .txt {
	width: 47%;
}

#omiyageArea .simpleBox .txt p {}

#omiyageArea .simpleBox .txt ul.note {}

#omiyageArea .simpleBox .txt ul.note li {
	font-size: 1.4rem;
	color: #f29c7c;
}

@media screen and (max-width: 900px) {
	#omiyageArea {
		padding-bottom: 220px;
	}
	#omiyageArea .areaTtl {}
	#omiyageArea .areaTtl img {}
	#omiyageArea .simpleBox {
		display: block;
	}
	#omiyageArea .simpleBox .img {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#omiyageArea .simpleBox .img img {}
	#omiyageArea .simpleBox .txt {
		width: 100%;
	}
	#omiyageArea .simpleBox .txt p {}
	#omiyageArea .simpleBox .txt ul.note {}
	#omiyageArea .simpleBox .txt ul.note li {}
}

/* ==================================================
NOTICE
================================================== */

#noticeArea {
	padding-top: 0;
	padding-bottom: 340px;
	background: url("../img/body_bg.png") repeat-y center top;
	background-size: 100% auto;
}

#noticeArea .areaTtl {}

#noticeArea .areaTtl img {}

#noticeArea .note {
	margin-bottom: 70px;
	padding: 60px 40px;
	position: relative;
	z-index: 1;
	max-width: 900px
}

#noticeArea .note::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	border: 2px solid #0069b8;
	background: #7ecef4;
}

#noticeArea .note::after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: -2;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px solid #0069b8;
	background: #fff;
}

#noticeArea .note li {}

#noticeArea .note li:not(:last-child) {
	margin-bottom: 12px;
}

@media screen and (max-width: 900px) {
	#noticeArea {
		padding-bottom: 180px;
		background: url("../img/body_bg_sp.png") repeat-y center top;
		background-size: 100% auto;
	}
	#noticeArea .areaTtl {}
	#noticeArea .areaTtl img {}
	#noticeArea .note {
		margin-bottom: 40px;
		padding: 40px 30px;
	}
	#noticeArea .note::before {}
	#noticeArea .note::after {}
	#noticeArea .note li {
		font-size: 1.3rem;
	}
	#noticeArea .note li:not(:last-child) {}
}

/* .noticeBox
------------------------------ */

#noticeArea .noticeBox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	border: 2px solid #0069b8;
	max-width: 900px;
	margin: 0 auto;
	padding: 40px 30px;
	background: #fff;
	text-align: left;
}

#noticeArea .noticeBox:not(:last-child) {
	margin-bottom: 40px;
}

#noticeArea .noticeBox h3 {
	width: 320px;
}

#noticeArea .noticeBox h3 img {}

#noticeArea .noticeBox .txt {
	width: calc(100% - 320px);
	font-size: 1.5rem;
}

#noticeArea .noticeBox .txt p {}

@media screen and (max-width: 900px) {
	#noticeArea .noticeBox {
		display: block;
	}
	#noticeArea .noticeBox:not(:last-child) {}
	#noticeArea .noticeBox h3 {
		width: 100%;
		margin-bottom: 30px;
	}
	#noticeArea .noticeBox h3 img {}
	#noticeArea .noticeBox .txt {
		width: 100%;
	}
	#noticeArea .noticeBox .txt p {}
}

/* .infoA */

#noticeArea .noticeBox .txt .infoA {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	margin-top: 15px;
}

#noticeArea .noticeBox .txt .infoA dt {
	background: #0069b8;
	color: #fff;
	padding: 5px 15px;
	line-height: 1.2;
	width: 120px;
	margin-right: 20px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
}

#noticeArea .noticeBox .txt .infoA dd {
	width: calc(100% - 140px);
}

#noticeArea .noticeBox .txt .infoA dd em {
	font-size: 86%;
}

@media screen and (max-width: 900px) {
	#noticeArea .noticeBox .txt .infoA {
		display: block;
	}
	#noticeArea .noticeBox .txt .infoA dt {}
	#noticeArea .noticeBox .txt .infoA dd {
		width: 100%;
		margin-top: 8px;
	}
	#noticeArea .noticeBox .txt .infoA dd em {}
}

/* .infoB */

#noticeArea .noticeBox .txt .infoB {
	margin-top: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
}

#noticeArea .noticeBox .txt .infoB dt {
	border: 1px solid #0069b8;
	width: 180px;
	margin: 0 20px 0 0;
	padding: 10px 12px;
	line-height: 1.4;
	position: relative;
	font-size: 1.3rem;
	font-weight: 700;
	text-align: center;
}

#noticeArea .noticeBox .txt .infoB dt::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: 2px solid #0069b8;
}

#noticeArea .noticeBox .txt .infoB dt span {}

#noticeArea .noticeBox .txt .infoB dd {
	width: calc(100% - 200px);
}

#noticeArea .noticeBox .txt .infoB dd em {
	display: inline-block;
	margin-right: 10px;
}

#noticeArea .noticeBox .txt .infoB dd a {
	margin-top: 15px;
}

#noticeArea .noticeBox .txt p a {
	transform: translateY(0px);
	margin: 0 3px;
}

@media screen and (max-width: 900px) {
	#noticeArea .noticeBox .txt .infoB {
		display: block;
	}
	#noticeArea .noticeBox .txt .infoB dt {
		width: auto;
		display: inline-block;
	}
	#noticeArea .noticeBox .txt .infoB dt::after {}
	#noticeArea .noticeBox .txt .infoB dt br {
		display: none;
	}
	#noticeArea .noticeBox .txt .infoB dt span {}
	#noticeArea .noticeBox .txt .infoB dd {
		width: 100%;
		margin-top: 8px;
	}
	#noticeArea .noticeBox .txt .infoB dd em {}
	#noticeArea .noticeBox .txt .infoB dd a {}
	#noticeArea .noticeBox .txt p a {}
}

/* ==================================================
ABOUT
================================================== */

#aboutArea {
	padding-bottom: 0;
	border-bottom: none;
}

#aboutArea h2 {}

#aboutArea h2 img {}

#aboutArea .closeInfo {
	color: #f29c7c;
	font-weight: 700;
	display: inline-block;
	cursor: pointer;
	border-bottom: 2px solid #f29c7c;
	padding: 0 3px 8px;
	margin-bottom: 8px;
	line-height: 1.2;
}

/* .lead
------------------------------ */

#aboutArea .lead {
	margin-bottom: 70px;
}

#aboutArea .lead p {}

/* .table
------------------------------ */

#aboutArea .table {
	max-width: 900px;
	margin: 0 auto;
}

#aboutArea .table .ttl {
	background: #0069b8;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-weight: 900;
	letter-spacing: 0.05em;
	max-width: 1100px;
	margin: 0 auto 7px;
	padding: 10px;
}

#aboutArea .table .ttl em {}

@media screen and (max-width: 900px) {
	#aboutArea .table .ttl em {
		display: block;
		line-height: 1.4;
	}
}

/* ### .credit ### */

#aboutArea .credit {}

#aboutArea .credit dl {
	background: #fff;
	margin: 0 auto 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
}

#aboutArea .credit dl:last-child {
	margin-bottom: 0;
}

#aboutArea .credit dl dt {
	width: 180px;
}

#aboutArea .credit dl dt img {
	display: block;
	margin: 0 auto;
}

#aboutArea .credit dl dd {
	font-size: 1.5rem;
	width: calc(100% - 180px);
	text-align: left;
	border-left: 5px solid #f29c7c;
	padding: 10px 20px;
}

#aboutArea .credit dl dd a {}

#aboutArea .credit dl dd em {
	font-size: 86%;
}

#aboutArea .credit dl dd .links {
	margin-top: 10px;
}

#aboutArea .credit dl dd .links li {
	line-height: 1.4;
	font-size: 1.4rem;
	margin-bottom: 8px;
}

#aboutArea .credit dl dd .links li .name {
	display: inline-block;
	width: 150px;
	position: relative;
}

#aboutArea .credit dl dd .links li .name::before {
	content: "■";
}

#aboutArea .credit dl dd .links li .name::after {
	content: ":";
	display: block;
	width: 10px;
	position: absolute;
	top: 0;
	right: 0;
}

#aboutArea .credit dl dd .links li a {}

#aboutArea .credit dl dd .links li i {}

#aboutArea .credit dl dd .group {
	padding: 15px 0;
}

#aboutArea .credit dl dd .group:first-child {
	border-bottom: 1px dotted #0069b8;
	margin-bottom: 10px;
}

#aboutArea .credit dl dd .date {
	display: inline-block;
	border: 1px solid #0069b8;
	padding: 5px 10px;
	line-height: 1.4;
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 1.3rem;
}

#aboutArea .credit dl dd .date span {}

#aboutArea .credit dl dd .date span.sale {
	color: #f29c7c;
}

#aboutArea .credit dl dd .artist {
	font-size: 1.4rem;
}

#aboutArea .credit dl dd .artist em {}

#aboutArea .credit dl dd .artist b {
	display: inline-block;
}

#aboutArea .credit dl dd .cast {
	margin-top: 15px;
}

#aboutArea .credit dl dd .cast em {}

#aboutArea .credit .info {}

#aboutArea .credit .info dt {}

#aboutArea .credit .info dt img {}

#aboutArea .credit .info dd {}

#aboutArea .credit .info dd .box {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	border: 1px solid #0069b8;
	padding: 5px 10px;
}

#aboutArea .credit .info dd .box strong {
	display: inline-block;
	background: #0069b8;
	color: #fff;
	line-height: 1.2;
	font-size: 1.4rem;
	padding: 2px 10px;
}

#aboutArea .credit .info dd .box span {
	padding: 0 0 0 15px;
}

#aboutArea .credit .info dd .box span i {
	font-size: 86%;
}

@media screen and (max-width: 900px) {
	#aboutArea .credit {}
	#aboutArea .credit dl {
		display: block;
		padding: 15px 3%;
	}
	#aboutArea .credit dl:last-child {}
	#aboutArea .credit dl dt {
		width: 100%;
		border-bottom: 1px dotted #0069b8;
		padding: 5px 3px 10px;
	}
	#aboutArea .credit dl dt img {
		margin: 0;
		height: 18px;
	}
	#aboutArea .credit dl dd {
		border: none;
		font-size: 1.4rem;
		width: 100%;
		padding: 15px 0 0;
	}
	#aboutArea .credit dl dd a {}
	#aboutArea .credit dl dd em {}
	#aboutArea .credit dl dd .links {}
	#aboutArea .credit dl dd .links li {
		margin-bottom: 15px;
	}
	#aboutArea .credit dl dd .links li .name {
		width: 100%;
		display: block;
		margin-bottom: 8px;
	}
	#aboutArea .credit dl dd .links li .name::before {}
	#aboutArea .credit dl dd .links li .name::after {
		display: none;
	}
	#aboutArea .credit dl dd .links li a {}
	#aboutArea .credit dl dd .links li i {}
	#aboutArea .credit dl dd .group {
		padding: 0;
	}
	#aboutArea .credit dl dd .group:first-child {
		border: none;
		margin-bottom: 20px;
	}
	#aboutArea .credit dl dd .date {}
	#aboutArea .credit dl dd .date span {}
	#aboutArea .credit dl dd .date span.sale {}
	#aboutArea .credit dl dd .artist {}
	#aboutArea .credit dl dd .artist em {}
	#aboutArea .credit dl dd .artist b {}
	#aboutArea .credit dl dd .cast {}
	#aboutArea .credit dl dd .cast em {}
	#aboutArea .credit .info {}
	#aboutArea .credit .info dt {}
	#aboutArea .credit .info dt img {}
	#aboutArea .credit .info dd {}
	#aboutArea .credit .info dd .box {
		padding: 10px;
		display: inline-block;
	}
	#aboutArea .credit .info dd .box strong {
		margin-bottom: 8px;
	}
	#aboutArea .credit .info dd .box span {
		display: block;
		padding: 0;
	}
	#aboutArea .credit .info dd .box span i {}
}

/* ==================================================
エリアタイトル
================================================== */

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

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

/* 
------------------------------ */