@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら / いぶし・ぎんたろう
Author URI: https://road-sign.jp
Template:   cocoon-master
Version:    2.0.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* *****************************************************************
* 光 2019/07/18
* ***************************************************************** */
.shinehover{
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.shinehover::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shinehover:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/* *****************************************************************
* H1見出し 2025/03/18
* ***************************************************************** */
h1 {
    font-size: 24px;
}

/* *****************************************************************
* H2見出し 2022/02/12
* ***************************************************************** */
h2 {
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	font-size: 20px;
	padding: 0.5em;
	background: aliceblue;
	background-image: linear-gradient(135deg, #a79756, #faf8c5, #a79756);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}

/* *****************************************************************
* H3見出し 2022/02/12
* ***************************************************************** */
h3 {
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
	font-size: 18px;
	position: relative;
	padding: 1.5rem 2rem;
	-webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
	box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
}

h3:before,h3:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	content: '';
	background-image: -webkit-linear-gradient(135deg, #a79756, #faf8c5, #a79756);
	background-image: linear-gradient(135deg, #a79756, #faf8c5, #a79756);
}

h3:before {
	top: 0;
}

h3:after {
	bottom: 0;
}

/* *****************************************************************
* H4見出し 2022/02/12
* ***************************************************************** */
h4 {
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
}

h4:first-letter {
	font-size: 150%;
	color: #ffce08;
}

/* *****************************************************************
* パンくずリストの文字色を変更
* ***************************************************************** */
.breadcrumb-caption {
  color: #000000 !important; /* 例：黒に変更 */
}

/* *****************************************************************
* reCAPTCHA v3　表示位置 2021/12/06
* ***************************************************************** */
.grecaptcha-badge{
	bottom: 50px !important;;
}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
	/*必要ならばここにコードを書く*/
	/*スマホ画面いっぱいに画像を表示 2022/01/12*/
	/* フッターナビゲーションメニュー非表示*/
	.navi-footer-in {
    	visibility: hidden
	}
}

/************************************
** アニメーション：フェイドイン
************************************/
.fadein {
	opacity: 0;
	transform: translateY(25px); /* 少し大きめに動かすと自然 */
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
	will-change: opacity, transform;
}

.fadein.is-active {
	opacity: 1;
	transform: translateY(0);
}