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


.my-site-header-content {
	display: flex;
	justify-content: space-between;
}

.my-site-header-contact {
	display: flex;
	gap: 16px;
	padding: 23px 0;
}

.my-site-header-contact-tel {
	display: block;
	padding-top: 5px;
	text-align: center;
	transition: all .1s ease-in;
}

.my-site-header-contact-tel__num {
	display: block;
	color: #337AB7;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .03em;
	line-height: 1;
}

.my-site-header-contact-tel__num::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 1em;
	background: url(./assets/img/bnr-icon-phone.png) center / contain no-repeat;
	margin-right: 4px;
	vertical-align: -3px;
}

.my-site-header-contact-tel__time {
	display: block;
	font-size: 10px;
	letter-spacing: .03em;
	line-height: 1;
	margin-top: 5px;
	padding-left: 2em;
}

.my-site-header-contact-form .wp-block-button__link {
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .03em;
	padding: 9px 25px;
}

.my-site-header-contact-form .wp-block-button__link::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 1em;
	background: url(./assets/img/bnr-icon-mail.png) center / contain no-repeat;
	margin-right: 4px;
	vertical-align: -3px;
}

.header_scrolled .my-site-header-contact {
	display: none;
}

@media (min-width: 992px) {
	.header-top nav {
		display: none;
	}
	.header-top .header-top-contact-btn {
		display: none;
	}
	.my-site-header-content .site-header-logo {
		margin: 0;
	}
}

@media (max-width: 991px) {
	.my-site-header-contact {
		display: none;
	}
}

@media (min-width: 768px) {
	.sfm-floating-menu {
		display: none;
	}
}