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

/* ==================================================
BASE (RESET)
================================================== */
html { box-sizing: border-box; width: 100%; margin: 0; padding: 0; }
*, *::after, *::before { box-sizing: inherit; }
body { position: relative; width: 100%; margin: 0; padding: 0; text-align: center; }
#allWrap { width: 100%; margin: 0 auto; text-align: center; }

h1, h2, h3, h4, h5, h6, p { font-size: 100%; font-weight: inherit; margin: 0; padding: 0; }
ul, ol, dl { margin: 0; padding: 0; vertical-align: baseline; background: transparent; }
ol, li { list-style: none; }
dt, dd { font-weight: inherit; font-style: normal; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { font-size: inherit; font-weight: inherit; font-style: normal; empty-cells: show; }
input, select { vertical-align: middle; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
pre { white-space: pre-wrap; }
em, strong, i, b { font-style: normal; font-weight: inherit; }
figure { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
img { font-size: 0; line-height: 0; border: 0; vertical-align: bottom; }
img, object, embed, video {max-width: 100%;}
/*レスポンシブ対応*/
img { max-width: 100%; height: auto; }
/* ---------- */
a { font-size: inherit; margin: 0; padding: 0; background: transparent; }


/* ==================================================
FONT
================================================== */
html { font-size: 62.5%; }

/*body,*/
#allWrap {
	font-family: urw-din, a-otf-midashi-go-mb31-pr6n, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.2;
	letter-spacing: 0;
	color: #000;
	
	-webkit-font-smoothing: antialiased; /* WebKitブラウザサポート */
	text-rendering: optimizeLegibility; /* Chrome、Safariサポート */
	-moz-osx-font-smoothing: grayscale; /* Firefoxサポート */
	/*font-feature-settings: 'liga';*/ /* IEサポート */
	font-feature-settings: "palt", 'liga';
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /* iPhoneの文字サイズバグの回避 */
}

/*
===== Adobe Fonts CSS Sample =====
▼A-OTF Midashi Go MB31 Pr6N MB31
font-family: a-otf-midashi-go-mb31-pr6n,sans-serif;
font-style: normal;
font-weight: 600; ← Bold

▼URW DIN
font-family: urw-din,sans-serif;
font-style: normal;
font-weight: 600; ← Demi
font-weight: 700; ← Bold
font-weight: 900; ← Black
*/


/* ==================================================
LINK
================================================== */
a { transition: all 0.4s ease-out 0s; line-height: 1.2; }
a:link { text-decoration: none; color: #000; }
a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #000; opacity: 0.6; }
a:active { text-decoration: none; color: #000; }
:focus { outline: 0; }

a img { display: block; margin: 0 auto; }

/* マウスオーバーでimgをZOOM
------------------------------ */
a.hoverZoom { position: relative; display: block; overflow: hidden; text-decoration: none; }
a.hoverZoom img {
	width: 1000px; /*親ブロック以上のサイズを指定*/
	max-width: 100%; /*原寸より拡大させない*/
	transition: transform .25s linear 0s;
}
a.hoverZoom:hover img { transform: scale(1.05); }


/* ==================================================
PCの時のみ表示
================================================== */
/* ################ ↓↓↓ MEDIAQUERY ↓↓↓ ########## */ @media screen and (min-width: 769px) {
.spOnly { display: none !important; }
.pcOnly { }
} /* ############## ↑↑↑ MEDIAQUERY ↑↑↑ ########## */

/* ==================================================
SPの時のみ表示
================================================== */
/* ################ ↓↓↓ MEDIAQUERY ↓↓↓ ########## */ @media screen and (max-width: 768px) {
.spOnly { }
.pcOnly { display: none !important; }
} /* ############## ↑↑↑ MEDIAQUERY ↑↑↑ ########## */


/* ==================================================
PAGE BASE
================================================== */
body { min-width: 320px; }

#allWrap {
	width: 100%;
	min-width: 320px;
	overflow: hidden;
	position: relative;
}

#allWrap i {
	display: inline-block;
}

#pageHome #allWrap b {}

#allWrap p {}

.borderBox {
	border-width: 10px;
	border-style: solid;
	border-color: #000;
	border-radius: 28px;
	background: #fff;
	margin: 0 auto;
	position: relative;
}


/* ANIMATION */
#allWrap,
#commonFooter {
	transition: opacity 2.2s ease-out 0s;
	opacity: 0;
}

body.cntView #allWrap,
body.cntView #commonFooter {
	opacity: 1;
}

body.scrollNone #commonFooter {
	transition: none;
	opacity: 0;
}

.area {
	position: relative;
}

article.area,
#lineupArea .area,
#goodslistArea .list {
	transition: transform 1.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s, opacity 0.8s ease-out 0.4s;
	transform: scale(0.8) translateY(100px);
	transform-origin: center top;
	opacity: 0;
}

article.area.objView,
#lineupArea .area.objView,
#goodslistArea .list.objView {
	transform: scale(1) translateY(0px);
	opacity: 1;
}

/**/
@media screen and (min-width: 921px) {
article.area.cnt1st {
	transition: transform 1.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.0s, opacity 0.8s ease-out 1.4s;
	transform: scale(0.8) translateY(100px);
	transform-origin: center top;
	opacity: 0;
}

article.area.cnt1st.objView {
	transform: scale(1) translateY(0px);
	opacity: 1;
}
}

/**/
#pageAccess article.area.cnt1st {
	transform: scale(1) translateY(100px);
}

#pageAccess article.area.cnt1st.objView {
	transform: scale(1) translateY(0px);
}

/**/
#pageAbout main > .lead.area.cnt1st,
#pageGoods main > .lead.area.cnt1st,
#pageReport main > .lead.area.cnt1st {
	/*transition: transform 1.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.0s, opacity 0.8s ease-out 1.4s;*/
	transition: transform 1.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s, opacity 0.8s ease-out 0.8s;
	transform: scale(0.8) translateY(100px);
	transform-origin: center top;
	opacity: 0;
}

#pageAbout main > .lead.area.cnt1st.objView,
#pageGoods main > .lead.area.cnt1st.objView,
#pageReport main > .lead.area.cnt1st.objView {
	transform: scale(1) translateY(0px);
	opacity: 1;
}


/**/
#pageNews #newsArea .list {
	transition: transform 1.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s, opacity 0.8s ease-out 0.2s;
	transform: translateX(80vw);
	opacity: 0;
}

#pageNews #newsArea .list:nth-of-type(even) {
	transform: translateX(-80vw);
}

#pageNews #newsArea .list.objView {
	transform: translateX(0);
	opacity: 1;
}

/**/
#pageNews article.area.cnt1st {
	transform: scale(1) translateY(0px);
}

#pageNews article.area.cnt1st.objView {
	transform: scale(1) translateY(0px);
}


/**/
#pageHome  #leadArea::before {
	transition: transform 1.4s ease-out 0.6s, opacity 0.8s ease-out 0.2s;
	transform: scale(0);
	transform-origin: center center;
	opacity: 0;
}

#pageHome  #leadArea.objView::before {
	transform: scale(1);
	opacity: 1;
}

/**/
#pageHome #newsArea .borderBox::before,
#pageHome #newsArea .borderBox::after {
	transition: transform 1.4s ease-out 1.0s, opacity 0.8s ease-out 0.6s;
	transform: scale(0);
	transform-origin: center center;
	opacity: 0;
}

#pageHome #newsArea.objView .borderBox::before,
#pageHome #newsArea.objView .borderBox::after {
	transform: scale(1);
	opacity: 1;
}

/**/
#pageHome #lineupArea .area .borderBox::before,
#pageHome #lineupArea .area .borderBox::after {
	transition: transform 1.4s ease-out 0.6s, opacity 0.8s ease-out 0.2s;
	transform: scale(0);
	transform-origin: right center;
	opacity: 0;
}

#pageHome #lineupArea #lineup714.area .borderBox::after {
	transform-origin: left center;
}

#pageHome #lineupArea .area.objView .borderBox::before,
#pageHome #lineupArea .area.objView .borderBox::after {
	transform: scale(1);
	opacity: 1;
}

/**/
#pageHome #ticketArea .box::after {
	transition: transform 1.4s ease-out 0.6s, opacity 0.8s ease-out 0.2s;
	transform: scale(0);
	transform-origin: right center;
	opacity: 0;
}

#pageHome #ticketArea.objView .box::after {
	transform: scale(1);
	opacity: 1;
}

/**/
#pageHome #infoArea .box::after {
	transition: transform 1.4s ease-out 0.6s, opacity 0.8s ease-out 0.2s;
	transform: scale(0);
	transform-origin: left center;
	opacity: 0;
}

#pageHome #infoArea.objView .box::after {
	transform: scale(1);
	opacity: 1;
}

/**/
#siteHdr .comment1,
#siteHdr .liveReport {
	transition: transform 1.4s ease-out 0s, opacity 0.8s ease-out 0.2s;
	transform: scale(0);
	transform-origin: center center;
	opacity: 0;
}

#siteHdr.objView .comment1,
#siteHdr.objView .liveReport {
	transform: scale(1);
	opacity: 1;
}

#siteHdr .inner::before,
#siteHdr .inner::after {
	transition: transform 1.6s ease-out 0.6s, opacity 0.8s ease-out 0.8s;
	transform: scale(0);
	transform-origin: left center;
	opacity: 0;
}

#siteHdr .inner::after {
	transform-origin: right center;
}

#siteHdr.objView .inner::before,
#siteHdr.objView .inner::after {
	transform: scale(1);
	opacity: 1;
}

/**/
#pageHdr h1 {
	transition: transform 1.4s ease-out 0s, opacity 0.8s ease-out 0.2s;
	transform: scale(0.4);
	transform-origin: center center;
	opacity: 0;
}

#pageHdr.objView h1 {
	transform: scale(1);
	opacity: 1;
}


/* ################ ↓↓↓ MEDIAQUERY ↓↓↓ ########## */ @media screen and (max-width: 768px) {
	.borderBox {
		border-width: 6px;
	}
} /* ############## ↑↑↑ MEDIAQUERY ↑↑↑ ########## */

/* ==================================================
NAVIGATION
================================================== */
#hdrNavi {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

#hdrNavi .inner {
	padding: 20px 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
}

#hdrNavi .inner::after {
	content: "";
	display: block;
	width: calc(100% - 20px);
	height: 45px;
	background: rgba(255,255,255,0.9);
	position: absolute;
	z-index: -1;
	border-radius: 100px;
	max-width: 1100px;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	top: 24px;
	left: 10px;
}

#hdrNavi .menuWrap {
	transition: none;
	width: calc(100%);
	margin-top:10px;
}

#hdrNavi .menuMain {
}

#hdrNavi .menuMain ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	flex-direction: row;
}

#hdrNavi .menuMain ul li {
	margin: 0 5px;
}

#hdrNavi .menuMain ul li a {
	display: block;
	position: relative;
	border: 4px solid #000;
	background: #fff;
	border-radius: 100px;
	line-height: 1;
	padding: 1px 8px 3px;
	font-size: 2rem;
	font-weight: 700;
	font-family: urw-din, a-otf-midashi-go-mb31-pr6n, sans-serif;
}

#hdrNavi .menuMain ul li a:hover {
	opacity: 1;
	background: #000;
	color: #fff;
	transform: scale(1.18);
	z-index: 10;
}

#hdrNavi .menuMain ul li.new a {
	border: 4px solid #e3001a;
}

#hdrNavi .menuMain ul li.new a:hover {
	background: #e3001a;
}

#hdrNavi .menuMain ul li.comingsoon {
}

#hdrNavi .menuMain ul li.comingsoon a {
	pointer-events: none;
	border-color: #e0e0e0;
	color: #e0e0e0;
	background-color: rgba(255,255,255,0.5);
}

/**/
#hdrNavi .menuMain ul li.update a::after,
#hdrNavi .menuMain ul li.new a::after {
	content: "UPDATE";
	position: absolute;
	font-size: 1.2rem;
	margin: auto;
	top: -26px;
	left: 0;
	right: 0;
	color: #009444;
}

#hdrNavi .menuMain ul li.new a::after {
	content: "NEW !!";
	color: #e3001a;
}
/**/

#hdrNavi .ticket {
	/*! margin-left: 40px; */
	width: 150px;
}

#hdrNavi .ticket a {
}

#hdrNavi .ticket a:hover {
	opacity: 1;
}

#hdrNavi .ticket a img {
	transition: all 0.4s ease-out 0s;
}

#hdrNavi .ticket a:hover img {
	filter: brightness(110%) contrast(110%) saturate(120%);
	transform: scale(1.15);
}

/* page active */
#pageHome #hdrNavi .menuMain ul li:nth-of-type(1) a,
#pageNews #hdrNavi .menuMain ul li:nth-of-type(2) a,
#pageLineup #hdrNavi .menuMain ul li:nth-of-type(3) a,
#pageReport #hdrNavi .menuMain ul li:nth-of-type(4) a,
#pageAbout #hdrNavi .menuMain ul li:nth-of-type(5) a,
#pageGoods #hdrNavi .menuMain ul li:nth-of-type(6) a,
#pageAccess #hdrNavi .menuMain ul li:nth-of-type(7) a,
#pageArchives #hdrNavi .menuMain ul li:nth-of-type(8) a {
	pointer-events: none;
	color: #fff;
	background-color: #000;
}

#pageReport #hdrNavi .menuMain ul li.new a {
	background-color: #e3001a;
}

#pageTicket #hdrNavi .ticket {
	display: none;
}


/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (min-width: 1001px) {
/* accordionBtn 
------------------------------ */ 
#hdrNavi .accordionBtn {
	display: none;
}
/* ----- */
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */


/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 1000px) {
	#hdrNavi {
		position: relative;
	}

	#hdrNavi .inner {
		padding: 0;
		display: block;
	}
	
	#hdrNavi .inner::after {
		display: none;
	}

	#hdrNavi .menuWrap {
		width: 100%;
		height: 100vh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background: rgba(255,255,255,1);
		position: fixed;
		top: 0;
		left: 0;
		z-index: -100;
		transform: scale(0);
		opacity: 0;
	}

	#hdrNavi .menuWrap.transition {
		transition: all 0.8s ease-out 0s;
	}

	.navOpen #hdrNavi .menuWrap {
		top: 0;
		transform: scale(1);
		opacity: 1;
		display: block;
		z-index: 100;
	}
	
	#commonFooter {
	}
	
	.scrollNone #commonFooter {
		opacity: 0 !important;
		z-index: -1;
	}
	
	#hdrNavi .menuMain {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
		width: 100%;
		height: 100%;
		padding: 100px 0 180px;
		min-height: 440px;
	}

	#hdrNavi .menuMain ul {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
		width: 100%;
		max-width: 680px;
		margin: 0 auto;
		padding: 0 20px;
	}

	#hdrNavi .menuMain ul li {
		width: calc(50% - 10px);
		margin: 0 5px 30px;
	}

	/*#hdrNavi .menuMain ul li:nth-of-type(3) {
		width: calc(100% - 10px);
		margin: 0 5px 30px;
	}*/

	#hdrNavi .menuMain ul li a {
		padding: 6px 10px;
	}

	#hdrNavi .menuMain ul li a:hover {
		transform: scale(1.12);		
	}

	#hdrNavi .menuMain ul li.comingsoon {
		
	}

	#hdrNavi .menuMain ul li.comingsoon a {
		
	}
	
	/**/
	#hdrNavi .menuMain ul li.update a::after,
	#hdrNavi .menuMain ul li.new a::after {
		top: -20px;
	}

	#hdrNavi .menuMain ul li.new a::after {
	}
	/**/

	#hdrNavi .ticket {
		margin: 0;
		position: fixed;
		top: 18px;
		right: 20px;
		z-index: 300;
		}

	#hdrNavi .ticket a {
		
	}

	#hdrNavi .ticket a:hover {
		
	}

	#hdrNavi .ticket a img {
		
	}

	#hdrNavi .ticket a:hover img {
		
	}

	/* accordionBtn 
	------------------------------ */ 
	#hdrNavi .accordionBtn {
		position: fixed;
		z-index: 200;
		top: 20px;
		left: 20px;
		display: block;
		width: 56px;
		height: 56px;
		cursor: pointer;
		transition: all 0.6s ease-out 0s;
		background: #fff;
		border-radius: 30px;
	}

	#hdrNavi .accordionBtn::after {
		content: "MENU";
		font-family: urw-din, a-otf-midashi-go-mb31-pr6n, sans-serif;
		font-weight: 700;
		font-size: 12px;
		position: absolute;
		bottom: 7px;
		left: 0;
		right: 0;
		margin: auto;
	}
	
	#hdrNavi .accordionBtn em {
		position: relative;
		top: 20px;
		left: 10px;
		display: block;
		width: 36px;
		height: 4px;
		transition: all 0.5s ease-out 0s;
		border-radius: 10px;
		background: rgba(0,0,0,1.0);
	}

	#hdrNavi .accordionBtn em:before,
	#hdrNavi .accordionBtn em:after {
		position: absolute;
		display: block;
		width: 36px;
		height: 4px;
		content: '';
		transition: all 0.3s ease-out 0s;
		transform: rotate(0deg);
		border-radius: 3px;
		background: rgba(0,0,0,1.0);
	}

	#hdrNavi .accordionBtn em:before { transform: translateY(8px); }

	#hdrNavi .accordionBtn em:after { transform: translateY(-8px); }

	/* メニューOPEN時 */
	html.scrollNone,
	body.scrollNone { overflow: hidden; }
	
	.navOpen #hdrNavi .accordionBtn::after {
		content: "CLOSE";
	}
	
	.navOpen #hdrNavi .accordionBtn em {
		transform: rotate(180deg);
		background: rgba(0,0,0,.0);
	}

	.navOpen #hdrNavi .accordionBtn em:before {
		height: 4px;
		transform: translateY(0) rotate(-45deg);
	}

	.navOpen #hdrNavi .accordionBtn em:after {
		height: 4px;
		transform: translateY(0) rotate(45deg);
	}
	/* ----- */
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 768px) {
	#hdrNavi .ticket {
	width: 130px;
	top: 24px;
	}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */


/* ==================================================
追従バナー
================================================== */

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (min-width: 1001px) {
	#bnrFixed {
		margin: auto;
		width: 48px;
		height: 480px;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 10px;
		z-index: 100;
		transition: all 0.4s ease-out 0s;
		/*opacity: 0;*/
		display: none;
	}
	#pageHome #bnrFixed {
		display: block;
	}
	#bnrFixed.fixed {
		/*left: 10px;
		opacity: 1;*/
	}
	#bnrFixed .link1 {
		width: 48px;
		height: 430px;
		background: #fff;
		border-radius: 1000px;
	}
	#bnrFixed .link1 a {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		font-feature-settings: normal;
		display: block;
		width: 100%;
		height: 100%;
		/*background: #ea5223;*/
		background: #e3001a;
		border-radius: 1000px;
		border: 3px solid #fff;
		padding: 12px 3px 32px;
		font-size: 2.8rem;
		color: #fff;
		position: relative;
	}
	#bnrFixed .link1 a::after {
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		background: url(../img/icon_arrow_fff.png) no-repeat center center;
		background-size: contain;
		position: absolute;
		bottom: 14px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 1;
	}
	#bnrFixed .link2 {
		width: 48px;
		height: 48px;
		background: #fff;
		border-radius: 1000px;
		margin-top: 5px;
	}
	#bnrFixed .link2 a {
		display: block;
		width: 48px;
		height: 48px;
		border-radius: 1000px;
		border: 3px solid #fff;
	}
	#bnrFixed .link2 a img {
		display: block;
	}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 1000px) {
	#bnrFixed {
		margin: auto;
		width: 100%;
		max-width: 690px;
		height: auto;
		position: fixed;
		opacity: 0;
		bottom: -200px;
		left: 0;
		right: 0;
		z-index: 100;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
		flex-direction: row;
		padding: 0 15px;
		transition: all 1s ease-out 0s;
	}
	.navOpen #bnrFixed {
		opacity: 1;
		bottom: 10px;
	}
	#pageHome #bnrFixed {
		opacity: 1;
		bottom: 10px;
	}
	#bnrFixed.fixed {}
	#pageHome #bnrFixed.objView-on {
		opacity: 1;
	}
	#pageHome #bnrFixed.objView-off {
		opacity: 0;
		bottom: -200px;
	}
	#bnrFixed .link1 {
		width: calc(100% - 68px);
		/*! height: 48px; */
		background: #fff;
		border-radius: 1000px;
		margin: 0 5px;
	}
	#pageTicket .navOpen #bnrFixed .link1 {
		display: none;
	}
	#bnrFixed .link1 a {
		/*! display: block; */
		width: 100%;
		height: 100%;
		/*background: #e96d47;*/
		background: #e3001a;
		border-radius: 1000px;
		border: 3px solid #fff;
		padding: 8px 16px 8px 36px;
		font-size: 2rem;
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
		position: relative;
	}
	#bnrFixed .link1 a::after {
		content: "";
		display: block;
		width: 20px;
		height: 20px;
		background: url(../img/icon_arrow_fff.png) no-repeat center center;
		background-size: contain;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 10px;
		margin: auto;
		z-index: 1;
	}
	#bnrFixed .link2 {
		width: 48px;
		height: 48px;
		background: #fff;
		border-radius: 1000px;
		margin: 0 5px;
	}
	#bnrFixed .link2 a {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 1000px;
		border: 3px solid #fff;
	}
	#bnrFixed .link2 a img {
		display: block;
	}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */


/* ==================================================
HEADER
================================================== */
/* 下層ページ用 */
#pageHdr {
	padding: 90px 20px 0;
	margin-bottom: 30px;
}

#pageHdr h1 a {
	display: block;
}

#pageHdr h1 a:hover {
	opacity: 1;
	filter: brightness(110%) contrast(110%) saturate(110%);
}

#pageHdr h1 img {
}

/* ############ ↓↓↓ MEDIAQUERY ↓↓↓ ############ */ @media screen and (max-width: 768px) {
#pageHdr {
	padding: 120px 20px 0;
	margin-bottom: 40px;
}

#pageHdr h1 {
}

#pageHdr h1 img {
}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */


/* ==================================================
CONTENTS
================================================== */
main {
}

body:not(#pageHome) main {
	padding: 0 3%;
}

article {
}

/* 
------------------------------ */
.pageTitle h2 {
	position: relative;
	display: inline-block;
	margin: 0 auto 40px;
}

.pageTitle h2::before,
.pageTitle h2::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: calc(100% + 30px);
	width: 28vw;
	max-width: 400px;
	height: 10px;
	background: #000;
	border-radius: 10px;
}

.pageTitle h2::after {
	left: calc(100% + 30px);
}

.pageTitle h2 img {
}

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

.pageTitle h2::before,
.pageTitle h2::after {
	top: calc(50% - 3px);
	right: calc(100% + 15px);
	width: 24vw;
	height: 6px;
}

.pageTitle h2::after {
	left: calc(100% + 15px);
}

.pageTitle h2 img {
	height: 30px;
}
} /* ############ ↑↑↑ MEDIAQUERY ↑↑↑ ############ */


/* ==================================================
FOOTER
================================================== */

#ftrAbove {}

#ftrWarp {
	padding-top: 40px;
}

/* .logo 
------------------------------ */

#ftrWarp .logo {
	padding: 0 3%;
	margin-bottom: 30px;
}

#ftrWarp .logo a {
	display: block;
	width: 40%;
	max-width: 220px;
	margin: 0 auto;
}

#ftrWarp .logo a:hover {
	opacity: 1;
	filter: brightness(110%) contrast(110%) saturate(110%);
}

body.dir2nd #ftrWarp .logo a:hover {
	opacity: 0.8;
}

#ftrWarp .logo a img {}

/* .credit 
------------------------------ */

#ftrWarp .credit {
	padding: 0 3%;
	font-size: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	letter-spacing: -0.01em;
}

#ftrWarp .credit dl {
	margin: 0 8px 10px;
}

#ftrWarp .credit dl dt {
	display: inline-block;
	margin: 0 2px;
}

#ftrWarp .credit dl dd {
	display: inline-block;
}

#ftrWarp .credit dl dd i {}

@media screen and (max-width: 768px) {
	#ftrWarp .credit {
		font-size: 1.5rem;
	}
}

/* .contact 
------------------------------ */

#ftrWarp .contact {
	margin: 3px 0 40px;
	padding: 0 3%;
}

#ftrWarp .contact dl {
	border: 2px solid #000;
	font-size: 1.8rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 8px 12px;
	background: #fff;
}

#ftrWarp .contact dl dt {
	margin: 0 5px;
}

#ftrWarp .contact dl dd {
	margin: 0 5px;
}

#ftrWarp .contact dl dd i {
	display: inline-block;
}

#ftrWarp .contact dl dd i.name::after {
	content: "：";
	display: inline-block;
	padding: 0 0 0 5px;
}

@media screen and (max-width: 768px) {
	#ftrWarp .contact dl {
		font-size: 1.6rem;
	}
}

/* .links 
------------------------------ */

#ftrWarp .links {
	padding: 35px 3%;
	background: #b4b4b4;
}

#ftrWarp .links .jwavelogo {
	margin-bottom: 25px;
}

#ftrWarp .links .jwavelogo a {
	display: block;
	width: 40%;
	max-width: 160px;
	margin: 0 auto;
}

#ftrWarp .links .jwavelogo a img {}

#ftrWarp .links .archives {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	font-size: 1.6rem;
	margin-bottom: 15px;
}

#ftrWarp .links .archives h2 {
	margin: 0 20px 10px;
}

#ftrWarp .links .archives ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0 20px 10px;
}

#ftrWarp .links .archives ul li {
	border-left: 2px solid #000;
	border-right: 2px solid #000;
	margin-left: -2px;
}

#ftrWarp .links .archives ul li a {
	display: block;
	padding: 0 15px;
	letter-spacing: 0.05em;
}

#ftrWarp .links .copyright {
	font-size: 1rem;
	letter-spacing: 0.05em;
}

#ftrWarp .links .copyright i {
	display: inline-block;
}

@media screen and (max-width: 768px) {
	#ftrWarp .links {}
	#ftrWarp .links .jwavelogo {}
	#ftrWarp .links .jwavelogo a {}
	#ftrWarp .links .jwavelogo a img {}
	#ftrWarp .links .archives {
		font-size: 1.5rem;
	}
	#ftrWarp .links .archives h2 {
		width: 100%;
	}
	#ftrWarp .links .archives ul {
		width: 400px;
		margin-bottom: 0;
	}
	#ftrWarp .links .archives ul li {
		width: calc(100% / 3 - 10px);
		margin-bottom: 10px;
	}
	#ftrWarp .links .archives ul li a {}
	#ftrWarp .links .copyright {}
	#ftrWarp .links .copyright i {}
}


/* ==================================================
Background for 2nd Directory
================================================== */
#bgL, #bgR {
	content: "";
	display: block;
	height: 100vh;
	width: 540px;
	position: fixed;
	top: 0;
	background-repeat: repeat-y;
	background-position: center 0;
	background-size: 100% auto;
	/*transition: all 2.2s cubic-bezier(.19, 1, .22, 1) 0s;*/
	transition: all 0.8s ease-out 0.1s;
}

#bgL {	
	background-image: url(/special/live2019/asset/img/bg_2nd_flower_left.png);
	left: -250px;
	z-index: -1;
	/*transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;*/
}

#bgR {
	background-image: url(/special/live2019/asset/img/bg_2nd_flower_right.png);
	right: -250px;
	z-index: -2;
	/*transition: all 1.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;*/
}

/*.transitionSwitch #bgL {
	transition: all 1.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}


.transitionSwitch #bgR {
	transition: all 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
}*/

@media screen and (max-width: 768px) {
#bgL, #bgR {
	width: 400px;
}
#bgL {
	left: -220px;
}

#bgR {
	right: -230px;
}
}



/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////// */


/* ==================================================
OTHERS
================================================== */

.scrollto {/**/}

/* clrfix */
.clrfix::before, .clrfix::after { display: table; content: ''; }
.clrfix::after { clear: both; }


/* img Copy Guard */
.protectImg,
.nobori li {
	position: relative;
}

.protectImg::after,
.nobori li::after {
	content: "";
	width: 100%;
	height: 100%;
	background: url(../img/blank.gif) repeat left top;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}


/*

<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->
<!-- ##########　HTML コメントアウト記述ルール　######################################################### -->
<!-- #################################################################################################### -->
<!-- #################################################################################################### -->


<!-- ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ -->
<!-- //////////////////////////////////////////////////////////////////// -->
<!-- ///// メインコンテンツエリア（編集エリア） ///////////////////////// -->
<!-- //////////////////////////////////////////////////////////////////// -->

<!-- //////////////////////////////////////////////////////////////////// -->
<!-- //////////////////////////////////////////////////////////////////// -->
<!-- ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ -->

<!-- ==================== 大ブロックエリア ==================== -->
<!-- ==================== //大ブロックエリア ==================== -->

<!-- ***** 中ブロックエリア *************** -->
<!-- ***** //中ブロックエリア *************** -->

<!-- #ID名 -->
<!-- //#ID名 -->

<!-- .class名 -->
<!-- //.class名 -->

<!-- [memo] -->
<!-- //[memo] -->


<!-- ※※※※※ INCLUDE - HEADER ※※※※※ -->
<!--#include virtual="/common/inc_header.html"-->
<!-- ※※※※※ //INCLUDE - HEADER ※※※※※ -->

<!-- ※※※※※ INCLUDE - FOOTER ※※※※※ -->
<!--#include virtual="/common/inc_footer.html"-->
<!-- ※※※※※ //INCLUDE - FOOTER ※※※※※ -->

<!--
[ id/class Name List ]
wrap > area > (group) > set > box

[ memmo ]
TOPページ → <body id="pageHome">
Newsページ(第2階層) → <body id="pageNews" class="dir2nd">
-->
*/


/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */
/* #################################################################################################### */
/* ##########　コメントアウト記述ルール　############################################################## */
/* #################################################################################################### */
/* #################################################################################################### */


/* //////////////////////////////////////////////////////////////////// */
/* ///// ブロック区切り /////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */

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

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

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

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