
/* New */

#shibu6_article ul,#shibu6_article li,#shibu6_article dl,#shibu6_article dd{
	margin-right:0;
	margin-left:0;
	padding-right:0;
	padding-left:0;
}

#shibu6_article ul,#shibu6_article li{
	list-style:none;
}
#recolteparty2 li.lists{
	list-style: disc!important;
}

body{
	 color:#333;
}



/* レスポンシブフォントサイズ　.page {width: 755px;} の場合： */
@media screen and (max-width:768px) { 
    /*　画面サイズ768pxまで　*/
		#shibu6_article .page { font-size: 36px!important; } 
		#shibu6_article .page h2 { font-size: 36px!important;
		font-weight:bold; }
		#contentsArea h3  { font-size: 32px!important;
		font-weight:bold; }
		/*#shibu6_article .page h3 { font-size: 32px!important; } */
}
@media screen and (min-width:768px) { 
    /*　画面サイズ768pxから　*/
		#shibu6_article .page { font-size: 16px!important; }   
}

#shibu6_article .page
 { font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
} 

.pagelastNavi {
	display:table;
	overflow:hidden;
	width:100%;
	}
.pagelastNavi p a {
	padding:20px 10px 30px 70px;
	float:right;
	font-weight:bold;
	display: inline-block;
}

.pagelastNavi a,
.pagelastNavi a:active,
.pagelastNavi a:visited {
	text-decoration:underline!important;
	color:#ff2d64!important;
}

.pagelastNavi p a:hover{
	text-decoration:underline!important;
	color:#ff2d64!important;
}

.pagelastNavi a {
	background: url(/image.jsp?id=381800) no-repeat top left;
}

.navi_recoltreport a:hover{
	opacity:0.7
		}

/*#shibu6_article a,
#shibu6_article a:active,
#shibu6_article a:visited {
	text-decoration:underline!important;
	color:#ff2d64!important;
}
#shibu6_article p a:hover{
	text-decoration:underline!important;
	color:#ff2d64!important;
}
*/

/* ページ背景 */

#shibu6_article #recolteparty {
	background: url(/image.jsp?id=374995) repeat top left;
}

#shibu6_article #recolteparty2 {
	background: url(/image.jsp?id=374995) repeat top left;
	padding-bottom:5px;
}


/* レイアウト
---------------------- */

.page {
	width: 755px;
}

#shibu6_article #headArea {
	padding:0;
	margin:0;
	display:table;
	overflow:hidden;
	vertical-align:top;
}

#shibu6_article .head1 {
	background: url(/image.jsp?id=375007) no-repeat top left;
}/* 渋6組レコルトセミナー   pagetitle.png */
#shibu6_article .head2 {
	background: url(/image.jsp?id=380595) no-repeat top left;
}/* 葉っぱ柄背景 */
@media screen and (max-width:768px) { 
    /*　画面サイズ768pxまで　*/
		#shibu6_article .head2 {
			background: none!important;
			}/* スマホは葉っぱ柄背景なし */
}


#headArea h1 {
	text-align:center!important;
	margin:auto!important;
}
.navi_recoltreport{ 
	text-align:center!important;
	margin:auto!important;
}


@media screen and (max-width:320px) { 
    /*　画面サイズ320pxまで　*/
	h1 img { width:320px;}
	
	.navi_recoltreport li{ 
		  width:360px!important; 
		  margin:0.1em!important; 
		  padding:0;
		  float:left;
		}
		.navi_recoltreport li img{ 
			width:360px!important;
		}
		.navi_recoltreport li a img{ 
			width:280px!important;
		}
}
@media screen and (min-width:320px) and (max-width:768px) { 
    /*　画面サイズ320pxから768pxまで　*/
	h1 img { width:100%;}
	
	.navi_recoltreport li{
		  width:360px!important; 
		  margin:0.5em 0!important; 
		  padding:0;
		  float:left;
		}
		.navi_recoltreport li img{ 
			width:360px!important;
		}
		.navi_recoltreport li a img{ 
			width:280px!important;
		}
}

@media screen and (min-width:768px) { 
    /*　画面サイズ768pxから　*/
	.navi_recoltreport li{ 
		width:220px;
		float:left;
		margin:0 0 10px 5px;
		padding:0;
		}
		.navi_recoltreport li img{ 
			width:200px!important;
		}
		.navi_recoltreport li a img{ 
		width:140px!important;
		}
/*.navi_recoltreport li{ 
		width:300px;
		float:left;
		margin:0.5em;
		padding:2em;
		}
		.navi_recoltreport li a img{ 
		width:220px;
		}*/
		#contentsArea h2 {
		  background:#dbebb8!important;
		  margin-bottom:0;
		  padding-bottom:10px;
		  padding-top:10px;
		  
	  }
}


/* コンテンツエリア */

#contentsArea {
	margin-top:-80px;
	}
	
#contentsArea h2,
#contentsArea h3 {
	  display:block;
	  clear:both;
	  text-align:center!important;
	  color:#56331f;
	  }
	  
.smrtxt	{
	padding-bottom:10px !important;
}  
	  
@media screen and (max-width:768px) { 
    /*　画面サイズ768pxまで　*/
	
	
	#contentsArea {
	margin-top:-100px!important;
	}
	#contentsArea h2 {
		  background:#dbebb8!important;
		  margin-bottom:0;
		  padding-bottom:0.5em;
		  padding-top:0.5em;
		  
	  }
	
	#contentsArea .box01 {
	  margin:0;
	  padding:1em;
	  background:#bdcf93;
	  clear:both;
	}
	#headArea .txtbox{
	  margin:0;
	}
	#headArea .txtbox2{
		background:#FFF;
		padding: 1em;
    	margin: 0.5em;
	}
	#contentsArea .box01 .imgbox {
		display: block;
		padding-bottom: 1em;
		clear:both;
	}
	#contentsArea .box01 .imgbox img,
	.imgtxtBox img {
		margin:10px;
		width:96%;
	}
	#contentsArea .box01 img {
	border:#FFF solid 0.5em;
	}
	dl.prof {
		display:block;
		margin:auto;
		text-align:center;
		padding-bottom:20px!important;
	}
	dl.prof dt img {
		width:80%;
	}
	dl.prof dd {
		font-size:80%!important;
	}
	
	.imgtxtBox {
	  margin: auto;
	  padding-bottom: 1em;
	}
	.imgtxtBox p {
		width:auto;
		padding: 1em;
    	margin: 0.5em;
		border:#90c31f solid 2px;
		border-radius:12px;
		background:#ebf3d9;
	}/* f9f8ec */
	
	.radiusbox {
		padding: 1em;
		margin-bottom:1em!important;
		border:#90c31f solid 2px;
		border-radius:12px;
		background:#ebf3d9;
	}
	.whitebox{
		padding: 1em;
		margin-bottom:1em!important;
		background:#FFF;
	}
	
}

@media screen and (min-width:768px) { 
    /*　画面サイズ768pxから　*/ 
  
  #headArea .txtbox{
	  margin:10px 10px 10px 70px;
	  }
  #headArea .txtbox2{
		  background:#FFF;
		  padding:20px;
		  margin:10px;
	  }
  
  #contentsArea .box01 {
	  margin: 30px 10px 20px 10px;
	  padding: 30px 20px;
	  background:#bdcf93;
	  clear:both;
	  }

	#contentsArea .box01 .imgbox {
		display: flex;
		justify-content: center;
		padding-bottom:20px;
	}
	#contentsArea .box01 .imgbox img {
		margin:5px;
	}
	#contentsArea .box01 .imgbox img.two {
		width:330px;
	}
	#contentsArea .box01 .imgbox img.three {
		width:225px;
		height:180px;
	}
	#contentsArea .box01 .imgbox img.demothree {
		width:225px;
		height:130px;
	}
	img.chorihukei {
		width:330px!important;
		height:220px!important;
	}
	img.chorihukei2 {
		width:280px;
		height:247px;
	}
	#contentsArea .box01 .imgbox img.shishoku {
		width:250px;
		height:180px;
	}
	#contentsArea .box01 .imgbox img.happyo {
		width:225px;
		height:162px;
	}/*225x162*/
	#contentsArea .box01 .imgbox img.homebbq {
		width:240px!important;
		height:239px!important;
	}/*225x162*//*330x328*/

	dl.prof {
		display:block;
		margin:auto;
		text-align:center;
		padding-bottom:20px;
	}
	dl.prof dt img {
		width:300px;
	}
	dl.prof dd {
		font-size:80%!important;
		line-height:1.8!important;
	}
	.imgtxtBox {
	  display:table;
	  margin: auto;
	  overflow:hidden;
	  vertical-align:top;
	  padding-bottom:20px;
	}
	.imgtxtBox img {
		width:280px;
		float:left;
		display:table-cell;
		margin-right:10px;
	}
	.imgtxtBox p {
		width:50%;
		display:table-cell;
		float:right;
		padding:20px;
		border:#90c31f solid 2px;
		border-radius:12px;
		background:#ebf3d9;
	}/* f9f8ec */
	
	.radiusbox {
		padding:20px;
		margin-bottom:20px!important;
		border:#90c31f solid 2px;
		border-radius:12px;
		background:#ebf3d9;
	}
	.whitebox{
		padding:20px;
		margin-bottom:20px!important;
		background:#FFF;
	}
	
}



#contentsArea .box01 img {
	border:#FFF solid 5px;
}


#contentsArea .btn a,
#contentsArea .btn a:active,
#contentsArea .btn a:visited {
	background:#000;
	color:#FFF!important;
	font-weight:bold;
	text-decoration:none!important;
}

#contentsArea .btn a:hover{
	text-decoration:none!important;
	color:#999!important;
	opacity: 0.5;
}

#shibu6_article .txtcenter{
	text-align:center;
}
/*#shibu6_article a,#shibu6_article a:active,#shibu6_article a:visited {
	text-decoration:none!important;
	color:#5d0c75!important;
}
#shibu6_article a:hover{
	text-decoration:underline!important;
	color:#5d0c75!important;
}
*/


#shibu6_article .clear{
	clear:both;
}


/*#contentsArea h4  {
	padding-bottom:10px;
	text-align:left;
}

#contentsArea h4.Q  {
	background: url(/image.jsp?id=334011) no-repeat top left;
	padding-left:60px;
	padding-top:34px;
	margin-bottom:20px!important;
	height:30px;
	font-size:1.5em!important;
	line-height:100%!important;
	letter-spacing:0.2em!important;
	clear:both;
}*/



/*#shibu6_article dd {margin-bottom:0.5em;}*/

/* 見出し
#shibu6_article #midashi
 { font-size:1.4em!important;
line-height:1.3;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} */

#shibu6_article .mb0{
	margin-bottom:0 !important;
}
#shibu6_article .mb5{
	margin-bottom:5px !important;
}
#shibu6_article .mb10{
	margin-bottom:10px !important;
}
#shibu6_article .mb20{
	margin-bottom:20px !important;
}
#shibu6_article .mb30{
	margin-bottom:30px !important;
}
#shibu6_article .mr10{
	margin-right:10px !important;
}
#shibu6_article .mr20{
	margin-right:20px !important;
}
#shibu6_article .mL10{
	margin-left:10px !important;
}
#shibu6_article .mL20{
	margin-left:20px !important;
}
#shibu6_article .mt10{
	margin-top:10px !important;
}
#shibu6_article .mt20{
	margin-top:20px !important;
}

#shibu6_article .pb0{
	padding-bottom:0 !important;
}
#shibu6_article .pb10{
	padding-bottom:10px !important;
}
#shibu6_article .pb20{
	padding-bottom:20px !important;
}
#shibu6_article .pt20{
	padding-top:20px !important;
}
#shibu6_article .pt40{
	padding-top:40px !important;
}
#shibu6_article .pL10{
	padding-left:10px !important;
}
#shibu6_article .pR10{
	padding-right:10px !important;
}

#shibu6_article .fL{
	float:left;
}
#shibu6_article .fR{
	float:right;
}


#shibu6_article .clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#shibu6_article .clearfix {
	display: inline-block;
	overflow: hidden;
}

#shibu6_article .clearfixTbl:after {
	content: ".";
	height: 0;
	clear: both;
	visibility: hidden;
}
#shibu6_article .clearfixTbl {
	display: table;
	overflow: hidden;
}



