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

@import "common.css";


/*----以下 TDN追加css------------------------------------------*/

.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}

.fwN { font-weight: normal !important;}
.fwB { font-weight: bold !important;}


/*----ページトップボタン----*/
.page_top_btn{
	background-color:#36581a;
	outline-color:#fff !important;
}

/*----画像100%表示----*/
.img100 img {
	width: 100% !important;   /* 横幅を100％に固定 */
	height: auto !important;  /* 縦横比を維持 */
	display: block !important; /* 余白やインライン問題を解消 */
}



/*-------------------------------------------*/
/*  ボタン
/*-------------------------------------------*/

.vk_button .vk_button_link.is-style-outline {
 position: relative;
 z-index: 0; 
 border-radius: 0;
 padding: 12px 35px;
 letter-spacing: 0.1em;
 min-width: 220px;
}
   
.vk_button .vk_button_link.is-style-outline::before {
 content: '';
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 0;
 height: 100%;
 background-color: currentColor;
 z-index: -1;
 transition: .3s;
}

.vk_button .vk_button_link.is-style-outline:hover::before {
 width: 100%;
}

.vk_button .vk_button_link.is-style-outline .vk_button_link_caption::before {
 content: '';
 position: absolute;
 display: block;
 width: 70px;
 height: 1px;
 bottom: 50%;
 right: -35px;
 border-bottom: solid 1px currentColor;
}

.vk_button .vk_button_link.is-style-outline .vk_button_link_caption:after {
 content: '';
 position: absolute;
 display: block;
 width: 12px;
 height: 1px;
 background: currentColor;
 bottom: calc(50% + 5px);
 right: -35px;
 transform: rotate(45deg);
}

.vk_button .vk_button_link.is-style-outline:hover {
 opacity: unset;
 box-shadow: unset;
 background-color:  transparent !important;
 border: solid 1px;
}




/*-------------------------------------------*/
/*  タイトル
/*-------------------------------------------*/






/*-------------------------------------------*/
/*  テーブル
/*-------------------------------------------*/







/*-------------------------------------------*/
/*  TOP
/*-------------------------------------------*/











/*-------------------------------------------*/
/*  Contact Form 7
/*-------------------------------------------*/

/*---非表示---*/
.grecaptcha-badge{
	visibility: hidden;
}
.ajax-loader {
	margin:0 0 !important;
	display: none !important;
}
.wpcf7-spinner{
	display: none !important;
}


/*---must free---*/
.must{
	font-size:13px;
	padding:5px;
	background:#c2a877;
	color:#fff;
	border-radius:0px;
	margin-right:10px;
	position:relative;
	bottom:1px;
	font-weight:bold;
}
.free{
	font-size:13px;
	padding:5px;
	background:#696969;
	color:#fff;
	border-radius:0px;
	margin-right:10px;
	position:relative;
	bottom:1px;
	font-weight:bold;
}

/*---入力欄---*/
input[type=text],input[type=tel],input[type=email],button,textarea,select {
	margin-top:10px;
	border:1px solid #0d1933 !important;
}
#zip{
	width: 25%;
}

/* Chrome, Safari */
::-webkit-input-placeholder{
	color: #C9C9C9 !important;
}
 
/* Firefox */
::-moz-placeholder{
	color: #C9C9C9 !important;
}
 
/* Firefox 18以前 */
:-moz-placeholder{
	color: #C9C9C9 !important;
}

/* IE */
:-ms-input-placeholder{
	color: #C9C9C9 !important;
}


/*---送信ボタン---*/
.wpcf7 input[type="submit"] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 1;
  border-radius: 0;
  padding: 12px 35px;
  letter-spacing: 0.1em;
  min-width: 220px;
  font-size: 16px;
  color: #fff;
  background: #000;
  border: solid 1px #000;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.3s ease !important;
}

/* キラッと流れる光 */
.wpcf7 input[type="submit"] {
  position: relative !important;
  display: inline-block !important;
  overflow: hidden !important;
  z-index: 1 !important;
  border-radius: 0 !important;
  padding: 12px 35px !important;
  letter-spacing: 0.1em !important;
  min-width: 220px !important;
  font-size: 16px !important;
  color: #fff !important;
  background: #000 !important;
  border: solid 1px #000 !important;
  cursor: pointer !important;
  transition: transform 0.2s ease !important, opacity 0.3s ease !important;
  box-shadow: none !important;
}

/* キラッと流れる光エフェクト */
.wpcf7 input[type="submit"]::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -75% !important;
  width: 50% !important;
  height: 100% !important;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  transform: skewX(-25deg) !important;
  transition: all 0.5s ease !important;
}

.wpcf7 input[type="submit"]:hover::after {
  left: 125% !important;
}

/* ホバー時に少しだけ薄くなる（キラッと感を出す） */
.wpcf7 input[type="submit"]:hover {
  opacity: 0.9 !important;
  color: #fff !important;
  background: #000 !important;
  border-color: #000 !important;
  box-shadow: none !important;
}

/*---以下、フォームのスマホ・タブレット----*/

@media(max-width:1200px){
.inquiry .must,.inquiry .free {	
	font-size:1em;
}
#zip{
	width: 50%;
}

/*入力時にズームしない*/
input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
}
input[type="tel"] {
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
}
input[type="email"] {
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
}
select {
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
}
textarea {
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
}
}