@charset "utf-8";
/*
Theme Name: Lightning Child
Template:lightning
Theme URI: https://www.taiyounomura.org/sakuraen/
Description: 子テーマ
Author: BL-kitazato
*/

/* -----------------
さくら苑（グランビレッジ倉橋を流用）
-------------------- */

/* -------------------------
全体
---------------------------- */
/* p liに反映。Gナビは個別指定あり。 */
@media (min-width: 992px){
body{
    font-size:110%;
    }
}

/* ロゴ画像を大きく デフォルト高さ50px 、原寸表示max-height: none !important; */
.navbar-brand img {
	max-height: 60px !important;
}

figcaption{
    font-size:90% !important;
    }


/* -------------------------
グローバルナビ
---------------------------- */
/* フォントサイズ大きく 文字色-茶系 PC用、旧ul.gMenu li .gMenu_name */
@media (min-width: 992px){
ul.global-nav-list li strong {
	font-size: 17px !important;
	color: #7B2C00 !important;
}
}

/* ドロップダウン PC用、旧ul.gMenu li */
@media (min-width: 992px){
ul.global-nav-list li ul.sub-menu li {
	font-size: 15px;
	opacity: 0.9;
}
}



/* -------------------------
トップページ - コンテンツ部のカスタマイズ
---------------------------- */

/* -----カテゴリ リスト 横並び(お知らせの下)----- */
@media (min-width: 992px){
ul.list_cate_yoko {
	clear: both;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 3px;
}
ul.list_cate_yoko li {
	display: inline;
	padding-right: 15px;
}
ul.list_cate_yoko li:before {
	content:"≫";
	padding-right: 2px;
	color: red;
}
}



/* -------------------------
投稿ページ：
---------------------------- */





/* -------------------------
階層ページ：WPデフォルト - テーブル
---------------------------- */
/* -------------------------
会社概要、求人など .wp-block-table WPデフォルト
次項のスマホ blockを適宜追記する
---------------------------- */
.wp-block-table th {
	font-size:100%;
	font-weight: bold;
}
.wp-block-table td{
	font-size:100%;
}
.wp-block-table caption {
	caption-side: top;
	font-weight: bold;
    margin-bottom: 5em;
	padding: 5px;
    background-color:  beige;
}


/* -------------------------
未使用
会社概要、募集要項のスマホ用1列版 class="wp-block-table"に必要に応じて追記する。
旧style.cssの.wp-block-tableの@media (max-width: 599px)は消去する。
ブロックエディタで旧料金表がカスタムHTMLになりビジュアルで編集できないため改編。
---------------------------- */
@media (max-width: 599px) {
.smaph-block-table {
	border-top: solid 1px #cccccc;
}
.smaph-block-table th {
	width: 100%;
	display: block;
	padding: 5px;
	background-color: #F1F4FC;
	border: none;
	letter-spacing: 0.2em;
}
.smaph-block-table td {
	width: 100%;
	display: block;
	padding: 0.5em 0.5em 1em 1em;
	border: none;
	border-bottom: solid 1px #cccccc;
}
}


/* -------------------------
階層ページ：オリジナル
---------------------------- */
/* -------------------------
一覧テーブル　スマホでも細線の表組み。未使用(料金表pdfのため)
---------------------------- */
.table_lineup01 {
	border-collapse: collapse;
	margin-bottom: 20px;
}
.table_lineup01 tr {
	border: 1px solid #ddd;
}
.table_lineup01 th {
	padding: 5px 5px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	text-align: center;
	font-size: 80%;
	font-weight: normal;
}
.table_lineup01 td {
	padding: 3px 5px;
	border: 1px solid #ddd;
	font-size: 80%;
	font-weight: normal;
	text-align: right;
}

/* -------------------------
ショートステイの空き状況の表　倉橋専用
---------------------------- */
.table_short_aki {
	border-collapse: collapse;
	margin-bottom: 30px;
}
.table_short_aki tr {
	border: 1px solid #ddd;
}
.table_short_aki th {
	padding: 3px 3px;
	border: 1px solid #ddd;
	text-align: center;
}
.table_short_aki td {
	padding: 3px 2px;
	border: 1px solid #ddd;
	text-align: center;
}
/* 偶数行のスタイル*/
.table_short_aki tr:nth-child(even) {
	background: #eeeeee;
}

/* -------------------------
デイサービスの空き状況の表　細線の表組み。
---------------------------- */
.table_day_aki {
	border-collapse: collapse;
	margin-bottom: 20px;
}
.table_day_aki tr {
	border: 1px solid #ddd;
}
.table_day_aki th {
	padding: 10px 5px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	text-align: center;
	font-weight: normal;
}
.table_day_aki td {
	padding: 25px 5px;
	border: 1px solid #ddd;
	text-align: center;
}



/* -------------------------
お問い合せフォーム-チェックボックス改行
---------------------------- */
span.wpcf7-list-item {
display: block!important;
}

span.hissu {
    color: red;
}


/* -------------------------
HTMLサイトマップ　「タグ」タイトル文字消去
---------------------------- */
h5.sitemap-taxonomy-post_tag {
	display:none;
}


/* -------------------------
PIP-Maker スマホはみ出し対策。
埋め込みソースの.embed()内のサイズを'100%', '100%');とする。(これにより親要素に合わせてPIP-Makerは自動リサイズ)
続いて親要素(#pip_wrapper任意)をレスポンシブに対応するように、CSSでアスペクト比16:9（56.25%）に固定する。
---------------------------- */
#pip_wrapper {
	position: relative;
	width: 100%;
}
#pip_wrapper:before {
    content:"";
    display: block;
    padding-top: 56.25%;
}
#pipmakerkc9m { /* id修正箇所 */
	position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* bottom: 0; */
    height: 100%; /* right: 0; */
}



/* -------------------------
アニメーション対策(カスタマイズ)　IE対策　
---------------------------- */
/* -----トップページ-「サービス案内」5枚画像　----- */
/* IE対策 アニメーション(スライド)静止画で対応。各画像のclass要指定、動き変更時も。transform: translateX(0);は不要 */
@media all and (-ms-high-contrast:none){
.wp-block-vk-blocks-animation  {
	opacity: 1;
}
}


/* -------------------------
共通利用：オリジナルclass指定
---------------------------- */
/* -----PCのみ／スマホのみ非表示----- */
/* PC用　PCのみ非表示 未使用 */
@media (min-width: 992px) { 
.hide_pc {
	display:none;
}
}
/* スマホ用　スマホのみ非表示 h2のspanなど 未使用 */
@media (max-width: 599px) {
.hide_smaph {
	display: none;
}
}

/* -----PC/スマホ改行位置調整----- */
/* PC用　未使用 */
@media (min-width: 992px) { 
.br-pc { display:block; }
.br-sp { display:none; }
}
/* スマホ用　PC/スマホdisplay逆に指定　未使用*/
@media (max-width: 599px) {
.br-pc { display:none; }
.br-sp { display:block; } /* スマホ改行位置調整(電話-FAX、h2など) */
}

/* -----ページ内リンク----- */
ul.grouppath {
	clear: both;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 8px 5px;
	background-color: #f5f5f5;
}
ul.grouppath li {
	display: inline;
	padding-right: 15px;
	font-size: 90%;
}
ul.grouppath li:before {
	content:"▼";
	padding-right: 3px;
	color: #DC2D01;
}

/* -----枠、未使用----- */
.waku01 {
	width: 100%;
	margin-bottom: 25px;
	padding: 30px;
	border: solid 3px #00AE00; /* #0693e3 */
	border-radius: 10px;
	background-color: #F7FCF5; /* #F4FAFF */
}



/* -----共通スタイル----- */
.tx_right {
	text-align: right;
}
.tx_left {
	text-align: left;
}
.tx_center {
	text-align: center;
}
.tx_120 {
	font-size: 120%;
}
.tx_90 {
	font-size: 90%;
}

.tx_orange {
	color: orange;
}
.tx_color01 {
	color: #e84e93; /* Font Awesomeアイコンの色、個別につける場合。一日のスケジュール */
}



/* -----余白----- */
.mg00 {
	margin-bottom: 0px;
}
.mg05e {
	margin-bottom: 0.5em;
}
.mg1e {
	margin-bottom: 1em;
}
.mg2e {
	margin-bottom: 2em;
}

.mg_left1e {
	margin-left: 1em;
}