@charset "utf-8";
/*
Theme Name: Lightning Child
Template: lightning
Author:アートフレア株式会社
Version: 1.2
*/
/* 標準データ最終更新日：2025/04/14  */


/*
 * WEBフォントの読み込み（@import url('https://fonts～'); ）はHeader.phpで行う
*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  General　全体的な設定
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* :root設定、bodyへの上書き、カラー変数設定など */

:root{
--en:  "Roboto", sans-serif;
}
.page_top_btn {
  display: block;
  width: 116px;  /* 画像の幅 */
  height: 90px; /* 画像の高さ */
  background: url("../../../wp-content/uploads/pagetop.png") no-repeat center center;
  background-size: contain;
  text-indent: -9999px; /* テキストを画面外に */
  position: fixed;
  bottom: 20px;
  right: -10px;
  z-index: 1000;
	border:none;
  cursor: pointer;
	box-shadow: 0 0 0 0px rgba(255, 255, 255, .8), 0 0 0 0px rgba(0, 0, 0, .8);
}
ul.is-style-vk-triangle-mark li::before, ol.is-style-vk-triangle-mark li::before{
	left:-1em;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Common 汎用パーツ系
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 繰り返しボタン・見出し、余白設計など 汎用パーツへの上書き */
.midashi--pink .vk_heading_subtext {
	    text-shadow: 3px 3px 0 #F5609F!important;
}
.midashi--yellow .vk_heading_subtext {
	    text-shadow: 3px 3px 0 #F2C222!important;
}
.midashi--green .vk_heading_subtext {
	    text-shadow: 3px 3px 0 #25B484!important;
}

.midashi--line--white.vk_heading_subtext{
	text-shadow: 3px 3px 0 #25B484!important;
	-webkit-text-stroke: 2px #fff!important;
}

.txt18{
	font-size:18px;
}
.txt20{
	font-size:20px;
}
.txt30{
	font-size:30px;
}
/* ボタン */
.basebtn a {
  position: relative;
  display: inline-block;
  padding: 20px 40px !important;
  background: #fff;
  color: #333;
  font-size: 20px !important;
  font-weight: bold;
  border: 1px solid #ff4da6;
  text-decoration: none;
  z-index: inherit;
  box-sizing: border-box;
	min-width:420px !important;
}
.basebtn a:hover{
	opacity:1;
	 z-index: inherit;
	background-color:#FFB5D5 !important;
	color:#fff !important;
}

/* ピンクの影風ボックス（下に少しずれて表示） */
.basebtn a::before {
  content: '';
  position: absolute;
  top: 6px;
  left: 6px;
  width: 100%;
  height: 100%;
  background: #ff4da6;
  z-index: -1;
  box-sizing: border-box;
}

.basebtn a::after{
	 content: '';
  display: inline-block;
  width: 94px;/*画像の幅*/
  height: 10px;/*画像の高さ*/
  background-image: url(../../../wp-content/uploads/arrow2.png);
  background-size: 94px 10px;
  vertical-align: middle;
  position: absolute;
	background-repeat:no-repeat;
	right:-50px;
	top:38%;
	transition:0.3s;
}

.basebtn a:hover::after{
	right:-55px;
}

/* 画像上ボーダー */
.image-border-wrapper{
	position:relative;
}
.image-border-wrapper .wp-block-media-text__media {
  display: inline-block;
  position: relative;
}

.image-border-wrapper .wp-block-media-text__media::after {
  content: "";
  position: absolute;
	display:inline-block;
  top: 50%;
  left:50%;
  width:calc( 100% - 100px) ;
  height: calc( 100% - 100px) ;
  border: 2px solid #ffffff; /* ボーダーの色と太さを調整 */
  box-sizing: border-box;
	transform: translate(-50%, -50%);
  pointer-events: none; /* 画像のクリック操作に干渉しないようにする */
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Header ヘッダーまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ヘッダー固定 */
body  {
	overflow-x: unset !important;
    display: flex;
    flex-direction: column;
}
.device-pc #site-header {
    position: sticky;
    top: 0;
}
.logged-in.device-pc #site-header {
    top: 32px;
}
#site-header-container{
	max-width:100%;
	padding:20px 30px;
}

/* グローバルナビ */
.global-nav-list>li>a {
	transition: .3s;
	border-bottom: 3px solid transparent;
}
.global-nav-list>li .global-nav-name{
	font-size:18px;
}
.global-nav-list>li>a:hover,
.global-nav-list>li.current-menu-item>a {
    color: var(--vk-color-primary);
    border-bottom: 3px solid var(--vk-color-primary);
}

#menu-item-5468 a{
	background-color:#F5609F;
	border-radius:60px;
	color:#fff;
	padding-left:40px !important;
	padding-right:40px !important;
}
.global-nav-list>li#menu-item-5468 >a:hover,
.global-nav-list>li#menu-item-5468 .current-menu-item>a {
	background-color:#479EAC;
    border-bottom: 3px solid #237B89;
}
#menu-item-5468{
	margin-left:30px;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Footer フッターまわり
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* フッターウィジェット、フッターロゴ、コピーライト */
footer,footer li{
font-size:16px;
	color:#fff;
}
.site-footer-copyright p{
		text-align:right;
	font-size:16px;
}
.footer_link{
	margin-left:auto;
	width:62%;
	margin-bottom:0;
}
.footer_link a{
	text-decoration:none;
}
.footer_link a:hover{
	text-decoration:underline;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Toppage トップページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.teaser img{
border-radius: 35px;
border: 10px solid #fff;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);

}
.teaser .wp-block-image{
	padding:60px 0;
}
.teaser .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 70px)!important;
    right: auto;
}
.teaser .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 70px);
    left: auto;
}

.top_service_box{
	border-top:solid 2px #EFBFE9 !important;
}

/* SERVICE */
.btn_sv{
	padding:100px 20px 30px;
	position:relative;
	transition:0.3s;
	top:0px;
	left:0px;
}

.btn_sv img{
	position:absolute;
	bottom:130px;
	left:50%;
	transform: translateX(-50%);
}
.btn_sv2 img,.btn_sv3 img{
		bottom:110px;
}
.sv_btn_txt1{
	font-size:40px;
	text-transform: uppercase;
	margin-bottom:0;
	font-family:var(--en);
}
.btn_sv a{
	text-decoration:none;
	color:#000;
	transition:0.3s;
}

.btn_sv a:after{
	position: absolute !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: inline-block;
  pointer-events: auto;
content: "";
  background-color: transparent;
}
.btn_sv:hover{
	top:5px;
	left:5px;
}

.btn_sv1 a:hover{
	color:#EA66A3;
}
.btn_sv2 a:hover{
	color:#5EB4CE;
}
.btn_sv3 a:hover{
	color:#88BC42;
}

.top_about_ti{
	line-height:1.5;
}

.about_moyou1{
	position:absolute;
	z-index:2;
	bottom:-80px;
	right:-100px;
}
.about_moyou2{
	position:absolute;
	z-index:2;
	bottom:80px;
	left:-60px;
}

.top_about_box .wp-block-media-text__content{
	padding-left:50px!important;
	padding-right:50px!important;
}
.top_about_txt{
	position:relative;
	z-index:3;
}
.txt_special{
	font-weight:600;
}
.txt_special img{
	position:relative;
	margin:0 7px;
	top:5px;
}
.special_box{
	border:solid 1px #25B484;
	position:relative;
	padding:25px;
	width:90%;
	margin-left:5%;
	margin-right:5%;
	padding-bottom:50px;
	background-color:#fff;
}
.special_box h3{
	display:inline-block;
	border:solid 1px #25B484;
	color:#25B484;
	padding:10px 20px;
	position:absolute;
	top:-52px;
	background-color:#fff;
	left:-5%; 
	font-size:33px;
	font-weight:500;
}
.special_box .btn{
	position:absolute;
	bottom:-15px;
	right:-5%;
	border:solid 1px  #25B484;
	min-width: 260px;
box-shadow: 6px 6px 0px #57b187;
text-align:left;
	background-image:url(../../../wp-content/uploads/arrow_green.png);
	background-repeat:no-repeat;
	background-position:right 15px top 20px;
	background-size:59px;
	font-size:20px!important;
	padding:15px!important;
}
.special_box .btn:hover{
	opacity:1;
}
.top_waribiki{
	text-align:center;
	padding:50px 25px 10px;
	position:relative;
	box-shadow: 6px 6px 0px #57b187;
	background-color:#fff;
}
.top_waribiki h3{
	position:absolute;
	left:50%;
	border:solid 1px  #25B484;
	padding:10px 25px;
	display:inline-block;
	background-color:#fff;
	transform: translateX(-50%);
	top:-30px;
}

.top_about_txt_outer{
	width:85%;
	margin:auto;
}

.recruit_box{
	width:1200px;
	margin:auto;
}
.recruit_box .is-style-af-heading-reverse .vk_heading_subtext{
	-webkit-text-stroke: 2px #fff!important;
}

.recruit_box .wp-block-media-text__media  img{
/* background: url(...); */
box-shadow: 15px 15px 0px #fff;

}
.recruit_cp1 {
position:relative;
	font-size:20px;
}

/*右から出現*/
.fixed-timetable {
  position: fixed;
	padding-right:15px !important;
  z-index: 99999;
  top: 340px;
	width: 430px;
height: 150px;
border-radius: 11px 0px 0px 11px;
background: rgba(255, 255, 255, 1.00);

}
.flextable_p{
	white-space: nowrap
}
.fixed-timetable {
  left: calc(100% - 40px); 
  transition: 1s;
}
 .fixed-timetable:hover {
  transform: translateX(-340px); 
} 


.fixed-timetable::after {
  display: block;
  content: attr(data-text);
  padding-right: 1rem;
  margin-left: 0.25rem;
  transition: 1s;
}
.tate_txt{
	   writing-mode: vertical-rl;
	text-orientation: upright;
	margin-left:7px;
	text-align:center;
	padding-top:20px;
}

.fixed-timetable .wp-block-column{
	height:100%;
	width:50px;
	border-radius:10px 0 0 10px;
}
.side_link{
	position:relative;
}
.side_link a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}

.page_link a{
	background-color:#fff !important;
	padding:20px 10px !important;
}
.page_link a:hover{
	opacity:1;
	background-color:#25b484 !important;
}

.midashi3 h2{
	font-size:44px;
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Pageheader, Breadcrumb 下層ページヘッダー・パンくずリスト
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* 下層ページのページヘッダー、パンクズ設定 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Page 下層ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ページごと、パーツごとにコメントアウトで注釈を入れてください。 */

/* フード・ドリンク */
.page-id-5190 .menu_tab .vk_post:hover {
    background: rgba(102, 168, 234, 0.00);

}
.page-id-5190 .menu_tab .vk_post{
	padding:0 !important;
}
.menu_tab{
	padding:15px;
}
.vk_tab_labels .vk_tab_labels_label.vk_tab_labels_label-state-active, .vk_tab_labels .vk_tab_labels_label.has-background, .vk_tab_labels .vk_tab_labels_label.has-background.vk_tab_labels_label-state-active, .vk_tab_labels .vk_tab_labels_label.has-background.has-background{
	font-size:22px;
	padding:20px 50px;
}
.vk_tab_labels_label {
  background-color: #000000; /* 完全な黒、不透明 */
}

:root {
  --vk-color-bg-inactive: rgba(255, 255, 255, 0.8); /* 新しい色に書き換える */
}
.midashi2{
  content: attr(data-text);
    position: absolute;
    z-index: -1;
    text-shadow: 4px 4px #fff;
    -webkit-text-stroke: 4px #fff;
font-size:30px;
}
.box_white{
	padding:50px;
	background-color:#fff;
box-shadow: 6px 6px 0px #57b187;
}

/* 確認用 */
.menu_tab .wp-block-vk-blocks-tab-item{
	box-shadow: 6px 6px 0px #F5609F;
}

.menu_tab--yellow{
	box-shadow: 6px 6px 0px #fcb900;
}
.menu_tab--green {
	box-shadow: 6px 6px 0px #25b484;
}
.menu_tab--blue {
	box-shadow: 6px 6px 0px #479eac;
}
/*追加オレンジ */
.menu_tab--orange {
	box-shadow: 6px 6px 0px #ff6900;
}

/*追加ピンク */
.menu_tab--pink {
	box-shadow: 6px 6px 0px #f5609f;
}

/* ルーム・設備・サービス */
.room_box .vk_slider_item_container{
	padding-left:0;
	padding-right:0;
	
}
.room_box .wp-block-vk-blocks-grid-column-item{
	margin-bottom:70px;
}
.room_box h3{
	min-width:80%;
}
.box_white_bar{
	padding:30px;
	background-color:#fff;
	box-shadow: 6px 6px 0px #57b187;
}
.box_white_bar_right{
	position:relative;
}
.box_white_bar h3{
	display:inline-block;
	border:solid 1px #25B484;
	color:#25B484;
	padding:10px 20px;
	position:absolute;
	top:-52px;
	background-color:#fff;
	left:50%; 
	font-size:33px;
	font-weight:500;
	transform: translateX(-50%);
	    font-size: 1.5rem;
	font-weight:600;
	min-width:80%;
	text-align:center;
}
.box_title_big h3{
	  font-size: 2.1rem;
}
.box_title_small h3{
	  font-size: 1.3rem;
}
.room_box p{
text-align:left;
}
.recruit_cp1_big{
	font-size:44px;
}

/* 会社情報 */
.access_box{
	
}
.access_title{
	width:200px;
	padding-left:60px;
}
.under_line{
	border-bottom:solid 1px #ccc;
	padding-bottom:25px;
	margin-bottom:25px;
}

/* よくあるご質問 */
.is-style-vk_faq-bgfill-circle .vk_faq_title:before{
	background-color:#f5609f;
}
.is-style-vk_faq-bgfill-circle .vk_faq_content:before{
	background-color:#479eac;
}
.vk_faq .vk_faq_title p {
   position:relative;
	top:-4px;
    font-size: 24px;
}
.card_list{
	display:flex;
	flex-wrap:wrap;
}
.card_list li{
	margin-right:45px;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Archive　ブログ一覧ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
.postListText_title,.postListText_date{
	font-size:18px;
}
.postListText_title a{
	text-decoration:none;
}
.postListText_singleTermLabel{
	min-width:120px;
}
.postListText_singleTermLabel a{
	padding:5px;
}
.vk_post:hover {
background: rgba(102, 168, 234, 0.18);

}

/* 店舗一覧 */
.post-type-shoplist .vk_post_title_new{
	display:none;
}
.post-type-shoplist .vk_post_date{
	display:none;
}
.post-type-shoplist .entry-footer{
	display:none;
}
.post-type-shoplist .vk_post_imgOuter_singleTermLabel{
	display:none;
}
.shop_txt .vk_post_title{
	font-size:24px;
}
.shop_txt p{
	font-size:16px;
}
.vk_post_excerpt.media-text{
	font-size:1rem;
}
.sns_img img{
	margin:0 15px;
}
.web_yoyaku a{
	padding:25px !important;

}
.sv_icon{
	width:778px;
}
.sv_icon figure{
	width:70px;
}

.shop_tel a .vk_button_link_txt{
font-size:43px;
	color:#000;
}
.shop_tel a i{
	font-size:35px;
	position:relative;
	top:2px;
}
.shop_map iframe{
	margin-bottom:4px;
}
.shop_data h3{
	width:250px;
	font-size:22px;
	padding-left:15px;
}
.vk_accordion{

}
.wp-block-vk-blocks-accordion-trigger{
font-size:24px;
	color:#25b484
}

.title--hiru .wp-block-vk-blocks-accordion-trigger{
	background-color:#FFC400;
	color:#fff;
}
.title--hiru .wp-block-vk-blocks-accordion-trigger p::before{
	  font-family: "Font Awesome 6 Free";
  content:'\f185';
  font-weight: 900;
  padding-right: 3px;
}
.title--yoru .wp-block-vk-blocks-accordion-trigger{
	background-color:#00528E;
	color:#fff;
}
.title--yoru .wp-block-vk-blocks-accordion-trigger p::before{
	  font-family: "Font Awesome 6 Free";
  content:'\f186';
  font-weight: 900;
  padding-right: 3px;
}
.time_box .vk_accordion-trigger .vk_accordion-toggle-close::after,.time_box  .vk_accordion-trigger .vk_accordion-toggle-open::after{
	    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
}
.haikei_txt{
	padding:25px 25px;
}

.list_asterisk{
list-style:none;
	margin-left:-15px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  Single　ブログ詳細ページ
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* パーツごとにコメントアウトで注釈を入れてください。 */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 *  その他・追加機能
 * ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* TOP背景 */
body{
	background-image:url(https://melo-works.com//wp-content/uploads/main_bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	}