@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*固定ページでシェア・フォローボタンをまとめて非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}
/* ①ヘッダーロゴ */
.header-site-logo-image {
	transition:0.5s;
}

/* ②ヘッダーロゴ(hover時) */
@media screen and (min-width: 980px) {
	.header-site-logo-image:hover {
		opacity:0.8;
	}
}

/*③グローバルナビの下線*/
#navi .navi-in a:after{
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	background: #8cab8b;
	transform: scale(0,1);
	transition: 0.5s;
}

/*④グローバルナビの下線(hover)*/
@media screen and (min-width: 980px) {
	#navi .navi-in a:hover:after{
		transform: scale(1);
	}
}

/*⑤メニュー項目の間隔*/
#navi .navi-in>ul>li>a{
	padding: 0 2.0em;
}

/*⑥選択中メニューに下線*/
.current-menu-item:after{
	position: absolute;
	content: "";
	left: 0px;
	bottom: 1px;
	height: 2px;
	width: 100%;
	background: #8cab8b;
}