/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* ヘッダーナビの最後（お問い合わせ）をボタン化 */
.global-nav .menu > li:last-child > a {
  background-color: #86c463;
  color: #fff !important;
  padding: 10px 18px;
  border-radius: 0px;
  font-weight: bold;
  transition: 0.3s;
}

/* hover */
.global-nav .menu > li:last-child > a:hover {
  background-color: #006400;
  color: #fff;
}

/*------トップのスライダーの波模様設定------*/
.lightning_swiper{
  position: relative;
  overflow: hidden;
}

.lightning_swiper::after{
  content:"";
  position:absolute;
  left:-5%;
  bottom:-1px;
  width:110%;
  height:180px;              /* ← 高さアップ */
  pointer-events:none;
  z-index:10;

  background-repeat:no-repeat;
  background-position:bottom center;
  background-size:100% 100%;

  /* うねりを大きくした滑らか波 */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'%3E%3Cpath d='M0,100 C180,160 360,20 540,100 C720,180 900,40 1080,100 C1260,160 1440,60 1440,60 L1440,180 L0,180 Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

/*スマホのときの波*/
@media (max-width: 767px){

  .lightning_swiper::after{
    height:50px;  

    left:-2%;
    width:104%;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 50' preserveAspectRatio='none'%3E%3Cpath d='M0,28 C240,45 480,15 720,28 C960,45 1200,20 1440,28 L1440,50 L0,50 Z' fill='%23ffffff'/%3E%3C/svg%3E");
  }

}
/*------トップのスライダーの波模様設定ここまで------*/

/*---------------テーブルの設定*---------------/
/* テーブル1の設定 */
.tablepress-id-1{
	width: 60% !important;
}

/*------------- Contact Form 7------------- */
/* 必須マーク */
.must{
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #86c463; /* 背景色 */
	border-radius: 10px;
}
/* 任意マーク */
.any{
    color: #86c463 !important;
	margin-right: 10px;
	padding: 6px 10px;
	background: #fff; /* 背景色 */
	border-radius: 10px;
}

/* 項目名を太字にする */
form p {
	font-weight: 600;
}
/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#006400;
	border:0;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	margin:0 auto;
	border-radius: 10px;
}

/*------------- Contact Form 7設定ここまで------------- */

/*------------- トップに戻るボタンの設定------------- */
.page_top_btn {
	width:50px;
	height:48px;
	border: solid #fff;
	background: #00A045;
	border-radius: 25%;
	background-image: var(--ver_page_top_button_url);
	background-size:50%;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow:none;
}