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

.site-body { min-height:calc(100vh - 290px); }

[class*="post-name-manual-"] .entry-body figure.wp-block-image img,
figure.img_border img { border: 1px solid #ccc; }

.tbl1 thead { background:#ddd; }
.tbl1 tbody { background:#fefef9; }

.lwptoc .lwptoc_i { border-radius:20px; padding:30px 35px; }
.lwptoc .lwptoc_itemWrap { margin-top:20px; }
.lwptoc .lwptoc_item { margin-top:10px; }

.entry-body .lwptoc .lwptoc_i A,
.entry-body .lwptoc-light .lwptoc_items A:visited {
    color: #67ad35;
}

.btn_alignleft a { text-align:left; }

.btnarea { margin-top:20px; text-align:center; }

/*--------------------------------------------------------------
menu-btn
*/
.vk-mobile-nav-menu-btn,
.vk-mobile-nav-menu-btn.menu-open 
   { border:none; background-color:#eee; }
   
/*--------------------------------------------------------------
footer
*/
.page_top_btn { box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:4px; background-size:80%; transition:all .3s; 
  background-color:#67ad35; transform:translateY(0); }
.page_top_btn:hover { transform:translateY(-1px); background-color:#528a2a; box-shadow:0 0 0 rgba(0,0,0,0); }
.site-footer-copyright p:nth-child(2) { display:none; }

/*--------------------------------------------------------------
form
*/
input[type=button], 
input[type=submit] { margin-left:.2em; margin-right:.2em; }
input.wpcf7-previous {
    font-size: 1rem;
    border: 1px solid #528a2a;
    background-color: #67ad35;
    color: #fff;
    padding: .5em 2em;
    border-radius: var(--vk-size-radius);
}
input.wpcf7-previous:hover {
    color: #fff;
    cursor: pointer;
    background-color:#528a2a;
}
.blockstyle .wpcf7-list-item { display:block; }
.grecaptcha-badge { display:none; }


/*--------------------------------------------------------------
table
*/
.table-scroll { overflow-x: auto; }

table.tbl th { background:#ddd; }
table.tbl td { background:#eee; }

/*--------------------------------------------------------------
運用コース
*/
.table_follow { border-collapse: collapse; table-layout: fixed; width:100%; min-width:400px; text-align: center; margin: 10px 0 10px 0; border-color:#f0f0e8; }
.table_follow th,
.table_follow td { padding:0.8em 0.5em; line-height:1.2; }

.table_follow thead { border-bottom:1px solid #ccc; }
.table_follow thead th { border-radius: 15px 15px 0 0; padding: 0.5em; color: #fff; position: relative; 
  line-height:1; font-size:min(1.4rem,3vw); font-weight: 800; text-align: center; }
.table_follow thead th span { font-size: 0.7em; display: block; margin-bottom:5px; }

.table_follow thead th:first-child { background: none; }
.table_follow thead th:nth-child(2) { background: #ab9; font-size:.85em; } 
.table_follow thead th:nth-child(4) { background-color: #3bc; width:min(15em,40vw);
  position: relative; padding:15px 5px 5px; transform:translateY(-10px); } /* #4AA4BB */
.table_follow thead th:nth-child(4):after { content:''; display:block; width:100%; height:10px; 
  background:#3bc; position:absolute; bottom:-10px; left:0; }
.table_follow thead th:nth-child(6) { background-color: #78a; font-size:.85em; } /* #6276B8 */
.table_follow thead th:nth-child(3),
.table_follow thead th:nth-child(5) { width: 3px; padding: 0; }
.table_follow thead th .fukidashi { color: #4AA4BB; text-align: center; font-size:min(1.9rem,2.6vw); 
  position: absolute; top:-35px; right: 0; left: 0; margin: 0 auto; }
.table_follow thead th .fukidashi:before,
.table_follow thead th .fukidashi:after { display: inline-block; content: ""; background: #4AA4BB;/* 斜め線の色 */ width: 2px;/* 斜め線の太さ */ height: 1.5em;/* 斜め線の長さ */ margin: 0 1em;/* テキストとの間に左右余白をつくる */ margin-top: 0em;/* 斜め線の位置調整 */ vertical-align: middle; }
.table_follow thead th .fukidashi:before { transform: rotate(-35deg);/* 角度調整 */ }
.table_follow thead th .fukidashi:after { transform: rotate(35deg);/* 角度調整 */ }

.table_follow tbody { border: 1px solid #ccc; }
.table_follow tbody th { font-weight: 800; }
.table_follow tbody th span { font-size: 0.8em;}
.table_follow tbody tr { background-color: #f6f5ee; }
.table_follow tbody tr:nth-child(even) { background-color: #fff; }
.table_follow tbody td { border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0.8em 0.3em; }
.table_follow tbody td:nth-child(4) { font-size:1.15em; font-weight:bold; color:#0ac; }
.table_follow tbody td.off { color: #aaa; }
.table_follow tbody td.option { color: #aaa; }
.table_follow tbody td.price { font-size:1.3rem; font-weight: 800; }
.table_follow tbody td.price span { display:inline-block; font-size:0.8em; margin-left:.2em; }