/*
Theme Name: Lightning Child 
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/
/*PCヘッダー*/

.site-header-logo img {
    max-height: 130px;
}
	.header_scrolled .site-header-logo img{
visibility:hidden;
	}



/*モバイルヘッダー*/
@media (max-width: 991.98px){
	.site-header {
		position:fixed !important;
		top:0px;
	}
		
	.site-header-logo img {
    max-height: 90px;
	}
	
.site-header.site-header--layout--nav-float.site-header--trans--true .site-header-logo img {
		    margin-top: 0;
	}
	
	.header_scrolled .site-header-logo{
		display:block;
	}

	.header_scrolled .site-header-logo {
   background-image: url("https://cleanforce.jp/wp-content/uploads/2022/08/cf-loho-500x120-4.png");
   background-repeat: no-repeat;
		    background-size: contain;
    background-position: center;
}
	.header_scrolled .site-header-logo img{
visibility:hidden;
	}
		
	body {
		/* モバイル時のヘッダーの高さ */
		 padding-top:64px;
	}
	/* ヘッダー透過の時 */
	.site-header--trans--true+div {
		/* モバイル時のヘッダー高さ分マイナスオフセット */
		margin-top:-64px;
	}
}

@media (min-width: 992px){
.header_scrolled .site-header .site-header-container--scrolled--logo-and-nav-container .site-header-logo {
    width: 304px !important; 
	}
.header_scrolled .site-header-container--scrolled--logo-and-nav-container .site-header-logo img	{
max-height:60px !important;
	}
}

@media (max-width: 991.98px){
.page-id-2 .header_scrolled .site-header-logo img {
    max-height: 57px !important;

	}
	.page-header {
    margin-top: 40px;
	
}
	
.header_scrolled .site-header-logo img {
    max-height: 56px;
}
}




/*ヘッダートップのSNS アイコン等サイズ変更*/
.header-top ul li a{
    padding: 0 5px;
	font-size: 20px;
}

.header-top-tel .fa-mobile-alt:before {
    content: url(https://cleanforce.jp/wp-content/uploads/2022/08/freedial_b3.png);
	width:24px;
	height:auto;
}
#menu-item-1821 .fa-envelope:before {
    content: url(https://cleanforce.jp/wp-content/uploads/2022/08/mail_b3.png);
	width:24px;
	height:auto;
}

body:not(.header_scrolled) .site-header--trans--true .header-top-tel .fa-mobile-alt:before {
    content: url(https://cleanforce.jp/wp-content/uploads/2022/08/freedial_w3.png);
	width:24px;
	height:auto;
}
body:not(.header_scrolled) .site-header--trans--true #menu-item-1821 .fa-envelope:before {
    content: url(https://cleanforce.jp/wp-content/uploads/2022/08/mail_w3.png);
	width:24px;
	height:auto;
}

span.header-top-tel-wrap {
font-size: 20px !important;
}

li.header-top-tel span.header-top-tel-wrap i{
margin-left:-1px;
}



/*モバイル固定メニューアイコン入れ替え*/
.mobile-fix-nav .fa-youtube:before {
    content: url(https://cleanforce.jp/wp-content/uploads/2022/08/icon_sns2.png);

}
.mobile-fix-nav .fa-phone-square:before, .fa-square-phone:before {
content: url(https://cleanforce.jp/wp-content/uploads/2022/08/icon_-tel.png);
}
.mobile-fix-nav .fa-phone-square:before, .fa-square-phone:before {
content: url(https://cleanforce.jp/wp-content/uploads/2022/08/icon_-tel.png);
}
.mobile-fix-nav .fa-envelope:before {
 content: url(https://cleanforce.jp/wp-content/uploads/2022/08/icon_mail.png);
}
.mobile-fix-nav .fa-home:before{
 content: url(https://cleanforce.jp/wp-content/uploads/2022/08/icon_home.png);
}
.mobile-fix-nav .fa-bars:before{
 content: url(https://cleanforce.jp/wp-content/uploads/2022/08/icon_menu.png);
}


/*CTAフリーダイヤルアイコン差し替え*/

.freedial_button .fas.fa-phone:before{
	 content: url(https://xb230048.xbiz.jp/wp-content/uploads/2022/08/freedial_w3.png);
}

.freedial_button .fas.fa-phone:before{
	 content: url(https://xb230048.xbiz.jp/wp-content/uploads/2022/08/freedial_w3.png);
}

.mail_button .far.fa-envelope.vk_button_link_before:before{
	 content: url(https://xb230048.xbiz.jp/wp-content/uploads/2022/08/mail_w3.png);	
}
.mail_button .far.fa-envelope.vk_button_link_before:before{
	 content: url(https://xb230048.xbiz.jp/wp-content/uploads/2022/08/mail_w3.png);	
}

.mail_button .vk_button_link_txt .vk_inline-font-size,
.freedial_button .vk_button_link_txt .vk_inline-font-size
{
display: block;
  padding-bottom: 5px;
}

@media screen and (orientation: landscape) and (min-width: 768px){
	.ltg-slide-text-title {
		font-size: 24px;
		resize: both;
	}
}

@media screen and (orientation: portrait){
	.ltg-slide-text-title {
    font-size: 18px;
		resize: both;
	}
}