/*
 Theme Name:   HiroShikaClinic
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Template:     understrap
 Version:      1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 GitHub Theme URI: understrap/understrap-child
*/

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #5533ff;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #008B8B;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #081c6e;
  --bs-secondary: #f2e093;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 85, 51, 255;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-size-sm: 0.9rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0e32c3;
  --bs-link-hover-color: rgba(14,50,195,.7);
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}



/* 上書き */
.navbar {
	display: block !important;
	padding: 0 !important;
}
.bg-primary {
	background-color: #fcfcfc !important;
}
.btn-primary {
    color: #eee !important;
    background-color: #E58D3B !important;
    border-color: #E58D3B !important;
}
.form-control:focus, .widget_archive select:focus, .widget_categories select:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input[type=color]:focus, .wpcf7 input[type=date]:focus, .wpcf7 input[type=datetime-local]:focus, .wpcf7 input[type=datetime]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=file]:focus, .wpcf7 input[type=month]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=range]:focus, .wpcf7 input[type=search]:focus, .wpcf7 input[type=submit]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=time]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=week]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
	border-color: #E58D3B;
    box-shadow: 0 0 0 0.25rem rgb(229 141 59 / 25%);
}
.btn-check:focus+.btn-primary, .btn-primary:focus, .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgb(229 141 59 / 50%);
}


/**********************************************************/
/* 全体に影響 */
/**********************************************************/
/*
@font-face {
	font-family: 'Honoka-Shin-Antique-Maru';
	src: url("fonts/Honoka-Shin-Antique-Maru_R.woff")format('woff');
}
@font-face {
	font-family: 'Honoka_Shin_Mincho';
	src: url("fonts/Honoka_Shin_Mincho_L.woff")format('woff');
}
*/
* {
	/*font-family: 'Honoka_Shin_Mincho', 'Noto Serif JP', serif;*/
    font-family: 'Noto Sans JP', sans-serif;
}
body {
	/*text-align: center;*/
	font-size: var(--bs-body-font-size);
}
@media (max-width: 767px) {
	body { font-size: var(--bs-body-font-size-sm); }
}
a {
    text-decoration: none;
	color: inherit;
}
a:hover, a:focus {
    color: #2599BE;
	opacity: 0.9;
}
:focus-visible {
    outline: none;
}
li {
	line-height: 3;
	padding-right: 10px;
	padding-left: 20px;
	list-style: decimal-leading-zero;
}
img {
	border-radius: 3px;
}
h1,h2,h3,h4 {
	font-weight: bold;
}
section {
	/*margin-top: 50px;*/
}
table, .table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    display: table;
}
.table tbody tr td, .table tbody tr th, .table td, .table th, .table thead tr td, .table thead tr th, table tbody tr td, table tbody tr th, table td, table th, table thead tr td, table thead tr th {
    padding: 0.7em;
    border-bottom: 1px solid #e5e5e5;
}
.container {
	padding-top: 50px;
	padding-bottom: 50px;
}
.to-top-btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 9999999;
	background-color: rgba(0,0,0,.6);
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
}

/* ネット予約ボタン */
a.yoyaku-side:hover, a.yoyaku-side:focus {	 
	z-index: 9999;	 
	position: relative;	 
}	 
a.yoyaku-side:hover > .yoyaku-fixed {	 
	width: 200px;	 
	height: 200px;	 
	transition: all 0.5s 0s ease-in-out;	 
	transition-property: width, height, border-radius;	 
	border-radius: 50% 0 0 50%;	 
}	 
a.yoyaku-side:hover > .yoyaku-fixed:after {	 
	width: 175px;	 
	height: 175px;	 
	transition: all 0.5s 0s ease-in-out;	 
	transition-property: width, height, border-radius;	 
	border-radius: 50%;	 
}	 
a.yoyaku-side:hover > .yoyaku-fixed .yoyaku-txt {	 
	display: none;	 
	opacity: 0;	 
}	 
a.yoyaku-side:hover > .yoyaku-fixed .yoyaku-txt-hover {	 
	/*display: block;*/	 
	opacity: 100%;	 
	transition: all 1s 0s ease-in-out;	 
}	 
.yoyaku-fixed {	 
	position: fixed;	 
	right: 0;	 
	/*top: 70vh;*/	 
	bottom: 10vh;	 
	/*width: 100px;	 
	height: 100px;*/	 
	width: 80px;	 
	height: 180px;	 
	/*border-radius: 50% 0 0 50%;*/	 
	border-radius: 2px;	 
	z-index: 9999;	 
	background: #00d4ff; /* Old browsers */	 
	background: -moz-linear-gradient(top, #00d4ff 1%, #8ee5df 41%, #b7efef 68%, #b7efef 100%); /* FF3.6-15 */	 
	background: -webkit-linear-gradient(top, #00d4ff 1%,#8ee5df 41%,#b7efef 68%,#b7efef 100%); /* Chrome10-25,Safari5.1-6 */	 
	background: linear-gradient(to bottom, #00d4ff 1%,#8ee5df 41%,#b7efef 68%,#b7efef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */	 
	transition: all 0.5s 0s ease-in-out;	 
	transition-property: width, height, opacity;	 
}	 
.yoyaku-fixed:after {	 
	border: solid 2px #fff;	 
	width: 75px;	 
	/*height: 75px;*/	 
	height: 175px;	 
	/*border-radius: 50%;*/	 
	border-radius: 1px;	 
	content: '';	 
	position: absolute;	 
}	 
a.yoyaku-side > .yoyaku-fixed .yoyaku-txt {	 
	/*display: block;*/	 
	opacity: 100%;	 
	/*font-size: 4vw;*/	 
	writing-mode: vertical-rl;	 
}	 
a.yoyaku-side > .yoyaku-fixed .yoyaku-txt span {	 
	text-combine-upright: all;	 
}	 
a.yoyaku-side > .yoyaku-fixed .yoyaku-txt-hover {	 
	/*display: none;*/	 
	opacity: 0;	 
}	 
.yoyaku-fixed .font-midashi {	 
	font-size: 1.8rem;	 
}	 
.yoyaku-txt p {	 
	font-size: 1rem;	 
	text-align: center;	 
}	 
@media screen and (max-width: 767px) {	 
	.yoyaku-fixed {	 
		width: 80px;	 
		height: 80px;	 
		bottom: 15vh;	 
	}	 
	.yoyaku-fixed:after {	 
		width: 65px;	 
		height: 65px;	 
	}	 
	a.yoyaku-side:hover > .yoyaku-fixed {	 
		width: 150px;	 
		height: 150px;	 
		bottom: 15vh;	 
	}	 
	a.yoyaku-side:hover > .yoyaku-fixed:after {	 
		width: 135px;	 
		height: 135px;	 
	}	 
	.yoyaku-fixed .font-midashi {	 
		font-size: 1.3rem;	 
	}	 
	a.yoyaku-side > .yoyaku-fixed .yoyaku-txt {	 
		font-size: 10vw;	 
	}	 
}	 
/* end-ネット予約ボタン */

/*------------------------------------*/
/* メニューバー */
/*------------------------------------*/
nav li.menu-item a {
	/* 予約ボタンの文字サイズに合わせて調整 */
	padding-top: 30px;
    padding-bottom: 30px;
}
/* マウスホバー等でもサブメニューが表示されるようにする */
.dropdown:hover>.dropdown-menu,
.dropdown:active>.dropdown-menu,
.dropdown:focus>.dropdown-menu {
  display: block;
}
/* サブメニュー表示調整 */
.menu-item-has-children ul.dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0px 0px 10px #ccc;
    border: none;
}
/* ドロップダウンメニューの上書き */
.dropdown-item.active,
.dropdown-item:active {
	background-color: #2599BE;
}
nav li.menu-item a.dropdown-item {
    padding-top: 15px;
    padding-bottom: 15px;
	padding-right: 25px;
    padding-left: 25px;
}

.navbar-toggler {
	position: absolute;
	z-index: 9999;
	background-color: slategrey;
	top: 10px;
	right: 0;
	border-radius: 3px;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	/* 上書き */
	color: #2599BE;
}
.menu-row {
	z-index: 99999999;
	top: 0;
	left: 0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
.menu-row img {
	z-index: 999999999;
}
.menu-list-bg {
	box-shadow: 0px 0 30px 20px rgb(0 0 0 / 33%);
	/*-webkit-backdrop-filter: blur(10px);*/
	/* backdrop-filter: blur(10px); */
	background-color: rgba(0,0,0,0.3);
	height: fit-content;
}
.menu-row ul li {
	list-style: none;
	padding-left: 0;
    padding-right: 0;
}
/*
.menubar-button {
    background-color: #E58D3B;
    padding: 0;
}
.menubar-button a {
	text-decoration: none;
    color: #eee;
}
.menubar-button-wrap {
    text-align: center;
    margin: 15px 0;
}
.menubar-button:hover,
.menubar-button:focus-within {
	opacity: 0.8;
}
.menubar-button-wrap p {
    margin: 0;
    padding: 0;
	line-height: 1.2;
}
*/
@media screen and (max-width: 767px) {
	/* スマホビュー時にメニューが見切れる対応 */
    div#navbarNavOffcanvas {
        overflow-y: scroll;
    }
	nav li.menu-item a {
		/* 予約ボタンの文字サイズに合わせて調整 */
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.menubar-button {
		margin-left: 0.75rem;
	}
}

/*------------------------------------*/
/* パンくずリスト */
/*------------------------------------*/
.pankuzu {
	list-style: none;
	padding-left: 0;
}
.pankuzu li {
	margin: auto 10px;
}

/*------------------------------------*/
/* フッター */
/*------------------------------------*/
/* フッター背景 */
.wrapper#wrapper-footer {
	background: url('images/footer.jpg') no-repeat center;
    background-size: cover;
    color: #fff;
}
/* フッター背景にぼかし色フィルタ適用 */
.footer-bg-filter {
	-webkit-backdrop-filter: brightness(0.5) blur(5px);
	backdrop-filter: brightness(0.5) blur(5px);
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}
footer {
    padding: 50px 5% 20px;
}
.footer-logo {
	width: clamp(30px,100%,120px);
}
.footer-title {
	font-size: clamp(20px,5.5vw,42px);
	line-height: 1.5;
}
.footer-title span {
    font-size: .5em;
}
.footer-tel {
	color: #97E6FF;
    font-size: clamp(40px,5.5vw,52px);
}
footer table tbody tr td,
footer table tbody tr th,
footer table td,
footer table th,
footer table thead tr td,
footer table thead tr th {
    padding-right: 0.5em;
    padding-left: 0.5em;
}
/* ページリスト調整 */
/*footer ul ul.list-none li:before {
    content: '*';
}*/
.footer-menu li {
    line-height: 2rem;
    list-style: inherit;
    padding-left: 0.5rem;
}
@media screen and (max-width: 767px) {
	.site-footer {
		font-size: 0.9rem;
	}
	.footer-tel {
		text-align: center;
	}
}



/**********************************************************/
/* パーツ */
/**********************************************************/
.font-midashi { font-family: 'Zen Antique Soft', serif; }
.font-mincho * { font-family: 'Zen Old Mincho', serif; }
.font-gothic * { font-family: 'Noto Sans JP', sans-serif; }

.font-bold { font-weight: bold; }
.font-normal { font-weight: normal; }

.font-small { font-size: 0.8rem; }
.font-medium { font-size: 1.5rem; }
.font-large { font-size: 2.2rem; }
.text-start { text-align: start; }
.text-right { text-align: right; }
.text-left { text-align: left; }
/* 文章　この子のpにそのまま書く */
.sentence {
    white-space: pre-line;
    width: 100%;
}
/* 一文字目だけ大きく */
.font-first-large::first-letter {
    font-size: 3em;
}

/* color */
.c-red { color: #f00; }
.c-green-dark { color: #3D8797; }
.c-blue { color: #2595B9; }
.c-blue-dark { color: #3d6d97; }
.c-white { color: #fafafa; }
.bgc-gray { background-color: #F7F7F7; }
.bgc-thinblue { background-color: #BBE2EA; }
.bgc-skyblue { background-color: #2599BE; }
.bgc-blue { background-color: #007BC0; }
.c-tel-str { color: #002D56; }

/* 下線 */
.text-underline {
	display: inline-block;
    text-decoration: underline 5px #007BC0;
    text-underline-offset: 15px;
	transform: translateY(-15px);
	line-height: 2.5;
}
.line-blue {
	width: clamp(80px, 50%, 120px);
	height: 3px;
	margin: 20px auto;
	background-color: #007BC0;
}
/* 下線（波線） */
.text-underwavy {
	text-decoration: underline wavy #f00;
	text-underline-offset: 3px;
}
/* 下線（マーカー） */
.text-highlightpen {
    background: linear-gradient(transparent 60%, var(--bs-yellow) 40%);
    display: inline;
}
/* 見出し左ライン */
.midashi-line {
	border-left: double 10px var(--bs-yellow);
	padding-left: 15px;
}

/* 余白 */
.margin-t0 { margin-top: 0; }
.margin-t10 { margin-top: 10px; }
.margin-t20 { margin-top: 20px; }
.margin-t30 { margin-top: 30px; }
.margin-t50 { margin-top: 50px; }
.margin-t80 { margin-top: 80px; }
.margin-t-10 { margin-top: -10px; }
.margin-t-20 { margin-top: -20px; }
.margin-t-30 { margin-top: -30px; }
.margin-t-50 { margin-top: -50px; }
.margin-t-80 { margin-top: -80px; }
.margin-b0 { margin-bottom: 0; }
.margin-b10 { margin-bottom: 10px; }
.margin-b20 { margin-bottom: 20px; }
.margin-b30 { margin-bottom: 30px; }
.margin-b50 { margin-bottom: 50px; }
.margin-b80 { margin-bottom: 80px; }
.margin-b-10 { margin-bottom: -10px; }
.margin-b-20 { margin-bottom: -20px; }
.margin-b-30 { margin-bottom: -30px; }
.margin-b-50 { margin-bottom: -50px; }
.margin-b-80 { margin-bottom: -80px; }
.margin-r10 { margin-right: 10px; }
.margin-l10 { margin-left: 10px; }
.padding-t0 { padding-top: 0px; }
.padding-t10 { padding-top: 10px; }
.padding-t20 { padding-top: 20px; }
.padding-t30 { padding-top: 30px; }
.padding-t50 { padding-top: 50px; }
.padding-t80 { padding-top: 80px; }
.padding-b0 { padding-bottom: 0px; }
.padding-b10 { padding-bottom: 10px; }
.padding-b20 { padding-bottom: 20px; }
.padding-b30 { padding-bottom: 30px; }
.padding-b50 { padding-bottom: 50px; }
.padding-b80 { padding-bottom: 80px; }
.padding-tb-gt-herf {
	padding-top: calc(var(--bs-gutter-x) * .5);
	padding-bottom: calc(var(--bs-gutter-x) * .5);
}
.padding-r10 { padding-right: 10px; }
.padding-r20 { padding-right: 20px; }
.padding-r50 { padding-right: 50px; }
.padding-l10 { padding-left: 10px; }
.padding-l20 { padding-left: 20px; }
.padding-l50 { padding-left: 50px; }
.padding-lr-gt {
	padding-left: calc(var(--bs-gutter-x));
	padding-right: calc(var(--bs-gutter-x));
}
.padding-lr-gt-herf {
	padding-left: calc(var(--bs-gutter-x) * .5);
	padding-right: calc(var(--bs-gutter-x) * .5);
}
.padding-lr0 {
  padding-right: 0px;
  padding-left: 0px;
}
.padding-lr20 {
	padding-left: 20px;
	padding-right: 20px;
}
.padding-lr50 {
	padding-left: 50px;
	padding-right: 50px;
}
.padding-lr10per {
    padding-left: 10%;
    padding-right: 10%;
}

/* 全幅コンテンツにする */
.full-width {
	/*margin: 0 calc(50% - 50vw) 3em;*/
	margin-right: calc(50% - 49.4vw);
    margin-left: calc(50% - 49.4vw);
}
/* 横幅100 */
.width-100per { width: 100%; }
/* 縦幅100 */
.height-100per { height: 100%; }

/* Display d-blockはbootstrapに定義済み  */
/* bs4に既にある？ */
.d-inline { display: inline; }
.d-inline-b { display: inline-block; }

/* ビューポート外非表示 */
.overflow-hidden { overflow: hidden; }

/* List */
.list-none li { list-style: none; }

/* img */
.object-scaledown { object-fit: scale-down; }
.object-cover { object-fit: cover; }
.object-contain { object-fit: contain; }
.img-aspect-1 {
	aspect-ratio: 1/1;
	object-fit: cover;
}

/* position */
.p-relative { position: relative; }
.p-absolute { position: absolute; }

/* Flexbox */
.flex { display: flex; }
.flex-row { flex-flow: row; }
.flex-column { flex-flow: column; }
.flex-grow { flex-grow: 1; }
.flex-space-around { justify-content: space-around !important; }
.flex-space-evenly { justify-content: space-evenly !important;}
.flex-jst-center { justify-content: center !important; }
.flex-jst-start { justify-content: flex-start !important; }
.flex-jst-end { justify-content: flex-end !important; }
.stretch { align-items: stretch !important; }
.wrap { flex-wrap: wrap !important; }
.items-center {
	align-content: center;
	align-self: center;
	align-items: center;
	justify-content: center;
}

/* button */
.button a, {
    text-decoration: none;
    color: #eee;
}
.button-wrap {
	width: 87%;
	margin: 10px auto;
	padding-top: 18px;
	padding-bottom: 18px;
    background-color: #002D56;
    border-radius: 2px;
    text-align: center;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.button-wrap {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
.button-wrap p {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.button:hover,
.button:focus-within,
.button-arrow:hover,
.button-arrow:focus-within {
    opacity: 0.8;
}
/* end-button */

/* ラベル */
.label-base {
	padding: 5px 20px;
	border-radius: 3px;
	margin: auto 9px;
	white-space: nowrap;
}
.label-base:first-of-type {
	margin-left: 30px;
}
.label-hokengai {
	background-color: #efced5;
	color: #000;
}
.label-hoken {
	background-color: #BBE2EA;
	color: #000;
}
@media screen and (max-width: 767px) {
	.label-base:first-of-type {
		margin-left: 0;
	}
}

/* タイトル画像 */
.title-img {
	width: clamp(300px,80%,800px);
	margin: auto;
}

/* 背後のコンテンツをぼかし */
.bg-filter-blur {
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
/* 背後のコンテンツを暗めに */
.bg-filter-darkness {
    -webkit-backdrop-filter: brightness(0.5);
    backdrop-filter: brightness(0.5);
}
/* 背後のコンテンツをすりガラス風に */
.bg-filter-glass {
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
	background-color: rgba(255,255,255,.3);
}

/* マステ風 */
/* 親にrelative、対象要素にabsolute付与すること */
.maskingtape {
    z-index: 999;
    transform: translate3d(-20px, -50px, 0px) rotate(-10deg);
    padding: 3px 20px;
    border-right: 3px dotted #fcfcfc;
    border-left: 8px solid #D9C5E6;
    opacity: .8;
    background-color: #F3D6F0;
    font-size: 130%;
}
@media screen and (max-width: 576px) {
    .maskingtape {
        transform: translate3d(0px, -50px, 0px) rotate(-10deg);
    }
}

/* 円で囲んだアイコン */
.waku-circle {
    border: 3px solid #E58D3B;
    border-radius: 50%;
	width: 100px;
	height: 100px;
}
.waku-circle i {
    font-size: 3rem;
    color: #E58D3B;
}

/* 一覧表示（箱） */
.box-parent {
	position: relative;
	aspect-ratio: 16 / 9;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*
.box-parent:hover {
    filter: grayscale(1);
}*/
/* 一覧表示（箱）紹介文 */
/*.box-midashi {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	min-height: 72px;
	padding: 10px;
	color: #fff;
	background-color: rgba(1,17,38,.5);
}*/
/*.box-midashi {
    position: absolute;
	top: -10px;
	left: -10px;
	width: 50%;
}*/
.box-midashi {
	position: absolute;
    top: -10px;
    left: -10px;
    width: 50%;
    background-color: #2599BE;
    color: #fcfcfc;
    padding: 13px;
    font-size: 1.3rem;
    z-index: 3;
    border-radius: 2px;
	text-align: center;
}
.box-description {
    position: absolute;
    right: 5%;
    bottom: 5%;
    top: 5%;
    width: 50%;
    min-height: 72px;
    padding: 5%;
    color: #1a1a1a;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255,255,255,.3);
	font-size: .9rem;
	text-align: left;
}
/* 一覧表示（箱）写真 */
.box-img {
	width: 100%;
	height: 100%;
	min-height: 250px;
	margin: 0;
	object-fit: cover;
	object-position: 0% 0;
}
@media screen and (max-width: 767px) {
	.box-midashi, .box-description {
		width: 100%;
		top: 0;
		left: 0;
	}
	.box-description {
		height: 100%;
		padding: calc(4.5rem) 5%;
	}
}



/**********************************************************/
/* トップページ */
/**********************************************************/

/* スライダー */
.swiper-1 {
    width: 100%;
    height: 90vh;
}
.swiper1-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color,#007BC0);
}
.swiper1-container .swiper-button-prev,
.swiper1-container .swiper-button-next {
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
	transform: translateY(-50%);
	margin-top: 0;
}
.swiper1-container .swiper-button-next {
	background-image: url('http://hiro-test.uptv.info/wp-content/uploads/2023/02/chevron-right-regular-24.png');
}
.swiper1-container .swiper-button-prev {
	background-image: url('http://hiro-test.uptv.info/wp-content/uploads/2023/02/chevron-right-regular-24.png');
	transform: translateY(-50%) scale(-1, 1); /* 左右反転 */
}
.swiper1-container .swiper-button-prev:after,
.swiper1-container .swiper-button-next:after {
	display: none;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	/* override */
	top: inherit;
	bottom: 0;
}
.swiper1-container .swiper-wrapper {
	transition-timing-function: linear;
	/*height: clamp(500px,100vh,1200px);*/
}
/*
.swiper1-container .swiper-slide {
	height: auto;
}

.swiper1-container .swiper-slide img {
	height: 100%;
	width: 100%;
	border-radius: 0;
}
*/
.slider-txt {
    position: absolute;
    right: 5%;
    bottom: -5%;
    z-index: 999;
    text-align: right;
    font-size: clamp(42px,7vw,90px);
    color: #e9e9e9;
    text-shadow: 0 0 20px rgba(0,0,0,70%);
    line-height: 1.3;
}
.swiper-slide img {
	width: 100%;
	height: 100%!important;
	object-fit: cover!important;
}
@media screen and (max-width:567px) {
	.slider-txt {
		right: unset;
		bottom: calc(35% - 2em);
		text-align: left;
	}
}

/* お知らせ */
.whatsnew-section {
    background-color: #fcfcfc;
}
.whatsnew-title {
    border: solid 2px #aaa;
    border-radius: 3px;
    width: 230px;
    height: 230px;
}
.whatsnew-title > h3 {
	margin: 7px 7px;
    display: inline-block;
    text-decoration: underline 5px #007BC0;
    text-underline-offset: 15px;
    transform: translateY(-13px);
}
@media screen and (max-width: 719px) {
	.whatsnew-title {
		height: auto;
		border: none;
	}
}
.whatsnew dt, .whatsnew dd {
    float: left;
    padding: 0 10px;
}
.whatsnew dt {
	margin-bottom: 10px;
	width: clamp(180px,5vw,200px);
}
.whatsnew dd {
	margin-bottom: 20px;
}
span.newmark {
    font-size: 74%;
    padding: 1px 5px;
    vertical-align: middle;
    color: #fff;
    background-color: #B9AB7C;
    border-radius: 2px;
    margin-right: 5px;
}
span.whatsnew-date {
    padding: 1px 5px;
}

/* 挨拶文 */
.shift-contents-row {
    padding: 20px 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.shift-contents-row div:nth-of-type(1) {
    z-index: 2;
	padding: 0;
}
.shift-contents-row img {
	min-height: 150px;
    margin-top: -30px;
    padding: 0;
    aspect-ratio: 16/9;
    object-fit: cover;
}
.shift-contents-row div:nth-of-type(2) {
    background-color: #F4F4F4;
    margin-left: -8%;
    margin-right: 7%;
    min-height: 150px;
    padding: 7% 7% 7% 13%;
    z-index: 1;
}
@media screen and (max-width: 767px) {
	.shift-contents-row img, .shift-contents-row div {
		width: 100%;
	}
	.shift-contents-row div:nth-of-type(1) {
		padding: 0;
	}
	.shift-contents-row div:nth-of-type(2) {
		padding: 7%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
	}
}
.top-dr-name-label {
	top: -30px;
    left: 0;
    z-index: 1;
    padding: 15px 15%;
    border-radius: 2px;
    color: #000;
}

/* 流れるギャラリー */
.swiper-2 .swiper-wrapper {
	transition-timing-function: linear;
	height: 100%;
}
.swiper-2 .swiper-slide {
	height: auto;
}
.swiper-2 .swiper-slide img {
	height: auto;
	max-height: 500px;
	width: 100%;
	border-radius: 0;
}

/* 休診日表 */
.kyushinbihyo td {
    padding-top: 15px;
    padding-bottom: 15px;
}


/**********************************************************/
/* 医院紹介 */
/**********************************************************/
.dr-img {
	max-width: 400px;
	width: 100%;
	filter: brightness(1.1);
}
.aisatsu-row-wrap {
	max-width: 1320px;
	margin-right: auto;
	margin-left: auto;
}
.aisatsu-row-wrap::before {
	content: '';
	background-color: #F5FDFF;
	width: calc(72% - 15px);
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}
.aisatsu-row-wrap::after {
	content: '';
	background-color: #EFF5FF;
	width: calc(28% - 15px);
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}
.ryakureki-row-wrap {
	max-width: 1320px;
	margin-right: auto;
	margin-left: auto;
}
.ryakureki-row-wrap::before {
	content: '';
	background-color: #E0F3F9;
	width: calc(((100% - 1320px) / 2) - (1.5rem / 2) + (1320px / 100 * 58.33333333));
	/* ryakureki-row-wrapの幅と画面幅から出したleft-margin - bootstrapのright-padding + col-lg-7の幅*/
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}
.ryakureki-row-wrap::after {
	content: '';
	background-color: #F8F8F8;
	width: calc(((100% - 1320px) / 2) - (1.5rem / 2) + (1320px / 100 * 41.66666667));
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}
.ryakureki-wrap {
	background-color: unset;
	width: 100%;
}
dl.ryakureki > dt, dl.shozoku > dt {
	margin: 0.75em auto;border-bottom: solid 1px #ddd;
}
.ryakureki > div dt {
	float: left;
	padding-right: 20px;
}
.ryakureki >div dd {
	display: inline-block;
}
.shozoku-wrap {
	background-color: unset;
	width: 100%;
}
@media screen and (max-width: 993px) and (min-width: 1321px) {
	.ryakureki-row-wrap::before {
		width: calc(58.33333333% - (1.5rem / 2));
	}
	.ryakureki-row-wrap::after {
		width: calc(41.66666667% - (1.5rem / 2));
	}
}
@media screen and (max-width: 992px) {
	.ryakureki-row-wrap::before {
		/*width: 100%;*/
		content: unset;
	}
	.ryakureki-wrap {
		background-color: #E0F3F9;
	}
	.shozoku-wrap {
		background-color: #F8F8F8;
	}
}
@media screen and (max-width: 767px) {
	.ryakureki >div dt, .ryakureki div > dd {
		width: 100%;
	}
}


/**********************************************************/
/* 診療案内 */
/**********************************************************/
div[id^="shinryo-"] {
	min-height: 500px;
	z-index: 0;
}
div[id^="shinryo-"] > div.container {
	z-index: 2;
}
.shinryo-bg-img-left {
	object-position: center;
    height: auto;
    width: clamp(500px,40%,700px);
    aspect-ratio: 1/1;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0.2;
	z-index: 1;
}
.shinryo-bg-img-right {
	object-position: center;
    height: auto;
    width: clamp(500px,40%,700px);
    aspect-ratio: 1/1;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0.2;
	z-index: 1;
}


/**********************************************************/
/* 診療案内　＞　審美治療 */
/**********************************************************/
.shinbi-midashi {
	line-height: 1.3;
}
.shinbi-top-bg {
	z-index: -1;
	object-fit: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.shinbi-about-content{
	color: #fafafa;
	z-index: 1;
	padding: 7% 50px;
}
.shinbi-about-img01 {
	top: -50px;
	right: 50px;
	height: calc(100% + 150px);
	object-fit: contain;
	z-index: 0;
}
.shinbi-about-bg01 {
	position: absolute;
	background-color: #007bc0;
	width: 100%;
	height: 100%;
	z-index: -1;
	/* margin-left: calc(50% - 46.4vw); */
}
.shinbi-about-img02 {
	top: -50px;
	left: 50px;
	height: 100%;
	max-height: 125%;
	object-fit: cover;
	border-radius: 50%;
	z-index: 0;
	aspect-ratio: 1/1;
}
.shinbi-about-bg02 {
	position: absolute;
	background-color: #2599BE;
	width: 100%;
	height: 100%;
	z-index: -1;
	/* margin-left: calc(50% - 46.4vw); */
}

.ex-ribon {
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	max-width: 100%;
	min-width: 1000px;
	object-fit: cover;
	object-position: center;
	z-index: 1;
}
.ex-ribon-top {
	top: calc(-1.5rem + -25px);
	bottom: unset;
}
.ex-ribon-bottom {
	top: unset;
	bottom: calc(-1.5rem + -25px);
}

table.shinbi-description {
	margin-left: 40px;
	margin-right: -40px;
}
table.shinbi-description td {
	padding-right: 20px;
	padding-left: 20px;
}
table.shinbi-description tr:first-of-type td {
	border-top-style: hidden;
}
table.shinbi-description tr.ex-notes td {
	border-bottom-style: hidden;
}
.whitening-caution {
	padding-right: 10%;
	padding-left: 10%;
	font-size: 0.9rem;
	background-color: #EFF5FF;
}
.whitening-caution-li {
	list-style: disc;
	padding-left: 5px;
	line-height: 2.3;
}
.whitening-bg {
	z-index: -1;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
}
table.whitening-step,
table.whitening-step * {
	border: none;
}
table.whitening-step td {
	padding-left: 5%;
}
.whitening-step-label {
	display: inline-block;
	padding: 1rem 2rem;
	margin: 1rem auto;
	border-radius: 50px;
}
.whitening-step-img {
	top: 0;
	right: 0;
	max-width: 500px;
	z-index: -1;
}
@media screen and (max-width: 991px) {
	.whitening-step-img {
		opacity: 0.3;
	}
}
@media screen and (max-width: 767px) {
	.ex-ribon {
		min-width: inherit;
	}
	table.shinbi-description {
		margin-left: auto;
		margin-right: auto;
	}
	table.shinbi-description tr:nth-of-type(2) td, table.shinbi-description tr:nth-of-type(3) td {
		display: block;
		width: 100%;
	}
	table.shinbi-description td {
		padding-right: 20px;
		padding-left: 20px;
	}
	.whitening-caution {
		padding-left: calc(var(--bs-gutter-x) * .5);
		padding-right: calc(var(--bs-gutter-x) * .5);
		font-size: 0.8rem;
	}
}

/**********************************************************/
/* 診療案内　＞　訪問診療 */
/**********************************************************/
.homon-top {
	background-color: #005E93;
	color: #f7f7f7;
}
.homon-midashi img {
	width: clamp(70px,27%,100px);
	filter: brightness(4);
	margin-right: 20px;
}
.homon-top-bg {
	object-fit: contain;
	transform: translate(-30%);
}
/* faq */
.homon-faq-title img:nth-of-type(1){
	rotate: 180deg;
	margin-right: 1rem;
}
.homon-faq-title img:nth-of-type(2){
	margin-left: 1rem;
}
.homon-faq-q-wrap {
	margin-inline: auto;
	width: 100%;
}
.homon-faq-q p {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, 0);
	z-index: 1;
	margin-bottom: 0;
	width: 80%;
}
.homon-faq-q img {
	height: auto;
	width: 100%;
	object-fit: fill;
}
.homon-faq-a div.flex {
	flex-direction: row;
}
/* 訪問診療までの流れ */
.triangle-bg {
	position: relative;
}
.triangle-bg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	box-sizing: border-box;
	border-top: 150px solid transparent;
	border-bottom: 150px solid transparent;
	border-left: 80px solid #f2f6f9;
}
.triangle-bg:after {
	content: "";
	position: absolute;
	top: 0;
	right: -80px;
	box-sizing: border-box;
	border-top: 150px solid transparent;
	border-bottom: 150px solid transparent;
	border-left: 80px solid #eaf4fb;
}
.homon-flow {
	width: calc(100vw - calc(0.75rem * 2) - 1rem);
	margin: 0 0 auto;
	position: relative;
	height: 300px;
	justify-content: space-between;
}
.homon-flow div {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	flex: 1;
}
.sec {
	padding-top: 100px;
	padding-bottom: 50px;
	background-color: #f2f6f9;
	display: flex;
	flex-direction: column;
}
.sec02 {
	padding-left: 100px;
	background-color: #eaf4fb;
}
.sec03 {
	background-color: #e3ebf9;
}
.homon-flow-label {
	display: inline-block;
	background-color: #fff;
	padding: 0.75rem 2rem;
	border-radius: 2rem;
}
/* 訪問診療までの流れ-end */

@media screen and (max-width:567px) {
	.homon-midashi img {
		margin-right: 5px;
	}
	.homon-preparation li {
		line-height: 1.7;
		margin-bottom: 15px;
		align-items: flex-start;
	}
	.homon-faq-a div.flex {
		flex-direction: column;
	}
}
@media screen and (max-width: 1200px) {
	.homon-flow {
		width: calc(100vw - calc(0.75rem * 2) - 1rem); /*container-fluidのpaddingとスクロールバー分マイナス*/
		flex-direction: column;
		height: fit-content;
	}
	.homon-flow div {
		margin: inherit;
		padding-right: 15px;
		padding-left: 15px;
	}
	.sec02 {
		padding-left: inherit;
		padding-right: inherit;
		padding-top: 125px;
	}
	.sec03 {
		padding-top: 125px;
		padding-bottom: 100px;
	}
	.triangle-bg:before {
		top: 0;
		left: 50%;
		transform: translatex(-50%);
		border-right: calc(50vw - calc(0.75rem * 2) - 1rem) solid transparent;
		border-left: calc(50vw - calc(0.75rem * 2) - 1rem) solid transparent;
		border-top: 80px solid #f2f6f9;
	}
	.triangle-bg:after {
		top: 100%;
		left: 50%;
		transform: translatex(-50%);
		border-right: calc(50vw - calc(0.75rem * 2) - 1rem) solid transparent;
		border-left: calc(50vw - calc(0.75rem * 2) - 1rem) solid transparent;
		border-top: 80px solid #eaf4fb;
	}
}


/**********************************************************/
/* 設備紹介 */
/**********************************************************/
.setsubi-headline img {
	max-width:80px;
	margin-left: 15px;
	margin-right: 15px;
	filter: brightness(2.8);
}
.setsubi-headline h4 {
	text-align: center;
	color: #e9e9e9;
	line-height: 1.5;
	letter-spacing: 1px;
}
.innai-tour-icon {
	font-size: 1.75em;
	transform: translateY(0.5rem);
	margin-right: 15px;
}
.setsubi-items div div,
.innnai-tour-items div div {
    margin-top: 20px;
    margin-bottom: 20px;
}
.setsubi-items .flex > p,
.innnai-tour-items .flex > p {
	flex-grow: 1;
}
@media screen and (max-width: 576px) {
	.setsubi-headline img {
		margin-left: 0;
	}
	.setsubi-headline h4 {
		text-align: left;
	}
}


/**********************************************************/
/* 滅菌・衛生管理について */
/**********************************************************/
.hygiene-mgmt-box {
    border-radius: 6px;
    border: solid 1px #888;
}
.hygiene-mgmt-box.flex p {
	flex-grow: 1;
}
.hygiene-mgmt-box.flex img {
    aspect-ratio: 800 /513;
    object-fit: cover;
}


/**********************************************************/
/* アクセス */
/**********************************************************/
.traffic-guide p {
	margin-top: 20px;
}
.access-tel-img {
    object-fit: scale-down;
}


/**********************************************************/
/* 問い合わせページ */
/**********************************************************/
.contact-info-img {
	object-fit: scale-down;
}
.contact-bg {
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#contact .contact-triangle:nth-of-type(1) {
     position: absolute;
     max-width: 400px;
     top: 5%;
     right: -5%;
     transform: rotate(25deg);
     z-index: -1;
     opacity: .7;
}
#contact .contact-triangle:nth-of-type(2) {
    position: absolute;
    max-width: 500px;
    top: 25%;
    left: -10%;
    transform: rotate(344deg);
    z-index: -1;
    opacity: .7;
}
#contact .contact-triangle:nth-of-type(3) {
    position: absolute;
    max-width: 400px;
    bottom: -1%;
    right: -10%;
    transform: rotate(25deg);
    z-index: -1;
    opacity: .7;
}

/*--------------------------------------*/
/* reCaptcha */
/*--------------------------------------*/
@media screen and (max-width: 500px) {
	/* スマホでの文字サイズ調整 */
	#contact > .container .contact-about p { font-size: 12px; }
}
@media screen and (min-width: 501px) and (max-width: 991px) {
	/* 背景として右端に画像を表示　画像サイズによっては端が切れてしまうため */
	#contact > .container .contact-about {
		background-image: url("images/contact/navperson03.png");
		background-repeat: no-repeat;
		background-position: right;
		background-size: contain;
	}
	#contact > .container .contact-about p {
		font-size: 14px;
	}
}

/* 上書き　reCaptcha 表示位置調整 */
.grecaptcha-badge {
	bottom: 100px !important;
}
/*--------------------------------------*/
/*Contact Form 7カスタマイズ*/
/*--------------------------------------*/
/*横の行とテーブル全体*/
.entry-content{
	 border: solid 1px rgb(215,215,215);
}
/*フォームの最大幅上書き*/
.wpcf7 {
    max-width: inherit;
}
/* Chromeのオートフィル背景色打ち消し */
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px rgb(255,255,255) inset !important;
}
.entryForm {
    border: solid 2px #7caeb9;
    background-color: #fefefecc;
    padding: 5% 8%;
}
.form-control:focus, .widget_archive select:focus, .widget_categories select:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input[type=color]:focus, .wpcf7 input[type=date]:focus, .wpcf7 input[type=datetime-local]:focus, .wpcf7 input[type=datetime]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=file]:focus, .wpcf7 input[type=month]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=range]:focus, .wpcf7 input[type=search]:focus, .wpcf7 input[type=submit]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=time]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=week]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus {
    border-color: #002D56;
    box-shadow: 0 0 10px 0.25rem #002d564d;
}
#formbtn {
    padding: 15px;
    background: #002D56;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 3px;
    border: none;
    margin-bottom: 10px;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover, #formbtn:focus {
	opacity: .8;
}
/*送信ボタン上書き*/
.wpcf7 input[type=submit] {
    width: 80%;
}
/* ローディングアイコンがバグるので上書き */
.wpcf7-spinner {
	width: auto;
	margin: 0;
}
/* 入力エラーの場合の調整 */
.wpcf7 .wpcf7-not-valid {
	/* inputの背景を赤系に */
	background-color: rgb(255,200,210);
}
/* 送信完了後にフォームを非表示にする */
.sent .entryForm {
	display: none;
}
/* 送信完了メッセージ非表示 */
.sentout {
	display: none;
	font-size: 24px;
}
/* 送信完了後にメッセージを表示 */
.sent .sentout {
	display: block;
}
/* 送信完了メッセージ調整 */
.sentout i {
	/* アイコン */
	border: solid 3px rgb(169,214,6);
	border-radius: 50%;
	padding: 5px;
	margin: 10px 10px 10px 0;
}