/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.nagoya
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 14.3.7
Requires at least: 5.3
Tested up to: 5.7.0
Requires PHP: 5.6.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html


Lightning WordPress theme, Copyright (C) 2015-2021 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/

/* アンカー位置ズレ調整 */
a.anchor-posi {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 0 1%;
}

/*.wp-block-image .alignright {
	position: relative;
    top: -108px;
}*/

.bgc-1{
	background-color: rgb(247 200 220);
	height: 55px;
    padding: 5%;
	line-height:1.3em;
}

.bgc-2{
	background-color:rgb(251 230 239);
	height: 55px;
    padding: 5%;
	line-height:1.3em;
}

/* ----------------------------------------------------------------------
  お問い合わせ
---------------------------------------------------------------------- */
#cf-tbl{
width: 1024px;
	margin:0 auto;
}

#cf-tbl table{
width: 100%;
border-collapse: collapse;
border: solid #CCC;
border-width: 1px;
color: #444;
}
#cf-tbl table tr th,
#cf-tbl table tr td{
padding: 0.5em;
text-align: left;
vertical-align: top;
border: solid #CCC;
border-width: 1px;
vertical-align: middle;
}
#cf-tbl table tr th{
width: 35%;
background: #eee;
}
@media screen and (max-width:768px){
#cf-tbl{
width: 100%;
}

#cf-tbl table,
#cf-tbl table tbody,
#cf-tbl table tr,
#cf-tbl table tr th,
#cf-tbl table tr td{
display: block;
}

#cf-tbl table{
width: 100%;
border-width: 0 0 1px 0;
}

#cf-tbl table tr th,
#cf-tbl table tr td{
width: 100%;
padding: 3% 5%;
}

#cf-tbl table tr td{
border-width: 0px 1px 0px 1px;
}
}
/*「必須」文字デザイン*/
.required{
font-size:.8em;
padding: 5px;
background: #F57500;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/*「任意」文字デザイン*/
.optional{
font-size:.8em;
padding: 5px;
background: #000080;
color: #fff;
border-radius: 3px;
margin-right: 5px;
}

/* 入力項目を見やすく */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
	background-color: #eff1f5;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 「送信する」ボタン */
#cf7-btn {
    display: block;
    padding: 15px;
    width: 400px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 15px auto 0
}
@media screen and (max-width:768px){
}#cf7-btn {
width: 250px;
}
}

#cf7-btn:hover {
    background: #fff280;
    color: #ffaa56;
    border: 2px solid #ffaa56
}
/* エラーメッセージを見やすく */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}




/*   テーブルデザイン　　　*/
.table-wrap {
	width:100%;
	margin: 0 auto;
}

.table-wrap table {
  width: 100%;
  border-collapse: collapse;
}

.table-wrap table tr{
  border-bottom: solid 2px white;
}

.table-wrap table tr:last-child{
  border-bottom: none;
}

.table-wrap table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.table-wrap table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #52c2d0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table-wrap table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 10px 10px 20px;
}

/*  ヘッダーインフォメーション  */
.site-header-logo img {
    max-height: 80px;
    max-width: 100%;
    display: inline;
    margin-left: auto;
    margin-right: auto;
}

.top-info-2 {
    width: 30%;
    top: 7px;
    left: 59%;
    z-index: 9999;
}
.top-info-2 img {
    height: auto;
    max-width: 100%;
	transform:scale(1);
}

.site-footer-copyright p:nth-child(2){
	display:none!important;
}

/*  mypl-news デザイン　*/
#mypl_news {
    width: 100%;
    min-width: 100%!important;
}
#mypl_news li {
    background: rgb(255 237 240)!important;
    border: solid 1px rgb(255 182 193)!important;
}
#mypl_news h4{
	background: rgb(255 237 240)!important;
}
#mypl_news li a {
  color:none;
}
#mypl_news li>a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
#mypl_news li>a::after {
  position: absolute;
  bottom: 45px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: rgb(255 105 180);
  transform: scale(0.15, 1);
  transform-origin: left top;
  transition: transform .3s;
}
#mypl_news li>a:hover::after {
  transform: scale(1, 1);
  color: rgb(255 105 180);
}

#mypl_news h4 {
    margin-bottom: 10px!important;
}

@media screen and (max-width: 991px) {
#mypl_news li>a::after {
    position: absolute;
    bottom: 65px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: rgb(255 105 180);
    transform: scale(1, 1);
    transform-origin: left top;
}
}




/* 縦 メニュー */
.Vnavi{
	margin-bottom:100px;
}
.Vnavi-menu {
    width: 162px;
    height: 50px;
    background-color: rgb(220 143 187);
    color: rgb(255 255 255);
    font-size: 1.5em;
    padding: 10px 43px;
    border-radius: 12px 12px 0px 0px;
}
.Vnavi ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.var_nav {
    position: relative;
    background: rgb(255 237 240);
    width: 100%;
    height: 38px;
    margin-bottom: 4px;
}
.var_nav a {
    text-align: left!important;
    line-height: 2em;
    text-indent: 1em;
}
.link_bg {
    width: 70px;
	top: 35px;
    position: absolute;
    border-bottom: solid 2px rgb(255 105 180);
    color: #fff;
    z-index: 0;
}
.var_nav:hover .link_bg {
    width: 100%;
    border-bottom: solid 2px rgb(255 105 180);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.var_nav:hover a {
    font-weight: bold;
	color:rgb(255 105 180);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.var_nav span a {
    display: block;
    position: absolute;
    float: left;
    font-family: arial;
    color: #fff;
    text-decoration: none;
    width: 100%;
    height: 38px;
    text-align: center;
}
.var_nav span {
    margin-top: 2px;
    display: block;
}



@media screen and (max-width: 991px) {
	.wp-block-image .alignright {
    top: 0;
	}
	.arw {
	transform:rotate(90deg);
	}
	.site-header-logo img {
    display: block;
	}
	/* トップ インフォメーション */
	.top-info-2 {
	max-width: 300px;
	margin:0 auto;
	}
	.top-info-2 img {
    height: auto;
    max-width: 100%;
	transform:scale(1);
	}
}

/*  プロフィール枠色　　*/
.is-style-vk_borderBox-style-solid-kado-tit-tab.vk_borderBox-color-red .vk_borderBox_title_container, .is-style-vk_borderBox-style-solid-kado-tit-banner.vk_borderBox-color-red .vk_borderBox_title_container, .is-style-vk_borderBox-style-solid-round-tit-tab.vk_borderBox-color-red .vk_borderBox_title_container {
    background-color: #e881c6!important;
}
.is-style-vk_borderBox-style-solid-kado-tit-tab.vk_borderBox-color-red .vk_borderBox_body, .is-style-vk_borderBox-style-solid-kado-tit-banner.vk_borderBox-color-red .vk_borderBox_body, .is-style-vk_borderBox-style-solid-round-tit-tab.vk_borderBox-color-red .vk_borderBox_body {
    border-color: #e881c6!important;
}