@media screen and (max-width: 568px) {
    
img {
	max-width: 100%;
	height: auto;
}

body{
	width:100%;
    }

img.pc {display: none;}
img.smf {display: block;}
.br-pc { display:none; }
.br-smf { display:block; }

/* スマホ用CSS ↓*/
    
    
/*---------- Base ----------*/
    
#wrapper {
	width:100%;
	color: #222222;
	margin: 20px auto;
	border-radius: 50px;
	background-repeat: no-repeat;
    background-color: #ffffff;
}
/* -------------- #top ---------------------- */
    
.top-wrapper{
    width:100%;
    background: none;
}

/*---------- Main ----------*/
div#book-list {
   width: 98%;
	padding: 20px 0;
    margin: 0 1%;
}

div#book-list ul {
	display: column;
}

div#book-list li {
	width: 98%;
	text-align:center;
	margin: 0 0 20px 0;
	padding: 0;
    border-radius: 10px;
	background-color: #fcd9cf;
}


div#book-list p.book-image {
	margin:0 1%;
}

/*-- font --*/

div#book-list h2 {
	width: auto;
	background: #537b35;
	padding: 10px;
    border-radius: 10px 10px 0 0;
	font-size: 16px;
	line-height:1.2em;
	color: #FFFFFF;
}

div#book-list p {
	font-size:12px;
	line-height:1.5em;
}

div#book-list h3 {
	font-size:14px;
	line-height:1.4em;
	margin: 0 0 5px 0;
}
/**/
.link-top {
	padding-bottom: 10%;
	font-size: 4vw;
}

/* スマホ用CSS ↑*/

}