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




/*----------------------------------------------------------
 * ヘッダー・全体
 *---------------------------------------------------------*/
/* ヘッダーに表示されるサブタイトルを非表示 */
/* cocoon設定で非表示にできるのでコメント
#header-in .tagline {
  display: none;
}
*/

:root {
  --content-width: 1000px;   /* 幅 1000px or 940px */
  --header-img-height: 94px;  /* 94px or 89px */
}



/* ヘッダーの高さ調整 */
.header {
  /*height: 120px;*/
}

/* ロゴとメニューの間の幅を縮める */
.logo-image {
  padding-top: 25px;
  padding-bottom: 0px;
}

/* ナビメニューをヘッダー画像に幅に */
/* コンテンツとサイドバーの幅はcocoon設定で設定 */
#header-container .navi {
  /*width: var(--content-width);   /* 940px */
  margin: auto;
}

/* ヘッダー画像とメニューの幅を縮める */
#header .header-site-logo-image {
  /*
  width: var(--content-width);
  height: var(--header-img-height);
  */
}

/* Max Mega Menuを使用するので、ロゴ下のナビメニューは非表示 */
#navi {
  display: none;
}

/* サブメニュー */
.sub-menu li {
  /*border: #fff 1px solid;*/
  /*margin-bottom: 1px;*/
}



/* ページタイトル設定 */
#content h1 {
  line-height: 1.3em;
  margin: 0 0 20px 0;
  padding: 24px 0 24px 0;
  background: url(images/h1_title.jpg) no-repeat;
  background-position: right;
}

#content .main {
  padding-top: 0px;
}


.entry-content h2 {
  background: url(images/h2_title.gif) no-repeat;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.1em;
  margin: 15px 0 20px 0;
  padding: 5px 0 5px 20px;
}


.entry-content h3 {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 0.8em;
  margin: 20px 0 20px 0px;
  padding: 0 0 0 15px;
  background: url(images/h3_title.png) no-repeat;
  border: unset;
}

#content h4, #content h5, #content h6 {
  color: #333;
  line-height: 1.5em;
  margin: 0 0 10px 0;
  border: unset;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: normal;
}


h2.entry-card-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.1em;
  margin: 5px 0;
  padding: 0 0 0 20px;
  background: url(images/dot.png) no-repeat;
}










/* サイドバー設定 */
.sidebar, .top-right-column {
  background: #fafae7;
  min-height: 100%;
}


/* メニューの調整 */
.navi-in a {
  font-size: 0.9em;     /* フォントサイズをちょっと小さく */
}

/*
.navi-in > ul li  {   
  height: 50px;         高さもちょっと小さく
  line-height: 50px;
}

#nav_menu-2  li {
  background: #95b5db;
  text-align: center;
}

#nav_menu-2 li a {
  color: white;
}
*/


/* 一覧などを表示するとき */
.title_link a {
	text-decoration:none;
	font-size: 15px;
	font-weight: bold;
	line-height: 2em;
	margin: 10px 0 ;
	padding: 0 0 0 20px ;
	background:url("images/dot.png") no-repeat;
  	background-position-y: center;

}


/*----------------------------------------------------------
 * フッター
 *---------------------------------------------------------*/
 /* ヘッダーの画像幅に合わせる */
 #footer {
  max-width: var(--content-width);
  margin: auto;
  margin-bottom: 10px;
  padding: 0;             /* 高さ調整 */
}

.footer-bottom {
  padding: 0px;           /* 高さ調整 */
} 


/*----------------------------------------------------------
 * トップページの設定
 *---------------------------------------------------------*/
/* タイトルと日付を非表示
 * （※cocoonではhomeでもタイトルが表示されるのでその対応）
 */
 .home h1.entry-title, 
 .home .date-tags {
   display: none;
 }
 
 /* コンテンツの表示位置調整 */
 .home #main,
 .home .entry-content,
 .home .tk-post-list,
 .home .tk-post-title  {
   margin-top: 0px;
   padding-top: 0px;
 }


 /* 投稿ブロック　タイトルと投稿日を１行にし日付を右に移動 */
.home .wp-block-latest-posts__post-title {
  display: inline-flex;
  width: 80%;
  padding-left:20px;
  background: url("images/dot.png") no-repeat;
  background-position-y: center;
}

.home .wp-block-latest-posts__post-date {
  display: inline-flex;
}

/* 住所ラベルを黒の文字へ */
.home .caption-box.has-border-color .box-label  {
  color: #000;
}

/* 住所内　［地図］ の <a>の下線なし、白文字 */
.home .address a {
  text-decoration: none;
  color: white;

}






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

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

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