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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ウィジェットタイトルの下にラインを引く */
h3.widget-sidebar-title {
  border: 1px solid #e5e5e5; /* 線の色と太さ */
  border-bottom: 3px solid #DD9933; /* 線の色と太さ */
  padding-bottom: 5px;              /* 文字と線の間隔 */
  margin-bottom: 15px;              /* 線の下の余白 */
  border-color:3px;
	
}

/* ヘッダーロゴを左寄せ */
#header #site-title,
#header .logo, .tagline {
  text-align: left;
  margin: 0;
  justify-content: flex-start;
}

.tagline {
  color: #797979;	
}

/* グローバルナビの設定をスキン→Cocoon */
#navi .navi-in a {
background-color: unset;
}


/* a 要素に付いてるボーダーを削除 */
#navi-in > ul > li {
  border: none !important;
  box-shadow: none !important; /* スキンで影線が指定されてる場合 */
}

/* グローバルナビ全体の下にラインを追加 */
#navi {
  border-bottom: 3px solid #DD9933; /* 色・太さを調整 */
}

/* クリップ画像を外す */
.widget-sidebar-title::before {
  content: none !important;
}
.wp-block-heading::before {
  content: none !important;
}

/* メインコンテンツの背景色 */
.main, 
.sidebar {
  background-color:#FEF4F2;
}

/* 固定ページのタイトル部分 */
h1.entry-title {
  border: 1px solid #e5e5e5; /* 線の色と太さ */
  border-bottom: 3px solid #DD9933; /* 線の色と太さ */	
  background-color:#F5F5F5;	
  padding:15px;	
}

/*固定ページの投稿日、更新日、投稿者名を非表示にする*/
.page .date-tags,
.page .author-info {
    display: none;
}

/*ウィジェット先住職のお話*/
.former-widget li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start; /* ← 画像も含めて左寄せ */
  gap: 8px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 8px;
}

.former-widget img {
  width: 80px;
  height: auto;
  border-radius: 4px;
  object-fit: cover;
  flex-shrink: 0;
}

.former-widget .title {
  font-size: 0.85em;        
  line-height: 1.4;
  margin-top: 0;
  text-align: left;
  flex: 1;
}

.former-widget .title a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}

.former-widget .title a:hover {
  text-decoration: underline;
}

.former-widget a {
  color: inherit;
  text-decoration: none;
}

.former-widget a:hover {
  text-decoration: underline;
}

.former-widget {
  padding-left: 0;
  list-style: none;
}

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

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

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