@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){
  /*必要ならばここにコードを書く*/
}


/* フォント */
body {
	font-family: "Noto Serif JP", serif;
}

/*キャッチコピーの位置*/
.header-in .tagline {
  text-align:left;
  margin-top:20px;
	margin-left:100px;
}



/* ①アピールエリア */
#appeal {
	height: calc(100vw * calc(590 / 1920));
	margin-top:10px;
}

/* ②アピールエリアのアニメーション設定 */
.home #appeal {
	animation : appeal-fadein 0.8s ease-in;
}

/* ③アピールエリアのアニメーション詳細 */
@keyframes appeal-fadein{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* アピールエリアの画像を私達の想いページで設定する */
.page-id-20 .appeal {
  background-image: url('https://www.koundo-fukushima.jp/wp-content/uploads/2024/08/top_imege1920x600omoi02.jpg');
}

/* アピールエリアの画像を仏壇ページで設定する */
.page-id-22 .appeal {
  background-image: url('https://www.koundo-fukushima.jp/wp-content/uploads/2024/08/top_imege1920x600butsudan02.jpg');
}

/* アピールエリアの画像をご位牌ページで設定する */
.page-id-24 .appeal {
  background-image: url('https://www.koundo-fukushima.jp/wp-content/uploads/2024/08/top_imege1920x600goihai01.jpg');
}

/* アピールエリアの画像を手元供養・仏具ページで設定する */
.page-id-709 .appeal {
  background-image: url('https://www.koundo-fukushima.jp/wp-content/uploads/2024/10/top_imege1920x600temoto_but.jpg');
}

/* アピールエリアの画像を墓石ページで設定する */
.page-id-26 .appeal {
  background-image: url('https://www.koundo-fukushima.jp/wp-content/uploads/2024/08/top_imege1920x600boseki02.jpg');
}

/* アピールエリアの画像を会社概要ページで設定する */
.page-id-30 .appeal {
  background-image: url('https://www.koundo-fukushima.jp/wp-content/uploads/2024/08/top_imege1920x600company02.jpg');
}

/* アピールエリアの画像をお客様の声ページで設定する */
.page-id-28 .appeal {
  background-image: url('https://www.koundo-fukushima.jp/wp-content/uploads/2024/08/top_imege1920x600voice02.jpg');
}

/* アピールエリアの画像をよくあるご質問と答えページで設定する */
.page-id-87 .appeal {
  background-image: url('https://www.koundo-fukushima.jp/wp-content/uploads/2024/08/top_imege1920x600qa02.jpg');
}

/* アピールエリアの画像をお問合せページで設定する */
.page-id-99 .appeal {
  background-image: url('https://www.koundo-fukushima.jp/wp-content/uploads/2024/11/top_imege1920x600ask03.jpg');
}

/*グローバルナビの文字の太さ*/
#navi .navi-in{
 font-weight:bold;
}

/*グローバルナビメニュー マウスオーバーでアンダーライン*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 2px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #ffc6c7;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

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

/*ページの余白　上 右 下 左の順番*/
.entry-content{
	margin: 30px 30px -20px 5px;
}

/* eyecatch画像の非表示 */
.eye-catch {
display: none;
}

/* 見出しのデザイン設定 */
/* H1 */
.entry-content h1{
font-weight:400;
}

/* H2 */
.entry-content h2{
color: #664949; /* 文字色 */
font-size: 2.0em; /* 文字サイズ */
font-weight:400;
background: transparent;
/*background-color: #ffffff; /* 背景色 */
padding-top:3px; /* 文字と上部の間隔 */
padding-left:10px;/* 文字と左線の間隔 */
padding-bottom:5px;/* 文字と下部の間隔 */
border-left: solid 6px #8b1c2a; /* 左側に実線・色*/
border-bottom:solid 1px #aea175;
}

/* H3 */
.entry-content h3{
color: #664949; /* 文字色 */
line-height:1.5;
font-size:1.3em;
font-weight:400;
border:none;
border-radius:2px;
border-left:6px solid #8b1c2a;/*H3の色の変更はこちら*/
border-bottom:1px solid #aea175;
border-top:1px solid #aea175;
padding: 0.2em 0.7em 0.2em;
margin-top:90px;
}

/* H4 */
.entry-content h4{
color: #000; /* 文字色 */
font-size: 1.5em; /* 文字サイズ */
font-weight:400;
padding: 10px;
border-top: solid 1px #666666;/* 上側に実線・色 */
border-bottom: solid 1px #aea175;/* 下側に実線・色*/
}

/* H5 */
.entry-content h5{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
font-weight:400;
padding: 10px;
border-bottom: solid 1px #aea175;/* 下側に実線・色*/
}

/* H6 */
.entry-content h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
font-weight:400;
padding: 5px;
border-left: solid 7px #008000; /* 左側に実線・色*/
}

a{ /*リンクテキスト装飾無し*/
  text-decoration: underline #23234b;
  color:#2b2b2b;
}
a:hover { /*リンクテキストホバー時アンダーライン表示*/
  text-decoration: underline #23234b;
  color:#2b2b2b;
}

/*固定ページでシェアボタンを非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

/* SNS ボタンをまとめて非表示*/
.sns-share.ss-top,
.sns-share.ss-bottom,
.sns-follow.sf-bottom {
display: none; /*非表示*/
}

/*SNSボタン非表示*/
.sns-share,
.sns-follow {
display: none;
}

/*固定ページで上下の余白を調整*/
.content {
  margin-top: 0px; /*ヘッダーとコンテンツ間の縦幅*/
  margin-bottom: 0px; /*フッターとコンテンツ間の縦幅*/
　padding-bottom: -100px;
}

/*マウスオーバーで画像を拡大する*/
.img_wrap{
  /*border: 1px solid #ddd;*/
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img{
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img{
  transform: scale(1.1);
  transition-duration: 0.5s;
}

/*フッター高さ*/
.footer {
	margin-top: 0;
	padding-top: 0;
}

/*フッターロゴサイズ*/
.footer-bottom-logo .logo-image {
	padding: 0;
	max-width: 512px;
	margin-bottom:30px;
}

.footer-bottom-logo img {
	height: 30px;
	width: auto;
}

/* フッターのコピーライトを中央 */
.footer-bottom-content {
  float: none;
  text-align: center;
	
}

.mobile-menu-buttons .home-menu-button {
	display: none;
}

/*サイドバーを非表示*/
.mobile-menu-buttons .sidebar-menu-button {
	display: none;
}

/*サイドバーのカスタマイズ*/
.sidebar h2 {
    background-color: #bda366;
    padding: 7px 20px;
    margin: 20px 0 5px;
color: #fff;
 border-radius: 4px ;
	font-size: 1em;
}

/*サイドバーのウィジェットの間隔*/
#sidebar .widget {
    margin-bottom: -5px;
}