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

/* ===========================
 * ヘッダー、メインナビ
 * =========================== */
.site-header-logo {
	padding-top: 0;
	margin-bottom: 0;
}
.site-header-logo img {
	max-height: 75px;
}

/* ヘッダーメニュー余白 */
header#site-header {
	padding: 5px;
}

/* スクロール時のヘッダー背景色 */
.header_scrolled .site-header {
	background-color: #ebe4db;
}

/* ヘッダーメニュー予約背景色 */
li#menu-item-4869 {
	background-color: var(--vk-color-primary);
}
li#menu-item-4869 a {
	color:#fff;
	border-bottom:none;
}

/*ドロップダウンメニュー背景色*/
.global-nav-list .sub-menu li a {
	background-color: #fff;
	color: #333;
	border-bottom: solid 1px rgba(0,0,0,.15) !important;
}
.global-nav-list li.menu-item-has-children::after {
	border-bottom-color: #fff;
}
.device-mobile .global-nav-list>li {
	padding: 14px 2em 11px;
}

/*ドロップダウン開閉ボタン枠線削除*/
.device-mobile .global-nav-list>li .acc-btn {
	border: none;
}
.vk-mobile-nav .acc-btn {
	border-style: none;
}

.top_lead_text{
	width: 60vw;
	max-width: 600px;
}

/* ===========================
 * その他、共通要素
 * =========================== */

body,h2,h3,h4,
.h_main,.h_sub{
	font-family: "Zen Kaku Gothic Antique" , "Kosugi" , "Kaisei Opti", serif;
	font-weight: 300;
	font-style: normal;
	color: #491B02;
}
.h_main,.h_sub{
	font-family: "Kirang Haerang", "Kaisei Opti", serif;
	font-weight: 700;
}

/* 見出し、メイン */
.h_main{
	text-align: center;
	font-size: 5em;
}
.h_main.wabun{
	font-size: 3em;
}
.h_main::after{
	content: "";
	display: block;
    text-align: center;
    width: 20vw;
    margin: auto;
    margin-top: 1rem;
    border-bottom: 10px solid;
}
.h_main.wabun::after{
	margin-top: 1em;
}
.h_main.bc_brown::after{
    border-color: #491B02;
}

.text_w,
.text_w p,
.text_w h2, .text_w h3{
	color: #ebe4db;
}

.b_long.h_main::after {
    width: 33vw;
}


/* 見出し、サブ */
.h_sub {
  	text-align: center;
	font-size: 2em;
}
.h_sub::after {
	content: "";
	display: block;
    text-align: center;
    width: 10vw;
    margin: auto;
    margin-top: 1em;
    border-bottom: 10px dashed;
}

.midashi-amenities {
	display: flex;
	justify-content:center;
}

@media(max-width:911px) {
	/*トップに戻るボタン位置調整*/
/* 	a#page_top {
		margin-bottom: 70px;	
	} */
	:is(.wp-block-cover,.vk_outer).vk-bg-offset-bg.vk-bg-offset-bg--left {
		margin-left: calc(50% - 50vw) !important;
	}
	:is(.wp-block-cover,.vk_outer).vk-bg-offset-bg.vk-bg-offset-bg--right {
		margin-right: calc(50% - 50vw) !important;
	}
}


/* ===========================
 * Concept、メイン画像下のテキスト
 * =========================== */

/* 縦書きテキストのスタイル */
@media (min-width: 912px) {
.about-box {
    writing-mode: vertical-rl; /* テキストを縦書きにする */
	-webkit-writing-mode: vertical-rl;
  	-ms-writing-mode: tb-rl;
    display: flex;
	font-size: 1.25em;
	margin: auto;
	line-height: 2.5 !important;
	}
}


/* ===========================
 * ROOM
 * =========================== */
.sec_room .wp-block-columns > div > div {
	overflow: visible;
}
/* 数字の表示、１〜４ */
.sec_room .wp-block-columns > div > div:after {
	content: "1";
	font-family: "Kirang Haerang", "Kaisei Opti", serif;;
	display: block;
	color: #fff;
    font-size: 8em;
	position: absolute;
    top: -61px;
    left: 15px;
	z-index: 99;
	text-shadow: 0 0 5px #d52b00;
}
.sec_room .wp-block-columns:nth-child(3) > div > div:after {content: "2";}
.sec_room .wp-block-columns:nth-child(4) > div > div:after {content: "3";}
.sec_room .wp-block-columns:nth-child(5) > div > div:after {content: "4";}

@media(max-width:767px) {
	/* スマホでの並び順を変更 */
	.sec_room .wp-block-columns:nth-child(2n+1) > div:first-child,
	.sec_expelience .wp-block-columns > div:first-child {
		order: 2;
	}
	.sec_room .wp-block-columns {
		margin-top: 5em;
		gap: 0;
	}
}
.sec_room:before{
/* 	content: "";
	display: block;
	width: 85vw;
	background: red;
	height: 100%; */
}
.sec_room .wp-block-columns:nth-child(2n+1) p,
.sec_room .wp-block-columns:nth-child(2n+1) h2{
	/* 文字背景色の設定 */
	background-color: #d52b008f;
}

/* ===========================
 * EXPERIENCE
 * =========================== */

/* アニメティ*/
.amenities-accordion {
  text-align:center;
  margin-top: 20px;
}
.amenities-accordion a {
  color: #333333;
}
.amenities-flex img {
  width: 50px;/*アメニティ画像幅を統一*/
}

.amenities-img > div {
  display: flex;
  flex-wrap: wrap;
}
.amenities-img img {
  width: 50px;
}
.amenities-img > div > div {
  width: 33.3333333%;
}
@media(max-width:767px) {
  .amenities-img > div > div {
    width: 50%;
  }
}
/* アメニティレスポンシブ非表示箇所*/
@media(max-width:767px) {
	.box-none {
	  display:none;
	}
}
/*Experienceのリンク色変更*/
.experience-link h3 a {
	color: #333333;
}

.sec_expelience .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow::after{
	content: "";
    background: #ebe4db;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
	/* top: calc(-100% + 20px);
    left: 20px;からtransformへ修正 */
	transform: translate( 20px , calc(-100% + 20px) );
}
.sec_expelience .wp-block-cover {
	z-index: 9;
}
@media(max-width:767px) {

	.sec_expelience .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
		position: relative;
		transform: translate( -10px , -10px) );
	}
	/* 画像背景の飾り位置のスマホ表示時の調整用 */
	.sec_expelience .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow::after{
		transform: translate( 10px , calc(-100% + 10px) );
	}
}


/* ===========================
 * 周辺情報
 * =========================== */
/* .sec_neighbor h3:after {
	content: "";
    display: block;
    margin: auto;
    padding: .25em;
    width: 30%;
    border-bottom: 1px solid;
} */

/* 画像サイズの調整 */
.sec_neighbor figure.aligncenter{
	margin: 0;
	margin-bottom: 1em;
}
.sec_neighbor img {
/* 	min-width: 150%; */
}
.sec_neighbor .wp-block-columns .wp-block-image{
	position: relative;
	overflow: hidden;
	padding-top: 60%; /* 比率 */
	-webkit-mask-image: var(--vk_image-mask-wave01);
    mask-image: var(--vk_image-mask-wave01);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.sec_neighbor .wp-block-columns .wp-block-image img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ===========================
 * ACCESS
 * =========================== */
.sec_access{
/* 	height: 50vh; */
    overflow: hidden;
	margin-right: 10%;
}
.access_info{
	margin-top: -10vh;
}
.access_info > div,
.access_info > div div{
	margin-left: 40vw !important;
}
@media(max-width:767px) {
	.access_info{
		margin-top: -10vh;
	}
	.access_info > div,
	.access_info > div div{
		margin-left: 18vw !important;
	}
}
.access_info :is(.wp-block-cover,.vk_outer).vk-bg-offset-bg.vk-bg-offset-bg--left {
	margin-left: 30vw !important;
}

@media(max-width:911px) {
	.access_info :is(.wp-block-cover,.vk_outer).vk-bg-offset-bg.vk-bg-offset-bg--left {
		margin-left: 10vw !important;
	}
}

.access_info a{
	color: #ebe4db;
	text-decoration-color: #ebe4db;
}

/*GoogleマップIOSでのcssずれ解消*/
.ggmap {
	position: relative;
	padding-bottom: 36.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
}
@media(max-width:767px) {
	.ggmap {
		padding-bottom: 40vh;
	}
}

/* ===========================
 * FAQ（トップ）
 * =========================== */
/*FAQの背景を白からグレー*/
.home dl.vk_faq-body {
	background-color: #E2DBD2 !important;
}

/* ===========================
 * FAQ（固定ページ）
 * =========================== */

/*FAQの背景を白からグレー*/
dl.vk_faq-body {
	background-color: #ebe4db !important;
}
.wp-block-vk-blocks-faq2.vk_faq.vk_faq-accordion.is-style-vk_faq-border-square.vk_faq-accordion-open {
	background-color: #F5F5F5;
	box-shadow:none !important;
}
.wp-block-vk-blocks-faq2.vk_faq.vk_faq-accordion.vk_faq-accordion-close, .wp-block-vk-blocks-faq2.vk_faq.vk_faq-accordion.vk_faq-accordion-open {
	box-shadow:none;
}

/* FAQマージンボトムを０に*/
.vk_faq .vk_faq_title {
  font-weight: normal;
}
.wp-block-vk-blocks-faq2.vk_faq.vk_faq-accordion.vk_faq-accordion-close.is-style-vk_faq-normal {
  margin-bottom: 0;
}
.wp-block-vk-blocks-faq2.vk_faq.vk_faq-accordion.is-style-vk_faq-normal.vk_faq-accordion-open {
	margin-bottom: 0;
}
.vk_faq .vk_faq_content-accordion-open {
	margin-bottom: 0;
}
.sec_faq {
	background: #E2DBD2;
}

/*レスポンシブの際お問い合わせ、予約ボタン下に固定*/
.button-fixed {
	position:fixed;
	width:100%;
	font-size: 0;
	bottom: 0;
	left:0 ;
	right: 0;
	z-index: 9999;
}
.button-solid a {
	border-left: none !important;
}

/* ===========================
 * フッター
 * =========================== */
/*位置調整 */
@media(max-width:911px) {
	.site-footer-copyright {
		padding-bottom: 6rem;
	}
}

.site-footer,
.site-footer .nav li a {
	background: #481b03;
	color: #fff;
}