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

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

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

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

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


/**************** ここから追加設定 ***********************/

/**************************/
/*     全　体　設　定     */
/**************************/

/*ｽﾑｰｽｽｸﾛｰﾙ：内部ﾘﾝｸでｽｸﾛｰﾙする*/
html {
  scroll-behavior: smooth;
}

/*記事タイトルの非表示*/
.page .entry-title{
	display: none;
}
/* 見出しの設定 */
/* 投稿ページのタイトルで使用 */
.article h1 {
	text-align: center;/*文字を左右中央に配置*/
	font-weight: normal;/*太文字解除*/
	color: black !important;
	font-size: 28px !important;
	background-color: transparent;
	padding: 0.5em 0em;
	border-bottom: solid 1px black;/*下線の種類　太さ　色*/
	/*width: fit-content;/*下線を文の横幅に揃える*/
	margin: 2.5em auto 1em;/*上2.5em、左右は均等、下1em*/

}
/* 固定ページの章分けで使用 */
.article h2 {
	color: #082752 !important;
	font-size: 32px !important;
	background-color: transparent;
	padding: 0.5em 0em;
	border-bottom: solid 3px #082752;/*下線の種類　太さ　色*/
	width: fit-content;/*下線を文の横幅に揃える*/
	margin: 1em auto 2em;/*上2em、左右は均等、下2em*/
}
/* ※※未使用※※ */
.article h3 {
	color: #082752;
	font-size: 28px !important;
	background-color: transparent;
	padding: .2em 0em;
}
/* 章内での小見出し */
.article h5 {
	font-size: 22px !important;
	padding: .2em 0em;
	border-bottom: none;
}
/*スマホ時は記事タイトルが改行されるように設定*/
@media screen and (max-width: 600px) {
	.article h1 {
		font-size: 18px !important;
  	}
	.article h2 {
		font-size: 20px !important;
  	}
	.article h5 {
		font-size: 18px !important;
  	}
}

/*コンテンツの背景色を変える*/
.main {
	background-color: #f9f6f1;	
}
/*投稿日・更新日（投稿ページのみ、固定ページは以下で非表示設定）*/
.date-tags{
	text-align: left;
	margin-bottom: 4em;
}
/*固定ページの投稿日・更新日非表示*/
.post-636 .date-tags,/*TOPページ*/
.post-802 .date-tags,/*お知らせ一覧*/
.post-1087 .date-tags/*坐禅会ページ*/ {
	display: none !important;
}
/*コンテンツの上下余白0*/
.content { 
	margin-top: 0px;
	margin-bottom: -20px;
}
/*カバーブロック（本文中の背景）を画面いっぱいに広げる*/
.wp-block-cover {
	margin:0 calc(50% - 50vw);
}
/*最新のお知らせのカバーブロックは広げない*/
/*坐禅会申込フォームのカバーブロックは広げない*/
/*カバーブロックの「高度な設定」「追加CSSクラス」で「last-news」を指定*/
.last-news {
	margin:0 5%;
}
.zazenkai-form {
	margin:0 5%;
}

/*テーブル（表）の背景色を指定*/
table tr:nth-of-type(odd),
table tr:nth-of-type(even) {
 	background-color: #ffffff !important; /* ←好きな色に変更 */
}


/******************************/
/*     アピールエリア設定     */
/******************************/

/*TOPページのアイキャッチ画像非表示*/
.page-id-636 .eye-catch {
	display: none;
}
/*TOPページのアピールエリア設定*/
.page-id-636 .appeal {
	min-height: 80vh;
}
/*スマホでは高さを調整*/
@media screen and (max-width: 600px) {
	.page-id-636 .appeal {
		min-height: 50vh;
	}
}

.page-id-636 .appeal-title {
	display: none;
}
.appeal {
	color: white;
}
.appeal-in {
	margin: 0 auto;
	padding: 0 auto;
}
.appeal-content {
	display: flex;
  	align-items: center;
	background: none;
	margin: 0 auto;
}
.appeal-title {
	padding-right: 20px;
	padding-left: 20px;	
	font-size: 28px;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-bottom-color: white;
	border-top-color: white;
}
/* 非使用
.page-id-33 .appeal {
 	background-image: url('https://shounzan-zentokuji.jp/wp-content/uploads/2023/04/header-tenjoue2.jpg');
}
.page-id-33 .appeal-title ::before {
	content: "善徳寺について";
}
.page-id-52 .appeal {
 	background-image: url('https://shounzan-zentokuji.jp/wp-content/uploads/2023/04/header-carp.jpg');
}
.page-id-52 .appeal-title ::before {
	content: "アクセス";
}
.page-id-575 .appeal {
 	background-image: url('https://shounzan-zentokuji.jp/wp-content/uploads/2023/04/header-honzon3.jpg');
}
.page-id-575 .appeal-title ::before {
	content: "法要・塔婆申込";
}
.page-id-301 .appeal {
 	background-image: url('https://shounzan-zentokuji.jp/wp-content/uploads/2023/04/header-kouyou.jpg');
}
.page-id-301 .appeal-title ::before {
	content: "行事";
}
*/

/***********************************************************************/
/*     フッター                                                        */
/*     および                                                          */
/*     フッターのSNSリンク表示設定                                     */
/*  元コードは、外観→ウィジェット→フッター中＆フッター（モバイル用） */
/***********************************************************************/
.sns-btn {
	/*ul要素の左パディングを削除*/
	padding-left: 0px;
	/*アイコン横並び（複数時のみ）*/
	display: flex;
	justify-content: center;
	/*上部余白*/
	margin-top: 30px;

	/*アイコン大きさ調整*/
	li {
		list-style: none;/*ポチ消す*/		
		width: 40px;
		/*margin-left: 10px;
		margin-right: 10px;*/
	}
}

/*フッター部の文章部（SNS含）とクレジット間のマージン削除*/
.widget.widget-footer-center.widget_text { margin-bottom:0px; }
.widget.widget-footer-mobile.widget_text { margin-bottom:0px; }

.footer-bottom {
	margin-top: 1px;/*クレジット部分の余白削除*/
}

/***************************************/
/*     お知らせ「一覧はこちら」に適用  */
/***************************************/
.to-all-news {
	text-align: center;
}
.to-all-news a , .to-top a{
	color: #333;
	text-decoration: underline;
}
.to-all-news a:hover , .to-top a:hover{
	color: #b22222;
	/*text-decoration: underline;*/
}

/**********************************/
/*     モバイルメニューの設定     */
/**********************************/

/*ヘッダーの文字と背景の色を変える*/
.mobile-menu-buttons {
	background: black;
	color: white;
}
.mobile-menu-buttons .menu-button > a {
	color: white;
}
/*スライドインメニューを右から*/
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: black;
	transform: translateX(101%);
}
.menu-drawer a{
	font-size: 1.1em;/*文字の大きさ*/
	color: #fff;/*文字の色*/
	height: 3em;/*行の高さ*/
}
.menu-drawer a:hover{
	color: white;
	background-color: black;
}

/*****************************************/
/*     最新記事設定    　　　　　　　　  */
/*     ﾌﾟﾗｸﾞｲﾝ：What's new generator     */
/*****************************************/
.whatsnew hr { 
	border: none !important;/*デフォルト設定の水平罫線を削除*/
}
.whatsnew a { 
	border-bottom: solid 0.5px gray !important;/*下線のみ引く*/
	margin-top: 1em !important;/*行幅を増やす*/
}
/*記事要素マウスオーバー時*/
.whatsnew a:hover { 
	background-color: transparent !important;
}
/*記事投稿日*/
.whatsnew dt { 
}
/*記事タイトル*/
.whatsnew dd { 
	color: black !important;
}
/*記事タイトルマウスオーバー時*/
.whatsnew dd:hover { 
	color: gray !important;	
}


/*****************************************/
/*     投稿一覧設定    　　　　　　　　  */
/*     ｼｮｰﾄｺｰﾄﾞ：add_post_list           */
/*****************************************/
.post_news hr { 
	border: none;/*デフォルト設定の水平罫線を削除*/
}
.post_news dl { 
	border-bottom: solid 0.5px gray !important;/*下線のみ引く*/
	margin: 2.5em 0 0 0;/*行幅を増やす*/
}
.post_news a{
	text-decoration: none !important;/*リンクの下線を消す*/
}
.post_news dt{
	color: gray;
    float: left;
	margin-right: 20px;
}
.post_news dd{
	color: black;
	margin: 0;
}
.post_news dd:hover {
	color: gray;
}
/*スマホ時は記事タイトルが改行されるように設定*/
@media screen and (max-width: 600px) {
	.post_news dl {
    	overflow: hidden;
  	}
  	.post_news dt {
    	float: none;
  	}
  	.post_news dd {
	  	float: left;
  	}
}

/*ページネーション*/
.page-numbers {
	color: black;
	border: 0.3px solid #082752;
}
.page-numbers:hover{
	background-color: #dcdcdc !important;
}
.page-numbers.current{
	color: white;
	background-color: #082752;
}

/************************************/
/*     コンタクトフォームの設定     */
/************************************/

/*　フォーム全体　*/
#cf7-area {
	width:100%;
	margin: 0 auto;
	font-family: “遊ゴシック”,”ヒラギノ角ゴ”,”メイリオ”,”MS Pゴシック”,sans-serif;
}
.cf7-item {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0 0 1.75em;
}
.cf7-q {
	width: 30%;
	margin: 0 0 0 10px;
}
.cf7-a {
	width: 60%;
}

/*　見出し　*/
.form-heading
{
	width: 100%;
	/*background-color: #191970;*/
	background-color: #082752;
	/*border-left: 1em solid #6495ED;*/
	/*border-left: 1em solid #191970;*/
	border-radius: 2px;
	color: #ffffff;
	font-weight: bold;
	padding: 1em .8em;
	margin: 0 0 2em;
	
	text-align: center;
	font-size: 1.2em;
}
.form-heading p {
	margin: 0;
}

/* 各項目共通 */
#cf7-area label{
	font-weight:bold;
}
#cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area textarea {
	/*background: #F0F8FF;*/
	width:500px;
	margin-left:10px;
}
#cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area textarea:focus {
	/*background: #FFE4E1;*/
	background: #F0F8FF;
	/*border: 2px solid #FF1493;*/
	outline: 0;
}
#cf7-area input[type="checkbox"], #cf7-area input[type="radio"]{
	appearance: auto;
}
#cf7-area .wpcf7-list-item {
	display: block;
}
#cf7-area textarea{
	height:200px;
	padding: 0.625em 0.4375em;
}
.cf7-accept-check{
	text-align: center;
	margin: 50px auto;
}
.cf7-submit {
	width: 40%;
	margin: 0 auto;
	text-align: center;
}
#cf7-area input[type="submit"]{
	width: 100%;
	/*background-color: #191970;*/
	background-color: #082752;
	color: #ffffff;
	border-radius: 5px;
	font-size: 1.2em;
	padding: 1em 10px;
}
#cf7-area input[type="submit"]:hover{
	/*background-color:#ffffff;*/
	background-color:#F0F8FF;
	border: 2px solid #191970;
	color:#191970;
}
.cf7-btn{
	width: 40%;
	margin: 0 auto;
	text-align: center;
}

/*　必須ラベル　*/
.cf7-req{
	font-size:.8em;
	padding: 4px 6px;
	background: #eb2a2a;
	color: #ffffff;
	margin-left: 10px;
	display:inline-block;
}


/*　送信後メッセージ　*/
.wpcf7 form.sent .wpcf7-response-output {/* 送信ボタン下完了時 */
    border-color: #00CC66;
	text-align:center !important;
	color:#00CC66;
	font-weight:bold;
	background-color:#DDFFDD;
	margin: 0 0 1.75em;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {/* 送信ボタン下未入力警告 */
    border-color:#ff0000;
	text-align:center !important;
	color:#ff0000;
	font-weight:bold;
	background-color:#FADBDA;
	margin: 0 0 1.75em;
}

@media screen and (max-width:768px){
	.cf7-item {
		display: block;
	}
	#cf7-area label{
		display: block;
		margin-bottom: 10px;
	}	
	.cf7-q {
		width: 100%;
		margin: 0;
	}	
	.cf7-a {
		width: 100%;
	}	
	#cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"], #cf7-area textarea{
		width: 100%;
		margin-left: 0;
		box-sizing: border-box;
	}	
	.cf7-submit{
		width: 90%;
	}
}