@charset "utf-8";
/* CSS Document */

.inner h2 {
	font-family: 'Libre Baskerville', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
.inner h2 span { border-bottom: 2px solid #111;}

.cell ul li dt {
	width: 100%;
	margin-bottom: 25px;
	text-align: center;
	letter-spacing: 1px;
	line-height: 36px;
}
.cell ul li dt, .cell ul li dt:before, .cell ul li dt:after {
	display: inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
.cell ul li dt:before, .cell ul li dt:after {
	content: "";
	background: url(../../img/product/bracket_bl.png) no-repeat;
	background-size: 100% 200%;
	width: 18px;
	height: 36px
}
.cell ul li dt span {
	color: #111;
	margin: 0 10px;
	font-size: 125%;
}
.cell ul li dt:before { background-position: 0 -36px; }
.cell ul li dt:after { background-position: 0 0; }
.cell .image image { width:100%; height:auto;}

@media only screen and (max-width: 640px) {
#page_cell section .inner { font-size: 16px; }
section .inner {
	margin: 0 6.25%;
	padding-top: 27px;
}
.inner h2 { margin-bottom: 30px; }
.inner h2 span { padding: 0 1em 0.15em; }
.inner p {
	display: inline-block;
	font-size: 87.5%;
	line-height: 2;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}

.lead { padding-bottom:8px;}
.lead h2 { margin-bottom:27px; line-height:1.6; color:#86600e; font-size:100%; font-weight: 600;}
.lead p {
	margin-bottom:27px;
	line-height: 1.6;
}
.lead p:nth-of-type(2) { margin-bottom:0;}

.cell { padding-bottom: 40px; background:#fef5e8;}
.cell ul { margin:30px 3% 40px;}
.cell ul li { padding:15px 0 1px; background:#fff;}
.cell ul li:first-child { margin-bottom:8px;}
.cell ul li dl { font-size:14px;}
.cell ul li dt { margin-bottom:12px;}
.cell ul li dd {
	padding:0 6.45%;
	line-height: 2;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	min-height:6.8em;
}
.cell .image { margin: 0 7.142%; text-align:center;}
.cell .image .img01 { width:76.25%; margin-bottom:1.5em;}

.plants { padding:0 0 45px;}
.plants .image { padding:44px 0;}
.plants small { display:block; padding:24px 0 50px; font-size:75%; text-decoration:underline;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif; color:#aaaaaa;}

}

@media only screen and (min-width: 641px) {
#page_cell section { text-align: center; }
section .inner {
	margin: 0 3%;
	padding-top: 66px;
}
.inner h2 {
	margin-bottom: 40px;
	font-size: 125%;
}
.inner h2 span { padding: 0 1em 0.2em; }
.inner p {
	margin-bottom: 0.95em;
	font-size: 93.75%;
	line-height: 2;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}


.lead { padding-bottom:75px;}
.lead h2 { margin-bottom:65px; line-height:1.6; color:#86600e; font-size:156.25%; font-weight: 600;}
.lead p:first-child {
	margin-bottom:4.6em;
}
.lead .image img { width:100%; height:auto;}

.cell { padding-bottom: 40px; background:#fef5e8;}
.cell ul { margin:30px 3% 40px;}
.cell ul li { float:left; width:48.4375%; padding:30px 0 10px; background:#fff;}
.cell ul li:first-child { margin-right:3.125%;}
.cell ul li dl {}
.cell ul li dt {}
.cell ul li dd {
	padding:0 6.45%;
	font-size: 93.75%;
	line-height: 2;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	min-height:6.8em; text-align:left;
}
.cell .image { margin: 0 3%;}

.plants { padding-bottom:55px;}
.plants .image { padding:44px 0;}
.plants small { display:block; padding:24px 0 50px; font-size:75%; text-decoration:underline;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;}

}

@media print, screen and (min-width: 980px) {
#page_cell section { }
section .inner {
	min-width: 980px;
	max-width: 1280px;
	margin: 0 auto;
	padding-top: 80px;
}

.lead { padding-bottom:50px;}
.lead .image { height:300px; background:#f7e0a0;}
.lead .image img { height:300px; width:auto;}

.cell { padding-bottom:58px;}
.cell ul { min-width:980px; max-width:1280px; margin:65px auto 60px;}
.cell ul li dd { min-height:auto; padding-bottom:20px;}
.cell .image { width:662px; min-width:auto !important; margin:0 auto;}

.plants { padding-bottom:110px;}
.plants .image { padding:60px 0;}
}
