@charset "utf-8";

.specialContentFlower {
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	width: 960px;
	margin: 0px auto;
	}
.specialContentFlower h2 ,
.specialContentFlower h3 ,
.specialContentFlower p {
	}
.specialContentFlower .mainTitle {
	position: relative;
	background: url(../images/title.jpg) center center no-repeat;
	padding: 30px 0px 230px 0px;
	margin-bottom: 50px;
	}
.specialContentFlower .mainTitle h1 {
	}
.specialContentFlower .mainTitle dl {
	position: absolute;
	bottom: 0px;
	padding: 10px 3%;
	width: 94%;
	background: rgba(0,13,38,0.8);
	color: #ffffff;
	font-size: 24px;
	}
.specialContentFlower .mainTitle dl dt ,
.specialContentFlower .mainTitle dl dd {
	display: inline;
	float: left;
	width: 47%;
	}
.specialContentFlower .mainTheme {
	width: 100%;
	margin-bottom: 50px;
	}
.specialContentFlower .mainTheme .textArea {
	display: inline;
	float: right;
	width: 56%;
	background: #f8f8f8;
	border: 1px solid #e8e8e8;
	padding: 2em 3%;
	}
.specialContentFlower .mainTheme .textArea h2 {
	text-align: center;
	color: #002260;
	font-size: 24px;
	}
.specialContentFlower .mainTheme .textArea h3 {
	text-align: center;
	color: #002260;
	font-size: 30px;
	font-weight: bold;
	}
.specialContentFlower .mainTheme .textArea p {
	line-height: 1.7em;
	}
.specialContentFlower .mainTheme .photoArea {
	display: inline;
	float: left;
	width: 33%;
	}

.specialContentFlower .flowerList {
	width: 100%;
	}
.specialContentFlower .flowerList li {
	display: inline;
	float: left;
	width: 23%;
	margin-right: 2%;
	}
.specialContentFlower .flowerList li:last-child {
	margin-right: 0%;
	float: right;
	}
.specialContentFlower .flowerList li .flowerListsTitle {
	position: relative;
	margin-bottom: 10px;
	}
.specialContentFlower .flowerList li .flowerListsTitle p {
	text-align: center;
	line-height: 1.5em;
	}
.specialContentFlower .flowerList li .flowerListsTitle h4 {
/*	position: absolute;*/
	bottom: 0px;
	padding: 3px 0%;
	width: 100%;
	background: rgba(0,13,38,0.8);
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	}
.specialContentFlower .flowerList li p {
	}
.specialContentFlower .flowerList li dl {
	margin-top: 10px;
	font-size: 14px;
	}
.specialContentFlower .flowerList li dl dt ,
.specialContentFlower .flowerList li dl dd {
	display: inline;
	}
.specialContentFlower .flowerList li dl dt {
	width: 30%;
	float: left;
	background: #c1c9d8;
	text-align: center;
	}
.specialContentFlower .flowerList li dl dd {
	width: 68%;
	float: right;
	}

/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {	
}
@media screen and (max-width: 960px) {	
.specialContentFlower {
	width: 98%;
	padding: 0px 1%;
	}
.specialContentFlower .mainTitle {
	background-size: auto 100%;
	padding: 0% 0px 40% 0px;
	margin-bottom: 2em;
	}
.specialContentFlower .mainTitle dl {
	font-size: 18px;
	}
.specialContentFlower .mainTitle dl dt ,
.specialContentFlower .mainTitle dl dd {
	width: 94%;
	}
.specialContentFlower .mainTheme {
	margin-bottom: 2em;
	}
.specialContentFlower .mainTheme .textArea {
	width: 94%;
	margin-bottom: 20px;
	}
.specialContentFlower .mainTheme .textArea h2 {
	font-size: 24px;
	}
.specialContentFlower .mainTheme .photoArea {
	width: 100%;
	text-align: center;
	}
.specialContentFlower .flowerList li {
	display: inline;
	float: left;
	width: 48%;
	margin-right: 2%;
	padding-bottom: 20px;
	}
.specialContentFlower .flowerList li:nth-child(even) {
	margin-right: 0%;
	float: right;
	}
.specialContentFlower .flowerList li .flowerListsTitle h4 {
	max-width: 225px;
	margin: 0px auto;
	}
.specialContentFlower .flowerList li .flowerListsTitle p {
	max-width: 225px;
	margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {
.specialContentFlower .flowerList li .flowerListsTitle h4 {
	width: 100%;
	}
.specialContentFlower .flowerList li .flowerListsTitle p {
	width: 100%;
	}
}