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


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*-*-*-*-*-*-*-*-
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

PC用CSS

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*/


/*Gナビ */

nav ul:before,
nav ul:after {
    content:"";
    display:table;
}
nav ul:after {
    clear:both;
}
nav ul {
    zoom:1;
}

nav ul {
  list-style: none;
  width: 960px;
  margin: 15px auto;
  
}
nav ul li {
  float: left;
}
nav ul li img {
  vertical-align: bottom;
}

@media only screen and (max-width: 600px) {

  nav {
    background: none;
  }
  nav ul {
    width: 100%;
    border-top: solid 1px #422210;
  }
  nav li {
	 
    float: none;
    width: 50%;
  }
  nav ul li img {
    display: none;
  }
  nav li a {
    display: block;
	border-bottom: solid 1px #422210;
	 background:url(../cmn_img/arrow1.png) 0 50% no-repeat;
	 padding:6px 6px 6px 30px;
	 font-weight:bold;
    text-decoration: none;
    color: #422210;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  nav li:nth-child(odd) a {
    border-right: solid 1px #422210;
  }
  nav li a:before {
    content: attr(data-label);
  }
}



/* タイトル,フォント指定等 */

#pankuzu{
	width:960px;
	margin:0 auto;
}

#h2ttl{
	background:url(../cmn_img/h2_bg.png) no-repeat right;
	height:112px;
	font-size:40px;
	font-weight:bold;
	width:960px;
	margin:30px auto;
}

.ttl3{
	background:url(../cmn_img/ttl3.png)no-repeat;
	font-size:30px;
	font-weight:bold;
	text-align:left;
	padding-left:60px;
	height: 60px;
	margin:60px 0 30px;
}

.h3ttl{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin:20px 0;
}

.txt16{
	font-size:16px;
	font-weight:bold;
	line-height:36pt;
	padding-top:30px;
}

.bd{
	font-weight:bold;
}


.linetxt{
	line-height:220%;

}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

	トップページ
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#slideshow {
   position: relative;
   width:  960px; /* 画像の横幅に合わせて記述 */
   height: 551px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 1;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 3;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 2;
}

#main{
	margin:30px auto 0;
	width:980px;
	text-align:center;
	}
	

.newsttl{
	background:url(../images/news_ttl.png)no-repeat;
	font-size:30px;
	font-weight:bold;
	text-align:left;
	padding-left:60px;
	height: 60px;
	margin-bottom:30px;
}

#feed dl{
	background:url(../images/feed_bg.png) repeat-x;
	margin-bottom:20px;
	clear:both;
	height:44px;
	width:600px;
}

#feed dt{
	float:left;
	width:100px;
}

#feed dd{
	float:left;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

たねとり野菜について
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


#list01 {
	font-size:18px;
	font-weight:bold;
	line-height:300%;
	margin-left:20px;
}

#li01{
	background:url(../about/images/num01.png) 0 50% no-repeat;
	padding-left:50px;
}

#li02{
	background:url(../about/images/num02.png) 0 50% no-repeat;
	padding-left:50px;
}

#li03{
	background:url(../about/images/num03.png) 0 50% no-repeat;
	padding-left:50px;
}

#li04{
	background:url(../about/images/num04.png) 0 50% no-repeat;
	padding-left:50px;
}

#li05{
	background:url(../about/images/num05.png) 0 50% no-repeat;
	padding-left:50px;
}

#li06{
	background:url(../about/images/num06.png) 0 50% no-repeat;
	padding-left:50px;
}

#li07{
	background:url(../about/images/num07.png) 0 50% no-repeat;
	padding-left:50px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

初めてご注文の方へ
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.first01{
	background:url(../first/images/step01.png) 0 50% no-repeat;
	padding-left:100px;
	font-size:26px;
	font-weight:bold;
	text-align:left;
	height:86px;
	margin:30px 0 20px;
}

.first02{
	background:url(../first/images/step02.png) 0 50% no-repeat;
	padding-left:100px;
	font-size:26px;
	font-weight:bold;
	text-align:left;
	height:86px;
	margin:30px 0 20px;
}

.first03{
	background:url(../first/images/step03.png) 0 50% no-repeat;
	padding-left:100px;
	font-size:26px;
	font-weight:bold;
	text-align:left;
	height:86px;
	margin:30px 0 20px;
}

.first04{
	background:url(../first/images/step04.png) 0 50% no-repeat;
	padding-left:100px;
	font-size:26px;
	font-weight:bold;
	text-align:left;
	height:86px;
	margin:30px 0 20px;
}


.cattl{
	background:url(../first/images/hachi.png) 0 50% no-repeat;
	font-size:24px;
	font-weight:bold;
	padding-left:50px;
	margin-bottom:20px;
}

#cautionbox li{
	background:url(../first/images/list.png) 0 50% no-repeat;
	padding-left:30px;
	margin-bottom:20px;
}


#cautionbox{
	margin:50px 30px 30px 30px;
	border: dotted 3px #422210;
    padding:20px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

よくあるご質問
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


.faqlist {
	background:url(../faq/images/faqlist.png) no-repeat;
	padding-left:80px;
	list-style:none;
	height:65px;
	font-size:20px;
	font-weight:bold;
	margin-top:30px;
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

通信販売
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


.pricebox{
	color:#b0330c;
	font-size:30px;
	font-weight:bold;
	text-align:right;
	margin:10px 50px 20px 30px;
	border-bottom:dotted 3px #422210;
}

.pricebox span{
	font-weight:normal!important;
	font-size:14px;
	color:#422210;
}



/*-*-*-　ページトップ　*-*-*/


.gimmickSmoothScroll_pageTop{
	text-align:right;
}
.gimmickSmoothScroll_pageTop a{
	display:inline-block;
	font-size:70px;
	text-decoration:none;
	color:#41210f;
}

.gimmickSmoothScroll_pageTop a::before{
	font-family:FontAwesome;
    content: "\f106";
}

.gimmickSmoothScroll_pageTop a:hover{
	color:#7d4e34;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*-*-*-*-*-*-*-*-
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

携帯・IPAD用CSS

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*/


@media only screen and (max-width: 768px) {
	
#wrapper{
		overflow:hidden;
}
	
#main{
	background:url(../cmn_img/back.png) no-repeat;
	height:223px;
	margin:30px auto;
	width:340px;
}
	

}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*--*-*-*-*-*-*-*-*-
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

携帯用CSS

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-**-*-*-*-*-*-*-*-*/


@media only screen and (max-width: 480px) {
	
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

共通

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

#slideshow {
   position: relative;
   width:  320px; /* 画像の横幅に合わせて記述 */
   height: 202px; /* 画像の高さに合わせて記述 */
   margin:20px !important;
   padding-top:80px;
}
#slideshow img {
      top: 0;
   left:0;
   z-index: 1;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 3;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 2;
}


#h2ttl{
	font-size:30px!important;
	font-weight:bold;
	padding-left:20px;
	height:40px!important;

}

.ttl3{
	font-size:18px!important;
	font-weight:bold;
	text-align:left;
	margin:20px 0;
	background:url(../cmn_img/sp_h3.png) no-repeat;
	padding-left:65px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

トップページ
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.txt16{
	font-size:14px;
	line-height:20px;
}
.newsttl{

	font-size:18px;
}

.h3ttl{
	font-size:18px;
}

#feed dl{
	background:url(../images/feed_bg.png) repeat-x;
	margin-bottom:20px;
	clear:both;
	height:44px;
	width:320px!important;
}

#feed{
	margin-bottom:20px;
}

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

たねとり野菜について
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


#list01 {
	line-height:150%!important;
	margin:20px 0 20px 20px;
}

#list01 li{
	margin-top:20px;
	font-size:16px;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

初めてご注文の方へ
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.first01{
	font-size:20px;
}

.first02{
	font-size:20px;
}

.first03{font-size:20px;
}

.first04{font-size:20px;
}

#cautionbox li{
	background:url(../first/images/list.png) 0 0 no-repeat;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

通信販売について
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

.txt10{
	font-size:10px;
}

}




/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

　画像遅延読み込み
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/



ul.imgList::after{
    display: table;
    line-height: 0;
    content: "";
    clear:both;
}
ul.imgList li{
    float: left;
    width: 31.33333333%;
    margin: 1%;
}
ul.imgList li .thumbnail{
    background-color: #FFF;
    padding: 20px;
    border:solid 1px #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
ul.imgList li img{
    margin-bottom:10px;
}
ul.imgList li .title{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

@media only screen and (max-width: 480px) {
	ul.imgList li{
		float: none;
		width: 98%;
		margin: 1%;
	}
}