/*
Theme Name: Lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.30.1
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2025 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/

.sp{
	display:none;
}

/********************************
header
********************************/
.header_r{
	margin:0 !important;
}

.header_tel {
	text-align:center;
}

.header_tel dt{
	font-size:14px;
}

.header_tel dt strong{
	font-size:18px;
	font-weight:bold;
}

.header_tel dd{
	font-size:20px;
	font-weight:bold;
}


/********************************
トップページ
********************************/
.home .site-body {
	padding:0;
}

.mv{
	position:relative;
}

.mv .mv_text{
	position:absolute;
	top:calc(50% - 150px);
	left:0;
}

.mv .mv_text .cnt{
	max-width:1200px;
	margin:0 auto;
}

/********************************
お問い合わせページ
********************************/
.flex {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap:wrap;
}

.contact_form{
max-width:780px;
margin:0 auto 40px;
}

sup{
	font-size:12px;
	background:#CC0000;
	color:#FFFFFF;
	padding:2px 10px;
	border-radius:25px;
	font-weight:400;
	position:absolute;
	top:20px;
	right:10px;
}

sup.any{
	background:#0075a6;
}

textarea{
	line-height:1.5;
}

.contact_form dt{
	width:200px;
	margin:0;
	padding:15px;
	background:#653f34;
	border-bottom:#FFFFFF 1px solid;
	font-size:16px;
	position:relative;
	color:#FFFFFF;
}

.contact_form dd{
	width:calc(100% - 200px);
	padding:15px;
	border:#653f34 1px solid;
	border-bottom:#FFFFFF 1px solid;
	font-size:16px;
	color:#666666;
	line-height:1.5;
}

.contact_form dd:last-child{
	border-bottom:#653f34 1px solid;
}

.contact_form dd input[type=text],
.contact_form dd input[type=tel],
.contact_form dd input[type=email]{
	width:300px;
	padding:10px;
	color:#000000;
	font-size:16px;
}

.contact_form dd textarea{
	width:calc(100% - 200px);
	font-size:16px;
}

.contact_form p{
	margin:0;
}

.submit_btn{
	width:280px;
	margin:0 auto;
}

.submit_btn input{
	width:100%;
	background:#88955d;
	border:none;
	border-radius:50px;
	padding:30px 0;
}

/********************************
フッター
********************************/
.site-footer{
	background:url(https://www.ntl-hammock.com/wp-content/uploads/2025/09/footer_bg.jpg);
	background-size:2000px auto;
}

.footer_menu {
	margin-right:100px;
}

.footer_menu li{
	list-style:none;
	font-size:16px;
	margin-bottom:10px;
	text-align:right;
	font-weight:bold;
}

.footer_menu li a{
	text-decoration:none;
	color:#624736;
}

.footer_menu li a:hover{
	color:#000000;
}

.footer_menu li::after{
	content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: 10px;
}

.container.site-footer-copyright{
	max-width:100%;
	background:#f5f4f2;
}

/********************************
追従
********************************/
.sticky {
position: fixed;
top: 50%;
right:30px;
z-index:10;
}

.sticky ul li{
list-style:none;
margin:0 0 50px;
padding:0;
}

/********************************
レスポンシブ
********************************/

@media screen and (min-width: 768px) {
	 a[href^="tel:"] {
		 pointer-events: none;
		 cursor: default;
	}
}
 
 
@media screen and (max-width: 1500px) {

/********************************
フッター
********************************/
.site-footer{
	background-size:auto 100%;
}

.footer_menu {
	margin-right:calc(100% - 220px);
}
}

@media screen and (max-width: 1200px) {
/********************************
トップページ
********************************/
.mv .mv_text{
	top:calc(50% - 100px);
}

.mv .mv_text .cnt{
	max-width:94%;
}
	
.mv .mv_text .cnt img{
	width:480px;
	}
}


@media screen and (max-width: 991px) {
/********************************
フッター
********************************/
.footer_menu {
	margin-right:0;
}
}

 
@media screen and (max-width: 764px) {
.sp{
	display:block;
}
	
.pc{
	display:none;
}
	
/********************************
トップページ
********************************/
.mv .mv_text{
position:relative;
top:0;
margin:20px 0;
}

.mv .mv_text .cnt img{
max-width:480px;
width:90%;
	}
	
/********************************
お問い合わせページ
********************************/
.contact_form{
max-width:100%;
}
	
sup{
	top:15px;
	right:10px;
}

.contact_form dt{
	width:100%;
	border-bottom:none;
}

.contact_form dd{
	width:100%;
	padding:15px;
	border-bottom:none;
	}
	
.contact_form dd input[type=text],
.contact_form dd input[type=tel],
.contact_form dd input[type=email]{
	width:100%;
}

.contact_form dd textarea{
	width:100%;
}
	
	

/********************************
フッター
********************************/
.site-footer{
	background-size:auto 100%;
}
	
.footer_menu li{
	text-align:center;
}
	
/********************************
追従
********************************/
.sticky {
width:100%;
position: fixed;
top: auto;
bottom:75px;
right:0;
}
	
.sticky ul{
margin:0;
padding:0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap:wrap;
}

.sticky ul li{
width:50%;
list-style:none;
margin:0;
padding:0;
text-align:center;
}
	
.sticky ul li img{
	height:120px;
}