@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/



/****************************************
** 子テーマ用のスタイルを書く
************************************/

/*サイト右下に表示されるreCaptchaの非表示*/
.grecaptcha-badge { visibility: hidden; }


/****フロントページ　カルーセル　点々　スマホ表示　2023.6.26****/
@media (max-width: 834px) {
  .slick-dots {
    display: block !important;
  }
.slick-dots :nth-child(n+7) {
  display: none;
}
#main{top:10px;}
}
}

/****フロントページ　カルーセル　点々　スマホ表示　2023.6.26****/
@media (max-width: 500px) {
.entry-content cf{margin-top:0px;}
#main{padding-top:0px; top:10px;}
}

/*****bbpress コメント表示　5件　2023.5.24****/
.bbp-recent-comments {
    list-style: none;
    padding: 0;
}

.bbp-recent-comments li {
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
}

.comment-avatar {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    border: 2px solid gray;
}

.comment-avatar img {
    display: block;
    width: 100%;
    height: auto;
}

.comment-details {
    flex: 1;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #ccc solid;
	display: flex;
    align-items: flex-start;
}

.comment-divider {
    margin-top: 10px;
}

.comment-content{
	margin-bottom: 20px;
	margin-left: 20px;
    width: 90%;
	text-align:left;
}


.comment-link {
    width: 10%;
    text-align: right;
}


/*****ここまで　2023.5.24***/





/*******ログイン画面　中央寄せ*****/

/*480px以下*/
@media screen and (min-width: 574px){
#content{
text-align: -webkit-center;
}
#post-6072{
	width:60%;
}
}


/*******ログイン画面　h2　タイトル　非表示*****/
.widget .widgettitle {
    display: none;
}


/*******お問い合わせ　中央寄せ*****/
#cf-tbl {
  margin: 0 auto;
}

/*******トピック内のログインフォーム装飾*****/
.bbp-form input[type="text"], 
.bbp-form input[type="password"], 
.bbp-form input[type="checkbox"] {
  border: 1px solid #e9f5e4;
  background-color: #e9f5e4;
  padding: 5px;
  margin-bottom: 10px;
}
#bbpress-forums fieldset.bbp-form {
    border: 2px dashed #6c9f54;
	border-radius: 5px;
}
.bbp-submit-wrapper button[type="submit"] {
  background-color: #E27C44;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.bbp-login-form label {
	width:160px;
}
/*******トピック内のログインフォーム装飾　　ここまで*****/

/*******サイドバー　ログイン前フォーム装飾*****/
.wpum-form input[type=text], 
.wpum-form input[type=password], 
.wpum-form input[type=checkbox]{
    background-color: #e9f5e4;
    border: 1px solid #e9f5e4;
}
.wpum-form input[type='submit']{
    background-color: #E27C44;
}
/*******サイドバー　ログイン前フォーム装飾　　ここまで*****/

/*******サイドバー　ログイン後フォーム装飾*****/
.wpum-col-xs-9 {
    text-align: left;
}
#wpum-user-overview ul {
     padding: 0;
}
.wpum-row {
  border: 2px solid #e9f5e4;
  padding: 10px;
  margin:0;
}

/*******サイドバー　ログイン後フォーム装飾　　ここまで*****/



/*メニューバー　クリック時の色変更*/
#menu-home:hover, #menu-fruits-jiten:hover, #menu-bbs:hover, #menu-fm:hover, #menu-group:hover, #menu-contact:hover,#menu-home-en:hover, #menu-fruits-jiten-en:hover, #menu-bbs-en:hover, #menu-fm-en:hover, #menu-group-en:hover, #menu-contact-en:hover {
background-color: #e9f5e4;
}



/*フォームの注意書き消去*/
 .bbp-template-notice{
                 display: none;
 }


/*新規トピック投稿画面の装飾*/

.bbp-submit-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.bbp-submit-wrapper button {
  width: 200px;
  height: 50px;
  font-size: 16px;
}


#new-post label {
  margin-bottom: 10px;
}

#bbp_topic_title {
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: bold;
  background:#e9f5e4 ;
  color: #222;
  border:none;
}

#bbp_topic_content {
  padding: 10px;
  margin-bottom: 20px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  color: #222;
  background:#e9f5e4 ;
  border:none;
}

.bbp-template-notice {
  background-color: #6c9f54;
  color: #fff;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 16px;
}

.bbp-submit-wrapper {
  text-align: center;
}

#bbp_topic_submit {
  background-color: #6c9f54;
  color: #fff;
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 4px;
}

#bbp_topic_submit:hover {
  background-color: #60CAAD;
}




/************掲示板 ボックス******/



.bbs-box{
 border-radius:20px;
 background:#e9f5e4;
 border:none;
}






/************掲示板（bbpress）　******/

/*bbPressフォーラム一覧画面*/

#bbpress-forums ul.bbp-forums {
  border: none;
}

#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer, #bbpress-forums li.bbp-body li.bbp-forum-reply-count, #bbpress-forums li.bbp-body li.bbp-forum-freshness {
  display: none;
}

#bbpress-forums li.bbp-body ul.forum {
  border-top: none;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#bbpress-forums li.bbp-forum-info {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content {
  position: relative;
  display: inline-block;
  padding: .5em 1em .5em 5px;
  min-width: 200px;
  max-width: 100%;
  border-radius: 3px;
  color: slategray;
  background: whitesmoke;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 30px;
  margin-left: -15px;
  border: 10px solid transparent;
  border-bottom: 10px solid whitesmoke;
}

#bbpress-forums .bbp-forum-info a.bbp-forum-title {
  display: block;
  font-size: 1.2em;
  font-weight: 900;
  color: #6C9F54;
  /*カテゴリー名の文字色*/
  text-decoration: none;
  padding: 15px 15px 15px 0;
}

#bbpress-forums li.bbp-body li.bbp-forum-topic-count {
  text-align: center;
  vertical-align: middle;
  margin-top: 15px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: whitesmoke;
  color: slategray;
}


/*bbPressトピック一覧画面*/

.bbp-template-notice, #bbpress-forums li.bbp-topic-title p.bbp-topic-meta, #bbpress-forums li.bbp-topic-voice-count, #bbpress-forums li.bbp-topic-freshness, #bbpress-forums .bbp-pagination {
  display: none;
}

#bbpress-forums ul.bbp-topics, #bbpress-forums li.bbp-header {
  border: none;
}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
  background: white;
}

#bbpress-forums li.bbp-body ul.topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-title a.bbp-topic-permalink {
  display: block;
  font-weight: 900;
  color: #6C9F54;
  /*カテゴリー名の文字色*/
  text-decoration: none;
  padding: 15px 15px 15px 0;
}

#bbpress-forums li.bbp-body ul.topic li.bbp-topic-reply-count {
  text-align: center;
  vertical-align: middle;
  margin-top: 15px;
  width: 25px;
  min-width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  background: whitesmoke;
  color: slategray;
}


/*トピック作成フォーム*/

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form {
  background: white;
  border: none;
  padding: 0;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form legend {
  position: relative;
  padding: 10px 40px 10px 10px;
  margin: 0 0 1em;
  line-height: 20px;
  background: #F0FAFA;
  border-left: 40px solid #6C9F54;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form legend::before {
  content: "\f5ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2em;
  color: white;
  position: absolute;
  left: -32px;
}


#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before{
  content: "タイトル";
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {
  content: "本文";
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>p:nth-of-type(1)::before,
#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form>div>div.bbp-the-content-wrapper::before {
  color: slategray;
  line-height: 50px;
  background: #F0FAFA;
  padding: .5em 1.5em;
  border-radius: 30px;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form input#bbp_topic_title, #bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form textarea#bbp_topic_content {
  width: 100%;
  background: whitesmoke;
  border: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
  float: none;
  text-align: center;
}

#bbpress-forums div.bbp-topic-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_topic_submit {
  width: 100%;
  max-width: 600px;
  margin: auto;
  background: #6C9F54;
  color: white;
  border: none;
  border-radius: 3px;
}


/*トピック詳細画面*/

#bbpress-forums ul.bbp-replies {
  border: none;
}

#bbpress-forums div.bbp-reply-header {
  background-color: white;
  border-top: none;
}

#bbpress-forums div.bbp-reply-author {
  width: 20%;
}

#bbpress-forums .bbp-author-role, #bbpress-forums .bbp-reply-ip, #bbpress-forums .bbp-reply-permalink, #bbpress-forums span.bbp-admin-links {
  display: none;
}

#bbpress-forums .bbp-meta {
  text-align: right;
}

#bbpress-forums .bbp-body span.bbp-reply-post-date {
  color: #ccc;
}

#bbpress-forums div.bbp-reply-author img.avatar {
  margin: 0 auto;
  border-radius: 50%;
}

#bbpress-forums div.bbp-reply-author a.bbp-author-name {
  color: slategray;
  text-decoration: none;
}

#bbpress-forums div.bbp-reply-content {
  position: relative;
  display: inline-block;
  padding: 30px;
  margin-left: 20px;
  min-width: 200px;
  max-width: calc( 80% - 20px);
  border-radius: 3px;
  color: slategray;
  background: whitesmoke;
}

#bbpress-forums div.bbp-reply-content::before {
  content: "";
  position: absolute;
  left: -20px;
  top: 30px;
  border: 10px solid transparent;
  border-right: 10px solid whitesmoke;
}

@media(max-width:480px) {
  #bbpress-forums .bbp-body div.bbp-reply-author {
    margin: 0;
    min-height: 85px;
  }
  #bbpress-forums .bbp-body div.bbp-reply-content {
    margin: 0;
  }
  #bbpress-forums .bbp-body div.bbp-reply-content p {
    padding: .5em 1em;
    margin: 0;
  }
  #bbpress-forums div.bbp-reply-content::before {
    top: -20px;
    left: 20px;
    border: 10px solid transparent;
    border-bottom: 10px solid whitesmoke;
  }
}


/*返信フォーム*/

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend {
  position: relative;
  padding: 10px 40px 10px 10px;
  margin: 0 0 1em;
  line-height: 20px;
  background: #e9f5e4;
  border-left: 40px solid #6C9F54;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form legend::before {
  content: "\f5ad";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 2em;
  color: white;
  position: absolute;
  left: -32px;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form {
  border: none;
  padding: 0;
  background: white;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form textarea#bbp_reply_content {
  width: 100%;
  background: whitesmoke;
  border: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper {
  float: none;
  text-align: center;
}

#bbpress-forums div.bbp-reply-form form#new-post fieldset.bbp-form .bbp-submit-wrapper button#bbp_reply_submit {
  width: 100%;
  max-width: 600px;
  margin: auto;
  background: #6C9F54;
  color: white;
  border: none;
  border-radius: 3px;
}

/*匿名投稿を可能にする時用*/
fieldset.bbp-form p.form-allowed-tags,
fieldset.bbp-form>div>fieldset.bbp-form {
  display: none;
}
/************掲示板（bbpress）ここまで　******/
	
	

/*トップページ　お知らせ欄上部の空欄 */
.main {
    padding: 0px 29px;
}
.entry-title {
    padding: 0px;
}


/*ボックスメニュー　センタリング*/
.box-menu:first-child{
    margin-left: auto;
}
}

/*投稿ページではヘッダーを非表示 */
.single #header-container {
		display: none;
}

/************ 記事（投稿）画面ではヘッダーを非表示　******/
.single .site-logo-image {
	display: none;
}
/****************ここまで********************/



/*****************************************
** 英語版フルポタ　ロゴ
************************************/
/*フロントページ*/
.page-id-4283 .logo > a img {
 visibility: hidden;
}
.page-id-4283 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}
/*全記事一覧*/
.page-id-4366 .logo > a img {
 visibility: hidden;
}
.page-id-4366 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}
/*お知らせ一覧*/
.page-id-4316 .logo > a img {
 visibility: hidden;
}
.page-id-4316 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}
/*会社概要*/
.page-id-4305 .logo > a img {
 visibility: hidden;
}
.page-id-4305 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}
/*お問い合わせ*/
.page-id-4318 .logo > a img {
 visibility: hidden;
}
.page-id-4318 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}
/*フルポタFM*/
.page-id-4313 .logo > a img {
 visibility: hidden;
}
.page-id-4313 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}
/*新着記事一覧*/
.page-id-4301 .logo > a img {
 visibility: hidden;
}
.page-id-4301 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}
/*事業内容*/
.page-id-4310 .logo > a img {
 visibility: hidden;
}
.page-id-4310 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}
/*人気記事*/
.page-id-4308 .logo > a img {
 visibility: hidden;
}
.page-id-4308 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}
/*準備中*/
.page-id-4299 .logo > a img {
 visibility: hidden;
}
.page-id-4299 .logo {
 background: url("https://agri-creation.com/wp-content/uploads/2023/03/1_.png") no-repeat!important;
 background-size: contain!important;
 background-position: center!important;
}

/***** 英語版フルポタ　ロゴ　　ここまで*******/





/*****************************************
** 言語　左寄せ
************************************/

.bogo-language-switcher li {
	text-align: left;
}




/************************************
** 辞典タイル　スマホでも正方形に表示
************************************/
.image-size-fix {
  padding:0 0 calc(1307/1307*100%) !important;
  min-height: 0 !important;
}
.image-size-fix .wp-block-cover__inner-container{
  position: absolute;
  padding: 0;
  top: 40%;
}

/*834px以下*/
@media screen and (max-width: 834px){
.fruits-kensaku{display:none;}
.fz-32px{font-size:22px;}
.search-icon{display:none;}
.wp-element-button{display:none;}
}
/**ここまで**/


/************************************
** セクションごとに背景を変える
************************************/
.change-area {
    background: #F1EFE5;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}
/********/

.change-area2 {
    background-image: url("https://agri-creation.com/wp-content/uploads/2023/02/壁紙-3.jpg");
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}
/*******以上*****/


/************************************
** お問い合わせフォームの入力
************************************/
#cf-tbl{
width: 800px;
	background: #f5fcf2;
}


#cf-tbl table{
width: 100%;
border-collapse: collapse;
border: solid #e9f5e4;
border-width: 1px;
color: #d5ebcc;
}
#cf-tbl table tr th,
#cf-tbl table tr td{
padding: 0.5em;
text-align: left;
vertical-align: top;
border: solid #e9f5e4;
border-width: 1px;
vertical-align: middle;
}

#cf-tbl table tr th{
width: 35%;
background: #6c9f54;
}

@media screen and (max-width:768px){
#cf-tbl{
width: 100%;
}

#cf-tbl table,
#cf-tbl table tbody,
#cf-tbl table tr,
#cf-tbl table tr th,
#cf-tbl table tr td{
display: block;
}

#cf-tbl table{
width: 100%;
border-width: 0 0 1px 0;
}

#cf-tbl table tr th,
#cf-tbl table tr td{
width: 100%;
padding: 3% 5%;
}

#cf-tbl table tr td{
border-width: 0px 1px 0px 1px;
}
}


.wpcf7-list-item-label{
 color:#333333;
}

/*「必須」文字デザイン*/
.required{
font-size:.8em;
padding: 5px;
background: #E27C44;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/*「任意」文字デザイン*/
.optional{
font-size:.8em;
padding: 5px;
background: #444;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/* 入力項目を見やすく */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1.5px solid #6c9f54;
	border-radius: 3px;
	background-color: #fff;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 「送信する」ボタン */
input.wpcf7-submit {
    display: block;
    padding: 15px;
    width: 400px;
    background: #326432;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 10px;
    margin: 15px auto 0
}
@media screen and (max-width:768px){
input.wpcf7-submit {
width: 250px;
}
}

input.wpcf7-submit:hover {
	box-shadow: 0 15px 30px -5px rgba(0,0,0,.15), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);
	border: 2px solid #d5ebcc;
	opacity:0.7;
}
.wpcf7-response-output{
	border: 3px solid #E27C44!important;
}

/* エラーメッセージを見やすく */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}


/**********************
検索窓
********************/
#wp-block-search__input-1{		
	border: 10px outset #6c9f54!important;
	position: relative;
  width:100%;
  box-sizing: border-box;
  margin-top: 0px;
}
.search-icon{
	transform: translate(-20px, 0px);
 width:40px;
 height:40px;
}

.text_img{
    width: 5%;
    vertical-align: middle;
}
/*ここまで*/


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

#wp-block-search__input-1{
	border-width:6px;
	border-radius: 20px;
	padding-right: 0px;
	padding-left: 0px;
	font-size:15px;
	}
}


/******** ヘッダー検索フォーム　********/

#wp-block-search__input-01{		
	border: 5px outset #6c9f54!important;
	position: relative;
	box-sizing: border-box;
    margin-top: 0px;
	
 max-width:23%;
 margin-right: 0;
 margin-left: auto;
}

@media screen and (max-width:767px){
#wp-block-search__input-01{		
	display:none;
	text-wrap:none;
}
}

/***ここまで***/



/*以下、検索窓サブ*/
#wp-block-search__input-1{		
	border: 8px outset #6c9f54;
	position: relative;
  width:100%;
  box-sizing: border-box;
  margin-top: 0px;
}
.search-icon{
	transform: translate(-20px, 0px);
 width:40px;
 height:40px;
}

.text_img{
    width: 5%;
    vertical-align: middle;
}
/*ここまで*/


/************/
/*お知らせ欄*/
/************/

.news_container {
width: 100%;
max-width:1000px;
margin:0px auto;
}
.news_container{
 margin:0!important;
}

.news_title {
color: #6c9f54;
text-align:center;
font-size: 20px;
font-weight: bold;
}
.news_list {
margin: 0;
}
.news_list li {
padding: 15px 5px;
border-bottom: 1px dashed #6c9f54;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: left;
}
.date {
font-size: 16px;
margin-right: 10px;
}
.category01 {
display: inline-block;
color: #fff;
width: 120px;
font-size: 14px;
text-align: center;
margin-right: 10px;
padding: 2px 10px;
background-color: #E27C44;
}
.blog {
display: inline-block;
color: #fff;
width: 120px;
font-size: 14px;
text-align: center;
margin-right: 10px;
padding: 2px 10px;
background-color: #6c9f54;
}
.news_text a {
color: #333;
}
.news_btn {
text-align: center;
margin-top: 50px;
}
.news_btn a {
color: #6c9f54;
}
.btn {
color: #6c9f54;
padding: 10px 50px;
background: #fff;
border: 2px solid #6c9f54;
border-radius: 50px;
transition: all 0.5s;
}
.btn:hover {
color: #fff;
background: #6c9f54;
}
.btn:after {
font-family: 'Font Awesome 5 Free';
content: "\f0da";
font-weight: 900;
padding-left: 10px;
}

@media screen and (max-width: 559px) {
.news_container {
width: 100%;
padding: 0 20px;
}
.news_text a {
display: block;
margin-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
}
}
/*ここまで*/



/**********************
 * もっと見るボタン　//　丸が右に動く
********************/

/*丸がボタンに変形する*/
.btntransform{
    /*丸の基点とするためrelativeを指定*/
  position: relative;
    /*ボタンの形状*/  
    display: inline-block;
  padding:0 0 0 15px;
  line-height: 50px;
    text-decoration: none;
    outline: none;
}
/* 丸が動く */
.btntransform::before{
 content:'';
/*絶対配置で丸の位置を決める*/
  position:absolute;
  left:-10px;
  z-index: 0;
/*丸の形状*/
  width:48px;
  height:48px;
  background:rgba(108,159, 84,0.5);
  border-radius:25px;
    /*アニメーションの指定*/
    transition:.4s ease-out;
}
/*hoverした際の形状*/
.btntransform:hover::before{
  width:145px;
  border: 2px solid #326432;
  background:none;
  z-index:0;
}
/* 矢印の形状 */
.btntransform::after{
  position: absolute;
    content: '';
    top: 1.3em;
    right: -15px;
    width: 5px;
    height: 5px;
    border-top: 1px solid #326432;
    border-right: 1px solid #326432;
    transform: rotate(45deg);
}
/*ここまで*/



/*　スマホでカラムの順番を上下入れ替える*/
/* 親要素でflex指定 */
.reversebox {
 display: flex;
}
/* 幅777px以下は縦向き表示にする設定 */
@media screen and (max-width: 777px) {
 .reversebox {
  flex-direction: column;
 }
}

/* 子要素に縦向きの際の並び順を指定 */
@media screen and (max-width: 777px) {
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
}
/*ここまで*/


/*下線を引く（蛍光ペン）*/
.marker-move{
  background-image: linear-gradient(
    90deg,rgba(108,159,84,0.8) 50%,transparent /*好きな色*/
  );
  background-repeat:no-repeat;
  background-size:200% 40%; /*2つ目の値でマーカーの太さを変える*/
  background-position:0% bottom;
  animation: marker 3s ease 0s; /*マーカーを引く速度*/
}
@keyframes marker{
  0%{
    background-position:right -100% bottom;
  }
  100%{
    background-position:0% bottom;
  }
}
/*ここまで*/


/*モバイルフッター　色*/
.mobile-footer-menu-buttons .menu-button,
.mobile-footer-menu-buttons .menu-button:hover,
.mobile-footer-menu-buttons .menu-button a,
.navi-menu-content,
.menu-drawer a,
.menu-drawer a:hover{
  background-color:#326432;
  color: white;
}
/*ここまで*/



/*モバイルフッター　検索ボタンからの検索窓*/
.search-menu-content .search-edit {
  width: 285px;
  height: 100px;
  border-radius: 7px;
  background-color: #FFFFFF;
  border: 12px outset #6C9F54;
}
/*ここまで*/




/*YouTube動画の中央配置（小林追加 2023/1/30*/
.video-container{
margin: 0px auto;
}



/*ラインマーカー　静止*/
span01 { 
    background:linear-gradient(transparent 70%, #6c9f54 90%);
}
/*ここまで*/




.chartjs-render-monitor{
	max-height: 500px;
	min-height: 300px;
	max-width: 600px;
	min-width: 300px;
	text-align: left;
}

.footer-bottom-logo img {
    height: 300px;
    width: auto;
}

.go-to-top-button {
	font-size:60px;
	color:#326432;
}

.body {
	padding:0;
}


/* ＃タグ風に　グラデ―ション */
/*== グラデーション線から塗に変化する */

/* ＃文言　4文字以上 */
.gradient4{
    /*ボタンの形状*/
    display: inline-block;
    padding: 20px 30px;
    border-radius: 30px;
    text-decoration: none;
    border: 2px solid #E27C44;
	font-size:11px;
	font-family:"ヒラギノ明朝 ProN W6";
	font-weight: bold;
    color: #E27C44;
    outline: none;
    /*アニメーションの指定*/ 
    transition: all 0.4s ease-out;
}

/*hoverした際、グラデーションと影を付ける*/
.gradient4:hover{
    /*ボタンの形状*/
    border-color:transparent;
    color: #fff;
    /*背景の色と形状*/
    background: linear-gradient(270deg, #F68243 0%, #F68243 100%);
    background-size: 200% auto;
    background-position: right center;
    /*ボックスの影*/   
    box-shadow: 0 5px 10px rgb(49,25,49,0.4);
}


/* ＃文言3文字以内の場合 */
.gradient5{
    /*ボタンの形状*/
    display: inline-block;
    padding: 15px 15px;
    border-radius: 30px;
    text-decoration: none;
    border: 2px solid #E27C44;
    font-size: 19px;
	font-family:"ヒラギノ明朝 ProN W6";
	font-weight: bold;
    color: #E27C44;
    outline: none;
    /*アニメーションの指定*/ 
    transition: all 0.4s ease-out;
}

/*hoverした際、グラデーションと影を付ける*/
.gradient5:hover{
    /*ボタンの形状*/
    border-color:transparent;
    color: #fff;
    /*背景の色と形状*/
    background: linear-gradient(270deg, #F68243 0%, #F68243 100%);
    background-size: 200% auto;
    background-position: right center;
    /*ボックスの影*/   
    box-shadow: 0 5px 10px rgb(49,25,49,0.4);
}


/*===== レイアウトのためのCSS =====*/

body{
    vertical-align:middle; 
    padding: 100px 0;
    text-align: center;
}

p{
    margin: 0 0 10px 0;
}
/*　ここまで　*/


/************************************
** ■ナビ　グラデーション

	
#navi.navi.cf{
	background: linear-gradient(#6C9F54,#326432);
}
#navi .navi-in > .menu-header .sub-menu {
    background:  linear-gradient(#6C9F54,#326432);
}
#header-container{
	background: linear-gradient(#6C9F54,#326432);
}

************************************/

	
/*******************
** SNS ボタンをまとめて丸くする
*******************/

/*シェア・フォローボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}

/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
}

/*プロフィールウィジェットのリンク*/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
}

/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 18px; /*アイコンの大きさ*/
}

/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 24px; /*アイコンの大きさ*/
}

/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: -2px; /*右側からの距離*/
	bottom: -2px; /*下側からの距離*/
	padding: 2px; /*内側の余白*/
	font-size: 10px; /*文字の大きさ*/
	border: solid 1px; /*線*/
	border-radius: 3px; /*丸み*/
	background-color: inherit; /*背景色*/
}

/*シェア数の表示が必要ないシェア・フォローボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
	padding: 0; /*内側の余白*/
	border: 0; /*線*/
}


/********************
もっと見るボタン 

.more-button a {
	max-width: 50%;
    margin: 0 auto;
    display: block;
    margin:15px 0;
    padding: 0.8em 1em;
    border-radius: 2em;
    color: #fff;
    font-size: 16px;
    font-weight: 00;
    text-decoration: none;
    background: #6c9f54;
    box-shadow: 0 5px 10px rgba(128,128,128,0.5);
		text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity:1;
}
.more-button a:hover{
    box-shadow:none;
    transform: translateY(3px);
    opacity:1;
}
********************/

/********************
見出し　h2
********************/
/*
h2 { padding: 1rem 2rem;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#326432), to(#6c9f54));
  background-image: -webkit-linear-gradient(left, #326432 0%, #6c9f54 100%);
	background-image: linear-gradient(to right, #326432 0%, #6c9f54 100%);}
*/

/********************
見出し　h5
********************/

.article h5{font-size:24px;}



/******************
表のデザインを変更
*******************/

/*--- 表全体(table) ---*/
.entry-content table {
    border-bottom: 1px solid #e6e6e6; /* 表の一番下の線 */
    border-top: 1px solid #e6e6e6;
    border-left: 2px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
}
/*--- ヘッダーセル(th) ---*/
.entry-content th {
    border-radius: 0px 0px 0 0; /* 丸み（※ヘッダーセルが縦の場合は削除）*/
    padding: 0.8em .6em; /* 余白（上下　左右） */
    background-color: #6c9f54; /* 背景色 */
    color: #fff; /* 文字の色 */
    letter-spacing: 0.1em; /* 文字の間隔 */
    text-align: center; /* 中央揃え */
    border: none; /* 線削除 */
｝




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.fruits-kensaku{display:none;}
}
	


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}