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

html {
  scroll-behavior: smooth;
}
a:hover{opacity: 0.6;}

/* 一部ページを準備中 */
@media (max-width: 767px) {
	.reserve p{font-size: 20px!important;}
}

.vk_buttons_col-justify-center{
  gap: 5%;
}
.has-black-background-color{
	background: #fff!important;
	border: 1px solid #000;
	border-radius: 5px!important;
}
.has-black-background-color:hover {
	 opacity: 0.7;
    text-decoration: none;
    filter: brightness(1.1) saturate(2);
}

body:not(.header_scrolled) .site-header--trans--true .global-nav-list>li#menu-item-4343:before {
	display: none;
}

/* table */
.wp-block-table thead {
    border-bottom: 2px solid !important;
}

.table_column1 {
	max-width: 100% !important;	
}

.table_caution {
	color: #dc3c04;
}

/* 料金案内ページの表のみ背景色変更 */
.page-id-995 .wp-block-table thead th {
	background-color: #ebf6f6;
}


@media (min-width: 992px){
	.site-header--layout--nav-float .site-header-logo img {
		margin-left: 0;
		height: 80px;
		 object-fit: contain;
		width: max-content;
		margin-bottom: 6px;
	}
	.site-header--layout--nav-float .site-header-logo{
		margin-right: 0em;
		margin-bottom: 0em;
	}
	.wpcf7-form-control.has-spinner.wpcf7-submit{
		width: 50%;
		margin: 0 auto;
	}
	
	/* 弁護士紹介 */	
	.table_column1 {
		max-width: 50% !important;	
	}
}

.post-name-contact .wp-block-cover.alignfull.is-light{
	display: none;
}

.global-nav-list li a img {
    margin-top: 12px;
}

@media (max-width: 992px) {
	.bt_box .vk_button {
		margin-bottom: 1em !important;
	}
	.vk_button.vk_button-align-wide {
		max-width: 76% !important;
	}
}

/*フィードイン*/
.fade-in {
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 100px);
}

.fade-in-up1 {
  transform: translate(0, 170px);
}

.fade-in-up2 {
  transform: translate(0, 240px);
}

.fade-in-up3 {
  transform: translate(0, 310px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.8s;
animation-fill-mode:forwards;
opacity:0;
z-index: 100;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}