@import url('https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');

@charset "UTF-8";
/*\*/

/*------------------------------
IKKI NOT DEAD 
UPDATED : 2017.02.07
------------------------------*/

em {
	font-style:normal;
	font-size:100%;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;

}

strong {
}

ul {
	padding-left:0;
}

li {
	list-style:none;
}

.inr {
	width:1024px;
	margin:0 auto;
}

@media screen and (max-width:1024px){
	.inr {
		width:100%;
	}
}

body {
	color: rgba(255,255,255,0.7);
	background: url(../img/aphoto.jpg) center top fixed#000 no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	text-align: center;
	font: 12px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
	margin:0;
	padding-top:100vh;
	position:relative;
}

@media screen and (max-width:767px){
	body{
		padding-top:50vh;
	}
}

#wrapper {
	background:rgba(0,0,0,1);
	position:relative;
}

#wrapper:before {
	/*content:"";*/
	display:inline-block;
	width:10%;
	height:10%;
	background:url(../img/arrow.png) no-repeat;
	background-size:contain;
	position:absolute;
	top:-13%;
	left:50%;
	transform: translate(-50%,0);
}

#container{
	position:relative;
	overflow:hidden;
}

#container .bg img {
	position:absolute;
}

#container .bg img.bgstar {
	left:-10%;
	top:3%;
	width:60%;
	opacity:0.3;
}

#container .bg img.bghip {
	right:-10%;
	top:30%;
	width:60%;
	opacity:0.3;
}
#container .bg img.bgpen {
	left:-10%;
	top:64%;
	width:70%;
	opacity:0.2;
}


#container .bgcon {
	display:none;
	opacity:0.3;
}

@media screen and (max-width:767px){
	#container .bgcon {
		display:block;
	}

	#container .bgpen {
		margin-left:-30%;
		width:80%;
	}
}


@media screen and (max-width:767px){
	#container .bg img.bgstar {
		width:70%;
	}

	#container .bg img.bghip,
	#container .bg img.bgpen{
		display:none;
	}
}


h1.logo {
	width:25%;
}



h2 {
	background:rgba(0,0,0,0.3);
	text-align:center;
	margin:5% auto 3%;
	padding:1%;
	font-size:200%;
	font-family: 'Volkhov', serif;
	text-align:left;
	text-indent:1em;
	font-weight:normal;

}


#content {
	margin:0 auto;
	font-family: 'Nunito', sans-serif;
	padding-bottom:5%;
	/*background:rgba(0,0,0,0.5);*/
	z-index:1;
	position:relative;
	padding:100vh 0 20vh;
}

#content .logo {
	padding:10% 0 5%;
	width:640px;
	margin:0 auto;
}

#content .logo img {
	/*opacity:0.7;*/
}

#content .logo img:nth-child(1) {
	width:88.125%;
}

#content .logo img:nth-child(2) {
	width:11.875%;
}

#content .anniversary {
	font-size:400%;
	font-family: 'Volkhov', serif;
}

#content .anniversary p {
	margin:2% 0 0;
}

#content .title {
	margin:5% 0 3%;
	font-size:300%;
	line-height:0.8em;
	letter-spacing:0.1em;
}

#content .title img {
	display:block;
	width:100%;
	margin-bottom:1%;
}

#content .title img.titlelogo {
	width:80%;
	margin:0 auto 1%;
}
#content .title img.cd {
	width:90%;
	margin:10% auto;
	border:solid rgba(255,255,255,0.2);
}
#content .title img.dvd {
	width:75%;
	margin:3% auto 0;
	border:solid rgba(255,255,255,0.2);
}

#content ul.songlist li {
	background:none;
	font-size:90%;
	color:rgba(255,255,255,0.7);
}

#content .title em {
	font-size:30%;
	letter-spacing:0.15em;
}

@media screen and (max-width:767px) {
	#content .title img.cd {
		margin:0 auto;
	}
}

.discinfo em,
.discinfo span {
	display:block;
}

.discinfo em.date {
	font-size:200%;
}

.discinfo em.discdtl{
	padding:5% 0;
}

.title {
	line-height:0.7em;
}

.title span {
	font-size:50%;
	display:block;
}

.songlist {
	font-size:200%;
	margin:0 auto;
}


.labellogo {
	width:5%;
	margin:0 auto;
}

#footer {
	height:200px;
	padding:2% 0 10%;;
	background:rgba(0,0,0,0.9);
	font-size:80%;
}


@media only screen and (max-width:800px){

	#content{
		width:100%;
	}

	#content .logo {
		width:90%;
		margin:0 auto;
	}

	#content .releaseday,
	.catch {
		font-size:200%;
	}

	#content .title {
		font-size:210%;
		line-height:1.2em;
		letter-spacing:0;
	}

	#content .title img {
		width:50%;
	}
	
	#content .anniversary {
		font-size:250%;
	}


	h2 {
		font-size:130%;
	}

	.discinfo em.date{
		font-size:150%;
	}

	.songlist{
		font-size:120%;
	}

	.labellogo {
		width:10%;
		margin:5% auto;
	}

	#footer {
		margin:0;
		height:10%;
		padding:3%;
	}

	body{
		margin:0;
	}


	    
}

@media only screen and (max-width:400px){
	em {
		font-size:100%;
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}

	#shop




}

.jkt {
	width:100%;
}

.jkt img {
	width:90%;
	margin:2em auto;
	max-width:640px;
}


.movie {
	width:100%;
	padding-top:74.22%;
	position:relative;
	margin:5em 0;
}

.movie iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
}


.tour {
	padding:5em 0 10em;
}
.tour h2{
	text-align:center;
}

.tour .tohp {
	margin: 0 0 5em;
}

.tour .tohp a {
	color:#fff;
	text-decoration:none;
}

.tour .tohp a:hover {
	opacity:0.8;
}

.tour .schedule {
	font-size:21px;
	margin-bottom:2em;

}


.tour ul {
	display:flex;
	text-align:left;
	max-width:800px;
	margin:0 auto;
}


.tour ul li {
	width:50%;
}

@media screen and (max-width:767px){
	.tour .schedule {
		font-size:15px;

	}

	.tour ul {
		width:100%;
		display:block;
	}

	.tour ul li {
		width:95%;
		margin:0 auto;
	}
}

.ticket {
	display:flex;
}

.ticket .guide {
	width:49%;
	margin:1%;
	font-size:13px;
	padding:1em;
	border:solid 1px #444;
	background:#ffffffcc;
	color:#000;
}

.ticket ul {
	display:flex;
	width:160px;
	justify-content:center;
	margin:0.5em auto;
}

.ticket ul li {
	width:50px;
	margin:1px;
}

.ticket ul li a {
	padding:2%;
	background:#ee6aaa;
	display:block;
}

.ticket ul li a img {
	width:100%;
	margin:0 auto;
}


@media screen and (max-width:767px){
	.ticket {
		display:block;
	}

	.ticket .guide {
		width:85%;
		margin:1% auto;
	}
}

.shop h2 {
	text-align:center;
}

.shop h2 span{
	font-weight:bold;
	font-size:80%;
	font-family: 'Nunito', sans-serif;
	background:#c22;
	padding:0.2em 1em;
	color:#fff;
}


.shop ul {
	display:flex;
}

.shop ul li {
	width:50%;
	margin:1%;
	border:solid 1px #444;
	padding:1em;
}

.shop ul li:hover {
	background:#ffffff20;
}

.shop ul li img {
	width:100%;
}

.shop ul li a {
	color:#fff;
	text-decoration:none;
}

@media screen and (max-width:767px){
	.shop ul {
		width:98%;
		margin:0 auto;
	}
}