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

*{
	box-sizing: border-box;
}

body{
	text-align:center;
	color:#333333;
}
	
img {
	padding: 0;
	margin: 0;	
}	

ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 0px;
	padding-left: 0px;
}
a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
}
a:hover, a:active, a:focus {
	color: #42413C;
	text-decoration: none;
}

.displaynone{
	display:none;
	}	
	
.sp-displaynone{
	display:inline;
	}		

.sp-display-only{
	display:none;
	}	
	
.mb_10{
	margin-bottom:10px;
}
.mb_20{
	margin-bottom:20px;
}
.mb_30{
	margin-bottom:30px;
}
table tr td{
	line-height:1.2;
	font-size:small;
	margin:0;
	padding:0;
}	


.kugirisen{
	border-top:3px dashed #eeeeee;
	padding:10px 0 15px 0;
	margin:10px 0 15px 0;
	width: 98%;}

.kugirisen2{
	border-top:3px solid #f5eb00;
	padding:10px 0 15px 0;
	margin:10px 0 15px 0;
	width: 98%;}	
	
.t_top_copy{
	font-weight:bold;
	line-height:1.2;
	text-align:center;
	color:#555;
	padding:10px 2px 8px;
	font-size:100%;
}


.up_btn2{
	float:right;
	font-size:12px;
	padding:10px 8px;
	border-left:dotted 1px #666;
	border-right:dotted 1px #666;
	margin:0 0 35px 0;
}
.up_btn2 a{
	color:#603813;
}
		
.p_center{
	text-align:center;
}	

.p_alert{
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	}	


	
/*header*/
	
header {
	color: #FFFFFF;
	font-size: 16px;
	font-style: normal;
}
/* Logo placeholder*/
#logo {
        display:none;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 450px;
	text-align: center;
	background-color:#FFFFFF;
}
	
/* div for Links in header */
#headerLinks {
	float: left;
	width: calc( 100% - 139px );
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;

}
/* Links in header */
#headerLinks a {
	text-decoration: none;
	padding-left: 66px;
	font-size: 14px;
}
/* title text banner*/
.title {
	clear: both;
	text-align:center !important;
	font-size:48px;	
	background-color: #FFFFFF;
}

.top_copy{
	font-size:18px;	
	font-weight:bold;
	color:#ADCD82;
	}	
	
	
/* Main content of the site */
#content {
	text-align:center;
	clear: both;
	overflow: auto;
	padding: 5px 0 0;
}

#content .mainContent {
	width: 100%;
	text-align:center;
	padding: 0 0;
}
	

/* Whole page content */
#mainWrapper {
	width: 100%;
	max-width:760px;
	margin:0 0;
}

#mainWrapper div{
align:center;
}

.btn_large{
	margin:10px 10px 30px;
	}		
	
.btn_large a{
	font-size:16px;	
	font-weight:bold;
	text-decoration: none;
	color:#FFFFFF;
	background-color:#69AD52;
	padding:10px;
	border-bottom:2px solid #adadad;
	border-right:2px solid #adadad;
	border-radius:10px;
	text-align:center;
	}	
		
/* 各野菜の説明をしているブロック */
		
#content .mainContent .sectionBlock {
	overflow: auto;
	text-align: center;
	padding:0 auto 0;
}	
	
#topBlock{
	background-color:#FFFFFF;
	}	

.mainContent .sectionBlock .ttl{
width:100%;
max-width: 760px;
}	

.mainContent .sectionBlock .ttl img {
width:100%;
max-width: 760px;
}	
	
#chisiki{
background-color:#f9f7ec;
	}	
	
.mainContent .sectionBlock .sectionBlock-1 {
	padding: 5px 1% 20px 1%;
	width: 31%;

}		
	
.mainContent .sectionBlock .sectionBlock-2 {
	padding: 5px 1% 20px 1%;
	width: 64%;

}	
	
.mainContent .sectionBlock .sectionBlock-3 {
	padding: 5px 1% 20px 1%;
	width: 98%;
	v-align:top;
}	
	
.mainContent .sectionBlock .sectionBlock-4 {
	padding: 5px 1% 20px 1%;
	width: 48%;
}	

.mainContent .sectionBlock .sectionBlock-5 {
	padding: 5px 1% 30px 1%;
	width: 23%;
}	

.mainContent .sectionBlock .sectionBlock-6 {
	padding: 5px 1% 20px 1%;
	margin-bottom:20px;
	width: 23%;
}	

.mainContent .sectionBlock .sectionBlock-7 {
	padding: 5px 1% 30px 1%;
	margin-bottom:20px;
	width: 18%;
}	

.mainContent .sectionBlock .sectionBlock-8 {
	padding: 5px 0 30px 1%;
	width: 72%;
}	
	
.mainContent .sectionBlock .sectionBlock-1, 
.mainContent .sectionBlock .sectionBlock-2,
.mainContent .sectionBlock .sectionBlock-3,
.mainContent .sectionBlock .sectionBlock-4,
.mainContent .sectionBlock .sectionBlock-5,
.mainContent .sectionBlock .sectionBlock-6,
.mainContent .sectionBlock .sectionBlock-7,
.mainContent .sectionBlock .sectionBlock-8
{
	overflow: auto;
	float: left;
	margin:10px 0 0;
	text-align:left;
	font-size:13px;
	line-height:2.0em;
}			
	
.mainContent .sectionBlock .sectionBlock-1 a, 
.mainContent .sectionBlock .sectionBlock-2 a,
.mainContent .sectionBlock .sectionBlock-3 a,
.mainContent .sectionBlock .sectionBlock-4 a,
.mainContent .sectionBlock .sectionBlock-5 a,
.mainContent .sectionBlock .sectionBlock-6 a,
.mainContent .sectionBlock .sectionBlock-7 a,
.mainContent .sectionBlock .sectionBlock-8 a{
　　 color:#69AD52;
	font-size:13px;
	margin:0 2px;
}	

.mainContent .sectionBlock .sectionBlock-1 a img, 
.mainContent .sectionBlock .sectionBlock-2 a img,
.mainContent .sectionBlock .sectionBlock-3 a img,
.mainContent .sectionBlock .sectionBlock-4 a img,
.mainContent .sectionBlock .sectionBlock-5 a img,
.mainContent .sectionBlock .sectionBlock-6 a img,
.mainContent .sectionBlock .sectionBlock-7 a img,
.mainContent .sectionBlock .sectionBlock-8 a img{
　　 color:#69AD52;
	margin:0 0px;
}		
	
	
.mainContent .sectionBlock .sectionBlock-1 .col, 
.mainContent .sectionBlock .sectionBlock-2 .col,
.mainContent .sectionBlock .sectionBlock-3 .col,
.mainContent .sectionBlock .sectionBlock-4 .col,
.mainContent .sectionBlock .sectionBlock-5 .col,
.mainContent .sectionBlock .sectionBlock-6 .col,
.mainContent .sectionBlock .sectionBlock-7 .col,
.mainContent .sectionBlock .sectionBlock-8 .col{
	color:#000000;
	background-color:#FFFFFF;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	border:1px solid #69AD52;
	width:100%;
	padding:0 0 0;
	margin:2px auto 0px;
	line-height:2.0em;
}

.mainContent .sectionBlock .sectionBlock-1 .col b, 
.mainContent .sectionBlock .sectionBlock-2 .col b,
.mainContent .sectionBlock .sectionBlock-3 .col b,
.mainContent .sectionBlock .sectionBlock-4 .col b,
.mainContent .sectionBlock .sectionBlock-5 .col b,
.mainContent .sectionBlock .sectionBlock-6 .col b,
.mainContent .sectionBlock .sectionBlock-7 .col b,
.mainContent .sectionBlock .sectionBlock-8 .col b{
	color:#FFFFFF;
	font-size:14px;
	background-color:#69AD52;
	padding:3px 5px 3px;
	margin:0px 10px 0px 3px;
	}		

.mainContent .sectionBlock .sectionBlock-1 .subttl,
.mainContent .sectionBlock .sectionBlock-2 .subttl,
.mainContent .sectionBlock .sectionBlock-3 .subttl,
.mainContent .sectionBlock .sectionBlock-4 .subttl,
.mainContent .sectionBlock .sectionBlock-5 .subttl,
.mainContent .sectionBlock .sectionBlock-6 .subttl,
.mainContent .sectionBlock .sectionBlock-7 .subttl,
.mainContent .sectionBlock .sectionBlock-8 .subttl
{
	color:#FFFFFF;
	background-color:#69AD52;
	font-size:14px;
	font-weight:bold;
	border:1px solid #69AD52;
	padding:1px 10px 2px 10px;
	margin:0px 0px 15px 0px;
}			
	
.numb
{
　content: "";
　display: block;
　position: absolute;
　top: 1px;
　left: -4px; 
　width: 20px;
　height: 20px;
　border-radius: 20px;
　background-color: #69AD52;
　z-index: -1;
}		


.mainContent .sectionBlock .top-pickup {
	overflow: auto;
	float: left;
	display:inline-block;
	padding: 5px auto 0%;
	width: 100%;
}		
	
.p_osusume{
	font-size:16px;
	font-weight:bold;
	color:#69AD52;
	text-align:center;
	padding:10px 2px 2px;
	margin:20px 3px 5px;
	}
	
	
.mainContent .sectionBlock .top-pickup .top-pickup-shohin {
	float: left;
	padding: 0 0 0 1%;
	width: 15%;
}	
	
	
.top-pickup-tane,.top-pickup-shizai,.shohin_name1,.shohin_name2,.shohin_name3{
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding:0px 2px 2px;
	margin:0px 2px 5px;
	line-height:1.8em;
}

.top-pickup-tane{
	font-size:12px;
	background-color:#69AD52;
}	
.top-pickup-shizai{
	font-size:12px;
	background-color:#8B6435;
}	
.shohin_name1{
	background-color:#69AD52;
	font-size:13px;
}	
.shohin_name2{
	background-color:#8B6435;
	font-size:13px;
}	
	
.shohin_name3{
	background-color:#8B6435;
	font-size:13px;
}	
	
/* 商品が並ぶブロック */
#content .mainContent .shohinRow {
	overflow: auto;
	padding-top:20px;
}
	
.mainContent .shohinRow .shohinInfo {
	text-align:center;
	float: left;
	margin:0 1% 20px 0;
	width: 31%;
	box-sizing: border-box;
}

.mainContent .shohinRow .shohinInfo2 {
	text-align:center;
	float: left;
	margin:0 1% 20px 0;
	width: 21%;
	box-sizing: border-box;
}		
	
.tyumon2{
	font-size:12px;
	font-weight:bold;
	color:#60271b;
	margin:0 0 3px;
	text-align:center !important;
	padding:2px 3px 2px  !important;
}
.tyumon2 p{
	font-size:12px;
	background-color:#f4fff6;
	padding:2px;
	margin:3px 0 6px;
	border-bottom:1px solid #adadad;
	border-right:1px solid #adadad;
	border-radius:10px;
	text-align:center;
}
.tyumon2 p a{
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.tyumon2 p a{
	background: url(https://image.rakuten.co.jp/nogyoya/cabinet/kenkou_aki/kenko_btn.jpg) no-repeat 5px center #fff;
	color:#603813;
}
.tyumon2 a:hover{
	color:#3d6800;
}
.tyumon2 p span{
	font-size:100%;
}
/* footer */
	
.category_link{
		display:none;
	}
	
#mainWrapper footer {
	display: none;
	clear: both;
	overflow: auto;
}

/* Media query for tablets */
@media screen and (max-width:640px) {
/* 非表示*/
#logo,#headerLinks{
	display:none;
}

.sp-display-only{
	display:none;
	}	

/*The sidebar and mainContent of page */
#content {
	position: relative;
	top: 0px;
	width: 100%;
	overflow: hidden;
}

/* title banners content */
#mainWrapper .title p {
	font-size: small;
}
/* main content region of page */
#mainWrapper #content .mainContent {
	overflow: hidden;
	width: 98%;
}

/* Footer region */
#mainWrapper footer {
	padding-left: 16px;
	overflow: hidden;
}
/* Links in header */
header #headerLinks a {
	padding-left: 0px;
	padding-right: 30px;
}

}

/*media query for small screen devices */
@media screen and (max-width:480px) {
	
.sp-displaynone{
	display:none;
	}		
.sp-display-only{
	display:inline;
	}	
	
.up_btn2{
	width:98%;
	font-size:12px;
	padding:10px 8px;
	margin:5px 0 5px 0;
}	
	
	/*title - Text Banner */
#mainWrapper {
	width:96%;
	text-align: center;
}
	
/*Container for links in header */
#mainWrapper header #headerLinks {
	display:block;
	width: 100%;
	text-align: center;
	background-color: #FFFFFF;
	padding-bottom: 21px;
}
/* Logo placeholder*/
#mainWrapper header #logo {
	display:block;
	width: 100%;
	text-align: center;
}
/* Links in header */
header #headerLinks a {
	text-align: center;
	padding-right: 15px;
	padding-left: 0px;
}
/*title - Text Banner */
#mainWrapper .title {
	padding-left: 0px;
	text-align: center;
}

/* Each product in catalog view */
	
.mainContent .sectionBlock .sectionBlock-1 {
	width: 98%;
	display: block;
	padding:1% 1% 1%;
	position: relative;
}	
		
	
.mainContent .sectionBlock .sectionBlock-2 {
	text-align:left;
	width: 98%;
	display: block;
	padding:1% 1% 1%;
	position: relative;
}
	
.mainContent .sectionBlock .sectionBlock-3 {
	width: 98%;
	display: block;
	padding:0 1% 0;
	position: relative;
}	
	
.mainContent .sectionBlock .sectionBlock-4 {
	width: 98%;
	display: block;
	padding:0 1% 0;
	position: relative;
}	
	
.mainContent .sectionBlock .sectionBlock-5 {
	width: 47%;
	display: block;
	padding:0 1% 0;
	position: relative;
}		
	
.mainContent .sectionBlock .sectionBlock-6 {
	width: 98%;
	display: block;
	padding:0 1% 0;
	position: relative;
}			
	
.mainContent .sectionBlock .sectionBlock-7 {
	width: 47%;
	display: block;
	padding:0 1% 30px;
	position: relative;
}	
	
.mainContent .sectionBlock .sectionBlock-8 {
	width: 98%;
	display: block;
	padding:0 1% 0;
	position: relative;
}		
	
.mainContent .sectionBlock .top-pickup {
	display: none;
}		
	
.mainContent .shohinRow .shohinInfo,.mainContent .shohinRow .shohinInfo2 {
	width: 98%;
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}
	
.mainContent .shohinRow .shohinInfo img,.mainContent .shohinRow .shohinInfo2 img{
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
}
	
.category_link{
		display:block;
	}	
	
#mainWrapper footer {
	background-color:#69AD52;
	display: block;
	text-align: center;
}
	
#mainWrapper footer div {
	width: 98%;
	overflow: auto;
	padding:20px 0px 10px 0px;
}

#mainWrapper footer div a{
	color:#FFFFFF;
	font-size:12px;
	overflow: auto;
}	

	
}