/*
Theme Name:Home-kenzai
Theme URI:
Description:WordPressテーマ「ホーム建材株式会社」の自作子テーマです。
Template:lightning
Author:Yukari Hiramatsu
Author URI:https://rdsoftware.co.jp/
Version:14.3
*/


/*#################################################*/
/*		ヘッダー部　（メニュー）の設定　　　　　　　*/
/*#################################################*/

/*ヘッダートップエリア設定*/
.header-top {
    color: var(--vk-color-text-light);
    background-color: #f9f9f9;
    margin-top: -7px;
    border-bottom: 1pxsolidrgba(0,0,0,0.04);
    height: 28px!important;
}


/*ヘッダーカスタム部(ロゴ部）とグローバルナビ（メニュー）の間の空白*/
.site-header-sub {margin-bottom:0px !important;}
.wp-container-3.wp-block-columns {
    margin-bottom: 0px;
    margin-top: 20px;
}
h1.site-header-logo.site-header-logo--scrolled--nav-container {
    margin-top: 20px;
}


/*メニュー間の線の設定*/
.global-nav--layout--penetration .global-nav-list>li:first-child {
    border-left: 1px solid black;
    border-right: 1px solid black;}

 .global-nav--layout--penetration .global-nav-list>li:last-child {
    border-right: 1px solid black;}

.global-nav--layout--penetration .global-nav-list>li {
      border-right: 1px solid black;}


/* プルダウンメニューの背景色 */
.global-nav-list>li>ul.sub-menu {
  background-color: #ffffff;
  color: #000000;}

/*ブルダウンメニューの幅*/
.global-nav-list>li>ul.sub-menu {
    margin-left: -90px;
    width: 200px;
}
ul.gMenu>li>ul.sub-menu li {
    width:100px;
}




/* サブメニューの文字色 */
.global-nav-list .sub-menu li a {
color: #000000;
text-align: center;
font-size: 14px;
font-weight:bold;}

/*突起部分*/
.global-nav-list>li.menu-item-has-children::after {display: none;}

/*マウスホバー時の背景色 */
.global-nav-list .sub-menu li a:hover {
background-color: #217ed1;
}

/*下線の太さ・線種・色 */
.global-nav-list .sub-menu li a {
border-bottom: 2px solid #217ed1;}


/* 20230126 以下、横幅が小さい場合のスクロール時の動作がおかしい部分の対応 */
@media (max-width: 991px){
	/* 横幅991px以下（ハンバーガーメニュー表示時）は、サイトヘッダーサブ部および一定スクロール時に表示される上部メニューを非表示とする */
	.site-header-sub { 
		display:none !important;	}
	.header_scrolled .header-top,
	.header_scrolled .site-header-logo,
	.header_scrolled .vk-campaign-text	{
		display:none !important;	}
	.header_scrolled{/* margin-top: -10em !important; */}
	
}
/* 20230126 以上、横幅が小さい場合のスクロール時の動作がおかしい部分の対応 */
/* 20230127 以下、ヘッダ余白調整 */

.header-top, .header_scrolled .header-top {
	display: none !important;
}
.site-header-logo{
	margin-top: 0.25em !important;}
.site-header-sub{margin-top: 0 !important;}
.widget_block{	margin-bottom: 0.5em !important;}

@media (max-width: 991px){
	.site-header-logo{margin-top: 0 !important;}
}



/*#################################################*/
/*		フッター部　の設定　　　　　　　　　　　　*/
/*#################################################*/

/*フッタ―上部の背景色*/
.site-body-bottom {background-color: #c5dce7;
}

/*リンク文字前の記号*/
.footer_link:before {content:url(/wp-content/uploads/2022/10/footer_link-1.png);}

/*リンクタイトルの下線*/
.link_title_border{
border-bottom:solid;
border-color:#3470af;
border-width:2px;/*3ピクセルの太さにする*/
}

/*CopyRight上の空白削除-ウィジェットエリアの削除*/
.footerWidget {
	display: none;
}
.site-body-bottom .widget{
margin-bottom:0!important;}

/*CopyRight前の線*/
.site-footer {
    border-top: 3px solid var(--vk-color-primary)!important;}

/*上へ戻るボタン*/
.page_top_btn {
    right: 10px;
    bottom: 0;
    width: 70px;
    height: 70px;
    color: transparent;
    background: transparent;
    box-shadow: none;
    background-image: url(/wp-content/uploads/2022/10/top_b.png); /* 右下に猫を表示 */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    opacity: 0;
    transition: opacity 0.7s ease-out;
}

.scrolled .page_top_btn {
    display: block;
    opacity: 1;
    color: transparent;
}

.footerWidget {
	display: none;
}

/*検索窓削除*/
.widget .widget_search{display:none;}

/*フッターとコピーライトの間の空白*/
.footerWidget {
	display: none;}

footer .sectionBox {
display:none !important;}

footer .copySection {
display:block !important;
border-top:none !important;}


/*#################################################*/
/*		           TOPページ　        　　　　　　　　*/
/*#################################################*/


/*----------瓦のアニメーション--------------------------*/

.top-kojimaya {
margin: 0 calc(50% - 50vw);
height: 60%;
position: relative;
}

.kawara-0 {
width: 40vw;
opacity: 0;
}

.kawara-1 {
width: 48vw;
opacity: 0;
animation: fadeIn 5s ease 0.2s 1 normal;
animation-fill-mode: forwards;
position: absolute;
top: -14%;
left: -7%;
}

.kawara-2 {
width: 27vw;
opacity: 0;
animation: fadeIn 5s ease 1s 1 normal;
animation-fill-mode: forwards;
position: absolute;
top: 15%;
left: 20%;
}

.kawara-3 {
width: 28vw;
opacity: 0;
animation: fadeIn 5s ease 2s 1 normal;
animation-fill-mode: forwards;
position: absolute;
top: 50%;
left: 7%;
}

.kawara-4 {
width: 19vw;
opacity: 0;
animation: fadeIn 5s ease 3s 1 normal;
animation-fill-mode: forwards;
position: absolute;
top: 27%;
left: 35%;
}

.kawara-5 {
width: 50vw;
opacity: 0;
animation: fadeIn 5s ease 0.2s 1 normal;
animation-fill-mode: forwards;
position: absolute;
top: -5%;
left: 5%;
}

.kawara-6 {
width: 50vw;
opacity: 0;
animation: fadeIn 5s ease 0.2s 1 normal;
animation-fill-mode: forwards;
position: absolute;
top: -10%;
left: 4%;
}


.top-logo {
width: 30vw;
opacity: 0;
animation: fadeIn 0s ease 5s 1 normal;
animation-fill-mode: forwards;
position: absolute;
top: 40%;
left: 60%;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/*-----------------------------------------------------------------*/

/*company　ブロック（写真部）の間の空間*/
.blocks {gap: 1em!important;}

/*CompanyとBusinessの背景*/
.gradation {
  background: -moz-linear-gradient(top, #d5e6f2 1%, #FFF 40%);
  background: -webkit-linear-gradient(top, #d5e6f2 1%, #FFF 40%);
  background: linear-gradient(to bottom, #d5e6f2 1%, #FFF 40%);}


/*-----------   事業のブロック　--------------------　*/


/* 親要素でflex指定 */
.reversebox {
 display: flex;
}

/* 子要素に縦向きの際の並び順を指定 */
@media screen and (max-width: 890px) {
.order1 {order: 1;}
.order2 {order: 2;}}


/*#################################################*/
/*                 固定ページ共通　        　　　　　　*/
/*#################################################*/

/*タイトル下下線―青*/
.title_border_blue{
border-bottom:solid;
border-color:#3470af;
border-width:3px;/*3ピクセルの太さにする*/
padding-left: 15px;
padding-right:15px;
}

/*タイトル下下線―白*/
.title_border_white{
border-bottom:solid;
border-color:#ffffff;
border-width:3px;/*3ピクセルの太さにする*/
}

/*タイトル下下線―緑*/
.title_border_green{
border-bottom:solid;
border-color:#2bb2a4;
border-width:3px;/*3ピクセルの太さにする*/
}

/*行間*/
.linen {
    margin: 30px;
    line-height: 2em;
}

/*ボタンHover*/
.buton_hover:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*タイトル前アイコン設置・・・アイコンが違う為各ページCssに設定済
.title_ico::before {content:url(/wp-content/uploads/2022/10/titile_ico_fudousan.png);
padding-right:20px;
vertical-align: middle;
}*/

/*ページ下コンタクトエリア*/
.contact-block {list-style-type: none;
                text-align: center;
                padding-left: 0;
                padding-top: 0px;
                padding-bottom: 0px;
                margin: 0px;}

.contact-block li {padding-left: 5px;
                   padding-right: 5px;
                   padding-top: 5px;
                   padding-bottom: 5px;
                   margin: 0px;
                   display: inline-block;
                   vertical-align: middle;}

.ul.contact-block.li{padding-bottom:0px;}
.contact-block li:hover img{opacity: 0.6;
                            transition-duration: 0.3s;}