@charset "UTF-8";
/* 初期値 */
body {
	min-width: 320px;
	background:#FFF;
	line-height: 1.5;
	color: #333;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align:middle;
}
a {
	text-decoration:none;
}
p,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
ul,
ul li,
dl,
dl dd {
	margin:0;
	padding:0;
}
figure {
	margin:0;
}
ul {
	list-style:none;
}
.ie8 img{
	width: auto;
}
@font-face{	/* IE8 */
	font-family:'condenseicon';
	src: url('../font/CONDENSEicon.eot');
}
@font-face{	/* IE9以上 */
	font-family:'condenseicon';
	src: url('../font/CONDENSEicon.ttf') format('truetype'),url('../font/CONDENSEicon.otf') format('opentype'),url('../font/CONDENSEicon.woff') format('woff');
}

/* clearfix */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/* 基本設定（モバイルファースト）
----------------------------------------------------------------- */
#wrapper {
	overflow-x: hidden;
	width: 100%;
	text-align:center;
}
#wrapper .text {
	display:none;
}
#wrapper .sp {
	display:block;
}
#wrapper .pc {
	display:none;
}
#wrapper header {
	margin-bottom:20px;
}
#wrapper .bklist {
	clear:both;
	width:95.833%;
	margin:0 auto;
}
#wrapper .bklist .area {
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	background:#C18D6E;
	margin-bottom:10px;
}
#wrapper .bklist li {
/*
	width:48.913%;
	float:left;
	margin-right:2.174%;
*/
	margin-bottom:10px;
}
/*
#wrapper .bklist li:nth-child(2n) {
	margin-right:0;
}
*/
#wrapper footer {
	clear:both;
}
#wrapper footer p {
	font-size:12px;
	font-weight:bold;
	margin:0 0 12px;
}
#wrapper footer p span {
	display:block;
	font-weight:normal;
}

/* デスクトップ
----------------------------------------------------------------- */
@media only screen and (min-width: 481px) {
#wrapper .sp {
	display:none;
}
#wrapper .pc {
	display:block;
}

#wrapper .bklist {
	width:96.909%;
	margin:auto;
}
#wrapper .bklist .area {
	color:inherit;
	background:none;
	text-align:left;
	font-size:22px;
}
#wrapper .bklist .area:before {
	content:"●";
	color:#C18D6E;
}
#wrapper .bklist ul {
	position:relative;
	left:1%\9;
}
#wrapper .bklist li {
	width:31.895%;
	width:31.4%\9;	/* IE8 */
	float:left;
	margin-right:2.158%;
	margin-right:1.9%\9;	/* IE8 */
	margin-bottom:20px;
}
#wrapper .bklist li:nth-child(3n) {
	margin-right:0;
}
#wrapper .bklist li a:hover img {
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	opacity: 0.7;
}
#wrapper footer p {
	font-size:14px;
	margin:0 0 20px;
}
}

/* デスクトップ（最大幅）
----------------------------------------------------------------- */
@media screen and (min-width: 1100px) {
#wrapper{
	max-width: 1100px;
	margin:auto;
}
}