/*
Theme Name: LINQWEB
Theme URI: 
Template: lightning
Description: 
Author: Yukari Hiramatsu BY LINQWEB https://linqweb.com
Tags: 
Version: 0.6.0
*/

/*画面幅設定*/
.vk_outer_container {
  max-width: 1080px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/*フォント設定*/

body{color:#555555;}
p{color:#555555;font-family: 'Yu Gothic', '游ゴシック', 'Noto Sans JP', sans-serif;font-weight: 300}
/* ✅ 修正①：clamp() の最小値・最大値が逆転していたため修正（20px→18px, 18px→28px） */
h2 {font-family: 'Yu Gothic', '游ゴシック', 'Noto Sans JP', sans-serif;font-size: clamp(18px, 1.3vw + 15.2px, 28px);}
h3 {font-family: 'Yu Gothic', '游ゴシック', 'Noto Sans JP', sans-serif;font-size: clamp(14px, 1.3vw + 15.2px, 18px);}
.color-title{font-family: 'Urbanist', sans-serif;font-size: clamp(20px, 1.3vw + 15.2px, 50px);line-height: 1.1;}
 @media (max-width: 768px) { .color-title{font-size: 27px !important;}}

@media screen and (max-width: 768px) {
  .vk_custom_css_1 {
    line-height: 1.2 !important;
  }
}

/* pc時の右端固定追従ボタン */
.fixed-side-btns {
  position: fixed;
  top: 8%;
  right: 0;
  z-index: 9999;
}

.fixed-side-btns ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fixed-side-btns li {
  margin-bottom: 8px;
  text-align: right;
}


.fixed-side-btns img {
  display: block;
  width: 155px;
  height: auto;
 margin-left: auto;
  transition: opacity 0.3s ease;
}

.fixed-side-btns li.half img {
    width: 30%;
    display: block;
    margin-left: auto;
}


.fixed-side-btns a:hover img {
  opacity: 0.8;
}

/* スマホでは非表示（任意） */
@media (max-width: 768px) {
  .fixed-side-btns {
    display: none;
  }
}


@media (max-width: 768px) {
  .footerFloatingMenu {
    display: flex !important;
  }
}

/*--------------------------------------
上に戻るボタン
-----------------------------------*/
.page_top_btn {
  bottom: 10%;
  border: 1px solid #ffffff;
  border-radius: 50px;
  background-color: #89dfe9;
  box-shadow: none !important;
}
/*----------------------------------
モバイルメニュー
-----------------------------*/
div#vk-mobile-nav {
    background-color: #89dfe9;
}

/*------------------------------------*/
/* フッターフローティングボタン (隙間なしタイプ） */
/*----------------------------------*/

/* フローティングメニュー全体のスタイル */
.footerFloatingMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999;
}

div#footerFloatingMenu {
    padding-bottom: 0px !important;
}

/* リンク共通のスタイル（ボタン風ではない） */
.footerFloatingMenu__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: bold;
  width: 20%;
  height: auto; /* 固定の高さ */
  transition: all 0.3s ease;
}

/* アイコンのスタイル */
.footerFloatingMenu__btn i {
  margin-right: 8px;
  font-size: 1.5em;
  color: #ffffff;
}

/* フローティングメニューの画像はみ出し防止 */
#footerFloatingMenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 8px 0; /* ←上下に余白をつけることで切れなくなる */
  background: rgba(255, 255, 255, 0.95);
  z-index: 9999;
  overflow: visible; /* ←はみ出しカット防止 */
}

/* 横並びを安定させる */
#footerFloatingMenu ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 画像サイズ調整（はみ出さない高さ） */
#footerFloatingMenu ul li a img {
  max-height: 58px; /* ←画像の高さを揃えて切れ防止 */
  height: auto;
  width: auto;
  display: block;
}


/* スマホ以外では非表示にする */
#footerFloatingMenu {
  display: none;
}

@media screen and (max-width: 768px) {
  #footerFloatingMenu {
    display: block;
  }
}

.container.site-footer-content {
    padding-top: 20px !important;
}


/*-------------------------------------------
投稿　次へ　前へカスタマイズ
----------------------------------------*/
.next-prev-prev.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-start;
}

.next-prev-prev.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f053";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
left: 1rem;
}

.next-prev-prev.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 1.0rem 1.5rem 3.5rem;
}

.next-prev-next.card-horizontal .card-body {
display: flex;
padding: 0;
align-items: center;
justify-content: flex-end;
}

.next-prev-next.card-horizontal .card-body:before {
font-family: "Font Awesome 5 Free";
content: "\f054";
font-weight: bold;
position: absolute;
font-size: 3rem;
color: rgba(0,0,0,0.1);
top: calc(50% - 1.5rem);
right: 1rem;
}

.next-prev-next.card-horizontal.vk_post .card-body .vk_post_title a {
display: block;
padding: 1.5rem 3.5rem 1.5rem 1.0rem;
}


/*==========================
ヘッダー設定
=========================*/

/*HeaderTop*/
p.header-top-description {
    color: #33A8E8;
    font-weight: 600;
}
/*TOPページ以外での設定*/
body:not(.home) .header-top-description {
  color: #47B9E3;
}
body:not(.home) .site-header-logo img {
    content: url('../../uploads/2026/03/header-rogo2.png');
}
/*グローバルメニューカスタマイズ*/
.global-nav-list>li:before {
    border-bottom:0px!important;
}
.global-nav-list > li:hover > a {
    color: #47B9E3 !important;
}
ul#menu-\%e3\%83\%98\%e3\%83\%83\%e3\%83\%80\%e3\%83\%bc\%e3\%83\%88\%e3\%83\%83\%e3\%83\%97\%e3\%83\%8a\%e3\%83\%93 {
    margin-top: 0px;
}
/*オンラインショップ*/
li#menu-item-697 {
    background-color: #ffffff;
    border-radius: 0px 0px 18px 18px;
    margin-right:8px;
   border:1px solid #FD7501;
}
#menu-item-697 a {
    display: block;
    text-indent: -9999px;
    background-image: url('../../uploads/2026/03/header-shop-b.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 140px; 
    height: 45px; 
}
/*問い合わせ*/
li#menu-item-696 {
      background-color: #ffffff;
     border-radius: 0px 0px 15px 15px;
 　  margin-top:5px;
    margin-right:5px;
   border:1px solid #47B9E3;
}
#menu-item-696 a {
    display: block;
    text-indent: -9999px;
    background-image: url('../../uploads/2026/03/header_contact_b.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 160px; 
    height: 50px; 
}
/*フォント色とweight設定*/
strong.global-nav-name {
    font-weight: 300;
    color: #333333;
}

/* ✅ 修正②：); の後ろに !important; が孤立していたため、background プロパティ内に移動 */
.global-nav-list .menu-item a:hover,
.global-nav-list .menu-item a:hover .global-nav-name,
.global-nav-list .sub-menu .menu-item a:hover {
    color: #70D8E4 !important;
    background: radial-gradient(ellipse at center,
    rgba(255,255,255,0.6)  0%,
    rgba(255,255,255,0.2) 60%,
    rgba(255,255,255,0)  100%
) !important;

/* 文字自体の発光感 */
text-shadow: 0 0 8px rgba(255,255,255,0.9),
             0 0 16px rgba(255,255,255,0.6);
}

/* ─────────────────────────────────────────
   サブメニュー ホバースタイル
───────────────────────────────────────── */
.global-nav-list .sub-menu .menu-item a:hover {
  background: #ffffff !important;
  border: 1px solid #70D8E4 !important;
  color: #70D8E4 !important;
  text-shadow: none !important;
}


/*==========================
ボタン設定
==========================*/
/*ブルー枠、背景白ボタン*/
.salon_b {
    border: 1px solid #fc8b2d !important;
}
.dairiten_b .vk_button_link {
    background-color: #ffffff !important;
}
.dairiten_b .vk_button_link:hover {
  background-color: #41d2ed !important;
  color: #ffffff !important;
}


/*==========================
TOPページー設定
=========================*/


/*------------------
 台所洗剤にも・洗顔にも・・・ 
 ------------------*/
@media (min-width: 768px) {
  h3.awa_copy {
    top: 66px;
    left: 120px;
  }
}


/*-------------------------
*私たちが大切にしていること
------------------------*/
.about-us-title{font-size: clamp(20px, 1.3vw + 15.2px, 32px);}
.about-us-sub-title{font-size: clamp(20px, 1.3vw + 15.2px, 32px);}
@media (max-width: 767px) {
 p.about-us-txt {
        background-color: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        padding: 15px;
        border-radius: 4px;
    }
}

/*----------------------
Solution Guide
お悩み・目的別おすすめ商品
----------------------*/
.solution_link {
    border-bottom: 1px solid #ffffff !important;
    padding-bottom: 10px !important;
}
.vk_gridcolcard_item_body.solution_card,
.vk_gridcolcard_item_body.solution_card .vk_outer {
    min-height: 360px;
}
.vk_gridcolcard_item_body.solution_card2,
.vk_gridcolcard_item_body.solution_card2 .vk_outer {
min-height: 445px;
}

/*--------------------------
ご購入・相談窓口
--------------------------*/
.soudan-title{font-size: clamp(1.25rem, 1.3vw + 0.95rem, 2rem);
text-align:center;}

.soudan-sub-title{font-size: clamp(20px, 1.3vw + 15.2px, 32px);}


@media (max-width: 767px) {
    .soudan-title,
    .soudan-sub-title {
        text-shadow: 1px 1px 6px rgba(255, 255, 255, 1),
                     0px 0px 10px rgba(255, 255, 255, 0.8);
    }
}
 @media (max-width: 768px) { 
  .soudan-title{
      font-size: 27px !important;}
    }

/* ✅ 修正③：余分な } を削除 */
.soudan-txt {
    background-color: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 15px;
    border-radius: 4px;
}


/*----------------------
販売代理店募集
----------------------*/

/*ブルータイトル行間*/
.sales-agents-title {
  line-height: 1.1;
}

@media (max-width: 767px) {
.sales-agents-sub-title  {
        text-shadow: 1px 1px 6px rgba(255, 255, 255, 1),
                     0px 0px 10px rgba(255, 255, 255, 0.8);
    }
.sales-agents-sub-txt  {
        background-color: rgba(255, 255, 255, 0.4);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        padding: 15px;
        border-radius: 4px;
    }
}


/* カラム自体を stretch させる */
.wp-block-columns:has(.cta_card) {
  align-items: stretch;
}

.wp-block-columns:has(.cta_card) .wp-block-column {
  display: flex;
  flex-direction: column;
}


/*----------------------------------
CTA
--------------------------------*/
/* cta_card を縦いっぱいに広げる */
.cta_card {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/*CTAタイト®背景色*/
.cta-card-title-green strong {
  display: inline-block;
  background-color: rgba(23, 171, 87, 0.2);
  padding: 0.2em 0.6em;
  border-radius: 50px;
  box-shadow: 0 0 15px 8px rgba(23, 171, 87, 0.2);
}
.cta-card-title-orange strong {
  display: inline-block;
  background-color: rgba(252, 139, 45, 0.2);
  padding: 0.2em 0.6em;
  border-radius: 50px;
  box-shadow: 0 0 15px 8px rgba(252, 139, 45, 0.2);
}
.cta-card-title-blue strong {
  display: inline-block;
  background-color: rgba(107, 215, 229, 0.35);
  padding: 0.2em 0.6em;
  border-radius: 50px;
  box-shadow: 0 0 15px 8px rgba(107, 215, 229, 0.35);
}
/*CTAタイトル*/
.cta-title{font-size: clamp(18px, 1.3vw + 13.2px, 32px);}

/*--------------------------
Q＆Ａ
------------------------------*/
.vk_faq_title {
    color: #3CACC3!important;
}
.vk_faq_title p {
    color: #3CACC3;
}
.vk_faq .vk_faq_title:before {
    content: "Q";
    color: #3CACC3;
    font-weight: 500;
}
.vk_faq .vk_faq_content:before {
    content: "A";
    color: #337ab7;
}
/*#############################
商品ページ
#############################*/
.product-price {
    font-family: 'Cormorant Garamond', serif;
    font-size: 28px;
    font-weight: 400;
    color: var(--text-dark);
    letter-spacing: 0.04em;
}
@media (max-width: 768px) {
    .product_card {
        padding: 15px;
    }
}
@media (max-width: 768px) {
    .product_b .vk_button_link {
        white-space: nowrap;
        width: auto;
    }
}
/*お客様の声*/
span.cv-card-series {
    display: inline-block;
    margin-right: 20px;
    margin-top: 10px;
    background-color: #6BD7E4;
    border-radius: 20px;
    padding: 5px 5px;
    color: #ffffff;
    font-weight: 500;
    font-size: 0.8rem;
}

/* ============================================================
   ブログ・通常投稿：h1 / h2 / h3 / 
============================================================ */
/* ページタイトル（entry-title） */
.post-type-archive-blog h1.entry-title,
.single-blog h1.entry-title,
.blog h1.entry-title,
.single-post h1.entry-title,
.category h1.entry-title,
.tag h1.entry-title {
    position: relative;
    font-family: 'Zen Kaku Gothic New', sans-serif !important;
    font-weight: 500;
    font-size: 1.75rem;
    color: #0693E3;
    line-height: 1.7857;
    padding: 0.5em;
}

/* h2 */
.post-type-archive-blog h2,
.single-blog h2,
.blog h2,
.single-post h2,
.category h2,
.tag h2 {
    position: relative;
    font-family: 'Zen Kaku Gothic New', sans-serif !important;
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.7857;
    padding: 0.5em;
    border-left: solid 6px #0693E3;
    background: #edf7fe;
    border-radius: 5px;
}


/* h3 */
.post-type-archive-blog h3,
.single-blog h3,
.blog h3,
.single-post h3,
.category h3,
.tag h3 {
    font-family: 'Zen Kaku Gothic New', sans-serif !important;
    font-size: 1.375rem;
    padding-bottom: 8px;
    border-bottom: dotted 6px #0693E3;
    border-radius: 5px;
}
span.vcard.author {
    display: none;
}