/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Herr+Von+Muellerhoff&family=Monsieur+La+Doulaise&family=Mrs+Saint+Delafield&family=Tangerine:wght@400;700&display=swap');
html, body {color: #fff;}
body {font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;}
a {color: #fff;}
h2 {text-shadow: 0 0 20px #cbc9c6, 0 0 20px rgba(10, 175, 230, 0);}
/* 初期値の改修 */
.vk-mobile-nav {
	padding-top: 60px;
}

.vk-mobile-nav nav>ul {
	border-top: none;
}

.vk-mobile-nav-menu-btn.menu-open,
.vk-mobile-nav-menu-btn {
	border-color: #a7a7a7;
}

.vk-mobile-nav-menu-btn {
	top: 15px;
	left: 5px;
}

/* ここまで */



.localNavi>div>ul li a:hover, .localNavi>div>ul li.current-cat>a, .localNavi>div>ul li.current_page_item>a, .localNavi>ul li a:hover, .localNavi>ul li.current-cat>a, .localNavi>ul li.current_page_item>a, .widget .localNavi>div>ul li a:hover, .widget .localNavi>div>ul li.current-cat>a, .widget .localNavi>div>ul li.current_page_item>a, .widget .localNavi>ul li a:hover, .widget .localNavi>ul li.current-cat>a, .widget .localNavi>ul li.current_page_item>a, .widget_archive>div>ul li a:hover, .widget_archive>div>ul li.current-cat>a, .widget_archive>div>ul li.current_page_item>a, .widget_archive>ul li a:hover, .widget_archive>ul li.current-cat>a, .widget_archive>ul li.current_page_item>a, .widget_categories>div>ul li a:hover, .widget_categories>div>ul li.current-cat>a, .widget_categories>div>ul li.current_page_item>a, .widget_categories>ul li a:hover, .widget_categories>ul li.current-cat>a, .widget_categories>ul li.current_page_item>a, .widget_link_list>div>ul li a:hover, .widget_link_list>div>ul li.current-cat>a, .widget_link_list>div>ul li.current_page_item>a, .widget_link_list>ul li a:hover, .widget_link_list>ul li.current-cat>a, .widget_link_list>ul li.current_page_item>a, .widget_nav_menu>div>ul li a:hover, .widget_nav_menu>div>ul li.current-cat>a, .widget_nav_menu>div>ul li.current_page_item>a, .widget_nav_menu>ul li a:hover, .widget_nav_menu>ul li.current-cat>a, .widget_nav_menu>ul li.current_page_item>a, .widget_pages>div>ul li a:hover, .widget_pages>div>ul li.current-cat>a, .widget_pages>div>ul li.current_page_item>a, .widget_pages>ul li a:hover, .widget_pages>ul li.current-cat>a, .widget_pages>ul li.current_page_item>a, .widget_postlist>div>ul li a:hover, .widget_postlist>div>ul li.current-cat>a, .widget_postlist>div>ul li.current_page_item>a, .widget_postlist>ul li a:hover, .widget_postlist>ul li.current-cat>a, .widget_postlist>ul li.current_page_item>a {
	color: #fff;
}

.site-body,.site-body-bottom, .site-footer {
	position: relative;
	z-index: 1;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
	margin-left: auto;
	margin-right: auto;
	
}

.site-header {
	box-shadow: none;
}

.site-header-logo {
	padding-right: 9vw;
	padding-top: 5rem;
}

.page_top_btn {
    right: 20px;
    bottom: 100px;/*reCAPTCHAに配慮*/
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(165 165 165 / 0.8);
    box-shadow: none;
}

.scrolled .page_top_btn {
	bottom: 100px;/*reCAPTCHAに配慮*/
}

.site-footer {
	background: #000;
}

.veu_profile .media_outer { margin-bottom: 2em; }

.c-form .c-form__text,
.c-form .c-form__textarea {
	border: 1px solid #ccc;
	border-radius: inherit;
}

.site-body-bottom {
	margin-top: -40px;
	padding: 0;
}

.swiper-container {
	/*position: absolute;
	top: 0;
	left: 0;*/
	max-width: 1140px;
	margin-top: 0 !important;
}

.swiper-container:before {
	content: "";
}

.ltg-slide picture img {
	width: 100%;
}

.swiper-slide-active picture img,
.swiper-slide-duplicate-active picture img,
.swiper-slide-prev picture img{
  animation: zoom-in 20s linear 0s 1 normal both;
}

.swiper-pagination-bullet {
height: 3px;
}

@media (min-width: 1200px){
	.ltg-slide picture img {
	width: 100%;
	margin-top: -100%;
}
.site-body {
		padding-top: 0;
		padding-bottom: 0;
}
	
	.site-header-logo {
max-width: 308px;
padding-bottom: 0;
    background: #bfaa85;/*bg Color var*/
}
	
	.sub-section {
	min-height: 100vh;
	margin-top: -40px;
    padding-top: 9%;
	padding-right: 3em;
	background: #bfaa85;/*bg Color var*/
	box-sizing: border-box;
}
	
}

@media (min-width: 992px){
	.site-header-logo {
		margin-bottom: 0;
	}
	
}

@media (min-width: 769px){
	@keyframes zoom-in {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.5);
	  margin-top: -10%;
  }
}
	
	.swiper-container {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
	}
	
.swiper-fade .swiper-slide {
	height: 100vh;
}
	.sub-section  a {
		color: #2a2827;/*key Color var*/
}
	
.site-header-logo {
	padding-left: 9.5%;
	padding-right: 0;
}
	
.lightning_swiper {
/*height: calc(100vh - 94px);*/
height: 100%;
}

}/*end*/


@media screen and (max-width: 768px) {
	body, html {
		background: #000;
	}
	.sub-section {
		display: none;/*スマホではいらない*/
	}
	.vk_block-margin-lg--margin-bottom {
		margin-bottom: var(--vk-margin-sm) !important;
	}
	.site-header-logo {
position: absolute;
        right: 5vw;
        top: 50px;
	}
	
		.site-header-logo img {
		filter: invert(1);
		margin-right: 0;
	}

	
	.ltg-slide picture img {
max-height: 400px;
    width: auto;
	}

	
}/*end*/
@media screen and (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
	grid-row: 2;
}
.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
	grid-row: 1;
}
}/*end*/

/*テーマ搭載のSNSアイコン*/
.wp-block-social-links .wp-social-link svg {
	height: 1em;
	width: 5em;
}

/*テーマの不具合フォロー*/
@media (max-width: 600px) {
body .is-layout-grid, .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
	grid-template-columns: minmax(0, 1fr);
}
}/*end*/

/* 各コンテンツ */

#areaAbout .item {
	padding: 0;
	background: #2a2827;/*bg Color var*/
}

#areaAbout .item02 {
	background: #8f8d8c;/*bg Color var*/
}

#areaAbout .item02 h2 {
text-shadow: 0 0 20px #fff, 0 0 20px rgba(10, 175, 230, 0);
}

#areaAbout .catch {
z-index: 9999;
    position: absolute;
    bottom: 3px;
    right: -10%;
    font-size: 5rem;
    color: #e9be5d;
    transform: rotate(-19deg);
font-family: "Tangerine", cursive;
  font-weight: 400;
  font-style: normal;
}
#areaInfo h2 {
letter-spacing: 0.5em;
}
#areaInfo li {
	display: flex;
	flex-direction: column;
	padding: 1em;
    /* border: 2px solid #c5bf79; */
	color: #fff;
    background: #2a2827;
}

#areaInfo li .content,
#areaInfo li .content div {
	height: 100%;
}

#areaInfo li .content .entry-content {
	display: flex;
	flex-direction: column;
}
#areaInfo li .content .entry-content div {
	height: auto;
	margin-top: auto;
	margin-bottom: 0;
}

#areaInfo li .content .entry-content img {
	vertical-align: middle;
}

#areaInfo li .instagram_post a,
#areaInfo li .instagram_top a {
    display: block;
	margin-bottom: 0.5em;
    padding: 1em;
	background: #000;
}

#areaInfo li .single_video a {
	display: flex;
	flex-direction: column;
}

#areaInfo li video {
	width: 100%;
	height: auto;
	min-height: 100%;
	margin-top: auto;
    margin-bottom: 0;
	aspect-ratio: 1 / 1;
}

#areaInfo .instagram_top,
#areaInfo li .carousel a *:not(:first-child) {
	display: none;
}

#areaInfo .wp-block-query-pagination-previous,
#areaInfo .wp-block-query-pagination-next,
#areaInfo .page-numbers {
	padding: 1em;
	padding: 0.25em 1.5em;
    border-radius: 1em;
	color: #fff;
	border: 2px solid #fff;
	background: #000;
}

#areaInfo .page-numbers.current {
	color: #000;
	background: #fff;
}

#areaInfo .page-numbers.dots {
	color: #000;
	border: 2px solid 2px solid #ffffff61;
	background: #ffffff14;
}

#areaInfo .wp-block-query-pagination-previous,
#areaInfo .wp-block-query-pagination-next {
	color: #000;
	background: #ccc;
}

#areaOpeningHours {
    padding: 3em 10%;
	background: #8f8d8c;
}


#areaOpeningHours h2 {
	letter-spacing: 0.5em;
	text-shadow: 0 0 20px #fff, 0 0 20px rgba(10, 175, 230, 0);
}

#areaAccess {
	backdrop-filter: blur(12px);
    padding: 3em 10%;

	background: #2a2827;
}

#areaAccess h2 {
	letter-spacing: 0.5em;
}

#areaAccess h3 {
	padding: 0 1em;
	font-size: 1rem;
	background: #000;
}

#areaAccess .item p:not(#areaPublicTransport p) {
	padding: 0 1em;
}

#areaAccessMap {
	height: 400px;
}

#areaAccessMap iframe {
	width: 100%;
	height: 100%;
	filter: grayscale(1);
}

#areaMap iframe {
	width: 100%;
	filter: grayscale(1);
}

#areaContact {
    padding: 3em 10%;
	background: #2a2827;
}

#areaContact dl {
	margin: 0;
}

#areaContact dl dd {
	width: 100%;
}

#areaContact .c-btn {
	padding-left: 72px;/*スピナー分*/
	text-align: center;
}

#areaContact .c-btn input[type=submit] {
	background: #666;
}

#areaSns {
	padding-top: 2em;
    backdrop-filter: blur(4px);
	text-shadow: 0 0 20px #1c1202, 0 0 20px rgb(253 167 60 / 85%);/*bg Color var*/
	background-image: radial-gradient(circle at 83% 22%, hsl(35.74deg 82% 87% / 86%) 0%, transparent 50%), radial-gradient(circle at 0% 50%, hsl(49.85deg 37% 91% / 78%) 0%, transparent 50%), radial-gradient(circle at 21% 21%, hsl(0deg 0% 86% / 73%) 0%, transparent 50%), radial-gradient(circle at 54% 77%, hsl(49.85deg 100% 95% / 72%) 0%, transparent 50%), radial-gradient(circle at 30% 75%, hsl(27.69deg 25% 35% / 52%) 0%, transparent 50%);/*bg Color var*/
}

#areaSns h2 {
	text-shadow: 0 0 20px #1c1202, 0 0 20px rgb(253 167 60 / 85%);/*bg Color var*/
}

.profile_text {
	text-align: center;
}