@charset "utf-8";

.Item{
	border: #7ca574 1px dashed;
	padding: 20px 10px 20px 20px;
}
	.Item img{
		vertical-align: middle;
		display: inline-block;
		margin: 0 50px 0 0;
	}
	.Item img + div{
		vertical-align: middle;
		display: inline-block;
		width: 330px;
		font-size: 12px;
	}
		.Item img + div h3,
		.Item img + div h4{
			margin: 0 0 27px;
			padding: 0 !important;
			background: none !important;
			color: #5a502d !important;
			font-size: 14px !important;
			font-weight: bold;
		}
			.Item img + div h3 span,
			.Item img + div h4 span{
				font-weight: lighter;
				font-size: 12px;
				display: block; text-align: right;
			}
		.Item img + div p{
			margin: 0;
			line-height: 1.6;
		}
/* ===========================================
*				かんかん森のDVD
* ============================================ */

p#DvdCopy{
	text-align: center;
	margin: 23px 0 40px;
}

/* ===========================================
*				コレクティブハウスの参考図書
* ============================================ */
.book .Item{
	line-height: 1.5;
}

.book .Item.top1{
	border-color: #999999;
	margin: 0 0 40px;
	padding: 24px 15px 24px 24px;
}
	.book .Item.top1 img, .book .Item.top1 div{ vertical-align: top; }
	.book .Item.top1 div{ width: 410px; }
		.book .Item.top1 div p{ font-size: 14px; }

.book .Item:not(.top1){
	float: left;
	width: 200px;
	height: 422px;
	margin: 0 15px 15px 0;
	padding: 25px;
	border: none;
	border-top: #999999 1px dashed;
	border-bottom: #999999 1px dashed;
	text-align: center;
	position: relative;
}
	.book .Item:not(.top1):nth-of-type(4),
	.book .Item:not(.top1):nth-last-of-type(1){ margin: 0; }
	.book .Item:not(.top1) img,.book .Item:not(.top1) div{
		margin: 0 auto;
		display: block;
		width: auto;
		text-align: center;
	}
		.book .Item:not(.top1) div h3{ margin: 16px 0 25px!important; }
		.book .Item:not(.top1) div a{
			position: absolute;
			top: 354px;
			left: 50%;
			margin-left: -65px;
		}

/*amazonで購入*/
.book .Item div a{
	float: right;
	display: block;
	border: 2px solid #ffab2d;
	background-color: #ffab2d;
	width: 130px;
	margin: 11px 0 0;
	padding: 3px 5px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	opacity: 1;
}
.book .Item div a:hover{
	color: #ffab2d;
	background-color: #ffffff;
}




/* /////////////////////////////////////////////////////////////////

					960px 未満（タブレット）

	///////////////////////////////////////////////////////////////// */
@media screen and (max-width: 959px) {

.Item{
	padding: 15px;
}
.Item img{
	display: block;
	margin: 0 auto 15px;
}
.Item img + div{
	display: block;
	width: 90%;
	max-width: 600px;
	font-size: 13px;
	margin: 0 auto;
}
	.Item img + div h3,
	.Item img + div h4{
		margin: 0 0 18px;
		font-size: 15px !important;
	}
		.Item img + div h3 span,
		.Item img + div h4 span{
			font-size: 13px;
		}

/* ===========================================
*				かんかん森のDVD
* ============================================ */
.dvd .Item img + div{
	max-width: 360px;
}
p#DvdCopy{
	text-align: left;
	margin: 23px 0 23px;
}
.dvd .Item .dvd_item2{
	max-width: 200px;

}
/* ===========================================
*				コレクティブハウスの参考図書
* ============================================ */
.book .Item{
}

.book .Item img + div h3 span,
.book .Item img + div h4 span{
	max-width: 400px;
}
.book .Item.top1{
	margin: 0 0 20px;
	padding: 15px 15px 55px;
}
	.book .Item.top1 div{ width: 100%; max-width: 600px; }
	.book .Item.top1 div p{ font-size: 14px; }

.ItemList{
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}
.book .Item:not(.top1){
	float: none;
	width: 30%;
	margin: 0 0 5px 0;
	padding: 15px;
}
	.book .Item:not(.top1) div h3{ margin: 10px 0!important; }



}



/* /////////////////////////////////////////////////////////////////

					620px 未満（スマホ）

	///////////////////////////////////////////////////////////////// */
@media screen and (max-width: 619px) {

/* ===========================================
*				コレクティブハウスの参考図書
* ============================================ */
.book .ItemList{
	display: block;
}
.book .Item:not(.top1){
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	padding: 15px;
	border-top: none;
}
	.book .Item:not(.top1) div a{
		position: static;
		display: block;
		float: none;
		margin: 10px auto 0;
	}
	.book .Item:not(.top1) div h3{ margin: 10px 0!important; }




}