/*
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.2
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/
*/
.header-top-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 100%;
}
.header-top {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    width: 1140px;
}
.header-top-sns {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    gap: 10px;
}
li a, p a {
    text-decoration: none;
}
/* footerここから */
.footer-wrapper {
  width: 100%;
  background-image: url(https://kabasmoke.jp/wp-content/uploads/2025/09/footer-bk.jpg);
}
.footer-sns-wrap {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: calc(35px*3+18px);
    gap: 18px;
}
.footer-sns {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 10px;
}
.footer-wrapper footer p.footer-logo{
  margin-top: 110px;
  margin-bottom: 50px;
}
.footer-content-wrapper{
  max-width: 950px;
}
.footer-wrapper footer nav.nav-footer {
  color: #000;
  font-size: 1rem;
  line-height: 20px;
  letter-spacing: 0.1rem;
  padding: 20px 0px 0px 0px;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
footer nav.nav-footer p.footer-title-second {
  display: block;
  margin-bottom: 15px;
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
  font-size: 2rem;
  width: 100%;
  font-weight: 1000;
  color: #000;
  text-align: center;
  padding: 5px 50px 10px 50px;
}
footer nav.nav-footer p.footer-title-second a {
  display: block;
  margin-bottom: 15px;
  padding-bottom: 8px;
  font-size: 2rem;
  width: 100%;
  font-weight: 1000;
  color: #000;
  text-align: center;
}
.footer-wrapper footer .footer-nav {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 10px 20px 10px;
  border: none;
}
.footer-wrapper footer .footer-nav .footer-company{
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 10px 20px 10px;
  border: none;
}
.footer-wrapper footer .footer-nav .footer-company .footer-content-wrapper ul {
  width: 100%;
  list-style: none;
}
.footer-wrapper footer .footer-nav .footer-company .footer-content-wrapper ul li a {
  display: block;
  color: #000;
  font-size: 10px;
  letter-spacing: 0.3rem;
  line-height: 1.5rem;
}
.footer-wrapper footer .footer-nav .footer-company p.footer-nav-title a {
  width: 50px;
  border-right: 1px solid #000;
  padding: 0px 0px 0px 10px;
  margin: 10px 0px 0px 10px;
  text-align: start;
  writing-mode: vertical-lr;
  text-orientation: upright;
  color: #000;
   font-weight: 500;
}
.footer-wrapper footer .footer-nav .footer-stores{
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 10px 20px 10px;
  border: none;
}
.footer-wrapper footer .footer-nav .footer-stores .footer-content-wrapper ul {
  width: 100%;
  list-style: none;
}
.footer-wrapper footer .footer-nav .footer-stores .footer-content-wrapper ul li a {
  display: block;
  color: #000;
  font-size: 10px;
  letter-spacing: 0.3rem;
  line-height: 1.5rem;
}
.footer-wrapper footer .footer-nav .footer-stores p.footer-nav-title a {
  width: 50px;
  border-right: 1px solid #000;
  padding: 0px 0px 0px 10px;
  margin: 10px 0px 0px 10px;
  text-align: start;
  writing-mode: vertical-lr;
  text-orientation: upright;
  color: #000;
   font-weight: 500;
}
.footer-wrapper footer hr {
  height: 1px;
  border: none;
  background-color: #000;
}
.footer-wrapper footer p.footer-logo {
  display: inline;
}
.footer-wrapper footer p.footer-logo a {
  width: 230px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-wrapper footer p.footer-logo a img {
  width: 230px;
  padding: 50px 50px 20px 50px;
}
.footer-wrapper footer small {
  display: block;
  font-size: 10px;
  text-align: center;
  padding: 10px;
  color: #000;
}
/* footerここまで */
/* hoverできる時だけhoverを発動 */
@media (hover:hover) {
/* hover-index.htmlここから */
a:hover {
  color: #000;
  opacity: 0.5;
  text-decoration: none;
}
/* hover-index.htmlヘッダーここまで */
}
/*  (900以下) のスタイルここから */
@media screen and (max-width: 900px) {
.sns-icon{
  width: 40px;
}
.footer-wrapper footer .footer-nav{
  flex-direction: column;
  justify-content: center;
}
.footer-wrapper footer .footer-nav .footer-company{
  justify-content: center;
}
.footer-wrapper footer .footer-nav .footer-company .footer-content-wrapper ul li a{
  width: 357px;
}
.footer-wrapper footer .footer-nav .footer-stores{
  justify-content: center;
}
.footer-wrapper footer .footer-nav .footer-stores .footer-content-wrapper ul li a{
  width: 357px;
}
.footer-wrapper-02 footer .footer-nav{
  flex-direction: column;
  justify-content: center;
}
.footer-wrapper-02 footer .footer-nav .footer-company{
  justify-content: center;
}
.footer-wrapper-02 footer .footer-nav .footer-company .footer-content-wrapper ul li a{
  width: 357px;
}
.footer-wrapper-02 footer .footer-nav .footer-stores{
  justify-content: center;
}
.footer-wrapper-02 footer .footer-nav .footer-stores .footer-content-wrapper ul li a{
  width: 357px;
}
p.footer-sns a img{
  width: 40px;
}
}
/*  (900以下) のスタイルここまで */
/*  (600以下) のスタイルここから */
@media screen and (max-width: 600px) {
.footer-wrapper footer .footer-nav .footer-company .footer-content-wrapper ul li a{
  width: 200px;
}
.footer-wrapper footer .footer-nav .footer-stores .footer-content-wrapper ul li a{
  width: 200px;
}
.footer-wrapper-02 footer .footer-nav .footer-company .footer-content-wrapper ul li a{
  width: 200px;
}
.footer-wrapper-02 footer .footer-nav .footer-stores .footer-content-wrapper ul li a{
  width: 200px;
}
}