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

/* ロゴサイズ・モバイル表示で調整 */
@media (max-width: 991.98px) {
.site-header-logo img { max-height: 35px; }
}

/* ヘッダー上部SNSアイコン */
.header-top ul { margin-right: 10px; }
.header-top ul>li>a, .header-top ul>li>span { padding: 0 5px; font-size: 14px; }

/* パンくずリスト 上下のボーダー削除 */
.breadcrumb { border-top: none; border-bottom: none; }

/* グローバルメニューのサブメニューの開閉ボタン */
.global-nav-list .sub-menu .acc-btn, .vk-menu-acc .acc-btn { border:1px solid #666; }
.global-nav-list .sub-menu .acc-btn { background-image: var(--g_nav_main_acc_icon_open_url); }
.global-nav-list .sub-menu .acc-btn.acc-btn-close { background-image: var(--g_nav_main_acc_icon_close_url); }

/* TOPへ戻るボタン */
.scrolled .page_top_btn { opacity: 1; }
.page_top_btn { width: 60px; height: 60px; bottom: 0; right: 0; background-color: var(--wp--preset--color--vk-color-primary); box-shadow: none; }
@media (min-width: 992px){ .header_scrolled .global-nav--scrolled--nav-container .global-nav-list>li:first-child { border-left: none;}}
@media (max-width: 991px) { .mobile-fix-nav_enable .page_top_btn { width: 40px; height: 40px; bottom: 62px; right: 0; background-color: var(--wp--preset--color--vk-color-primary); }}

/* お問い合せフォーム テーブル */
.tbl.tbl-contact { border-top: none; }
.tbl-contact { width: 90%; border:none; margin:0 auto; }
.tbl-contact tr { border: none; }
.tbl-contact th { padding: 0 0 5px; border: none; width: 23%; font-weight: 700; text-align:left; vertical-align: middle; font-size:16px; }
.tbl-contact td { margin-bottom: 35px; border: none; font-size:16px;}
.single .entry-content table.CF7_table,.page .entry-content table.CF7_table{ display: table; }
@media only screen and (max-width:1000px) {
 .tbl-contact { width: 100%; }
 .tbl-contact th, .tbl-contact td { width: auto; display: block; border: none; }
 .tbl-contact td { margin-bottom:25px;} 
}

/* ----------------------------------------------------------------------------------
お問い合せフォーム
---------------------------------------------------------------------------------- */
/* ラベル */
.contact_item { margin-bottom: 30px; }
.contact_title { font-size:1.2rem; font-weight:700; padding: 0.1em 0.5em; background: transparent; border-left: solid 8px var(--vk-color-primary); }

/* 任意・必須マーク */
.contact_mandatory, .contact_optional { color: #fff; padding: 0 5px; margin-bottom: 10px; display: inline-block; text-align: center; font-size: 0.8em; border-radius:3px; }
.contact_mandatory { background: #C85D5A; }
.contact_optional { background: #b6b6b6; }
span.wpcf7-list-item { display: block;}

/* チェックボックスサイズ */
input[type=checkbox] , input[type=radio]{ transform: scale(1.5); margin: 10px 10px 10px 0; }

/* 個人情報同意チェック項目 */
.contact-checkbox { border: 1px solid #ccc; border-radius: var(--vk-size-radius);}

/* 送信ボタン */
.wpcf7-spinner { display: none !important; }
input[type="submit"] { font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-weight: 500; font-size:18px; letter-spacing: 0.2em; background-color: var(--vk-color-primary); padding: 15px 30px; margin:10px; box-shadow: 3px 3px 5px rgba(87,87,87,0.3); border: solid 1px #fff;  transition : .5s; }
input[type="submit"]:hover { color:#fff; border-color:none; background-color:rgba(0, 0, 0, 0.3); transition: 0.5s; ; box-shadow: 0px 0px 2px rgba(87,87,87,0.2); }

/* 送信完了メッセージ */
.wpcf7-mail-sent-ok { color:#22502c; background:#dcf0e0; border:1px solid #d2ecd7; padding:10px; }

/* エラー表示 */
.wpcf7-not-valid-tip, .wpcf7-response-output.wpcf7-validation-errors { color:#cc2b3a; background-color:#fff48a; padding: 10px; margin-bottom: 15px;}
.wpcf7-validation-errors, .wpcf7-acceptance-missing { color:#cc2b3a; background:#fff48a; border:1px solid #fff382; padding:10px; }
.wpcf7-mail-sent-ng { color:#cc2b3a; background:#fbedee; border:1px solid #f7dbdd; padding:10px; }
.wpcf7-spam-blocked { color:#916900; background:#ffedbd; border:1px solid #ffeab3; padding:10px; }

/* チェックボックス／ラジオボタンを縦に表示する */
span.wpcf7-list-item { display: block; }