/*
Theme Name: fukuei-oem
Theme URI: https://fukuei-oem.com/
Template: lightning
Description: 新fukuei-oem.com
Author: Knet
Tags: 
Version: 1.0.0
*/
@import url("style-base.css");
/*-------------------------------------------*/
/*  色の設定
/*-------------------------------------------*/

:root {
    --darkblue-color: #000064;
}

/*******************************************************************
 * 共通 
 *******************************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--darkblue-color);
    background-color: inherit;
    font-weight: 700;
    padding: 0.5em 0;
    border: none;
}

h1 {
    padding-bottom: 0;
}

h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
    border: none;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 15px;
}

@media (min-width: 992px) {
    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 24px;
    }

    h5 {
        font-size: 20px;
    }

    h6 {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 45px;
    }

    h3 {
        font-size: 36px;
    }

    h4 {
        font-size: 27px;
    }

    h5 {
        font-size: 22px;
    }

    h6 {
        font-size: 18px;
    }
}

@media (min-width:1400px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 50px;
    }

    h3 {
        font-size: 40px;
    }

    h4 {
        font-size: 30px;
    }

    h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 20px;
    }
}

.vk_button-color-custom a:hover,
.editor-styles-wrapper .vk_button-color-custom a:hover,
.wp-block-search__button:hover {
    opacity: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    transform: translateY(-1px);
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, .4));
}

a {
    color: var(--darkblue-color);
}

a img:hover {
    filter: drop-shadow(0px 0px 1px rgb(0, 21, 90));
    transition: 0s;
}

.container-sns a img {
    filter: grayscale(100%);
}

.container-sns a img:hover {
    filter: none;
    transition: 0s;
}

.page_top_btn {
    box-shadow: none;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 20px;
}

::placeholder {
    color: lightgray;
}

table td,
table th {
    font-size: 14px;
}

@media (min-width: 992px) {

    table td,
    table th {
        font-size: 16px;
    }
}

table th {
    background-color: rgba(0, 0, 0, .05);
    font-weight: 700;
    text-align: left;
}

/***********************************
* 横幅全て
************************************/
.full_width_content {
    margin: 0 calc(50% - 50vw);
    padding: 2rem calc(50vw - 50%) 2rem;
}

@media (min-width: 768px) {
    .full_width_content {
        padding: 2.5rem calc(50vw - 50%) 2.5rem;
    }
}

@media (min-width: 992px) {
    .full_width_content {
        padding: 3rem calc(50vw - 50%) 3.5rem;
    }
}

@media (min-width: 1200px) {
    .full_width_content {
        padding: 3.5rem calc(50vw - 50%) 4rem;
    }
}

/***** .no-wrap *****/
.no-wrap {
    white-space: nowrap;
}

/***** ヘッダー部 *****/
#site-header {}

.site-header-logo img {
    max-height: 30px;
}

@media (max-width: 991.98px) {
    .site-header-logo img {
        max-height: 30px;
    }
}

@media (min-width: 992px) {
    .site-header--layout--nav-float .site-header-logo {
        width: fit-content;
    }
}

.site-header-sub .widget.widget_vkexunit_button {
    margin-bottom: 0;
}

.searchform div {
    display: flex;
    padding: 0px 15px;
    height: 38px;
}

/***** Gメニュー *****/
.nav {
    width: fit-content;
    margin: auto;
}

.nav li a,
nav li a {
    color: var(--darkblue-color);
}

.global-nav-list > li .global-nav-name {
    font-weight: 700;
}

.current-menu-item {
    background-color: var(--darkblue-color);
}

.current-menu-item .global-nav-name {
    color: #ffffff;
}

global-nav-list > li.current-menu-ancestor,
global-nav-list > li .global-nav-name.current-menu-item,
global-nav-list > li .global-nav-name.current-menu-parent,
global-nav-list > li .global-nav-name.current-post-ancestor,
global-nav-list > li .global-nav-name.current_page_ancestor,
global-nav-list > li .global-nav-name.current_page_parent,
global-nav-list > li .global-nav-name:hover:after {
    color: #f08a00;
}

/***** OEM製品情報メニューのみ変更 *****/
#menu-item-5197.current-menu-item > a,
#menu-item-5197.current-menu-item > a > .global-nav-name,
#menu-item-5197:focus > a,
#menu-item-5197:focus > a > .global-nav-name {
  background-color: #000064 !important;
  color: #ffffff !important;
}

#menu-item-5197,
#menu-item-5197 > a,
#menu-item-5197 > a > .global-nav-name {
  background-color: #dde7ed !important;
}

#menu-item-5197:hover,
#menu-item-5197:hover > a,
#menu-item-5197:hover > a > .global-nav-name {
  background-color: #ffffff !important;
  color: #000064 !important;
}


/* QuadMenuプラグインのため
@media (max-width: 767.99px) {
    #quadmenu {
            display: none;
    }
    #menu-item-3547 {
            display: none;
    }
}
div>#quadmenu.quadmenu-is-embed {
    margin-right: 0;
}
#quadmenu.quadmenu-default_theme {
    background-color: var(--darkblue-color)!important;
    color: #ffffff!important;
}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > form {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif!important;
    font-size: 13px!important;
}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content {
    background-color: var(--darkblue-color)!important;
    color: #ffffff!important;
}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open {
    background-color: var(--darkblue-color)!important;
    color: #ffffff!important;
}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content>.quadmenu-caret {
    display: none;
}
#quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav>li.quadmenu-item:not(.quadmenu-item-type-button)>a>.quadmenu-item-content, #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav>li.quadmenu-item:not(.quadmenu-item-type-button)>a>.quadmenu-toggle-container {
    padding: 0 15px;
}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:hover > a > .quadmenu-item-content, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.open > a > .quadmenu-item-content {
    background-color: var(--darkblue-color)!important;
    color: #ffffff!important;
}
#quadmenu.quadmenu-default_theme.quadmenu-is-horizontal .quadmenu-navbar-nav .quadmenu-dropdown-menu {
    background-color: var(--darkblue-color)!important;
}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content {
    color: #ffffff!important;
}
#quadmenu .quadmenu-navbar-nav li.quadmenu-item input, #quadmenu .quadmenu-navbar-nav li.quadmenu-item select, #quadmenu .quadmenu-navbar-nav li.quadmenu-item textarea {
    background-color: #ffffff!important;
    color: #666!important;
}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a:hover {
    opacity: 0.8;
}
 */
.breadcrumb {
    border-bottom: none;
}

/***** その他 *****/
.site-body {
    padding: 20px 0 2rem
}

@media (min-width: 768px) {
    .site-body {
        padding: 25px 0 2.5rem;
    }
}

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

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

.btn {
    border-radius: 0;
}

.btn-w {
    background-color: white;
    border: 2px solid white;
    color: var(--darkblue-color);
}

.btn-w:hover {
    background-color: var(--darkblue-color);
    color: white;
}

.btn-b {
    background-color: var(--darkblue-color);
    border: 2px solid var(--darkblue-color);
    color: white;
}

.btn-b:hover {
    background-color: white;
    color: var(--darkblue-color);
}

.btn-g {
    background-color: #0071AD;
    border: 2px solid #0071AD;
    color: #ffffff;
}

.btn-g:hover {
    background-color: #ffffff;
    color: #0071AD;
}

input[type=submit] {
    padding: 0.5em 3em;
    border-radius: 0;
    background-color: var(--darkblue-color);
    border: 2px solid var(--darkblue-color);
}

input[type=submit]:hover {
    background-color: white;
    color: var(--darkblue-color);
}

/***** サイドバーのメニュー *****/
.sub-section h4.sub-section-title {
    display: none;
}

.sub-section .localNavi {
    border-top: 1px solid #cccccc;
}

.widget_nav_menu > ul li {
    float: left;
}

.widget_nav_menu > ul li a {
    border-bottom: none;
    padding-right: var(--vk-margin-list-menu-left-first);
}

/* lightningのバージョンアップによる.widgetの下に空きが大きすぎるので半分に */
.widget {
    margin-bottom: 1rem;
}

/* footerの一番下に空きができるのでそこだけ0に */
.site-body-bottom .widget {
    margin-bottom: 0;
}

/***** フッター上部のメニュー *****/
.footer-top-menu-box {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 40px 0px;
}

.footer-top-menu-box div {
    text-align: center;
    width: 20%;
    font-size: 14px;
    color: #999;
}

.footer-top-menu-box div a {
    color: #333;
}

@media (max-width: 991px) {
    .footer-top-menu-box {
        display: block;
    }

    .footer-top-menu-box div {
        text-align: left;
        width: 100%
    }
}

/***** フッター部 *****/
.site-footer {
    background-color: var(--vk-color-primary);
    color: white;
}

.site-footer .nav li a,
.site-footer nav li a {
    color: white;
}


/*******************************************************************
 * TOPページ
 *******************************************************************/
/***** スライド画像 *****/
.ltg-slide-text-set {
    top: 44%;
}

.ltg-slide-text-title {
    line-height: 1.2;
}

.ltg-slide-text-title + .ltg-slide-text-caption {
    margin-top: 0.4em;
}

.ltg-slide-text-caption {
    font-size: 15px;
    line-height: 1.2;
}

@media (min-width: 992px) {
    .ltg-slide-text-set {
        top: 35%;
    }

    .ltg-slide-text-title {
        font-size: 32px;
    }

    .ltg-slide-text-caption {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .ltg-slide-text-set {
        top: 32%;
    }

    .ltg-slide-text-title {
        font-size: 40px;
    }

    .ltg-slide-text-caption {
        font-size: 24px;
    }
}

@media (min-width:1400px) {
    .ltg-slide-text-set {
        top: 27%;
    }

    .ltg-slide-text-title {
        font-size: 56px;
    }

    .ltg-slide-text-caption {
        font-size: 34px;
    }
}

.owl-theme.nav-centered .owl-nav button.owl-next,
.owl-theme.nav-centered .owl-nav button.owl-prev {
    padding: 0 8px !important;
}

.chinese_city {
    width: 75%;
    line-height: 1.2;
    font-size: 11px;
}

@media (min-width: 575px) {
    .chinese_city {
        width: 60%;
        font-size: 14px;
    }
}

@media (min-width: 992px) {
    .chinese_city {
        width: 45%;
        font-size: 17px;
    }
}

/***** ピックアップ商品用　ソースの最後にowlCarousel関係が追加されるため *****/
.owl-item h4 {
    background-color: white;
}

.owl-nav {
    font-size: 32px;
}

.item-inner h4 {
    font-size: 14px;
}

.owl-theme.nav-centered .owl-nav button.owl-prev {
    left: -6ch !important;
}

.owl-theme.nav-centered .owl-nav button.owl-next {
    right: -6ch !important;
}

.owl-theme.nav-centered .owl-nav button {
    font-size: 16px !important;
    padding: 3px 7px !important;
    background-color: var(--darkblue-color) !important;
    color: white !important;
    border-radius: 25px;
}

/***** PRODUCTS *****/
@media (max-width: 767px) {
    .products-img {
        display: none;
    }
}

.products-img-box {
    position: absolute;
    width: 20%;
    max-width: 350px;
}


/***** ABOUT US *****/
.about_us_box {
    background-image: url(https://fukuei-oem.com/wp-prod2/assets/img/top/about_us_cn.png);
    background-size: 1650px auto;
    background-repeat: no-repeat;
}

/***** COMPANY *****/
.company-img {
    width: 30%;
}

@media (min-width: 992px) {
    .company-img {
        width: 40%;
    }
}

@media (min-width: 1200px) {
    .company-img {
        width: 50%;
    }
}

@media (min-width:1400px) {
    .company-img {
        width: 60%;
    }
}

@media (min-width:1900px) {
    .company-img {
        width: 70%;
    }
}

/*******************************************************************
 * PRODUCTS アーカイブページ
 *******************************************************************/
div.card-img-overlay {
    padding: 0.5rem;
}

div.card-img-overlay span.cat_name {
    color: #fff;
    border-radius: 3px;
    padding: 3px 0;
    margin-right: 5px;
    width: 100px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
}

.card-body {
    padding: 0;
}

.vk_post .vk_post_title {
    padding-bottom: 0;
}

.vk_post .vk_post_title a {
    color: var(--darkblue-color);
}

.vk_post_taxonomy_title {
    display: none;
}

.vk_post .vk_post_date {
    display: none;
}

/*******************************************************************
 * PRODUCTS POSTページ
 *******************************************************************/
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    border: none;
}

.post .entry-title {
    margin-bottom: 0;
}

.type-products {
    position: relative;
}

.products-container .col-sm-6 {
    padding: 20px;
}

.products-container p {
    line-height: 1.6;
    letter-spacing: 0;
}

.products .entry-meta {
    display: none;
}

.post .entry-meta {
    display: block;
}

.post .entry-meta-item-updated,
.post .entry-meta-item-author {
    display: none;
}

.next-prev {
    display: none;
}

.entry-meta-data-list {
    position: absolute;
}

.products .entry-meta-data-list {
    top: 110px;
}

.post .entry-meta-data-list {
    top: 170px;
}

.entry-header {
    max-height: 100px;
    min-height: 100px;
    /* display: flex; */
    align-items: center;
    margin-bottom: 50px;
}

.post .entry-header {
    margin-bottom: 120px;
}

.yarpp-related {
    margin-top: 5em !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none !important;
}

/*******************************************************************
 * BLOG アーカイブページ
 *******************************************************************/
.blog-container .vk_post .vk_post_date {
    display: block;
    margin-top: 0;
}

/*******************************************************************
 * 商品検索窓
 *******************************************************************/
.searchandfilter ul {
    width: 100%;
    padding-left: 0;
}

.searchandfilter li {
    vertical-align: text-bottom;
}

.searchandfilter li:first-child {
    width: 80%;
}

.searchandfilter li:last-child {
    width: 19%;
}

@media (max-width: 781px) {
    .searchandfilter li:first-child {
        width: 95%;
    }
}

.searchform input[type=submit] {
    letter-spacing: 0;
    font-size: 14px;
}

.searchandfilter input[type=text] {
    margin: 0;
}

.veu_button .btn.btn-sm {
    letter-spacing: 0;
}

.oemsearch {
    padding: 30px 30px 10px 60px;
}

@media (max-width: 781px) {
    .oemsearch {
        padding: 10px 0px 10px 20px;
    }
}

/*******************************************************************
 * お問い合わせボタン
 *******************************************************************/
.btn-primary:hover {
    background-color: #fff;
    color: var(--darkblue-color);
}

/*******************************************************************
 * お問い合わせページ以外では reCAPTCHA バッジを非表示
 *******************************************************************/
body:not(.page-id-156) .grecaptcha-badge {
    display: none !important;
}