@charset "utf-8";

/*==================================

　旧暦に学ぶ 花と緑の季節だより SP

==================================*/
/* イントロ部分
--------------------*/
.sp_column_intro {
	margin-bottom: 2em;
}
.sp_column_intro p span {
	font-weight: bold;
}

/* 二十四節気＆七十二候
--------------------*/
.sp_column_24sekki {
	padding:0 8px 3em 8px;
	overflow: hidden;
}

.sp_column_24sekki h2 {
	width: 100%;
	margin: 0 0 1em 0;
	background: url(../../img/column_bg_line.jpg) 0 50% repeat-x;
	background-size:1px 1px;
	-moz-background-size:1px 1px;
}

.sp_column_24sekki h2 img{
	width: 45%;
}

.sp_column_24sekki .img_24sekki {
	width: 40%;
	height: auto;
	float: left;
	padding-top: 0;
}

.sp_column_24sekki .img_24sekki img{
	width: 100%;
	padding-bottom:1em;
}

.sp_column_24sekki .txt_24sekki {
	width: 55%;
	float: right;
}

.sp_column_24sekki .txt_24sekki p {
	font-size: 125%;
	margin-bottom: 1em;
	padding: 0;
}

.sp_column_24sekki .sp_column_72kou {
	clear:both;
	width: 100%;
	padding-left:0;
}
.sp_column_24sekki .sp_column_72kou h3 {
	width: 100%;
	margin-bottom: 1em;
	background: url(../../img/column_bg_line.jpg) 0 50% repeat-x;
	background-size:1px 1px;
	-moz-background-size:1px 1px;
}
.sp_column_24sekki .sp_column_72kou h3 img{
	width:50%;
}
.sp_column_24sekki .sp_column_72kou dl dt {
	width: 100%;
	margin-bottom: 0.5em;
}
.sp_column_24sekki .sp_column_72kou dl dt img {
	width: 100%;
}
.sp_column_24sekki .sp_column_72kou dl dd {
	font-size: 109%;
	line-height:1.5;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #000;
}

/*他のページを見る
--------------------*/
.sp_column_otherlink {
		padding:0 0 5em 0;
		overflow: hidden;
}
.sp_column_otherlink h2 {
	width: 100%;
	margin: 0 0 0.5em 0;
	background: url(../../img/column_bg_line.jpg) 0 50% repeat-x;
	background-size:1px 1px;
	-moz-background-size:1px 1px;
}

.sp_column_otherlink h2 img{
	width:80%;
}

.sp_column_otherlink ul {
	overflow: hidden;
	margin-bottom: 1em;
}
.sp_column_otherlink ul li {
	width: 30%;
	padding:0 1.5% 1em 1.5%;
	float: left;
}
.sp_column_otherlink ul li img{
	width:100%;
}

.sp_column_otherlink .bnr {
	margin: 0 auto;
 width:96%;
}

.sp_column_otherlink .bnr img{
	width:100%;
}