@charset "utf-8";

/*-------------------------------*/
/*特集2016年版css*/
/*-------------------------------*/

.txt_left  {text-align:left;}
.fw_normal {font-weight:normal;}

.rightcol {float: right;}
.leftcol  {float: left;padding-right: 15px;}

.mb_40 {margin-bottom:40px;}
.mt_40 {margin-top:40px;}



/*-------------------------------*/
/*2016年5月～リニューアル版ページ*/
/*-------------------------------*/

#main .fs_16 {font-size:1.2em;}
#main .fs_14 {font-size:1.0em;}
.fs_16 p     {line-height: 1.8em;word-break: break-all;}


/*----タイトル見出し*/
div#main h2.column_ttl{
	border-bottom: 1px solid #e5e5e5;
	box-sizing: border-box;
	font-size: 2em;
	font-weight: normal;
	margin:15px 0 30px 0;
	padding: 0 0 5px 20px;
	position: relative;
}

.column_ttl:before{
	border-radius: 4px;
	bottom: 10px;
	content: "";
	left: 0;
	margin: auto;
	position: absolute;
	top: 4px;
}

.column_ttl span{
	display:block;
	font-size:0.6em;
}



/*----ソーシャルボタン*/

.social-buttons {
	margin: 22px 0 50px;
	padding: 18px 0 18px 2px;
	border-top: solid 1px #e7e7e6;
	border-bottom: solid 1px #e7e7e6;
	text-align:center;
}

.social-buttons p {
	display:inline-block;
	margin-right:10px;
}


/*----リンクの装飾*/

#main .link_list_box {margin-bottom:30px;clear:both;}

#main .link_list {margin:0 auto 10px;}
#main .link_list li {
	display:inline-block;
	vertical-align:top;	
	width:230px;
	margin:0 0 6px 20px;
}
#main .link_list li:nth-child(3n+1) {margin-left:0;}


#main #page_under_nav li a span:hover,
#main #page_under_nav li a span,
#main #page_under_nav li#active a span{background: none;}


.link_list_box .link_btn {}
.link_list_box .link_btn li {
	display:inline-block;
	width:32%;
	margin-left:10px;
}
.link_list_box .link_btn li:first-child {margin:0;}
.link_list_box .link_btn li img {width:100%;height:auto;}
.link_list_box .link_btn li a:hover img {opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}



.
/*----特集トップ画像*/

.sp_top_photo {
	margin-bottom: 20px;
}

.sp_lead{
	font-size:1.3em;
	text-align:center;
}


/* 201705変更 */
.mvArea {margin-bottom:10px;}
.mvArea img {
	max-width: 100%;
	height: auto;
}


/*----各小見出し*/

div#main p.sp_chapter_ttl {
	font-size: 1.2em;
	color: #fff;
	padding: 10px 10px;
	font-weight:bold;
	clear:both;
	margin-bottom:25px;
}

.one_detail{
	margin-bottom: 15px;
	overflow:hidden;
}



@media screen and (min-width: 641px) {	/* PC */

	#main .link_list li a{
		display:block;
		text-align:center;
		text-decoration:none;
		color:#333;
		width:230px;
		border-radius:5px;
		background-color:#e1e3e4;
		padding-bottom:5px;
	}
	#main .link_list li a span{
		display:block;
		background: no-repeat url(../images/common/img_arrow_d.png) bottom center;
		padding:10px 10px 15px;
	}

	#main .link_list li a span:hover{background: no-repeat url(../images/common/img_arrow.png) bottom center;}
	#main .link_list li a:hover,
	#main .link_list li#active a{color:#fff;}
	#main .link_list li#active a span{background: no-repeat url(../images/common/img_arrow.png) bottom center;}

}	/* end */


@media screen and (max-width: 640px) {	/* SMP */

	div#main h2.column_ttl{
		font-size: 1.5em;
		line-height:1.4;
	}

	div#main p.sp_chapter_ttl {
		font-size: 1.2em;
		padding: 6px 10px;
	}

	.sp_top_photo img {width:100%;height:auto;margin-bottom:5px;}

	#main .link_list_box {margin-bottom:30px;}
	#main .link_list {margin:0 auto 10px;text-align:center;;}
	#main .link_list li {display:block;width:100%;margin:0 0 5px 0;lin-height:1em;}

	#main .link_list li a{
		display:block;
		text-align:center;
		text-decoration:none;
		color:#333;
		width:auto;
		border-radius:5px;
		padding:10px;
		background:#e1e3e4 no-repeat url(../images/common/img_arrow_d.png) 96% center;
	}
	#main .link_list li a span{display:block;width:92%;}
	#main .link_list li a:hover{background:#e1e3e4 no-repeat url(../images/common/img_arrow.png) 96% center;}
	#main .link_list li a:hover,
	#main .link_list li#active a{color:#fff;}
	#main .link_list li#active a {background:#e1e3e4 no-repeat url(../images/common/img_arrow.png) 96% center;}

	.link_list_box .link_btn li {width:auto;margin-left:3px;}

	.sp_lead {font-size:1.2em;text-align:left;}
	.sp_lead br {display:none;}

}	/* end */




/*-------------------------------*/
/*----農家ごはんページ----*/
/*-------------------------------*/
.recipe_detail_box{
	border-bottom: 1px #ccc dotted;
	margin-bottom: 15px;
	padding-bottom: 30px;
	overflow:hidden;

}

.subttl {
	font-size: 16px;
	font-weight:bold;
	margin-bottom:10px;
}


.food_list .rightcol {
	width: 325px;
}

.food_list .leftcol {
	width: 400px;
}

.recipe_detail .rightcol img {
    border: 1px #ccc solid;
    margin-bottom: 5px;
}

.recipe_detail_foodslist .subttl {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight:bold;
	border-bottom: 1px #ccc dotted;
	margin-bottom:10px;
}

.recipe_detail_foodslist ul li {
	border-bottom: 1px #ccc dotted;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
ul.how_to li{
padding-left:1em;
text-indent:-1em;
}

.recipe_detail .point .leftcol {
	width: 200px;
}

.recipe_detail .point .rightcol {
	width: 520px;
}

/*関連レシピの表示*/

.sp_chapter_ttl2 {font-weight:bold;font-size:14px;margin-bottom:10px;}

ul.relatedentry{
	padding: 0 15px;
	margin-left:-30px;
	margin-bottom: 40px;
}

ul.relatedentry li{
	display:inline-block;
	margin-left:30px;
	width:150px;
	vertical-align: top;
}

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

	ul.relatedentry {margin-left:10px;}
	ul.relatedentry li{
		display:inline-block;
		margin:0 0 10px 10px;
		width:43%;
		vertical-align: top;
		font-size:13px;
	}
	ul.relatedentry li img {margin-bottom:5px;display:block;width:100%;height:auto;}



}	/* end */



/*-------------------------------*/
/*----直売所紹介ページ----*/
/*-------------------------------*/

.shop_detail .data_box,
.shopData {
	clear:both;
	padding: 30px;
	margin-bottom: 15px;
	border: solid 1px #e7e7e6;
}

.data_box dl dt,
.shopData dt {
	margin: 10px 0 0;
	font-weight: bold;
}

.data_box dl dd,
.shopData dd {
	margin: 5px 0;
	word-break: break-all;
}

.shopData {padding:15px 30px;}
p.shopName {font-weight:bold;}



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

	.shop_detail .data_box,
	.shopData {padding:10px 15px;}

}	/* end */






/*-------------------------------*/
/*----月ごとに変更する----*/
/*-------------------------------*/

#main .oumimai_color li a:hover,
#main .oumimai_color li#active a,
.oumimai_color_ttl{background-color: #0075c3;}
#oumimai_ttl:before{border-left: 6px solid #0075c3;}



/*---2016年6月木いちご＆マルベリー----------------*/

#main .raspberry_color li a:hover,
#main .raspberry_color li#active a,
.raspberry_color_ttl{background-color: #9e1e2b;}
#raspberry_ttl:before{border-left: 6px solid #9e1e2b;}


/*---2016年7月スウィートコーン----------------*/

#main .corn_color li a:hover,
#main .corn_color li#active a,
.corn_color_ttl{
	background-color: #d3a901;
}

#corn_ttl:before{
	border-left: 6px solid #d3a901;
}

/*---2016年8月とよ坊かぼちゃ----------------*/

#main .bowpumpkin_color li a:hover,
#main .bowpumpkin_color li#active a,
.bowpumpkin_color_ttl{
	background-color: #e87c08;
}

#bowpumpkin_ttl:before{
	border-left: 6px solid #e87c08;
}


/*---2016年9月弥平とうがらし----------------*/

#main .yahei_color li a:hover,
#main .yahei_color li#active a,
.yahei_color_ttl{
	background-color: #e14c14;
}

#yahei_ttl:before{
	border-left: 6px solid #e14c14;
}


/*---2016年10月マキノの栗----------------*/

#main .chesnut_color li a:hover,
#main .chesnut_color li#active a,
.chesnut_color_ttl{
	background-color: #834723;
}

#chesnut_ttl:before{
	border-left: 6px solid #834723;
}

.min_content .set {display: table; border:1px solid #ccc;padding:15px;margin:0 auto 15px;}
.min_content .set img {display: table-cell; margin:0 15px 0 0 ;}
.min_content .set ul {display: table-cell; vertical-align: top; }
.min_content .set ul li {margin:0 0 0 1em;}
.min_content .set ul li.littl {font-weight:bold;margin:0;}


/* clear */
.min_content .set:after{content:"";display:table;clear:both;zoom:1;}


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

	.min_content .set {display: block; text-align:center;}
	.min_content .set img {display: block; margin:0 auto 15px;}
	.min_content .set ul {display: block; vertical-align: top;text-align:left;}
	.min_content .set ul li {margin:0 0 0 1em;}
	.min_content .set ul li.littl {font-weight:bold;margin:0;}

}	/* end */






/*---2016年11月伊吹平核無柿----------------*/

#main .hira_tanenashi_color li a:hover,
#main .hira_tanenashi_color li#active a,
.hira_tanenashi_color_ttl{
	background-color: #d18a1b;
}

#hira_tanenashi_ttl:before{
	border-left: 6px solid #d18a1b;
}
#main .fs_16 p span.att {font-size:0.9em !important;}


/*---2016年12月小佐治のもち----------------*/

#main .kosaji_color li a:hover,
#main .kosaji_color li#active a,
.kosaji_color_ttl{
	background-color: #5c6b4c;
}

#kosaji_ttl:before{
	border-left: 6px solid #5c6b4c;
}


/*---2017年1月しゅんぎく娘----------------*/

#main .shungiku_color li a:hover,
#main .shungiku_color li#active a,
.shungiku_color_ttl{
	background-color: #50a020;
}

#shungiku_ttl:before{
	border-left: 6px solid #50a020;
}

/*---2017年2月養豚の未来を担う----------------*/

#main .pork_color li a:hover,
#main .pork_color li#active a,
.pork_color_ttl{
	background-color: #e3a993;
}

#pork_ttl:before{
	border-left: 6px solid #e3a993;
}


/*---2017年3月琵琶湖産真珠----------------*/

#main .pearl_color li a:hover,
#main .pearl_color li#active a,
.pearl_color_ttl{
	background-color: #c1a281;
}

#pearl_ttl:before{
	border-left: 6px solid #c1a281;
}


/*---2017年4月大中のミニトマト----------------*/

#main .minitomato_color li a:hover,
#main .minitomato_color li#active a,
.minitomato_color_ttl{
	background-color: #e23100;
}

#minitomato_ttl:before{
	border-left: 6px solid #e23100;
}

/*---2017年5月アスパラガス----------------*/

#main .asparagus_color li a:hover,
#main .asparagus_color li#active a,
.asparagus_color_ttl{background-color: #24ae12;}
div#main p.asparagus_color_ttl2 {border-color:#24ae12;}

#asparagus_ttl:before{border-left: 6px solid #24ae12;}


/*---2017年6月アドベリー----------------*/

#main .adoberry_color li a:hover,
#main .adoberry_color li#active a,
.adoberry_color_ttl{background-color: #76217e;}
div#main p.adoberry_color_ttl2 {border-color:#76217e;}

#adoberry_ttl:before{border-left: 6px solid #76217e;}


/*---2017年7月黒枝豆----------------*/
#main .black-soybeans_color li a:hover,
#main .black-soybeans_color li#active a,
.black-soybeans_color_ttl{background-color: #94a554;}
div#main p.black-soybeans_color_ttl2 {border-color:#94a554;}

#black-soybeans_ttl:before{border-left: 6px solid #94a554;}


/*---2017年8月笠原生姜----------------*/
#main .ginger_color li a:hover,
#main .ginger_color li#active a,
.ginger_color_ttl{background-color: #dc7f8a;}
div#main p.ginger_color_ttl2 {border-color:#dc7f8a;}

#ginger_ttl:before{border-left: 6px solid #dc7f8a;}


/*---2017年9月甲賀いちじく----------------*/
#main .koka-ichijiku_color li a:hover,
#main .koka-ichijiku_color li#active a,
.koka-ichijiku_color_ttl{background-color: #95252e;}
div#main p.v_color_ttl2 {border-color:#95252e;}

#koka-ichijiku_ttl:before{border-left: 6px solid #95252e;}


/*---2017年10月近江しゃも----------------*/
#main .oumishamo_color li a:hover,
#main .oumishamo_color li#active a,
.oumishamo_color_ttl{background-color: #d96211;}
div#main p.v_color_ttl2 {border-color:#d96211;}

#oumishamo_ttl:before{border-left: 6px solid #d96211;}


/*---2017年11月かぶ----------------*/
#main .akakabu_color li a:hover,
#main .akakabu_color li#active a,
.akakabu_color_ttl{background-color: #c41e5e;}
div#main p.v_color_ttl2 {border-color:#c41e5e;}

#akakabu_ttl:before{border-left: 6px solid #c41e5e;}

/*---2017年12月味噌----------------*/
#main .miso_color li a:hover,
#main .miso_color li#active a,
.miso_color_ttl{background-color: #492316;}
div#main p.v_color_ttl2 {border-color:#492316;}

#miso_ttl:before{border-left: 6px solid #492316;}


/*---2018年1月酒・酒米----------------*/
#main .sake_color li a:hover,
#main .sake_color li#active a,
.sake_color_ttl{background-color: #8f8d98;}
div#main p.v_color_ttl2 {border-color:#8f8d98;}

#sake_ttl:before{border-left: 6px solid #8f8d98;}


/*---2018年2月ホンモロコ----------------*/
#main .honmoroko_color li a:hover,
#main .honmoroko_color li#active a,
.honmoroko_color_ttl{background-color: #345290;}
div#main p.v_color_ttl2 {border-color:#345290;}

#honmoroko_ttl:before{border-left: 6px solid #345290;}


/*---2018年3月政所茶----------------*/
#main .mandokorocha_color li a:hover,
#main .mandokorocha_color li#active a,
.mandokorocha_color_ttl{background-color: #396820;}
div#main p.v_color_ttl2 {border-color:#396820;}

#mandokorocha_ttl:before{border-left: 6px solid #396820;}


/*---2018年4月政所茶----------------*/
#main .tochimochi_color li a:hover,
#main .tochimochi_color li#active a,
.tochimochi_color_ttl{background-color: #54341d;}
div#main p.v_color_ttl2 {border-color:#54341d;}

#tochimochi_ttl:before{border-left: 6px solid #54341d;}