@charset "utf-8";
/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.1.2
*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ ヘッダー全般 */

/******************************************** ヘッダーロゴのサイズ（高さ調節） */
.navbar-brand img {
	max-height: 90px;
}


/******************************************** ヘッダー　カスタムお問い合わせスペース追加（fanction.phpと連携） */
/* ロゴ右側のブロック */

.logo-after {
    display: block;
    float: right;
    background-color: #eee;
    border-radius: 10px;
    padding: 10px 20px;
}
 
.logo-after img {
    max-height: 60px;
}

/* 連絡先のスタイル */
.logo-after .message {
    font-size: 0.9em;
	font-weight: bolder;
	text-align: center;
	color: #cf2e2e;
}
 
.logo-after .tel {
    color: #337ab7;
    font-size: 20px;
	font-weight: 700;
	text-align: center;
}
 
.logo-after .time {
    font-size: 0.9em;
    color: #666;
	text-align: center;
}


@media (max-width: 991px) {
    .logo-after {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
}

@media (min-width: 992px) {
	.logo-after {
		width: 500px !important;
		font-size: calc( var(--vk-size-text) * 0.8 ) !important;
		text-align: center;
	}
	.logo-after.vk_button.vk_button-align-wide {
		max-width: 95% !important;
		font-size: calc( var(--vk-size-text) * 0.8 ) !important;
	}
}

/*見栄え取り繕い*/
.vk_button.vk_button-align-wide{
	max-width: 95% !important;
	font-size: calc( var(--vk-size-text) * 0.8 );
}
.logo-after .wp-block-columns {
	margin-bottom: 0 !important;
}
@media (min-width: 782px){
	.logo-after .wp-block-column:not(:first-child) {
    	margin-left: 0em !important; 
	}
}
@media (max-width: 782px){
	.logo-after .message {
   		font-size: 0.7em;
		font-weight: bolder;
		text-align: center;
		color: #cf2e2e;
	}
}



/*PC表示の時には電話リンクを無効にする*/
@media (min-width: 992px){
.logo-after .tel {
pointer-events: none;
 }
}

/* ヘッダー幅を100%に */
.navbar-header {
    width: 100%;
}

/* 新バージョン対応 (ヘッダーのメニューを中央ぞろえ) */
@media (min-width: 1200px) {
    .gMenu_outer,
    .gMenu,
    .gMenu > li {
        width: 100%;
    }
}

 
@media (max-width: 1199.98px) {
    .siteHeader_logo {
        width: unset;
    }
}





/******************************************** モバイル用メニュー　右寄り */
/* ※ここに書いても効果なし　ExUnitのCSSに記述すべし */
.vk-mobile-nav-menu-btn {
	right:5px;
	left:inherit;
}

/******************************************** スライドショー */
/* キャプション1と2の間の距離 */
.slide-text-caption {
	margin-top: 0.1em;
}

/* スライドイメージ　プレボタン　ネクストボタン 非表示*/
/* ※ここに書いても効果なし　ExUnitのCSSに記述すべし */
.carousel-control-next-icon,
.carousel-control-prev-icon {
	background-image: none;
	display: none;
}



/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ フッター全般 */

/******************************************** Lightningコピーライトを消す */
/* .copySectionのpの2番目を消す */
.copySection p:nth-of-type(2) {display:none;}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ お問い合わせブロック */

/******************************************** お問い合わせブロック全体 */
#contactus-brock {
	margin: 0;
	padding: 10px;
	background: #eee;
	border-radius: 10px;
}
/******************************************** メッセージ部分 */
#contactus-brock p.message {
	font-size: 14px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: .5em;
}
/******************************************** TEL部分 */
#contactus-brock p.tel {
	font-size: 22px;
	color: #337ab7;
	font-weight: 700;
	line-height: 1em;
	margin-top: .5em;
	margin-bottom: .5em;
}
/******************************************** リスト部分 */
#contactus-brock ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	
}
/* クリアフィックス */
#contactus-brock ul:after {
	content: "";
	clear: both;
	display: block;
}
/* リストの設定 */
#contactus-brock ul li {
	display: block;
	float: left;
	list-style-type: none;
	/*height: 100px;*/
	/*background: #0cc;*/
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: .3em;
}
/* 何列表示にするか-その1（今回は2列） */
#contactus-brock ul li:nth-child(2n+1) {
	width: 30%;
	white-space: nowrap;
}
/* 何列表示にするか-その2（合計width100%になるように調整） */
#contactus-brock ul li:nth-child(2n) {
	width: 70%;
	white-space: nowrap;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 各種パーツ */

/******************************************** Lightningお問い合わせ(電話番号) */
.contact_txt_tel {
	color: #337ab7;
}






/******************************************** トップページ用こんな症状のある方　グリッドリスト */
.symptom-top-list {
  padding: 0;
  margin: 0;
  background: rgba( 0,0,0,0.02);
}

ul.symptom-top-list {
    margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}

ul.symptom-top-list:after {
  content: "";
  clear: both;
  display: block;
}

ul.symptom-top-list li {
  width: calc((100% / 3) - 10px);
  padding: 0.5em;
  margin: 5px;
  list-style-type: none;
  color: #265ee0;
  background: #265ee0;
  background: rgb(38,94,224);
  background: linear-gradient(0deg, rgba(215,245,255,1) 0%, rgba(205,235,255,1) 25%, rgba(205,235,255,1) 75%, rgba(215,245,255,1) 100%);
  text-align: center;
  justify-content: center;
  border-radius: 10px;
}


/******************************************** フッター上部用診療時間テーブル（診療時間：固定　月～日：可変） */
/* ※ここに書いても効果なし　ExUnitのCSSに記述すべし */
.schedule-table th:nth-child(1), 
.schedule-table td:nth-child(1){
  padding: 10px 0px;
  width: 5em;
}
.schedule-table th:nth-child(n+2), 
.schedule-table td:nth-child(n+2){
  padding: 10px 0px;
  width: 1em;
	
/*calcで幅を計算して利用しようとしたけど、モバイルではうまく表示されなかった為断念（正常には動いていたみたいやけど…）
  width: calc((100% - 13em) / 7 );
  */
}


/******************************************** ページ全体ストライプ飾り */
body.page{
  padding: 10px;
  position: relative;
  background: none;
}
body.page:before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background: #FFF;
  z-index: -1;
}
body.page:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: repeating-linear-gradient(-60deg, #D1E1F2 0px, #D1E1F2 500px, #F0E9D9 500px, #F0E9D9 1000px, #E2EEC5 1000px, #E2EEC5 1500px); 
  z-index: -2;
}