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

/*モバイルの行幅変更
@media screen and (max-width: 480px){
.entry-content p {
line-height: 1.7!important;
}}*/

img.site-logo-image{
height: 56px!important;
width:173px !important;
padding-top: 6px !important;
padding-bottom:6px !important;
margin-top: 4px!important;
margin-bottom:4px!important;
}
@media screen and (max-width: 1080px){
img.site-logo-image{
height: 54px!important;
width:173px !important;
padding-top: 5px !important;
padding-bottom: 3px !important;
margin-top: 0px!important;
margin-bottom:0px!important;
}
}
@media screen and (max-width: 480px){
img.site-logo-image{
height: 54px!important;
width:173px !important;
padding-top: 4px !important;
padding-bottom: 4px !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin-top: 0px!important;
margin-bottom: 0px!important;
}
}

/*ヘッダーモバイルボタンの変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #ffffff;
	color: #000000;
	height: 62px!important;
}
.logo-menu-button.menu-button{
	background-color: #ffffff;
	height: 62px!important;
}
.mobile-menu-buttons{
	background: #018f93;
}
.search-menu-button.menu-button{
color: #000000;
}

/* モバイル用ナビゲーション(トップメニュー版)*/
/* ナビの背景色*/
.slicknav_menu{
background: #002f38!important;
} 
/* MENUボタンの色 */
.slicknav_btn{
background: #025e57!important;
margin-top: -1px!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;	
}

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

/*ヘッダーサブメニューのカスタマイズ*/

.sub-menu {
background: #ffffff!important; 背景色
}
.navi-in>ul .sub-menu li {
	font-weight:400!important;
  height: 44px; /*高さ*/
}
@media screen and (max-width: 480px){
.sub-menu {
background: #ffffff!important; /*背景色*/
}
.navi-in>ul .sub-menu li {
	font-weight:400!important;
  height: 44px; /*高さ*/
}}

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

/*PCの場合*/
.pc	{ display:inline!important; }
.mb	{ display:none!important; }

@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.pc	{ display:none!important; }
.mb { display:inline!important; }
}

.page .date-tags {
  display: none;
}

h1 {
font-size: 2em !important;
color:#000000!important;
margin-top: 0px!important;
line-height:1.5em!important;
margin-top:-5px!important;
margin-bottom: 20px!important;
}
/*
h2 {
font-size: 1.58em !important;
color:#000000!important;
line-height:1.6em!important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-top: 29px!important;
padding-bottom: 25px!important;
margin-top: 38px!important;
margin-bottom: 28px!important;
border-top: solid 0px #e8e8e8!important;
border-bottom: solid 0px #e8e8e8!important;
}
h3 {
font-size: 1.48em !important;
color:#000000!important;
line-height:1.7em!important;
background: none !important;
padding-left: 2px !important;
padding-right: 2px !important;
padding-top: 23px !important;
padding-bottom: 22px !important;
margin-top: 34px!important;
margin-bottom: 25px!important;
border-left: none!important;
border-right: none!important;
border-bottom: solid 1px #b3b3b3!important;
border-top: solid 1px #b3b3b3!important;
}
h4 {
font-size: 1.38em !important;
color:#000000!important;
line-height:1.58em!important;
padding-left: 3px !important;
padding-right: 3px !important;
padding-bottom: 19px !important;
margin-top: 26px!important;
margin-bottom: 24px!important;
border-top: none!important;
border-bottom:double 3px  #b3b3b3!important;
}*/
h3 {
padding-top: 16px !important;
padding-bottom: 16px !important;
border-top: solid 1px #b7b7b7 !important;
border-bottom: solid 1px #b7b7b7 !important;
}
h4 {
padding-top: 14px !important;
padding-bottom: 14px !important;
border-top: solid 1px  #b3b3b3!important;
border-bottom:solid 1px  #b3b3b3!important;
}
h5 {
font-size: 1.30em !important;
color:#000000!important;
line-height:1.5em!important;
padding-left: 3px !important;
padding-right: 3px !important;
padding-bottom: 16px !important;
margin-top: 20px!important;
margin-bottom: 24px!important;
border-top: none!important;
border-bottom: dotted 1px #787878!important;
}
h6 {
border-bottom: none!important;
}

@media screen and (max-width: 480px){
h1 {
font-size: 1.8em !important;
line-height:1.4em!important;
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 0px !important;
margin-top: -20px!important;
margin-bottom: 15px!important;
}
h2 {
font-size: 1.58em !important;
line-height:1.6em!important;
padding-left: 15px !important;
padding-right: 15px !important;
margin-bottom: 25px!important;
}
h3 {
font-size: 1.41em !important;
line-height:1.64em!important;
padding-top: 16px !important;
padding-bottom: 16px !important;
}
h4 {
font-size: 1.33em !important;
line-height:1.64em!important;
padding-bottom: 17px !important;
}
h5 {
font-size: 1.24em !important;
line-height:1.5em!important;
padding-left: 1px !important;
padding-right: 0px !important;
padding-bottom: 14px !important;
border-top: none!important;
border-bottom: dotted 1px #787878!important;
}
}

/*ページ送りナビ*/
.prev-post-thumb,.next-post-thumb{
display:none;
}
.pager-post-navi a {
color: #4086bf;
line-height: 1.6;
font-size: 1em;
font-weight:600;
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://c-sl.com/wp-content/uploads/2024/08/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://c-sl.com/wp-content/uploads/2024/08/list-ten2.png);
position: absolute;
left: -14px;
top: -2px;
}}


a {
text-decoration-color: #ffffff!important;
text-underline-offset: 0px;
}
a:hover{
  text-decoration-color: #082044;
}

/*アイキャッチラベルを消す*/
.cat-label {
  display: none;　
}

h2.entry-card-title.card-title.e-card-title{/*タイトル部変更*/
font-size:1.25em;/*文字サイズ*/
color:#7b7b7b;/*文字の色*/
background: none !important;
font-size:1.25em !important;
font-weight:bold;
text-align:left;
line-height:1.5em!important;
margin-top:0.1em!important;
margin-bottom:0em!important;
padding-top: 8px !important;/*余白*/
padding-bottom: 15px !important;/*余白*/
padding-left: 0px !important;/*余白*/
padding-left: 5px !important;/*余白*/
padding-right: 1px !important;/*余白*/
}
@media screen and (max-width: 480px){
h2.entry-card-title.card-title.e-card-title{/*タイトル部変更*/
font-size:1.1em !important;/*文字サイズ*/
color:#7b7b7b;/*文字の色*/
background: none !important;
font-weight:bold;
text-align:left;
line-height:1.35em!important;
margin-top:0.1em!important;
margin-bottom:0em!important;
padding-top: 2px !important;/*余白*/
padding-bottom: 14px !important;/*余白*/
padding-left: 5px !important;/*余白*/
padding-right: 1px !important;/*余白*/
}
}

#sidebar .card-thumb img{
 width: 90px;
 height: 80px !important;
 object-fit: cover;
}
#sidebar .widget-entry-cards figure {
 width: 90px;
}
#sidebar .widget-entry-card-content {
 margin-left: 100px;
}


/* .sidebar h3 {
font-size: 1.38em !important;
padding: 6px 0px 10px 0px!important;
margin-bottom: 15px!important;
}*/
/* サイドバー見出し */
.sidebar h3 {
font-size: 1.36em !important;
background: #ffffff!important;  /* 背景を透明にする */
text-align: left!important;  /* 見出しの文を中央揃えにする */
padding-top: 0px !important;/*余白*/
padding-bottom: 14px !important;/*余白*/
padding-left: 5px !important;/*余白*/
/* margin: 0px 0px -5px 0px;  周囲の余白（外側） */
margin-top:0px!important;
margin-bottom:-3px!important;
/* border-bottom: dashed 2px #a8bcc8;  下部に波線を表示する */
 /*color: #5C676D;  色の変更 */
border-top: none !important;
border-bottom: double 0px #404040!important;
}

/*サイドバーのナビゲーションメニュー*/
.widget_nav_menu ul li a {
font-size: 0.98em !important;
background: #f9f9f9!important;
color: #3071a9;
padding-left: 7px !important;/*余白*/
line-height:1em!important;
padding-top: 11px !important;
padding-bottom:11px !important;
}

/*記事見出しカスタマイズ*/
.related-entry-heading{
font-size: 1.35em !important;
padding-left: 0px !important;/*余白*/
padding-right: 15px !important;/*余白*/
padding-bottom: 8px !important;/*余白*/
margin-top: 25px!important;
margin-bottom: 20px!important;
border-top: none!important;
border-bottom: double 4px!important;
}

.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-top: none!important;
border-bottom:none !important;
border-left: none;
margin-top: 5px!important;
margin-bottom: 10px!important;
}

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

.entry-card-title{
color:#000;
background:none;
padding-top: 1px !important;/*余白*/
padding-bottom: 5px !important;/*余白*/
padding-left: 0px !important;/*余白*/
font-weight: bold;
font-size:1.22em !important;
border-top: none!important;
border-bottom:none !important;
border-left: none;
margin-top: 0px!important;
margin-bottom: 10px!important;
}
@media screen and (max-width: 480px){
.entry-card-title{
font-size:1.22em !important;
}
}


/*モバイルスライドインメニュー*/
span.fas.fa-times::before{
color:#90C31F !important;
}
ul.menu-drawer:before{
font-size:0.8em;
background: white;
color:#333;
margin-top:-25px!important;
margin-bottom:-10px!important;

}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: 500;
}
.menu-drawer a{
font-size:1em;
background-color:#ffffff;
color:#545454;
margin: .1em 0!important;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding-top:-10px;
padding-left:0px;
}
.menu-drawer .sub-menu li{
font-size: 0.95em;
padding-top:-10px!important;
}
.menu-drawer .sub-menu li a::before {
color:#7b7b7b;
margin:.0 0 0 0;
}

/*スマホメニューを横スクロール
@media screen and (max-width: 480px){
#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}*/
/*#header-container #navi{
   background:#ffffff; /* 背景色 */
}*/
/*#header-container #navi a{
   color:#000000; /* 文字色 */
/*   padding:0.8em 1.2em; /* 余白 
} */
/*#header-container #navi a:hover{
   color:#89c997; /* マウスホバー時の文字色 */
}*/
/*#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}*/
/*#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}*/
/*.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
}*/

/*@media screen and (max-width: 1030px){
  #header-container .menu-mobile{
    display:none;
  }
  .navi-in > .menu-mobile{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  #header-container #navi a{
    font-size:0.8em;
    padding: 1em 1.2em;
  }
#header-container #navi{
   background:#ffffff; /* 背景色 */
}
/*#header-container #navi a{
   color:#000000; /* 文字色 */
   padding:0.8em 1.2em;
}
/* #header-container .navi-in > ul > .menu-item-has-children > a::after{
    display:none;
  }
  #navi .navi-in > .menu-mobile li {
    height: auto;
    line-height: 1.8;
  }
  .mblt-header-mobile-buttons {
    margin-top: 53px;
  }
}*/