@charset "utf-8";
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆


	自然と暮らす農場


☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* =======================================================================

	レイアウト

======================================================================== */
#content {
  width: 100%;
  padding: 0 0 0 0;
  text-align: left;
}

#main {
  float: left;
  width: 72%;
}

#sidebar {
  float: right;
  width: 25%;
  margin-bottom: 1.5em;
  border-left: solid 5px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  padding: 0 0 0 10px;
}

article{
	margin : 0 0 3em 0;
}

article > article:last-child{
	margin-bottom : 0;
}

article#farm{
	padding : 20px 0 0px 0;
	box-sizing : border-box;
	margin-bottom : 0;
}

/* =======================================================================

	見出し

======================================================================== */
#farm h2{
	display : none;
}

#farm h3{
	border-left : solid 5px #388d37;
	padding-left : 10px;
	font-size : 140%;
	line-height : 1.4;
	margin : 0 0 1em 0;
}

#sidebar h3 {
  font-size: 100%;
  line-height: 1;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  padding: 8px 0;
  position: static;
  background: #d2d2d2;
  text-align: center;
}
#sidebar h3::before, #sidebar h3::after {
  content: "";
  position: static;
  border: none;
  width: auto;
}

/* =======================================================================

	ファームのロゴ

======================================================================== */
div.farm_logo{
	text-align:center;
	margin : 0 0 1.5em 0;
}

/* =======================================================================

	ファームのトップイメージ

======================================================================== */
div.farm_topimg{
	text-align:center;
	margin : 0 0 1.5em 0;
}
/* =======================================================================

	メールフォームへ

======================================================================== */
.farm_mail a {
	line-height : 1em;

	background : #ffcab4;
	width : 330px;

	font-size: 110%;
  border: solid 2px #e99b7a;
  padding: 5px 10px;
  box-sizing: border-box;
	border-radius: 5px;

	display : flex;
	justify-content : center;
	align-items : center;
  
}
.farm_mail a:hover {
	background : #ffa680;
	text-decoration: none;
	border : solid 2px #ed8c63;
	color : #000;
}

.farm_mail a img{
	width: 30px;
  height: auto;
  margin-right: 10px;
}

/* =======================================================================

	サイドのバナー

======================================================================== */
.side_link{
	margin : 0 0 1em 0;
}

.side_link a ,
.side_link div.btn {
	line-height : 1.4em;

	background : #fff;
	width : 100%

	font-size: 100%;
  border: solid 1px #ccc;
  padding: 5px 10px;
  box-sizing: border-box;
	border-radius: 5px;

	display : flex;
	justify-content : center;
	align-items : center;

}
.side_link a {
	background : #fff url(../images/icon_yajirushi02.png) 95% 50% no-repeat;
	padding-right : 20px;
}

.side_link a:hover {
	background : #f6e1de url(../images/icon_yajirushi02.png) 96% 50% no-repeat;

	text-decoration: none;
	color : #000;
}

.side_link a img,
.side_link div.btn img{
	width: 50px;
  height: auto;
  margin-right: 10px;
}

/* =======================================================================

	サブメニュー

======================================================================== */
div#sidebar div.menubox {
  padding: 0;
  margin: 0 0 1.5em 0;
}
div#sidebar ul.sidemenu {
  margin: 0;
  padding: 0;
  border-bottom: solid 10px #d2d2d2;
}
div#sidebar ul.sidemenu li {
  padding: 0;
  border-bottom: solid 1px #d2d2d2;
  list-style: none;
  line-height: 1.4;
  font-size: 80%;
}
div#sidebar ul.sidemenu li:last-child {}
div#sidebar ul.sidemenu li p {
  marign: 0;
}
div#sidebar ul.sidemenu li a {
  display: block;
  padding: 10px 5px;
  margin: 5px 0px;
  box-sizing: border-box;
}
div#sidebar ul.sidemenu li a:hover, div#sidebar ul.sidemenu li.active a {
  box-sizing: border-box;
}
/*日付*/
div#sidebar ul.sidemenu li span.date {
  font-size: 80%;
}
/*カテゴリ名*/
div#sidebar ul.sidemenu li span.catnm {
  font-size: 80%;
  padding: 2px 5px;
  border-radius: 3px;
  margin: 0 0 0 0.8em;

	background : #ffde81
}

/*カレンダーの定義を上書き*/
.side_calender{
	margin : 0 0 1em 0;
}
.side_calender .title{
	line-height : 1;
  text-align:center;
	background : #DEDEDE;
	border : 1px #B5B5B6 solid;
	border-width : 1px 1px 0px 1px;

	width : 250px;
	margin : 0 auto;
	padding : 5px 0;
	box-sizing : border-box;

}
#biz_calendar table.bizcal {
    margin: 0 0 10px 0 !important;
}
#biz_calendar table.bizcal .holiday {
    background-color: #ff8f80 !important;
    color: #ffffff;
}
#biz_calendar p span.boxholiday {
    background-color: #ff8f80 !important;
    padding-left: 25px;
    margin-right: 10px;
}

/* =======================================================================

	フッター

======================================================================== */
footer{
	border-top : solid 1px #ccc;
}
footer div.wrapper{
	padding-top : 15px;
  text-align:center;
}

#copylight {
	width : 100%;
	padding : 5px 0;
	font-size : 10px;
	text-align: center;
	background : #e7e7e7;
	line-height: 1.4;

	margin-top : 15px;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
　 ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★


	レスポンシブ
	
	
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* =====================================================================
=====================================================================

	モニター幅1200px以上

=====================================================================
===================================================================== */
@media only screen and (min-width:1200px) {}
/* =====================================================================
=====================================================================

	モニター幅1200px以下

=====================================================================
===================================================================== */
@media only screen and (max-width:1200px) {}
/* =====================================================================
=====================================================================

	モニター幅1100px以下

=====================================================================
===================================================================== */
@media only screen and (max-width:1100px) {
	/*カレンダーの定義を上書き*/
	.side_calender .title{
		width : 100%;
	}
}
/* =====================================================================
=====================================================================

	iPad 縦

=====================================================================
===================================================================== */
@media only screen and (max-width:768px) {
  #main {
    width: 100%;
    float: none;
    margin-bottom: 30px;
    padding: 0 0 0 0px;
  }

  #sidebar {
    width: 100%;
    float: none;
    margin-bottom: 0;
    border-width: 0px;
    padding: 0 0 0 0px;
  }



	/* =======================================================================

		サイドのバナー

	======================================================================== */

	.side_link a ,
	.side_link div.btn {
		width :300px;
		margin-right : auto;
		margin-left : auto;
	}


	/*カレンダーの定義を上書き*/
	.side_calender .title{
		width : 250px;
	}

}
/* =====================================================================
=====================================================================

	スマートフォン 横(ランドスケープ)

=====================================================================
===================================================================== */
@media only screen and (max-width:640px) {}
/* =====================================================================
=====================================================================

	スマートフォン縦

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

.side_link a ,
.side_link div.btn {
	width :80%;
}


}