/*
Theme Name: たかまえ病院
Theme URI: https://takamae-hp.jp/
Author: ピクセリウム株式会社
Author URI: https://pixelium.jp/
Description: ピクセリウム株式会社によるテーマ
Requires at least: 6.8.0
Tested up to: 6.8.0
Requires PHP: 8.3
Version: 2.3.2
Text Domain: pxlm
*/

:root {
	--transition-easeout-quint: cubic-bezier(0.22, 1, 0.36, 1);
}

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

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

body {
	color: var(--wp--preset--color--dark-01);
	font-family: var(--wp--preset--font-family--noto-sans-jp);
	font-weight: 350;
	font-feature-settings: "palt";
	line-height: 1.9;
	letter-spacing: 0.1em;
}

table {
	line-height: 1.9;
	th {
		font-weight: 550;
	}
	td,
	th {
		vertical-align: middle;
	}
}

p {
	line-height: 1.9;
}

a {
	text-decoration: underline;
	text-underline-offset: 5px;

	&:hover {
		color: var(--wp--preset--color--primary);
		text-decoration: none;
	}
}

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

a[href^="https://goo.gl/"],
a[href^="https://g.page/"] {
	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(./assets/images/googlemaps_icon.svg);
		background-repeat: no-repeat;
		background-size: 1.5rem;
		transform: translateY(-50%);
		content: "";
	}
}

.tab-panel-container {
	.tab-panel {
		display: none;

		&.is-show {
			display: block;
		}
	}
}