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


/*メインカラムの上部を変更*/
.main {
padding-top: 1px !important;
}
@media screen and (max-width: 1080px){
.main {
padding-top: 13px !important;
padding-bottom:-5px!important;
}
}
@media screen and (max-width: 480px){
.main {
padding-top: 15px !important;
padding-bottom:-12px!important;
}}


/** 記事本文内のマージンを調整 */
@media screen and (max-width: 480px){
p {
line-height:1.7em!important;
margin-bottom: 1.1em!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{
height: 67px!important;
width:300px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 10px!important;
margin-bottom: 8px!important;
}
@media screen and (max-width: 1080px){
img.site-logo-image{
height: 65px!important;
width:275px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 10px!important;
margin-bottom: 7px!important;
}
}
@media screen and (max-width: 480px){
img.site-logo-image{
height: 70px!important;
width:333px !important;
padding-right: 3px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-top: 9px!important;
margin-bottom: 8px!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-drawer: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;
}

/************************************
** ●ヘッダーサブメニューのカスタマイズ
************************************/
/*.sub-menu {
  background-color:  #008479!important;
}*/
.navi-in>ul .sub-menu li {
	font-weight:400!important;
  border-bottom: 2px groove #009e8b!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;
}
@media screen and (max-width: 480px){
.breadcrumb-home a,
.breadcrumb-home .fa-home,
.breadcrumb-item a {
font-size: 1em!important;
}
}

.cocoon-custom-text-1{
font-size: 1.1em !important;
font-weight:600;
}
.cocoon-custom-text-2{
font-size: 1.1em !important;
line-height:2.6em!important;
font-weight:600;
}
.cocoon-custom-text-2{
font-size: 1..3em !important;
}

h1 {
font-size: 1.85em !important;
color:#000000!important;
margin-top: 18px!important;
line-height:1.5em!important;
margin-bottom: 20px!important;
}
h2 {
font-size:1.56em !important;
color:#ffffff!important;
background-color: #218691!important;
line-height:1.7em!important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-top: 22px!important;
padding-bottom: 22px!important;
margin-top: 31px!important;
margin-bottom: 22px!important;
border-top:none!important;
border-bottom: double 4px #218691!important;
}
h3 {
font-size: 1.51em !important;
color:#000000!important;
line-height:1.65em!important;
background: none !important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 18px !important;
padding-bottom: 20px !important;
margin-top: 0px!important;
margin-bottom: 22px!important;
border-top: none !important;
border-left: none!important;
border-right: none!important;
border-bottom: double 4px #a3a3a3!important;
}
/*h4 {
font-size: 1.36em !important;
color:#000000!important;
line-height:1.5em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 18px !important;
margin-top: 23px!important;
margin-bottom: 22px!important;
border-top: none!important;
border-bottom:dotted 1px #787878 !important;
}*/
h4{
font-size: 1.36em !important;
color:#000000!important;
line-height:1.5em!important;
position: relative;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 18px !important;
margin-top: 23px!important;
margin-bottom: 22px!important;
border-top: none!important;
border-bottom: solid 3px #eee;/*下線１：実線・太さ・色*/
}
h4:after{
position: absolute;
content: '';
display: block;
border-bottom: solid 3px #a5c9c1;/*下線２：実線・太さ・色*/
bottom:-1px;
width:30%;/*下線２の幅*/
}
h5 {
font-size: 1.24em !important;
color:#000000!important;
line-height:1.5em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 11px !important;
margin-top: 19px!important;
margin-bottom: 16px!important;
border-top: none!important;
border-bottom: solid 1px #e3e3e3 !important;
}
h6 {
line-height:1.75em!important;
padding-top: 0px!important;
padding-bottom: 0px!important;
padding-left: 0px !important;
padding-right: 0px !important;
margin-top: 24px!important;
border-bottom:none !important;
}


@media screen and (max-width: 480px){
h1 {
font-size: 1.88em !important;
line-height:1.48em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
margin-top: -16px!important;
margin-bottom: 15px!important;
}
h2 {
font-size: 1.48em !important;
line-height:1.56em!important;
padding-left: 20px !important;
padding-right: 16px !important;
padding-top: 18px!important;
padding-bottom: 19px!important;
margin-top: 26px!important;
margin-bottom: 19px!important;
}
h3 {
font-size: 1.43em !important;
line-height:1.6em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 16px !important;
padding-bottom: 15px !important;
margin-top: 0px!important;
margin-bottom: 20px!important;
}
h4 {
font-size: 1.31em !important;
line-height:1.6em!important;
padding-top: 0px !important;
padding-bottom: 12px !important;
margin-top: 22px!important;
margin-bottom: 19px!important;
}
h5 {
font-size: 1.24em !important;
line-height:1.5em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 8px !important;
margin-top: 12px!important;
margin-bottom: 18px!important;
border-top: none!important;
border-bottom: solid 1px #e3e3e3 !important;
}
h6 {
font-size: 1.19em !important;
line-height:1.75em!important;
padding-top: 0px!important;
padding-bottom: 0px!important;
margin-top: 22px!important;
border-bottom:none !important;
}
}


/*ページ送りナビ*/
.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;
}

/*通知エリアの文字*/
.notice-area-wrap{
font-size:19px!important;
line-height:110%!important;
font-weight:boldimportant;
}
@media screen and (max-width: 480px){
.notice-area-wrap{
font-size:18px!important;
font-weight:600!important;
}}

/*リストの点を変更-*/
.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: #ffffff!important;
text-underline-offset: 3px;
}
a:hover{
  color: #ccb802;
  text-decoration-color: #ccb802;
}


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

.entry-card-title, .related-entry-card-title{
color:#000;
background:none;
padding-top: 0px !important;/*余白*/
padding-bottom: 5px !important;/*余白*/
padding-left: 0px !important;/*余白*/
font-weight: bold;
font-size:1.35em !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;
}
}




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

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

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

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