/*
Theme Name:神田歯科医院2026
Theme URI:
Description:WordPressテーマ
Template:serum_tcd096
Author:@dewey
Author URI:https://design-plus1.com/tcd-w/
Version:2.9
*/
body {
	background-color: #cbecbf;
}
#container {
	background-color: #fff;
}
.breadcrumb_type2 #bread_crumb {
	background-color: #fff !important;
}
#archive_blog,
body.single-post #main_content {
	background-color: #e3f1de !important;
}
#header_logo2 .text_image {
  padding: 0 20px;
}
#header_logo2 img {
  max-height: 48px;
}
#single_post_title .update {
	display: none;
}
#footer_logo img {
	max-width: 180px;
	height: auto;
}
#side_icon_button .item {
	background-color: #fff;
}
#side_icon_button .item.booktel a {
	background-color: #008fef;
	color: #fff;
}
#side_icon_button .item.booktel a[href^="tel:"] {
  pointer-events: inherit;
}
#side_icon_button .item.booktel a:hover {
	opacity: 0.7;
}

#footer_sns {
	background: inherit;
}
.no_top_margin {
	margin-top: 0 !important;
}
.no_margin {
	margin: 0 !important;
}
p.line-height_1 {
	line-height: 1 !important;
}
/*院長挨拶 */
.page-id-2822 .wp-block-vk-blocks-outer.vkb-outer-700e467a-4825-4a14-871a-a0cb4ac35116.vk_outer.vk_outer-width-normal.vk_outer-paddingLR-zero.vk_outer-paddingVertical-none.vk_outer-bgPosition-normal {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.biography-back{
	  margin-left: calc(-50vw + 50%);
     margin-right: calc(-50vw + 50%);
}

/* 営業カレンダー */
.xo-event-calendar table.xo-month .month-header span.calendar-caption {
	font-size: 32px;
}
.xo-event-calendar table.xo-month thead tr th {
	background-color: #f4f4f4;
}
.xo-event-calendar table.xo-month tbody tr td.month-week {
	height: 80px;
}

.single-xo_event .signage {
	display: none;
}
.single-xo_event .breadcrumb-wrapper {
	position: relative;
}

@media only screen and (max-width: 768px) {
	.xo-event-calendar table.xo-month tbody tr td.month-week {
		height: auto;
	}
}


.h4-title{
	border-left:3px solid #337ab7;
	padding-left:8px!important;
	 background-color: #d9edfa;
}

/* 診療案内 */
.treat-illust1{
	text-align:center;
	margin-bottom: -3.5em!important;
}
.treat-back{
	background-color:#f4f1ef;
  padding: 80px 20px 100px;
	margin: 50px 0px;
	margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.treat-back1{
	background-color:#f4f1ef;
   padding: 80px 20px 100px;
	margin: 50px 0px;
	margin-left: calc(-50vw + 50%);
   margin-right: calc(-50vw + 50%);
}
.treat-back2{
	max-width:930px;
	margin: 0 auto;
}
.treat-tbl td {
    border-bottom: 2px solid #f4f1ef !important;
		border-right: 2px solid #f4f1ef !important;
		width: 50%;
		height: 70px;
}
.treat-tbl i.fa-solid {
	font-size: 28px;
	color: #1578d6;
	margin: 0 8px 3px 0;
	vertical-align: middle;
}
.single-treatment .post_content td, .single-treatment .post_content th {
    border: 1px solid #fff;
    padding: 20px 30px 20px;
    line-height: 2.2;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.treat_icon {
	margin: 8px 10px -6px 0;
	float: left;
}

.flow_design {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

.flow_design ul {
  padding: 0;
}

.flow_design li {
  list-style-type: none;
}

.flow_design dd {
  margin-left: 0;
}

.treat-flow {
  position: relative;
}

.treat-flow::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}

.treat-flow > li {
  position: relative;
}

.treat-flow > li:not(:last-child) {
  margin-bottom: 60px;
}

.treat-flow > li .treat-icon {
  font-size: 0.8em;
  width: 2em;
  height: 2em;
  line-height: 2;
  text-align: center;
  font-weight: bold;
  border-radius: 100vh;
  color: #fff;
  background: #1578d6;
  display: inline-block;
  margin-right: 0.3em;
}

.treat-flow > li dl {
  padding-left: 70px;
  position: relative;
}

.treat-flow > li dl::before,
.treat-flow > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}

.treat-flow > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #1578d6;
  border-radius: 50%;
  left: -4px;
}

.treat-flow> li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}

.treat-flow > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color: #1578d6;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1220px) {
	body {
		background-color: #fff;
	}
}
@media only screen and (max-width: 600px) {
.treat-tbl td {
	display:block;
	width:100%;
}
.flow_design {
	justify-content: center;
}
}

/* 診療科目 */
#category_treatment.no_data { margin-top:-1px; }
#treatment_list_archive { background:#fff; padding:120px 0 0; margin:0; posiiton:relative; }
#treatment_list_archive .header { text-align:center; margin-bottom:0; }
#treatment_list_archive .header .catch { text-align:center; line-height:1.7; margin:-10px 0 20px 0; color: #66c042; width: 100%; padding-right: 0 !important; }
#treatment_list_archive .header .desc { line-height:2.4; width: 100%; text-align: center; margin-bottom: 30px; }
#treatment_list_archive .post_list { width:930px; margin:0 auto 80px; display:flex; flex-wrap:wrap; }
#treatment_list_archive .post_list .item { width:50%; }
#treatment_list_archive .post_list a { padding:20px 30px; display:block; background:#f4f4f4; border-right:2px solid #fff; border-top:2px solid #fff; display:flex; flex-wrap:wrap; align-items:center; }
#treatment_list_archive .post_list a:hover { text-decoration: none; background:#f0f0f0; }
#treatment_list_archive .post_list .item:nth-child(1) a { border-top:none; }
#treatment_list_archive .post_list .item:nth-child(2) a { border-top:none; }
#treatment_list_archive .post_list .item:nth-child(2n) a { border-right:none; }
#treatment_list_archive .post_list .item:last-of-type a { border-right:none; }
#treatment_list_archive .post_list .image_wrap { width:80px; height:80px; position:relative; overflow:hidden; z-index:1; border-radius:100%; }
#treatment_list_archive .post_list .image { width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:2; }
#treatment_list_archive .post_list .image img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.post_content #treatment_list_archive .post_list h4.title { font-weight:500; width:calc(100% - 80px); margin: 0; padding-left:30px; line-height:1.6; transform: translate3d(0,0,0); transition: transform 0.35s ease; }
#treatment_list_archive .post_list a:hover .title { transform: translate3d(14px,0,0); }
#treatment_list_archive .link_button { text-align:center; }

#treatment_list_archive .post_list { width:auto; margin:0; }
@media only screen and (max-width: 1000px) {
  #treatment_list_archive { padding:100px 0; }
  #treatment_list_archive .header { padding:0 60px; }
  #treatment_list_archive .post_list { margin:0 60px 80px; }
	.design_content #treatment_list_archive .image {
  	margin-top: 0;
	}
}
@media only screen and (max-width: 800px) {
  #treatment_list_archive { padding:40px 0; }
	#treatment_list_archive .header { margin-bottom:32px; padding:0 20px; }
	#treatment_list_archive .header .catch { margin-bottom:18px; margin-top:-5px; }
	#treatment_list_archive .header .desc { line-height:2; }
  #treatment_list_archive .post_list { margin:0 20px 40px; }
	#treatment_list_archive .post_list a { padding:15px 20px; }
	#treatment_list_archive .post_list .image_wrap { width:70px; height:70px; }
	#treatment_list_archive .post_list .title { width:calc(100% - 70px); padding-left:20px; }
	.design_content #treatment_list_archive .image_wrap {
  	margin-top: 0;
	}
}
@media only screen and (max-width: 600px) {
  #treatment_list_archive .post_list { display:block; }
	#treatment_list_archive .post_list .item { width:auto; }
	#treatment_list_archive .post_list .item a { border:none; border-bottom:2px solid #fff; }
	#treatment_list_archive .post_list .item:last-of-type a { border-bottom:none; }
}

/* #treatment_list .post_list h4.title span {
	font-size: 20px;
	color: #1578d6;
} */



/*HOME*/
.home .post_content .s_table {
    white-space: normal;
}
.home .post_content td, .post_content th {
    border: 0px solid #ddd;
}
.home .post_content h2.catch,
.home section.cb_box_content h2.catch {
	color: #30aa00;
}
section#cb_content_3,
.post_content .home-medical-table td {
	background-color: #f4f1ef;
}
.home-medical-table h3{
	margin: 0 0 0 0;
}



.post_content .wp-block-table.profile_tbl {
	overflow: inherit;
	white-space: wrap;
}
.profile_tbl th {
	font-weight: bold;
	background: none;
	min-width: 6rem;
	vertical-align: middle;
}
.wp-block-table.profile_tbl.is-style-stripes tbody tr:nth-child(odd),
.post_content .opentime_tbl thead th {
	background-color: #e3f1de;
}
.opentime_tbl thead th:nth-child(n+2),
.opentime_tbl tbody td {
	width: 11%;
}
.opentime_tbl thead th:first-child,
.opentime_tbl tbody th {
	width: 23%;
}
@media only screen and (max-width:770px){
	.opentime_tbl {
		font-size: 13px;
	}
}

.post_content ul.profile_list {
	margin-left: 0.2em;
}
@media only screen and (max-width:800px){
	.post_content ul.profile_list li {
		line-height: 1.4;
	}
}
p.staff_name {
	padding: 0.15em 1.25em;
}