/*
Theme Name: おがわ動物病院
Theme URI: https://ogawa-ah.info/
Author: ピクセリウム株式会社
Author URI: https://pixelium.jp/
Description: ピクセリウム株式会社によるテーマ
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 8.3
Version: 1.1.5
Text Domain: pxlm
*/

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

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));
	}
}

body {
	font-variation-settings: "wght" 400;
	font-family: var(--wp--preset--font-family--source-han-sans-vf);
	font-size: var(--wp--preset--font-size--medium);
	font-feature-settings: "palt";
	letter-spacing: 0.06em;
	line-height: 1.7;
	color: var(--wp--preset--color--contrast-1);
	background-image: url(assets/images/background_common.webp);
}

table {
	line-height: 1.7;

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

strong {
	font-weight: initial;
	font-variation-settings: "wght" 600 !important;
}

p {
	line-height: 1.7;
}

iframe {
	overflow: hidden;
}

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

/* 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("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%20150%20150%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m89.77%2010.4c-4.4-1.39-9.08-2.15-13.94-2.15-14.18%200-26.87%206.41-35.33%2016.48l21.8%2018.34z%22%20fill%3D%22%231a73e8%22%2F%3E%3Cpath%20d%3D%22m40.49%2024.73c-6.74%208.02-10.81%2018.37-10.81%2029.66%200%208.68%201.73%2015.71%204.57%2022.01l28.04-33.33z%22%20fill%3D%22%23ea4335%22%2F%3E%3Cpath%20d%3D%22m75.83%2036.75c9.75%200%2017.65%207.9%2017.65%2017.65%200%204.34-1.57%208.32-4.17%2011.39%200%200%2013.94-16.58%2027.47-32.66-5.59-10.75-15.28-19.02-27-22.73l-27.49%2032.67c3.24-3.87%208.1-6.32%2013.54-6.32%22%20fill%3D%22%234285f4%22%2F%3E%3Cpath%20d%3D%22m75.83%2072.04c-9.75%200-17.65-7.9-17.65-17.65%200-4.31%201.55-8.26%204.11-11.33l-28.04%2033.34c4.79%2010.63%2012.76%2019.16%2020.97%2029.91l34.08-40.52c-3.23%203.82-8.07%206.25-13.47%206.25%22%20fill%3D%22%23fbbc04%22%2F%3E%3Cpath%20d%3D%22m88.63%20117.37c15.39-24.07%2033.34-35%2033.34-62.98%200-7.67-1.88-14.9-5.19-21.26l-61.55%2073.18c2.61%203.42%205.24%207.06%207.81%2011.07%209.36%2014.46%206.76%2023.13%2012.8%2023.13%206.02%200%203.43-8.68%2012.79-23.14%22%20fill%3D%22%2334a853%22%2F%3E%3C%2Fsvg%3E");
		background-repeat: no-repeat;
		background-size: 1.5rem;
		transform: translateY(-50%);
		content: "";
	}
}

/* 綺麗に改行するコード　文章内の改行しても良い位置に<wbr>に入れる */
.wbr-text-wrap {
	/* CJKテキストでの折り返しを無効化 */
	word-break: keep-all;

	/* 長い単語でも折り返し可能に */
	overflow-wrap: anywhere;
}

/* 綺麗に改行するコード　文章内の改行しても良い場所を<span>で囲う */
.inline-text-wrap {
	span {
		display: inline-block;
	}
}

/* Googleマップ */
.pxlm-google-map {
	width: 100%;
	height: 100%;
	border: 0;
}

/* オンライン順番予約 */
#junban-reserve {
	height: min(250px, auto) !important;
	margin-block-start: 0px !important;
	.myjunban-widget-ul {
		line-height: 1;
	}
}

/* ブロックエディターのコンテナの子要素の一番最初はマージンを削除する */
.wp-block-group {
	*:first-child {
		/* margin-block-start: 0px; */
	}
}