@charset "utf-8";

/*------------------------------------------------------------

旬の花と緑を楽しむ

------------------------------------------------------------*/

/*	リセット
------------------------------------------ */
.sp_seasonal_body {
	padding-bottom: 40px;
	line-height: 1.4;
}
.sp_seasonal_body p,
.sp_seasonal_body li {
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
}
.sp_seasonal_body img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
.sp_seasonal_body .box {
	margin: 0 10px;
}

/*	メインビジュアル
------------------------------------------ */
.sp_seasonal_body .title img {
	margin-bottom: 15px;
}
.sp_seasonal_body .title img {
	width: 100%;
}

/*	h2
------------------------------------------ */
.sp_seasonal_body .sp_seasonal_h2 {
	margin: 30px 0 20px;
	padding: 10px;
	text-align: center;
}
.sp_seasonal_body .knowledge .sp_seasonal_h2 {
	background-color: #f0a1ba;
}
.sp_seasonal_body .course .sp_seasonal_h2 {
	background-color: #9dc182;
}
.sp_seasonal_body .arrange .sp_seasonal_h2 {
	background-color: #d1bc71;
}

/* 豆知識
------------------------------------------ */
.sp_seasonal_body .knowledge h3 {
	margin: 20px 0 10px;
}
.sp_seasonal_body .knowledge h3 span {
	display: inline-block;
	padding: 5px 10px;
	font-size: 16px;
	border: 2px solid #f1acc1;
}
.sp_seasonal_body .knowledge .language {
	margin-bottom: 10px;
	text-align: center;
}
.sp_seasonal_body .knowledge .language.tal {
	text-align: left;
}
.sp_seasonal_body .knowledge .list {
	margin: 1em 0;
	font-size: 14px;
}
.sp_seasonal_body .knowledge .list dt {
	margin-top: 1em;
	font-weight: bold;
}
.sp_seasonal_body .knowledge .type {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	box-sizing: border-box;
}
.sp_seasonal_body .knowledge .type:nth-of-type(odd) {
	padding-right: 5px;
}
.sp_seasonal_body .knowledge .type:nth-of-type(even) {
	padding-left: 5px;
}
.sp_seasonal_body .knowledge .type .typeInner {
	padding: 0 10px 10px 10px;
	background-color: #fceaf0;
}
.sp_seasonal_body .knowledge .type .typeInner .pic {
	margin-right: -10px;
	margin-left: -10px;
	text-align: center;
}
.sp_seasonal_body .knowledge .type .typeInner h4 {
	margin: 10px 0 5px 0;
	font-size: 14px;
}
.sp_seasonal_body .knowledge .section {
	margin: 15px 0;
}
.sp_seasonal_body .knowledge .section h4 {
	margin: 10px 0 5px 0;
	font-size: 14px;
}
.sp_seasonal_body .knowledge .list li:not(:first-of-type) {
	margin-top: 1em;
}

/* 花と緑の講座
------------------------------------------ */
.sp_seasonal_body .course h3 {
	display: table;
	width: 80%;
	margin: 20px auto 0;
}
.sp_seasonal_body .course h3 span {
	display: table-cell;
	border: 3px solid #95c076;
	text-align: center;
}
.sp_seasonal_body .course h3 span.theme {
	background: #95c076;
	padding: 2px 10px;
	color: #fff;
}
.sp_seasonal_body .course h3 span.flower {
	display: table-cell;
	padding: 2px 10px;
}
.sp_seasonal_body .course .intro {
	margin-top: 20px;
}
.sp_seasonal_body .course .intro .lead,
.sp_seasonal_body .course .intro .pic {
	display: table-cell;
	vertical-align: top;
}
.sp_seasonal_body .course .intro .lead {
	width: 70%;
	padding-right: 15px;
}
.sp_seasonal_body .course .point {
	margin-top: 20px;
	padding: 15px 10px;
	background-color: #ebf3e6;
}
.sp_seasonal_body .course .point h4 {
	margin-bottom: 10px;
	text-align: center;
}
.sp_seasonal_body .course .point dl {
	margin-top: 10px;
	border: 2px solid #a9c991;
}
.sp_seasonal_body .course .point dl dt,
.sp_seasonal_body .course .point dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.sp_seasonal_body .course .point dl dt {
	background-color: #a9c991;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.sp_seasonal_body .course .point .pointInner {
	padding: 10px;
	border: 2px solid #a9c991;
	background-color: #fff;
}
.sp_seasonal_body .course .point .heading {
	font-weight: bold;
	margin-bottom: 10px;
}
.sp_seasonal_body .course .point .lead {
	margin-bottom: 10px;
}
.sp_seasonal_body .course .point .pointBox:not(:first-of-type) {
	margin-top: 20px;
}
.sp_seasonal_body .course .point .pointBox header {
	display: table;
	background-color: #a9c991;
	color: #fff;
}
.sp_seasonal_body .course .point .pointBox header h4,
.sp_seasonal_body .course .point .pointBox header .pic {
	display: table-cell;
	vertical-align: middle;
}
.sp_seasonal_body .course .point .pointBox header h4 {
	width: 30%;
	padding: 10px;
}
.sp_seasonal_body .course .point .pointBox header h4 span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 2px 5px;
	border-radius: 4px;
	background-color: #fff;
	color: #a9c991;
}
.sp_seasonal_body .course .point .pointBox .body h5 {
	margin: 1em 0 0;
	font-size: 14px;
}
.sp_seasonal_body .course .point .pointBox .body ol li {
	margin: 1em 0 0 1em;
	text-indent: -1em;
}
.sp_seasonal_body .course .point .pointBox .body p {
	margin-top: 1em;
}
.sp_seasonal_body .course .point .pointBox .body h5 + p {
	margin-top: 0;
}
/* おうちで簡単アレンジメント
------------------------------------------ */
.sp_seasonal_body .arrange .lead {
	margin: 20px 0;
	background-color: #f5f0e0;
}
.sp_seasonal_body .arrange .pic {
	display: table-cell;
	width: 40%;
}
.sp_seasonal_body .arrange .leadBody {
	display: table-cell;
	width: 60%;
	padding: 5px 15px;
	vertical-align: middle;
}
.sp_seasonal_body .arrange .leadBody h3 {
	margin: 0;
}
.sp_seasonal_body .arrange .item {
	margin-top: -1px;
	padding: 10px 0;
	border-top: 1px solid #d6c481;
	border-bottom: 1px solid #d6c481;
}
.sp_seasonal_body .arrange .item .pic {
	display: table-cell;
	width: 30%;
}
.sp_seasonal_body .arrange .item .body {
	display: table-cell;
	padding-left: 15px;
}
.sp_seasonal_body .arrange .item .body h3 {
	margin: 0;
}
.sp_seasonal_body .arrange .item .body h3:not(:first-child) {
	margin-top: 15px;
}

/* 他の月の季節の花と緑を見る
------------------------------------------ */
.sp_seasonal_body .bnr {
	margin-top: 30px;
}

/* 他の月の季節の花と緑を見る
------------------------------------------ */
.sp_seasonal_body .otherLink {
	margin-top: 30px;
}
.sp_seasonal_body .otherLink ul {
	overflow: hidden;
	margin-top: -15px;
}
.sp_seasonal_body .otherLink ul li {
	float: left;
	width: 30%;
	margin-top: 15px;
	text-align: center;
}
.sp_seasonal_body .otherLink ul li:nth-child(3n+2) {
	margin-left: 5%;
	margin-right: 5%;
}