/*
Theme Name: ホーエイ電設株式会社
Theme URI: https://ho-eidensetsu.co.jp/
Author: ピクセリウム株式会社
Author URI: https://pixelium.jp/
Description: ピクセリウム株式会社によるテーマ
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.2
Version: 1.7
Text Domain: pxlm
*/

html {
	scroll-behavior: smooth;
	scroll-padding-block-start: calc(var(--masthead-height) + var(--wp-admin--admin-bar--height, 0px));

	@media (width <= 768px) {
		scroll-padding-block-start: calc(var(--masthead-height));
	}
}

body {
	font-variation-settings: "wght" 500;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

*, *::before, *::after {
	box-sizing: border-box;
}

table {
	line-height: 1.7;

	td,
	th,
	thead {
		vertical-align: middle;
		border: 0;
	}
}

p {
	line-height: 1.7;
}

.scroll-hint-icon {
	left: 1rem;
	width: auto;
	height: auto;
}

.site-float-menu {
	position: sticky;
	z-index: 2;
	margin: 0;
	inset: auto auto 0 auto;

	@media (768px < width) {
		display: none;
	}
}

iframe {
	overflow: hidden;
}

/* Googleマップへのリンクにアイコンを付与する */
a[href^="https://goo.gl/"],
a[href^="https://g.page/"],
a[href^="https://maps.app.goo.gl/"] {
	position: relative;
	padding-inline-start: 1.7rem;

	&::before {
		position: absolute;
		top: 50%;
		left: 0;
		display: inline-block;
		width: 1.5rem;
		height: 1.5rem;
		margin-inline-end: 0.2rem;
		color: var(--wp--preset--color--secondary);
		background-image: url(images/googlemaps_icon.svg);
		background-repeat: no-repeat;
		background-size: 1.5rem;
		transform: translateY(-50%);
		content: "";
	}
}

/* 綺麗に改行するために<span>に入れるclass */
.keep-all {
	word-break: keep-all;
}