@charset "UTF-8";

/* -------------- Resetting Again Base CSS -------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix {
	overflow: hidden;
}

* html .clearfix {
	zoom: 1;
}

body {
/*	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	background: #66b51b;
	margin:0;

}


/*---------- Base ----------*/

#wrapper {
	width:780px;
	margin: 20px auto;
	border-radius: 50px;
	background-repeat: no-repeat;
    background-color: #ffffff;
}

a:link,
a:visited {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	opacity: .7;
}

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

/*---------- Header ----------*/

h1 img {
	border-radius: 40px 40px 0 0;
}

/*---------- Main ----------*/

div#book-list {
   width: 720px;
	padding: 30px 30px 0 36px;
    margin: 0 auto;
}

div#book-list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

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

div#book-list li.wide {
	width: 475px;
	text-align:center;
	margin: 0 15px 20px 0;
	padding: 0 0 20px 0;
	background-color: #e4f7ff;
}

div#book-list p.book-image {
	margin:16px 15px 5px 15px;
}


/*-- font --*/

div#book-list h2 {
	width: auto;
	background: #537b35;
	border-radius: 10px 10px 0 0;
	padding: 10px;
	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;
}

/*-- IMG --*/
div#book-list img {
	border:1px solid #DDDDDD;
	height: 215px;
	overflow: hidden;
}

/*-- LINK --*/
div#book-list a:link,
div#book-list a:visited {
	text-decoration: none;
	color: #006699;
}

div#book-list a:hover {
	text-decoration: underline;
	opacity: .7;
}


/*---------- LINK ----------*/

div.link-top {
	margin:30px 0;
	text-align: center;
}

/*---------- FOOTER ----------*/
div#foot-corp {
	margin: 15px;
	padding:15px 0;
	border-top:2px solid #537b35;
}

div#foot-corp ul {
	line-height:1.6em;
	font-size:12px;
	display: -webkit-flex;
	display: flex;
	margin: 0 0 15px 0;
}

div#foot-corp ul li {
	font-size:12px;
	margin: 0 8px 0 0;
}


div#foot-corp ul strong {
	font-size:14px;
}

div#foot-corp p {
	font-size:16px;
	text-align: center;
	line-height:1.6;
	margin: 10px 0;
}

div#foot-corp p.copy {
	font-size:11px;
	text-align: center;
	line-height:1.6;
}