@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
*/

h6 {
	font-size: 20px;
}

/************************************
** 共通設定
************************************/
body {
	font-family: fot-tsukuardgothic-std,Helvetica,"Segoe UI","游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium",sans-serif;
	font-style: normal;
	font-weight: 400;
}
/*非表示*/
#header,
#footer,
.page .date-tags { display: none; }
/**/
a { text-decoration: none; }
/**/
.pic img { display: block; }
/**/
iframe { width: 100%; }
/*パンくずリスト*/
.breadcrumb {
	margin: 0 0 30px 0;
}
/***リセット***/
.article h3, .article h4, .article h5 { border: none; }
.info { background-color: initial; }
ul { padding-left: 0; }
/*table*/
.article table { margin: 0; }
tr:nth-of-type(2n+1) { background: initial; }
th, td {
	background: initial;
	border: none;
}
/***ページトップジャンプ***/
.go-to-top-button {
	background: #EFF8FB;
	color: #61b7da;
	border: solid 1px #FFF;
}
.go-to-top-button:hover { color: #61b7da; }

/***フォント***/
.fnt-bold {font-weight: bold;}
.fnt-18px {font-size: 18px;}
.line-bottom {border-bottom: solid 1px;}


/************************************
** スクロール追従：予約ボタン
************************************/
a.fixed_link {
	width: 40%;
	background: #EFF8FB;
	color: #61b7da;
	text-align: center;
	border: solid 2px #61b7da;
	border-radius: 5px;
	letter-spacing: 5px;
	font-size: 16px;
	font-weight: bold;
	box-shadow: 2px 2px 4px rgb(0, 0, 0, 25%);
	padding: 5px 10px;
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 1;
}
a.fixed_link span:before {
	content: "";
	display: inline-block;
	width: calc( 294px * 0.08 );
    height: calc( 284px * 0.08 );
	background: url(https://tsukimi-clinic.com/wp-content/uploads/2023/05/usagi.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-bottom: -5px;
}
@media screen and (max-width: 650px) { a.fixed_link { width: 15em; } }
@media screen and (max-width: 340px) { a.fixed_link { display: none; } }

/************************************
** ヘッダー
************************************/
.original_header {
	width: 1200px;
	display: flex;
	align-items: center;
	padding: 25px 10px;
	margin: 0 auto;
}
/**/
.site_ttl { text-align: left;}
.site_ttl h1 {
	font-size: 0;
	font-weight: normal;
	display: inline-block;
}
.site_ttl h1 img {
	display: block;
	width: 250px;
}
.site_ttl h1 a span {
	display: block;
	text-align: right;
	font-size: 13px;
	color: #666;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
/*SP-h1*/
.sp_head_h1 {
	display: none;
	font-size: 0;
}
/**/
.head_info {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-left: 20px;
}
.head_info .inner {
	display: inline-block;
	text-align: center;
	margin-left: 30px;
}
/**/
.head_info a.reserve_btn {
	display: inline-block;
	background: #61B7DA;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 3px;
	border-radius: 5px;
	padding: 5px 30px;
}
.head_info .tel {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 15px;
}
.head_info .tel span:before {
	color: #61B7DA;
	content: "\f879";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    margin-right: 10px;
}
.head_info {line-height: 1;}
.head_info .rsvbtn-wrap .sub,
.head_info .tel .sub {
	font-size: 12px;
	color: #888;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 5px;
}
/**/
.head_info .sns .inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.head_info .sns a {
	display: block;
	width: 60px;
	height: 60px;
	background: #61B7DA;
	color: #FFF;
	font-size: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
}
.head_info .sns a.icon_faq { font-size: 28px; }
/**/
.head_info table { margin-bottom: 0; }
.head_info .week_tbl table tr {
	border-bottom: solid 1px #666;
}
.head_info table th,
.head_info table td {
	border-left: none;
	border-right: none;
	background: none;
}
.head_info table tr:first-child th,
.head_info table tr:first-child td {
	border-top: none;
}
.head_info table th:last-child,
.head_info table td:last-child {
	border-right: none;
}
.head_info .week_tbl tr.row_2 {
	color: #61B7DA;
}
.head_info .week_tbl tr.row_2 th {
	font-size: 11px;
	color: #999;
}
.head_info .week_tbl tr.row_2 td.gray { color: #666; }
.head_info .memo {
	font-size: 13px;
	text-align: right;
	margin-top: 5px;
}
.head_info .memo span {
	color: #61B7DA;
	margin-right: 5px;
}
/***メニュー***/
.sub-caption {
	font-family: fot-tsukuardgothic-std,Helvetica,"Segoe UI","游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium",sans-serif;
	opacity: 0.8;
	line-height: 1;
	padding: 3px 0 0 0;
}
.a_disable.menu-item {pointer-events: none;}
.a_disable.menu-item a { opacity: 0.5; }

/************************************
** モバイルヘッダー
************************************/
.mobile-menu-buttons .menu-caption { display: none; }
li.search-menu-button.menu-button #search-menu-open { display: none; }
li.search-menu-button.menu-button { cursor: auto; }
li.navi-menu-button.menu-button {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/**メニュー**/
.mobile-menu-buttons { font-size: 16px; }
#navi-menu-content .menu-drawer a:before {
	content: "\f111";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
    color: #61b7da;
    margin-right: 10px;
}
#navi-menu-content .sub-menu a:before {
	content: "\f0da";
	font-size: 18px;
}
/***/
#navi-menu-content .btn_link {
	font-weight: bold;
	letter-spacing: 2px;
	margin: 10px 0;
}
#navi-menu-content .btn_link a {
	height: 45px;
	color: #FFF;
	background: #61b7da;
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding: 0 20px;
}
#navi-menu-content .btn_link a i { margin-right: 10px; }
#navi-menu-content .btn_link.insta a i,
#navi-menu-content .btn_link.line a i { font-size: 30px; }
#navi-menu-content .btn_link.reserve a i { font-size: 20px; }
.menu-drawer .btn_link a:hover { background: #61b7da; }
#navi-menu-content .btn_link a:before { display: none; }
#navi-menu-content .btn_link a { position: relative; }
#navi-menu-content .btn_link a:after {
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
/*close_btn*/
#navi-menu-content .fas.fa-times {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	border-bottom: dotted 1px #999;
	padding: 10px;
	margin: 0 20px 20px 20px;
}
#navi-menu-content .fas.fa-times:before {
	display: block;
	color: #999;
	margin-right: 10px;
}
#navi-menu-content .fas.fa-times:after {
	content: "Close";
	display: block;
	font-family: fot-tsukuardgothic-std,Helvetica,"Segoe UI","游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium",sans-serif;
	font-size: 14px;
	color: #999;
	letter-spacing: 1px;
}


/************************************
** フッター
************************************/
.original_footer {
	padding: 50px 0 0 0;
}
.original_footer .inner {
	width: 1200px;
	margin: 0 auto;
}
/**問い合わせ・予約**/
.footer_contact {
	background: #EFF8FB;
	color: #61B7DA;
	padding: 50px 0;
}
.footer_contact h2 {
	font-size: 1.8em;
	text-align: center;
	letter-spacing: 2px;
}
.footer_contact .contact_info {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
.footer_contact .contact_info .left_block,
.footer_contact .contact_info .right_block {
	width: 50%;
	text-align: center;
}
.footer_contact .contact_info .left_block {
	border-right: dotted 1px #61b7da;
}
.footer_contact .contact_info span {
	display: block;
	font-weight: bold;
	letter-spacing: 2px;
}
/**/
.footer_contact .contact_info .tel_num {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 10px;
}
.footer_contact .contact_info .tel_num:before {
	content: "\f879";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 25px;
	margin-right: 10px;
}
/**/
.footer_contact .contact_info .reserve_info {
	font-size: 16px;
	margin-bottom: 20px;
}
.footer_contact a.reserve_btn {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFF;
	background: #61b7da;
	letter-spacing: 3px;
	border-radius: 5px;
	padding: 10px 35px;
}
/**/
.footer_contents {
	background: #61b7da;
	color: #FFF;
	padding: 50px 0;
}
.footer_contents .clinic_info {
	display: flex;
	align-items: center;
	letter-spacing: 2px;
}
.footer_contents .clinic_info .left_block {
	width: 40%;
	margin-right: 30px;
}
.footer_contents .clinic_info .right_block { flex: 1; }
.footer_contents .clinic_info .logo {
	width: 100%;
}
.footer_contents .clinic_info .left_block .block_inner {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
.footer_contents .clinic_info .address {
	text-align: left;
	display: inline-block;
	margin-top: 20px;
}
.footer_contents .clinic_info .address span {
	display: block;
	margin: 5px 0;
}
.footer_contents .clinic_info .tel_num {
	font-size: 1.8em;
	font-weight: bold;
	margin-top: 30px;
}
.footer_contents .clinic_info .tel_num:before {
	content: "\f879";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 25px;
	margin-right: 10px;
}
.footer_contents .clinic_info a.reserve_btn {
	display: block;
	background: #FFF;
	color: #61b7da;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	padding: 10px 30px;
	margin-top: 20px;
}
/***サイトマップ***/
.site_map {
	border-top: dotted 1px #FFF;
	margin-top: 50px;
}
.site_map h3 a {
	font-size: 16px;
	color: #FFF;
}
.site_map h3 a:after {
	content: "\f152";
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	font-size: 17px;
	margin-left: 10px;
}
.site_map h4 {
	font-size: 13px;
	margin-top: 20px;
}
.site_map ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0 0 0 5px;
	margin: 20px 0;
}
.site_map ul li {
	width: calc( ( 100% - 40px ) / 4 );
	margin: 2.5px 5px;
}
.site_map ul li a {
	font-size: 13px;
	color: #FFF;
}
.site_map ul.pages li a:before {
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 13px;
	margin-right: 5px;
}
.site_map ul.row_1 li {
	width: auto;
	margin: 20px;
}
.site_map ul.row_1 li:first-child { margin-left: 0; }
.site_map ul.row_1 li:last-child { margin-right: 0; }
.site_map ul.row_1 li a {
	font-size: 16px;
	font-weight: bold;
}
/***コピーライト***/
.copyright {
	font-size: 12px;
	text-align: center;
	padding: 10px 0 15px 0;
	margin-bottom: 50px;
}
.copyright a {
	display: block;
	color: #61b7da;
	text-decoration: underline;
}
/***駐輪場案内***/
.bicycle-parking {margin-top: 5px;}
.bicycle-parking .maplinks {margin-top: 10px;}
.bicycle-parking .maplinks a {
	display: inline-block;
	/*background: #FFF;
	color: #61b7da;*/
	background: #61b7da;
	color: #FFF;
	border: solid 2px #FFF;
	font-weight: bold;
	border-radius: 5px;
	padding: 5px 10px;
	margin-right: 5px;
}
.bicycle-parking .maplinks a:after {
	content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	margin-left: 10px;
}


/************************************
** サイドバー
************************************/
#sidebar { padding: 20px 0; }
#menu-sidebar .menu-item a:before {
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
	color: #61b7da;
    margin-right: 10px;
}
#menu-sidebar .sub-menu .menu-item a:before {
	content: "\f0da";
	font-size: 18px;
}
#menu-sidebar .menu-item a:hover { background: initial; }
/**オススメ**/
.sidebar_pickup a img {
	display: block;
	width: 100%;
}
.sidebar_pickup a {
	width: 85%;
	display: block;
	margin: 10px 0;
}



/************************************
** トップページ：スライダー
************************************/
.toppage_slider { background: #EFF8FB; }
.slider_sp { display: none; }
@media screen and (max-width: 500px) {
	.slider_pc { display: none; }
	.slider_sp { display: block; }
}

/************************************
** ページタイトル
************************************/
.page .entry-title { display: none; }
.page_ttl {
	background: #EFF8FB;
	text-align: center;
	padding: 30px 0;
}
.page_ttl h2 {
	font-size: 2em;
	color: #61B7DA;
	letter-spacing: 5px;
}
.page_ttl {
	position: relative;
	overflow: hidden;
}
.page_ttl:before {
	content: "";
	/*width: calc( 510px * 0.3 );
	height: calc( 492px * 0.3 );*/
	width: calc( 510px * 0.35 );
	height: calc( 492px * 0.35 );
	background: url(https://tsukimi-clinic.com/wp-content/uploads/2023/05/usagi_transparent.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	/*right: 20%;*/
	/*right: 37%;*/
	left: 50%;
	top: 5px;
}
@media screen and (max-width: 500px){
	.page_ttl:before { left: 40%; }
}


/************************************
** ページ共通
************************************/
/******/
.main { border-right: solid 1px #ccc; }
.home .main { border-right: none; }
/***コンテンツ***/
.page_contents { margin-bottom: 100px; }
.pg_content { margin-top: 50px; }
/*pg_content内のコンテンツ余白*/
.inner_content { margin-top: 40px; }
/***見出し***/
.top_page_contents h2,
h2.contents_ttl_h2,
h3.contents_ttl_h3 {
	font-size: 1.7em;
	text-align: center;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(97, 183, 218, 0.7) 15%, rgba(97, 183, 218, 1) 30% 50%, rgba(97, 183, 218, 1) 70%, rgba(97, 183, 218, 0.7) 85%, rgba(255, 255, 255, 1));
	color: #FFF;
	letter-spacing: 2px;
	padding: 10px 0;
	margin: 0;
}
h3.contents_ttl_h3 { font-size: 1.5em; }
.article h4 { margin: 0; }
h4.contents_ttl_h4 {
	font-size: 1.4em;
	color: #61b7da;
	border-bottom: solid 2px #61b7da;
	line-height: 1.5;
	padding: 10px 5px;
	margin-bottom: 0;
}
h4.text_ttl {
	line-height: 1.5;
	margin-bottom: 30px;
}
h4 a { color: #61b7da; }
h4 a:hover { color: #61b7da; }
h4 a:after {
	content: "\f152";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    color: #A8D8EB;
    margin-left: 10px;
}
h4.tb_border {
	border-top: solid 2px #61b7da;
	font-size: 1.5em;
}
h4.tb_border span:before {
	content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    color: #61b7da;
    margin-right: 10px;
}
/*visual_mode*/
h3.contents_ttl_h3.visual_mode {
	margin-top: 80px;
	margin-bottom: 50px;
}
.entry-content h3.contents_ttl_h3.visual_mode:first-of-type { margin-top: 0; }
h4.contents_ttl_h4.visual_mode { margin-top: 50px; }
h4.contents_ttl_h4.visual_mode.cosmetics,
h4.contents_ttl_h4.visual_mode.cosmetics:first-child { margin-top: 100px; }
/*固定ページでのh4*/
h4.contents_ttl_h4.visual_mode.in_postpage {
	/*margin-top: 0;*/
	margin-bottom: 30px;
}

/*シンプル見出し*/
h2.simple_ttl,
h3.simple_ttl {
	background: transparent;
	font-size: 2em;
	color: #61b7da;
}
/***画像***/
.pic img { display: block; }
/*画像が複数（キャプション付き）*/
.pic .pic_imgs { margin-bottom: 5px; }
.pic .pic_imgs:last-child { margin-bottom: 0; }
.pic .pic_imgs span {
	display: block;
	text-align: center;
}
/*デフォルトのキャプション調整*/
.wp-caption {
	border: initial;
	background-color: initial;
	margin: 0 0 1em 0;
}
.wp-caption:last-of-type { margin-bottom: 0; }
/***テキスト強調***/
.text_point {
	font-weight: bold;
	border-bottom: solid 1px;
}
/*tax*/
.tax {
	font-size: 12px;
	margin: 0 5px;
}
/***info***/
.info {
	width: 98%;
	background: #EFF8FB;
	color: #666;
	padding: 20px;
	margin: 10px auto 0 auto;
}
.info.row1 {
	padding: 5px 20px;
	text-align: center;
	letter-spacing: 2px;
	line-height: 2;
}
.info.top_margin { margin-top: 10px; }
.info .text_onlink {
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.info h4 {
	color: #61b7da;
	font-size: 1.3em;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 2px;
	border: none;
	padding: 0;
	margin-bottom: 20px;
}
/*list*/
.info.width_fit {
	width: auto;
	display: inline-block;
	padding: 10px 50px;
	margin: 0 auto;
}
.info ul {
	padding-left: 20px;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
	color: #61b7da;
	display: inline-block;
	text-align: left;
}
.info ul li { margin: 15px 0; }
/** **/
.link_2clm {
	display: flex;
	flex-wrap: wrap;
}
.link_2clm.center { justify-content: center; }
.link_2clm a.link_btn {
	/*width: calc( ( 100% - 40px ) / 2 );
	margin: 10px;*/
	width: calc( ( 100% - 20px ) / 2 );
    margin: 5px;
}
/**問い合わせ情報**/
.contact_set {
	display: flex;
	align-items: center;
}
.contact_set .block {
	width: calc( 100% / 2 );
	text-align: center;
	padding: 20px;
}
/*tel*/
.contact_set .tel {
	font-size: 1.8em;
	font-weight: bold;
	color: #61b7da;
	letter-spacing: 2px;
}
.contact_set .tel span:before {
	content: "\f879";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 25px;
    margin-right: 10px;
}
.contact_set .text { font-size: 13px; }
/*web*/
.contact_set .web { border-left: dotted 1px #61b7da; }
.contact_set .web a {
	display: block;
	/*width: 14em;*/
	width: 90%;
	min-width: 165px;
	background: #61b7da;
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 auto;
}
.contact_set .web_info {
	position: relative;
	padding-right: 20px;
	display: inline-block;
	margin-bottom: 15px;
}
.contact_set .web_info:after {
	content: "\f0dd";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px;
    position: absolute;
	right: 0;
	top: -4px;
}
/***目次***/
#tinymce ul.jump_list {
	border: solid 1px red;
}
ul.jump_list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-top: 20px;
}
ul.jump_list li {
	width: calc( ( 100% - 30px) / 5 );
	background: #EFF8FB;
	border: solid 1px #61b7da;
	margin: 2.5px;
}
ul.jump_list li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 5px;
	font-size: 13px;
	font-weight: bold;
	color: #61b7da;
	position: relative;
    padding-left: 13px;
}
ul.jump_list li a:before {
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 13px;
	margin-right: 5px;
	position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
/***リンクボタン***/
a.link_btn {
	display: block;
	width: 17em;
	background: #61b7da;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
	letter-spacing: 2px;
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	padding: 5px 30px 5px 20px;
	margin: 0 auto;
}
a.link_btn:after {
	content: "\f0da";
	font-family: 'Font Awesome 5 Free';
    font-size: 20px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
/**サイズS**/
a.link_btn.s_size {
	font-size: 1.1em;
	/*padding: 5px 20px;*/
}
/*a.link_btn.s_size:after { top: 1px; }★*/

/************************************
** ページ共通：FLEXボックス
************************************/
.flex_r_img,
.flex_l_img { display: flex; }
.flex_r_img .pic,
.flex_l_img .pic { width: 40%; }
.flex_r_img .block,
.flex_l_img .block { flex: 1; }
/*画像：右*/
.flex_r_img .pic { margin-left: 30px; }
/*画像：左*/
.flex_l_img .pic { margin-right: 30px; }

/************************************
** ページ共通：基本テーブル(料金表)
************************************/
.article table { margin-top: 10px; }
table th {
	text-align: left;
	background: #EFF8FB;
}
table th,
table td {
	border-left: solid 1px #E4E4E4;
	border-bottom: solid 1px #E4E4E4;
	padding: 6px 10px;
}
table tr:nth-of-type(2n+1) { background-color: initial; }
table tr:first-child th,
table tr:first-child td { border-top: solid 1px #E4E4E4;}
table th:last-child,
table td:last-child { border-right: solid 1px #E4E4E4; }

/************************************
** ページ共通：テーブル
************************************/
/***テーブル：th内span***/ 
table th span {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}
/***テーブル：シンプル***/
.tbl_simple {
	width: 75%;
	margin: 0 auto;
}
.tbl_simple table th {
	color: #61b7da;
	text-align: left;
	padding: 6px 10px;
}
.tbl_simple table tr:nth-of-type(2n+1) { background: #EFF8FB; }
.tbl_simple table tr:nth-of-type(2n) th { background: inherit; }
.tbl_simple table th,
.tbl_simple table td {
	border: none;
	border-bottom: solid 1px #E4E4E4;
}
.tbl_simple table tr:first-child th,
.tbl_simple table tr:first-child td { border-top: solid 2px #61b7da; }
.tbl_simple table tr:last-child th,
.tbl_simple table tr:last-child td { border-bottom: solid 2px #61b7da; }
/***テーブル：料金表***/
h5.price_tbl_ttl {
	background: #61b7da;
	font-size: 1.3em;
	color: #FFF;
	padding: 9px 20px;
	margin: 40px 0 0 0;
}
h6.price_lists {
	color: #61b7da;
	border-bottom: solid 1px #61b7da;
	margin: 10px 0 0 0;
}
table.price_tbl { margin-top: 15px; }
/*
table.price_tbl th {
	width: 20em;
	background: #EFF8FB;
	text-align: left;
}
*/
/*
table.price_tbl th,
table.price_tbl td {
	border-left: solid 1px #E4E4E4;
	border-bottom: solid 1px #E4E4E4;
	padding: 6px 10px;
}
table.price_tbl td .coming_soon { font-size: 10px; }
table.price_tbl.col_2 th { width: 18em; }
table.price_tbl.col_3 th { width: calc( 100% / 3 ); }
table.price_tbl.col_4 tr:first-child th:first-child { width: 35em; }
table.price_tbl.col_5 tr:first-child th:first-child { width: 45em; }
table.price_tbl .th_s { width: 6em; }
table.price_tbl tr:first-child th,
table.price_tbl tr:first-child td { border-top: solid 1px #E4E4E4;}
table.price_tbl th:last-child,
table.price_tbl td:last-child { border-right: solid 1px #E4E4E4; }
*/
/*ComingSoon*/
td .coming_soon.price { font-size: 10px; }
/*テキスト*/
.price_lists .text { margin: 10px 0; }
/*補足情報*/
.tbl_info {
	font-size: 13px;
	text-align: right;
	margin-top: 5px;
}
@media screen and (max-width: 500px) { .tbl_info { text-align:left; } }


/************************************
** トップページ
************************************/
/***コンテンツ***/
.top_page_contents { 
	width: 1200px;
	margin: 0 auto 100px auto;
}
/*BG-fullwidth*/
.front-top-page .content { overflow: hidden; }
.fullwidth_bg {
	width: 100vw;
	position: relative;
    left: 50%;
    transform: translateX(-50%);
	padding: 50px 0;
	margin-bottom: 0;/*reset*/
}
.fullwidth_bg .top_page_contents.none_btm_margin { margin-bottom: 0; }
.fullwidth_bg.bottom_margin { margin-bottom: 100px; }
.fullwidth_bg.ptrn_1 { background: #61b7da; }
.fullwidth_bg.ptrn_2 { background: #EFF8FB; }
.fullwidth_bg .top_page_contents:first-child { margin-top: 0; }
/**文章の幅に合わせて中央寄せ**/
.pg_content.text_center { text-align: center; }
.text_center .inline_text {
	display: inline-block;
	text-align: left;
}
/***オススメ***/
.top_picup {
	display: flex;
	flex-wrap: wrap;
}
.top_picup a {
	display: block;
	width: calc( ( 100% - 60px ) / 3 );
	margin: 10px;
}
/***ツキミクリニックの特徴***/
.tsukimi_point ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 0;
}
.tsukimi_point ul li {
	/*width: 12em;*/
	width: calc( 100% / 3 );
	font-size: 1.5em;
	font-weight: bold;
	color: #61b7da;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.6;
	position: relative;
}
.tsukimi_point ul li:before {
	content: "";
	width: 200px;
	height: 200px;
	background: #EFF8FB;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: -1;
}
/*line*/
.tsukimi_point ul li:after {
	content: "";
	width: 1px;
	height: 70px;
	background: #61b7da;
	position: absolute;
	right: 0; 
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.tsukimi_point ul li:last-child:after { display: none; }
/*usagi*/
.tsukimi_point .icon_usagi {
	width: 60px;
	position: relative;
	margin: 0 auto 20px auto;
}
.tsukimi_point ul li .icon_usagi:after {
	color: #FFF;
	position: absolute;
	bottom: 7px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.tsukimi_point .icon_usagi.point_1:after { content: "1"; }
.tsukimi_point .icon_usagi.point_2:after { content: "2"; }
.tsukimi_point .icon_usagi.point_3:after { content: "3"; }
/***診療一覧***/
.top_treatment_content {
	margin-top: 50px;
}
/*タイトル（大）*/
h2.top_treatment_ttl {
	background: transparent;
	font-size: 2em;
	color: #61b7da;
	letter-spacing: 3px;
	padding: 0;
}
h2.top_treatment_ttl span { display: block; }
h2.top_treatment_ttl .sub_ttl {
	font-size: 0.7em;
	margin-bottom: 15px;
	
}
h2.top_treatment_ttl a.main_ttl { color: #61b7da; }
h2.top_treatment_ttl a.main_ttl:after {
	content: "\f152";
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	color: #A8D8EB;
	margin-left: 10px;
}
/*タイトル（小）*/
h3.top_treatment_subttl {
	font-size: 1.5em;
	color: #61b7da;
	text-align: center;
	letter-spacing: 3px;
	padding: 0;
	margin-bottom: 50px;
}
/*お悩み別*/
ul.trouble_list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
}
ul.trouble_list li {
	width: calc( ( 100% - 40px ) / 4 );
	margin: 5px;
}
ul.trouble_list li a{
	display: flex;
	align-items: center;
	background: #FFF;
	font-weight: bold;
	color: #61b7da;
	letter-spacing: 2px;
	padding: 10px;
}
ul.trouble_list li a .pic {
	width: 100px;
	margin-right: 10px;
}
ul.trouble_list li a .text {
	display: inline-block;
	flex: 1;
}
/**/
ul.simple_list {
	display: flex;
    flex-wrap: wrap;
    list-style: none;
	padding-left: 0;
    margin: 20px 0;
}
ul.simple_list li {
	width: calc( ( 100% - 40px ) / 4 );
    margin: 2.5px 5px;
}
ul.simple_list li a {
	font-size: 15px;
	color: #61b7da;
	letter-spacing: -1px;
	position: relative;
    padding-left: 10px;
}
ul.simple_list li a:before {
	content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	position: absolute;
    top: 0;
    left: 0;
    margin-right: 5px;
}
.sp_list ul.simple_list li a:before {top: 7px;}
/***医院概要***/
.top_clinic_info {
	display: flex;
}
.top_clinic_info .info_text {
	width: 50%;
	margin-right: 30px;
}
.top_clinic_info .info_text .pic {
	width: 75%;
	text-align: right;
	margin: 0 auto 40px auto;
}
.top_clinic_info .info_text .pic span {
	display: block;
	font-size: 16px;
	letter-spacing: 3px;
	margin-bottom: 10px;
}
.top_clinic_info .clinic_img {
	flex: 1;
}
.top_clinic_info table th {
	background: #EFF8FB;
	color: #61b7da;
}
.top_clinic_info table th,
.top_clinic_info table td {
	border-bottom: solid 1px #ccc;
	letter-spacing: 2px;
	padding: 10px;
}
.top_clinic_info table tr:first-child th,
.top_clinic_info table tr:first-child td { border-top: solid 1px #ccc; }
.top_clinic_info table td {
	border-left: solid 2px #61B7DA;
}
.top_clinic_info table a.map_btn {
	background: #61b7da;
	color: #FFF;
	font-size: 13px;
	border-radius: 5px;
	padding: 2.5px 5px 2.5px 7px;
	margin-left: 10px;
}



/************************************
** カレンダー＆NEWS
************************************/
.news_block {
	display: flex;
}
.news_block .tkm_calendar_area {
	width: 50%;
	margin-right: 30px;
}
.news_block .tkm_calendar {
	background: #FFF;
	box-shadow: 2px 2px 4px rgb(0, 0, 0, 25%);
}
.news_block .news_area { flex: 1; }
.news_block .news {
	flex: 1;
}
/***見出し***/
.news_area h2,
.tkm_calendar_area h2 {
	background: initial;
	padding: 5px 5px 10px 5px;
	margin-bottom: 20px;
}
/*calendar*/
.tkm_calendar_area h2 { margin-bottom: 10px; }
.tkm_calendar_area h2 .before_hours {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
	/*margin-right: 15px;*/
}
.tkm_calendar_area .closed_days {
	display: block;
	font-size: 16px;
	margin-top: 10px;
}
/*NEWS*/
.news_area h2 {
	text-align: left;
	border-bottom: solid 1px #FFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.news_area h2 .news_link a {
	display: inline-block;
	background: #FFF;
	color: #61b7da;
	font-size: 14px;
	border-radius: 5px;
	padding: 5px 10px;
}
/***カレンダー***/
.tkm_calendar { padding: 25px; }
/*XO Event Calendar*/
.xo-event-calendar {
	font-family: fot-tsukuardgothic-std,Helvetica,"Segoe UI","游ゴシック体",YuGothic,"Yu Gothic M","游ゴシック Medium","Yu Gothic Medium",sans-serif;
}
.xo-event-calendar table { color: #666; }
.xo-event-calendar table.xo-month caption {
	color: #61b7da;
	font-weight: bold;
	margin-bottom: 10px;
}
.xo-event-calendar table.xo-month button {
	color: #A8D8EB;
}
.xo-event-calendar table.xo-month .month-dayname td div.today { color: #61b7da; }
.xo-event-calendar table.xo-month>thead th { color: #999; }
/*** NEWS（一覧）***/
.news_list ul {
	list-style: none;
	padding-left: 5px;
}
.news_list ul li { margin: 10px 0; }
.news_list ul li a { color: #FFF; }
.news_list ul li .ttl a {display: flex;}
.news_list li a .date {
	display: block;
	margin-right: 20px;
}

/************************************
** カスタム投稿：NEWS
************************************/
.post-type-archive-news #archive-title { display: none; }
h2.entry-card-title { padding: 10px 10px 15px 10px; }
.news .entry-date { font-size: 14px; }
/**/
.entry-title, .archive-title { line-height: 1.5!important; }
.single-news .related-entries { display: none; }/*関連記事非表示*/
.a-wrap:hover { background: #EFF8FB; }
.entry-card, .related-entry-card { color: #666; }
.pagination-next-link, .comment-btn {
	background: #61b7da;
	color: #FFF;
	border: solid 1px #61b7da;
	border-radius: 5px;
}
.pagination-next-link:hover, .comment-btn:hover {
	background: #EFF8FB;
	color: #61b7da;
	font-weight: bold;
}
.pagination .current {
	background: #61b7da;
	color: #FFF;
	font-weight: bold;
	border: none;
}
.page-numbers {
	border: solid 1px #61b7da;
	color: #666;
}
.prev.page-numbers,
.next.page-numbers { color: #61b7da; }

/************************************
** ページ：形成/美容
************************************/
h4.circle_ptn_ttl {
	position: relative;
    border-bottom: none;
	line-height: 1.5;
	padding: 15px 0px 15px 15px;
}
h4.circle_ptn_ttl:before {
	content: "";
	width: 80px;
	height: 80px;
	background: #EFF8FB;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: -1;
}
/***お悩み***/
ul.trouble_list.page_ver li {
	width: calc( ( 100% - 30px ) / 3 );
	border: solid 1px #61b7da;
}
ul.trouble_list.page_ver li a .pic {
	width: 80px;
}
/***症状/施術***/
ul.simple_list.page_ver li {
	width: calc( ( 100% - 30px ) / 3);
}
ul.simple_list.page_ver li a {
	font-weight: bold;
}

/************************************
** ページ：院内物販
************************************/
/***見出し：親***/
h5.cosme_ttl {
	background: #EFF8FB;
	border-left: solid 7px #61b7da;
	font-size: 1.3em;
	display: flex;
	align-items: center;
	line-height: 1.5;
	padding: 10px 20px;
	margin-top: 50px;
	margin-bottom: 0;
}
.cosme_ttl .pic {
	width: 180px;
	margin-right: 20px;
}
.cosme_ttl span { display: block; }
.cosme_ttl .cosme_info { flex: 1; }
.cosme_ttl .cosme_info .name {
	border-bottom: dotted 1px #999;
	padding-bottom: 10px;
}
.cosme_ttl .cosme_info .text {
	font-size: 14px;
	font-weight: normal;
	padding-top: 10px;
}
/***見出し：子***/
h6.cosme_ttl_sub {
	font-size: 1.3em;
	background: #EFF8FB;
	border: none;
	padding: 10px 15px;
	margin: 10px 0 0 0;
}
h6.cosme_ttl_sub .name:before {
	content: "―";
	font-weight: bold;
	color: #61b7da;
	margin-right: 15px;
}
h6.cosme_ttl_sub .small {
	font-size: 14px;
	font-weight: normal;
	margin-left: 10px;
}
/***table***/
table.cosme_tbl { margin-top: 0; }
table.cosme_tbl th {
	text-align: left;
	position: relative;
}
table.cosme_tbl th {
	font-size: 1em;
	color: #61b7da;
	background: initial;
	font-weight: bold;
}
table.cosme_tbl th:before {
	content: "・";
	position: absolute;
    color: #61b7da;
    left: 0;
}
table.cosme_tbl tr:first-child th,
table.cosme_tbl tr:first-child td { border-top: none; }
table.cosme_tbl th,
table.cosme_tbl td {
	border: none;
	border-bottom: solid 1px #61b7da;
	padding: 10px 15px;
}
table.cosme_tbl td {
	width: 14em;
	font-weight: bold;
}
table.cosme_tbl td span {
	font-size: 0.8em;
	font-weight: normal;
}

/************************************
** ページ：医院情報
************************************/
/***コンセプト***/
.flex_r_img.concept {
	align-items: center;
}
.flex_r_img.concept .pic {
	width: 25%;
	padding: 20px;
}
.flex_r_img.concept .pic img {
	/*width: 50%;
	margin: 0 auto;*/
}
/***医師紹介***/
.doc_prof {
	display: flex;
}
.doc_prof .prof_text { flex: 1; }
.doc_prof .pic {
	width: 285px;
	margin-right: 30px;
}
.doc_prof .pic img { border: solid 1px #CCC; }
.doc_prof h4 {
	color: #666;
	border-left: solid 7px #61B7DA;
	border-bottom: none;
	padding: 0 0 0 20px ;
	margin: 0;
}
.doc_prof h4 span { display: block; }
.doc_prof h4 span.position,
.doc_prof h4 span.name_en {
	font-size: 13px;
	font-weight: normal;
}
.doc_prof h4 span.name {
	/*font-size: 1.1em;*/
	font-size: 22px;
	color: #333;
	letter-spacing: 2px;
	margin-bottom: 5px;
}
.doc_prof h4 span.position { margin-bottom: 10px; }
.doc_prof h4 span.name_en {
	color: #999;
	letter-spacing: 1px;
}
/*略歴・所属etc*/
.prof_text .block {
	margin-top: 40px;
}
.prof_text h5 {
	font-size: 1.3em;
	color: #61B7DA;
	border-bottom: solid 2px #61B7DA;
	padding: 0 5px 5px 0;
	margin: 0 0 20px 0;
}
.prof_text ul {
	list-style: none;
	padding-left: 0;
	font-size: 13px;
}
.prof_text ul li {
	display: flex;
	margin: 5px 0;
}
.prof_text ul li span { display: block; }
.prof_text ul li .yr { width: 7em; }
.prof_text ul li .flex_1 { flex: 1; }
/***カレンダー/NEWS***/
.page_ver .news_block .tkm_calendar_area { width: 55%; }
.page_ver .news_area h2,
.page_ver .tkm_calendar_area h2 {
	color: #61b7da;
	text-align: center;
}
.page_ver .news_area h2 .news_link a {
	background: #61b7da;
	color: #FFF;
}
.page_ver .news_area h2 { border-color: #61b7da; }
.page_ver .tkm_calendar { border: solid 1px #CCC; }
.page_ver .news_list ul li a { color: #666; }
/***アクセス***/
.page_ver.top_clinic_info .info_text .pic { width: 90%; }
.page_ver.top_clinic_info .access { flex: 1; }
.page_ver.top_clinic_info .access span {
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	color: #61b7da;
	margin: 5px 0;
}
.page_ver.top_clinic_info .access span:before {
	content: "";
	display: inline-block;
	width: calc( 294px * 0.07 );
	height: calc( 284px * 0.07 );
	background-image: url(https://tsukimi-clinic.com/wp-content/uploads/2023/05/usagi.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 8px;
}
.page_ver.top_clinic_info .access .info {
	text-align: center;
	border: solid 1px #61b7da;
}
.page_ver.top_clinic_info .access ul {
	display: inline-block;
	text-align: left;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.page_ver.top_clinic_info .access h4 { margin-bottom: 15px; }
/***設備写真(Lightbox)***/
ul.img_lightbox_list {
	list-style: none;
	display :flex;
	flex-wrap: wrap;
	padding-left: 0;
}
ul.img_lightbox_list li {
	width: calc( ( 100% - 30px ) / 3 );
	margin: 5px;
}

/************************************
** ページ：各詳細
************************************/
/***トップ見出し***/
h2.page_sub_ttl {
	display: flex;
	align-items: center;
	background: initial;
	border-top: solid 2px #61b7da;
	border-bottom: solid 2px #61b7da;
	padding: 10px;
}
h2.page_sub_ttl .pic {
	width: 110px;
	margin-right: 30px;
}
h2.page_sub_ttl .ttl_text span { display: block }
h2.page_sub_ttl .ttl_text .sub_ttl {
	font-size: 14px;
	color: #bababa;
	letter-spacing: 1px;
	margin-top: 10px;
}
/***フロー***/
ul.flow {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
}
ul.flow.center { justify-content: center; }
ul.flow li {
	width: calc( ( 100% - 40px ) / 4 );
	background: #EFF8FB;
	padding: 10px;
	border: solid 1px #61b7da;
	display: flex;
	flex-direction: column;
	margin: 5px;
}
ul.flow li .ttl { flex-grow: 1; }
ul.flow li .no {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #61b7da;
	margin-bottom: 10px;
}
ul.flow li .pic { margin-top: 15px; }
/***フロー：type2(横長)***/
ul.flow.type_2 {
	display: block;
}
ul.flow.type_2 li {
	width: 100%;
	margin: 10px 0;
	display: flex;
	flex-direction: initial;
}
ul.flow.type_2 li .pic {
	width: 30%;
	margin: 0 30px 0 0;
}
ul.flow.type_2 li .ttl {
	flex-grow: initial;
	flex: 1;
}
ul.flow.type_2 li .block { margin-top: 15px; }
/***注意事項などtable***/
table.simple_tbl_2 {
	width: 85%;
	margin: 0 auto;
}
table.simple_tbl_2 th {
	width: 9em;
	background:  #EFF8FB;
	text-align: left;
}
table.simple_tbl_2 th,
table.simple_tbl_2 td {
	border-bottom: solid 1px #61b7da;
	padding: 10px 15px;
}
table.simple_tbl_2 tr:first-child th,
table.simple_tbl_2 tr:first-child td { border-top: solid 2px #61b7da; }
table.simple_tbl_2 tr:last-child th,
table.simple_tbl_2 tr:last-child td { border-bottom: solid 2px #61b7da; }
/*リスト*/
table.simple_tbl_2 ul {
	padding-left: 20px;
	margin-bottom: 0;
}
table.simple_tbl_2 ul li { margin: 10px 0; }


/************************************
** 施術リストアコーディオン
************************************/
.sp_list { display: none; }
@media screen and (max-width: 500px) {
	.sp_list { display: block; }
	.pc_list { display: none !important; }
}
/***ベース***/
.acd_menu h3 {
	font-size: 1.3em;
	margin: 0;
	padding: 0;
}
.acd_menu a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #000;
}
.acd_menu label {
	display: block;
	margin: 0 0 4px 0;
	padding: 15px;
	line-height: 1;
	background: #CCC;
	color: #333;
	border-radius: 5px;
	letter-spacing: 2px;
	cursor: pointer;
	position: relative;
}
.acd_menu input { display: none; }
.acd_menu .acd_content {
	margin: 0;
	padding: 0;
}
.acd_menu .acd_content {
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#plastic-surgery_menu_01:checked~#plastic-surgery_links01,
#beauty_menu_01:checked~#beauty_links01,
#beauty_menu_02:checked~#beauty_links02,
#ftr_plastic-surgery_menu_01:checked~#ftr_plastic-surgery_links01,
#ftr_plastic-surgery_menu_02:checked~#ftr_plastic-surgery_links02,
#ftr_beauty_menu_01:checked~#ftr_beauty_links01,
#ftr_beauty_menu_02:checked~#ftr_beauty_links02,
#ftr_beauty_menu_03:checked~#ftr_beauty_links03,
#acd_01:checked~#acd_links01,/*医院情報*/
#acd_02:checked~#acd_links02/*医院情報*/ {
  height: auto;
  width: 97%;
  opacity: 1;
  margin: 0 auto;
  margin-bottom: 30px;
}
.acd_menu label:after {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}
.acd_menu label:after { content: '\f067'; }
#plastic-surgery_menu_01:checked+.acd_label:after,
#beauty_menu_01:checked+.acd_label:after,
#beauty_menu_02:checked+.acd_label:after,
#ftr_plastic-surgery_menu_01:checked+.acd_label:after,
#ftr_plastic-surgery_menu_02:checked+.acd_label:after,
#ftr_beauty_menu_01:checked+.acd_label:after,
#ftr_beauty_menu_02:checked+.acd_label:after,
#ftr_beauty_menu_03:checked+.acd_label:after,
#acd_01:checked+.acd_label:after,/*医院情報*/
#acd_02:checked+.acd_label:after/*医院情報*/ { content: '\f068'; }
/*list*/
.sp_list ul.simple_list {
	display: block;
	margin: 0;
}
.sp_list ul.simple_list li {
	width: 100%;
	font-weight: bold;
	margin: 5px 0;
}
.sp_list ul.simple_list li a { padding: 5px 5px 5px 10px; }
/***acd：トップページ***/
/*.top_treatment.content_acd { padding: 0 20px; }*/
.top_treatment .acd_menu label,
.page_treatment .acd_menu label {/*page*/
	background: #61b7da;
	color: #FFF;
	padding: 10px;
}
/***acd：ページ***/
.page_treatment .acd_menu label h3 { background: none; }
.page_treatment ul.simple_list { font-weight: bold; }
/***acd：フッター***/
.footer_acd ul.simple_list li a { color: #FFF; }
.footer_acd .acd_menu label {
	background: #FFF;
	color: #61b7da;
}
.footer_acd .acd_menu h4 {
	font-size: 15px;
	margin: 0;
}

/************************************
** 医院情報アコーディオン
************************************/
.acd_menu.whats_tsukimi label {
	background: transparent;
	padding: 0;
	margin: 15px 0 30px 0;
}
.acd_menu.whats_tsukimi label {
	font-size: 15px;
	font-weight: bold;
	color: #61b7da;
	border-bottom: solid 2px #61b7da;
	border-radius: 0;
	padding: 15px 0 15px 10px;
}
.acd_menu.whats_tsukimi label:before { content: "READ MORE…"; }
#acd_01:checked+label:before,
#acd_02:checked+label:before { content: "CLOSE"; }
.acd_menu.whats_tsukimi label:after { color: #61b7da; }
.acd_menu.whats_tsukimi .acd_content span {
	color: #61b7da;
	font-weight: bold;
}

/************************************
** ページ：FAQ
************************************/
h3.faq_h3 {
	font-size: 1.3em;
	color: #61B7DA;
	background: none;
	border-bottom: solid 2px #61B7DA;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5;
	position: relative;
	padding-left: 45px;
}
h3.faq_h3:before,
.faq .pg_content:before {
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	position: absolute;
}
h3.faq_h3:before {
	content: "Q.";
	font-size: 25px;
	left: 7px;
	top: 5px;
}
.faq .pg_content {
	background: #EFF8FB;
	padding: 20px 20px 20px 60px;
	margin-top: 10px;
	position: relative;
}
.faq .pg_content:before {
	content: "A.";
	font-size: 23px;
	font-weight: bold;
	left: 20px;
	top: 13px;
}
.faq_link { margin-top: 10px; }
.faq_link a {
	color:  #61B7DA;
	font-weight: bold;
	border-bottom: dotted 1px;
	padding: 0 2px;
}
.faq_link a:before {
	content: "\f0da";
    font-size: 14px;
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #61b7da;
    margin-right: 7px;
}

/************************************
** ページ：キャンセルポリシー
************************************/
.info-flexbox {
	display: flex;
	flex-wrap: wrap;
}
.info-flexbox.col-2 .info {
	width: calc( (100% - 40px ) / 2 );
	text-align: center;
	display: flex;
	flex-direction: column;
	margin: 0 10px;
}
.info-flexbox a.btn-link {
	display: inline-block;
	background: #61b7da;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	padding: 10px 20px;
}
.info .block {
	margin-top: 20px;
}
.info .block .tel-num {
	font-size: 20px;
	font-weight: bold;
	color: #61b7da;
}
.info .block .tel-num:before {
	content: "\f879";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
}
.info h4 .small-txt {
	display: block;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: normal;
}
.pic img {
	display: block;
	width: 100%;
}
.pic.size-85 {
	width: 85%;
	margin: 0 auto;
}

/************************************
** キャンペーン：SNSバナー
************************************/
.sns-bnrs {
	display: flex;
	align-items: center;
	justify-content: center;
}
.sns-bnrs a {
	display: block;
	width: calc(100% / 2);
	max-width: 450px;
	margin: 0 10px;
}

/************************************
** 改行
************************************/
.br_u834 { display: none; }
.br_u500 { display: none; }

/************************************
** レスポンシブ
************************************/
.content_sp { display: none; }
@media screen and (max-width: 1200px) {
	/***ヘッダー***/
	.original_header {
		width: 100%;
		padding: 
	}
	/***フッター***/
	.original_footer .inner {
		width: 100%;
		padding: 0 20px;
	}
	/***トップページ***/
	.top_page_contents { width: 100%; }
	.fullwidth_bg .top_page_contents { padding: 0 20px; }
}
@media screen and (max-width: 1023px){
	.sp_head_h1 { display: block; }
	/***ヘッダー***/
	.original_header { display: none; }
	/***コンテンツ***/
	.main { border-right: none; }
	/***ページ：施術の流れ***/
	ul.flow {
		display: block;
		width: 80%;
		margin: 10px auto;
	}
	ul.flow li {
		width: 100%;
		display: flex;
		flex-direction: initial;
		align-items: center;
		padding: 20px;
		margin: 10px 0;
	}
	ul.flow li .ttl {
		flex: 1;
		margin-right: 20px;
	}
	ul.flow.type_2 li .ttl { margin-right: 0; }
	ul.flow li .ttl .no { text-align: left; }
	ul.flow li .pic {
		width: 150px;
		margin: 0;
	}
}
@media screen and (max-width: 834px){
	/***フッター***/
	.footer_contents .clinic_info .left_block { width: 50%;	}
	.site_map ul li { width: calc( ( 100% - 30px ) / 3 ); }
	.footer_contact a.reserve_btn { font-size: 1.3em; }
	.footer_contact .contact_info .tel_num { font-size: 1.5em; }
	/***トップページ***/
	.news_block { display: block; }
	.news_block { padding: 0 20px; }
	.news_block .tkm_calendar_area,
	.page_ver .news_block .tkm_calendar_area { /*医院情報*/
		width: 100%;
		margin: 0 0 50px 0;
	}
	/**オススメ**/
	.top_picup a { width: calc( ( 100% - 40px ) / 2 ); }
	/**特徴**/
	.tsukimi_point ul li { font-size: 1.2em; }
	.tsukimi_point ul li:before {
		width: 170px;
		height: 170px;
	}
	/**施術類**/
	ul.trouble_list li { width: calc( ( 100% - 30px ) / 3 ); }
	ul.trouble_list li a .pic,
	ul.trouble_list.page_ver li a .pic { width: 70px; }
	ul.simple_list li { width: calc( ( 100% - 30px ) / 3 ); }
	/***医師紹介***/
	.doc_prof .pic { width: 220px; }
	/***医院情報***/
	.page_ver.top_clinic_info .access .info { padding: 20px 10px; }
	.page_ver.top_clinic_info .access span { font-size: 1.2em; }
	/***ページ：目次jump***/
	ul.jump_list li { width: calc( ( 100% - 20px) / 4 ); }
	/***院内物販***/
	table.cosme_tbl th,
	table.cosme_tbl td { font-size: 14px; }
	/***改行***/
	.br_u834 { display: block; }
}
@media screen and (max-width: 650px) {
	/***ページ：お問い合わせ***/
	.contact_set { display: block; }
	.contact_set .block {
		width: 100%;
		margin: 10px 0;
	}
	.contact_set .web {
		border-left: none;
		border-top: dotted 1px #61b7da;
		padding-top: 30px;
	}
	/***フッター***/
	.footer_contact .contact_info { display: block; }
	.footer_contact .contact_info .left_block,
	.footer_contact .contact_info .right_block { width: 100%; }
	.footer_contact .contact_info .left_block {
		border-right: none;
		border-bottom: dotted 1px #61b7da;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	/***ページ：施術の流れ***/
	ul.flow { width: 100%; }
	/***ページ：キャンセルポリシー***/
	.info-flexbox {
		display: block;
	}
	.pic.size-85 {
		width: 100%;
	}
.info-flexbox.col-2 .info {
	width: 100%;
	margin: 10px 0;
}
@media screen and (max-width: 500px) {
	.content_sp { display: block; }
	.content_pc { display: none; }
	/***フッター***/
	.footer_contents .clinic_info { display: block; }
	.footer_contents .clinic_info .left_block {
		width: 100%;
		margin: 0 0 30px 0;
	}
	.site_map ul.row_1 {
		border-bottom: dotted 1px #FFF;
		padding-bottom: 20px;
	}
	.site_map ul.row_1 li:first-child { margin-left: 10px; }
	.site_map ul.row_1 li:last-child { margin-right: 10px; }
	.site_map ul.row_1 li { margin: 5px 10px; }
	.footer_contents .site_map h3 { margin: 20px 0; }/*acd*/
	/***見出し***/
	.top_page_contents h2,
	h3.contents_ttl_h3 { font-size: 1.3em; }
	h2.simple_ttl,
	h3.simple_ttl { font-size: 1.7em; }
	/***トップページ***/
	.fullwidth_bg.bottom_margin { margin-bottom: 60px; }
	/**オススメ**/
	.top_picup { display: block; }
	.top_picup a {
		width: 100%;
		margin: 20px 0;
	}
	/**特徴**/
	.tsukimi_point ul {
		display: block;
	}
	.tsukimi_point ul li {
		width: 100%;
		font-size: 1.5em;
		margin: 75px 0;
	}
	.tsukimi_point ul li:after { display: none;	}
	/**施術類**/
	ul.trouble_list {
		display: block;
		margin-bottom: 50px;
	}
	ul.trouble_list li {
		width: 100%;
		margin: 5px 0;
	}
	/**クリニック情報**/
	.top_clinic_info { display: block; }
	.top_clinic_info .info_text {
		width: 100%;
		margin: 0 0 30px 0;
	}
	/***医師紹介***/
	.doc_prof { display: block; }
	.doc_prof .pic {
		width: 80%;
		margin: 0 auto 30px auto;
	}
	.prof_text ul li {
		display: block;
		margin: 10px 0;
	}
	/***ページタイトル***/
	.page_ttl h2 {
		font-size: 1.5em;
		letter-spacing: 1px;
	}
	/***ページ：共通***/
	/**見出し**/
	.page_contents h3,
	.page_contents h4 { font-size: 1.3em; }
	h2.page_sub_ttl .pic { width: 80px; }
	/**/
	.page_contents {margin-bottom: 50px;}
	/*画像FLEX*/
	.flex_r_img, .flex_l_img { display: block; }
	.flex_r_img .pic, .flex_l_img .pic { width: 100%; }
	.flex_r_img .pic { margin: 20px 0 0 0; }
	.flex_l_img .pic { margin: 0 0 20px 0; }
	/*画像FLEX：コンセプト*/
	.flex_r_img.concept .pic {
		width: 45%;
		margin: 20px auto 0 auto;
	}
	/*記事内リンク*/
	.link_2clm { display: block; }
	.link_2clm a.link_btn {
		width: 100%;
		margin: 10px 0;
	}
	/***ページ：お悩み***/
	ul.trouble_list.page_ver li { width: 100%; }
	/**テーブル**/
	.tbl_simple { width: 90%; }
	/***acdコンテンツ前のmargin除去***/
	.before_splist { margin-bottom: 0; }
	/***NEWS***/
	.news_list ul li .ttl a { display: block; }
	.news_list ul li { margin: 13px 0; }
	/***ページ：目次jump***/
	ul.jump_list li { width: calc( ( 100% - 10px) / 2 ); }
	ul.jump_list li a { padding: 0 5px; }
	/***院内物販***/
	h5.cosme_ttl {
		display: block;
		font-size: 1.2em;
	}
	.cosme_ttl .pic {
		width: 130px;
		margin-bottom: 20px;
	}
	table.cosme_tbl td { width: 5em; }
	table.cosme_tbl td.l_width { width: 8em; }
	table.cosme_tbl th, table.cosme_tbl td { padding: 10px 5px; }
	table.cosme_tbl th { padding: 10px 5px 10px 15px; }
	table.cosme_tbl td span {
		display: inline-block;
		line-height: 1.5;
		margin-top: 5px;
	}
	/***ページ：施術の流れ***/
	/*ul.flow li { align-items: initial; }*/
	ul.flow li {
		display: block;
	}
	ul.flow li .pic { width: 100%; }
	ul.flow li .ttl { margin: 0 0 10px 0; }
	/***フロー：type2(横長)***/
	ul.flow.type_2 li { display: block; }
	ul.flow.type_2 li .pic {
		width: 100%;
		margin: 0 0 20px 0;
	}
	/***テーブル***/
	table.simple_tbl_2 { width: 100%; }
	/***FAQ***/
	h3.faq_h3 { font-size: 1.2em; }
	h3.faq_h3:before {
		font-size: 22px;
		top: 6px;
	}
	.faq .pg_content {
		padding: 15px 15px 15px 50px;
	}
	.faq .pg_content:before {
		font-size: 20px;
		left: 15px;
	}
	/***改行***/
	.br_u500 { display: block; }
	/***キャンペーン：SNSバナー***/
	.sns-bnrs {display: block;}
	.sns-bnrs a {
		width: 100%;
		max-width: initial;
		margin: 10px 0;
	}
	/***駐輪場案内***/
	.bicycle-parking .maplinks {text-align: center;}
	.bicycle-parking .maplinks a {margin: 0 5px;}
}
