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

p{
	text-wrap:balance !important;	/*複数行で最終行が少ない場合文章幅を自動調整してくれる*/
	word-break:auto-phrase;	/*改行場所を単語終わりや記号等で自動改行してくれる*/
}


/* デフォルトページtopボタン*/
.page_top_btn {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99999;
    width: 47px;
    height: 47px;
    color: transparent;
    border: none;
    background: rgb(33 42 55);
    box-shadow: 0 0 0 0px rgba(255, 255, 255, .8), 0 0 0 0px rgba(0, 0, 0, .8); 
    background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: 0.3s !important;
    text-decoration: none;
}
.page_top_btn:hover{
	background: #c29ae2;
	background-image: var(--ver_page_top_button_url);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}


/*header*/
.global-nav-list>li .global-nav-name {
    font-size: 16px !important;
    display: block;
    width: 100%;
    white-space: nowrap;
}
/*header-nav*/
.global-nav-list>li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 0;
    border-bottom: 1px solid #ffffff !important;
    transition: all .5s ease-out;
}


/*モバイルナビ全体*/
@media (max-width: 991.98px){
.vk-mobile-nav .vk-mobile-nav-menu-outer li{
text-align:center;
}
.vk-mobile-nav nav>ul {
    border-top: 1px solid #ccc;
}
.vk-mobile-nav {
    border-bottom: 1px solid #ccc;
	border-left: #C29AE2 10px solid;
    width: 70%;
	margin-left:30%;
}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li a {
    color: #333;
    border-bottom: 1px solid #ccc;
	transition:0.3s;
	line-height: 1;
	padding:1.6em 0.5em;
}
.vk-mobile-nav nav ul li a:hover{
    color: #C29AE2;
    background-color:#9999991e;
	opacity:1.0 !important;
}
}


/* メニューリンク設定 */
.vk-mobile-nav .widget_nav_menu ul li a,
.vk-mobile-nav nav ul li a {
  color: #333;
  border-bottom: 1px solid #ccc;
  transition: 0.3s;
  line-height: 1;
  padding: 1.6em 0.5em;
}

.vk-mobile-nav nav ul li a:hover {
  color: #C29AE2;
  background-color: #9999991e;
  opacity: 1.0 !important;
}





/*------------------------------------------------------top------------------------------------------------------*/
/*メインビジュアル*/
.main-p{
	color:#fff;
	font-size: 8rem;
    mix-blend-mode: difference;
	transform: translate3d(0,0,0) !important;
}
.main-p2{
	color:#fff;
	mix-blend-mode: difference;
    transform: translate3d(0, 0, 0) !important;
    font-size: 1.2rem;
}
@media (max-width: 767.98px){
.main-p{
	font-size: 6rem;
}
}

/* 008 */
.button008 a {
    background: #ffffff00;
    position: relative;
    display: flex;
	border:1px solid #fff;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 13px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-align:center;
    z-index:0;
}
.button008 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: #c29ae2;
    transition: .3s;
    left:0;
}
.button008 a:hover {
    color: #FFF;
}
.button008 a:hover:before {
    width: 100%;
    z-index: -1;
}

/* 008-2 */
.button008-2 a {
    background: #c29ae2;
	color:#fff;
    position: relative;
    display: flex;
	border:1px solid #c29ae2;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 13px 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	text-align:center;
    z-index:0;
}
.button008-2 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: #ffffff;
    transition: .3s;
    left:0;
}
.button008-2 a:hover {
    color: #c29ae2;
}
.button008-2 a:hover:before {
    width: 100%;
    z-index: -1;
}