/*!
Theme Name: メディカルクリニック柿の木坂
Text Domain: pxlm-mckakinoki
Version: 1.3.30
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: editor-style,block-styles
Description: ピクセリウム株式会社によるテーマ
Author: ピクセリウム株式会社
Author URI: https://pixelium.jp/
Theme URI: https://mckakinoki.jp/

Copyright (C) 2026 ピクセリウム株式会社
Distributed under the GNU General Public License v2 or later.
*/

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

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
	outline-offset: 2px;
}

.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.icon-fw {
	width: 1.28571429em;
}

.icon-phone {
	-webkit-mask-image: url("images/icons/phone-square.svg");
	mask-image: url("images/icons/phone-square.svg");
}

.icon-envelope {
	-webkit-mask-image: url("images/icons/envelope.svg");
	mask-image: url("images/icons/envelope.svg");
}

.icon-chevron {
	-webkit-mask-image: url("images/icons/chevron-right.svg");
	mask-image: url("images/icons/chevron-right.svg");
}

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--wp--preset--color--base);
	border-radius: var(--wp--preset--border-radius--small);
	clip-path: none;
	color: var(--wp--preset--color--navy);
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
	height: auto;
	inset-block-start: 5px;
	inset-inline-start: 5px;
	line-height: normal;
	padding: var(--wp--preset--spacing--m-l) 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000;
}

.search-form {
	display: flex;
	gap: var(--wp--preset--spacing--xs);
	margin-block-start: var(--wp--preset--spacing--l);
	align-items: center;
}

.search-form .search-field {
	flex: 1;
	min-width: 0;
	padding: var(--wp--preset--spacing--xs);
	border: 1px solid var(--wp--preset--color--gray-dark);
	font: inherit;
}

.search-form .search-submit {
	padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--l);
	font: inherit;
}

.wp-site-blocks {
	padding: 0;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(images/global/bg_body.gif);
	background-repeat: repeat-x;

	@media (width <= 781px) {
		background-image: linear-gradient(var(--wp--preset--color--navy-soft) 0, var(--wp--preset--color--navy-ink) 80%, var(--wp--preset--color--beige) 82%, var(--wp--preset--color--beige-deep) 90%, var(--wp--preset--color--white) 90%);
		background-repeat: no-repeat;
	}

	line-height: var(--wp--custom--line-height--body);
}
html {
	height: 100%;
}
.push {
	height: 100px;
}
:where(.is-style-main, .editor-styles-wrapper) img {
	max-inline-size: 100%;
	block-size: auto;
}
#wrap {
	inline-size: min(100%, 940px);
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -100px auto;
	padding-block-end: 100px;
}
.mw_wp_form {
	table {
		border-collapse: collapse;
		th {
			width: 30%;
			background-color: var(--wp--preset--color--panel);
			@media (width <= 781px) {
				width: 100%;
			}
		}
		th,
		td {
			padding: var(--wp--preset--spacing--xs);
			border: 1px solid var(--wp--preset--color--gray);
			p {
				margin-block-end: 0;
				padding: 0;
			}
			@media (width <= 781px) {
				display: block;
			}
		}
	}
	input {
		padding: var(--wp--preset--spacing--xs);
		&[type="text"],
		&[type="email"] {
			width: 100%;
		}
	}

	.mwform-tel-field {
		input {
			width: 70px;
		}
	}

	.submit {
		margin-block-start: var(--wp--preset--spacing--l);
		text-align: center;
		input {
			padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--l);
			border: 1px solid var(--wp--preset--color--gray);
			border-radius: var(--wp--preset--border-radius--small);
			color: var(--wp--preset--color--white);
			background-color: var(--wp--preset--color--navy-dark);
			font-size: var(--wp--preset--font-size--medium);
			transition: 0.3s;
			&:hover {
				opacity: 0.7;
			}
		}
	}

	textarea {
		width: 100%;
		padding: var(--wp--preset--spacing--xs);
	}
	select {
		padding: var(--wp--preset--spacing--xs);
	}

	::placeholder {
		color: var(--wp--preset--color--muted);
		font-size: var(--wp--preset--font-size--medium-small);
		font-weight: 300;
	}

	span.red {
		color: var(--wp--preset--color--error);
	}
}
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 1%;
	content: ".";
}
table#linklist {
	width: 620px;
	margin-block-start: var(--wp--preset--spacing--2-xs);
	margin-inline-end: 0;
	background-color: var(--wp--preset--color--white);
	font-size: 77%;
	tr {
		th {
			padding: 0.2em 0;
			border-inline-end: var(--wp--preset--color--base) 1px solid;
			background-color: var(--wp--preset--color--sand);
			font-weight: normal;
			&.bottomline {
				border-block-end: var(--wp--preset--color--white) 1px solid;
			}
		}
		td {
			padding: 0.2em 0.5em;
			border-block-end: var(--wp--preset--color--line-soft) 1px solid;
			text-align: left;
			&.topline {
				border-block-start: var(--wp--preset--color--line-soft) 1px solid;
			}
			a {
				text-decoration: underline;
			}
		}
	}
}

#return {
	margin-block-start: var(--wp--preset--spacing--xxl);
	margin-block-end: var(--wp--preset--spacing--l);
	margin-inline: 0;
	text-align: center;
}