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

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

/* ヘッダーからサイト名を消す */
.site-name-text {
display: none;
}

/* すべてのページでタイトルを非表示 */
.entry-title {
display: none;
}

/* 神社情報の日付を非表示 */
.jinjya-info .post-date{
  display:none;
}

/* 固定ページの日付を非表示 */
.page .date-tags {
display: none;
}
/* 固定ページ（個別）の日付を非表示
.page-ID .date-tags,
.page-ID .date-tags {
display: none;
}*/

/** 表の枠の色（縦線なし）*/
.jinjya-tbl table {
   border-width: 2px 0px;
   border-color: rgba(0,0,0,.5);
}
.jinjya-tbl td:first-child{
   width:25%;
}
.jinjya-tbl  td {
   border-color: rgba(0,0,0,.4);
   border-width: 1px 0px;
   background-color: white;
}
.jinjya-tbl table tr:nth-of-type(2n+1) {
	background-color: white;	
}
.jinjya-tbl  th {
	background-color: #f7f9f9;
}


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

}

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

}

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

/* 追記CSS */
/* ヘッダーモバイルボタン　文字色を白に変更 */
#menu-mobile-header{
  color:white;
}
.mobile-menu-buttons .menu-button > a{
	color:white;
}

/**フッターの画像を画面いっぱいになるように設定
#footer {
	background-image: url( https://jinjya-com.sakuraweb.com/wp-content/uploads/2024/10/footer-slim2.png );
	background-size: cover;
}*/

/**フッターの画像を少し上に上げる for PC
@media screen and (min-width: 1024px) {
	#footer {
		background-position: 0 15%;
		height: 100px;
	}
}*/