/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}



/*--------------------------------------------------
以下、リアライズ追加
--------------------------------------------------*/
/* テーブルを横スクロール */
table {
  width: 100%;
 }
 
 /*tableをスクロールさせる*/
 /*tableのセル内にある文字の折り返しを禁止*/
 .scroll {
  overflow: auto;
  white-space: nowrap;
 }
 
 /*tableにスクロールバーを追加*/
 .scroll::-webkit-scrollbar {
  height: 5px;
 }
 
 /*tableにスクロールバーを追加*/
 .scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
 }
 
 /*tableにスクロールバーを追加*/
 .scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
 }
 
 /*投稿-を消す*/
 
 .box-text-inner .is-divider {
   display: none;
 }
 
 .is-xxsmall {
     font-size:1em
 }
 
 /*VK*/
 .vkfs input[type=checkbox]{
   background:none;
   margin-top 0;
 }
 
 .vkfs__level-0{
    font-size:0.8em;
   padding:0;
 }
 
 .vkfs__label-name{
 visibility: hidden;	
   height:0;
 }
 
 .container section-title-container{
 margin:0;
   padding:0;
   
 }
 
 .section-title-main{
 margin:0 0 0 0 ;
 padding:0 0 0 0;
 }
 .wp-block-vk-filter-search-pro-filter-search-pro{
 margin: 0 20px 0 20px ;
 padding 0 0 0 0;
 }
 
 .wp-block-columns{
   margin-bottom:0;
   
 }

 /* 特定カテゴリ以外の商品のカートボタンを非表示にする */
.hide_add_to_cart .buttons_added,
.hide_add_to_cart .single_add_to_cart_button,
.hide_add_to_cart .product-type-simple .add_to_cart_button {
    display: none !important;
}

/* カートボタンを囲みごと削除 */
.hide_add_to_cart .my_cart_btnList .my_cart_btnList_item.-cart_buy,
.hide_add_to_cart .my_cart_btnList form.cart {
  display: none !important;
}


/* 関連商品の矢印の背景色をなくす */
@media screen and (max-width: 849px){
  #main .wt-related-products .owl-theme .owl-nav [class*=owl-],
  #main .wt-related-products .owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent !important;
  }
}

/* 商品詳細ページボタン（お店へ行く、オンラインストアで購入、Amazon.co.jp） */
.my_cart_btnList {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 1.3em 0;

  .my_cart_btnList_item {
    width: 100%;
    max-width: 350px;
  }

  .my_cart_btnList_item_link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    height: 50px;
    border: 1px solid #222;
  }
  
  .my_cart_btnList_item_link.-disabled {
    pointer-events: none;
    background: #429b9a;
    color: #fff;
    border: none;
  }

  .my_cart_btnList_item.-store_buy {
    .my_cart_btnList_item_popTxt {
      text-align: center;
      display: grid;
      grid-template-columns: auto 1fr auto;
      font-size: 90%;
      justify-self: center;
      align-items: center;
      gap: 10px;
      margin-bottom: 5px;
    }
    .my_cart_btnList_item_popTxt::before,
    .my_cart_btnList_item_popTxt::after {
      display: block;
      content: "";
      background: #222;
      width: 1px;
      height: 70%;
    }
    .my_cart_btnList_item_popTxt::before {
      transform: rotate(-20deg);
    }
    .my_cart_btnList_item_popTxt::after {
      transform: rotate(20deg);
    }

    .my_cart_btnList_item_link {
      background-color: #ffff00;
      color: #000;
      border: none;
    }
  }
  .my_cart_btnList_item.-amazon_buy {
    .my_cart_btnList_item_link {

    }
  }

  form.cart {
    /* width: auto; */
    margin-bottom: 0;
    max-width: 350px;
  }

  .my_cart_btnList_item.-cart_buy {
    .my_cart_btnList_item_cart_buy {
      display: grid;
      grid-template-columns: auto 1fr;
      min-height: 50px;
      gap: 10px;

      .ux-quantity__button {
        border-radius: 0;
      }

      .input-text.qty {
        height: auto;
      }
  
      .single_add_to_cart_button {
        border-radius: 0;
        background: #429b9a;
        color: #fff;
        /* border: 1px solid #222; */
        border: none;
        box-shadow: none;
        height: 100%;
        margin: 0;
        line-height: 1.5;
        padding: 10px 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-weight: normal;

        span {
          font-size: 70%;
        }
      }
  
    }
  }
}

/* 商品詳細ページの元ボタンを削除（お店へ行く、オンラインストアで購入、Amazon.co.jp） */
.product-footer {
  #store_buy,#b2c_buy,#amazon_buy {
    display: none !important;
  }  
}

@media screen and (min-width: 850px){
  .my_cart_btnList {
    align-items: center;
    
    .my_cart_btnList_item_link,
    .button {
      transition: .3s;
    }

    .my_cart_btnList_item_link:hover,
    .button:hover {
      opacity: .7;
    }
  }
}

/* 商品一覧ページの在庫切れ表示を非表示にする。 */
.box-image .out-of-stock-label {
  display: none;
}

/* 商品一覧ページ、カテゴリー一覧ページではカートに入れるボタンを非表示にする。 */
.archive .category-page-row .add-to-cart-button {
  display: none !important;
}

/* 商品詳細の「在庫あり」、「在庫切れ」テキストを非表示にする */
.product .stock {
  display: none;
}

/* 通貨単位を下ぞろえ */
.product-summary .woocommerce-Price-currencySymbol {
  vertical-align: bottom;
}

/* フッターリンク リンク先がないときのクリックイベントをなしに */
a:not([href]) {
  pointer-events: none;
}


.button.ajax_add_to_cart, 
.button.product_type_simple,
.button.product_type_variable,
.button.add_to_cart_button {
  display: none !important;
}

/* カテゴリーが増えたときはこちらにも追記 */
.category-muc-off {
  .button.ajax_add_to_cart {
    display: inline-block !important;
  }
}


/*--------------------------------------------------
カートページ
--------------------------------------------------*/
/* カートページのポイント入力欄を調整 */
.cart-wrapper {
  .wps_wpr_apply_custom_points {
    margin-bottom: 1em;

    .wps_cart_points_apply {
      margin-bottom: 0 !important;
    }
  }
}

.woocommerce {
  /* カートページの「注文してポイントを獲得してください。」のテキストを非表示にする */
  #wps_wpr_order_notice {
    display: none;
  }
}

.cart_totals,
.checkout {
  .woocommerce-shipping-methods {
    margin-bottom: 0;
  }
  
  .woocommerce-shipping-methods_note {
    font-size: .9em;
  }
}

.cart_totals {
  .woocommerce-shipping-methods_note {
    margin-bottom: 1.3em;
  }
}

/*--------------------------------------------------
支払いページ
--------------------------------------------------*/
/* 支払いページのアパート名などのラベルを表示 */
#billing_address_2_field>label,
#shipping_address_2_field>label {
  opacity: 1;
  overflow: visible;
  width: auto;
  display: block;

  .optional {
    display: none;
  }
}

/* amazonアカウントをお持ちですか？のボタン位置を調整 */
.woocommerce-checkout {
  .wc-amazon-payments-advanced-populated {
    margin-bottom: .5em;

    .wc-amazon-payments-advanced-info {
      display: flex;
      gap: 10px 20px;
      align-items: center;
    }

    #pay_with_amazon {
      order: 2;
      margin: 0;
    }
  }
}
@media (max-width: 849px) {
  .woocommerce-checkout {
    .wc-amazon-payments-advanced-populated {
      .wc-amazon-payments-advanced-info {
        flex-direction: column;
      }
    }
  }
}

/* リンクテキストに下線を表示 */
.woocommerce-checkout {
  .woocommerce-terms-and-conditions-checkbox-text,
  .woocommerce-privacy-policy-text {
    a {
      text-decoration: underline;
      color: #429b9a;
      transition: .3s;
    }
  }
}
@media screen and (min-width: 850px){
  .woocommerce-checkout {
    .woocommerce-terms-and-conditions-checkbox-text,
    .woocommerce-privacy-policy-text {
      a:hover {
        opacity: .7;
      }
    }
  }
}

/* amazonpay決済画面 */
@media (min-width: 850px) {
  .wc-amazon-payments-advanced-populated {
    .col2-set {
      flex-direction: column;
    }
    
    .col2-set>div+div,.u-columns>div+div {
      padding-left: 0;
    }
  }
}

/* カスタムメニュー内の子メニューを常に表示する */
.widget_nav_menu .sub-menu {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 開閉矢印がある場合は開いている風に見せる */
.widget_nav_menu .menu-item-has-children > a::after {
  transform: rotate(90deg);
}


/* ヘッダーのブランドメニューの動作を強制的に修正 */
@media screen and (max-width: 849px){
  /* スクロールさせない */
    body:has(.menu-item .nav-top-link[aria-expanded="true"]) {
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
  }
}

.menu-item .nav-top-link {
  pointer-events: auto;/* click出来るように */
}


/* 応急処置（ヘッダーメニューが多すぎて２段になってしまうためのを防ぐため） */
@media screen and (min-width: 850px){
  .wide-nav {
    font-size: 85%;

    .nav-right {
      min-width: 150px;
    }
  }
}

/* 支払いページいつまでの注文でいつに届くか */
.order_review_shipping_note {
	font-size: 90%;
	color: #b20000;
}

/* あと〇〇で送料無料表示の調整 */
/* ミニカート */
.mini_cart_free-shipping-message {
	text-align: right;
	@media screen and (min-width: 850px){
		font-size: 13px;
	}
	strong {
		font-size: 110%;
	}
}

/* 20250806注文完了画面 Amazon Pay */
/* 上部メッセージ */
.my_amazonPay_msg {
  line-height: 1.8;
  padding: 0 15px;

  a {
    text-decoration: underline;
  }
}


/* 下部メッセージ */
.my_amazonPay_btmMsg {
  padding: 0 15px;

  .my_amazonPay_btmMsg_em {
    font-size: 110%;

    strong {
      font-weight: bold !important;
    }
  }

  .my_amazonPay_btmMsg_em.-red {
    color: #b20000;
  }

  .my_amazonPay_btmMsg_list {
    list-style: none;

    li {
      display: flex;
    }

    li::before {
      content: "・";
    }
  }

}

/* 20250820 LINEログイン */
.line_register_note {
  text-align: left;
  font-size: 90%;
}

/* 20250822 支払いページ ボタンの下に利用規約のリンク追加 */
.my_woocommerce_checkout_terms {
  font-size: 85%;

  a {
    text-decoration: underline;
    color: #429b9a;
  }
}


/* マーケットプレイス商品のときタブを削除 */
.woocommerce-tabs:has(.wcfm_product_multivendor_tab_tab) {
  display: none;
}

/* マーケットプレイス商品のストア名を非表示 */
.product-small .wcfmmp_sold_by_container {/* 商品一覧 */
  display: none;
}
.wcfmmp_sold_by_container_advanced {/* 商品詳細 */
  display: none;
}


/* mailpoetページに表示されるカテゴリ表示を非表示にする */
.single-mailpoet_page {
  footer.entry-meta {
    display: none;
  }
}