/*
Theme Name: eases5-child
Template: eases5
Description: もりかわ歯科医院 様
*/
/* 初期設定 ----------------------------------------------------------------------------------- */
:root {
	--es-wrap-max-width: 100%;
	--es-main-max-width: 1024px;
	--es-side-max-width: 220px;
	--es-main-font-color: #555;
	--es-primary-color: #335b22;
	--es-header-color: rgba(32, 32, 32, 0);
	--es-header-font-color: #335b22;
	--es-side-color: rgba(32, 32, 32, 0);
	--es-side-font-color: #555;
	--es-side-a-color: #555;
	--es-footer-color: #335b22;
	--es-footer-font-color: white;
	--es-header-hmg-color: white;
	--es-mobile-menu-color: #335b22;
}

ul, ol {
	padding: 0;
	list-style: none; }

/* contents ------------------------------------------------------------------------------------- */

/* ■ h1 - h5
-------------------------------------------------------------- */
.hgroup h1 { line-height: 1.2; }

h1 span:nth-child(2) {
	display: block;
	text-align: center;
	font-size: 1.6rem; }


#main h2 {
	margin: 0 auto 20px;
	padding: 5px 20px!important;
	border-bottom: 1px solid #555;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }

.mobile-menu h2 { color: white; }

#footer h2 { font-size: 2.2rem; }

#single-page h2 {
	background-color: #808670;
	color: white; }

#main h3 {
	position: relative;
	margin: 0 auto 20px;
	padding: 5px 40px!important;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }

#main h3:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\e939";
	font-size: 2.8rem;
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal; }

/* レイアウト
-------------------------------------------------------------- */
#wrap {
	max-width: var( --es-wrap-max-width );
	margin: 0 auto; }

#header {
	text-align: center; }
	@media screen and (min-width: 600px) {
		#header { text-align: left; } }

.hgroup {
	margin-bottom: 20px;
	padding: 0; }

.hgroup-inner { justify-content: center; }
	@media screen and (min-width: 768px) {
		.hgroup-inner { justify-content: space-between; } }

.hgroup .information {
	flex-direction: row;
	color: #555;
	font-size: 1.2rem; }

.hgroup .information a {
	width: auto;
	background-color: transparent;
	color: #555;
	line-height: 1; }

.info_tel {
	margin-right: 10px; }

.info_tel li:nth-child(2) {
	font-size: 2.4rem;
	font-weight: bold; }

.info_tel li:nth-child(2) span {
	padding-left: 10px; }

#header .shinryojikan {
	padding: 5px 10px;
	background-color: #8fff72;
	text-align: center; }

#globalnavi {
	justify-content: center;
	background: #fff;
	z-index: 999; }

@media screen and (min-width: 768px) {
	.sticky {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 80px;
		box-shadow: 0 3px 4px rgba(0, 0, 0, 0.3); } }

#globalnavi ul {
	display: flex;
	width: 100%;
	max-width: var( --es-main-max-width );
	border-right: dotted 2px #555555; }

#globalnavi li {
	position: relative;
	width: 20%;
	border-left: dotted 2px #555555;
	line-height: 1.2; }

#globalnavi li a {
	display: block;
	padding: 10px 0;
	color: #555; }

#globalnavi li a::before {
	content: "\e934";
	position: relative;
	top: 5px;
	left: -5px;
	font-size: 2.8rem;
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }

#globalnavi li a::after {
	white-space: pre;
	font-size: 1.4rem; }

#globalnavi li:nth-child(1) a::after { content: '\A TOP'; }
#globalnavi li:nth-child(2) a::after { content: '\A ABOUT'; }
#globalnavi li:nth-child(3) a::after { content: '\A INFORMATION'; }
#globalnavi li:nth-child(4) a::after { content: '\A ACCESS'; }
#globalnavi li:nth-child(5) a::after { content: '\A FAQ'; }

#image-area { padding: 40px 0; }

#image-area img { width: 100%; }

#image-area p { line-height: 1.5; }

#main {
	width: 100%;
	padding: 0 20px; }
	@media screen and (min-width: 768px) {
		#main {
			max-width: var(	--es-main-max-width );
			margin: 20px auto 40px;
			padding: 0; } }

#footer { padding: 40px 0 20px; }

#footer > .inner {
	max-width: var( --es-main-max-width );
	margin: 0 auto; }

#wrap .inner > #footer > .inner > section {
	display: flex;
	flex-direction: column-reverse; }
	@media screen and (min-width: 768px) {
		#wrap .inner > #footer > .inner > section {
			flex-direction: row;
			align-items: flex-start; } }

#footer > .inner > section section:nth-child(1) { margin: 0; }
#footer > .inner > section section:nth-child(2) { margin: 0; }
	@media screen and (min-width: 400px) {
		#footer > .inner > section section:nth-child(1) { width: 100%; }
		#footer > .inner > section section:nth-child(2) { width: 100%; } }
	@media screen and (min-width: 768px) {
		#footer > .inner > section section:nth-child(1) { width: 100%; }
		#footer > .inner > section section:nth-child(2) { width: 100%; } }

footer .wp-block-table table { margin-bottom: 10px; }

footer .wp-element-caption {
	color: white;
	text-align: left; }

footer th,
footer td { text-align: center; }


.navi-contents { background-color: #eee; }
	@media screen and (max-width: 1000px) {
		.navi-contents { height: calc( 100dvh - 70px ); }
		.sp-menu #drawer-close { height: calc( 100dvh - 70px ); } }

/* コンテンツ
-------------------------------------------------------------- */
.top-page #main p.message { margin-bottom: 40px; }

.top-menu { margin-bottom: 40px; }

.top-menu .wp-block-group { margin-bottom: 0; }

.top-menu .wp-block-group__inner-container { display: flex; }

.top-menu .wp-block-group__inner-container p { padding: 0 20px!important; }

.top-menu .wp-block-column-is-layout-flow {
	margin: 5px;
	box-shadow: 0px 0px 3px 2px #b0b0b0; }

.top-menu .wp-block-column-is-layout-flow > p { text-align: right; }

.wp-block-table { margin: 0 0 2em; }

table { font-size: 1.6rem; }

.link-banner { margin-left: 10px; }
	@media screen and (min-width: 768px) {
		.link-banner { margin-left: 0; } }

.link-banner li { margin-bottom: 5px; }

.navi-contents img {
	width: 100%;
	max-width: var(	--es-side-max-width );
	height: auto; }

.rps-left { text-align: left; }
	@media screen and (min-width: 780px) {
		.rps-left {
			text-align: right; } }

/* 院長紹介 */
.about #main li span {
	display: inline-block;
	vertical-align: top; }

.about #main li span:nth-child(1) {
	margin-right: 40px;
	font-weight: bold; }

.about #main li span:nth-child(2) {
	margin-bottom: 20px; }

.label-blog { color: #555!important; }

/* リストスタイル */
.list-parentheses li {
	list-style-type: decimal;
	margin-left: 40px;
	padding-left: 10px; }
	
@media screen and (min-width: 780px) {
.list-parentheses li {
	list-style-type: none;
	counter-increment: cnt; }

.list-parentheses li::marker {
	content: "(" counter(cnt) ")"; }
}

.list-disc{
	list-style-type: disc;
	margin-left: 40px;
	padding-left: 10px;
}

.list-circle{
	list-style-type: circle;
	margin-left: 40px;
	padding-left: 10px;
}


.rule #main .wp-block-group,
.rule #main .wp-block-columns { margin-bottom: 0; }