@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
:root {
	--blog-01-color: red;
	--blog-01-color: red;
	--blog-01-color: red;
	--blog-01-color: red;

	--blog-02-color: red;
	--blog-02-color: red;
	--blog-02-color: red;
	--blog-02-color: red;
}

/*必要ならばここにコードを書く*/
body {
	font-family: "Meiryo UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "MS PGothic", sans-serif;
}



.header-container-in.hlt-top-menu .tagline {
	display: inline-block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	text-align: left;
}

#header-container,
#header-container .navi,
#navi .navi-in>.menu-header .sub-menu {
	background-color: transparent;
}

.navi-in>ul {
	justify-content: flex-end;
}

.navi-in>ul li {
	width: auto;
	border-right: solid 1px rgb(255 255 255 / 10%);
}

.navi-in>ul li a:hover {
	opacity: 1;
}

.navi-in>ul li:first-child {
	border-left: solid 1px rgb(255 255 255 / 10%);
}

.navi-in>ul li:first-child a {
	padding-right: 10px;
	transition: background .3s;
	width: auto;
}

#navi .navi-in a:hover,
.navi-in>ul li:first-child a:hover {
	background: #009688;
}

.navi-in .item-label {
	font-family: YuGothic, Yu Gothic, ヒラギノ角ゴシック, Hiragino Sans, メイリオ, Meiryo, sans-serif;
	font-weight: 600;
	padding: 0 20px;
}


.navi-in>ul .sub-menu a {
	background: #2b292e;
}

.navi-in>ul .sub-menu a:hover {
	background-color: #222;
}

#main {
	padding: 30px 100px 40px;
	border-radius: 15px;
}

.content {
	margin-top: 15px;
}

.home #main {
	padding: 30px 40px 40px;
}

.sns-share.ss-high-and-low-lc a,
.sns-share.ss-high-and-low-cl a {
	padding: 0;
	font-size: 0;
	line-height: 1;
	height: 30px;
}


.sns-share.ss-high-and-low-lc a .social-icon,
.sns-share.ss-high-and-low-cl a .social-icon,
.sns-share.ss-high-and-low-lc a .button-caption,
.sns-share.ss-high-and-low-cl a .button-caption {
	font-size: 20px;
}

.sns-share.ss-high-and-low-lc a .social-icon.button-caption,
.sns-share.ss-high-and-low-cl a .social-icon.button-caption,
.sns-share.ss-high-and-low-lc a .button-caption.button-caption,
.sns-share.ss-high-and-low-cl a .button-caption.button-caption {
	font-size: 0;
}

.sns-share-buttons a {
	font-weight: 600;
	font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 游ゴシック, YuGothic, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.post-date,
.post-update,
.post-author,
.amp-back {
	border: solid 1px #f1f1f7;
	border-radius: 30px;
	padding: 4px 8px 2px;
	color: #c2c2c7;
	margin: 2px 0px 0 4px;
	display: inline-block;
	background: #fff;
}

.has-text-align-center {
	white-space: pre;
	padding: 10px 20px;
}


.body .wp-block-table table {
	word-break: keep-all;
	border: solid 1px #9795bf;
}


.body .wp-block-table table.clinic-introduction p {
	margin: 0;
}

.body .wp-block-table table.clinic-introduction a {
	text-decoration: none;
	background: #12b5cb;
	margin: 3px auto;
	display: block;
	border-radius: 3px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	padding: 5px 15px 4px;
	border-bottom: solid 2px #1692a3;
}

.body .wp-block-table table.clinic-introduction iframe {}

.body .wp-block-table figcaption {
	margin: 8px 0 10px;
}

#block-2 {
	background: #fff;
	margin: 0 0 20px;
	padding: 10px 20px 16px;
	border-radius: 15px;
	box-shadow: 0px 1px 10px -8px rgb(59 47 100 / 50%);
}

#block-2 .wp-block-search__button-outside {
	margin: 0;
}

.pfzd-price-table table {
	word-break: keep-all;
}

.pfzd-price-table tbody thead th:nth-child(odd) {
	background: #4f88f1;
	color: #fff;
	border: solid 1px #303ea3;
}

.pfzd-price-table thead th:nth-child(even) {
	background: #6d49b5;
	color: #fff;
	border: solid 1px #472a81;
}

.pfzd-price-table tbody tr:nth-child(1) td {
	background: #3c3a40;
	color: #fff;
	border: solid 1px #29272e;
	padding: 4px 10px;
	text-align: center;
}

.pfzd-price-table tbody tr:nth-child(2) td {
	border-bottom: solid 1px #111;
	min-width: 90px;
	text-align: center;
}

.pfzd-price-table tbody tr:nth-child(2) td:first-child {
	border-left: solid 1px #111;
}

.pfzd-price-table tbody tr:nth-child(2) td {
	border: solid 1px #bbbac9;
}


.pfzd-price-table tbody tr td:nth-child(even) {
	border-right: solid 1px #222;
}

.widget-related-entry-cards {
	background-color: #fff;
}

.widget-related-entry-card-link {
	padding: 10px 10px 10px 15px;
	border-bottom: solid 1px #eee;
}

#editor .article h3 {
	padding: 12px 25px 12px;
	margin: 20px auto;
	background: #f5f5f5;
}

#new_entries-3 {
	background-color: #fff;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*480px以下*/
@media screen and (max-width: 480px) {

	/*必要ならばここにコードを書く*/

	#navi .navi-in>.menu-mobile li {
		margin: 0 0 4px;
		border: none;
	}

	#content {
		margin: 0;
	}

	#main {
		padding: 10px 20px 20px;
		border-radius: 0;
		margin: 0;
	}

	.sns-share.ss-top.ss-col-6 a,
	.sns-share.ss-bottom.ss-col-6 a {
		width: calc((100%/6) - 1vw);
		height: 7vw;
		margin: 0 0 1vw;
		border-radius: 3px;
	}

	.sns-share.ss-high-and-low-lc a .social-icon,
	.sns-share.ss-high-and-low-cl a .social-icon,
	.sns-share.ss-high-and-low-lc a .button-caption,
	.sns-share.ss-high-and-low-cl a .button-caption {
		font-size: 4.5vw;
	}

	.date-tags {
		margin: 3px 0 -10px;
		font-family: Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 游ゴシック, YuGothic, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}

	.main figure.wp-block-table {
		overflow-x: scroll;
		margin: 10px -20px 10px;
		padding: 0 20px;
		max-width: 100vw;
	}

	.main figure.wp-block-table td {
		white-space: nowrap;
	}

	.article table a {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		white-space: pre;
	}

	table th,
	table td {
		padding: 5px 10px;
	}

	.body .wp-block-table table.clinic-introduction {}

	.body .wp-block-table table.clinic-introduction th {
		word-break: keep-all;
	}

	.body .wp-block-table table.clinic-introduction td {}

	.body .wp-block-table table.clinic-introduction td.map {
		font-size: 0;
		background: #f5f6f7;
		padding: 5px 5px;
	}

	.body .wp-block-table table.clinic-introduction iframe {
		margin: 2vw 0 0;
		box-shadow: 0px 1px 3px -2px #819a9f;
		max-height: 70vw;
		min-width: 90vw;
	}

	.body .wp-block-table table.clinic-introduction p {
		font-feature-settings: "palt";
		letter-spacing: 0;
		text-align: left;
		word-break: break-all;
		line-height: 1.45;
	}

	.body .wp-block-table table.clinic-introduction a {
		text-decoration: none;
		background: #12b5cb;
		margin: 3px auto;
		display: block;
		border-radius: 3px;
		color: #fff;
		font-weight: 600;
		font-size: 3.5vw;
		padding: 5px 15px 5px;
		border-bottom: solid 3px #1692a3;
	}


	.home #main {
		padding: 12px 12px 12px;
	}

}