@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Acme|Adamina";
@import "https://fonts.googleapis.com/earlyaccess/sawarabigothic.css";
@import "https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica+SC";
/*\*/

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


body {
	color: #fff;
	background: url("../img/bg_2.png") fixed no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	margin:0;
	text-align: center;
	font: 12px/1.5 /*'Acme', sans-serif'IM Fell DW Pica SC'*/'Adamina', serif, serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
}

@media screen and (max-width:767px) {
	body{
		background:url("../img/bg_sp.png");
	}
}


#container {
}


#content {
	width:900px;
	margin:0 auto;
	padding: 5% 2% 3%;
	background:rgba(0,0,0,0.2);
}

em {
	font-style:normal;
	display:block;
}

strong {
	font-size:150%;
	font-weight:normal;
}

h1 {
	font-size:450%;
	margin:0;
}

h1 img {
	width:100%;
	display:block;
	margin:0 auto;
}

h1 span {
	font-size:200%;
	font-weight:bold;
}

h1 span strong {
	font-size:50%;
}

h1 em {
	font-style:normal;
	display:block;
}

p {
	margin:0;
}



ul {
	height:auto;
	overflow:hidden;
}

ul.songlist {
	font-family:'IM Fell DW Pica SC';
}

ul li {
	list-style:none;
	text-align:left;
	width:50%;
	float:left;
}

ul li img {
	width:95%;
	display:block;
	margin:0 auto;
}

#detail p.catch {
	font-size:350%;
	font-weight:bold;
	font-family: "Mplus 1p",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
	background:#fff;
	padding:2% 0;
	color:#000;
	margin:5% auto 2%;
}

#detail p.catch_txt {
	font-family: "Mplus 1p",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
	font-size:120%;
	padding:2%;
	background:rgba(255,255,255,0.5);
	width:80%;
	margin:0 auto;
	color:#000;
}

#detail p.title {
	font-size:650%;
}

#detail p.title em {
	font-size:30%;
}

#detail p.jkt img {
	display:block;
	width:50%;
	margin:1% auto;
}

@media screen and (max-width:767px) {
	#detail p.jkt img {
		width:90%;
	}
}

#detail p.title span {
	display:block;
	font-size:20%;
}

#detail p.releaseday {
	font-size:650%;
}

#detail p.releaseday em {
	font-size:30%;
}

#detail ul {
	width:80%;
	font-size:150%;
	margin:3% auto;
}


#movie{
	position:relative;
	width:95%;
	padding-top:53.44%;
	margin:2% auto 0.5%;
}
#movie iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.thumbnail ul {
	width:95%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
}

.thumbnail ul li {
	float:left;
	margin-left:0.5%;
	width:12.5%;
}

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

@media screen and (max-width:767px) {
	.thumbnail ul li {
		width:24.5%
	}
}


h2 {
	background:#fff;
	color:#000;
	padding:1.5%;
	font-size:200%;
	text-align:left;
	font-family:'IM Fell DW Pica SC';
}

#tour ul {
	padding:0;
}

#tour .date {
	background:rgba(10,10,10,0.8);
	color:#fff;
	width:100%;
	margin:0 auto 1%;
	font-size:150%;
	font-weight:bold;
	text-indent:1em;
	padding:1% 0;
}

#tour .oneshow {
	width:80%;
	margin:0 auto 1%;
}

#tour .oneshow .detail {
	font-size:90%;
	padding:2%;
	width:95%;
	text-align:center;
	border:dotted 1px #444;
}


#tour p.act {
	text-align:center;
	margin-bottom:1%;		
}


#tour span {
	display:block;
	text-align:center;
}

#tour span a {
	color:#fff;
}

#tour span a:hover {
	color:#c22;
}

#shop ul {
	padding:0;
}

#shop ul li {
	float:left;
	border:dotted 1px #444;
	padding:2% 1%;
	width:30%;
	margin:0.5%;
	background:rgba(255,255,255,0.5);
	font-family: "Mplus 1p",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
}


.store {
	margin:0 0 5%
}

.store ul {
	width:95%;
	margin:0.5% auto 2%;
	height:auto;
	overflow:hidden;
	padding:0;
}

.store ul li {
	float:left;
}

.store ul.tokutenstore li img.tokuten {
	display:block;
	width:80%;
	margin:0 auto;
}

.store ul.tokutenstore li p {
	padding:2%;
	border:dotted 1px #777;
	background:rgba(255,255,255,0.5);
	width:85%;
	margin:0 auto 2%;
	text-align:center;
}

.store ul.tokutenstore li:nth-child(2) p {
	padding:16% 2%;
}


.store ul.tokutenstore li img.bnr {
	width:auto;
	max-height:65px;
}

.store ul.other {
	width:70%;
}

.store ul.other li:nth-child(1) {width:18.287%}
.store ul.other li:nth-child(2) {width:33.382%}
.store ul.other li:nth-child(3) {width:22.932%}
.store ul.other li:nth-child(4) {width:25.399%}


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


.store p.diago {
	width:30%;
	margin:0 auto;
}

.store p.diago img {
	width:100%;
}



@media screen and (max-width:767px) {
	#tour ul li {
		width:100%;
		float:none;
	}

	#shop ul li {
		width:46%;
	}

	.store ul.tokutenstore li img.bnr {
		width:70%;
	}

}


#shop ul li a {
	display:block;
	text-align:center;
	padding:2% 0;
	font-size:150%;
	font-weight:bold;
	-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: #999;*/
	color:#fff;

}

#shop ul li a:hover {
	background: #f40000;
	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%);

}

#shop ul li:nth-child(2) a,
#shop ul li:nth-child(3) a {
	margin-top:1em;
}

#shop ul li span {
	display:block;
	text-align:center;
}

.about ul li{
	width:48%;
}

.about ul li.txt {
	font-family: "Mplus 1p",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
	padding:2%;
	line-height:2em;
	letter-spacing:0.15em;
}

#footer {
	background:#000;
	padding-bottom:10%;
	font-size:70%;
	color:#bbb;
}

address {
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}

@media screen and (max-width:767px) {
	#content {
		width:100%;
		padding:10% 0 3%;
	}

	#detail p.catch {
		font-size:120%;
	}

	#detail ul,
	.about ul {
		width:100%;
		margin:0;
		padding:0;
	}


	#detail p.title,
	#detail p.releaseday {
		font-size:250%;
	}

	#detail ul.songlist {
		margin:5% 0;
		font-size:150%;
	}


	#detail ul li,
	.about ul li {
		float:none;
		width:90%;
		margin:0 auto;
	}

	#detail ul li {
		font-size:80%;
	}
	.about ul li.txt {
		font-size:100%;
		letter-spacing:0;
		line-height:1.5;
	}

}


@media screen and (max-width:321px) {
	#shop ul li {
		display:inline-block;
		min-height:255px;
	}
}


