/*
Theme Name: Lightning Child
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1

*/


/* 画像リンクマウスオーバー時半透明 */
a:hover img {
  opacity: 0.7;
  transition: .3s;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*投稿関連の調整*/
.vk_post .vk_post_title a {
    color: #ff7f02;
}
.entry-footer {
    display: none;
}
.page-header {
	display: none;
}
/*ここまで*/


/*-----------CTA-----------------*/
.example {
  position: relative;
  }

.example p {
  width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color:#ffffff;
  text-align:center;
  text-shadow:1px 1px 0 #FF8200, 
    -1px -1px 0 #FF8200,
    -1px 1px 0 #FF8200,
     1px -1px 0 #FF8200,
     0px 1px 0 #FF8200,
     0-1px 0 #FF8200,
    -1px 0 0 #FF8200,
     1px 0 0 #FF8200;
  font-size:40px;
  }

.example img {
  width: 100%;
  }

@media screen and (max-width: 600px){
	.example p {
		font-size:16px !important;
	}
}
@media screen and (min-width:601px) and ( max-width:992px) {
	.example p {
		font-size:20px !important;
	}
}
/*-----------CTAここまで-----------------*/

/*ヘッダーを固定*/
@media screen and (min-width:1024px) {
.site-header {
    position: fixed;
}
}
/*ヘッダー右側エリアの高さ調整*/
.site-header-sub {
	margin-top:0;
    margin-bottom: 0;
	max-height: 90px;
}
/*ヘッダーに緑の下線追加*/
.site-header {
    border-bottom: 6px solid #32b496 !important;
}

/*モバイル固定ウィジェットが表示されるとコピーライトが隠れるので調整*/
@media screen and (max-width: 600px){
	body{
		padding-bottom:65px;
	}
}

/*モバイル固定ナビをPCでも表示*/
@media (min-width: 992px){
.mobile-fix-nav {
    display: block !important;
	transition: all 0.5s ease;
}
}




/*Contact Form 7カスタマイズ*/
/*-----スマホContact Form 7カスタマイズ--------*/
@media(max-width:500px){
.inquiry p{
	margin:0 !important;
}
	
.inquiry th,.inquiry td {
	display:block!important;
	width:100%!important;
	border-top:none!important;
	 -webkit-box-sizing:border-box!important;
	 -moz-box-sizing:border-box!important;
	box-sizing:border-box!important;
}
.inquiry th {
	text-align:center !important;
	border-radius:1vw 1vw 0 0;	
	background:#32b496 !important;
	border-bottom: solid 1px #32b496 !important;
	color:#ffffff;
}
.inquiry td {
	margin-bottom: 3.5vw;
	border: solid 3px #32b496 !important;
	border-radius: 0 0 1vw 1vw;	
	box-shadow: 0.3vw 0.3vw 0.2vw rgba(0, 0, 0, 0.2);
}
}	

/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}
}
/*--------------スマホここまで----------------*/

.inquiry{
		border:#e0e0e0;
}

.inquiry input[type=text],input[type=tel],input[type=email],textarea{
	background-color:#f0f0f0;
}
.inquiry select{
	width:auto;
}
.inquiry p{
	margin:10px 0;
}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding-right:5px;
 width:30%;
 background:#fff5dc;
 border-bottom:solid 1px #bee696;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 border-bottom:solid 1px #bee696;	
	background:#ffffff;
}
/*横の行とテーブル全体
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}*/

/*必須の調整*/
.haveto{
 font-size:13px;
 padding:5px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:13px;
 padding:5px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:5px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
display: block;
    padding: 1em 3em;
    margin: 30px auto;
    width: auto;
    background: #ff7f02;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 35px;
	border:none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#fba348;
 color:#ffffff;
}