@charset "UTF-8";
@import "fonts.css";
@import "zocial.css";
@import "font-awesome.css";
@import "_block.css";

/***
共通
***/
img {
	max-width: 100%;
	height: auto!important;
	display: block;
}
body {
	line-height: 1.57;	
}

p {
	margin-top: 1em;
}
p+p {
	margin-top: 0.5em;
}

h2+*:nth-child(1),
h3+*:nth-child(1),
h4+*:nth-child(1),
h5+*:nth-child(1),
h6+*:nth-child(1) {
	margin-top: 0;
}

#main .title{
	margin-bottom: 30px;
}
#main .title .fll{
	width: 100px;
}
#main .title .fll img{
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
			border-radius: 50%;
}
#main .title .flr{
	width: 540px;
}
#main .title .flr h1{
	font-size: 24px;
	margin-bottom: 5px;
	color: #4c4c4c;
}
#main .title .flr .myclip{
	float: left;
	background: #24b4c0;
	font-size: 13px;
	padding: 4px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#main .title .flr .myclip span,
#main .title .flr .myclip a{
	color: #fff;
	font-size: 11px;
}
#main .title .flr .myclip .fa-heart{
	padding-right: 3px;
}
#main .title .flr .myclip .icon2-clip{
	width: 18px;
	height: 18px;
	padding-right: 5px;
	position: relative;
	top: -1px;
}
#main .title .flr .myclip .wpfp-span{
	font-size: 11px;
}
#main .title .flr .myclip .wpfp-hide {
	display: none;
	float: left;
	margin-left: -40px;
}
#main .title .flr .wpfp_favorites{
	float: left;
}
#main .title .flr .wpfp_favorites i{
	color: #24B4C0;
	font-size: 22px;
	padding-right: 5px;
	position: relative;
	top: 2px;
}
#main .title .flr .wpfp_favorites span{
	padding: 4px 8px;
	border: 1px solid #24b4c0;
	position: relative;
	top: -2px;
	font-size: 11px;
}
.wp_social_bookmarking_light{
	float: left;
	position: relative;
	left: 12px;
	top: 3px;
}
.wsbl_twitter{
	width: 72px !important;
}

#main .cat{
	margin-top: 10px;
	margin-bottom: 30px;
	padding: 7px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#main .cat li{
	float: left;
	color: #ccc;
}
#main .cat li:last-child{
	float: right;
}
#main .cat li time{
	font-size: 11px;
	color: #999;
}
#main .cat li:first-child{
	padding: 1px 10px;
	-webkit-border-radius: 8px;
			border-radius: 8px;
}

.fv {
	margin-top: 1em;
}

.datsumou_sg h2 {
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 2em;
	margin-top: 1.5em;
	border-bottom: 2px solid #24B4C0;
	padding-bottom: 0.5em;
}
.datsumou_sg h3 {
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
	border-bottom: 2px dashed #24B4C0;
	margin-bottom: 1em;
	margin-top: 1.2em;
	padding-bottom: 0.5em;
}
.datsumou_sg h4 {
	font-size: 18px;
	color: #24B4C0;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: 1.5em;
}
.datsumou_sg h5 {
	font-size: 16px;
	color: #24B4C0;
	line-height: 1.57;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: 1em;	
}

.datsumou_sg ul {
	margin-top: 1em;
}
.datsumou_sg ul li {
	position: relative;
	margin-left: 1em;	
}
.datsumou_sg ul li+li {
	margin-top: 0.3em;
}
.datsumou_sg ul li::before {
	content: "";
	width: .7em;
	height: .7em;
	border-radius:50%;
	position: absolute;
	left: -1em;
	top: 0.4em;
	background: #24B4C0;
	border-radius: 50%;
}

.datsumou_sg ol {
	margin-top: 1em;
}

.datsumou_sg ol li+li {
	margin-top: 0.3em;
}
.datsumou_sg ol li  {
    margin: 0 1em;
    counter-increment: toc-num;
    position: relative;
    padding-left: 1.5em;
}
.datsumou_sg ol li::before {
	top: .8em;
}
.datsumou_sg ol li::before {
    content: counter(toc-num) ".";
    position: absolute;
    left: 0;
    color: #24B4C0;
	background: none;
	width: auto;
	font-weight: bold;
	top: 0.1em;
}




.datsumou_sg .listitems {
	background:#F7F7F7;
	border-radius: 10px;
	padding: 1.5em 1em;
}

.clinictbl  {
	border-top: 1px solid #CCE2E3;
	width: 100%;
	margin-top: 1em;
}
.clinictbl tr td:nth-child(1) {
    background: #F0F9FA;
    width: 25%;
    font-weight: bold;
   
}

.clinictbl tr td {
    width: 75%;
	border: none;
	border-bottom: 1px solid #CCE2E3;
}
.clinictbl .maplink {
	text-decoration: underline;
}
.clinictbl .maplink:hover {
	text-decoration: none;
}
.clinictbl iframe {
    width: 100%;
    height: 350px;
}

.clinictbl+h3 {margin-top: 30px;}

.clinictbl + .summary {
    margin-top: 50px;
}


#toc_container {
	padding: 1em 1.5em!important;
	margin-top: 1.5em!important;
	background: #fff!important;
	border:1px solid #24B4C0!important
}

.toc_title {
    display: flex;
    align-items: center;
    column-gap: 5px;
}

#toc_container p.toc_title:before {
    content: "";
    background: url(../img/fa-solid-list.png) no-repeat;
    width: 12px;
    height: 12px;
    display: block;
}


#toc_container span.toc_toggle {
	padding-left: 1em;
}
#toc_container span.toc_toggle a {
	font-size: 90%;
}
#toc_container .toc_list  li {
	line-height: 2;
}
#toc_container .toc_list > li {
    margin: 0 1em;
    counter-increment: toc-counter;
    position: relative;
    padding-left: 1.5em;
    color: #24B4C0;
}
#toc_container .toc_list  li::before {
	top: .8em;
}
#toc_container .toc_list > li::before {
    content: counter(toc-counter) ".";
    position: absolute;
    left: 0;
    color: #24B4C0;
	background: none;
	width: auto;
	font-weight: bold;
	top: 0.1em;
}

#toc_container span.toc_toggle span,
#toc_container span.toc_toggle a {
	color: #24B4C0;
}
@media screen and (max-width: 1049px) {
	.clinictbl {
		border: none!important;
		border-top: 1px solid #CCE2E3!important;
	}
	.clinictbl tr {
		
		border: none!important;
		border-bottom: 1px solid #CCE2E3!important;
	}
	#toc_container .toc_list > li {
		margin: 0;
	}
	.datsumou_sg ul li::before {
		content: "";
		width: .5em;
		height: .5em;
		left: -1em;
		top: 0.4em;
	}
	.datsumou_sg h3 {
		font-size: 16px;
	}
	.datsumou_sg h4 {
		font-size: 16px;
	}
}

/**********
関連
**********/
#main .single .relation,
#main .single .myrelated{
	margin-bottom: 30px;
}
#main .single .relation h3,
#main .single .myrelated h3{
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #24b4c0;
	font-size: 16px;
}
#main.page .myrelated .wpfp-link{
	display: block;
	width: 151px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	background: #24b4c0;
	color: #fff !important;
	font-size: 12px;
	position: relative;
	top:-3px;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		 -o-transition: all 0.4s;
			transition: all 0.4s;
}
.wpfp-link:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha( opacity=60 )";
	text-decoration: none;
}
#main.page .myrelated .wp-pagenavi{
	position: relative;
	top: 29px;
}
#main .single .relation li{
	margin-bottom: 10px;
	padding: 5px 0 5px 10px;
}
#main .single .relation li:nth-child(odd){
	background: #f9f9f9;
}
#main .single .relation li i{
	padding-right: 5px;
	font-size: 16px;
}
#main .single .relation li a{
	font-size: 14px;
}
#main .myrelated ul>li{
	width: 153px;
	float: left;
	margin-left: 16px;
	margin-bottom: 15px;
}
#main .myrelated ul>li:nth-child(4n+1){
	margin-left: 0;
}
#main .myrelated ul>li img{
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
#main .myrelated ul>li time{
	color: #ccc;
	font-size: 10px;
}
#main .myrelated ul>li>p{
	margin-bottom: 15px;
	line-height: 1.4 !important;
}
#main .myrelated ul>li>p>a{
	font-size: 13px;
}

#main .myrelated2{
	width: 800px;
	margin-bottom: 25px;
	background: #fff;
	padding: 35px;
}
#main .myrelated2 ul>li{
	width: 369px;
	float: left;
	padding-bottom: 10px;
	padding-top: 15px;
	padding-right: 10px;
	border-bottom: 1px dotted #ccc;
	height: 55px;
}
#main .myrelated2 ul>li:nth-child(odd){
	border-right: 1px dotted #ccc;
}
#main .myrelated2 ul>li:nth-child(even){
	padding-left: 15px;
	width: 395px;
}
#main .myrelated2 ul>li img{
	width: 50px;
	height: 50px;
	float: left;
	-webkit-border-radius: 8px;
			border-radius: 8px;
}
#main .myrelated2 ul>li p{
	margin-bottom: 15px;
	margin-left: 60px;
	margin-top: -3px;
}
#main .myrelated2 ul>li p a{
	font-size: 14px;
}
#main .myrelated2 ul>li p time{
	color: #ccc;
	font-size: 10px;
	float: left;
}

#main .myrelated_instagram{
	padding: 14px;
	border: 1px solid #eee;
	background: #fff;
	margin-bottom: 30px;
}

#main .myrelated_instagram a{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	transition: 0.2s opacity;
}
#main .myrelated_instagram a:hover{
	opacity: 0.6;
}
#main .myrelated_instagram a .thumb{
	max-width: 166px;
	width: 100%;
}
#main .myrelated_instagram a .thumb img{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
#main .myrelated_instagram a:hover .thumb img{
	opacity: 1;
}
#main .myrelated_instagram a .right{
	max-width: 440px;
	width: 100%;
}
#main .myrelated_instagram a .right .txt{
	font-size: 20px;
	font-weight: bold;
	color: #707070;
	text-decoration: underline;
	line-height: 140%;
	margin-bottom: 20px;
}
#main .myrelated_instagram a .right .dates{
	display: flex;
	justify-content: space-between;
}
#main .myrelated_instagram a .right .dates .date{
	font-size: 12px;
}
#main .myrelated_instagram a .right .dates .cat{
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: none;
}


.com_1btn {
	display: block;
    max-width: 100%;
    width: 300px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #24b4c0;	
    text-align: center;
    color: #fff !important;
    margin: 1em auto;
}