@charset "UTF-8";
@media screen and (max-width: 50em) {


/* スマホ用CSS ↓*/


/* ------------------------------ ブッククラブ ------------------------------ */
/* トップ */

main#bookclub h1 a {
	font-size: 14px;
	margin-top: 3px;
	margin-right: .25em;
	width: auto;
}


main#bookclub h1.year,
main#bookclub h1.imoto,
main#bookclub h1.george {
	text-indent: 0;
}

main#bookclub h1 span {
	font-size: 14px;
	margin-left: 0;
	display: inline-block;
}

div.top-bookclub h2.mds-top {
	font-size: 18px;
	letter-spacing: 0;
}

div.top-bookclub p.txt-c {
	margin: 0 5px;
}
p.txt-bwn {
	color: #8b7467;
	text-align: left;
	font-size: 18px;
	line-height: 1.8;
	margin: 20px 5%;
}

ul.index-bc {
	width: auto;
	display: block;
	margin: 40px 5px;
}

ul.index-bc li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-right: none;
	border-bottom: 4px dotted;
}

ul.index-bc li.rgt {
	border-bottom: none;
}

ul.index-bc li.lft,
ul.index-bc li.ctr,
ul.index-bc li.rgt {
	width: auto;
}

ul.index-bc li h3 {
	text-align: center;
}

ul.index-bc li h3 img {
	width: 50%;
}
ul.index-bc li.ctr h3,
ul.index-bc li.rgt h3 {
	margin-left: 0;
}

ul.index-bc li.lft p,
ul.index-bc li.ctr p,
ul.index-bc li.rgt p {
	margin: 20px 5px 0 5px;
	text-align: center;
}

ul.index-bc li p span {
	font-size: 18px;
}

/* -------------- 商品一覧タイル -------------- */

ul.flx {
	display: block;
	width: 95%;
	margin: 0 auto;
}
ul.flx li {
	border-right: none;
	border-bottom: 1px dashed;
	margin-top: 20px;
	text-align: center;
}

ul.flx li:nth-child(2),
ul.flx li:nth-child(3) {
	width: auto;
	padding-left: 0;
}
div.bookclub-year div.book-tile dl,
div.bookclub-imoto div.book-tile dl,
div.bookclub-george div.book-tile dl,
div.bookclub-year div.book-tile dl.cnt,
div.bookclub-imoto div.book-tile dl.cnt {
	width: auto;
	margin: 15px auto 20px auto;
}
.bdr-dash {
	border-top:none;
	padding-top: 0;
}

div.book-tile dl dd.booktitle {
	font-size: 24px;
	min-height: 1em;
}

div.book-tile dl dd.author,
div.book-tile dl dd.price {
	padding: 5px 0;
	font-size: 16px;
	line-height: 1.6;
}

div.bookclub-year div.book-tile dl dd.img,
div.bookclub-imoto div.book-tile dl dd.img,
div.bookclub-george div.book-tile dl dd.img {
	width: 220px;
	height: 220px;
	line-height: 220px;

}

div.bookclub-year div.book-tile dl dd.img img,
div.bookclub-imoto div.book-tile dl dd.img img,
div.bookclub-george div.book-tile dl dd.img img {
	max-width: 220px;
	max-height: 220px;
}

div.bookclub-year div.book-tile dl dt.month-nds,
div.bookclub-imoto div.book-tile dl dt.month-nds,
div.bookclub-george div.book-tile dl dt.month-nds,
div.book-tile dl dt.month {
	font-size: 24px;
}

div.book-tile dl dt.month:before,
div.book-tile dl dt.month-nds:before,
div.book-tile dl dt.month:after,
div.book-tile dl dt.month-nds:after {
	font-size: 24px;
}


div#area-benefits {
	width: 90%;
	margin: 40px auto;
}

div#area-benefits h2 {
	margin: 0 0 0 -10px;

}

div#area-benefits ul.benefits-bdr {
	width: auto;
	margin: 0 10%
	padding: 0;
	display: block;
}

div#area-benefits ul.benefits-bdr li{
	margin: 0 0 15px 0;
}

div.back-top {
	width: auto;

}


/* ブッククラブについて */

div.top-bookclub h2.mds-nb {
	font-size: 30px;
	color: #684d2d;
	margin: 20px 5px 20px 10px;
}

div.top-bookclub dl,
div.top-bookclub dl.l-child{
	margin: 20px 5px;
	display: block;
	padding-bottom: 0;
	border-bottom: none;
}


div.top-bookclub dt,
div.top-bookclub dl.l-child dt{
	width: auto;
	font-size: 18px;
	padding: 10px;
	margin: 0 auto;
}

div.top-bookclub dt br,
div.top-bookclub dl.l-child dt br{
	display: none;
}

div.top-bookclub dd{
	width: auto;
	margin: 0 5px;
}

div.top-bookclub p.coment-s {
	width: auto;
	margin: 0 5px;
}


/* ボタン類 */

main#bookclub div.btn {
	width: 95%;
	margin: 30px auto;
	font-size: 18px;
}
main#bookclub div.btn br {
	display: inline;
}


/*
main#bookclub .form {
	width: 95%;
}*/




main#bookclub div.series-year div.btn,
main#bookclub div.series-imoto div.btn,
main#bookclub div.series-george div.btn,
main#bookclub div.style-bclub div.btn {
	width: 95%;
}

/* フォーム */

div.form-bookclub ul {
	list-style-type: disc;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 5px;
	padding-left: 20px;
	line-height: 1.7;
}

div.form-bookclub p.txt {
	font-size: 18px;
	line-height: 1.8;
	margin: 20px 5%;
}

div.form-bookclub h2.mds-btm0 {
	margin: 0 5px;
}

div.form-bookclub h2.mds-btm1 {
	padding-left: 1em;
	text-indent: -.5em;
}

div.form-bookclub dd.bnn br{
	display: inline;
}



/* スマホ用CSS ↑*/

}