@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 {
}

li {
	list-style:none;
}

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

#wrapper {
	background:rgba(0,0,0,0.7);
}

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 {
	width: 1000px;
	margin:0 auto;
	font-family: 'Oswald', sans-serif,'ヒラギノ角ゴ Pro W3';
	padding-bottom:5%;
	/*background:rgba(0,0,0,0.5);*/
}

#content .logo {
	padding-top:10%;
	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;
	}
}

.catch {
	font-size:500%;
	margin:0;
}

.releaseday {
	margin:0;
	font-family: 'Volkhov', serif;
	font-size:350%;
}

.catch {
	font-weight:bold;
	color:#fff;
}

.detail ul{
	height:auto;
	overflow:hidden;
	padding-left:0;
	width:97%;
	margin:1% auto;
}

.detail ul li {
	float:left;
	width:44%;
	list-style:none;
	/*background:rgba(200,200,200,0.4);*/
	background:#000;
	color:#fff;
	padding:2% 2% 3%;
	margin:0 1%;
	border-radius:10px;
	font-family: 'Volkhov', serif;
}

.title {
	line-height:0.7em;
}

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

.songlist {
	font-size:120%;
	text-align:left;
}

.songlist ul {
	height:auto;
	overflow:hidden;
	width:90%;
}

.songlist ul li {
	width:50%;
	float:left;
}

img.labellogo {
	display:block;
	margin:10% auto;
	width:100px;
}

.final {
	width:95%;
	margin:2% auto;
	padding:2%;
	background:rgba(220,50,50,1);
}

.final .final_date {
	font-size:200%;
	color:#fff;
}

.final .catch_final {
	font-size:140%;
	color:#fff;
}

.final img {
	width:95%;
	margin:0 auto;
}

.final .ticket {
	font-size:300%;
}




.qn {
	font-size:300%;
	line-height:1.1;
	background:rgba(255,255,255,0.3);
	padding:5%;
	width:90%;
}

.qn h1 {
	font-size:300%;
	margin:0 auto;
}

.qn span {
	font-size:300%;
	display:block;
}

.qn p.txt {
	font-weight:bold;
	background:#c22;
	color:#fff;
	padding:3% 0 5%;
}

.final a,
.qn a {
	display:block;
	font-size:150%;
	padding:3% 3% 4%;
	width:90%;
	margin:2% auto;
	text-decoration:none;
	color:#fff;
	background:#c22;
	font-weight:bold;
	border-radius:5px;
}

.qn a:hover {
	color:#c22;
	background:#fff;
}

.final .ticket,
.qn .ticket {
	display:flex;
	margin:2% auto;
	height:auto;
	overflow:hidden;
	background:rgba(255,255,255,0.8);
	padding:2% 3%;
	width:90%;
}

.final .ticket li,
.qn .ticket li {
	width:33.333%;
}

.final .ticket li a,
.qn .ticket li a {
	background:#000;
	border-radius:0px;
	font-size:60%;
	padding:20% 3%;
}


@media screen and (max-width:767px) {
	.qn {
		font-size:120%;
	}

	.final a,
	.qn a {
		font-size:150%;
	}
	
	.final .ticket li a {
		font-size:25%
	}
}

#movie .movewid {
	width:90%;
	margin:3% auto;
}

#movie .movie {
	width:100%;
	padding-top:56.25%;
	position:relative;
}

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

#tour ul.tour {
	font-family: 'Volkhov', 'Oswald', sans-serif,'ヒラギノ角ゴ Pro W3',serif,;
	height:auto;
	overflow:hidden;
	padding-left:0;
	width:90%;
	margin:0 auto;
}

#tour ul.tour li {
	background:rgba(150,150,150,0.8);
	color:rgba(255,255,255,0.9);
	width:30%;
	margin:0 0.5% 1%;
	padding:1.15%;
	float:left;
	font-size:120%;
}

#tour ul.height li {
	min-height:180px;
}

#tour ul.final_series li {
	padding:3% 1.15%;
	background: #c5a866;
}


@media screen and (max-width:767px) {
	#tour ul.height li {
		min-height:0;
	}
}

#tour ul.tour li p.date {
	font-size:115%;
	margin:0;
	font-weight:bold;
}

#tour p.finalmidashi {
	text-align:left;
	font-size:120%;
	width:90%;
	margin:0.5% auto;
}

#tour ul.tour li span.time {
	font-size:80%;
	display:block;
}

#tour .ticket {
	padding:2%;
	border:dotted 1px #444;
	width:88%;
	margin:1% auto 5%;
	background:rgba(0,0,0,0.5);
	color:#fff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
	font-size:80%;
}

#tour .ticket span {
	display:block;
}

#tour .ticket span.usual {
	background:#fff;
	color:#000;
	padding:0.5% 0;
	margin-bottom:0.5%;
	text-align:center;
}

#tour .ticket strong {
	font-size:90%;
}

#tour span.andmore {
	display:block;
	text-align:right;
	font-size:120%;
	padding:0 10%;
}

#about {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
}


#about img {
	display:block;
	width:50%;
	margin:0 auto;

}

#about span {
	display:block;
	margin-top:2%;
}


@media screen and (max-width:767px) {
	#tour ul.tour {
		width:95%;
		margin:0 auto;
	}
	#tour ul.tour li {
		float:none;
		width:85%;
		margin:0 auto 1%;
		text-align:left;
		padding:1% 1.5em;
	}

	/*#tour ul.tour li p.date {
		text-align:left;
		text-indent:1em;
	}

	#tour ul.tour li span.time{
		text-align:left;
		text-indent:1.5em;
	}*/

	#about img {
		width:85%;
	}

}

#shop ul.official {
	height:auto;
	overflow:hidden;
	width:100%;
	margin:1% auto;
	padding-left:0;
}

#shop ul.official li {
	padding:2%;
	float:left;
	width:28.5%;
	margin:0.2%;
	border:solid 1px #444;
	background:rgba(255,255,255,0.6);
	min-height:350px;
}

#shop ul.official li span {
	display:block;
	color:#000;
}

#shop ul.official li:last-child {
	background:#fff;
	padding: 3.25% 2%;
}

#shop ul.official li img {
	display:block;
	width:95%;
	margin:0 auto;
}

#shop ul.official em.caution {
	clear:both;
	display:block;
}

#shop ul.official li a.btn {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #bc0000;
	background: #f40000;
	background: -moz-linear-gradient(top, #f40000 0%, #bc0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f40000), color-stop(100%,#bc0000));
	background: -webkit-linear-gradient(top, #f40000 0%,#bc0000 100%);
	background: -o-linear-gradient(top, #f40000 0%,#bc0000 100%);
	background: -ms-linear-gradient(top, #f40000 0%,#bc0000 100%);
	background: linear-gradient(to bottom, #f40000 0%,#bc0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#bc0000',GradientType=0 );
	background-color: #f40000;
	color:#fff;
	padding:1.5% 2% 3%;
	display:block;
	text-align:center;
	font-size:250%;
	width:80%;
	margin:1% auto 3%;
	border-radius:10px;
	text-decoration:none;
	font-weight:bold;
}

#shop ul.official li a.btn:hover {
	background: -moz-linear-gradient(bottom, #f40000 0%, #bc0000 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f40000), color-stop(100%,#bc0000));
	background: -webkit-linear-gradient(bottom, #f40000 0%,#bc0000 100%);
	background: -o-linear-gradient(bottom, #f40000 0%,#bc0000 100%);
	background: -ms-linear-gradient(bottom, #f40000 0%,#bc0000 100%);
	background: linear-gradient(to top, #f40000 0%,#bc0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#bc0000',GradientType=0 );
	background-color: #f40000;

}

#shop ul.store {
	padding-left:0;
	height:auto;
	overflow:hidden;
}

#shop ul.store li {
	display:block;
	float:left;
	width:24.4%;
	margin:0.3%;
	padding:0.5%;
}

#shop ul.official li span.qptitle {
	font-size:120%;
	margin-bottom:2%;
}

#shop ul.official li strong {
	color:#000;
}

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

#shop ul.store li span em {
	display:block;
	font-size:80%;
	padding:0 1%;
}

@media screen and (max-width:767px) {
	#shop ul.official li {
		width:44.6%;
		min-height:270px;
	}

	#shop ul.official li span {
		font-size:80%;
	}

	#shop ul.official li:last-child {
		clear:both;
		width:90%;
		float:none;
		font-size:90%;
		margin:1% auto;
	}

	#shop ul.store {
		width:95%;
		margin:0 auto;
	}

	#shop ul.store li{
		width:49%;
	}
}

@media screen and (max-width:401px) {
	#shop ul.official li {
		min-height:250px;
	}
}

@media screen and (max-width:321px) {
	#shop ul.official li {
		min-height:210px;
	}
}

#shop ul.store li {
	background:rgba(255,255,255,0.4);
	padding:0 0 2% 0;
}


#shop ul.store li img {
	padding:9.3% 0;
}

#shop ul.store li.tower img.shop {
	background:rgba(253,207,0,0.7);
	color:#000;
}

#shop ul.store li.hmv img.shop {
	background:rgba(0,0,0,0.7);
	
}

#shop ul.store li.tsutaya img.shop {
	background:#033e6f;
}

#shop ul.store li.amazon img.shop {
	background:rgba(255,255,255,0.7);
	color:#000;
}

#shop ul.store li.disk img.shop {
	background:rgba(0,0,0,0.7);
}

#shop ul.store li img.shop {
	width:90%;
	padding:1% 5%;;

}

#shop ul.store li img.novel {
	display:block;
	margin:2% auto;
	width:95%;
}

#shop .storetoku h3,
#shop .event h3 {
	padding:1% 0;
	text-align:left;
	border-bottom:solid 1px rgba(255,255,255,0.3);
	margin-bottom:2%;
	font-size:120%;
}

#shop .event .det {
	background:#fdcf00;
	/*background:rgba(253,207,0,0.9);*/
	padding:1% 0;
	color:#000;
	font-weight:bold;
}

#shop .event .det h1 {
	color:#df1c23;
	font-weight:bold;
	font-size:200%;
	margin:0;
}

#shop .event .det p.place {
	margin:0;
	color:rgba(0,0,0,0.7);
	font-size:150%;

}

#shop .event .join {
	text-align:left;
	width:90%;
	margin:0 auto;
}

#shop .event .join p {
	/*background:rgba(255,255,255,0.7);*/
	border-top:solid 1px rgba(0,0,0,0.4);
	padding:1% 2%;
	color:#000;
	font-weight:normal;
}

#shop .event .join span {
	display:block;
	font-weight:bold;
}

#shop .event ul.cau {
	text-align:left;
	padding:2% 2% 2% 3em;;
	font-weight:normal;
	background:#000;
	color:#fff;
	width:84%;
	margin:0 auto;
}

#shop .event ul.cau li {
	text-indent:-1em;
}

#shop .event ul.cau li a {
	color:#fff;
}



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


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

	#content{
		width:100%;
		padding-top:30px;
	}

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

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

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

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


	h2 {
		font-size:130%;
	}


	.releaseday {
		font-size:130%;
		margin:0;
	}


	.detail ul li {
		float:none;
		width:90%;
		margin:1% auto;
	}


	.songlist{
		font-size:120%;
	}

	.detail ul li ul.songlist li {
		margin:0 auto;
		padding:0 2%;
	}


	h1.title{
		width:100%;
		font-size:170%;
		height:auto;
	}

	#shop ul.official{
		width:100%;
	}

	#shop ul.official li a.btn{
		font-size:110%;
	}

	#shop ul.official em.caution {
		font-size:60%;
	}

	#shop ul.store li img {
		padding:3% 0;
	}

	#shop .event .det {
		width:95%;
		margin:0 auto;
		padding:2%;
	}

	#shop .event .det h1{
		font-size:140%;
	} 
	#shop .event .det p.place {
		font-size:120%;
	}

	#shop .event .join p {
		padding:0;
		font-size:90%;
	}

	#shop .event ul.cau {
		padding:2% 2% 2% 1.5em;
		width:90%;
		font-size:85%;
	}

	#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




}