@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Oswald";
/*\*/

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


body {
	color: #fff;
	background: #000;
	text-align: center;
	font: 12px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
}

h1,
div.show {
	font-family: 'Oswald', sans-serif;
	position:relative;
}


#content {
	width:900px;
	margin:3% auto;
	padding: 2% 0 3%;
}

h1 {
	font-size:450%;
	line-height:1.3em;
}

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

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

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

p.setsumei {
	margin-bottom:5%;
	font-size:120%
}

p.setsumei span {
	display:block;
	font-size:280%;
	font-weight:bold;
}

p.setsumei span.inli {
	display:inline-block;
}

p.setsumei strong {
	display:block;
	font-weight:normal;
	margin:2% 0;
}

p.setsumei strong.zone {
	background:#fff;
	color:#000;
	padding:2% 0;
	font-size:120%;
	font-weight:bold;
	width:70%;
	margin:0 auto;
}

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

.request {
	margin-bottom:10%;
}

.request p {
	font-size:180%;
	font-weight:bold;
}

.request a {
	display:block;
	margin:2% auto;
	width:70%;
	text-decoration:none;
	color:#fff;
	background:#c22;
	padding:3%;
	border-radius:10px;
	font-size:250%;
	font-weight:bold;
}

#content .show {
	margin-bottom:3%;
	padding-bottom:2%
}



.show p.date {
	background:#fff;
	font-size:150%;
	padding:1% 0;
	color:#000;
}

.show p.act {
	font-size:130%;
}

.show span {
	display:block;
	width:60%;
	margin:0 auto;
	border:dotted 1px #999;
	padding:2%
}

.show em {
	display:block;
	font-style:normal;
	text-align:right;
	padding-right:10%;
}

.show .sold {
	background:url(../img/sold.png) no-repeat right;
	height:100%;
	width:35%;
	background-size:contain;
	position:absolute;
	top:0;
	right:100;
	
}

.ranking {
	margin-bottom:2%;
}

.ranking span {
	display:block;
	font-size:400%;
	font-weight:bold;
}

.pr {
	width:40%;
	margin: 0 auto;
	position:relative;
}

.pr img {
	display:block;
	width:100%;
}

.pr span {
	background:rgba(0,0,0,0.5);
	color:#fff;
	position:absolute;
	top:0;
	right:0;
	padding:2%;
}

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

	h1 {
		font-size:200%;
	}

	.request p {
		font-size:110%;
	}

	.request a {
		width:90%;
		font-size:140%;
	}

	.ranking span {
		font-size:200%;
	}

	.ranking img {
		width:100%;
	}

	div p.date {
		font-size:130%;
	}

	div p.act{
		font-size:110%;
	}

	.show span {
		width:90%;
	}

	.show .sold {
		width:50%;
		top:0;
		right:0;
	}

	.pr {
		width:95%;
	}
}