@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
*/

/************************************
** ↓テストサイトより移行
************************************/

/*!
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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*ページの上部マージン削除*/
html{
	margin-top: 0px!important;
}
html, body {
	margin: 0;
	padding: 0;
	overflow-x: hidden; /* 横スクロールだけ隠す */
	overflow-y: auto;
}
/* iPad chromeでの縦スクロールがフッターで止まらない挙動の対策 */
html, body {
  height: -webkit-fill-available;
  min-height: 100% !important;
  overscroll-behavior-y: contain !important; /* バウンドで白が出ないように */
}

/*上部のwp管理メニューバー非表示*/
div#wpadminbar{
	display: none;
}

/*投稿日表示*/
.new-entry-card-date{
	display:block;
}

/*投稿記事のパンくずリストカラー*/
.cat-link {
	color: #333333;
	background-color: transparent !important;
}
.cat-link:hover {
	color: #333333;
	background-color: transparent !important;
}

/* 全体リンクの初期設定 */
a {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}

/* 本文中のリンク（ただし目次は除外） */
body:not(.home) .entry-content a:not(.toc-list a) {
	color: #1967d2;
	text-decoration: underline;
}
body:not(.home) .entry-content a:not(.toc-list a):hover {
	color: #e53900;
	text-decoration: underline;
}

/* 著者リンク */
a.author-link {
	color: #1967d2;
	text-decoration: underline;
}
a.author-link:hover {
	color: #e53900;
	text-decoration: underline;
}

/* 目次リンク（黒＋下線なし） */
.toc-list a {
	color: #333333;
	text-decoration: none;
}

/* 関連記事：投稿日・著者名 */
.related-entry-card-info .post-date {
	position: unset;
}

/* コンテンツ上部余白 */
.content-top{
	margin: 1em 2em 3em!important;
}
/* コンテンツ下部余白 */
.content {
	margin: 24px 1% 0;
}

/*ヘッダーロゴ高さ*/
/*
div.logo.logo-header.logo-image{
	height: 15vh;
}
*/

img.site-logo-image.header-site-logo-image{
	height: 15vh !important;
}

/*サイトロゴ hover時*/
#header div.logo.logo-header.logo-image a:hover{
	opacity:80% !important;
	transition: all 0.3s ease-in-out !important;

}

/* 検索バーのタイトル削除 */
#block-10 label.wp-block-search__label{
		display: none !important;
	}

/*検索ボタン・バーのカラー*/
#block-10 button.wp-block-search__button.wp-element-button{
	background-color:#239EBA;
}

#block-10 button.wp-block-search__button.wp-element-button:hover{
	opacity: 80% !important;
	background-color:  #66B0BD !important;
	transition: all 0.3s ease-in-out !important;

}



#block-10 input#wp-block-search__input-1{
	border: solid 1px #239EBA;
}
/*検索バースタイル設定*/
#block-10 div.wp-block-search__inside-wrapper{
	margin: auto !important;
	width: 80% !important;
    max-width: 800px !important;
	padding-top: 20px !important;

}

/* 検索バー（新規）林田追記 */
input[type="search"]::placeholder {
  color: transparent;
}

form[role="search"] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 80%;
    max-width: 800px;
    margin: auto;
	padding-top: 20px;
}

form[role="search"] input[type="search"] {
	flex: 1;
	min-width: 0;
	padding: 11px;
	height: 50px;
	font-size: inherit;
	border: 1px solid #239eba;
	border-radius: 4px;
}

form[role="search"] input[type="submit"] {
    padding: 1em;
    font-size: 14px;
/* 	font-size: 1rem; */
    border: 1px solid #ccc;
    background-color: #239eba;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 60px;
}
form[role="search"] input[type="submit"]:hover {
	opacity: 80%;
	background-color:  #66B0BD;
	transition: all 0.3s ease-in-out;
}

aside#block-10 {
    margin-bottom: 2.2em;
}

/* iOS Safari / Chrome の検索バー背景色強制 */
input[type="search"] {
  background-color: #fff !important; /* 白固定 */
  -webkit-appearance: none;          /* iOS独自スタイルをリセット */
  appearance: none;
  color: #000;                       /* テキスト色も明示的に指定 */
}
/* 林田追記おわり（検索バーについて） */






/*上部コンテンツの高さ*/
#content-top{
	height: 65vh !important;
    position: relative !important;
	min-height: 500px !important;
}

/*上部コンテンツ 最新ニュースの位置*/
#block-12{
/* 	position: absolute !important; */
/* 	bottom: 3.5vh !important; */
/* 	bottom: -2.5vh !important; */
	margin-bottom: 0px !important;
	max-width: 100% !important;
	margin-left: 3%;
}

#block-12 div{
	display: flex !important;
	justify-content: center !important;
}
aside#block-11 {
    margin: 0 10% 3%;
}

/*ヘッダーメニュー: 上部に固定 */
#navi.navi.cf{	
	background-color: #239EBA;
	position: fixed;
	top: 0px;
    left: 0px;
    width: 100%;
	z-index: 3;
/*	height: 6vh;*/
 }


div#header-in div.tagline{
	margin-top: 100px !important;
/* 	height: 4vh; */
}



/*ヘッダーメニューリンクの色*/
#navi .navi-in a{
	color: white !important;
}

#navi .navi-in a:hover{
	opacity: 80% !important;
	background-color:  #66B0BD !important;
	transition: all 0.3s ease-in-out !important;
}


/* トレンドキーワード */
#trend_keywords{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
}

#trend_keywords ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	 	background-color:#f5f6f7;
/* 	 	padding: 1rem; */
/* 		margin-top: 1rem; */
}

#trend_keywords ul li{
	margin: 1.2% 0.8rem;
	font-size: 16px;
}

#trend_keywords img{
/* 	width: 5%; */
/* 	height: fit-content; */
	width: 50px;
	min-width: 35px;
	object-fit: contain;
	margin: 0 0.5rem;
}

.pickup-tags a {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*メインコンテンツ*/
#main{
/* 	padding: 0px !important; */
	width: 60%;
    padding: 0px 3% 3%;
    margin: 0px !important;
/* 	padding-right: 0; */
}

.col_main {
/* 	width: 75% !important; */
	flex-basis: auto !important;
	padding: 0px 3% !important;
}

/*メインコンテンツの空間削除*/
:where(.wp-block-columns.is-layout-flex){
	gap: 0px!important;
}

/*サイドバー左タグクラウド*/
div.wp-block-column.has-background.is-layout-flow.wp-block-column-is-layout-flow{
	width: 25% !important;
	padding: 0px !important;
}

.wp-block-column.has-background.is-layout-flow.wp-block-column-is-layout-flow{
	background-color: white!important;
}

.wp-block-column.has-background.is-layout-flow.wp-block-column-is-layout-flow p strong{
	font-size: 15px !important;
}


.wp-block-column.has-background.is-layout-flow.wp-block-column-is-layout-flow p.has-text-align-center{
	background-color: #239EBA;
    padding: 1rem;
    color: white;
    margin-bottom: 1rem;
}

.wp-block-column.has-background.is-layout-flow.wp-block-column-is-layout-flow p.wp-block-tag-cloud.tagcloud{
	background-color: #F5F6F7!important;
}



/*サイドバー右メニュー*/
#sidebar {
	padding: 0px !important;
	margin: 0px !important;
	width: 20% !important;
}

#sidebar h3{
	font-size: 17px !important;
}

#sidebar aside ul li{
	font-size: 15px !important;
}

.sidebar h3 {
	background-color: white;
    border-bottom: solid 3px #239EBA;
}

/*右側サイドバー カテゴリリストの余白削除*/
#custom_html-2 ul{
	padding-left: 0px !important;
	list-style-type: none;
}

/*サイドバー カテゴリメニューリストデザイン*/
#sidebar .textwidget.custom-html-widget ul{
	list-style-type: none;
	
}

.sidebar .textwidget.custom-html-widget ul li{
	border-bottom: dotted 5px #239EBA;
    font-size: larger;
/*     margin-bottom: 1.5rem; */
}

.sidebar .textwidget.custom-html-widget ul li a{
	padding: 16px 0 14px;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
}

.sidebar .textwidget.custom-html-widget ul li a:hover{
    background-color: #f5f8fa;
    transition: all 0.3s ease-in-out;
}

/* サイドバー　新着記事　日付非表示 */
#sidebar #new_entries-2 .new-entry-card-post-date, .new-entry-card-update-date {
	display: none;
}
#sidebar-menu-content #new_entries-2 .new-entry-card-post-date, .new-entry-card-update-date {
	display: none;
}
/*サイドバーアーカイブ*/
#archives-2 ul li{
	border-bottom: dotted 5px #239EBA;
    font-size: larger;
/*     margin-bottom: 1.5rem; */
}
#archives-2 ul li a {
	padding: 16px 4px 14px;
}
/* サイドバー タグ一覧 */
.left-column h3 {
/*     background-color: #239EBA; */
    padding: 1rem;
/*     color: white; */
    margin-bottom: 1rem;
/*     font-size: 15px; */
}
.sidebar .left-column {
    width: 100%;
}
@media (min-width: 1024px) {
	.sidebar .left-column {
		display: none;
	}
}


/*トップページ見出し上の日付非表示*/
header.article-header.entry-header div.date-tags {
	display: none;
}


/*トップページ見出し*/
div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow h2.wp-block-heading{
	background-color: white;
	border: solid 3px #239EBA;
	border-left: solid 40px #239EBA;
	font-size: 24px;
	line-height: 1.25;
	padding: 25px;
	margin: 0 auto 1.62em;
}
h2.wp-block-heading {
    margin: 0 auto 0.8em !important;
}

/*トップページ新着、コラム、研究記事記事*/


div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts
{
	display: flex!important;
	flex-wrap: wrap!important;
	justify-content: flex-start !important;
}

/*トップページ新着、コラム、研究記事の幅*/
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article
{
	width: 31% !important;
	margin: 3% 1% 3% 1% !important;
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    justify-content: center;
}

/*トップページ新着、コラム、新着記事の画像の余白*/

/*トップページ新着、コラム、研究記事の幅*/
/* div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article div,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article div,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article div
{
	margin-bottom: 1em !important;
} */
body.home time.wp-block-latest-posts__post-date {
    bottom: -14px;
}
/* .wp-block-column.col_main.is-layout-flow.wp-block-column-is-layout-flow {
    flex-grow: 1;
} */

/*トップページ 新着記事、コラム、研究カテゴリブロック ホバー時 */
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:hover,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:hover,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:hover
{
  background-color: #f5f8fa !important;
  transition: all 0.3s ease-in-out !important;
  color: var(--cocoon-text-color) !important;
  display: block!important;
  opacity: 80% !important;
}





/*トップページ新着、コラム、研究記事の幅 1-4記事目*/
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(1),
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(2),
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(3),
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(4),
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(1),
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(2),
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(3),
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(4),
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(1),
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(2),
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(3),
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(4)
{
	width: 48% !important;
}

div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts 
{
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}


/*トップページ 新着 5記事目以降 日付削除*/
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(5) time,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(6) time,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(7) time,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(8) time,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(9) time,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(10) time
{
	display: none!important;
}



/* トップページ 新着　5記事目以降 抜粋削除 */
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(5) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(6) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(7) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(8) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(9) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(10) div.wp-block-latest-posts__post-excerpt
{
	display: none!important;
}



/* トップページ コラム記事 5記事目以降 日付削除 */
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(5) time,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(6) time,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(7) time,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(8) time,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(9) time,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(10) time{
	display:none!important;
}

/* トップページ コラム記事　5記事目以降 抜粋削除 */
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(5) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(6) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(7) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(8) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(9) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(10) div.wp-block-latest-posts__post-excerpt{
	display:none;
}

/* トップページ 研究記事 5記事目以降 日付削除 */
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(5) time,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(6) time,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(7) time,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(8) time,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(9) time,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(10) time{
	display:none!important;
}

/* トップページ 研究記事 5記事目以降 抜粋削除 */
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(5) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(6) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(7) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(8) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(9) div.wp-block-latest-posts__post-excerpt,
div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(10) div.wp-block-latest-posts__post-excerpt{
	display:none!important;
}


/*トップページ新着記事、コラム、研究 記事タイトル*/
body.home div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow a.wp-block-latest-posts__post-title{
	font-weight: 600 !important;
	font-size: 18px !important;
	display: -webkit-inline-box;
/* 	display: inline-block; */
	line-height: normal;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
}
body:not(.home) div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow a.wp-block-latest-posts__post-title{
	font-weight: 600 !important;
	font-size: 18px !important;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-box-orient: vertical;
}

/*トップページ新着記事、コラム、研究 記事間隔*/
#post-1449 div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow li{
	margin-bottom: 2em !important;
	margin-right: 3% !important;
}

/*トップページ記事 抜粋文字サイズ*/
div.wp-block-latest-posts__post-excerpt{
	font-size: 15px !important;
}

/*トップページ記事 投稿日文字サイズ*/
div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow time.wp-block-latest-posts__post-date{
	font-size: 0.7em !important;	
/* 	margin-top: 10px!important; */
}

/* アイキャッチ レイアウト調整 */
.eye-catch-wrap {
	display: flex;
	float: left;
	margin-right: 1em;
	width: 38%;
}
/* 投稿記事ページ アイキャッチ レイアウト調整 */
.single .eye-catch-wrap {
	width: auto;
}

/*最新ニュース　投稿日の余白*/
#block-12 div.new-entry-card-date.widget-entry-card-date.display-none{
	margin-top: 10px !important;
}


/* グローバルメニュー上　最新ニュース カテゴリ記事 */
#block-12 div.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb{
	display: flex;
	margin-bottom: 1em;
}


#block-12 div article a:hover{
	opacity: 80% !important;
}


#block-12 div article time{
	font-size: 13px !important;
	font-weight: 400 !important;
}


  /* 横スクロール追加によるCSS修正（林田追記） */
#block-12 .custom-news-item {
	flex: 0 0 auto;
	width: 14% !important;
	min-width: 138px;
/* 	width: 165px; */
	font-weight: 600 !important;
	margin: 0;
}

#block-12 #sec_news > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start !important;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  gap: 11px;
  padding: 10px 16px 30px;
  box-sizing: border-box;
}
/* div#container {
	overflow: visible;
} */
section#sec_news h4 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

section#sec_news {
    margin-bottom: 1%;
}

section#sec_news time {
    display: none;
}

#sec_news article img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

  /* <time>と<h4>順序入れ替え */
#block-12 .custom-news-item a {
  display: flex;
  flex-direction: column;
}

#block-12 .custom-news-item time {
  order: 2;
}

#block-12 .custom-news-item h4 {
	order: 1;
	margin-top: 10px;
	line-height: normal;
}
/* ↑横スクロール林田追記ここまで */


/*フッター*/
/*フッターの赤い線*/
#footer.footer{
	margin-top: 5px;
	padding: 0px !important;
	width: auto !important;
    border-top: solid 3px #EA3D36 !important;
}
/*フッター幅*/
#footer div.footer-in.wrap.cf{
	width: auto;
}


/*フッターの青い線*/
#footer div.footer-in{
	border-top: solid 3px #239EBA;
	margin-top: 5px;
}

#footer div.footer-bottom{
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 0;
}

#footer div.footer-left, #footer div.footer-right{
	width: 0%;
} 


#footer div.footer-center{
	width: 100%;
	display: flex;
	justify-content: center;
	position: relative;
}

/*フッターロゴの位置と大きさ　/↑の親要素position: relative */
#img_container img{
	position: absolute;
	left: 1%;
	width: 15%;
}

#footer div#img_container a:hover{
	opacity: 80% !important;	
	transition: all 0.3s ease-in-out !important;

}

#footer div.footer-center ul{
	display: flex;
	list-style-type: none;
	justify-content: center;
}


#footer div.footer-center ul li{
	padding: 1rem;	
}
/*フッターメニュー1 ホバー時カラー*/
#footer #menu_container a:hover{
	color:  #66B0BD !important;
	transition: all 0.3s ease-in-out !important;
}

/*フッターその2*/
#footer div.footer-bottom{
	background-color:#239EBA !important;	
	transition: all 0.3s ease-in-out !important;
}

div.footer-bottom.fnm-text-width .menu-footer li a{
	color: white !important;	
}

div.footer-bottom.fnm-text-width .menu-footer li a:hover{
	background-color: #66B0BD !important;
	opacity: 80% !important;
	transition: all 0.3s ease-in-out !important;
}

aside#custom_html-3 {
    margin-bottom: 0;
}

/*メニューの境界非表示*/
#footer .navi-footer-in > .menu-footer li{
	border-left: 0px !important;
}

#footer .navi-footer-in > .menu-footer li:last-child{
	border-right: 0px !important;
}


/*copyright*/
#footer .source-org.copyright{
	color: white !important;
}

/* TOPへ戻るボタン表示 */
.go-to-top {
	visibility: visible !important;
	opacity: 1 !important;
	right: 12px;
}

.go-to-top-button {
	background-color: #e0f6fb;
	color: #239eba;
}

.go-to-top-button:hover {
    color: #ffffff;
    background-color: #96cdd9;
}

/*新着記事ページ*/
	
/*タイトルの余白*/
#post-1439 h1{
	padding-left: 3% !important;
}

/*記事の余白*/
#post-1439 div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow li{
	margin-bottom: 0px!important;
}


/************************************
** ここから↓林田追記CSS
************************************/
下部コンテンツ（上部余白調整）
div#content {
    margin-top: 40px;
}




/* 右サイドバー（カテゴリ・アーカイブ項目）上下余白調整 */
.pagination .current {
    background-color: #e4f3f7b8;
}
.pagination-next {
    margin: 6% 2% 0;
}
.pagination-next-link {
	border-color: #239eba;
	background-color: #e4f3f7b8;
}
.page-numbers {
	border-color: #239eba;
}
/* ページ遷移時に見出しが固定ナビに隠れる対応処置 */
#archive-title,
#post-title {
  scroll-margin-top: 80px;
}
#main {
  scroll-margin-top: 63px;
}
#new-posts-title {
  scroll-margin-top: 80px;
}
#page-title {
	scroll-margin-top: 80px;
}



/* トレンドキーワードの検索一覧表示（検索窓）のCSS調整 */
.search-submit {
	right: 41%;
}
form.search-box.input-box .search-edit {
  width: 60%;
}

/* ↓新着記事ページCSSから削除 */
/* #post-48 div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{
	width: 100%!important;
} */

/* 左カラム追加時の3カラム対応 */
/* body:not(.home) #content-in {
  display: flex;
  gap: 20px;
}

.left-sidebar-custom {
  width: 20%;
  background-color: #f0f0f0;
  padding: 10px;
  order: -1; 左端に配置
}

body:not(.home) #content-in .main {
  width: 60%;
}

body:not(.home) #content-in .sidebar {
  width: 20%;
} */

/* 固定ページも3カラム構成にする */
/* メインコンテンツと右サイドバーの親 */
#content-in {
	display: flex;
	flex-wrap: nowrap;
	/*   gap: 2%; */
}

/* mainエリア（左＋中央） */
#main .three-column-layout {
	display: flex;
	flex-direction: row;
	flex: 1;
	/*   gap: 2%; */
}

/* 左カラム（タグ一覧） */
.left-column {
	width: 20%;
}

/* タイトル部分 */
.left-column h2 {
	background-color: #239EBA;
	padding: 1rem;
	color: white;
	margin-bottom: 1rem;
	font-size: 15px;
}

/* 中央カラム（本文） */
/* body.page .main-column {
	width: 100%;
	margin: 0 auto;
} */
.main-column {
	width: 100%;
	margin: 0 auto;
}
body.single .main-column {
	width: 91%;
	margin: 0 auto;
}
body.single .entry-content h2 {
    font-size: 24px;
    padding: 22px;
    background-color: var(--cocoon-xx-thin-color);
    border-radius: var(--cocoon-badge-border-radius);
	margin-bottom: 1.2em !important;
}
body.single .entry-content h3 {
	font-size: 22px;
	padding: 12px 20px;
	border-left: 7px solid var(--cocoon-middle-thickness-color);
	border-right: 1px solid var(--cocoon-thin-color);
	border-top: 1px solid var(--cocoon-thin-color);
	border-bottom: 1px solid var(--cocoon-thin-color);
	margin-bottom: 1.4em;
}
.toc-center {
    margin: 1em auto 1.8em;
}
body.single .entry-content p {
    margin-bottom: 1.62em;
	font-size: 17px;
}
body.single .main-column > article {
/* 	width: 72%; */
	margin: 0 auto;
}
.article_list article {
	height: 245px;
	margin-bottom: 2em;
	object-fit: cover;
	overflow: hidden;
	position: relative;
}
/* TOPページ記事一覧（画像サイズ調整） */
body.home .wp-block-latest-posts__featured-image.alignleft {
    float: left;
    margin-right: 0;
}
body:not(.home) .wp-block-latest-posts__featured-image.alignleft {
    float: left;
    margin-right: 1em;
}
/* .alignleft {
    margin-right: 0;
} */


/* 右サイドバー */
#sidebar {
	width: 20%;
}

/* 投稿記事ページ */
time.single_post-date::before {
	content: "\f017";
	font-family: FontAwesome;
	display: inline-block;
}
.cat-link, time.single_post-date {
    font-size: 16px;
}
.post-date-wrap {
    text-align: end;
    padding-right: 1em;
    margin-bottom: 2em;
}
/* カテゴリ表示 */
.post-category {
	margin-right: 1em;
}

/* パンくずリスト */
.breadcrumb {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	color: #333 !important;
	font-size: 14px;
	margin: 1em 0;
}
.breadcrumb * {
	color: #333 !important;
}

/* 関連記事 */
.related-entry-card-thumb {
/* 	width: 160px; */
	width: 30%;
}
.related-entry-card-content {
/* 	margin-left: 170px; */
	margin-left: 30%;
}


/* TOPページ#main-column article CSS調整 */
body.home article.latest-post-item img {
/* 	height: 245px; */
/* 	width: 100%; */
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
}
/* 他ページ#main-column article CSS調整 */
body:not(.home) article.latest-post-item img {
/* 	height: 245px; */
	height: auto;
/* 	width: 100%; */
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
}

/* .wp-block-latest-posts__featured-image.alignleft {
	margin: auto;
} */
body.home div.wp-block-latest-posts__post-excerpt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-inline-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 1.3;
	margin-top: 0;
}
body:not(.home) div.wp-block-latest-posts__post-excerpt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-height: 1.4;
}



/* カテゴリーページ（新着記事ページとの共通項目あり） */
/* body:not(.home) .latest-post-item {
    height: 245px;
    overflow: hidden;
    position: relative;
    flex-direction: row;
} */
body:not(.home) .latest-post-item {
    height: auto;
    overflow: hidden;
	justify-content: space-between;
/*     position: relative; */
/*     flex-direction: row; */
}
body.category .latest-post-item {
  display: flex;
  flex-direction: row;
}

h2.wp-block-latest-posts__post-title {
    font-weight: 600;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 0;
	line-height: 1.4;
}

/* テキストエリア調整 */
/* .categry_text {
  flex: 1;
} */
.categry_text {
	flex: 0 0 62%;
	position: relative;
	padding-bottom: 1em;
}

/* 時計アイコン追加（Font Awesome） */
.wp-block-latest-posts__post-date::before,
.post-date time::before {
  content: "\f017"; /* Font Awesomeの時計アイコン */
  font-family: FontAwesome;
  display: inline-block;
}

/* 共通：日付を右下に固定表示 */
.latest-post-item,
article.post {
  position: relative;
}

body.home .wp-block-latest-posts__post-date,
.post-date {
	position: absolute;
	/*   bottom: 0px; */
	bottom: -6px;
	right: 10px;
	display: flex;
	align-items: center;
	gap: 4px;
}
body:not(.home) .wp-block-latest-posts__post-date,
.post-date {
	position: absolute;
	/*   bottom: 0px; */
	bottom: 2px;
	right: 10px;
	display: flex;
	align-items: center;
	gap: 4px;
}
/* カテゴリーページの記事をリンクでラップする */
a.link-article-wrap,
.a-wrap {
	display: block;
	margin-bottom: 1em;
	padding: 1.5%;
	transition: all 0.3s ease-in-out;
}

a.link-article-wrap:hover {
    background-color: #f5f8fa;
    transition: all 0.3s ease-in-out;
	opacity: 80%;
}

#list {
	margin-bottom: 0;
}


#content-top {
	height: 70vh !important;
	margin: 0 !important;
}
/* div#header-container {
	height: 30vh !important;
} */

/* フッター余白調整 */
.footer-widgets.cf {
    margin: 42px auto;
}

/* フッターimg位置調整 */
#img_container img {
    position: absolute;
    left: 1%;
	top: -10%;
    width: 15%;
}

/* モバイルヘッダーメニュー */
span.sidebar-menu-caption.menu-caption {
	display: none;
}
label#sidebar-menu-open {
	position: relative;
}
.fa-dedent:before, .fa-outdent:before {
	content: "\f0c9";
	font-size: 28px;
	position: absolute;
	top: 0px;
	right: 40px;
	color: #ffffff;
}
.menu-close-button {
	position: relative;
}
.fa-close:before{
	content: "\f00d";
	position: absolute;
	font-size: 34px;
	right: 39px;
	top: 10px;
	color: #239eba;
}
.mobile-menu-buttons .menu-button {
    position: relative;
    width: 70px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: end;
}
/* モバイルヘッダーロゴ */
.mobile-header-logo {
	/*   float: left; */
	padding: 5px 14px;
	height: 50px;
	display: flex;
	align-items: center;
	/*   z-index: 9999; */
}

.mobile-header-logo img {
	max-height: 40px;
	width: auto;
	display: block;
}

ul.mobile-header-menu-buttons {
	/*   float: right; */
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	height: 50px;
	justify-content: space-between;
}

/* お問い合わせページ */

.post-195 h1.entry-title {
    margin-left: 2%;
}
.post-195 .entry-content {
    margin: 1em 2% 3em;
}
span.wpcf7-spinner {
	display: none;
}
input[type=submit]{
	border: 1px solid #239eba;
	background-color: #e4f3f7b8;
	font-size: 20px;
}
.wpcf7-form p {
	margin-bottom: 1.8em;
}
.wpcf7 form .wpcf7-response-output {
    margin: 3em 0.5em 1em;
    padding: 2.2em 1em;
    text-align: center;
    border: 2px solid #00a0d2;
}

/* メインカラム（検索結果ページ、カテゴリーページの見出し・検索バー余白） */
.search-header, #archive-title {
    margin-left: 2%;
}
#new-posts-title {
	margin-left: 1%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1360px以下*/
@media screen and (max-width: 1360px){
	#img_container img {
		position: absolute;
		left: 2%;
		top: 0%;
		width: 16%;
	}
}


/*====1024px以上======*/
@media screen and (min-width: 1024px){
	.left-column h2 {
		margin-top: 1rem !important;
	}
	.widget-entry-cards figure {
		width: 46%;
	}
	.widget-entry-card-content {
		margin-left: 48%;
		font-size: 14px;
	}
	ul.mobile-header-menu-buttons{
		display: none !important;
	}
}
/* ================== */


/*1023px以下*/
@media screen and (max-width: 1023px){
	.page-id-180 div.content {
		max-width: 800px;
		margin: 24px auto 0;
	}
	.left-column {
		display: none;
	}
	main#main {		   
        width: 100%;
        padding: 0;
        margin: 0 auto !important;
	}
	ul.mobile-header-menu-buttons{
		display: flex !important;
	}
	.sidebar .left-column {
		display: block;
	}
	#slide-in-sidebar .textwidget.custom-html-widget {
		display: block;
	}
	#slide-in-sidebar #custom_html-2 li {
		font-size: 17px;
	}
	#slide-in-sidebar #archives-2 li {
		font-size: 17px;
	}
	.mobile-header-menu-buttons {
		background-color: #239EBA;
		height: 60px;
		padding-right: 0.5rem;
		color: #ffffff;
		justify-content: end;
	}
	#navi.navi.cf {
		display: none !important;
	}
	div.sidebar-menu-content {
		color: #333333;
	}
	section#sec_news {
		margin-bottom: 1%;
	}
}

/*943px以下*/
@media screen and (max-width: 943px){
	#footer div.footer-center{
		padding-left: 10%;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	#main {
		scroll-margin-top: 90px;
	}
	div#header-in div.tagline {
		/* 		margin-top: 90px !important; */
		margin-top: 95px !important;
		margin-bottom: 17px !important;
	}
	form[role="search"] {
		padding-top: 10px;
	}
	aside#block-10 {
		margin-bottom: 6%;
	}
	.content-top {
		margin: 0em 2em 3em !important;
	}
	form[role="search"] input[type="search"] {
		background-color: #ffffff;
	}
	#trend_keywords {
		gap: 0.6rem;
	}
	.pickup-tags a {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	aside#block-11 {
		margin: 0 10%;
		margin-bottom: 9%;
	}
	#block-12 {
/* 		bottom: unset !important; */
/* 		height: 36vh; */
		height: auto;
	}
	#block-12 .custom-news-item {
		width: 22% !important;
		min-width: 155px;
	}
	#content-top {
		height: 62vh !important;
	}
	section#sec_news {
		margin-bottom: 0%;
	}
	.footer-widgets-mobile {
		position: relative;		
	}
	#img_container img {
		position: absolute;
		left: 9%;
		top: 30%;
		width: 32%;
	}
	.footer-widgets-mobile ul li.cat-item {
		width: 100%;
		margin: 0 auto;
	}
	li.cat-item {
		list-style: none;
	}
	.footer-widgets-mobile aside {
		margin-bottom: 0 !important;
	}
	.textwidget.custom-html-widget {
		display: flex;
	}
	div#img_container {
		width: 50%;
	}
	div#menu_container {
		width: 50%;
	}
	#custom_html-4 ul {
		padding-left: 0;
	}
	.post-195 .entry-content {
		margin: 1em 3% 3em;
	}
	
}
/*668px以下*/
/* @media screen and (max-width: 668px){
	#trend_keywords ul {
	padding: 0.6rem;
	}
} */
/*560px以下*/
@media screen and (max-width: 560px){
	#trend_keywords {
		gap: 0;
    }
	#trend_keywords img {
		width: 46px;
	}
	#trend_keywords h3 {
		font-size: 18px;
	}
	#trend_keywords ul {
		margin-top: 0.4rem;
		/* 		padding: 0.4rem; */
		padding: 0;
	}
	#trend_keywords ul li{
		font-size: 15px;
	}
	form[role="search"] {
		width: 90%;
	}
/* 	form[role="search"] input[type="search"] {
		height: 38px;
	} */
	form[role="search"] input[type="submit"] {
/* 		padding: 0.6em; */
		width: 57px;
	}
	.center-column h2.wp-block-heading {
		font-size: 20px !important;
		padding: 14px !important;
	}
	div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow h2.wp-block-heading{
		border-left: solid 20px #239EBA;
	}
	
	/*トップページ新着、コラム、研究記事の幅 1-4記事目*/
	div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(1),
	div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(2),
	div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(3),
	div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article:nth-of-type(4),
	div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(1),
	div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(2),
	div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(3),
	div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article:nth-of-type(4),
	div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(1),
	div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(2),
	div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(3),
	div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article:nth-of-type(4)
	{
		width: 45% !important;
	}
	/*トップページ新着、コラム、研究記事の幅*/
	div.wp-block-latest-posts__list.has-dates.top_latest.wp-block-latest-posts article,
	div.wp-block-latest-posts__list.has-dates.new_column.wp-block-latest-posts article,
	div.wp-block-latest-posts__list.has-dates.new_reserch.wp-block-latest-posts article
	{
		margin: 3% 1% 5% 1% !important;
	}
}


/*480px以下*/
@media screen and (max-width: 480px){
	#main {
		scroll-margin-top: 90px;
	}
	form[role="search"] input[type="submit"] {
		padding: 0.9em 0.5em;
        width: 45px;
	}
	form[role="search"] {
		width: 100%;
	}
	form[role="search"] input[type="search"]{
		height: 45px;
	}
	aside#block-10 {
		margin: 0 3% 2rem;
	}
	#trend_keywords ul {
		row-gap: 0.5rem;
	}
	form.search-box.input-box .search-edit {
		width: 98%;
	}
	.search-submit {
		right: 4%;
	}
	#block-12 .custom-news-item {
		min-width: 140px; 
	}
	
     /* TOPページ */
	body.home div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow a.wp-block-latest-posts__post-title {
		font-size: 16px !important;
		line-height: 1.3;
	}
	body.home div.wp-block-latest-posts__post-excerpt {
		line-height: 1.3;
		font-size: 14px !important;
	}
	/* TOPページ以外 */
	body.single h1 {
		margin: 16px 0 !important;
		padding: 0;
	}
	body.single .entry-content h2 {
		font-size: 20px;
        padding: 0.6em 0.8em;
	}
	body.single .entry-content h3 {
		font-size: 19px;
	}
	body.single .entry-content p {
		margin-bottom: 1.62em;
		font-size: 16px;
	}
	h2.wp-block-latest-posts__post-title {
		font-size: 16px;
		line-height: 1.3;
	}
	body:not(.home) div.wp-block-latest-posts__post-excerpt {
		display: none;
	}
/* 	time.wp-block-latest-posts__post-date {
		font-size: 0.7em !important;
		bottom: -10px;
	} */
	body:not(.home) .wp-block-latest-posts__featured-image.alignleft {
		width: 38%;
		min-width: 100px;
	}
	body:not(.home) article.latest-post-item img {
		height: auto;
		max-width: 100%;
		width: auto;
	}
	body:not(.home) .latest-post-item {
		height: auto;
	}
	body:not(.home) time.wp-block-latest-posts__post-date {
		bottom: -6px;
	}
	.cat-link, time.single_post-date {
		font-size: 14px;
	}
/* 	div#header-in div.tagline {
        margin-top: 86px !important;
    } */
}
/*375px以下*/
@media screen and (max-width: 375px){
	.content-top {
		margin: 0em 1em 3em !important;
	}
	#trend_keywords h3 {
		font-size: 17px;
	}
	#trend_keywords img {
		width: 30px;
	}
	#trend_keywords ul {
		row-gap: 0.2rem;
	}
	#trend_keywords ul li {
		font-size: 14px;
	}
	section#sec_news h3 {
		font-size: 17px;
	}
	section#sec_news h4 {
		font-size: 14px;
	}
	.center-column h2.wp-block-heading {
		font-size: 17px !important;
	}
	body.home div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow a.wp-block-latest-posts__post-title {
		font-size: 15px !important;
	}
	body.home div.wp-block-latest-posts__post-excerpt {
		line-height: 1.3;
		font-size: 13px !important;
	}
	ul.pickup-tags {
		font-size: 15px;
	}
	#custom_html-4 ul {
		font-size: 15px;
	}
	body:not(.home) h2.wp-block-latest-posts__post-title {
		font-size: 15px;
	}
	body:not(.home) time.wp-block-latest-posts__post-date {
        font-size: 0.7em !important;
        bottom: -6px;
    }
	.navi-footer-in a{
		font-size: 12px;
	}
	.footer-bottom {
		font-size: 12px;
	}
}
/*283px以下*/
@media screen and (max-width: 283px){
	#block-12 {
		bottom: 0vh !important;
		height: 33vh;
	}
	.widget-entry-cards figure {
		width: 100px;
	}
	.widget-entry-card-content {
		margin-left: 106px;
		font-size: 14px;
	}
	#trend_keywords ul li {
		margin: 0.3em;
	}
}