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

.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 50%;
}
.wpcf7 input[name="email"] { /* メール入力欄 */
	width: 50%;
}
.wpcf7 input[name="email-confirm"] { /* メール入力確認欄 */
	width: 50%;
}
.wpcf7 input[name="phonenumber"] { /* 電話番号 */
	width: 50%;
}
.wpcf7 input[name="faxnumber"] { /* fax番号 */
	width: 50%;
}
.wpcf7 input[name="lastname"] { /* お名前（姓） */
	width: 50%;
}
.wpcf7 input[name="firstname"] { /* お名前（名） */
	width: 50%;
}
.wpcf7 input[name="nameruby"] { /* フリガナ（姓名） */
	width: 50%;
}
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 50%;
}
.wpcf7 input[name="accountname"] { /* アカウント名 */
	width: 50%;
}.wpcf7 input[name="accountemail"] { /* アカウントメールアドレス */
	width: 50%;
}
.wpcf7 input[name="email"] { /* メール入力欄 */
	width: 50%;
}
.wpcf7 input[name="zipcode"] { /* 郵便番号 */
	width: 50%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 85%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 100%;
}

/* スライドタイトル */
.ltg-slide .ltg-slide-text-title {
    font-size: clamp(5px,3dvw,66px);
}


/* スライドテキスト */
.ltg-slide .ltg-slide-text-caption {
    font-size: clamp(3px,2dvw,20px);
}

/*グラデボタン*/
.btn-center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}

/* ボタン基本デザイン */
.btn,
a.btn {
  font-weight: 700;
  line-height: 1.5;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
}

.btn-c {
  background-image: linear-gradient(90deg, #007adf, #00ecbc);
  color: #fff;
  border-radius: 100vh;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s;
  background-clip: padding-box; /* ←追加 */
  overflow: hidden; /* ←追加 */
  border: none; /* 念のため明示 */
}

.btn-c:hover {
  transform: scale(1.1);
  color: #fff;
}

.btn-hover {
  transition: transform 0.3s;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	  color: #fff;
	  background-clip: padding-box; /* ←追加 */
  overflow: hidden; /* ←追加 */
  border: none; /* 念のため明示 */
}

.btn-hover:hover {
  transform: scale(1.1);
  color: #fff;
}

/* サイズバリエーション */
.btn-sm {
  font-size: 18px;
  padding: 0.8rem 2rem;
}

.btn-md {
  font-size: 22px;
  padding: 0.5rem 2rem;
}

.btn-lg {
  font-size: 18px;
  padding: 1.8rem 4rem;
}