/*
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.29.6
Requires at least: 6.4
Tested up to: 6.7
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/
*/

.site-body {
    padding: 0rem 0 0rem;
}
.site-body-container {
    /*padding-bottom: 4rem;*/
}
.type-movie {
    padding-bottom: 4rem;
}
.main-section--margin-bottom--on {
	margin-bottom: 0;
}
.navigation,.post-7613{
    padding-bottom: 4rem;
}
#breadcrumb {
    margin-bottom: 2rem;
}
.breadcrumb {
    border: none;
}
.vk_outer.vkb-outer-fef4fc7a-abaf-438b-9828-23dc742e53bf > div > .vk_outer_container {
	padding-left: 15px !important;
    padding-right: 15px !important;
}
@media (max-width: 991.98px) {
    .main-section {
        margin-bottom: 0;
    }
}
.page-id-7613 .site-body-bottom {
    display: none;
}

@media (max-width: 767px) {
  h2 {
  	font-size: 2em !important;
  }
}

.mobile-nav-btn-right .vk-mobile-nav-menu-btn, .vk-mobile-nav-menu-btn.position-right {
    right: 14px;
}
.vk-mobile-nav-menu-btn {
    top: 10px;
}

.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  z-index:1;
}

.type-movie {
    marign-bottom:4rem;
}

/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fff; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:11px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; max-width:100%;}
div.wpcf7 textarea { width:97.5%; height:300px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333;  border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

/* solid019 */
.button_solid019 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 15px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #005cb5;
    filter: drop-shadow(0px 2px 4px #ccc);
    border-radius: 3px;
    border-radius: 50px;
}
.button_solid019 a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 46%;
    right: 25px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button_solid019 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}

.button_solid019w a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 300px;
    padding: 15px 25px;
    color: #005cb5;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #fff;
    border-radius: 3px;
    border-radius: 50px;
}
.button_solid019w a:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #005cb5;
    border-right: 3px solid #005cb5;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 46%;
    right: 25px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button_solid019w a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}

@media (min-width: 768px) {
    .product-single img{
        width: 100%;
        height: 500px;
        object-fit: cover; /* この一行を追加するだけ！ */
    }
}
@media (max-width: 767px) {
  .product-single img{
    width: 100%;
    height: 220px !important;
    object-fit: cover; /* この一行を追加するだけ！ */
  }
}
.product-single img {
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 991px) {
.vk-menu-acc .acc-btn {
border: none;
background: var(--vk-menu-acc-icon-open-black-bg-src) right 50% no-repeat;
width: 100%;
right: 0;
top: 0;
height: calc( 24px + 1.4em );
background-size: 30px;
}

.vk-menu-acc .acc-btn-close {
background: var(--vk-menu-acc-icon-close-black-bg-src) right 50% no-repeat;
background-size: 30px;
}
}

.grecaptcha-badge { visibility: hidden; }

.vk-mobile-nav-menu-btn,.vk-mobile-nav-menu-btn.menu-open {
    border: 0px solid #fff;
    border-color: #fff;
    border-radius: 0px;
    width: 44px;
    height: 44px;
}

.vk-mobile-nav {
    padding: 75px 10px 45px;
}
@media (max-width: 991px) {
.vk-menu-acc .acc-btn {
    background-size: 20px;
}
.vk-menu-acc .acc-btn-close {
    background: var(--vk-menu-acc-icon-close-black-bg-src) right 50% no-repeat;
    background-size: 20px;
}
body .vk-mobile-nav-menu-btn {
    /*background-image: url("https://aobalittle.com/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg");*/
}
.vk-mobile-nav-menu-btn {
    background: var(--vk-mobile-nav-menu-btn-bg-src) center 50% no-repeat rgba(0, 0, 0, 0);
}

@media (min-width: 1200px) {
    .site-body {
        padding: 0em 0 4rem;
    }
}

@media (max-width: 991.98px){
    .site-header {
        position:fixed !important;
        top:0px;
    }
    .header_scrolled .site-header-logo{
        display:block;
    }
    body {
        /* モバイル時のヘッダーの高さ */
         padding-top:64px;
    }
    /* ヘッダー透過の時 */
    .site-header--trans--true+div {
        /* モバイル時のヘッダー高さ分マイナスオフセット */
        margin-top:-64px;
    }
}
@media (max-width: 991.98px) {
    .site-header-container {
        display: block;
        overflow: hidden;
        background-color: #fff;
    }
}
@media (max-width: 991.98px) {
    .site-header-logo img {
        max-height: 50px;
    }
}