@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

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

/*【※変更20191120】カテゴリーリンク*/
.cat-link{
	background-color:#000020;
}

/*【※変更20191111】おすすめカード*/
.recommended .navi-entry-cards {
	border: 1px solid #200020;
    border-radius: 4px;
}

/*【※変更20190603】特定のページのタイトルを非表示*/
.post-898 .entry-title {
	display: none;
}

/*【※変更20190510】本文始めと750×300の写真のキャプション変更*/
.fz-18px{
	color:#003000;
	font-size: 1.0em;
}
.fz-24px{
	color:#003000;
	font-size: 1.4em;
}
/*【※変更20190510】本文中の左寄せ写真の位置調整*/
.wp-block-image .alignleft{
	padding:8px 0px 0px 0px;
}

/*【※変更20190604】本文見出し下の写真のマージン調整*/
.wp-block-image{
	margin-bottom: 40px !important;
}

/*【※変更20220104】写真(メディアとテキスト)のテキスト調整*/
.wp-block-media-text .wp-block-media-text__content{
	font-size: 0.38em;
}

/*【※変更20190211･20190509･20190604】目次*/
.toc{
	border-width:0px;/*外枠線の太さ*/
	/*border-color:#ffbc00;外枠線色*/
	width:106.8%;/*目次の横幅*/
	margin:50px 0px 50px -25px;
	font-size: 1.0em;
}
.toc-title {
	background-color:#efffff;
	color:#300030;/*「目次文字色」*/
    text-align: left;
	font-size: 1.4em;
    font-weight: bold; /* 文字強調*/
	border-left:0px solid #300030;  /*見出し左線色・太さ*/
	border-bottom:2px solid #300030; /*見出し下線色・太さ*/
	padding:0px 0px 5px 1px;
	margin-top:0px; /*見出しとその直前の文字の距離*/
	margin-bottom:20px; /*見出しとその直後の文字の距離*/
}
.toc-list open{
	color:#000030;
}
.toc a {
	color:#003000;
}
.toc a:hover {
	text-decoration: none;
	background: #000030;
	color:#a7a758;
	transition: all 0.3s ease;
}
.toc .toc-content {
	padding-bottom:3.0em
}

/*【※変更20190211･20190509】パンくずリスト*/
.breadcrumb-home,
.breadcrumb-item{
	font-size: 15px;
	color:#300030;
	background-color: #efffff;
}
.breadcrumb a {
	color: #300030;
}

/*【※変更20190509】サイドバーのカテゴリー*/
.widget_categories ul li a {
	color: #000030;
	text-decoration: none;
	line-height: 0.5;
	margin: 6px 0px;
	display: block;
	padding-right: 6px;
	padding-left: 6px;
	font-size: 0.9em;
}
.widget_categories ul li a:hover{
	background: none;
	color: #a7a758;
	background-color: #000030;
	transition: all 0.5s ease;
}

/*【※変更20190509】サイドバーのポリシー部*/
.widget_pages ul li a {
	color: #000030;
	text-decoration: none;
	padding: 6px 6px !important;
	margin: 10px 0px !important;
	display: block;
	padding-right: 6px;
	padding-left: 6px;
	font-size: 18px;
}
.widget_pages ul li a:hover{
	background: none;
	color: #a7a758;
	background-color: #000030;
	transition: all 0.5s ease;
}

/*【※変更20190505】画像の拡大効果*/
.lightbox .lb-image{
	border: 4px solid #a7a758;
	border-radius: 0px;
}
.lb-data .lb-number{
	color: #a7a758;
	font-size: 16px;
}
/*.lb-number::after{*/
/*	font-size: 16px;*/
/*	content: "　　CC BY 4.0";*/
/*}*/

/*【※変更20190316･20190505･20190510･20220103】ブログカード*/
.blogcard {
	margin:10px 0px;
	border-radius: 0px;
	border-color: #000030 !important;
}
a.blogcard-wrap {
	padding: 0rem;
	width: 100%;
	color: #003000;
	position: relative;
	background-color: #efffff;
}
a.blogcard-wrap:hover{
	color: #a7a758;
	background-color: #000030;
	transition: all 0.5s ease;
}
.internal-blogcard:after,.external-blogcard:after{	/*ブログカードプロンプト*/
	font-size: 0.8em;
	padding: 0em;
	border-radius: 0px;
	border: 1px solid #000030;
	width: 20%;
	color: #000030;
	background-color: #efffff;
	margin-left: auto;
	text-align: center;
	display: block;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
.bct-related .internal-blogcard:after,.bct-related .external-blogcard:after{	/*ブログカードプロンプト*/
	content: "Click to read the article";
}
.bct-check .internal-blogcard:after,.bct-check .external-blogcard:after{	/*ブログカードプロンプト*/
	content: "Click to check the map";
}
.bct-official .internal-blogcard:after,.bct-official .external-blogcard:after{	/*【※追記20220103】ブログカードプロンプト*/
	content: "Click to visit a website";
}
.internal-blogcard:hover:after,.external-blogcard:hover:after{	/*ブログカードプロンプト*/
	color: #a7a758;
	background-color: #000030;
	transition: all 0.5s ease;
}
.blogcard-title{
	margin-bottom: .3rem;
	line-height: 1.6;
}
.blogcard::before{	/*ブログカードラベル*/
	display: none;
}
.blogcard-type .blogcard-label{	/*ブログカードラベル*/
	display: none;
}
.blogcard .blogcard-title{	/*ブログカードラベル*/
	font-size: 1.0em;
}
/*.blogcard .blogcard-title:hover{*/	/*ブログカードラベル*/
/*	color: #a7a758;*/
/*	background-color: #000030;*/
/*	transition: all 0.5s ease;*/
/*}*/
.blogcard .blogcard-title:before{	/*ブログカードラベル*/
	display: inline-block;
	font-size: 0.8em;
	background-color: #000030;
	padding: 0.1em 0.5em;
	color: #a7a758;
	border: 2px solid #efffff;
	border-radius: 0px;
	vertical-align: middle;
	margin-right: 0.5rem;
}	
.blogcard-snippet{	/*ブログカードラベル*/
	font-size: 0.8em;
}
/*.blogcard-snippet:hover{*/	/*ブログカードラベル*/
/*	color: #a7a758;*/
/*	background-color: #000030;*/
/*	transition: all 0.5s ease;*/
/*}*/
.bct-related .blogcard .blogcard-title:before{	/*ブログカードラベル*/
	content: 'Rerated Article';
}
.bct-check .blogcard .blogcard-title:before{	/*ブログカードラベル*/
	content: 'Reference Map';
}
.bct-official .blogcard .blogcard-title:before{	/*【※追記20220103】ブログカードラベル*/
	content: 'Website';
}
.internal-blogcard-thumb-image {	/*ブログカードサムネイル*/
	height: 106px !important;
}
.external-blogcard-thumb-image {	/*ブログカードサムネイル*/
	height: 106px !important;
}

/*【※変更20190418】	リンクテキスト*/
a:hover {
	color: #a7a758;
	background-color: #000030;
	transition: all 0.5s ease;
}

/*【※変更20190409】	検索ボックス*/
.search-edit{
	font-size: 16px !important;
	color: #300030;
	border-color: #300030 !important;
}
.search-submit{
	color: #300030
}

/*【※変更20190409】	カテゴリーボックス*/
.postform{
	font-size: 16px;
	color: #300030;
	border-color: #300030 !important;	
}

/*【※変更20190211･20190318】グローバルナビメニュー*/
.menu-header{
	font-size: 18px;
	font-weight:bold;
	color:#300030;
	border: 1px solid #200020;
    border-radius: 4px;
}
.caption-wrap:hover{
	background-color: #000030;
	color:#a7a758;
    transition: all 0.5s ease; /*アニメーション*/
}

/*【※変更20190318】	ボタン*/
.btn-deep {
	background-color: #efffff; 
    border: 1px solid #000030;
	margin: 0px 0px 4px 0px;
	padding: 4px 8px;
    border-radius: 0px;
    font-family: 'Lora', serif;
    font-size: 18px;
	color: #000030;
}
.btn-deep:hover{
	background-color: #000030 !important;
    border: 1px solid #000030 !important;
    border-radius: 0px;
    font-family: 'Lora', serif !important;
    font-size: 18px;
	color: #a7a758 !important;
}

/*【※変更20190318】	新着記事エントリーカード*/
.new-entry-card-link{
	color: #003000;
    background-color: #efffff;
    border-radius: 0px;
    border: solid 1px;
    border-color: #000030;
}
.new-entry-card-thumb{
	margin-left: 5px;
	height: 80px;
}
.new-entry-card-link:hover{
	color: #a7a758;
	background-color: #000030;
}

/*【※変更20190318】	人気記事エントリーカード*/
.widget-entry-card-content{ /*人気記事エントリーカードのフォントサイズ変更*/
	font-size: 1.0em;
}
.popular-entry-card-link{
	color: #003000;
    background-color: #efffff;
    border-radius: 0px;
    border: solid 1px;
    border-color: #000030;
}
.popular-entry-card-thumb{
	margin-left: 5px;
	height: 80px;
}
.popular-entry-card-link:hover{
	color: #a7a758;
	background-color: #000030;
}

/*【※変更20190318】	エントリーカード*/
.entry-card-wrap{
	color: #003000;
	background-color: #efffff;
    border-radius: 0px;
    border: solid 1px;
    border-color: #000030 !important;
}
.entry-card-wrap:hover{
	color: #a7a758;
	background-color: #000030;
}
.cat-label{
	background-color: #000030;
	border: solid 1px;
    border-color: #a7a758;
}

/*【※変更20190313】ページネーション*/
.pagination-next {
    display: none; /*「次のページ」を表示しない*/
}
.page-numbers { /*通常時*/
    color: #003000;
    border: 1px solid #003000;
    font-family: 'Lora', serif;
    font-size: 18px;
/*    font-weight:bold;*/
    border-radius: 10%;
}
.pagination .current { /*現在のページ*/
    background-color: #000030;
    color: #a7a758;
}
.page-numbers.dots { /*ドット「…」の部分*/
    opacity: 1;
    background: none;
}
.pagination a:hover { /*マウスホバー時*/
    background-color: #000030;
    color: #a7a758;
}

/*【※変更20190628】ページネーション－２*/
.pager-prev-next {
    display: none; /*「次のページ」を表示しない*/
}
.pager-links a span { /*通常時*/
    color: #003000;
    background-color: #efffff;
	border: 1px solid #003000;
    font-family: 'Lora', serif;
    font-size: 18px;
/*    font-weight:bold;*/
    border-radius: 10%;
}
.pager-links span .current { /*現在のページ*/
    background-color: #000030;
    color: #a7a758;
}
.page-numbers.dots { /*ドット「…」の部分　　←　◆◇◆修正◆◇◆　*/
    opacity: 1;
    background: none;
}
.pager-links a span:hover { /*マウスホバー時*/
    background-color: #000030;
    color: #a7a758;
}

/*【※変更20190311】タグクラウド*/
.tagcloud {
	padding: 0px 2px 0px 2px;
}
.tagcloud a {
/*  text-decoration: none;*/ /*テキスト初期化*/
	color: #000030; /*タグフォントカラー*/
	font-size: 14px; /*タグフォントサイズ*/
	text-align:center;
	/*font-weight:bold;*/ /*文字強調*/
	display: inline-block; /*横並びで上下左右空白*/
	width: 36%;
	background-color: #efffff; /*タグ背景色*/
	padding: 2px 6px 0px 6px; /*タグ内側余白*/
	margin-right: 2px; /*タグ外側右余白*/
	margin-bottom: 2px; /*タグ外側下余白*/
	border-radius: 0px; /*タグデザイン*/
	border: solid 1px; /*タグ枠線*/
	border-color: #000030; /*タグ枠カラー*/
	word-break: break-all; /*テキストの途中で改行させない*/
}
.tagcloud a .tag-caption::before {
	content: ""; /*アイコンの変更*/
	padding-right: 0px;
}
.tagcloud a:hover {
	background: #000030; /*ホバー時タグ背景色*/
	color: #a7a758; /*ホバー時タグフォントカラー*/
	transition: all 0.3s ease; /*アニメーション*/
}

/*【※変更20190303】h1タグ*/
.article h1{
	font-size: 1.5em;
	color: #300030;
}

/*【※変更20190211】エントリータイトル*/
.entry-title{
	font-size: 1.5em;
	font-weight: bold; /* 文字強調*/
}

/*【※変更20190211】h2タグ*/
.article h2{
	background-color:#efffff;
	color:#300030;  /*文字の色*/
	font-size: 1.2em;
	border-left:0px solid #300030;  /*見出し左線色・太さ*/
	border-bottom:2px solid #300030; /*見出し下線色・太さ*/
	padding:2px 2px 10px 2px;
	margin-top:20px; /*見出しとその直前の文字の距離*/
	margin-bottom:20px; /*見出しとその直後の文字の距離*/
}

/*【※変更20190211】h3タグ*/
.article h3{
	border:none;
	display:inline-block;
	color:#003000; /*文字の色*/
	font-size: 1.0em;
	border-top:0px solid #003000; /*見出し上線色・太さ*/
	border-bottom:1px solid #003000; /*見出し下線色・太さ*/
	padding:1px;
	margin-top:8px; /*見出しとその直前の文字の距離*/
	margin-bottom:8px; /*見出しとその直後の文字の距離*/
}

/*【※変更20190210】メインカラム・サイドバーのフォント・背景色*/
.main,
.sidebar{
	background-color: #efffff; /*【※変更20191027 #82bdbd】*/
}

/*【※変更20190209】ヘッダーの見出し変更*/
.site-name-text{
	font-size: 28px;
	font-weight: bold; /* 文字強調*/
	color:#300030
}
.tagline{
	font-size: 20px;
	font-weight: bold; /* 文字強調*/
	color:#300030
}

/*【※変更20190208】サイドバーの見出し変更*/
.sidebar h3  {
	color: #300030;
	padding: 3px 3px;
	border-bottom: solid 2px #300030; /* 下線（右）の色*/
	position: relative;
	background-color: transparent; /* 背景を透明に*/
}

.sidebar h3 ::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #300030; /* 下線（左）の色*/
	bottom: -2px;
	width: 30%; /* 左側の線の長さ*/
	left: 0px;
}

/*【※変更20190208】 検索ボックスの変更*/
.search-edit {
	background: #efffff; /* 背景色変更 */
	border: 2px solid #300030; /* 太さ 線の種類 色 */
	border-radius: 3px; /* 角の丸み */
}

/*【※変更20190208】 ドロップダウンボックスの変更*/
.postform {
	background: #efffff; /* 背景色変更 */
	/*border: 2px solid #300030;*/ /* 太さ 線の種類 色 */
	border-radius: 3px; /* 角の丸み */
}

/*【※変更20190208】 サイト管理者部の変更*/
.author-box {
	border: 0px solid #efffff; /* 太さ 線の種類 色 */
}


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

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

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

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