@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニューのカスタマイズ(2023-03-13mk)
↓↓↓下記をまずは削除した上で、【https://coco-factory.jp/ugokuweb/move01-cat/humbugermenu/】から、お好みのボタンのCSSを追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	position: relative;/*ボタン内側の基点となるためrelativeを指定*/
	background:transparent;
	cursor: pointer;
	width: 50px;
	height:50px;
	border-radius: 5px;
}

/*ボタン内側*/
.openbtn span{
	display: inline-block;
	transition: all .4s;/*アニメーションの設定*/
	position: absolute;
	left: 14px;
	height: 2px;
	border-radius: 2px;
  background:var(--main);
	width: 45%;
}

.openbtn span:nth-of-type(1) {
	top:15px; 
}

.openbtn span:nth-of-type(2) {
	top:23px;
}

.openbtn span:nth-of-type(3) {
	top:31px;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;/*真ん中の線は透過*/
}

.openbtn.active span:nth-of-type(3){
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}

/*--------------------------------------------
大見出しC（h3c） アイコン
--------------------------------------------*/
.gb-headline-h_large_c::before {
	/* 本当は相対パスで書きたいが、管理画面から参照出来ないため、細やかな抵抗としてルートパスで書く(2022-06-03mk) */
    background: url("/kiyokawa.cyber318.xyz/wordpress/wp-content/themes/generatepress_child/images/logo@2x.svg") no-repeat center center / contain;
}

/*--------------------------------------------
外構・エクステリア　背景色を変更
--------------------------------------------*/
[class*="works_category-exterior"] p.gb-text-db4bd4fc {
	background-color: rgba(58,199,46,1.00)
}

/*--------------------------------------------
カテゴリーアーカイブ　h1　見えないように設定 
--------------------------------------------*/
#main .page-title{
	display :none;
}

/*--------------------------------------------
汎用アンダーライン
--------------------------------------------*/
mark.cmn-underline-maker{
	background:linear-gradient(transparent 65%, #ffd83d 65%);
}

/*--------------------------------------------
トップ＞ファーストビュー　AREA　三角
--------------------------------------------*/
p.gb-text-357fbd1d{
	position: relative;
}

p.gb-text-357fbd1d::before{
	content: "";
	position: absolute;
	top: 0;
	right: -30px;
	height: 38px;
	width: 30px;
	background-color: var(--accent);
	clip-path: polygon(0 0, 0% 100%, 50% 50%);
}

/*--------------------------------------------
トップ＞ファーストビュー　投稿表示のダイナミックタグ　ttl文字色
--------------------------------------------*/
.gb-text-10419e5b a{
	color: black;
}

/*--------------------------------------------
footer
--------------------------------------------*/

#footer-widgets.site,footer.site-info{
	background-color: var(--base-1);
	color: var(--base-2);
}

#footer-widgets .gb-grid-wrapper a {
	color: var(--base-2);
}