@charset "UTF-8";
/* CSS Document */

/*!
Theme Name: Ueda Dental
Theme URI: http://underscores.me/
Author: Taiki Hara
Author URI: https://taiki.hara.com
Description: Ueda Dental\'s themes
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ueda_dental
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Ueda Dental is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Ueda Dental
# ------
# ------
	## ------
	## ------
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Ueda Dental
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=MotoyaLMaru|Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

:focus {
	box-shadow: none;
}

body {
	background: #fff;
}

.layout {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row-reverse wrap;
	justify-content: center;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	font-family: 'MotoyaLMaru', sans-serif;
	word-wrap: break-word;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

a {
	color: #3a84df;
}

.site-main h2.text-center span {
    border-bottom: 4px solid #79dee8;
    padding-bottom: 1rem;
    display: inline-block;
}

.site-main .content {
    margin-bottom: 0;
}

div.text-center > a {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.post-page {
	background: rgba(249, 249, 249, 1);
	border-radius: 10px;
	padding: 1rem 1.5rem;
}

.post-page h2,
.post-page h3,
.post-page h4 {
	margin-top: 3rem;
	padding-left: 10px;
	line-height: 2;
}

.post-page h2 {
	background: #fff;
	border-left: solid 3px #79dee8;
}

.post-page h3 {
	border-bottom: solid 3px #79dee8;
	position: relative;
}

.post-page h3::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ddd;
	bottom: -3px;
	left: 0;
	width: 20%;
}

.post-page h4 {
	border-bottom: solid 3px #ddd;
}

.post-page img {
	max-width: 480px;
	display: block;
	margin: 0 auto;
}

aside h2 {
	font-size: 18px;
}

aside a {
	color: inherit;
}

aside li {
	font-size: 14px;
}

aside table {
	line-height: 1;
	font-size: 10px;
}

aside table tr th,
aside table tr td {
	padding: 8px !important;
}

.content p {
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.6;
}

.header {
	display: block;
	margin: 0;
}

.header-fixed {
	position: absolute;
}

.translucent {
	background: rgba(0, 0, 0, 0.4);
}


.header-nav {
	-webkit-transition: background 0.4s ease, height 0.4s ease;
	transition: background 0.4s ease, height 0.4s ease;
	-webkit-transition-property: background, height;
	transition-property: background, height;
	-webkit-transition-duration: 0.4s, 0.4s;
	transition-duration: 0.4s, 0.4s;
	-webkit-transition-timing-function: ease, ease;
	transition-timing-function: ease, ease;
	-webkit-transition-delay: initial, initial;
	transition-delay: initial, initial;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color: transparent;
	top: 0;
	overflow: auto;
}

.header-fill {
	background-color: #fff;
	-webkit-transition: background 0.4s ease, height 0.4s ease;
	transition: background 0.4s ease, height 0.4s ease;
	-webkit-transition-property: background, height;
	transition-property: background, height;
	-webkit-transition-duration: 0.4s, 0.4s;
	transition-duration: 0.4s, 0.4s;
	-webkit-transition-timing-function: ease, ease;
	transition-timing-function: ease, ease;
	-webkit-transition-delay: initial, initial;
	transition-delay: initial, initial;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-box-shadow: 0 3px 15px rgba(57, 63, 72, .1);
	box-shadow: 0 3px 15px rgba(57, 63, 72, .1);
}

.header-fill .nav-item a,
.header-fill .nav-item {
	color: #374054;
}

.header-icon {
	background: #79dee8;
	color: #fff;
	font-weight: bold;
	border-radius: 20px;
	width: 90px;
	display: block;
	text-align: center;
	float: left;
	margin-right: 10px;
}
.header-title{
	font-size: 8px;
	max-width: 350px;
	margin-top: -7px;
    font-weight: normal;
    position: absolute;
    top: 0px;
    left: 20px;
}
.phone-map {
	margin-left: 10px;
}

.phone-map p a {
	display: block;
	color: inherit;
}

.ph-phone,
.ph-map {
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	width: 30px;
	text-align: center;
	float: left;
	display: block;
}

.ph-phone {
	background: #ff889c;
}

.ph-map {
	background: #4867eb;
}

.ph-map+span {
	padding: 4.5px 10px;
	border-radius: 0 20px 20px 0;
	max-height: 32px;
	display: flex;
	line-height: 21px;
}

.ph-map+span {
	border: solid 2px #4867eb;
}

.nav-item a,
.nav-item {
	color: #fff;
}

.nav-margin {
	margin-left: auto;
}

.header-brand .nav-margin p:nth-child(1) {
    margin-top: 1rem;
    margin-bottom: .5rem;
}

.header-brand .nav-margin p:nth-child(2) {
    margin-top: .5rem;
    margin-bottom: 0;
}

.hero-body {
	position: relative;
}

#logo {
	max-width: 270px;
}

img.video-fullscreen {
	position: absolute;
	height: 100vh;
	object-fit: cover;
	width: 100%;
	z-index: 0;
	min-height: 650px;
}

#version {
	background-color: rgba(255, 255, 255, 0.3);
	max-width: 200px;
	margin: 2rem auto;
}

.padtop {
	padding: 3rem 0;
}

span.title {
	margin-left: .5rem;
}

.card {
	margin-bottom: 1rem;
}

.card p {
	line-height: 1.6;
}

.card-container {
	min-height: 260px !important;
	margin: 0 !important;
}

#blog .btn-container {
	max-width: 250px;
	margin: 2rem auto;
}

.table {
	text-align: left;
}

.table td,
.table th {
	border: none;
}

.dental-table {
	border: solid 2px;
	text-align: center;
}

.dental-table th,
.dental-table td {
	padding: .75rem;
	vertical-align: middle;
}

.dental-table thead,
.dental-table thead th {
	border-bottom: solid 1px;
}

.dental-table tbody tr:not(:last-child) {
	border-bottom: solid 1.5px;
}

.dental-table tbody tr td:not(:last-child) {
	border-right: solid 1.5px;
}

/* Buttons */
#btn1 {
	background-color: #2ecc71;
}

#btn2 {
	background-color: #3498db;
}

#btn3 {
	background-color: #9b59b6;
}

#btn4 {
	background-color: #FFC371;
}

#btn5 {
	background-color: #0ABFBC;
}

.in-btn {
	background: #ff889c;
	border-radius: 25px;
	padding: 0 24px;
	color: #fff;
	border: none;
	font-weight: bold;
	margin: auto;
}

.in-btn::before {
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	margin-right: 10px;
}

.content {
	width: 90%;
}

.col-fluid.content {
	width: 65%;
}

.content blockquote:not(.example) {
	background-color: #ffdadd;
	border-left: 5px solid #f03d4d;
}

#grid a {
	position: inherit;
}

.accent {
	background: #3494E6;
	background: -webkit-linear-gradient(top, #3494E6, #EC6EAD);
	background: linear-gradient(to bottom, #3494E6, #EC6EAD);
}

.accent-horiz {
	background: #3494E6;
	background: -webkit-linear-gradient(to right, #3494E6, #EC6EAD);
	background: linear-gradient(to right, #3494E6, #EC6EAD);
}

.desc {
	vertical-align: bottom;
	font-size: 11px;
	font-family: 'Nunito Sans';
	margin-left: 10px;
}

.desc code {
	margin-right: 5px;
}

code {
	background: #ffdadd;
}

pre>code {
	padding: 1rem 1.5rem !important;
}

pre:not(.get-ueda_dental)>code {
	padding: 2rem 1.5rem 1rem !important;
	background: #f6f8fa;
}

pre.get-ueda_dental {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	border-radius: .3rem;
	background: #242424 !important;
}

.hljs {
	background: #f6f8fa !important;
	max-height: 500px;
}

code.dark {
	background: transparent !important;
}

/* Copy button */
pre .copy {
	margin: auto 1rem;
	color: #f03d4d;
	padding: 0.25rem 0.75rem;
	border-radius: .3rem;
	font-weight: 700;
	box-sizing: border-box;
	user-select: none;
	cursor: pointer;
	transition: all .2s;
}

pre .copy:hover {
	background: #f03d4d;
	color: #fff;
	transition: all .2s;
}

#grids .col>div,
#grids [class^='col-']>div,
#grids [class*=" col-"]>div,
#grids .col>div,
#grids [class^='w-']>div,
#grids [class*=" w-"]>div {
	background: #eee;
	text-align: center;
	border-radius: 5px;
	font-size: .7rem;
	text-transform: uppercase;
	min-height: 30px !important;
	line-height: 30px;
	margin-bottom: .75rem;
	font-weight: bold;
	letter-spacing: .1rem;
}

#textele code {
	margin-left: .5rem;
}

#input-type-container p {
	margin: 0;
}

.doc-link {
	font-weight: 300;
	color: #dc4753;
	margin-right: .5rem;
}

.doc-link:hover {
	color: #FA6571;
}

iframe {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* FOOTER */
footer {
    background: #eee;
    margin-top: 0;
}

footer a,
footer ul a {
	color: inherit;
	font-weight: normal;
}

footer ul a li:hover {
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
}

footer .divider {
	background: rgba(238, 238, 238, 0.2);
	height: 1px;
}

footer p {
	font-size: 13px;
}

#bottom-nav {
	display: none;
}

.footer-fill {
	bottom: -1% !important;
	background-color: rgba(255, 255, 255, 0.87);
	-webkit-transition: background 0.4s ease, height 0.4s ease;
	transition: background 0.4s ease, height 0.4s ease;
	-webkit-transition-property: background, height;
	transition-property: background, height;
	-webkit-transition-duration: 0.4s, 0.4s;
	transition-duration: 0.4s, 0.4s;
	-webkit-transition-timing-function: ease, ease;
	transition-timing-function: ease, ease;
	-webkit-transition-delay: initial, initial;
	transition-delay: initial, initial;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.card-image {
	background-position: center;
}

.card-tile {
	margin: 1.5rem 0;
}

/* The heart (you can set a custom id if you want) */
footer p .fa.fa-heart {
	color: #E90606;
	margin: 0 3px;
	animation: pound 0.35s infinite alternate;
	-webkit-animation: pound 0.35s infinite alternate;
	vertical-align: baseline;
}

.logo-access-p {
	font-size: 80%;
	font-weight: normal;
	display: block;
	text-align: center;
	color: #666;
	margin-top: 3px;
}

.logo-access-m {
	display: none;
}

.inquiry {
	margin: 0 auto;
}

.inquiry th {
	text-align: left;
	font-size: 14px;
	padding-right: 5px;
	width: 30%;
}

.inquiry td {
	font-size: 13px;
}

.inquiry textarea {
	margin: 0;
}

.haveto {
	font-size: 7px;
	padding: 5px;
	background: #ff9393;
	color: #fff;
	border-radius: 2px;
	margin-right: 5px;
	position: relative;
	bottom: 3px;
}

.any {
	font-size: 7px;
	padding: 5px;
	background: #93c9ff;
	color: #fff;
	border-radius: 2px;
	margin-right: 5px;
	position: relative;
	bottom: 3px;
}

.verticallist .wpcf7-list-item {
	display: block;
}

#inquiry-btn {
	margin: 0 auto;
}

/* top img */
.top-img {
    position: relative;
}
  
.top-img .content {
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
    border-radius: 5px;
    padding: 1.5rem 0;
    max-width: 680px;
}

.top-img .content p {
    margin: 0;
    text-align: center;
}
  
.top-img img {
    width: 100%;
}

.top-img .content p:nth-child(1) {
    font-size: 24px;
    margin-bottom: .4rem;
}

.top-img .content p:nth-child(2) {
    line-height: 1;
}

.top-img .content p:nth-child(2), .top-img .content p:nth-child(3) {
    font-size: 30px;
    font-weight: 600;
    color: rgb(72, 103, 235);
}

.top-img .content p:nth-child(4) {
    font-size: 14px;
    margin-top: .4rem;
}

/* features */
.features .card .title-container {
    bottom: 0;
    background: hsla(0,0%,100%,.7);
}

.features .card .title-container p {
    color: #000;
    margin: .6rem 0;
    text-align: center;
}

/* infomation */
.infomation-area {
	background: #f9f9f9;
	padding: 1rem 0;
	margin-top: 5rem;
}

.infomation {
	padding: 5px 15px;
	line-height: 1.4;
	margin: auto;
}

.infomation li {
	list-style: none;
	border-bottom: solid 2px #c8c8c8;
	padding: 10px;
	position: relative;
}

.infomation li:first-child {
	border-top: solid 2px #c8c8c8;
}

.infomation li::after {
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	font-weight: 900;
	position: absolute;
	right: 10px;
	top: 12px;
}

.infomation li a {
	color: inherit;
	font-weight: normal;
	display: block;
}

.new {
	padding: 3px 5px;
	border-radius: 5px;
	font-size: .6rem;
	font-weight: bold;
	margin-left: 3px;
	color: #fff;
}

/* Animations */
.animate-box {
	opacity: 0;
}

/* Layout */
#primary {
	max-width: 900px;
	width: 100%;
}

#secondary {
	max-width: 270px;
	width: 100%;
}

#secondary h2 {
	position: relative;
}

#secondary h2.widget-title {
	margin: 2rem 0;
}

#secondary h2.widget-title::before {
	content: '';
	background: url(svg/shape.svg) no-repeat;
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	top: 15px;
	left: -15px;
}

#secondary h2.widget-title a {
	color: inherit;
}

/* Contactform */
span.wpcf7-not-valid-tip {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	display: block;
	background: #f00;
	padding: 5px;
	border-radius: 5px;
	position: relative;
	margin: 5px auto;
	font-weight: bold;
}

span.wpcf7-not-valid-tip::before {
	content: '';
	height: 0;
	position: absolute;
	width: 0;
	top: -15px;
	left: 180px;
	margin-left: -150px;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #f00;
	border-left: 10px solid transparent;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 2px solid #f00;
	background: #ffcece;
}

/* Ueda Dental only */
.ueda_dental h4+.divider {
	width: 100px;
	height: 2px;
	margin: 2rem auto;
	border-top: none;
}

.ueda_dental #blog .card p.title {
	margin-bottom: 0;
}

.ueda_dental #blog .btn-outline-inverted:hover {
	color: #fff;
}

.dental-icon {
	height: 170px;
}

.dental-icon a {
    display: block;
    color: inherit;
    transition: .5s;
}

.dental-icon a:hover {
    opacity: .5;
}

.dental-icon div {
    background: #eee;
    display: block;
    position: relative;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.dental-icon div img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: .5s;
}

.dental-icon p {
	font-size: 12px;
	line-height: 1.5;
}

.access-icon {
	font-size: 1.5rem;
	padding: 0;
	display: inline-block;
	margin-right: 20px;
	width: 100%;
	max-width: 30px;
	text-align: center;
}

.contact-area {
	border: solid 6px #ff889c;
	padding: 1rem 0;
	color: #ff889c;
}

.contact-area>p:last-of-type {
	margin: 1rem 0;
}

.contact-area .phone,
.contact-area .mail,
.contact-area .line{
	line-height: .5;
	max-width: 240px;
	margin: 10px auto !important;
	float: none;
	align-items: center !important;
    display: flex !important;
    justify-content: center !important;
}

.contact-area .phone p,
.contact-area .mail p,
.contact-area .line p{
	margin: 0;
	font-weight: normal;
}

.contact-area .phone a,
.contact-area .mail a {
/*	display: block;*/
}

.contact-area .phone span,
.contact-area .mail span,
.contact-area .line span{
	font-size: 22px;
}

.contact-area .phone {
	background: #f5f5f5;
}

.contact-area .phone a {
	color: #374054;
}

.contact-area .phone span {
	font-weight: bold;
}

.contact-area .mail {
	background: #4F69E3 !important;
}

.contact-area .mail a, .contact-area .line a {
	color: #fff;
}

/* Breadcrumbs */
#breadcrumbs {
	margin: 0 0 5px;
	font-size: 14px;
	overflow: auto;
	white-space: nowrap;
}

#breadcrumbs span span a,
#breadcrumbs span span .breadcrumb_last {
	background: #79dee8;
	border-radius: 2px;
	color: #fff;
	position: relative;
	padding: 2px 8px 2px 15px;
	font-weight: normal;
	display: inline-block;
	height: 25px;
	line-height: 20px;
}

#breadcrumbs span span a::after,
#breadcrumbs span span .breadcrumb_last::after {
	content: '';
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 10px solid #79dee8;
	position: absolute;
	top: -1.5px;
	right: -8px;
	border-radius: 10px 0 10px 10px;
	z-index: 1;
}

#breadcrumbs span span span a::before,
#breadcrumbs span span .breadcrumb_last::before {
	content: '';
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 10px solid #fff;
	position: absolute;
	top: -1.5px;
	left: -1px;
	border-radius: 10px 0 10px 10px;
	z-index: 0;
}

.entry-meta {
	text-align: right;
	font-size: 14px;
}

.reservation a,
.contact a {
	display: block;
}

.reservation {
	margin-bottom: 1rem;
}

.reservation a button,
.contact a button {
	width: 100%;
	height: 80px;
	border-radius: 0;
	font-weight: bold;
	font-size: 15px;
}

.reservation a button img,
.contact a button img {
	margin-right: 10px;
}

.reservation a button {
	border: solid 6px #4867eb;
	color: #4867eb;
}

.contact a button {
	border: solid 6px #ff889c;
	color: #ff889c;
}

/* 関連記事 */
#related-entries {
    margin-top: 1.5em;
}

#related-entries h2 {
    margin: 0;
    padding: 14px 10px;
    text-align: center;
    background: #eaedf2;
}

#related-entries .related-entry {
	margin-bottom: 1.5em;
}

.related-entry::after {
	clear: both;
	display: table;
	content: "";
}

.related-entry a {
	float: left;
	width: 47.5%;
	margin: 3% 5% 3% 0;
	font-size: .95em;
	display: table;
	color: #333;
	font-weight: 700;
	line-height: 1.55;
}

.related-entry a:nth-child(2n) {
	margin-right: 0;
}

.related-entry a figure {
	width: 90px;
	height: 90px;
	vertical-align: middle;
	display: table-cell;
	margin: 0;
}

.related-entry a figure img {
	width: 100%;
	border-radius: 5px;
	transition: all .4s;
	max-width: 100%;
	height: auto;
	border: solid 1px #ddd;
	vertical-align: middle;
}

.related-entry a div {
	width: calc(100% - 110px);
	height: calc(100% - 110px);
	padding-left: 10px;
	display: table-cell;
    vertical-align: middle;
    color: inherit;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
	#related-entries h3 {
		font-size: 100%;
	}

	.related-entry a {
		width: calc(100% - 50px);
		margin: 10px 20px;
		font-size: 1.05em;
	}

	.related-entry a figure {
		width: 110px;
		height: 110px;
	}

	.related-entry a div {
		padding-left: 15px;
	}
}


/*フォントの装飾*/
.b {
	font-weight: bold !important;
}

.normal {
	font-weight: normal !important;
}

/*フォントサイズの設定*/
.big {
	font-size: 1.2em !important;
}

.big2 {
	font-size: 1.5em !important;
}

.big3 {
	font-size: 1.8em !important;
}

.small {
	font-size: 0.8em !important;
}

.f08em {
	font-size: 0.8em;
}

.f09em {
	font-size: 0.9em;
}

.f10em {
	font-size: 1.0em;
}

.f11em {
	font-size: 1.1em;
}

.f12em {
	font-size: 1.2em;
}

.f13em {
	font-size: 1.3em;
}

.f14em {
	font-size: 1.4em;
}

.f15em {
	font-size: 1.5em;
}

.f16em {
	font-size: 1.6em;
}

.f17em {
	font-size: 1.7em;
}

.f18em {
	font-size: 1.8em;
}

.f19em {
	font-size: 1.9em;
}

.f20em {
	font-size: 2.0em;
}

.f21em {
	font-size: 2.1em;
}

.f22em {
	font-size: 2.2em;
}

.f23em {
	font-size: 2.3em;
}

.f24em {
	font-size: 2.4em;
}

.f25em {
	font-size: 2.5em;
}

.f26em {
	font-size: 2.6em;
}

.f27em {
	font-size: 2.7em;
}

.f28em {
	font-size: 2.8em;
}

.f29em {
	font-size: 2.9em;
}

.f30em {
	font-size: 3.0em;
}

.f8pt {
	font-size: 8.5pt;
}

.f9pt {
	font-size: 9.0pt;
}

.f10pt {
	font-size: 10pt;
}

.f11pt {
	font-size: 11pt;
}

.f12pt {
	font-size: 12pt;
}

.f13pt {
	font-size: 13pt;
}

.f14pt {
	font-size: 14pt;
}

.f15pt {
	font-size: 15pt;
}

.f16pt {
	font-size: 16pt;
}

.f17pt {
	font-size: 17pt;
}

.f18pt {
	font-size: 18pt;
}

.f19pt {
	font-size: 19pt;
}

.f20pt {
	font-size: 20pt;
}

.f21pt {
	font-size: 21pt;
}

.f22pt {
	font-size: 22pt;
}

.f23pt {
	font-size: 23pt;
}

.f24pt {
	font-size: 24pt;
}

/*フォントの色設定*/
.red {
	color: #ff3366 !important;
}

.blue {
	color: #0065d9 !important;
}

.green {
	color: #4caf50 !important;
}

.yellow {
	color: #ffff00 !important;
}

.navy {
	color: #3f51b5 !important;
}

.orange {
	color: #ff6600 !important;
}

.pink {
	color: #ec407a !important;
}

.purple {
	color: #9c27b0 !important;
}

.olive {
	color: #808000 !important;
}

.lime {
	color: #00ff00 !important;
}

.aqua {
	color: #00bcd4 !important;
}

.black {
	color: #4b3a24 !important;
}

.gray {
	color: #ccc !important;
}

.white {
	color: #fff !important;
}

.brown {
	color: #6d4c33 !important;
}

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray {
	padding: 2px;
}

.box-yellow {
	background-color: #ff6;
}

.box-orange {
	background-color: #f90;
}

.box-pink {
	background-color: #ffccff;
}

.box-lime {
	background-color: #9f9;
}

.box-gray {
	background-color: #ccc;
}

/*(追加)蛍光マーカー*/
.line-pink {
	background: linear-gradient(transparent 60%, #ffdfef 0%) repeat scroll 0 0;
}

/* WordpressネイティブCSS */
/* editor */
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
}

/* img */
.aligncenter {
	display: block;
	margin: 0 auto;
}

.entry-content .alignright {
	float: right;
	margin-left: 20px;
}

.entry-content .alignleft {
	float: left;
	margin-right: 20px;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}

/* clearfix */
.clearfix {
	overflow: hidden;
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.lSSlideOuter {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.phone-map .card.btn-group.btn-group-fill a {
    display: contents;
}

.phone-map .btn-group.btn-group-fill {
    margin-bottom: 0;
}

.phone-map .btn-group.btn-group-fill .btn {
    line-height: 2.6rem;
    font-size: 1.2em;
    font-weight: bold;
    background: #ff889c;
    border: solid 3px #ff889c;
    color: #fff;
    min-width: 12.5rem;
}

.phone-map .btn-group.btn-group-fill .btn:nth-child(2) {
    background: none;
    color: #ff889c;
    padding: 0.5em;
}

.pc-hidden {
    display: none;
}

.sp-hidden {
    display: block;
}

/* TABLET */
@media screen and (max-width: 1024px) {
    .nav-margin {
		display: none;
	}
	.header-title{
		top:-5px;
	}
}

/* MOBILE */
@media screen and (max-width: 768px) {
	#header-menu {
		padding: 0;
    }
    
    .header-nav .nav-item {
        padding: .8rem;
    }

	.logo-access-p {
		display: none;
	}

	.logo-access-m {
		font-size: 80%;
		font-weight: normal;
		display: block;
		text-align: center;
		background: whitesmoke;
	}

	.content {
		width: 95%;
	}

/*
	#logo {
		max-width: 70vw;
	}
*/

	.padtop {
		padding: 1.5rem 0;
	}

	/*.header-menu {
        background-color: rgba(76, 76, 76, 0.7);
    }*/

	.nav-btn {
		margin-left: 0;
	}

	.nav-margin {
		display: none;
	}

	.phone-map {
		margin-left: auto;
	}

	.phone-map p {
		float: left;
		margin: 13px 5px 0 0;
	}

	.phone-map p+p {
		margin-right: 0;
	}

	.ph-map+span {
		display: none;
	}

	.ph-phone,
	.ph-map {
		border-radius: 3px;
    }
    
    .top-img .content {
/*        bottom: -15%;*/
        padding: .5rem 0;
        top: 50%;
        left: 50%;
        bottom: auto;
        -webkit-transform: translate(-50%, -50%);
    }

    .top-img .content p:nth-child(1) {
        font-size: 90%;
        margin-bottom: 0;
    }

    .top-img .content p:nth-child(2), .top-img .content p:nth-child(3) {
        font-size: 120%;
        font-weight: bold;
    }

    .top-img .content p:nth-child(4) {
        font-size: 70%;
        margin-top: 0;
    }

    .dental-table {
        font-size: .9rem;
    }

    .dental-table thead, .dental-table thead th, .dental-table th, .dental-table td {
        padding: .5rem;
		font-size: .9em;
    }

    .fluid-container [class^="col-"]:not(.ignore-screen), .row [class*=" col-"]:not(.ignore-screen) {
/*         padding-top: 1rem; */
    }

	/* フッター固定ボタン */
	#bottom-nav {
		display: table;
		position: fixed;
		z-index: 9999;
		background-color: transparent;
		width: 100%;
		bottom: -105px;
		-webkit-transition: background 0.4s ease, height 0.4s ease;
		transition: background 0.4s ease, height 0.4s ease;
		-webkit-transition-property: background, height;
		transition-property: background, height;
		-webkit-transition-duration: 0.4s, 0.4s;
		transition-duration: 0.4s, 0.4s;
		-webkit-transition-timing-function: ease, ease;
		transition-timing-function: ease, ease;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	#bottom-nav .smoothScroll {
		background: rgba(90, 90, 90, 0.5);
		text-align: center;
		display: block;
		width: 50px;
		height: 30px;
		float: right;
		margin: 0 5px;
		border-radius: 5px 5px 0 0;
		color: #fff;
	}

	#bottom-nav ul {
		display: table;
		width: 100%;
		margin: 0;
		background-color: rgba(90, 90, 90, 0.5);
	}

	#bottom-nav ul li {
		display: table-cell;
		vertical-align: top;
		width: 30%;
		/*padding: 5px 2.5px 10px 5px;*/
		padding: 5px 5px 10px;
	}

	#bottom-nav ul li a {
		color: inherit;
		font-size: 15px;
		display: inline-block;
		width: 100%;
		position: relative;
		border-radius: 3px;
		vertical-align: top;
		text-align: center;
		line-height: 2;
		font-weight: bold;
		cursor: pointer;
		height: 58px;
	}

	#bottom-nav ul li:nth-child(1) a {
        background: #ff889c;
        border: 1px solid #ff889c;
        border-bottom: 2px solid #ae6b76;
		color: #fff;
    }
    
    #bottom-nav ul li:nth-child(2) a {
        background: #4F69E3 !important;
        border: 1px solid #4F69E3 !important;
        border-bottom: 2px solid #3B00E3 !important;
        color: #fff;
		/*min-height: 4.3em;*/
	}
	
	#bottom-nav ul li:nth-child(3) a {
        background: #3ccb01 !important;
        color: #fff;
	    border-bottom: 2px solid #3C754A;
	}

	#bottom-nav ul li a p {
		margin: 0 0 10px;
		line-height: 1;
		font-size: 60%;
		font-weight: normal;
	}

	#bottom-nav .icon-tel,
	#bottom-nav .icon-form {
		margin-right: 5px;
    }
    
    .pc-hidden {
        display: block;
    }
    
    .sp-hidden {
        display: none;
    }
}

/* Contact Form 7 */
@media(max-width:500px) {

	.content .inquiry th,
	.content .inquiry td {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.inquiry td {
		margin-bottom: 5px;
	}

	.inquiry .haveto,
	.inquiry .any {
		font-size: 10px;
	}
}

@media screen and (max-width: 375px) {
/*
    .top-img .content {
        bottom: -42%;
    }
*/
}
br.sp {
	display: none;
}
@media(max-width:500px) {
br.pc {
	display: none;
}
br.sp {
	display: block;
}	
}

/*矯正症例集用*/
.post-page .case_box {
			display: flex;
			justify-content: space-between;}

	.post-page .case_box .case_img h4{
		margin: 1em 0;
		border-bottom:none;
		background:#374054;
		color: #f3f3f3;
		padding: 5px 15px;}

	.post-page .case_box .case_img{
			width: 48%;}

	.post-page .case_box .case_img img {
		max-width: 100%;
		display: flex;
	}
	.post-page table.case_table{
		margin:0 auto;
		width: 100%;
		border: 1px solid rgb(249 249 249);
		border-collapse: collapse;
	}

	.post-page .case_table tr{
		border: 2px solid rgb(249 249 249);}

	.post-page .case_table th{
			width: 50%;
			text-align: center;
		background: #f3f3f3;
		padding: 1em 2em;
		vertical-align: middle;
		font-weight: 600;
		line-height: 1.7;
			}

	.post-page .case_table td{
			width: 50%;
			text-align: left;
		background: #fff;
		padding: 1em 2em;
		vertical-align: middle;
		line-height: 1.7;}



@media(max-width: 768px){
	
	.post-page .case_box {
			display: block;}

	.post-page .case_box .case_img{
			width: 100%; }

	.post-page .case_table{
		width:100%;
		margin:0 auto;
	}
	
	.post-page .case_table tr{
	border: none;}

	.post-page .case_table th{
			width: 100%;}

	.post-page .case_table td{
			width: 100%;
			text-align: center;
			background: rgb(249 249 249);}

	.post-page table.sp-break{ border-bottom: none; }
	.post-page table.sp-break,
	.post-page table.sp-break tbody,
	.post-page table.sp-break tr,
	.post-page table.sp-break th,
	.post-page table.sp-break td{ display: block; }
	.post-page table:not(.no-style).sp-break th{ text-align: center; border-bottom: none; padding: .5em 1em; }
	.post-page table:not(.no-style).sp-break td{ border-bottom: none; }
	}
/*矯正症例集用*/

.contact-area .line{
    background: #3ccb01 !important;
    line-height: .5;
}

  br.sp {
			  display: none; 
		  }
		  
		  @media screen and (max-width: 767px){
			  br.sp {
				  display: block;
			  }
		  }
		  
		  
.menu-list-column__title{
margin-block: 10px;
border-bottom: 2px solid #95DCE6;
font-size: 20px;
text-align: left;
}
			.menu-list-column{
				display: flex;
flex-direction: column;
				align-items: center;
				list-style: none;
			}
.menu-list-column__link-web{
padding: 5px 15px;
	width: 250px;
	background-color: #556ADC;
	border-radius: 15px;
	display: inline-block;
	color: #fff;
	display: flex;
align-items: center;
justify-content: space-between;
font-size: 15px;
}
.menu-list-column__link-web::after {
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: 900;
}
.menu-list-column__link-line{
padding: 5px 15px;
	width: 250px;
	background-color: #6FC83B;
	border-radius: 15px;
	display: inline-block;
	color: #fff;
	display: flex;
align-items: center;
justify-content: space-between;
	font-size: 15px;
}
.menu-list-column__link-line::after {
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: 900;
}
.menu-list-column__link-mail{
padding: 5px 15px;
	width: 250px;
	background-color: #F5F5F5;
	border-radius: 15px;
	display: inline-block;
	color: #333;
	display: flex;
align-items: center;
justify-content: space-between;
	font-size: 15px;
}
.menu-list-column__link-mail::after {
    font-family: "Font Awesome 5 Free";
    content: '\f0da';
    font-weight: 900;
}
		  

br.sp{ display: none;}
		  		  @media screen and (max-width: 767px){
			  br.sp {
				  display: block;
			  }
		  }

.orthodontics-table table{}
table {
    margin: 2rem 0;
    width: 100%;
	border: 1px solid #374054;
	border-collapse: collapse!important;
}
th {
    background: #f0f0f0;
    border: 1px solid #374054;
    font-size: 1rem;
	color: #374054;
    line-height: 1.7;
    padding: 1em;
    vertical-align: middle;
	width: 45%;
}
td {
    border: 1px solid #374054;
    line-height: 1.7;
    padding: 1em;
    vertical-align: middle;
}

/*20250829dd*/
#top section{
	padding-top:30px;
}

.dental-table thead tr th:first-child {
	width:34%;	
}
.dental-table thead tr th:not(:first-child) {
	width:11%;	
}

/*20250912add SP表示時、画像を横回りさせない*/
.entry-content .side-img {
    display: flex;
    justify-content: space-between;
	margin:1rem 0 0;
}
.entry-content .side-img .img {
    width: 260px;
	margin: 1rem 0;
}
.entry-content .side-img .img > *:last-child{
	margin-bottom:  0 !important
}
.entry-content .side-img .img > *:first-child{
	margin-top: 0 !important;
}
.entry-content .side-img .img img {
    display: block;
    width: 100%;
}
.entry-content .side-img .txt {
    width: 550px;
}

@media screen and (max-width: 768px){
	.entry-content .side-img {
		flex-wrap: wrap;
	}
	.entry-content .side-img .img {
		width: 100%;
		order: 1;
		margin-top: 3.3333vw;
		margin-bottom: 3.3333vw;
	}
	.entry-content .side-img .txt {
		width: 100%;
		order: 2;
	}
}