/*
 Theme Name:   liquid-lp-child
 Theme URI:    https://example.com/
 Description:  子テーマの説明（任意）
 Author:       takuma
 Template:     liquid-lp
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentytwentyfour-child
*/

/* 子テーマ独自のスタイルはここに書く */


@media (min-width: 768px){
	.sp,.sp-flex{display:none !important;}
	.tb{display:none !important;}
	
}
/*ページスクロールボタン非表示*/
.pagetop{display:none;}

body {
	font-family:'gen','mini',sans-serif !important;
}
h2{
	letter-spacing:3px;
	line-height:1.5;
}
.head{
	display:none;
}
.mb0{margin-bottom:0 !important;}

.header-nav,.header-nav .wp-block-group__inner-container{
	padding:0 !important;
}
p a:visited{color:inherit !important;}
a:hover{
	opacity:0.9;
	transition:0.3s;
} 

.header-nav .wp-block-group__inner-container{
	max-width:100% !important;
}

.nav-button-part{
	margin-bottom:0 !important;
}
.nav-button{
	border-radius:0;
}
.nav-button a{
	background:#082d0dff;
	color:#69c9f1 !important;
	border-radius:0;
	height:100px;
	display:flex;
	justify-content:center;
	align-items:center;
	width:240px;
	font-size:1.3rem;
}
.menulink-pc{
	padding:0 2.375em;
}
.menulink-pc p{
	margin-bottom:0;
}

.menulink-pc a::after,.menulink-sp a::after,.wp-block-button a::after{
  content: "\f105"; /* Font Awesome の "angle-right" の文字コード */
  font-family: "Font Awesome 6 Free"; /* 使用するアイコンフォント */
  font-weight: 900; /* Solid（太字）を指定（必要に応じて） */
  margin-left: 0.5em;
	display: inline-block;
	transition: transform 0.3s ease;
}
.menulink-pc a:hover::after,.menulink-sp a:hover::after,.wp-block-button a:hover::after{
	transform: translateX(5px);
}


.mt-10{margin-top:-10px !important;}
.mt-20{margin-top:-20px !important;}
.mt-30{margin-top:-30px !important;}
.mt-33{margin-top:-33px !important;}
.mt20{margin-top:20px !important;}
.mt330{margin-top:330px !important;}
.pd0{padding:0 !important;}
.line-height1-5{
	line-height:1.5;
}
.line-height1-8{
	line-height:1.8;
}


.present{
	width:760px;
	margin:0 auto;
}
.present-text{
	padding:0 5%;
	margin:18px 0;
}
.present .wp-block-column{
	background:#fff;
	
}


.text-shadow{
	text-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}

h2 > span{
	border:0 !important;
}
.gap0 {
	gap:0 !important;
}
.relative{
	position:relative;
}

.relative:nth-child(n+2){
	margin-top:-32px;
}
.ob-posi-top img{
	object-position:top;
}
.store-info{
	position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	border:2px solid #fff;
	width:40vw;
}

.tk-store-info .wp-block-column{
	border:1px solid #ccc;
	padding:20px 15px;
}

.tk-store-info img{
	padding:15px;
}
.tk-store-info a{
	color:#00a5d4 !important;
}

.tk-store-info .tk-about{
	padding-left:20%;
}

.stock-fv1,.stock-fv2{
	margin-top:-33px;
}
.stock-present{
	width:800px;
	margin:0 auto;
}
.stock-model-dl{
	width:1100px;
	margin:0 auto;
}
.stock-fv-link a{
	text-decoration:none !important;
}
.store-info-stock{
		border:1px solid #ccc;
	padding:20px 15px;
}

.store-info-stock a{color:#00a5d4 !important;}

/*
.store-info-stock .store-about{
		padding-left:20%;
}
*/
.bg-img figure{
		margin-bottom:0;
}

.bg-img2 .wp-block-group__inner-container{
	padding-top:0 !important;
}

.bg-img img{
	height:700px;
	width:100%;
	object-fit:cover;
}

.bg-img2 img{
	height:350px;
	width:100%;
	object-fit:cover;
}
.bg-img2 .gap0{
	height:350px;
	margin-bottom:0;
}

.float-button{
	position: fixed !important;
	bottom: -50px; /* 画面下からの距離 */
  z-index: 1000; /* 他要素より前面に出す */
	left: 50% !important;
  transform: translateX(-50%);
	width:1120px;
}

.float-button .wp-block-buttons{
	line-height:2.5;
}
.float-cta-left a{
	background:#082d0dff;
	color:#69c9f1 !important;
	padding:0;
	line-height:4.0;
}

.float-cta-right a{
	background:#000;
	color:#fff !important;	
	padding:0;
	line-height:4.0;
}
.rwd{display:none;}

  .map-container{
         position: relative;
         width: 100%;
         padding-bottom: 56.25%; /* 16:9アスペクト比 */
         height: 0;
         overflow: hidden;
    }
    .map-container iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

/* スマホ用スタイル（例：767px以下） */
@media screen and (max-width: 767px){
	.pc{display:none !important;}
	.sp{display:block;}
	.tb{display:none;}
	.pc-tb{display:none !important;}
    .map-container{
         position: relative;
         width: 100%;
         padding-bottom: 56.25%; /* 16:9アスペクト比 */
         height: 0;
         overflow: hidden;
    }
    .map-container iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

	.sp-flex{
		display:flex;
		padding:0;
	}
	.sp-logo{
        margin:10px;
    }
	.store-info{
		width:100%;
	}
	.bg-img{
		height:500px;
	}
	.bg-img figure{
		margin-bottom:0;
	}
	.bg-img img{
	height:auto;
}
	.bg-img2{
		height:600px;
	}
	.bg-img2 img{
		object-fit:cover;
		object-position:39% 0%;
		transform:scale(1);
	}
	.present{
		width:100%;
	}
	.tk-store-info .tk-about{
	padding-left:10%;
}
	.stock-fv{
		height:300px;
	}
	.stock-present{
		width:100%;
	}
	.stock-model-dl{
		width:100%;
	}
	.menulink-sp{
		padding:0 15px;
	}
	.float-button{
		bottom:-32px;
		width:100%;
		gap:0;
	}
	.float-button .wp-block-buttons{
		margin-bottom:0;
	}
	.float-button a{
		font-size:0.9rem;
		border-radius:0;
		line-height:3;
	}
	.float-button .wp-block-button{
		width:100% !important;
	}
	.float-cta-left a,.float-cta-right a{
		line-height:3.5;
		font-size:1.2rem;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* タブレット専用のスタイル */
	.tb{display:block !important;}
	.pc-tb{display:none !important;}
	.stock-model-dl{width:100%;}
	
	
}