/* ********************************************* */
/* 各種レイアウト調整用 */
/* ********************************************* */
/* WooCommerceページで Cocoon の no-sidebar を強制解除 */
body.woocommerce .sidebar {
    display: block !important;
}

/* レイアウト調整（任意） */
body.woocommerce .sidebar {
    float: right;
    width: 300px;
    padding: 15px;
    background: #f8f8f8;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
}

body.woocommerce .main {
    float: left;
    width: calc(100% - 320px);
}

/* ログインブロック */
.woocommerce .woocommerce-form.woocommerce-form-login.login{
    max-width: 640px;
}

/* WooCommerceページで2カラムレイアウトに強制 */
body.woocommerce .content-in {
    display: flex;
    flex-wrap: nowrap;
}
  
/* メインコンテンツ */
body.woocommerce #main {
    width: 70%;
    order: 1;
    padding: 20px 29px !important;
}

/* サイドバー */
body.woocommerce #sidebar {
width: 30%;
padding-left: 20px;
box-sizing: border-box;
order: 2;
display: block !important; /* 念のため Cocoonの非表示解除 */
}

#content-in.wrap {
    padding: 0px 10px;
    width: 100%;
    max-width: 1360px;
}

/* ========== 各種非表示 ========== */
/* 請求先住所を非表示にする(注文完了画面) */
.woocommerce-customer-details .woocommerce-columns--addresses {
    display: none !important;
}
/* 配送先住所を非表示にする(注文完了画面) */
.woocommerce-customer-details .woocommerce-column--shipping-address {
    display: none !important;
}
/* 標準のカードボタンを非表示にする(注文完了画面) */
.woocommerce ul.products li.product .button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
    display: none;
}
/* チェックアウト画面　請求先情報の詳細カラム、別の住所へ配送カラム */
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce-shipping-fields{
    display: none;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left !important;
    width: 100% !important;
}
#payment .wc_payment_methods.payment_methods.methods{
    display: none !important;
}
/* カートページ内の送料、配送料関係ブロック */
.wp-block-woocommerce-cart-order-summary-shipping-block.wc-block-components-totals-wrapper{
    display: none;
}
/* カートが空の場合のレイアウト */
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before{
    display: none !important;
}
/* 新登場見出し */
.article .wp-block-woocommerce-empty-cart-block #toc3 {
    display: none;
}
/* 新登場ブロック */
.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new{
    display: none;
}
/* サイト内検索 */
#search-2{
    display: none;
}
/* パスワードリセットブロック */
.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row{
    display: none;
}
/* 注文確定前メモ */
/* #order_comments_field {
    display: none;
} */


/* ========== レスポンシブ対応（標準上書き） ========== */
@media screen and (max-width: 1280px) {
    #content-in.wrap {
        width: 100%;
    }
}

/* ========== レスポンシブ対応（モバイル/タブレット） ========== */
@media screen and (max-width: 768px) {
    /* メインとサイドバーを縦並びに切り替え */
    body.woocommerce .content-in {
      flex-direction: column;
    }
  
    body.woocommerce #main,
    body.woocommerce #sidebar {
      width: 100%;
      float: none;
      padding: 0;
    }
  
    body.woocommerce #sidebar {
      margin-top: 20px;
      border-left: none;
      border-top: 1px solid #ccc;
    }
}

/* ********************************************* */
/* 各種スタイル調整用 */
/* ********************************************* */
/* カテゴリ見出し */
.woocommerce .term-description{
  font-weight: bold;
  border-bottom: 1px solid gray; 
}
/* カテゴリ見出し インナー*/
.woocommerce .term-description p{
    margin-bottom: 0.6em;
}

/* カートボタン */
.woocommerce button.button.alt,
.woocommerce a.button,
.wc-block-cart .wc-block-cart__submit-container a{
    background-color: #292955 !important;
    color: aliceblue !important;
}

/* 商品一覧各商品見出し */
.woocommerce .article h2{
    border-left: none;
    line-height: 1.1;
}
.woocommerce .article h2 span{
    border: none !important;
}
/* 関連商品一覧 */
.article h2.woocommerce-loop-product__title span{
    border-bottom: none;
}
/* 金額カートボタンブロック */
.woocommerce .custom-add-to-cart-form{
    text-align: center;
}
/* 個数フォーム外枠 */
.woocommerce .custom-add-to-cart-form .input-bumber{
    width: 100%;
    display: block;
    text-align: right;
}
/* 個数フォーム */
.woocommerce .custom-add-to-cart-form input[type="number"]{
    width: 60px;
    padding: 6px;
    margin-right: 6px;
}
.woocommerce .quantity input[type="number"].qty {
    height: 41px;
    padding: 3px;
}
/* 金額 */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #cb0000 !important;
    text-align: right;
    margin-right: 10px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price{
    color: #cb0000 !important;
    text-align: left;
    font-size: 1.4em !important;;
    margin-right: 10px;
}

/* サイドバー 見出し*/
.woocommerce .sidebar h2,
.woocommerce .sidebar h3 {
    background-color: #359dcc;
    color: #dcefff !important;
    padding: 10px;
    padding: 10px;
    margin-top: 6px;
    margin-right: 6px;
}
/* サイドバー ブロック*/
body.woocommerce #content-in .sidebar {
    background: #eff4f7;
    border: 1px solid #dddddd;
}
/* サイドバー アーカイブ、カテゴリー*/
body.woocommerce #content-in .sidebar .sidebar-scroll{
    display: none;
}
/* サイドバー 内カートボタンブロック*/
.woocommerce-mini-cart__buttons.buttons{
    margin-top: 20px;
}

/* カートページ */
/* カートページ購入手続きに進むリンク(ボタン) */
.wc-block-cart .wc-block-cart__submit-container a{
    margin-top: 18px;
}
/* カートが空 */
.article .wp-block-woocommerce-empty-cart-block h2 span {
    position: static;
}
.article .wp-block-woocommerce-empty-cart-block h2 {
    position: relative;
    height: 49px;
    padding: 10px;
    font-size: calc(23px + 4*(100vw - 320px) / 680);
    font-weight: 100;
    background-color: transparent;
    color: #585858;
    line-height: 0.7;
    border-left: none;
}

/* サイドバー検索input */
.woocommerce-product-search input[type="search"] {
    width: 80%;
    margin-top: 4px;
}
/* サイドバー検索 ボタン */
.woocommerce-product-search button {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    position: relative;
    width: 2em;
    height: 2em;
    padding: 0;
    color: transparent;      /* テキストを透明に */
    overflow: hidden;        /* はみ出たテキストを隠す */
}
.woocommerce-product-search button::before {
    content: '🔍';
    font-size: 20px;
    display: block;
    text-align: center;
    color: #333; /* アイコンの色 */
    top: 8px;
    left: 10px;
    position: absolute;
}

/* 注文確定画面 */
.woocommerce-order-delivery-timing {
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 1em;
    border-radius: 4px;
}
.woocommerce-order-delivery-timing h2 {
    margin-top: 0;
    font-size: 1.2em;
}
.article h2.woocommerce-loop-product__title{
    min-height: 98px;
    height: auto;
    overflow-wrap: break-word;
}

.woocommerce-pagination ul.page-numbers{
    width: inherit;
}

/* サイズ調整 */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    overflow: hidden; /* はみ出た部分を隠す */
    text-overflow: ellipsis; /* 必要ならテキスト末尾に「…」をつける */
    white-space: normal; /* 折り返しを許可する */
    word-break: break-word; /* 長い単語も強制改行 */
}
@media screen and (max-width: 1060px) {
    /* メニュー重なり防止 */
    .article h2.woocommerce-loop-product__title {
        font-size: 0.9em !important;
    }
}