/* カスタム CSS をここに入力してください */
/*==============================
 * font
 * ============================*/
body{
	font-family: fot-tsukuardgothic-std, sans-serif!important;
	font-weight: 400;
	font-style: normal;
}
/*==============================
 * h1-h6 
 * ============================*/
h1, h2, h3, h4, h5, h6, p {
	font-family: fot-tsukuardgothic-std, sans-serif!important;
	font-weight: 400;
	font-style: normal;
	line-height:1.5em;
}

h2 {
    color: #00136b!important;
		line-height:1.8em;
		font-size:1.9rem;
	margin-bottom:30px!important;
}
.sub-h2 h2 {
    padding: 1em 1em;
    border: 3px solid #0faf73;
    border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
    text-align: center;
    background: #d7e682;
    color: #009646!important;
}
@media screen and (max-width: 991px){
	h2 {
		font-size:1.7rem;
	}
	.sub-h2 h2 {
    padding: 0.5em 0.2em;
	}
}
/*============================
  * HEADER
  * ====================*/
.site-header{
	background:#fff;
}
@media screen and (min-width: 991px){
	.site-title {
			display:none;
	}
	.custom-logo-link{
		display:none;
	}
}
@media screen and (max-width: 990px){
	.site-header {
    max-height: 270px;
	}
}
@media screen and (max-width: 767px){
	.site-header {
    max-height: 95vh;
}
}

/*==============================
 * ナビゲーション
 * ============================*/
.navigation-top {
    background: #f5f2eb;
    position: absolute;
    bottom: -5px;
	z-index:3;
}
.site-navigation-fixed.navigation-top .menu-logo{
	display:none;
}
#top-menu{
    text-align: center;
}

.navigation-top {
    position: relative;
}/*社名*/
span.title {
    font-size: 2.3rem;
    text-align: center;
    color: #008703;
}/*農民連ロゴ*/
img.menu-logo {
    width: 135px;
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
img.menu-icon {
    max-width: 35px;
    display: block;
    padding: 0 0 0px 0;
    margin: 0 auto;
}
@media screen and (min-width: 48em){
	.navigation-top .wrap {
    max-width: 1800px;
    margin: 0 auto;
}
		.main-navigation a{
		    padding: 1em 1.5em;
	}
}
@media screen and (min-width: 67em){
	.navigation-top .wrap {
			padding: 0.75em 0.5em;
	}
}
@media screen and (max-width: 1450px){
	span.title {
		font-size: 2rem;
	}
	.main-navigation a {
		padding: 1em 1em;
	}
}
@media screen and (max-width: 1110px){
	.navigation-top {
		bottom:30px;
	}
	.main-navigation a{
		    padding: 1em 1em;
		font-size: 12px;
	}
		.navigation-top .wrap {
    max-width: 1000px;
    padding: 0.75em 1em;
		margin: 0 auto;
	}
	img.menu-icon {
    max-width: 30px;
	}
	span.title {
			font-size: 1rem;
	}
}
@media screen and (max-width: 990px){
	.main-navigation a {
    padding: 0.5em 1.2em;
	}
	.navigation-top {
    bottom: 103px;
	}
	img.menu-logo{
		display:none;
	}
	#menu-item-31{
		display:none;
	}
}
.navigation-top {
	background: #f5f2eb;
}
.main-navigation .sub-menu a:hover{
	background-color: #2d7746;
}

/*ナビアイコン*/
i.fas {
    color: #8ed1fc;
    font-size:18px;
}
a i.fas{
    padding: 0 0;
} 
img.menu-icon {
    max-width: 35px;
}
.navigation-top {
	background: #f5f2eb;
}
.site-header .menu-scroll-down{
	display:none;
}
/*ホバー時*/
.main-navigation li:hover {
    transition: all 0.4s ease 0s;
		transform:scale(1.2,1.2);
}
.main-navigation a:hover{
    color:#080;
}
#menu-item-31:hover{
	 transition: all 0s ease 0s;
		transform:scale(1.0,1.0);
	opacity:0.9;
	
}

@media screen and (max-width: 767px){
	#menu-item-31{
		display:none;
	}
	.navigation-top {
			bottom: 0;
	}
}



/*==========================
 * footer
 * ================================*/
.site-footer{
	margin-top: 0!important;
}
.site-footer h2.widget-title{
	color:#2d7746!important;
}
iframe.snapwidget-widget{
	pointer-events:none;
}
.social-navigation a {
    background-color: #2d7746;
}
.social-navigation a:hover, .social-navigation a:focus {
		background-color:#86bd98;
		opacity:0.63;
}
.f-left {
    float: right;
    width: 230px;
    height:250px;
}
.f-left img{
    max-width: 100%;
    object-fit:cover;
    height:250px;
}
@media screen and (max-width: 990px){
	.textwidget.custom-html-widget iframe {
			width: 50%;
	}
	.f-left {
			width: 50%;
	}
}
@media screen and (max-width: 767px){
	.textwidget.custom-html-widget iframe {
			width: 100%;
	}
	.f-left {
			width: 100%;
	}
}
/*===============================
 * ページトップ
 * =============================*/
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop i {
  padding-top: 6px
}
#pageTop a {
  display: block;
  z-index:999;
	padding: 6px 0 0 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #2d7746;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/*==============================
 * ボタン
 * ============================*/
.elementor-button {
    background-color: #00136b!important;
    border-radius: 30px!important;
    padding: 15px 4em!important;
		font-family: fot-tsukuardgothic-std, sans-serif!important;
	  font-weight: 600;
	  font-style: normal;
}
.elementor-button:hover{
	opacity:0.7;
}
/*===========================
 * top page
 * =========================*/
/*メインビジュアル
 *----------------------------*/
@media screen and (min-width: 991px){
	.custom-header-media{
    height: calc(100vh - 125px)!important;
 }
}
.custom-header-media:before{
	background:none;
}
.home #metaslider-id-311 ul li{
	height:100vh;
}
.home #metaslider-id-311 .slides img{
	object-fit:cover;
	height: 95vh;
}
.home div#wp-custom-header {
    display: none;
}
@media screen and (max-width: 1100px){
	.home #metaslider-id-311 .slides img{
		height:93vh;
	}
	
}
@media screen and (max-width: 767px){
.home #metaslider-id-311 .slides img{
		height:84vh;
	}
}
.home .home-slide{
	position: absolute;
	z-index:2;
}
.page-template .home-slide,.post-template .home-slide,.post-template-default .home-slide {
    display: none!important;
}
.home.page-template .home-slide{
	display: unset!important;
}
/*トップメッセージ
 * --------------------------*/
@media (max-width: 767px){
	.top-message{
	background-size: 100% auto!important;
	}
}
/**野菜
-------------------*/
.yasai-btn{
    max-width:360px;
    margin:0 auto;
}
/*最近の活動
 * ----------------------*/

#wpsp-233 .wp-show-posts-single{
	    border: 1px solid #ddd!important;
}
.wp-show-posts-columns article{
	border: 1px solid #ddd;
	margin: 0 10px;
	background: #fff;
  padding: 10px 10px 10px 0;
}
.wp-show-posts-columns article:hover{
  border: 1px solid #2d7746;
	border-top: 1px solid #2d7746!important;
}
/*続きを読む
 * ----------------------*/
.wpsp-read-more {
    background: #ddd;
    padding: 5px 2em;
    border-radius: 15px;
    position: absolute;
    bottom: 10px;
}
.wpsp-read-more:hover{
	 border: 1px solid #2d7746;
	background:#fff;
}
@media (max-width: 767px){
	.wp-show-posts-columns article{
		margin: 20px 10px;
		padding: 10px 10px 10px 10px;
	}
	.wpsp-read-more {
		position: unset;
	}
}
/*===========================
 * 生産者紹介
 * =======================*/
section#wpsp-322 .wp-show-posts-entry-title {
    text-align:center;
}
section#wpsp-322 img.center {
    border-radius: 50%;
    -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.wp-show-posts-columns article {
    border: 0px solid!important;
}
.wp-show-posts-columns article:hover {
    border: 0px solid!important;
    opacity:0.7;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    display: none;
}
.wp-show-posts-columns article{
	margin:0 0 30px;
}
/*=======================
 * サブページ
 * ======================*/
/*メインビジュアル*/
.custom-header-media img{
	height:250px;
}
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img{
	height:250px;
}
.custom-header-media:before{
	height:0;
}
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe{
	min-height:250px;
}
/*コンテンツ*/
@media screen and (max-width: 990px){
	.site-content {
			padding: 0em 0 0;
	}
}
	
/*=======================
 * 投稿一覧
 * =====================*/
.blog article {
    border: 5px solid #ddd;
    padding: 10px;
    margin-bottom: 1em;
}