/*
Theme Name: 医療法人秋桜会 なかま病院
Text Domain: pxlm
Version: 1.6.0
Requires at least: 6.4
Requires PHP: 8.2
Tags: editor-style,block-styles
Description: ピクセリウム株式会社によるテーマ
Author: ピクセリウム株式会社
Author URI: https://pixelium.jp/
Theme URI: https://nakama.or.jp/
*/

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

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

	&:not([lang="ja"]) {
		font-size: 14px;
	}
}

body {
	color: var(--wp--preset--color--dark-01);
	font-family: var(--wp--preset--font-family--sanserif);
	line-height: 1.9;
	font-variation-settings: "wght" 400;
}

table {
	line-height: 1.9;

	td,
	th {
		font-weight: 400;
		vertical-align: middle;
	}
}

p {
	line-height: 1.9;
}

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

iframe {
	overflow: hidden;
	border-radius: 0.5rem;
}

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: "";
	}
}

.wp-block-post-content {
	.home & {
		margin-block-start: 0;
	}
}

/* 綺麗に改行するために<span>に入れるclass */
.whitespace-nowrap {
	white-space: nowrap;
}