@charset "utf-8";

/* --背景-- */

html {
	background: url(../images/shohin/shohin_bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* --コンテンツ-- */

div#shohin_box,
div#kodawari_box{
	margin-bottom: 50px;	
}

section#oba,
section#parsley,
section#basil{
	overflow:hidden;
	margin-bottom:30px;
}

section#tokubetsusaibai,
section#tuchidukuri,
section#relaysaibai,
section#tane{
	overflow:hidden;
	margin-bottom:30px;
}


.in_box h2{
	margin-bottom:30px;
}

.in_box h3{
	margin-top: 10px;
	margin-left: -8px;
	margin-bottom: 5px;
	font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN";
	font-size: 1.5em;
	font-weight: bold;
	color: #003300;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

.hidari_yohaku .flexslider{
	float: right;
	width:300px;
	height: 200px;
	margin: 0;
	margin-bottom:0px;
}

.flexslider .slides li img{
	width:300px;
	height: 200px;
}



.description{
	clear: both;
	float: left;
	width: 430px;
	line-height: 2em;
}

section#tane .description{
	width: 100%;
}

.kikaku{
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #ccc;
	width:100%;
	position:relative;
}
.kikaku .kikaku_img{
	width:30%;
	margin:0 3.333333% 20px 0;
	float:left;
}
.kikaku .kikaku_img:nth-child(3n+1){
	margin-right:0;
}
.kikaku h4{
	margin-left:1%;
	margin-bottom:12px;
	font-size:20px;
}
.kikaku > div img{
	width:100%;
	box-sizing:border-box;
	border:solid 4px #fff;
	box-shadow:1px 1px 4px 2px rgba(64,64,64,0.2);
}
.kikaku > div p{
	text-align:center;
	font-size:14px;
}

/*--header--*/
header#top_header{
	position: absolute;
	width: 60%;
	height: 350px;
	top: 50%;
	left: 50%;
	margin-top: -225px;
	margin-left: -30%;
	text-align: center;
	background: #ffcccc;
}

header#top_header h1 a{
	text-decoration: none;
	color: #003300;
	font: 4em "HG行書体","HGP行書体",cursive;
	font-weight: 900;
	letter-spacing: 5px;
	text-shadow:2px 2px 3px rgba(255,255,255,0.8) ;
}

header#top_header h2{
	color: #ffffff;
	font: 3em "HG行書体","HGP行書体",cursive;
	font-weight: 900;
	letter-spacing:3px;
	text-shadow:2px 2px 2px rgba(0,51,0,0.8);
}

/*--footer--*/

footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	min-width: 960px;
	background-color: #fffaf0;
	box-shadow: 0px -1px 2px 2px rgba(0,0,0,0.4);
	z-index: 15;
}
