/*
 Theme Name: Cocoon Child
 Template: cocoon
 */

/* ヘッダー下部に水平線を追加 */
.header {
  border-bottom: 2px solid #ffffff !important; /* 太さ2px、色黒 */
}

/* 代替案: ヘッダー上部に線 */
.header {
  border-top: 2px solid #ffffff !important;
}

/* 固定ヘッダーの場合 */
.is-header-fixed .header {
  border-bottom: 2px solid #ffffff !important;
}

/* レスポンシブ対応（必要に応じて） */
@media (max-width: 834px) {
  .header {
    border-bottom: 1px solid #ffffff !important; /* モバイルで細く */
  }
}

/* ヘッダーメニュー項目間に茶色い区切り線を追加 */
.navi-in > ul > li::after {
    content: '';
    position: absolute;
    right: -11px;
    top: 25%;
    height: 50%; /* 縦線の高さを半分に */
    width: 1px;
    background: #ffffff;
}

.navi-in > ul > li:last-child {
    border-right: none; /* 最後の項目には線を付けない */
}

.ect-vertical-card .entry-card-wrap {
  max-width: 43%;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
}
@media screen and (max-width: 480px) {
  .ect-vertical-card .entry-card-wrap {
    max-width: 46%;
  }

  .e-card-title {
    font-size: 13px;
  }
}

.entry-card-title {
  line-height: 1.6;
  color: #5a5a5a; /* 見出しの色 */
}

.ect-vertical-card .entry-card-wrap .entry-card-content {
  margin: 8px 12px 9px;
}

.entry-card-meta,
.related-entry-card-meta {
  margin: 4px 8px;
  color: #b7b7b7;
}

.entry-card-wrap .cat-label {
  display: none; /* カテゴリを非表示に */
}

.ect-vertical-card {
  justify-content: space-around;
}

/************************************
** トップシェアボタン
************************************/
.sns-share.ss-high-and-low-lc a .social-icon {
  font-size: 22px;
}

/************************************
** ボトムシェアボタン
************************************/
@media screen and (min-width: 481px) {
  .sns-share,
  .sns-follow {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
  }
}

.sns-share-buttons {
  justify-content: space-evenly;
}

.sns-share-buttons a {
  width: 50px !important;
  height: 50px;
  font-size: 1.25em;
  border-radius: 50%;
  opacity: 0.6;
}

@media screen and (max-width: 834px) {
  .ss-bottom .sns-share-buttons a {
    font-size: 1.3em;
  }
}

.sns-share-buttons a .button-caption {
  display: none !important;
}

.sns-share-message,
.sns-follow-message {
  position: relative;
  margin-bottom: 30px;
  color: #bbb;
}

.sns-share-message::before,
.sns-follow-message::before {
  position: absolute;
  bottom: -5px;
  left: 50%;
  display: inline-block;
  width: 30px;
  height: 2px;
  content: "";
  background-color: #c0c0c0;
  border-radius: 3px;
  transform: translateX(-50%);
}

/************************************
** ボトムフォローボタン
************************************/
.sns-follow-buttons {
  justify-content: space-evenly;
}

.sns-follow-buttons a {
  width: 50px;
  height: 50px;
  font-size: 1.7em;
  border-radius: 50%;
  opacity: 0.6;
}

@media screen and (max-width: 834px) {
  .ss-bottom .sns-follow-buttons a {
    font-size: 1.3em;
  }
}

.tagcloud a {
    font-size: 14px !important;
    color: #333;
    background: #f0f0f0;
    padding: 5px 10px;
    border-radius: 5px;
}

/* サイトタイトルの文字サイズを変更 */
.site-name-text {
    font-size: 38px; /* 希望のサイズに変更（例: 38px） */
}

/************************************
****　サイドバー
************************************/
#sidebar>.widget{
border-radius:10px;
}
.sidebar {
padding-left:0px;

}
@media screen and (max-width: 1205px){
.sidebar {
padding: 0%;
padding-right: 1.5%;
}
}
.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
}
.sidebar h3{
color:#7b7b7b;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#90C31F;/*タイトル下のライン色変更はこちら*/
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
background-color:#f7f7f7;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{
background-color:#90C31F;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
}
.tagcloud a{
background-color:#f7f7f7;
}
.tagcloud a:hover{
background-color:#90C31F;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}
.widget-entry-cards .widget-entry-card-content{
color: #565656;
}