@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------------
商品案内css
	background: hsla(0,0%,0%,0.10);
----------------------------------------------------------*/


/* バイオリンドウ苗
----------------------------------------------------------*/
.bio{
}
@media screen and (min-width: 1200px),print{
	.bio > div > p img{
		float: right;
		max-width: 350px;
		margin: 0 0 0 1em;
	}
}
.bio ol{
	margin: 0;
	padding: 0 0 0 1.8em;
}
.bio ol li{
	font-size: 1.2em;
	font-weight: bold;
}
.bio h3{
	clear: both;
}
.bio ul{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
	border: 3px solid #BBB;
	padding: 0;
}
.bio ul li{
	width: 25%;
}
.bio ul li a{
	background: url("../common/img/u_nav.png") no-repeat right .5em center;
	background-size: 6px 10px;
	display: block;
	border: 1px solid #BBB;
}
.bio ul li a img{
	width: 60px;
	padding: 0;
}
@media screen and (max-width: 1199px){
	.bio ul li{
		width: 50%;
	}
	.bio ul li a{
		padding: .5em 0 .5em .5em;
	}
	.bio ul li a img{
		width: 40px;
		padding: 0;
		display: none;
	}
}
.bio > a{
	display: inline-block;
	margin: 0;
	padding: 1em 2em;
	color: #554;
	text-decoration: none;
	background: #FAFAF7 url("../common/img/u_nav.png") no-repeat right .5em center;
	background-size: 6px 10px;
	border: 1px solid #A9A9A0;
}


/* ライセンス･ステッカー
----------------------------------------------------------*/
.license{
	text-align: center;
}
.license img{
	width: 25%;
}


/* 切花
----------------------------------------------------------*/
.cut{
	text-align: center;
}
.cut table{
	margin: 0 0 1em;
}
.cut img{
	width: 150px;
}
@media screen and (min-width: 1200px),print{
	.cut table{
		float: left;
		width: 80%;
	}
	.cut img{
		float: right;
		width: 15%;
	}
}


/* 品種のご案内
----------------------------------------------------------*/
.hinsyu{
	clear: both;
	background: hsla(0,0%,0%,0.05);
	background: none;
}
.hinsyu > div{
	padding: 0 0 4em;
}
.hinsyu section{
	background: hsla(0,0%,0%,0.05);
	background: none;
	clear: both;
	margin: 0;
	padding: 65px 0 0;
}
@media screen and (min-width: 1200px),print{
	.hinsyu section{
		margin: 0;
		padding: 100px 0 0;
	}
	.hinsyu section:nth-child(even) > :first-child{
		float: right;
		width: 48%;
	}
	.hinsyu section:nth-child(even) > :nth-child(2){
		float: left;
		width: 48%;
	}
	.hinsyu section:nth-child(odd) > :first-child{
		float: left;
		width: 48%;
	}
	.hinsyu section:nth-child(odd) > :nth-child(2){
		float: right;
		width: 48%;
	}
}
.hinsyu section p img:first-child{
	width: 43.2%;
}
.hinsyu section p img:nth-child(2){
	width: 56.8%;
}
.hinsyu section p span{
	display: block;
	text-align: center;
	background: #B94;
	color: #FFF;
	border-radius: 20px;
	line-height: 1.2;
	padding: .5em 0;
}
.hinsyu section > div h3{
	font-size: 160%;
	line-height: 1;
	text-align: center;
	padding: 0 0 .6em;
	font-weight: bold;
}
.hinsyu section > div h3 span{
	font-size: 60%;
}
.hinsyu section > div h4{
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #BBB;
	letter-spacing: 0.2em;
	margin: 0 0 .3em;
}
.hinsyu section > div dl{
	background: hsla(0,0%,0%,0.05);
	background: none;
}
.hinsyu section > div dl div{
	width: 48%;
	display: block;
	float: left;
}
.hinsyu section > div dl div:nth-child(odd){
	margin: 0 4% 0 0;
}
.hinsyu section > div dl div dt{
	padding: .5em 0;
	font-size: 85%;
	line-height: 1.4;
}
.hinsyu section > div dl div dd{
	text-align: right;
	margin: -2.4em 0 0;
	padding: .5em 0 .5em 4em;
	border-bottom: 1px solid #BBB;
	font-size: 85%;
	line-height: 1.4;
}


/* バイオリンドウ開花期
----------------------------------------------------------*/
.kaikaki{
}
.kaikaki > p{
}
.kaikaki > p img{
}

/*品種一覧文字サイズ調整*/
/*
ul.obn_small li a{
	font-size: 15px;
}
*/
@media screen and (max-width: 380px){
	ul.obn_small li a{
		font-size: 13px;
	}
	.bio ul li a {
		padding: 1em 0 1em .5em;
	}
/*
	ul.obn_small li{
		width:100%;
	}
*/
}


















/*----------------------------------------------------------
ページ
----------------------------------------------------------*/
/* コーナー
----------------------------------------------------------*/
/*
.aaa{
	background: hsla(0,0%,0%,0.10);
	background: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}
.aaa div{
	margin: 0;
	padding: 0;
	width: 50%;
}
@media screen and (min-width: 1200px),print{
	.aaa div{
		padding: 0;
	}
}
@media screen and (max-width: 1199px){
	.aaa div{
		padding: 0;
	}
}
*/