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

/*コメント上部ヴィジット上下*/
#header-container,
#content-top,
#content-top-in,
#media_image-2,
.widget-content-top {
margin-top: 3px !important;
padding-top: 0 !important;
margin-bottom:0 !important;
padding-bottom: 0 !important;
}
@media screen and (max-width: 1080px){
.widget-content-top {
margin-top: 10px !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}}
@media screen and (max-width: 480px){
.widget-content-top {
margin-top: 10px !important;
padding-top: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}}

.main {
margin-top:0px !important;
padding-top:16px !important;
padding-bottom:-10px!important;
}
@media screen and (max-width: 1080px){
.main {
margin-top:0 !important;
padding-top:18px !important;
padding-bottom:-10px!important;
}}
@media screen and (max-width: 480px){
.main {
margin-top:0 !important;
padding-top:18px !important;
padding-bottom:-10px!important;
}}

/*PCとスマホで画像の表示を変えるための元ＣＳＳ*/
/*あとは本文で各画像の追加CSS欄にpc-imgやsp-imgと登録すればいい*/
pc-img { display: inline-block!important; }
.sp-img { display: none!important; }
 @media only screen and (max-width: 768px) {
    .pc-img { display: none!important; }
    .sp-img { display: inline-block!important; }
}

ul li, ol li {
padding-top:2px!important;
padding-bottom:2px!important;
line-height:1.8em!important;
}

img.site-logo-image{
width: 164px;
height: 45px;
max-height: 60px;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top:6px!important;
margin-bottom: 10px!important;
}
@media screen and (max-width: 1080px){
img.site-logo-image{
width: 164px;
height: 48px;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 6px!important;
margin-bottom: 7px!important;
}}
@media screen and (max-width: 480px){
img.site-logo-image{
width: 164px;
height: 48px;
padding-right: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 4px!important;
margin-bottom: 3px!important;
}}

/*グローバルメニュー 文字の大きさを変更*/
#navi .navi-in > .menu-header .item-label{
font-size: 14px;
font-weight:600;
}

/* モバイル用ナビゲーション(トップメニュー版)
/* ナビの背景色
.slicknav_menu{
background: #008479!important;
} */
/* MENUボタンの色 
.slicknav_btn{
background: #008479!important;
margin-top: 0px!important;
margin-bottom:0px!important;
}*/
/* 「MENU」の文字の影の濃さ
.slicknav_menu .slicknav_menutxt{
text-shadow: 0 1px 3px rgb(0 0 0 / 30%); 
}  */
/* ナビ中の文字色
.slicknav_nav a{
color: #ffffff;	
}*/

/* モバイルスライドインメニュー */
.fa-times {
color:#060e7d;/* 閉じるボタンの色 */
font-size: 2em!important;
padding-top: 25px !important;
padding-bottom: 25px !important;
margin-top: 28px!important;
}
ul.menu-drawe*/r:before {
background-color: #000057;/* Menu背景色 */
font-size: 1.1em;
}
ul.menu-drawer:after {
background-color: #fff;
}
.menu-drawer a {
color: #333 !important;/* 文字色 */
font-size: 1.1em;
font-weight: 500;
}
.menu-drawer a:hover {
background-color: #eff8f9;
}
.menu-drawer a .fas, .menu-drawer a .far,.menu-drawer a .fa,.menu-drawer a .fab {
margin-right: 3px;
}
.sub-menu li {
font-size: 0.85em;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: -2px!important;
}
/* モバイルスライドインメニューの幅 */
#navi-menu-input:checked ~ #navi-menu-content {
	width: 100%;
	max-width: none;
	background: #ffffff !important;
}


/************************************
** ●ヘッダーサブメニューのカスタマイズ
************************************/
/*.sub-menu {
background-color:  #008479!important;
}*/
.navi-in>ul .sub-menu li {
font-weight:400!important;
border-bottom: 2px groove #F2F2F2!important;
height: 44px;
}

/*サイドバーウェジット内のナビゲーションメニュー*/
.widget_nav_menu ul li a {
font-size: 0.96em !important;
line-height:1.5em!important;
padding-top: 2.5px !important;
padding-bottom: 2.5px !important;
color: #636363;
}

/*パンくずリスト不要なアイコンを消す　*/
.breadcrumb-item>.fa {
 	display:none;
}
/*　色を変更する　*/
.breadcrumb-home a,
.breadcrumb-home .fa-home,
.breadcrumb-item a {
color: #595858!important;
font-size: 1.1em!important;
margin-top: -18px!important;
margin-bottom: -26px !important;
}
@media screen and (max-width: 1080px){
.breadcrumb-home a,
.breadcrumb-home .fa-home,
.breadcrumb-item a {
font-size: 1em!important;
margin-top: -18px!important;
margin-bottom: -14px !important;
}
}
@media screen and (max-width: 480px){
.breadcrumb-home a,
.breadcrumb-home .fa-home,
.breadcrumb-item a {
font-size: 0.95em!important;
margin-top: -27px!important;
margin-bottom: -15px !important;
}
}

/*　目次の上下に余白　*/
#toc {
margin-top: 2.2em !important;
margin-bottom: 3em !important;
}
/*　目次ｸﾘｯｸで飛ぶ時に見出しが見やすい位置調整　*/
span[id^="toc"] {
 padding-top: 2.5em;  /* 数値変更で調整可能 */
}

h1 {
font-size: 1.6em !important;
line-height:1.48em!important;
padding-top: 0px!important;
margin-top: 20px!important;
line-height:1.5em!important;
margin-bottom:12px!important;
} 
@media screen and (max-width: 480px){
h1 {
font-size: 1.6em !important;
line-height:1.48em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
margin-top: 20px!important;
margin-bottom: 16px!important;
}}
@media screen and (max-width: 480px){
h1 {
font-size: 1.6em !important;
line-height:1.48em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
margin-top: 20px!important;
margin-bottom: 16px!important;
}}

h2 {
font-size:1.65em !important;
line-height:1.7em!important;
padding-left:5px !important;
padding-right:5px !important;
padding-top: 24px!important;
padding-bottom: 21px!important;
margin-top: 35px!important;
margin-bottom: 28px!important;
}
@media screen and (max-width: 480px){
h2 {
font-size:1.5em !important;
line-height:1.7em!important;
padding-left:5px !important;
padding-right:5px !important;
padding-top: 22px!important;
padding-bottom: 22px!important;
margin-top: 35px!important;
margin-bottom: 22px!important;
}}

.article h3 {
font-size: 1.48em !important;
line-height:1.65em!important;
padding-left:5px !important;
padding-right:5px !important;
padding-top: 0px !important;
padding-bottom: 14px !important;
margin-top: 32px!important;
margin-bottom: 25px!important;
border: 0;
border-bottom:double 4px #787878 !important;
}
@media screen and (max-width: 480px){
.article h3 {
font-size: 1.4em !important;
line-height:1.65em!important;
padding-left:5px !important;
padding-right:5px !important;
padding-top: 0px !important;
padding-bottom: 16px !important;
margin-top: 30px!important;
margin-bottom: 22px!important;
border: 0;
border-bottom:double 4px #787878 !important;
}}

.article h4 {
font-size: 1.36em !important;
line-height:1.5em!important;
padding-left:5px !important;
padding-right:5px !important;
padding-bottom: 16px !important;
margin-top: 20px!important;
margin-bottom: 20px!important;
border-top: none!important;
border-bottom:dotted 1px #787878 !important;
}
@media screen and (max-width: 480px){
.article h4 {
font-size: 1.28em !important;
line-height:1.55em!important;
padding-left:5px !important;
padding-right:5px !important;
padding-bottom: 16px !important;
margin-top: 20px!important;
margin-bottom: 20px!important;
border-top: none!important;
border-bottom:dotted 1px #787878 !important;
}}

.article h5 {
font-size: 1.24em !important;
line-height:1.66em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 10px !important;
margin-top: 12px!important;
margin-bottom: 16px!important;
border-top: none!important;
border-bottom: solid 1px #e3e3e3 !important;
}
@media screen and (max-width: 480px){
.article h5 {
font-size: 1.18em !important;
line-height:1.63em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 10px !important;
margin-top: 10px!important;
margin-bottom: 17px!important;
border-top: none!important;
border-bottom: solid 1px #e3e3e3 !important;
}}
.article h6 {
line-height:1.63em!important;
}
@media screen and (max-width: 480px){
.article h6 {
line-height:1.63em!important;
}}

.entry-title {
font-size: 1.56em !important;
line-height:1.5em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
margin-top: 20px!important;
margin-bottom: 12px!important;
}
@media screen and (max-width: 1080px){
.entry-title {
font-size: 1.65em !important;
line-height:1.48em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
margin-top: 18px!important;
margin-bottom:10px!important;
}}
@media screen and (max-width: 480px){
.entry-title {
font-size: 1.56em !important;
line-height:1.48em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
margin-top: 7px!important;
margin-bottom: 10px!important;
}}

.archive-title {
padding-top: 0px !important;
padding-bottom:0px !important;
margin-top: 26px!important;
margin-bottom: 16px!important;
}

/*SNSシェアボタン*/
@media screen and (max-width: 480px){
#main .button-caption {
	display: none; 
}
.sns-share-message{
	font-weight: bold; 
	color: #875d5b;
}
.sns-share-buttons {
	flex-wrap: nowrap; 
	justify-content: center;
}
.sns-share-buttons a {
	border-radius: 50%; 
	font-size: 20px; 
	margin: 0 10px;
}
#main .sns-share a {
	width: 40px; 
	height: 40px; 
}}

/*ページ送りナビ
.prev-post-thumb,.next-post-thumb{
display:none;
}
.pager-post-navi a {
color: #4086bf;
line-height: 1.7;
font-size: 1em;
font-weight:400;
background:#fafbff;
}*/

/*リストの点を変更-*/
.entry-content ul {
	list-style: none;}
.entry-content ul li {
	position: relative;
	padding-left: -0.1em;
	margin: 0.1em 0;}
.entry-content ul li:before {
content: url( https://zuiun.net/pb/wp-content/uploads/2025/09/list-ten2.png);
position: absolute;
left: -18px;
top: -2px;
}
@media screen and (max-width: 480px){
.entry-content ul {
	list-style: none;}
.entry-content ul li {
	position: relative;
	padding-left: -0.1em;
	margin: 0.1em 0;}
.entry-content ul li:before {
content: url( https://zuiun.net/pb/wp-content/uploads/2025/09/list-ten2.png);
position: absolute;
left: -14px;
top: -2px;
}}

a {
text-decoration-color:#009ccc !important;
text-underline-offset: 3px;
}
a:hover{
  color: #ccb802;
  text-decoration-color: #ccb802;
}

.eye-catch-wrap .cat-label {
    display: none;
}


/************************************
** ■エントリーカードラベル非表示
************************************/
.entry-card .cat-label{
  display: none;
}
.related-entry-card .cat-label{
  display: none;
}

.entry-card-title, .related-entry-card-title{
font-weight: bold;
font-size:1.35em !important;
color:#000;
line-height:1.56em !important;
background:none;
padding-top: 5px !important;
padding-bottom:0px !important;
padding-left: 0px !important;
border-bottom:none !important;
border-left: none;
margin-top: 5px!important;
margin-bottom: 10px!important;
}

@media screen and (max-width: 480px){
.entry-card-title, .related-entry-card-title{
font-size:1.22em !important;
}
}

/*関連記事の見出しのカスタマイズ*/
.main .related-entry-heading {
color: #000000;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px!important;
padding-bottom:0px!important;
margin-top: -1px!important;
margin-bottom:15px!important;
}

/*特定のカテゴリーの関連記事の非表示*/
.categoryid-4 #related-entries {
  display: none;
}

/*投稿本文中カテゴリーのカスタマイズ*/
.entry-categories a {
  border-radius: 0px; /*角の丸み*/
  background-color: #09797d; /*背景の色*/
  color: #ffffff; /*アイコンと文字の色*/
}
/*投稿本文中カテゴリー：ホバー時のカスタマイズ*/
.entry-categories a:hover {
  color: #ffffff; /*アイコンと文字の色*/
}