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


/* =============================================================
  リセット
============================================================= */
/* img
--------------------------------*/
img,
img.alignleft,
img.alignright,
img.aligncenter,
img.alignnone {
	line-height: 0;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0;
	margin: 0;
	padding: 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;
}

/* 見出し・段落
--------------------------------*/
/* h1 */
h1 {
	border: none;
	margin: 0;
	padding: 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 {
	align-items: center;
	justify-content: center;
}

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

/* カラー
--------------------------------*/
/* 変数設定 */
:root {
	--color-primary:        #007ad6; /* メインカラー */
	--color-primary5:       rgba(0,122,214,.05); /* メインカラー5% */
	--color-primary10:      rgba(0,122,214,.1); /* メインカラー10% */
	--color-primary15:      rgba(0,122,214,.15); /* メインカラー15% */
	--color-primary20:      rgba(0,122,214,.2); /* メインカラー20% */
	--color-primary30:      rgba(0,122,214,.3); /* メインカラー30% */
	--color-primary50:      rgba(0,122,214,.5); /* メインカラー50% */
	--color-secondary:      #00bdd6; /* セカンドカラー */
	--color-secondary5:     rgba(0,189,214,.05);  /* セカンドカラー5% */
	--color-secondary10:    rgba(0,189,214,.1);  /* セカンドカラー10% */
	--color-secondary20:    rgba(0,189,214,.2);  /* セカンドカラー20% */
	--color-secondary30:    rgba(0,189,214,.3);  /* セカンドカラー30% */
	--color-secondary50:    rgba(0,189,214,.5);  /* セカンドカラー50% */
	--color-accent1:        #f4ea4a; /* アクセントカラー1（黄色） */
	--color-accent2:        #f24c4c; /* アクセントカラー2（赤色） */
	--color-border1:        rgba(179,179,179,1); /* ボーダーカラー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-btn:            #333; /* ボタン */
	--color-btn-hover:      #555; /* ボタンhover */
	--color-shadow:         #999999; /* ドロップシャドウ */
	--color-footer:         #f5f5f5; /* フッター */
	
	--color-plan-draft:        rgba(255,154,0,1);
	--color-plan-draft-base:   rgba(249,237,202,.6);
	--color-plan-data:         rgba(42,87,153,1);
	--color-plan-data-base:    rgba(202,226,249,.6);
	--color-plan-omakase:      rgba(255,67,67,1);
	--color-plan-omakase-base: rgba(249,202,202,.6);
}

/*  ヘッダー
-------------------------------------------*/
/*  大枠（lightning）
--------------------------------*/
/* box-shadowを削除 */
.site-header {
	box-shadow: none;
}
/* 横幅を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 25px;
}
/* スクロール時非表示 */
.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: 20.41666%;
}
/* 電話、メール（右）
---------------------*/  
/* right */
.header_area .right {
	width: 58.08333%;
	align-items: center;
}
/* 電話番号 */
.header_area .right .tel {
	width: 40.7476%;
}
/* メール*/
.header_area  .right .mail {
	width: 56.3845%;
}

/*  グローバルナビゲーション
-------------------------------------------*/
/* ナビの位置 */
/*body:not(.header_scrolled)*/
.global-nav--layout--float-right {
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
/* 最大幅設定と横並び */
.global-nav-list {
	max-width: 1200px;
	width: 100%;
	flex-flow: row wrap;
	justify-content: start;
	position: relative;
}
/* 下線を全面に引くため */
.global-nav--layout--float-right:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--color-border2);
	bottom: 0;
	z-index: -9999;
}
/* 下線が消されないため */
.global-nav-list:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background-color: var(--color-border2);
	bottom: 0;
	z-index: -9999;
}
/* 横幅（一つ分） */
.global-nav-list > li {
	position: relative;
	width: calc(100%/5);
}
/* ボタンベースカラー */
.global-nav-list li a {
	line-height: 2.4; /* 上の打消し */
	border-bottom: 3px solid var(--color-border2); /*ゆっくり戻すため */
	transition: all 0.3s; /*ゆっくり戻すため */
}
/* サブメニューの幅とカラー */
/*.global-nav-list > li > ul.sub-menu {
	width: 240px !important;
	margin-left: -120px !important;*/
}
.global-nav-list li .sub-menu li {
	width: 100%;
}
.global-nav-list li .sub-menu li a {
	font-size: 0.8rem;
	font-weight: 600;
	line-height:1.2;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: none;
	background-color: var(--color-primary);
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	opacity: 1; /* ゆっくり戻すため記述 */
	filter: brightness(100%); /* ゆっくり戻すため記述 */
	filter: drop-shadow(0.1rem 0.1rem 0.1rem var(--color-shadow));
	padding-right: 0.8em; /* lightningの上書き */
	padding-left: 0.8em; /* lightningの上書き */
}
/* ロールオーバー */
.global-nav-list li a:hover {
	border-bottom: 3px solid var(--color-primary);
	transition: all 0.3s;
}
.global-nav-list li .sub-menu li a:hover {
	background-color: var(--color-primary);
	transition: all 0.3s;
	opacity: 0.8;
	filter: brightness(110%);
	border-bottom: none;
}
/* ロールオーバー現在位置表示 */
.global-nav-list .current_page_item a ,
.global-nav-list .current-menu-parent a {
	border-bottom: 3px solid var(--color-primary);
}
.global-nav-list .current-menu-parent ul.sub-menu .current_page_item a {
	background-color: var(--color-primary);
	transition: all 0.3s;
	opacity: 0.8;
	filter: brightness(110%);
}

/* ページタイトル（トップ以外）
-------------------------------------------*/
/* 高さ・背景 */
.page-header {
	display: none; /* 展示会は非表示 */
	/*min-height: 5rem;
	color: #fff;
	background-color: var(--color-primary-dark2);*/
}
/* 文字 */
.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,
.pc_s {
	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-border1);
	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;
}
h1 + .block:first-of-type {	
	margin-top: 3rem;
}
p + .block:first-of-type {	
	margin-top: 1rem;
}
/* sub_block */
.sub_block {	
	margin: 3rem 0 0;
}
.sub_block:first-of-type {	
	margin-top: 0;
}
.block_inner > .sub_block:first-of-type {	
	margin-top: 3rem;
}
h2 + .sub_block:first-of-type {	
	margin: 2rem 0 0;
}

/* 全幅背景
--------------------------------*/
/* 全幅背景 */
.wide {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	background-color: var(--color-primary10);
}
/* 全幅背景中のコンテンツ */
.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;
}

/*  見出し
--------------------------------*/
/* h1（ページヘッダー） */
h1 {
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1;
	background: linear-gradient(90deg, #00bdd6, #007ad6);
	border-radius: 3px;
	padding: 0.8rem 1.1rem 1.1rem;
}
/* h2 */
h2 {
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1.1;
}
/* h3 */
h3 {
	font-size: 1.3rem;
	line-height: 1;
	text-align: left;
	border-bottom: 1px dashed var(--color-border1);
	padding-bottom: 0.5rem;
}
h3::before {
	content: "〇";
	display: inline-block;
	color: var(--color-primary);
	margin-right: 0.5rem;
}
h4 {
	font-size: 1.1rem;
	line-height: 1;
}
h4::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top: 50%;
	left: 0;
	transform: translateY(-25%);
	background-color: var(--color-primary);
	margin-right: 0.5rem;
}
h6 {
	font-size: 1rem;
}

/*  段落文字
--------------------------------*/
/* h1,2,3 + p */
h1 + p,
h2 + p,
h3 + p {
	margin-top: 1rem;
}
/* h4 + p */
h4 + p {
	margin-top: 0.3rem;
}
/* P + P */
p + p {
	margin-top: 1rem;
}
/* 注釈 */
.annotation {
	color: #000;
	font-size: 0.9rem;
	line-height: 1.4rem;
	margin-top: 0.3rem;
	text-indent: -1em;
	padding-left: 1em;
}
/* 強調 */
.emphasis {
	color : var(--color-accent2);
	font-weight: 600;
}

/* テーブル
--------------------------------*/
/* タイトル */
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;
	 margin-top: 0.5rem;
}
.video iframe {
	margin: 0;
}

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

/* 共通ボタン
----------------------*/
/* a */
a.cmn_btn {
	position: relative;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 900;
	text-align: center;
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	background-color: var(--color-btn);
	border-radius: 5px;
	padding: 1.8rem;
	user-select: none;
}
/* a:hover */
a.cmn_btn:hover {
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	background-color: var(--color-btn-hover);
}
/* a::after */
a.cmn_btn::after {
	position: absolute;
	content: url(https://rollupbanner.tenjikai-professional.com/wp/wp-content/uploads/cmn_btn_icon_arrow_white.png);
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
}
/* a:hover */
a.cmn_btn span {
	margin-left: -1rem;
}

/* ダウンロードボタン .dl_btn
----------------------*/
/* a */
a.dl_btn {
	position: relative;
	/*display: block;*/
	width: 100%;
	color: var(--color-primary);
	font-weight: 700;
	text-align: center;
	line-height: 1;
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	background-color: var(--color-primary10);
	border: 1px solid var(--color-primary);
	border-radius: 3px;
	padding: 1rem;
	user-select: none;
}
/* hover */
a.dl_btn:hover {
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	background-color: var(--color-primary30);
}
/* a::after */
a.dl_btn::after {
	position: absolute;
	content: url(https://rollupbanner.tenjikai-professional.com/wp/wp-content/uploads/cmn_btn_icon_dl.png);
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
}
/* span */
a.dl_btn span {
	margin-left: -1rem;
}

/* アンカー
--------------------------------*/
/* a.link */
a.link {
	display: inline;
	color: var(--color-primary);
	text-decoration: underline;
}

/* 金額 .price
--------------------------------*/
/* td */
 table.price td {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.2;
}
/* td内span */
 table.price td span {
	font-size: 0.8rem;
}
/* span.tax */
table.price td span.tax {
	display: block;
}

/*  フッター
-------------------------------------------*/
/* 大枠
--------------------------------*/
/* カラーとボーダー */
.site-footer {
	background-color: var(--color-footer);
	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 {
	font-size: 1rem;
	text-align: center;
	background-color: #fff;
	border: 1px solid var(--color-primary30);
	border-left: 8px solid var(--color-primary);
	margin-bottom: 1rem;
	padding: 0.7rem 0.8rem 0.8rem;
}
.site-footer-content .widget h4::before {
	display: none;
}
.site-footer-content .widget h5 {
	font-size: 0.9rem;
	line-height: 1;
	border-left: 5px solid var(--color-primary);
	margin-bottom: 0.8rem;
	padding-left: 0.5rem;
}
.site-footer-content .widget h6 {
	font-size: 0.8rem;
	margin: 0.6rem 0 0.2rem -0.5rem;
}
/* 注釈 */
.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 {
	margin-top: 0.5rem;
}
/* th,td */
.site-footer-content .widget table th,
.site-footer-content .widget table td {
	width: 50%;
	text-align: center;
}
/* td */
.site-footer-content .widget table td {
	background-color: #fff;
}

/* 配送について、お問い合わせ先（中） #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;
}
/* 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-primary30);
	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%;
	background-color: var(--color-footer);
	border-top: 1px solid #ccc;
}
/* コピーライトのマージン */
.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(0,122,214,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;
}

/*  その他
-------------------------------------------*/
/* コールトゥーアクション
--------------------------------*/
/* 共通
---------------------*/
/* calltoAction */
.calltoAction {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9999;
}
/* div */
.calltoAction a + a {
	margin-top: 0.8rem;
}
/* a */
.calltoAction a {
	display: flex;
	align-items: center;
	min-height: 150px;
	line-height: 1;
	background-color: var(--color-secondary);
	border-radius: 3px 0 0 3px;
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	opacity: 1; /* ゆっくり戻すため記述 */
	filter: drop-shadow(0.1rem 0.1rem 0.1rem var(--color-shadow));
	padding: 1rem 1.5rem;
	user-select: none;
}
/* span */
.calltoAction a span {
	display: block;
	color: #fff;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1;
	writing-mode: vertical-rl;
}
/* hover */
.calltoAction a:hover {
	transition: all 0.3s; /* ゆっくり戻すため記述 */
	opacity: 0.8; /* ゆっくり戻すため記述 */
	filter: drop-shadow(0.1rem 0.1rem 0.1rem var(--color-shadow));
}
/* お問い合わせ
---------------------*/
/* cta_btn_contact */
.calltoAction a.cta_btn_contact {
	background-color: var(--color-primary);
}