/*
Theme Name:	Lightning-child
Template:	lightning
*/


/* =============================================================
  リセット
============================================================= */
/* img
--------------------------------*/
img,
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
	border: none;
	box-shadow: 0 0 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}
figure {
	line-height: 0;
}

/* a
--------------------------------*/
/* text-decorationを削除 */
 li a,
 p a {
	text-decoration: none;
}

/* リストスタイル
--------------------------------*/
/* ul */
ul,
.widget ul {
	margin: 0;
	padding: 0;
}
/* li */
li,
.widget li {
	list-style: none;
	margin: 0;
}

/* 見出し・段落
--------------------------------*/
/* h2 */
h2 {
	border: none;
	margin: 0;
	padding: 0;
}
/* h3 */
h3 {
	border: none;
	margin: 0;
	padding: 0;
}
/* h3::after */
h3::after {
	display: none;	
}
/* h4 */
h4 {
	border-radius: 0;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
/* h5 */
h5,
p + h5 {
	border: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
/* h6 */
h6 {
	margin: 0;
	padding: 0;
}
/* p */
p {
	margin: 0;
	padding: 0;
}

/* その他
--------------------------------*/
/* clearfix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}



/* =============================================================
  全ページ共通部分
============================================================= */
/*  ページ全体
-------------------------------------------*/
/* flex
--------------------------------*/
/* flexのclassを設定 */
.flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.flex_center {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* リスト
--------------------------------*/
/* リストを横並びに */
ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
li {
	line-height: 0;
}
/* リスト内イメージの幅調整 */
li img {
	width: 100%;
}

/* アンカー
--------------------------------*/
/* aをブロック要素に */
a {
	display: block;
	line-height: 0;
}
/* 投稿用a */
.vk_post_body a {
	line-height: 1.4; /* 上の打消し */
}

/* カラー
--------------------------------*/
/* 変数設定 */
:root {
	--color-primary:        #7b698e; /* メインカラー */
	--color-primary-pale1:  #88789a; /* メインカラー薄1 */
	--color-primary-pale2:  #9587a5; /* メインカラー薄2 */
	--color-primary-pale3:  rgba(123,105,142,0.4); /* メインカラー薄3 */
	--color-primary-pale4:  rgba(123,105,142,0.1); /* メインカラー薄4 */
	--color-accent1:        #f5eb4a; /* アクセントカラー1（黄色） */
	--color-accent2:        #b91e22; /* アクセントカラー2（赤色） */
	--color-border1:        rgba(179,179,179,1); /* ボーダーカラー */
	--color-border2:        #efefef; /* ボーダーカラー1 */
	--color-table-header1:  rgba(179,179,179,0.3); /* テーブル見出し1 */
	--color-table-header2:  rgba(179,179,179,0.1); /* テーブル見出し2 */
	--color-shadow:         #999999; /* ドロップシャドウ */
	--color-footer:         #f5f5f5; /* フッター */
}

/*  ヘッダー
-------------------------------------------*/
/*  大枠（lightning）
--------------------------------*/
/* 横幅を100%表示に */
 .site-header--layout--nav-float .site-header-container.container {
	display: block;
	max-width: 100%;
}
.site-header-container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
/*  大枠（jsで追加）
--------------------------------*/
/* cath_copy */
.header_catch_copy {
	font-size: 0.8rem;
	text-align: center;
	background-color: #ddd;
	padding: 0.2rem;
}
/* header_area */
.header_area {
	margin: 0 auto;
	padding: 30px 30px 28px;
}
/* スクロール時非表示 */
.header_scrolled .site-header .header_area {
	display: none;
}
	
/*  ロゴ（lightningのもの）
--------------------------------*/
/* 既存のlogoを非表示に*/
.site-header--layout--nav-float .site-header-logo {
	display: none;
}
/*  ロゴなど（cmn.jsで追加したもの）
-------------------------------*/
/* 枠
---------------------*/  
/* header_area */
.header_area {
	line-height: 0;
}
/* ロゴ（左）
---------------------*/  
/* left */
.header_area .left {
	width: 38.3333%;
}
/* 電話、メール（右）
---------------------*/  
/* right */
.header_area .right {
	width: 52.5;
	align-items: center;
}
/* 電話番号 */
.header_area .right .tel {
	width: 64.6031%;
}
/* お問い合わせボタン*/
.header_area  .right .contact {
	width: 31.746%;
}

/*  グローバルナビゲーション
-------------------------------------------*/
/* 下線 */
.global-nav {
	border-bottom: 1px solid #fff;
}
/* ベースカラーと位置 */
/*body:not(.header_scrolled)*/
.global-nav--layout--float-right {
	float: none;
	width: 100%;
	background-color: var(--color-primary);
	margin-left: auto;
	margin-right: auto;
}
/* 最大幅と横並び */
.global-nav-list {
	max-width: 1200px;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;		
}
/* 横幅（一つ分） */
.global-nav-list li {
	position: relative;
	width: calc(100%/5);
}
/* 区切り線を追加 */
.global-nav-list li::before,
.global-nav-list li:last-child::after {
	position: absolute;
	content: "";
	top: 50%;
	left: -0.5px;
	width: 1px;
	height: 12px;
	background-color: #fff;
	transform: translateY(-50%);
	z-index: 999;
}
.global-nav-list li:last-child::after {
	left: auto;
	right: 0.5px;
}
/* 区切り線をサブメニューは削除 */
.global-nav-list li .sub-menu li::before,
.global-nav-list li .sub-menu li::after {
	content: none;
}
/* サブメニューの幅とカラー */
.global-nav-list > li > ul.sub-menu {
	width: 240px !important;
	margin-left: -100px !important;
}
.global-nav-list li .sub-menu li {
	width: 100%;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: center;
	border-top: 1px solid var(--color-primary);
}
.global-nav-list li .sub-menu li:first-child {
	border-top: 1px solid #fff;
}
.global-nav-list>li.menu-item-has-children::after {
	border-bottom: 1px solid var(--color-primary);
}
/* ボタンカラー */
.global-nav-list li a,
.global-nav-list .current_page_item ul.sub-menu a,
.global-nav-list .current-menu-parent ul.sub-menu a {
	color: #fff;
	line-height: 2.4; /* 上の打消し */
	background-color: var(--color-primary); /*ゆっくり戻すため */
	transition: all 0.3s; /*ゆっくり戻すため */
}
/* ロールオーバー */
.global-nav-list li a:hover,
.global-nav-list li .sub-menu a:hover {
	background-color: var(--color-primary-pale1);
	transition: all 0.3s;
}
/* ロールオーバーのライン削除 */
.global-nav-list > li:before {
	border: none;
}
/* ロールオーバー現在位置表示 */
.global-nav-list .current_page_item a,
.global-nav-list .current-menu-parent a,
.global-nav-list .current-menu-parent ul.sub-menu .current_page_item a {
	color: #fff;
	background-color: var(--color-primary-pale2);
}

/* ページタイトル（トップ以外）
-------------------------------------------*/
/* 高さ・背景 */
.page-header-inner {
	padding: 0;
}
.page-header-title, h1.page-header-title {
	font-size: 1.5rem;
	font-weight: 900;
	width: 30%;
	text-align: left;
	border-bottom: 3px solid var(--color-primary);
	padding-bottom: 0.5rem;
	position: relative;
}
.page-header-inner::after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--color-primary-pale3);
	position: absolute;
	bottom: 0;
}

/* 文字 
.page-header-title, h1.page-header-title {
	font-size: 1.5rem;
	background-color: transparent;
}*/

/*  パンくずリスト
-------------------------------------------*/
.breadcrumb {
	display: none;
}
.breadcrumb a {
	display: inline-block; /* style.cssの打消し */
}

/* スマホ、タブレット、PC切り替え
-------------------------------------------*/
/* tab、sp用非表示 */
.sp,
.tab {
	display: none;
}

/*  コンテンツ
-------------------------------------------*/
/*  レイアウト
--------------------------------*/
/* コンテンツ幅 */
.main-section--col--two {
	width: 78.333%;
}
/* コンテンツ下マージン */
.site-body-container {
	padding-right: 0; /* lightningの打消し */
	padding-left: 0; /* lightningの打消し */
	padding-bottom: 2.5rem;
}

/*  サイドバナー  .sub-section
--------------------------------*/
/* レイアウト
---------------------*/    
/* サイドバナー幅と位置 */
.sub-section--pos--left.sub-section {
	width: 17.5%;
	position: static !important; /* 追随させないように */
}
/* ブロック
---------------------*/     
/* side_bar */
.side_block {
	margin-top: 1.875rem;
}
/* 一番上のts_blockのマージン削除 */
.side_block:first-of-type {
	margin-top: 0;
}
/* リスト
---------------------*/     
.side_block li {
	width: 100%;
	margin-top: 0.8rem;
}
/* タイトル
---------------------*/     
/* h6 */
.side_block h6 {
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
	line-height: 1;
	border: 1px solid var(--color-border);
	margin: 0;
	padding: 0.8rem;
}
.side_block h6 span {
	display: block;
	border-left: 3px solid var(--color-primary);
	padding-left: 0.5rem;
}
/* アンカー
---------------------*/     
/* dropshadow表示のため、幅を調整 */
.side_block a.btn_base {
	width: 99%;
}

/* ブロック
--------------------------------*/
/* block */
.block {	
	margin: 5rem 0 0;
}
.block:first-of-type {	
	margin-top: 0;
}
h2 + .block:first-of-type {	
	margin-top: 3rem;
}
/* block_innner */
.block_inner {
	margin-top: 1rem;
}
/* sub_block */
.sub_block {	
	margin: 3rem 0 0;
}
.sub_block:first-of-type {	
	margin-top: 0;
}
h3 + .sub_block:first-of-type {	
	margin: 2rem 0 0;
}

/* 全幅背景
--------------------------------*/
/* 全幅背景 */
.wide {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	background-color: #e9e9e9;
}
/* 全幅背景中のコンテンツ */
.wide .block_inner {
	width: 90%;
	max-width: 1080px;
	margin: 0 auto;
}

/*  Lナビゲーション
--------------------------------*/
/* 幅 */
.lnavi li {
	width: calc((100% - 5.3%*2)/3);
	margin-top: 1rem;
}
/* anker */
.lnavi li a {
	display: block;
	color: var(--color-primary);
	font-size: 1.1rem;
	font-weight: 800;
	line-height: 1;
	text-align: center;
	border: 1px solid var(--color-primary);
	border-radius: 3px;
	background-color: #fff;
	padding: 0.5rem 0.8rem 0.3rem;
}
/* 矢印 */
.lnavi li a::after {
	content: "";
	display: block;
	line-height: 1;
	vertical-align: middle;
	width: 1rem;
	height: 1rem;
	border: 0.15rem solid var(--color-primary);
	border-left: 0;
	border-bottom: 0;
	transform: translateY(-25%) rotate(135deg);
	margin: 0.4em auto 0;
}
/* hover */
.lnavi li a:hover {
	color: #fff;
	background-color: var(--color-primary);
}
.lnavi li a:hover::after {
	border-color: #fff;
}

/*  見出し
--------------------------------*/
/* h3 */
h3 {
	color: #000;
	font-size: 1.5rem;
	line-height: 1;
	background-color: var(--color-primary-pale4);
	border-left: 3px solid var(--color-primary);
	padding: 1.5rem;
}
h3 span {
	display: block;
	color: var(--color-primary-pale3);
	font-family: 'Arial', sans-serif;
	font-style: oblique;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.1rem;
	margin-bottom: 0.3rem;
}

/*  段落文字
--------------------------------*/
/* h3 + p */
h3 + p {
	margin-top: 1rem;
}
/* P + P */
p + p {
	margin-top: 1rem;
}
/* 注釈 */
.annotation {
	color: #000;
	font-size: var(--vk-size-text-meta);
	line-height: 1.1rem;
	margin-top: 0.3rem;
}
/* 強調 */
.emphasis {
	font-weight: 600;
	color : var(--color-accent2);
}

/* テーブル
--------------------------------*/
/* タイトル */
table th {
	background-color: var(--color-table-header1);
}
/* デザイン */
table th, 
table td {
	border: 1px solid var(--color-border1);
	padding: 0.8rem;
}
/* P + table */
p + table {
	margin-top: 1rem;
}

/*  ビデオ
--------------------------------*/
.video {
	width: 100%;
    aspect-ratio: 16/9;
}
.video iframe {
	margin: 0;
}

/* ボタン
--------------------------------*/
/* コンテンツボタン .btn_base
----------------------*/
/* シャドウ */
.btn_base {
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	opacity: 1; /* ゆっくり戻すため記述 */
	filter: brightness(100%); /* ゆっくり戻すため記述 */
	filter: drop-shadow(0.1rem 0.1rem 0.1rem var(--color-shadow));
}
/* ロールオーバー */
.btn_base:hover {
	transition: all 0.3s;
	opacity: 0.8;
	filter: brightness(110%);
	filter: drop-shadow(0.1rem 0.1rem 0.1rem var(--color-shadow));
}
/* アンカー */
.btn_base a {
	display: block;
	line-height: 0;
}

/* グラデーションボタン
-------------------*/
.grad_btn {
	display: block;
	width: 100%;
	color: #ffffff;
	font-size: 1.3rem;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	background: linear-gradient(to bottom, #afa750  5%, #7f7632 100%);
	cursor: pointer;
	background-color: #afa750;
	border-radius: 50px;
	margin: 0 auto;
	padding: 1.25rem;
	filter: drop-shadow(0.1rem 0.1rem 0.1rem var(--color-shadow));
}
/* ロールオーバー */
.grad_btn:hover {
	color: #fff;
	transition: all 0.3s;
	opacity: 0.8;
	filter: brightness(110%);
	filter: drop-shadow(0.1rem 0.1rem 0.1rem var(--color-shadow));
}

/* ガイドボタン .cmn_guide_btn
----------------------*/
/* アンカー */
 a.cmn_guide_btn {
	display: block;
	width: 50%;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	background-color: var(--color-accent2);
	border-radius: 0.5rem;
	margin: 1rem auto 0;
	padding: 1.2rem 1.2rem 1rem;
}
/* アイコン */
 a.cmn_guide_btn::after {
	content: url(https://backbnr.tenjikai-professional.com/wp/wp-content/uploads/cmn_btn_icon_triangle2.png);
	vertical-align: middle;
	padding-left: 1rem;
}

/*  フッター
-------------------------------------------*/
/* 大枠
--------------------------------*/
/* カラーとボーダー */
.site-footer {
	background-color: var(--color-primary);
	padding-top: 2rem;
}
/* フッターコンテント */
.site-footer-content  {
	padding-top: 0;
	padding-bottom: 2rem;
}

/* フッターコンテント内　ウィジェット
--------------------------------*/
/* 共通
---------------------*/
/* ブロック */
.site-footer-content .widget .block {
	margin-top: 1rem; /* 上の上書き */
}
.site-footer-content .widget .sub_block {
	margin-top: 1.5rem;
}
.site-footer-content .widget .sub_block:first-of-type {
	margin-top: 0; /* 上の上書き */
}
/* 見出し */
.site-footer-content .widget h4 {
	color: #fff;
	font-size: 1rem;
	text-align: center;
	border-bottom: 1px solid rgba(255,255,255,.5);
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
}
.site-footer-content .widget h5 {
	color: #fff;
	font-size: 0.9rem;
	line-height: 1;
	border-left: 5px solid #fff;
	margin-bottom: 0.8rem;
	padding-left: 0.5rem;
}
.site-footer-content .widget h6 {
	color: #fff;
	font-size: 0.8rem;
	margin: 0.6rem 0 0.2rem -0.5rem;
}
.site-footer-content .widget p {
	color: #fff;
}
/* 注釈 */
.site-footer-content .widget .annotation {
	margin-top: 0.5rem;
}
/* リスト */
.site-footer-content .widget li {
	line-height: 1.6;
}
/* img */
.site-footer-content .widget img {
	display: block;
}
/* table */
.site-footer-content .widget table {
	border-color: rgba(255,255,255,.5);
	margin-top: 0.5rem;
}
/* th,td */
.site-footer-content .widget table th,
.site-footer-content .widget table td {
	width: 50%;
	color: #fff;
	text-align: center;
	border: 1px solid rgba(255,255,255,.5);
	background-color: rgba(255,255,255,.1);
}
.site-footer-content .widget table th {
	background-color: rgba(255,255,255,.3);
}

/* 配送について、お問い合わせ先（中） #block-8
---------------------*/
/* サブブロック */
.site-footer-content .widget .footer_inquiry .sub_block:first-of-type  {
	margin-top: 1.5rem; /* 上の再設定 */
}
/* p */
.site-footer-content .widget .footer_inquiry .sub_block p + p  {
	margin-top: 1em;
}
/* foote_law */
.site-footer-content .widget .footer_law  {
	text-align: center;
}
/* a */
.site-footer-content .widget .footer_law a  {
	display: inline-block;
	color: #fff;
}
/* a hover*/
.site-footer-content .widget .footer_law a:hover  {
	text-decoration: underline;
}

/* 弊社運営サイト（右） #block-9
---------------------*/
/* サブブロックをスクロールに */
.site-footer-content .widget .footer_managementsite .sub_block {
	height:735px;
	overflow-y:scroll;
}
/* リスト */
.site-footer-content .widget .footer_managementsite li {
	width: 95%;
	margin-top: 0.8rem;
}
/* a */
.site-footer-content .widget .footer_managementsite li a {
	color: var(--color-primary);
	font-weight: 600;
	line-height: 1;
	background-color: #fff;
	border: 1px solid var(--color-primary);
	border-radius: 5px;
	padding: 0.5rem;
}
/* a hover */
.site-footer-content .widget .footer_managementsite li a:hover {
	color: #fff;
	background-color: var(--color-primary);
}

/* コピーライト
--------------------------------*/
/* カラー */
.container.site-footer-copyright {
	max-width: 100%;
	color: #fff;
	background-color: rgba(255,255,255,0.2);
}
/* コピーライトのマージン */
.site-footer-copyright p:nth-child(1) {
	margin: 0;
	padding: 0;
}
/* Lightningのコピーライト非表示 */
.site-footer-copyright p:nth-child(2) {
	display: none;
}

/* ページトップへボタン
--------------------------------*/
/* page_top_btn */
.page_top_btn {
	font-weight: 900;
	border-radius: 1.5rem;
	background-color: rgba(123,105,142,0.8);
	box-shadow: 0 0 0 2px rgb(255 255 255 / 80%), 0 0 0 0 rgb(0 0 0 / 80%);
}

/* recaptcha
--------------------------------*/
/* recaptcha非表示 */
.grecaptcha-badge {
	visibility: hidden;
}