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

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

/* オークション */
button.single_add_to_cart_button .amount {
    color: #fff;
    font-size: 1.2em !important;
}

/* 目次 */
#table-of-contents {
    margin-bottom: 20px;
}

/* ページ背景に合わせた色に変更・モバイル下部白線除去 */
html, body, #page {
  background-color: #000!important;
}

/* WooCommerceの編集フォームを縦並びで整える */
.woocommerce-MyAccount-content form.edit-account .form-row {
    width: 100% !important;
    float: none !important;
    clear: both;
}
/* woo注文画面 */
.order-product-name .checkout-thumb {
  display: block;
}

.woocommerce-cart .cart_item .variation,
.woocommerce-cart .cart_item .variation dt,
.woocommerce-cart .cart_item .variation dd,
.woocommerce-cart .cart_item .variation dd p,
.woocommerce-checkout-review-order-table .variation dt,
.woocommerce-checkout-review-order-table .variation dd,
.woocommerce-checkout-review-order-table .variation dd p {
  font-size: .8em !important;
  line-height: 1.4;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-checkout-review-order-table .variation {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3px;
  row-gap: 0;
  align-items: center;
}

.woocommerce-checkout-review-order-table .variation dt::after {
  content:""; /* 「サイズ:」の「:」を消したいならここで調整 */
  margin-right:0px;
}

/*wooマイアカウントページメニュー*/
.woocommerce-MyAccount-navigation ul li a {
  font-size: 1em !important;
    padding: 15px 0;
}

/*wooマイアカウントページいいね！一覧*/
.like-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.like-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ddd;
    transition: background 0.2s;
}

.like-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.like-content {
    overflow: hidden;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.like-thumb {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 15px;
}

.like-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.like-title {
    font-size: 15px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    box-sizing: border-box;
}

.like-price {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
    display: block;
    max-width: 100%;
    box-sizing: border-box;
}

.remove-like-btn {
    background-color: #333;
    color: #fff;
    padding: 0px 10px;
    margin: 0 0 0 5px;
    align-self: center;
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    word-break: break-word;
}

.load-more-liked{
    margin-top: 20px;
}

/*いいね！*/
.like-button .like-icon path {
    fill: #ccc; /* 初期のグレー色 */
    transition: fill 0.3s ease;
}
.like-button.liked .like-icon path {
    fill: #7a1f1f; /* いいね！されたときの赤色 */
}
.like-button {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.like-count {
font-size: 15px;
margin-left: 7px;
user-select: none;
}
/* woo著者ボックス */
.author-avatar img,.blog-author-image{border-radius:50%;height:70px;width:70px;object-fit:cover;display:block}
/* 著者ボックス */
.p-author-avatar img{border-radius:50%;height:100px;width:100px;object-fit:cover}.author-box{margin:0 auto;max-width:600px;padding-top:2rem}.author-social-icons a{margin:0 .5em;display:inline-block}
/*クラファン*/
.cfp{font-size:15px;font-weight:700;margin-top:.5em;margin-bottom:5px}.scfd{font-size:30px;font-weight:700}.box-text .cfp{font-size:12px;font-weight:700;margin-top:.5em}.cfd{font-size:18px;font-weight:700}
/*カート表示*/
.cart-icon {
  display: inline-block;
  padding-top: 5px;       /* 取っ手分の上余白 */
  white-space: nowrap;    /* 改行禁止 */
  overflow: hidden;       /* はみ出しは隠す */
  text-overflow: ellipsis;/* はみ出たら「…」で省略 */
}

/*カート内・注文一覧整形*/
@media (max-width: 1099px) {
  td.product-name > a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: 2.8em;
  }
}

/*ブログウィジェットアイキャッチサイズ*/
.widget.flatsome_recent_posts .badge {
width: 5.5em;
height: 5.5em;
}

/*ダークモードのタブアクティブ＆ホバー状態*/
/*ダークモードのアイコン色*/
body.dark-mode .cart-icon strong,body.dark-mode .cart-icon strong:after
 {
    border: 2px solid #fff;
		 color: #fff;
}

body.dark-mode .cart-item.has-icon .cart-icon {
  color: #ddd;
}

/*ダークモードのホバー時*/
body.dark-mode .cart-item.has-icon .cart-icon:hover {
  color: #fff;
}
/*ダークモード全般*/
body.dark-mode .flatsome-product-list-item,body.dark-mode .woocommerce-Tabs-panel--description .custom-product-layout .right-column, body.dark-mode .custom-product-layout .left-column h2,body.dark-mode .custom-product-layout .left-column h3,body.dark-mode .custom-product-layout .left-column h4{
  border-color:#ffffff!important;
}
body.dark-mode .accordions summary{
  color:#ffffff!important;
}
.toggle-mode{height:7px;padding:0;margin:0}body.dark-mode .ux-swatch--label.disabled{background: linear-gradient(to top left, transparent calc(50% - .031rem), #fff, transparent calc(50% + .031rem))}body.dark-mode .flatsome-nav .nav-dropdown-has-arrow li.has-dropdown:hover::after,body.dark-mode .flatsome-nav .nav-dropdown-has-arrow li.has-dropdown:hover::before{border-color:transparent transparent #333 transparent!important}body.dark-mode .flatsome-nav .nav-dropdown-has-arrow li.has-dropdown:hover{background-color:#444!important}body.dark-mode .flatsome-nav .nav-dropdown-has-arrow li.has-dropdown:hover>a,body.dark-mode .wpcf7,body.dark-mode .icon-box-title{color:#fff!important}#dark-mode-toggle{transition:fill 0.3s ease;cursor:pointer}body.dark-mode .badge.post-date.badge-outline{background-color:rgba(255,255,255,10)!important}body.dark-mode svg,body.dark-mode .icon-box-img svg path{fill:#ffffff!important}body svg{fill:#000}body{background-color:#fff;color:#000}body.dark-mode{background-color:#121212!important;color:#ffffff!important}body{background-color:#fff;color:#000}body.dark-mode,body.dark-mode .flatsome-cookies,body.dark-mode .off-canvas-left .mfp-content,body.dark-mode .off-canvas-right .mfp-content{background-color:#121212!important;color:#ffffff!important}h1,h2,h3,h4,h5,h6,.heading-font{color:#000}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode .heading-font,body.dark-mode .select-resize-ghost,body.dark-mode .select2-container .select2-choice,body.dark-mode .select2-container .select2-selection,body.dark-mode .header-main .nav>li>a{color:#ffffff!important}body.dark-mode #main,body.dark-mode #wrapper{background-color:#121212!important;color:#ffffff!important}body.dark-mode header,body.dark-mode footer,body.dark-mode nav,body.dark-mode .header,body.dark-mode .footer,body.dark-mode .main-header,body.dark-mode .header-main,body.dark-mode .absolute-footer,body.dark-mode .sticky-mobile-menu{background-color:#121212!important;color:#ffffff!important}body.dark-mode .content,body.dark-mode .post,body.dark-mode .card{background-color:#121212!important;color:#ffffff!important}body.dark-mode a{color:#00bcd4!important}body.dark-mode .nav-box>li.active>a,body.dark-mode .nav-pills>li.active>a,body.dark-mode .is-form,body.dark-mode .button,body.dark-mode input[type=button].button,body.dark-mode input[type=reset].button,body.dark-mode input[type=submit],body.dark-mode input[type=submit].button{background-color:#fff!important;color:#121212!important}body.dark-mode .button.alt,body.dark-mode .button.checkout,body.dark-mode .checkout-button,body.dark-mode .secondary,body.dark-mode .current .breadcrumb-step,body.dark-mode [data-icon-label]:after,body.dark-mode .button#place_order,body.dark-mode .button.checkout,body.dark-mode .checkout-button,body.dark-mode .single_add_to_cart_button.button,body.dark-mode .sticky-add-to-cart-select-options-button{background-color:#7a1f1f!important;color:#fff!important}body.dark-mode .ux-builder-section,body.dark-mode blockquote,body.dark-mode blockquote:not(.wp-block-quote) p,body.dark-mode .nav-dropdown{background-color:#2c2c2c!important;color:#fff!important}body.dark-mode .is-divider{background-color:#fff!important}body.dark-mode #table-of-contents{background-color:#2c2c2c!important}body.dark-mode .current .breadcrumb-step,body.dark-mode [data-icon-label]:after,body.dark-mode .button#place_order,body.dark-mode .button.checkout,body.dark-mode .checkout-button,body.dark-mode .single_add_to_cart_button.button,body.dark-mode .sticky-add-to-cart-select-options-button,body.dark-mode button,body.dark-mode .button.alt,body.dark-mode .button.checkout,body.dark-mode .checkout-button,body.dark-mode .secondary,body.dark-mode .nav>li>a,body.dark-mode .nav-dropdown>li>a,body.dark-mode .nav-column>li>a,body.dark-mode .nav-vertical-fly-out>li>a,body.dark-mode .nav-vertical>li>ul li a,body.dark-mode .social-icons,body.dark-mode td,body.dark-mode .accordions p,body.dark-mode span.amount,body.dark-mode label,body.dark-mode .cfm{color:#fff!important}body.dark-mode .has-border,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode blockquote,body.dark-mode .accordions,body.dark-mode .accordions summary::after,body.dark-mode li#tab-title-other_products_tab .other_products_tab_tab active,body.dark-mode .ttl{border-color:#ffffff!important}body.dark-mode .btn a{background:#fff!important;color:#000!important}body.dark-mode .wpcf7 input,body.dark-mode .wpcf7 textarea,body.dark-mode .wpcf7 select,body.dark-mode .form-flat input:not([type=submit]),body.dark-mode textarea,body.dark-mode select,body.dark-mode input[type=date],body.dark-mode input[type=email],body.dark-mode input[type=number],body.dark-mode input[type=password],body.dark-mode input[type=search],body.dark-mode input[type=tel],body.dark-mode input[type=text],body.dark-mode input[type=url],body.dark-mode .select2-container--default .select2-selection--multiple,body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#333333!important;color:#ffffff!important;border:1px solid #555555!important}body.dark-mode .wpcf7 input:focus,body.dark-mode .wpcf7 textarea:focus,body.dark-mode .wpcf7 select:focus,body.dark-mode .form-flat input:not([type=submit]):focus,body.dark-mode textarea:focus,body.dark-mode select:focus,body.dark-mode input[type=date]:focus,body.dark-mode input[type=email]:focus,body.dark-mode input[type=number]:focus,body.dark-mode input[type=password]:focus,body.dark-mode input[type=search]:focus,body.dark-mode input[type=tel]:focus,body.dark-mode input[type=text]:focus,body.dark-mode input[type=url]:focus{background-color:#444444!important;border-color:#ffffff!important}body.dark-mode .logo img,body.dark-mode .logo img{filter:invert(1) grayscale(100%)!important}.logo img,.logo img{filter:invert(0) grayscale(0)}body{min-height:100vh;display:flex;flex-direction:column}#content{flex:1}.copyright-footer{margin-top:auto!important}body.dark-mode .pwa-buttons button{background-color:#333!important}
/*フォント*/
body, h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a, .nav > li > a {
    font-family:
    "Yu Gothic", "Hiragino Kaku Gothic", "Meiryo",
    -apple-system, system-ui, "Segoe UI", Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

}
body, p, li {
font-weight: 450;       /* W4相当 */
    line-height: 1.6;
    letter-spacing: 0.02em;
}
/*全体*/
.ttl{font-size:1.5em;font-weight:bold;margin:10px 0 30px;padding:15px 0;border-bottom:3px solid #000;}.widget .tagcloud a:hover{background-color:#eee}.product-summary .woocommerce-Price-currencySymbol{vertical-align:middle}.nav-dropdown-has-arrow li.has-dropdown:after{display:none}.breadcrumbs a{color:#000}.quantity input[type=number]{max-width:5em;width:5em}@media (max-width:549px){.quantity input[type=number]{width:5em}}.product-summary .woocommerce-Price-currencySymbol{font-size:1em;padding-right:2px}.footer-1,.footer-2{border-top:none!important}.stars a{display:inline-grid;margin-left:.3em}.stars a+a{border-left:none}.box-text.text-center{padding-left:0;padding-right:0}.box-blog-post .is-divider{margin-left:0}.box-text-inner.blog-post-inner{text-align:left!important}.name.product-title.woocommerce-loop-product__title{font-size:1em!important}.form-flat input:not([type=submit]),.form-flat select,.form-flat textarea{background-color:rgba(0,0,0,.07)}.crtubtn{border-radius:3px;width:100%;max-width:200px}.crtubtn:hover{color:#eee}.off-canvas .sidebar-menu{padding:0}.header-wrapper.stuck,.nav-dropdown-has-shadow .nav-dropdown,input[type=email],input[type=date],input[type=search],input[type=number],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select,.select-resize-ghost,.select2-container .select2-choice,.select2-container .select2-selection,.is-well{box-shadow:none}.nav-vertical>li>ul li a,.yith-wcwl-add-button,.says{font-size:.9em!important}@media screen and (max-width:850px){.product-main{padding:0 0 40px 0}}.product-info p.stock,.required,.red,.alert-color{color:#7a1f1f;font-size:1em}.box-image .out-of-stock-label{color:#fff;font-size:.7em;top:0%;padding:2px 0;left:0%;right:70%;background:#7a1f1f;opacity:unset}input[type=submit].is-form,input[type=reset].is-form,input[type=button].is-form{text-shadow:none}.h1,h1{font-size:1.5em}.h2,h2{font-size:1.4em}.h3,h3{font-size:1.3em}h4,h5,h6,.product-info .price,#comments .comment-respond .comment-reply-title{font-size:1.15em}.h1,.h2,h1,h2{line-height:1.5}.sh{line-height:1.3}ul.product_list_widget li a:not(.remove),.box-text a:not(.button){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3em}.page-title-inner ul,.page-title-inner select,.page-title-inner form,.page-title-inner button,.page-title-inner p,.widget,.nav-previous,.sml,#wrapper>.message-wrapper{font-size:.98em}p.in-stock{color:#3eb370}.product-footer .woocommerce-tabs{border-top:none;max-width:600px}form.sent p,form.sent table,.now_sold{display:none}.absolute-footer{color:rgba(0,0,0,1)}.absolute-footer ul{opacity:inherit;border-bottom:none}.tb{margin:0 auto;max-width:600px}p{font-size:17px}ul.cp li{padding:3px 8px;display:inline-block;margin:0;font-size:.9em}#comments .comment-respond{padding:15px 25px}cite,cite1{color:#808080;font-size:10px;font-style:normal}cite a{color:#808080}cite a:hover{color:#888}img.size-full.alignnone{margin-bottom:0em}.nav>li>a,.nav-dropdown>li>a,.nav-column>li>a,.nav-vertical-fly-out>li>a,.nav-vertical>li>ul li a,.social-icons,td{color:#000}.large-3,.cpy{margin-bottom:30px}.alb{padding:0 10px 36px 10px;text-align:left;margin:0 auto;max-width:720px!important}.al{color:#fff;font-size:.7em;font-weight:700;padding:5px 8px;background:#000}.btn{margin:20px 0}.btn a{margin:50px 0;background:#000;border-radius:3px;position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:390px;gap:5px;padding:13px;color:#fff;transition:0.3s ease-in-out;font-weight:700;font-size:14px}.btn a:hover{background:#333;color:#fff}.btn a:hover:after{border-color:#fff}.header-main .nav>li>a{font-weight:700}.box-shadow-1,.box-shadow-1-hover:hover,.row-box-shadow-1 .col-inner,.row-box-shadow-1-hover .col-inner:hover{box-shadow:none}html{scroll-padding-top:100px!important}@media screen and (max-width:1024px){html{scroll-padding-top:70px!important}}.accordion-title.active{background-color:transparent}.off-canvas .nav-vertical li li>a{padding-bottom:10px;padding-top:10px;font-weight:700}.screen-reader-response{display:none!important}.form-flat input:not([type=submit]),.form-flat select,.form-flat textarea{border-radius:3px}code{margin:0rem}pre[class*="language-"].line-numbers{padding-left:0em}pre[class*="language-"]{padding:0em;overflow:initial}.comment-list li .description,.commentlist li .description,address{font-style:normal}@media screen and (min-width:850px){.row.row-large>.large-9{flex-basis:60%;max-width:60%}.row.row-large>.large-3{flex-basis:40%;max-width:40%}}pre{border:none}.uppercase,h6,span.widget-title,th,.is-uppercase,.uppercase{text-transform:none}.yt{width:100%;aspect-ratio:16 / 9}.yt iframe{width:100%;height:100%}.is-outline{color:#000}.progress-container{border:.2rem solid rgb(250,250,250);width:100%;border-radius:1.1rem;height:5.5vh;position:relative;background-color:#eee}.rai,.rais{font-size:.8em}.bt0{margin-bottom:0}.bk{margin-bottom:0;font-size:20px;font-weight:700}.wpcf7{color:#000}blockquote{color:#000;font-size:1em;padding:1em}//追加 .has-border{padding:20px}.sq-card-wrapper{min-width:100px!important}.cart_totals tbody tr td,.shop_table tfoot tr td,.shop_table thead tr th:last-of-type,.shop_table tr td:last-of-type,td.product-total{max-width:239px}.form-flat .search-form-categories{max-width:35%}.form-flat input:not([type=submit]),.form-flat select,.form-flat textarea{background-color:rgba(0,0,0,.1)}.box-excerpt,.author-desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:.8em!important;}@media screen and (max-width:849px){.medium-logo-left .flex-left{flex:auto}.medium-logo-left .flex-right{margin-left:8px}}.sticky-mobile-menu{background-color:#fff;position:fixed;left:0;bottom:0;z-index:999;-webkit-box-shadow:none;box-shadow:none}.sticky-mobile-menu .icon-box-center .icon-box-img{margin:0 auto 4px}@media (max-width:849px){h1.product-title.product_title.entry-title,.ptl{font-size:1.2em}#footer{margin-bottom:0px}.is-xsmall{font-size:.5em}#fl{display:none}.product-main{padding:0px!important}}.box-shadow-5,.box-shadow-5-hover:hover,.row-box-shadow-5 .col-inner,.row-box-shadow-5-hover .col-inner:hover{box-shadow:none}.tooltipster-box,.tooltipster-arrow{display:none}.select-resize-ghost,.select2-container .select2-choice,.select2-container .select2-selection,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background-color:rgba(0,0,0,.1);color:#000}.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a,.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>a{color:#000}.nav-column>li>a,.nav-dropdown>li>a{font-size:.8em}.header-bottom-nav>li>a{font-weight:700}ul.product_list_widget li{margin-left:0!important}.box-text a:not(.button){color:#000;font-weight:700}.widget:where(:not(.widget_shopping_cart)) a{color:#000}.cfm{font-size:.9em;font-weight:700;margin-bottom:10px!important}form.sent p,form.sent table{display:none}.req{margin-right:5px;padding:3px 5px;border-radius:3px;color:#fff;background-color:#7a1f1f}.arb{margin-right:5px;padding:3px 5px;border-radius:3px;color:#fff;background-color:#1e50a2}.product-main{padding:40px 0}.flatsome-cookies{box-shadow:none}.flatsome-cookies__inner{margin:0 auto;max-width:1000px;font-size:.9em}a{word-wrap:break-word;word-break:break-all;white-space:normal;overflow-wrap:break-word}
span.amount, .woocommerce-variation-price {
    font-size: 1.1em;
}
@media (max-width:849px){.medium-logo-left .logo {
        margin-right: 0px;
    }#logo {
    width: 0px!important;
}
@media (max-width: 849px) {
    .cpy {
        margin-bottom: 80px;
    }
}

/*表*/
td:first-child, th:first-child {
    padding-left: .5em;
}

/* 商品ページ2カラムレイアウト */
/* 説明タブの中のカスタム2カラムレイアウト */
.woocommerce-Tabs-panel--description .custom-product-layout {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 1rem !important;
}

/* 左カラム */
.woocommerce-Tabs-panel--description .custom-product-layout .left-column {
  flex: 0 0 58.3333% !important;
  max-width: 58.3333% !important;
}

/* 右カラム */
.woocommerce-Tabs-panel--description .custom-product-layout .right-column {
  flex: 0 0 40% !important;
  max-width: 40% !important;
  position: sticky !important;
  top: 80px !important;
  max-height: 80vh !important;
  overflow-y: auto !important;
  padding: 1rem !important;
  border: 1px solid #000 !important;
  border-radius: 0px !important;
}

/* モバイル時：sticky 無効化 ＝ でも内部スクロールは維持 */
@media (max-width: 850px) {
  .woocommerce-Tabs-panel--description .custom-product-layout {
    flex-direction: column !important;
  }

  .woocommerce-Tabs-panel--description .custom-product-layout .right-column {
    order: -1 !important;           /* 先頭表示はそのまま */
    position: static !important;    /* sticky を解除 */
    top: auto !important;           /* top をリセット */

    /* 内部スクロールは維持（既存の max-height を尊重） */
    max-height: 60vh !important;    /* 必要なら 50vh 等に調整 */
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important; /* iOSで滑らかに */
  }

  .woocommerce-Tabs-panel--description .custom-product-layout .left-column {
    order: 0 !important;
  }

  .woocommerce-Tabs-panel--description .custom-product-layout .left-column,
  .woocommerce-Tabs-panel--description .custom-product-layout .right-column {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}

/* クラファンリワードリスト */
    /* 商品リスト全体 */
    .flatsome-product-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    /* 個別商品行 */
    .flatsome-product-list-item {
        display: flex;
        gap: 10px;
        border: 1px solid #000;
        padding: 10px;
        align-items: center;
    }
    /* 画像 */
    .flatsome-product-list-item .product-image img {
        max-width: 150px;
        height: auto;
    }
    /* 情報部分 */
    .flatsome-product-list-item .product-info {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        position: relative;
				padding-top:0px;
    }
    /* タイトル */
    .flatsome-product-list-item .product-title {
				    display: -webkit-box;
    -webkit-line-clamp: 2;       /* 表示する行数 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;      /* 単語の途中でも改行 */
    max-height: 3em;             /* 行の高さ×行数（目安） */
        font-size: 15px;
        font-weight: bold;
				        margin: 0px!important;
    }
    /* 価格 */
    .flatsome-product-list-item .product-price {
        margin-bottom: 10px;
        font-weight: bold;
    }
    /* カートボタン */
.flatsome-product-list-item .product-button .add_to_cart_inline .button {
padding: .8em 1em;
    margin-bottom: 0px !important;
    font-size: .9em;
    margin-right: 0em !important;
    line-height: 1em;
}
.flatsome-product-list-item p.product.woocommerce.add_to_cart_inline {
    margin-bottom: 0 !important;
}

    /* 購入者数（下部中央） */
    .product-sold-count {
        font-size: 14px;
        color: #888;
        font-weight: normal;
        text-align: left;
				        margin-top: 5px;
    }

    /* スマホ対応：縦並び */
    @media (max-width: 430px) {
        .flatsome-product-list-item {
            flex-direction: column;
            align-items: flex-start;
        }
        .flatsome-product-list-item .product-image img {
            max-width: 100%;
            width: 100%;
        }
        .flatsome-product-list-item .product-info {
            width: 100%;
        }
        .product-sold-count {
            width: 100%;
            text-align: center;
        }
    }

/* チケットチャット */
.ticket-chat {
    margin: 20px 0;
}
.chat-message {
    margin-bottom: 15px;
}
.chat-message p {
    margin-bottom: .3em;
}
.chat-message.user .chat-bubble {
    background: palegreen;
    text-align: left;
}
.chat-message.admin .chat-bubble {
    background:pink;
    text-align: left;
}
.chat-bubble {
    display: inline-block;
    padding: 10px;
    border-radius: 10px;
    max-width: 100%;
}
.chat-author {
    font-size: 13px;
    color: gray;
    margin-bottom: 3px;
}
.ticket-reply-form textarea {
    width: 100%;
    margin-bottom: 10px;
}

/*チャットダークモード*/
body.dark-mode .chat-message.user .chat-bubble {
    background: green;
}

body.dark-mode .chat-message.admin .chat-bubble {
    background: purple;
}

/*チケット管理画面*/
/* チケット返信状況バッジ */
.ticket-badge {
    display: inline-block;
    padding: 2px 8px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    font-size: 13px;
}

.ticket-badge.replied {
    background-color: #46b450; /* 緑 */
}

.ticket-badge.unreplied {
    background-color: #dc3232; /* 赤 */
}


/* マイアカウントページ（ユーザー）チケット一覧状態バッジ */
.ticket-status-badge {
    color: #fff!important;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 0.8em;
    font-weight: bold;
}

/* 状態別カラー */
.ticket-status-badge.status-new_ticket {
    background-color: #3498db; /* 水色 */
}

.ticket-status-badge.status-in_progress {
    background-color: #f39c12; /* 黄色 */
    color: #000; /* 黄色は文字を黒にして見やすく */
}

.ticket-status-badge.status-closed {
    background-color: #777777; /* グレー */
}

/* マイアカウント（ユーザー） お問い合わせ一覧テーブル */
.shop_table.shop_table_responsive th,
.shop_table.shop_table_responsive td {
    text-align: left; /* 左寄せ */
    padding: 5px;
}

/* 列幅指定 */
.shop_table.shop_table_responsive th:nth-child(1),
.shop_table.shop_table_responsive td:nth-child(1) { /* ID列 */
    width: 10%;
}

.shop_table.shop_table_responsive th:nth-child(2),
.shop_table.shop_table_responsive td:nth-child(2) { /* 状態列 */
    width: 20%;
}

.shop_table.shop_table_responsive th:nth-child(3),
.shop_table.shop_table_responsive td:nth-child(3) { /* タイトル列 */
    width: 45%;
}

.shop_table.shop_table_responsive th:nth-child(4),
.shop_table.shop_table_responsive td:nth-child(4) { /* 日付列 */
    width: 25%;
}

/* バッジの縦中央揃え */
.ticket-status-badge {
    display: inline-block;
    vertical-align: middle;
}








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


}