/*
Theme Name: fukuei-shizai
Theme URI: 
Template: lightning
Description: 資材サイト
Author: 福榮産業株式会社
Tags: 
Version: 0.5.1
*/
@import url("style-base.css");

:root {
    --vk-margin-headding-bottom: 0.5em;
}
/*******************************************************************
 * 共通 
 *******************************************************************/
h1, h2, h3, h4, h5, h6 {
    color: var(--vk-color-primary);
    background-color: inherit;
    font-weight: 700;
    padding: 0.5em 0;
    border: none;
    text-align: center;
}
h1 {
    padding-bottom: 0;
}
h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
    border: none;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 22px;
}
h3 {
    font-size: 21px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 15px;
}
body {
    font-size: 14px;
}
@media (min-width: 992px) {
    h1 {
        font-size: 34px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 23px;
    }
    h4 {
        font-size: 22px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 16px;
    }
    body {
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 18px;
    }
    body {
        font-size: 17px;
    }
}
@media (min-width:1400px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 28px;
    }
    h4 {
        font-size: 26px;
    }
    h5 {
        font-size: 24px;
    }
    h6 {
        font-size: 20px;
    }
    body {
        font-size: 18px;
    }
}

.wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color) {
    color: var(--vk-color-primary);
}

a:hover {
    opacity: 0.9;
}
.cn-content a:hover,
.pw-content a:hover {
    color: darkred;
}

a:active {
	-webkit-transform: translate(1px,1px);
	-moz-transform: translate(1px,1px);
	transform: translate(1px,1px);
}

.page-header-title {
    color: white;
}

/*****　メニュー　*****/
.nav li a, nav li a {
    color: var(--vk-color-primary);
}
.nav li a:hover, nav li a:hover {
    color: var(--vk-color-custom-1);
}

.vk-mobile-nav nav ul li a {
    padding: 0 0.5em 0.7em;
    margin:  0.9em 0;
}
.vk-menu-acc .acc-btn {
    top: -3px;
}

/*****　ボタン　*****/
.btn {
    border-radius: 0;
    padding: 0.375rem;
}
.btn-w {
    background-color: white;
    border: 2px solid white;
    color: var(--vk-color-primary);
}
.btn-w:hover {
    background-color: var(--vk-color-primary);
    color: white;
}

.btn-b {
    background-color: var(--vk-color-custom-1);
    border: 2px solid var(--vk-color-custom-1);
    color: white;
}
.btn-b:hover,
.btn-primary:hover,
input[type=submit]:hover {
    background-color: white;
    color: var(--vk-color-primary);
}

/*****　検索ボタン表示　*****/
.searchandfilter ul {
    display: inline-flex;
    margin-top: 0;
    margin-bottom: 0;
}

.widget {
    margin-bottom: 0;
}

/*****　PRODUCT1　*****/
.text-desc2  {
    color: white;
    border:1px solid blue;
    font-size: 14px;
    padding: 4px 20px;
    font-weight: normal;
    display: inline;
    background: #000;
}

/*****　PRODUCT2　*****/
 .title {
  padding: 0.25em 0.5em;
  background: transparent;
  color: black;
  border-left: solid 5px #dc143c;
}

/*****　リスト青ポチ　*****/
li.cp {
    list-style-type: none;
    position: relative; 
    padding-left: 1em;
    }
li.cp:before {
    border-radius: 50%; 
    width: 10px; 
    height: 10px; 
    display: block;
    position: absolute;
    left: 0; 
    top: 0.6em; 
    content: "";
    background: #0071ad;
    }

/*****　Flexbox　*****/
.flex-container {
  flex-direction: row;
  display: flex;
}

/*******************************************************************
 * header
 *******************************************************************/
.site-header-sub {
    padding-left: 0;
}
.site-header-sub .widget {
    margin-bottom: 0;
}
.site-header-logo a {
    color: var(--vk-color-primary);
    letter-spacing: 0;
}
@media (max-width: 575px) {
    .site-header-logo {
        font-size: 14px;
    }
}


/*******************************************************************
 * ナビゲーションメニュー取扱商品メニューのみ設定
 *******************************************************************/

#menu-item-2372 > a {
    background-color: #273059;
    color: #ffffff;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#menu-item-2372 > a:hover {
    background-color: #ffffff !important;
    color: #273059 !important;
}

@media screen and (max-width: 1024px) {
    .vk-mobile-nav nav ul li#menu-item-2372 a {
        background-color: transparent !important;
        color: #273059 !important;
    }
}


/*******************************************************************
 * sub-section
 *******************************************************************/
.localNavi>div>ul li a, .localNavi>ul li a, .widget .localNavi>div>ul li a, .widget .localNavi>ul li a, .widget_archive>div>ul li a, .widget_archive>ul li a, .widget_categories>div>ul li a, .widget_categories>ul li a, .widget_link_list>div>ul li a, .widget_link_list>ul li a, .widget_nav_menu>div>ul li a, .widget_nav_menu>ul li a, .widget_pages>div>ul li a, .widget_pages>ul li a, .widget_postlist>div>ul li a, .widget_postlist>ul li a {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}

/*******************************************************************
 * footer
 *******************************************************************/
.site-footer,
.site-footer a,
.site-footer-title,
.site-footer .nav li a,
.site-footer nav li a {
    background-color: var(--vk-color-primary);
    color: white;
}
.site-footer-title {
    text-align: left;
}
/* lightning_copyright非表示 */
footer .site-footer-copyright p:nth-child(2) {
    display:none !important;
}
@media (max-width: 767.98px) {
    .footer-nav-list li a {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}
.site-footer-copyright p {
    font-size: 12px;
}

/*******************************************************************
 * サイドバー
 *******************************************************************/
.sub-section-title {
    text-align: left;
}

/*******************************************************************
 * TOPページ
 *******************************************************************/
.ltg-slide-text-set {
    top: 32%;
    font-weight: 900;
    text-shadow: rgb(255, 255, 255, 0.5) 2px 0px 4px, rgb(255, 255, 255, 0.5) -2px 0px 4px, rgb(255, 255, 255, 0.5) 0px -2px 4px, rgb(255, 255, 255, 0.5) 0px 2px 4px, rgb(255, 255, 255, 0.5) 2px 2px 4px, rgb(255, 255, 255, 0.5) -2px 2px 4px, rgb(255, 255, 255, 0.5) 2px -2px 4px, rgb(255, 255, 255, 0.5) -2px -2px 4px, rgb(255, 255, 255, 0.5) 1px 2px 4px, rgb(255, 255, 255, 0.5) -1px 2px 4px, rgb(255, 255, 255, 0.5) 1px -2px 4px, rgb(255, 255, 255, 0.5) -1px -2px 4px, rgb(255, 255, 255, 0.5) 2px 1px 4px, rgb(255, 255, 255, 0.5) -2px 1px 4px, rgb(255, 255, 255, 0.5) 2px -1px 4px, rgb(255, 255, 255, 0.5) -2px -1px 4px !important;
}
.ltg-slide-text-title {
    font-size: 20px;
}
.ltg-slide-text-caption {
    font-size: 12px;
    line-height: 1.5;
}
@media (min-width: 576px) {
.ltg-slide-text-title {
    font-size: 24px;
}
.ltg-slide-text-caption {
    font-size: 16px;
}
}
@media (min-width: 768px) {
.ltg-slide-text-title {
    font-size: 29px;
}
.ltg-slide-text-caption {
    font-size: 20px;
}
}
@media (min-width: 992px) {
.ltg-slide-text-title {
    font-size: 35px;
}
.ltg-slide-text-caption {
    font-size: 24px;
}
}
@media (min-width: 1200px) {
.ltg-slide-text-title {
    font-size: 43px;
}
.ltg-slide-text-caption {
    font-size: 30px;
}
}


@media screen and (max-width: 767px) {
  .ltg-slide-text-title {
    font-size: 14px !important;  /* スマホ用に文字サイズを小さく */
    line-height: 2;
    bottom: 10% !important; /* テキスト位置を下すぎないよう調整 */
    word-break: break-word;
    white-space: normal !important;
  }
}

/*******************************************************************
 * post一覧ページ
 *******************************************************************/
.vk_post_imgOuter_singleTermLabel {
    padding: 0.2em 0.5em;
}
.card-intext .card-intext-inner .vk_post_body {
    height: calc(var(--vk-line-height-low) + 10px);
    padding: 0 5px;
}
.card-intext .card-intext-inner .vk_post_body .vk_post_title {
    background-color: initial;
    font-size: 13px;
    text-align: left;
}
.archive-header-title {
    padding: 0;
    margin-bottom: 40px;
}
.postListText {
    border-bottom: none;
 }
/*******************************************************************
 * post個別ページ
 *******************************************************************/
.entry-meta {
    display: none;
}
.entry-title {
    padding: 0;
}
.vk_post_date {
    display: none;
}
.entry-meta-data-list dt {
    font-size: 12px;
}
.vk_post_imgOuter_singleTermLabel {
    font-size: 12px;
}
/*******************************************************************
 * お問い合わせページ以外では reCAPTCHA バッジを非表示
 *******************************************************************/
body:not(.page-id-15) .grecaptcha-badge {
    display: none !important;
}