@charset "UTF-8";

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

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

/* 組み込み済 @import url('https://fonts.googleapis.com/css?family=Averia+Sans+Libre:700'); */

.main, .sidebar,a.tag-cloud-link{
    box-shadow: none;
}

/* #header-container {
    background: linear-gradient( rgba(0, 123, 67, 0.44), rgba(0, 123, 67, 0.75) ), url(https://mup.pamiroh.com/wp-content/uploads/2019/07/mu_header1907c.jpg) no-repeat center 70%;
    background-size: cover;
} */
/* #header-container-in #header {
    background: none;
} */

/* #header .site-name-text {
	color: #fff;
    font-family: Averia Sans Libre, Tahoma, Geneva, sans-serif;
    white-space: nowrap;
    margin: 0 16px;
} */

/*ヘッダーの色と高さ、アイコンの位置を調整*/
/* li.navi-menu-button.menu-button{
padding-top: 8px;
}
div#header-container,.search-menu-button.menu-button,
.navi-menu-button.menu-button,.logo-menu-button.menu-button,.menu-button-in{
	background-color: #007b43!important;
}
div#navi-menu-content {
    opacity: 0.9!important;
} */
/* .tagline {
    color: #fff;
	text-align: left;
    font-size: 12px;
} */

/* @media screen and (max-width: 1023px){
 .logo {
    text-align: center;
}
.logo-text {
    display: block;
    height: 100%;
	line-height: 1;
	}
.tagline {
    text-align: center;
    padding: 0em 2em;}
} */

/*トップ用固定ページ*/
article.post-3222 header.article-header.entry-header {
    display: none;
}

/*  ---- おすすめカード（メニュー） ---- */
div#recommended-in span.cat-label { /* カテゴリラベル非表示 */
    display: none;
}
div#recommended-in .widget-entry-cards.card-large-image figure img { /* ぼかし */
    filter: blur(1px);
}

/*  -- おすすめカード ナビゲーションメニュー -- */
.widget.widget-content-top.widget_nav_menu ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.widget.widget-content-top.widget_nav_menu li {
  width: 20%;
/*  border-left: 1px solid #aaaaaa; */
}
.widget.widget-content-top.widget_nav_menu li:last-child {
/*  border-right: 1px solid #aaaaaa; */
}
.widget.widget-content-top.widget_nav_menu li a {
  display: flex;
  flex-direction: column;
  padding: 10px;
  font-weight: normal;
  font-size:12px;
  text-align: center;
}
@media screen and (max-width: 1023px){
.widget.widget-content-top.widget_nav_menu ul {
	display:block;
}
.widget.widget-content-top.widget_nav_menu li {
  width: auto;
}
}
/*  -- おすすめカード ボックスメニュー -- */
/* ボックスメニューの設定 */
.box-menu{
    background: #fff; /* 背景色 */
    /* box-shadow: inset 1px 1px 0 0 #F2F0EE, 1px 1px 0 0 #F2F0EE, 1px 0 0 0 #F2F0EE; */ /* 枠線の設定 */
	box-shadow:none!important;
	min-height: auto;
}
.box-menu-label {
    font-size: 12px;
    font-weight: normal;
}
.box-menu-icon{
    color: #339432; /* アイコン */
	display:none;
}
.box-menu-description { /* サブ説明 */
    display: none;
}
.wwa .box-menu {
	/* width: calc(100%/4); */ /* メニューの数 */
	width:auto;
}
/* オンマウス時の設定 */
.box-menu:hover{
    box-shadow: none; /* 枠線を消す */
    background: #F2F0EE; /* 背景色 */
}
/* モバイル用の設定 */
@media screen and (max-width: 599px){
    .box-menus .box-menu {
	/* width: calc(100%/4); */ /* メニューの数 */
	width:auto;
	}
    .box-menu-label{
	font-size: 10px; /* 文字サイズ */
	}
	.box-menu{
	min-height: 50px; /* 高さ */
	}
}

/*  ---- おすすめカードここまで ---- */

/* SNSシェアボタン */
#main .button-caption {
  /* display: none; */
}
#main .sns-share a {
/*  margin-left: 0.3em; */
}
.sns-share-buttons {
/*  justify-content: center; */
}
#main .social-icon {
  font-size: 25px;
}

/* 動画キャプション調整 */
.video-container {
    margin: 30px 0 10px 0!important;
}


/* カテゴリページ */

.category-content .eye-catch-wrap .eye-catch {
	display:none;
}

/* タグページ */

.tag-content .eye-catch-wrap .eye-catch {
	display:none;
}


/*--- エントリーカード（デフォルト） ---*/

/* .entry-card-title, .related-entry-card-title {
    font-size: 16px;
    font-weight: 500;
} */

#sidebar .entry-card-title, #sidebar .related-entry-card-title {
	height: 3.2rem;
}
img.attachment-w400_thumb.size-w400_thumb.wp-post-image {/* ショートコードデフォ */
    /* height: 50px;
    margin: 0 0 7px 0px; */
}

.ect-3-columns .entry-card-wrap { /* 3つ横並び */
    width: 31%;
    padding: 1.5%;
}
#main .new-entry-cards.large-thumb a, #main .widget-entry-cards.card-large-image a { /* 3つ横並び ショートコード用 */
    width: 32%!important;
	margin-bottom: 2%!important;
}

@media screen and (max-width: 834px){ /* モバイル用 */
	.ect-3-columns .entry-card-wrap { /* 2つ横並び */
    width: 49%;
    padding: 1.5%;
}
#main .new-entry-cards.large-thumb a, #main .widget-entry-cards.card-large-image a { /* 2つ横並び ショートコード用 */
    width: 49%!important;
	margin-bottom: 2%!important;
}
}

.badge, .ref, .reffer, .sankou, .badge-red, .badge-pink, .badge-purple, .badge-blue, .badge-green, .badge-yellow, .badge-brown, .badge-grey {
    margin-right: 5px;
    font-size: 12px;
}

ol, ul {
    margin: 1em 0;
    padding-left: 20px;
}

/* -------- 新着・人気・関連記事ウィジェット（ショートコード）-------- */
/* 記事ウィジェット全てにおいて、日付を表示 */
.widget-entry-card-date {
	display: block;/* 以下、位置など調整 */
	text-align: right;
/*	bottom: 0;
	position: absolute;
	right: 0;
	line-height: 1;
	font-size: 17px!important; */
}
/* 新着記事ウィジェットにおいて、カテゴリを表示 */
.new-entry-cards .cat-label {
  display: inline;
}
/* タイトル */
.card-title-bold .card-title, .widget-entry-card-title.card-title {
/*    font-size: 16px;
    font-weight: 500; */
}

/* --------   ショートコード 記事一覧 ---------- */

/* 新着・人気・関連記事ウィジェット（ショートコード）サムネイル大・レスポンシブ化 */
#main .new-entry-cards.large-thumb,
#main .widget-entry-cards.card-large-image {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
#main .new-entry-cards.large-thumb a,
#main .widget-entry-cards.card-large-image a {
  width: 49.5%;
  display: inline-block;
  margin-bottom: 12px;
  max-width: initial!important; /*.widget-entry-cards.not-default .a-wrap に上書き*/
}

/*768px以下*/
/* @media screen and (max-width: 768px){
  #main .new-entry-cards.large-thumb a {
      width: 50%;
  }
}*/
/*480px以下*/
@media screen and (max-width: 480px){
#main .new-entry-cards.large-thumb a,
#main .widget-entry-cards.card-large-image a {
      width: 100%;
  }
}

.a-wrap {
/*    margin-bottom: 1.5%; */
}
.widget-entry-cards .a-wrap {
/*    margin-bottom: 1.5%; */
}

/* .large-thumbの場合のみ通常新着と表示統一 */
.large-thumb .a-wrap {
	padding: 1.5%!important;
}
.large-thumb .widget-entry-cards .a-wrap {
	line-height: 1.2;
}
.large-thumb .cat-label {
	line-height: 1.8;
}
.large-thumb.cf::after {/*カード最後ズレfix*/
	display: none!important;
}
.card-thumb img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.large-thumb .card-thumb img {
    height: 100px!important;
}

/* --------   ショートコード 記事一覧更新日 ---------- */
/* サイドバーで非表示に */
.widget-sidebar .post-date,
.widget-sidebar .post-update {
	display: none;
}
/* フッターで非表示に */
.widget-footer-mobile .post-date,
.widget-footer-mobile .post-update,
.widget-footer-center .post-date,
.widget-footer-center .post-update,
.widget-footer-right .post-date,
.widget-footer-right .post-update {
	display: none
}

/* 追加（修正）fontawesome関連 */
div.widget-entry-card-date {
	font-family: "Font Awesome 5 Free";
	font-size: 0.9em;
}
span.new-entry-card-post-date.widget-entry-card-post-date.post-date:before {
    content: "\f017";
	font-weight: 400; /* 文字化け対策 */
}
span.new-entry-card-update-date.widget-entry-card-update-date.post-update:before {
    content: "\f1da";
	font-weight: 900; /* 文字化け対策 */
}

/* --------   ショートコード 記事一覧関連ここまで ---------- */


/* 関連記事ミニカード */
img.related-entry-card-thumb-image.card-thumb-image.wp-post-image {
    height: 50px;
}

/* ボタン(トップページ、サイドバー) */
a.btn.btn-lime.btn-border {
    background-color: rgba(139,195,74,.05);
    font-size: 1.2em;
    width: 100%;
    text-align: center;
    padding: 10px;
    font-weight: 400;
    border: 1px solid #98d98e;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%);
    border-radius: 4px;
    transition-duration: .3s;
}
/* ボタン(ページネーション) */
.page-numbers,.pagination-next-link{
    border: 1px solid #98d98e;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%);
    border-radius: 4px;
    transition-duration: .3s;
}
a.btn.btn-lime.btn-border:hover,.page-numbers:hover,.pagination-next-link:hover{
transform: translateY(-4px);
    box-shadow: 0 0 8px rgb(0 0 0 / 24%);
    transition-duration: .3s;
}

/* sidebar関連調整 */
#sidebar img.attachment-w400_thumb.size-w400_thumb.wp-post-image {
/*    height: 50px;
    margin: 7px 0px; */
}
#sidebar .entry-card-title, .related-entry-card-title {
	font-size: 14px;
    font-weight: 400;
}
#sidebar .widget-entry-card-date{
font-size: 1em!important;
}
.btn:nth-child(even){
	margin-left: 10px;
}


.article .toc {/* 目次 */
	background-color: rgba(139,195,74,.05);
	width: 60%;
}
.toc-title {/* 目次タイトル */
    font-weight: bold;
}



/* オリジナルclass */
.btn-border{/* 囲みボタン用 */
    background: none;
    color: inherit;
    border: 1px solid #555;
}
.btn-border:hover{/* 囲みボタン用 */
    color: inherit;
}

.wid_muppets_Tw {
    padding: 2% 5%;
}

/* -----------------  カテゴリ、本文 ------------------ */
h1#archive-title,h1.entry-title { /* カテゴリ、本文タイトル */
    color: #014727;
	padding: 1em 0.2em;
	font-size: 2em;
}
.article-header h1#archive-title,
.content-in h1#archive-title{ /* カテゴリ、タグタイトル */
	border-radius: 25px;
	text-align:center;
	border: 1px solid #014727;
	background-color: #8bc34a47;
}
.sns-share-buttons {
    opacity: 0.8;
}
.sns-share-buttons a,.sns-follow-buttons a{
	border-radius: 25px;
}
time.date,.post-date,.post-update {
    font-family: "Roboto";
    font-weight: 500;
	color: #777;
}
span.new-entry-card-post-date.widget-entry-card-post-date.post-date:before,span.new-entry-card-update-date.widget-entry-card-update-date.post-update:before {
    font-family: 'Font Awesome 5 Free';
	color: #777;
}
.page .date-tags,.single .date-tags{ /* 固定ページと投稿ページの日付サイズ */
    font-size: 1.3em;
}

.card-title-bold .card-title, .widget-entry-card-title.card-title {
    font-size: 16px;
    font-weight: 700;
}
.entry-card-title, .related-entry-card-title {
    font-size: 16px;
    font-weight: 700;
}
.navi-entry-card-title.widget-entry-card-title.card-title {
    font-weight: 500;
}
/* .fa-home,.fa-folder
{
display:none;
} */
.fa-home:before
{
	content: "\f105";
}
.fa-folder
{
	display:none;
}
.fa-folder-open:before {
	content: "\f138";

}
/* ----------  見出し再設定  ---------- */

/* 再設定 */
.widget h2,h2.related-entry-heading{
    font-size: 1.7em!important;
    color: #014727!important;
    padding: .4em .4em!important;
    text-align: center;
    background-color: #8bc34a47!important;
    font-weight: 700!important;
    margin: 0.6em 0em!important;
    border: none!important;
}
 .article h2 {
	font-size: 1.8em!important;
    padding: .4em .4em!important;
    background-color: #8bc34a47!important;
    margin-bottom: 0.5em!important;
    font-weight: 700!important;
	 }
.article h3 {
	border-bottom: 4px solid #8bc34a;
	border-top:none;
	border-right:none;
	border-left:none;
    padding: .4em .4em!important;
	padding: 0.5em!important;
    font-weight: 700!important;
    font-size: 1.8em!important;
}
.article h4 {
    font-size: 1.4em!important;
    font-weight: 700!important;
	border-top:none;
	border-bottom: none;
	border-left: 7px solid #8bc34a;
	padding: 0.5em!important;
}

.article h5 {
    font-size: 1.2em!important;
	border-bottom: none;
	padding: 0.5em 0.5em 0.5em 0em!important;
    font-weight: 700!important;
}
.article h6{
    font-size: 1.0em!important;
	border:none;
	padding: 0.5em 0.5em 0.5em 0em!important;}

.front-top-page .article h4 { /* トップページ */
    font-size:1.8em!important;
    color: #014727!important;
    padding: .4em .4em!important;
    text-align: center;
	border:none!important;
	/* border: 1px solid #014727; */
    /* background-color: #8bc34a47!important; */
    font-weight: 700!important;
    margin: 0.6em 0em 1em 0em!important;
}

/* 脚注プラグイン Easy Footnotes */
.easy-footnote sup:before {
content: "（※";
}
.easy-footnote sup:after {
content: "）";
}
.easy-footnote a{
	text-decoration: none!important;
}

/* --------   作品リスト acf_list ---------- */

body.archive.category-list .category-content .eye-catch-wrap .eye-catch{
	display:block!important;
}
body.archive.category-list span.cat-label.cat-label-159{
	display:none!important;
}

table.acf_list{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  text-align: center;
  width: 95%;
}
table.acf_list tr{
  background-color: transparent!important;
}
table.acf_list th,
table.acf_list td{
  border: 1px solid #999;
  border-width: 1px 0!important;
  padding: 0.3em 0.7em;
}
table.acf_list td{
  text-align: left;
}
table.acf_list th{
/*  background: #eee; */
  text-align: left;
  min-width: 10em;
}
.acf_note {
    font-size: 80%;
	color: #777;
}
span.acf_note { /* 作品情報の小文字による説明文を非表示化202507 */
	display:none;
}
tr.acf_note td {
	border-bottom:none;
}
@media (max-width: 640px) {
    table.acf_list th,
    table.acf_list td{
      display: block;
    }
}

.acf_list_cat_n{
	color: #666;
    font-size: 12px;
	padding: 10px;
}
.acf_list_cat_wrap{
}
.acf_list_cat_wrap div.acf_list_cat:first-child{
	border-top: 1px solid #c8c8c8;
}
.acf_list_cat{
	border-bottom: 1px solid #c8c8c8;
	padding: 0.5em 1em;
	margin: 0.5em 0;
}
.acf_list_cat ul.s{
	font-size: 12px;
	color: #555!important;
	padding-left: 0px;
	margin: 6px 0px;
}
.acf_list_cat ul.s li{
	display: inline-block;
    border-radius: 5px;
    margin: 2px 4px 2px 0;
    padding: 1px 6px;
    background-color: #c8c8c8;
    border-radius: 2px;
	}
.acf_list_cat h2{
	font-size: 1.5em!important;
    font-weight: 600;
	padding: 0;
	margin: 0 0 5px 0;
    background: none!important;
    border: none!important;
	line-height: 1.8;
}
.acf_list_cat h2 a{
text-decoration: none;
}
.acf_list_cat p.c, .acf_list_cat p.v{
	text-decoration: none;
	font-size:12px;
	margin: 0.2em 0;
}
.acf_list_cat p.v:before,
.category-list .v_ntc:before{
    content: "\f144";
	font-family: "Font Awesome 5 Free";
	font-weight:400;
}
.acf_list_cat p.v{
	color: #999;
}
.acf_list_cat span.status{
}
.acf_list_cat span.status.e{
}
.acf_list_cat span.status.j{
}
/*  以下タブ切り替え表示用 */
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
.tab-label {
    color: White;
    background: LightGray;
    margin-right: 5px;
    padding: 3px 12px;
    order: -1;
}
.tab-content {
    width: 100%;
    display: none;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
    background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
     display: block;
}
/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}



/* ==================    ダークモード対応    ==================== */
 .content-in .main,.content-in .sidebar{
	background:none!important;
	/* var(--cocoon-white-color) から上書き */
}
ul.mobile-menu-buttons{
    background-color:#007b43;
	/* var(--cocoon-white-color) から上書き */
}

@media (prefers-color-scheme: dark) {
 html{
    filter: invert(1) hue-rotate(180deg);
	-webkit-filter: invert(1) hue-rotate(180deg);
	background:#080808;
}
 html img,iframe,#header-container,.logo.logo-header.logo-image,ul.mobile-menu-buttons,a.menu-button-in{
    filter: invert(1) hue-rotate(180deg);
}
/* body{
	background: #e0e0e0 !important;
} */
} 