@charset "utf-8";
/*
Theme Name: Lightning Child
Template: lightning
Author:アートフレア株式会社
Version: 1.2
*/
/* 標準データ最終更新日：2025/04/14  */


/*
 * WEBフォントの読み込み（@import url('https://fonts～'); ）はHeader.phpで行う
*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */

:root {
	--vk-color-text-body:#555;
	--vk-color-border-hr:#999;
}

.fw-bold{
	font-weight:bold;
}


.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.zenmaru {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}

h1,h2,h3,h4,h5, a {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page-header-title, h1.page-header-title {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/*画像角丸*/
figure.wp-block-image.is-style-vk-image-rounded img {
	border-radius:1rem;
}

/*区切り線*/
.wp-block-separator {
	border-width:1px;
}

.text-align-justify {
	text-align:justify;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */

/*ボタンのリセット（下線消しとか）*/
.vk_button .vk_button_link.btn:hover {box-shadow:none; opacity:1;}
.vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_txt, .vk_button .has-text-color.vk_button_link-type-text:hover .vk_button_link_subCaption{
  text-decoration:none!important;
}

/*テーブルボーダー・余白*/
:where(:not(.wp-block-table))>table :is(th,td) {
	font-size:1rem;
	padding:.8rem!important;
	
}
.table-profile th,
.table-profile td {
	padding:1.5rem 1rem!important;
}

/*リスト2カラム*/
.list-2column {
	display:flex;
	flex-wrap:wrap;
	gap:0 2rem;
}
.list-2column li {
	width:calc(50% - 1rem);
}

/*CTA*/
.cta-call .vk_button_link_caption {
	font-size:clamp(1.875rem, 1.648rem + 1.14vw, 2.5rem);
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

.fixed-btm {
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:100;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in.device-pc #site-header {
    top: 32px;
}

/* グローバルナビ */
.global-nav-list>li>a {
	transition: .3s;
	border-bottom: 3px solid transparent;
}
.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    color: var(--vk-color-custom-1);
    border-bottom: 3px solid var(--vk-color-custom-1);
}

.site-header-container.container {
	max-width:unset;
	padding-right:0;
}
.header_nav_search_container {
	min-width:unset;
	margin-left:0;
	position:static;
}
.header-sns {
	position:absolute;
	top:5px;
	right:280px;
}
.site-header {
	box-shadow:none;
}
.site-header-logo img {
	max-height:80px;
}
.global-nav-list>li .global-nav-name {
	font-size:1rem;
}
.device-pc .global-nav-list>li>a {
	padding:.8rem 1rem;
}
#global-nav {
	align-self:end;
	padding-bottom:10px;
	padding-right:10px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */

.footer-nav {
	padding:2rem 0 0;
}
.nav li a, nav li a {
	color:var(--vk-color-primary);
	font-size:1rem;
}

.site-footer-content > div {
	align-items:end;
}
.site-footer-content > div .widget {
	margin-bottom:1rem;
}

.footer-nav-list {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:1rem;
}
.footer-nav li {
	padding:0;
}
.footer-nav li:not(:last-child):after {
	content:"/";
	font-size:1rem;
	color:var(--vk-color-primary);
	padding-left:1rem;
}

.site-footer-copyright {
	margin-bottom:60px;
}

.site-footer {
    --vk-size-text-sm: 16px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

/*メインイメージ*/
.mainimg img {
	border-radius:1rem 0 0 1rem;
	margin-left:10%;
	aspect-ratio:2/1;
	object-fit:cover;
}
.mainimg-time {	
	position:absolute;
	right:3%;
	bottom:5%;
	width:500px;
}
.mainimg-info {	
	position:absolute;
	left:5%;
	bottom:10%;
}
.mainimg-title {
	font-size:clamp(1.875rem, 1.193rem + 3.41vw, 3.75rem);
	text-shadow:0px 5px 0px rgba(0, 0, 0, 0.2);
	font-weight:500!important;
	transform:translateX(30%)
}
.mainimg-openinfo {
	padding:.5rem;
	border-radius:100px;
	font-size:24px;
}
.mainimg-openinfo-list .wp-block-group {
	border-radius:100%;
	aspect-ratio:1;
	position:relative;
	width:160px;
}
.mainimg-openinfo-list p {
	position:absolute;
	top:50%;
	left:50%;	
	transform:translate(-50%,-50%);
	text-align:center;
	font-size:18px;
	width:100%;
}

/*診療内容*/
.btn-medical {
	position:relative;
	padding:1.5rem 2rem;
	transition:.5s;
}

.btn-medical .wp-block-vk-blocks-button a {
	flex-grow:1;
}
.btn-medical .wp-block-vk-blocks-button a:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition: .5s;
}
.btn-medical .vk_button_link_caption {
	font-size:clamp(1.875rem, 1.466rem + 2.05vw, 3rem);
	font-weight:500;
	justify-content:space-between;
	width:100%;
}
.btn-medical .vk_button_link_after {
	text-align:center;
}
.btn-medical i {
  background:var(--vk-color-primary);
  border-radius: 100px;
  width: 40px;
  line-height: 40px;
  height:40px;
  color: #fff;
	transition:.5s;
}
.btn-medical a:hover i {
  padding-left: 1rem;
  background: var(--vk-color-primary);
  color:#fff;
}

.btn-medical:hover {
	background:var(--vk-color-primary);
	color:#fff;
}
.btn-medical:hover .vk_button_link_caption {
	color:#fff;
}
.medical1:hover:before,
.medical2:hover:before {
	filter: brightness(0) invert(1);
}

.point-list {
	font-size:clamp(1.5rem, 1.409rem + 0.45vw, 1.75rem);
	font-weight:700;
}


.medical1,
.medical2 {
	display:flex;
	align-items:center;
	gap:1rem;
}
.medical1:before {
	content:"";
	background:url(../../../wp-content/uploads/icon-medical1.png)no-repeat center/contain;
	width:84px;
	height:95px;
}
.medical2:before {
	content:"";
	background:url(../../../wp-content/uploads/icon-medical2.png)no-repeat center/contain;
	width:84px;
	height:95px;
}

/*横並び区切りボーダー*/
.border-column {
	gap:0;
}
.border-column div.wp-block-column {	
	padding-inline:30px;
}
.border-column div.wp-block-column:not(:last-child) {
	border-right:1px solid var(--vk-color-primary);
}

/*ご挨拶*/
.flt-txt {
	width:90%;
	padding:3rem 30% 3rem 3rem!important;
	margin-top:50px!important;
}
.flt-img {
	width:30%;
	position:absolute;
	right:0;
	top:0;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/* 会社概要 */

/* 会社概要　＞　代表あいさつ */

/*ギャラリー*/
.img-gallery img {
	aspect-ratio:4/3;
}

/*クリニックの特徴*/
.clinic-point {
	position:absolute;
	right:1rem;
	top:1rem;
	font-size:5rem;
	color:#fff;
	font-weight:700;
}
.clinic-point-left {
	right:unset;
	left:1rem;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

.postListText {
	display:flex;
	align-items:center;
}
.postListText_singleTermLabel_inner {
	border-radius:100px;
	padding:.5rem;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

/*カテゴリ*/
.sub-section .widget {
	background:#eff9fd;
	padding:1rem;
	border-radius:1rem;
}
.sub-section .widget h4 {
	color:var(--vk-color-primary);
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */

/*googlemap角丸*/
.gmap iframe {
    border-radius: 1rem !important;
}