.woocommerce #genesis-content  div.product div.summary{
    width: 100%;
}


/*スマホだとカードの表示を１枚にする*/
@media only screen and (max-width: 960px) {
    main#genesis-content .woocommerce ul.products.columns-3 li.product,
    main#genesis-content .woocommerce-page ul.products.columns-3 li.product{
        width: 100%;
    }
}

/*日付フォントサイズ*/
.date{
    font-size: 14px;
}

/*ユーザー名フォントサイズ*/
.username{
    font-size: 12px;
}
/*オークション履歴テーブルサイズ*/
table.auction-table.widefat.fixed thead tr th{
    width:31% 27% 37%;
}

/*オークション履歴テーブルサイズ*/
aside#genesis-sidebar-primary.sidebar-primary.widget-area table.auction-table.widefat.fixed thead tr th{
    width:30%;
}

/*サイドバーウォッチリストに追加するマージン*/
.wsawl-link{
    margin-top: 20px;
}

/*サイドバー現在の入札額の金額サイズ*/
aside#genesis-sidebar-primary.sidebar-primary.widget-area .woocommerce-Price-amount.amount {
    font-size: 20px;
    color: #0073e5;
}

/*サイドバー現在の入札額の文字色*/
aside#genesis-sidebar-primary.sidebar-primary.widget-area .auction-price.current-bid .current.auction {
    color: #0073e5;
}
/*サイドバー現在の入札額の文字色*/
aside#genesis-sidebar-primary.sidebar-primary.widget-area span.woocommerce-Price-amount.amount bdi {
    color: black;
    font-size: 17px;
}

/*home現在の入札額金額の文字色*/
.home main#genesis-content span.woocommerce-Price-amount.amount bdi {
    color: #0073e5;
    font-size: 22px;
}

/*home bdi文字色*/
main#genesis-content span.auction-price.current-bid .woocommerce-Price-amount.amount bdi {
    color: #0073e5;
    font-size: 22px;
}

/*メインー現在の入札額の金額サイズ*/
main#genesis-content .woocommerce-MyAccount-content span.auction-price.current-bid .woocommerce-Price-amount.amount {
    font-size: 22px;
    color: #0073e5;
}

/*メイン現在の入札額の文字色*/
main#genesis-content span.auction-price.current-bid span.current.auction {
    color:#0073e5;
}

/*メイン現在の入札額の文字色*/
.single-product main#genesis-content span.woocommerce-Price-amount.amount bdi {
    color: black;
    font-size: 17px;
}

/*スマホ現在の入札額の文字色*/
main#genesis-content p.auction-bid span.auction-price.current-bid span.woocommerce-Price-amount.amount {
    color: #0073e5;
    font-size: 22px;
}

/*ウォッチリスト現在の入札額の文字色*/
main#genesis-content span.auction-price.starting-bid span.woocommerce-Price-amount.amount bdi{
    color: #0073e5;
    font-size: 22px;
}



/*サイドバー現在の現在の入札額マージン*/
aside#genesis-sidebar-primary.sidebar-primary.widget-area .auction-end {
    margin-bottom: 0px;
}



/*サイドバー 入札額の文字の追加やボタンを1列*/

.auction_form.cart::before{
    content: '入札額：';
}

aside#genesis-sidebar-primary.sidebar-primary.widget-area form.auction_form.cart.auction_form.cart{
    display: flex;
    align-items: center;
}

form.auction_form.cart input.input-text.qty.bid.text.left{
    height: 48px;
}

/*パソコンver 入札額の文字の追加やボタンを1列*/
main#genesis-content .auction_form.cart::before{
    content: '入札額：';
}

main#genesis-content form.auction_form.cart.auction_form.cart{
    display: flex;
    align-items: center;
}

main#genesis-content form.auction_form.cart input.input-text.qty.bid.text.left{
    height: 54px;
}



/*オークション履歴テーブルサイズ*/
table.auction-table.widefat.fixed thead tr th,td{
    vertical-align: middle;
}

/*オークション履歴PC版テーブルの中のbdiの文字サイズ*/
main#genesis-content.content table.auction-table.widefat.fixed tbody tr td.bid span.woocommerce-Price-amount.amount bdi{
    font-size: 15px;
}

/*
==================================
single-product.php（商品個別ページ）
==================================
*/



/*入札金額プラスボタン*/
#genesis-content input.plus {
    background-color: #499cdf;
    display: none;
}

/*入札金額マイナスボタン*/
#genesis-content input.minus {
    background-color: #499cdf;
    display: none;
}

/*asideの入札金額プラスボタン*/
aside#genesis-sidebar-primary.sidebar.sidebar-primary.widget-area input.plus {
    background-color: #499cdf;
    display: none;
}

/*asideの入札金額マイナスボタン*/
aside#genesis-sidebar-primary.sidebar.sidebar-primary.widget-area input.minus {
    background-color: #499cdf;
    display: none;
}

/*asideの入札ボタン*/
aside#genesis-sidebar-primary.sidebar.sidebar-primary.widget-area button.bid_button.button.alt {
    background-color: #499cdf;
}

/*asiseの現在の入札額*/
.woocommerce-Price-amount .amount{
    font-size:20px;
}

/*PCだったら上記を非表示*/
@media only screen and (min-width: 960px) {
    main div#countdown.auction-time,
    main div.auction-ajax-change p.auction-end,
    main p.auction-bid,
    main#genesis-content.content .auction-ajax-change form.auction_form.cart,
    main div.auction-ajax-change p.wsawl-link {
        display: none; 
    }

    main .auction-table {
        display: none;
    }
}

.product-details {
    display: flex; /* フレックスボックスを適用 */
}

#genesis-content .product-details .ring-number {
    margin-left: 15px;
}

/*ギャラリー*/
main#genesis-content.content div.woocommerce-product-gallery.images {
    margin-right: 30px;
    max-width: 100%;

}

.gallery-flex img{
    border: solid 1px grey;
}

.product-name {
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: bold;
}

.gender, .ring-number { 
    margin-bottom: 5px;
}

.full-name,.bred_by {
    margin-bottom: 0px;
}

.product-details .gender {
    color: #1e90ff;
}

.main-image {
    margin-bottom: 60px;
}

.pedigree-image {
    margin-bottom: 60px;

}
/*メインオークションカウントダウン*/
main span.wc_auctions_countdown-row.wc_auctions_countdown-show4 .wc_auctions_countdown-section{
    width:12%;
}

.home span.wc_auctions_countdown-row.wc_auctions_countdown-show4 .wc_auctions_countdown-section{
    width:24%;
}

/*メインオークション残り時間*/
main div#countdown.auction-time {
    margin-top:20px;
}

/*メインオークション入札開始価格*/
main p.auction-bid{
    margin-bottom:15px;
}

/*メインオークション入札ボタン*/
main button.bid_button.button.alt{
    margin-left: 10px;
}

/*メインオークション入札ボタン1行*/
main#genesis-content.content div.auction-ajax-change form.auction_form.cart{
    margin-top: 20px;
    margin-bottom: 10px;
}

/*メインウォッチリストに追加する*/
main#genesis-content.content div.auction-ajax-change .wsawl-link{
    margin-bottom: 40px;
}



/*サイドバー関連*/
aside {
    background-color: #f5f5f5;
    padding: 10px;
    font-size: 12px;
}

aside#genesis-sidebar-primary.sidebar.sidebar-primary.widget-area{
    width: 33%;
    margin-left: 20px;
    padding: 20px;
}

.auction-end{
    margin-top: 20px;
}

h2 {
    font-size: 20px;
    font-weight: bold;
}

main .action-history{
    margin-top: 30px;
}

aside#genesis-sidebar-primary.sidebar.sidebar-primary.widget-area h2.action-history{
    margin-top: 0px;
}

aside#genesis-sidebar-primary.sidebar.sidebar-primary.widget-area .action-history{
    margin-top: 50px;
}


/*サイドバー消す*/

@media only screen and (max-width: 960px) {
    aside {
        display: none;
    }
}

@media only screen and (min-width: 960px) {
    main .action-history {
        display: none;
    }

    main .auction-table {
        display: none;
    }
}

/*ギャラリー*/
.gallery-flex{
    display: grid;
    grid-template-columns: 33% 33% 33%;
}

.woocommerce main#genesis-content.content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
    width:100%;

}

.gallery-flex li {
    margin-left: 30px;
}

/*鳩の詳細のテーブル*/

figure.wp-block-table.table-responsive table.hato-details-table {
    width: 60%;
    border-collapse: collapse;
    font-size: 14px; /* フォントサイズを小さく設定 */
    text-align: left;
}

.hato-details-table th, .hato-details-table td {
    padding: 4px 8px; /* パディングを少なく設定 */
    border: 1px solid #ddd;
    width: 50%; /* ヘッダーとセルの幅を均等に設定 */
}

.hato-details-table th {
    background-color: #f4f4f4;
    font-weight: bold;
}

.hato-details-table td {
    background-color: #ffffff; /* 2列目の背景色を白に設定 */
}

.material-symbols-outlined {
    font-size: 20px; /* アイコンのフォントサイズを小さく設定 */
    vertical-align: middle;
}



/*すべての段落*/
p {
    margin-bottom: 1px;
} 

/*プロダクトカートページ背景*/
body.home{
    background-color: #F8F8F7;
}

.home main.content {
    width:100%;
}

li.entry.product.type-product{
    background-color: #ffffff;
    /*box-shadow: 3px 4px 3px 4px #cccccc;*/
    border: 1px solid #bfb8b886; /* 薄いボーダーを設定 */
    padding:30px;
}

#genesis-content li.entry.product.type-product{
    background-color: #ffffff;
    /*box-shadow: 5px 3px 10px 4px #f1f1f1;*/
    border: 1px solid #bfb8b886; /* 薄いボーダーを設定 */
    padding:30px;
}


#genesis-content span.winning {
    top: 13px;
    left: 13px;
}

.home aside {
    display: none;
}

a {
    color:black;
   }

/*入札ボタン、オークション終了ボタン*/
#genesis-content a.button.product_type_auction{
    background-color: #499cdf;
}



/*今すぐ支払うボタン*/
#genesis-content a.button{
    background-color: #499cdf;
}

/*追加情報ボタン*/
#genesis-content a.button.product-page-link{
    background-color: #499cdf;
}

div.auctionbutton-flex{
    margin: 0 auto;
}


/*topページのパディング*/
.home.genesis-title-hidden .site-inner {
    /*padding-top: 60px; /* Reset to the default padding */
    background-color: #F8F8F7;;
}

/*カードの鳩詳細（作出）*/
#genesis-content p.bred_by {
    font-size: 14px;
}

/*カードの鳩詳細（提供）*/
#genesis-content p.offered_by {
    font-size: 14px;
}

/*カードの鳩詳細（現在の入札額）*/
#genesis-content span.current.auction {
    font-size: 18px;
}

/*カードの鳩詳細（価格）*/
#genesis-content span.woocommerce-Price-amount.amount bdi {
    font-size: 23px;
}

/*カードの鳩詳細（落札額の文字）*/
#genesis-content span.winned-for.auction {
    font-size: 18px;
    margin-right: 10px;
}

/*カードの鳩詳細（残り時間というテキストの文字サイズ）*/
#genesis-content span.time-left {
    font-size: 16px;
}

/*カードの鳩詳細（オークション終了）*/
#genesis-content a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .has-finished {
        display: inline-block; /* ボタンのように見せるためにインラインブロックに設定 */
        padding: 10px 20px; /* 内側の余白を設定 */
        margin-left: auto; /* 上下のマージンを設定し、中央揃えに */
        margin-right: auto; /* 上下のマージンを設定し、中央揃えに */
        margin-top: 20px; /* 上下のマージンを設定し、中央揃えに */
        margin-bottom: 10px; /* 上下のマージンを設定し、中央揃えに */
        background-color:gray; /* 背景色を赤系に設定 */
        color: white; /* テキストカラーを白に設定 */
        border: none; /* 境界線をなしに設定 */
        border-radius: 5px; /* 角を丸くする */
        text-align: center; /* テキストを中央揃えに */
        font-weight: bold; /* テキストを太字に */
        cursor: default; /* カーソルをデフォルトに */
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link{
    text-align: center;
}
.product-card__header p {
text-align: left;
}


/*カードの鳩詳細（説明の行間を狭く）*/
#genesis-content a.woocommerce-LoopProduct-link.woocommerce-loop-product__link .full-name {
   line-height: 1.2;
   margin-bottom: 10px;
}


/*===================================
ダッシュボード
=====================================
*/


/*支払いページ*/
.woocommerce-form-coupon-toggle{
    display: none;
}

::placeholder { /*プレースホルダ―の色*/
    color: #cbcbcb;
  }


body{
    background-color: #F8F8F7;
}

.site-inner{
    background-color: #ffffff;
    margin-top: 40px;
    padding-top: 30px;
}


/*=======================
メッセージ
=========================
*/

main#genesis-content.content div.entry-content p.pm-action-row a.button.pm-button {
display: none;
}

/* General styles */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    padding-top: 50px;
}


.woocommerce-MyAccount-content {
    max-width: 800px;
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
    border-radius: 8px;
}

/* Message section styles */
.tgwc-account_content_message {
    margin-top: 20px;
}

/* Buttons */
.button.pm-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    line-height: normal;
    border: none;
    margin-bottom: 10px;
}

.button.pm-button:hover {
    background-color: #005a87;
}

.pm-button__report-spam {
    background-color: #dc3545;
}

.pm-button__report-spam:hover {
    background-color: #c82333;
}

/* Message table styles */
.pm-table--message-list {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: #fff;
}

.pm-column--message {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
    word-wrap: break-word; /* Ensure long text wraps */
}

.pm-userinfo {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.pm-userinfo__avatar {
    flex-shrink: 0;
}

.pm-userinfo__author {
    font-weight: bold;
    color: #0073aa;
    margin: 0;
}

.pm-userinfo__author:hover {
    text-decoration: underline;
}

.pm-userinfo__date {
    color: #999;
    margin: 0;
}

.pm-message {
    margin-bottom: 10px;
}

.pm-delete-reply {
    color: #dc3545;
    text-decoration: none;
}

.pm-delete-reply:hover {
    text-decoration: underline;
}

/* Section title */
.pm-section-title {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 20px;
    border-bottom: 2px solid #0073aa;
    padding-bottom: 10px;
}

/* Compose message form */
.pm-form--compose-message {
    margin-top: 20px;
}

.pm-form__row--attachments {
    margin-bottom: 10px;
}

.wp-editor-area {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 10px;
}

.pm-form__row--submit {
    text-align: right;
}

.pm-form__row--submit input[type="submit"] {
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.pm-form__row--submit input[type="submit"]:hover {
    background-color: #005a87;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .woocommerce-MyAccount-content {
        padding: 10px;
    }

    .button.pm-button {
        padding: 8px 16px;
        font-size: 12px;
    }

    .pm-column--message {
        padding: 10px;
        font-size: 14px;
    }

    .pm-userinfo {
        flex-direction: column;
        align-items: flex-start;
    }

    .pm-userinfo__avatar img {
        width: 64px;
        height: 64px;
    }

    .pm-userinfo__author, .pm-userinfo__date {
        font-size: 14px;
    }

    .pm-message {
        font-size: 14px;
    }

    .pm-section-title {
        font-size: 16px;
    }

    .wp-editor-area {
        font-size: 14px;
    }

    .pm-form__row--submit input[type="submit"] {
        font-size: 14px;
        padding: 8px 16px;
    }
}

.site-header {
    position: fixed;
    top: 0;
    width:100%;
    z-index: 1000;
}

/*請求先住所を消す*/
div.u-column1.col-1.woocommerce-Address {
    display: none;
}

/*お届け先住所のサイズ、位置*/
div.u-column2.col-2.woocommerce-Address {
    width: 100%;
    margin-top: 20px;
}

.myaccount-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.myaccount {
    flex-basis: 50%;
}

.myaccount-edit {
    font-size: 15px;
    margin-left: 30px;
    color: #499cdf;
}

a.wp-block-button_link.has-background.wp-element-button {
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

/*ファンシーボックスの商品名非表示*/
div#fancybox-wrap div#fancybox-outer div#fancybox-content div#fancybox-title-wrap.fancybox-title-over div#fancybox-title {
    display: none;
}

/*商品名が3行になったら2行にする*/

h1.product-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

/*カウントダウン日付1行*/
span.wc_auctions_countdown-section span.wc_auctions_countdown-period{
    display: inline;
}

span.wc_auctions_countdown-section span.wc_auctions_countdown-amount {
    font-size: 18px;
}



.auctionbutton-flex{
    text-align: center;
}

/*PC画面では、addtoanyのアイコン（メインの部分にある）を非表示*/
main#genesis-content.content div.addtoany_shortcode {
 display: none;
}


footer.site-footer {
    margin-top: 20px;
}

/*商品全体の中央揃え*/
.woocommerce ul.products li.product a {
    margin: auto;
}

/*====================
ウーコマースマイページ
=======================*/
/*アイコンの位置*/
.tgwc-user-avatar.tgwc-user-avatar--center-aligned {
    margin-top: 20px;
}

/* WooCommerceのアカウント編集ページで姓と名を左右に配置 */
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row--first {
    float: right; /* 名を右側に表示 */
    width: 48%; /* 幅を調整 */
    margin-left: 4%; /* 左側に少しマージンを追加して間隔を確保 */
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row--last {
    float: left; /* 姓を左側に表示 */
    width: 48%; /* 幅を調整 */
}

/*アカウント情報の位置*/
.myaccount {
    flex-basis: 100%;
    margin-left: 20px;
}

/*=====================
入札履歴ページ
=======================*/

/* 入札履歴テーブル全体のフォントサイズを少し小さく */
.my_auctions_activity {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

.my_auctions_activity th,
.my_auctions_activity td {
    padding: 10px;
    border: 1px solid #ddd;
}

/* 見出しを上下左右中央揃えに */
.my_auctions_activity th {
    text-align: center;
    vertical-align: middle;
    background-color: #f4f4f4;
}

/* オークション列（商品名）は左揃え */
.my_auctions_activity td.auction-name {
    text-align: left;
}

/* ボタンスタイル */
.auction-status.progress-button,
.auction-status.closed-button {
    width: 120px; /* ボタンの幅を統一 */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
}

/* 進行中ボタン */
.auction-status.progress-button {
    background-color:#ffec40; /* クリーム色 */
    color: #333;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    display: inline-block; /* インライン要素の幅を調整可能に */
    width: 80px; /* ボタンの幅を統一 */
}

/* 終了ボタン */
.auction-status.closed-button {
    background-color: #267cc2; /* 青色 */
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    display: inline-block; /* インライン要素の幅を調整可能に */
    width: 80px; /* ボタンの幅を統一 */
}


/* テーブル全体のフォントサイズを少し小さくする */
.my_auctions_activity {
    font-size: 14px; /* 適切なサイズに調整 (例えば14px) */
}

/* テーブルヘッダーを上下左右中央揃えにする */
.my_auctions_activity th {
    font-size: 14px; /* フォントサイズ */
    text-align: center; /* 水平方向に中央揃え */
    vertical-align: middle; /* 垂直方向に中央揃え */
    padding: 10px; /* 少し余白を追加 */
}

/* テーブルデータのセルも中央揃えにする */
.my_auctions_activity td {
    font-size: 14px; /* フォントサイズ */
    text-align: center; /* 水平方向に中央揃え */
    vertical-align: middle; /* 垂直方向に中央揃え */
    padding: 10px; /* 少し余白を追加 */
}

/* 商品名（オークション列）だけを左揃えにする */
.my_auctions_activity .auction-name {
    text-align: left; /* 左揃えに設定 */
}


/*=====================
落札履歴ページ
=======================*/

/* テーブル全体のフォントサイズを少し小さく */
.my_won_auctions {
    font-size: 14px;
    width: 100%;
    border-collapse: collapse;
}

.my_won_auctions th,
.my_won_auctions td {
    padding: 10px;
    border: 1px solid #ddd;
}

/* 見出しを上下左右中央揃えに */
.my_won_auctions th {
    text-align: center;
    vertical-align: middle;
    background-color: #f4f4f4;
}

/* デスクトップ向けに「日付」と「落札額」列の文字を中央揃え */
@media (min-width: 769px) {
    .my_won_auctions td:nth-child(1), /* 1列目（日付） */
    .my_won_auctions td:nth-child(3)  /* 3列目（落札額） */ {
        text-align: center;
        vertical-align: middle; /* 縦方向も中央揃え */
    }

    /* 支払い状況のボタンが表示される列の文字を中央揃え */
    .my_won_auctions td:nth-child(4) {
        text-align: center;
        vertical-align: middle; /* 縦方向も中央揃え */
    }
}


/* 入金済ボタン */
.auction-status.paid-button {
    background-color: #42a747; /* 緑色 */
    color: #fff; /* 文字色を白に */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    display: inline-block; /* インライン要素の幅を調整可能に */
    width: 120px; /* ボタンの幅を統一 */
}

/* 支払い待ちボタン */
.auction-status.payment-pending-button {
    background-color: #fe6721; /* オレンジ色 */
    color: #fff; /* 文字色を白に */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    display: inline-block; /* インライン要素の幅を調整可能に */
    width: 120px; /* ボタンの幅を統一 */
    text-decoration: none;
}

/* 配送料確定待ちボタン */
.auction-status.no-payment-button {
    background-color: #ffec42; /* クリーム色 */
    color: #333; /* 文字色をダークグレーに */
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    display: inline-block; /* インライン要素の幅を調整可能に */
    width: 120px; /* ボタンの幅を統一 */
}


/*=====================
お気に入り鳩
=======================*/

.woocommerce-MyAccount-content h2 {
    font-size: 25px;
    margin: 20px;
}

/*カウントダウン日付1行*/

span.woocommerce-MyAccount-content span.wc_auctions_countdown-section span.wc_auctions_countdown-period{
    display: inline;
    box-sizing: content-box;
}

main span.wc_auctions_countdown-row.wc_auctions_countdown-show4 .wc_auctions_countdown-section {
    width: 24%;
}

/*落札額の文字の色大きさ*/

.tgwc-account_content.tgwc-account_content_watch span.woocommerce-Price-amount.amount bdi .woocommerce-Price-currencySymbol{
    color: #0073e5;
    font-size: 22px;
}

.tgwc-account_content.tgwc-account_content_watch span.woocommerce-Price-amount.amount bdi .woocommerce-Price-currencySymbol #text{
    color: #0073e5;
    font-size: 22px;
}

/*カラムの大きさ*/
@media (min-width: 769px) {
    #genesis-content .woocommerce-MyAccount-content .products.columns-4 li {
        width: 43%;
    }
}

@media (max-width: 769px) {
    #genesis-content .woocommerce-MyAccount-content .products.columns-4 li {
        width: 100%;
    }
}

/* WooCommerceの「今すぐ支払う」ボタン（落札済）の色を黄色に変更 */
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order, 
.woocommerce-button.button, 
.button {
    background-color: #499cdf; /* 黄色 */
    color: #333; /* テキスト色を黒に */
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}

/* ホバー時の色 */
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover, 
.woocommerce-button.button:hover, 
.button:hover {
    background-color: #499cdf; /* ホバー時の色を少し濃くする */
    color: #000;
}

.remove-wsawl.sa-watchlist-action {
    font-size: 16px;
}

/*=====================
支払いページ
=======================*/

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    margin: 30px;
}

.woocommerce-table__product-name.product-name {
    font-size: 20px;
}

.woocommerce-checkout .col2-set .col-1 {
    width: 100% !important; /* 請求先情報をページ全体に表示 */
}

.woocommerce-checkout .col2-set .col-2 {
    display: none; /* 右側の空いたカラムを非表示 */
}

/* WooCommerceのカスタムフィールドの「（オプション）」を非表示にする */
.woocommerce form .optional {
    display: none;
}

/* WooCommerceの「国または地域」フィールドを非表示にする */
#billing_country_field {
    display: none !important;
}


/**/
.entry-content h3 {
    margin-top: 30px;
}


/*===============================
 マイアカウントページ全体のスタイル 
 ================================*/

/* コンテナスタイル */
.myaccount-container {
    max-width: 680px; /* コンテンツの最大幅を900pxに設定 */
    margin: 0 auto;
    padding: 10px;
    background-color: #fff; /* 背景を白に設定 */
    border: 1px solid #ddd; /* 薄いボーダーを設定 */
    border-radius: 8px; /* 角を丸く */
}

/* タイトルのスタイル */
.myaccount h3 {
    font-size: 22px; /* タイトルのフォントサイズを少し小さめに */
    margin-bottom: 15px;
    color: #222; /* ダークグレーの文字色 */
}

/* 編集リンクのスタイル */
.myaccount-edit a {
    font-size: 14px;
    text-decoration: none;
}

/* 各フィールドのスタイル */
.myaccount p {
    font-size: 17px; /* フォントサイズを少し小さめに */
    margin-bottom: 12px; /* 少し余白を多めに */
    color: #333; /* ダークグレーの文字色 */
}

/* 各フィールドを強調 */
.myaccount p strong {
    font-weight: 600;
    color: #000; /* 黒で強調 */
}

/*================================
メニューレスポンシブ
==================================*/

/* テーブル全体の基本スタイル */
/* 小さい画面向けのレスポンシブスタイル */
@media (max-width: 768px) {
    /* テーブル全体を横スクロール可能に */
    .my_auctions_activity, .my_won_auctions {
        display: block;
        overflow-x: auto; /* 横スクロールを許可 */
    }

    /* テーブルヘッダーを非表示にして、各データセルにラベルを表示 */
    .my_auctions_activity thead, .my_won_auctions thead {
        display: none;
    }

    .my_auctions_activity tr, .my_won_auctions tr {
        display: block;
        margin-bottom: 10px;
        border-bottom: 2px solid #eee;
    }

    .my_auctions_activity td, .my_won_auctions td {
        display: block;
        text-align: right;
        padding: 10px 5px;
        border: none;
        position: relative;
    }

    .my_auctions_activity td::before, .my_won_auctions td::before {
        content: attr(data-label); /* 各セルにラベルを表示 */
        position: absolute;
        left: 10px; /* ラベルが左側に表示される */
        font-weight: bold;
        text-align: left;
        color: #333;
        width: 80px; /* ラベルの幅を指定してリンクテキストと重ならないようにする */
        white-space: nowrap;
    }

    /* プロダクト名（auction-name）のリンクとラベルの重なりを防止 */
    .my_auctions_activity td.auction-name, .my_won_auctions td.auction-name {
        word-wrap: break-word; /* 長い単語も折り返す */
        white-space: normal; /* テキストを折り返す */
        padding-left: 60px; /* ラベルの幅に応じて左側にパディングを追加 */
        position: relative;
    }
/* リンク内のテキストとラベルの間に余白を作り、テキストを左揃えに */
.my_auctions_activity td.auction-name a, .my_won_auctions td.auction-name a {
    display: block;
    padding-left: 60px; /* ::before要素とリンクテキストの間の余白を減らしてリンク部分を広げる */
    text-align: left; /* テキストを左揃えに */
}

/* ::before要素の幅を調整 */
.my_auctions_activity td::before, .my_won_auctions td::before {
    width: 80px; /* ラベルの幅を少し狭くして、右側のリンクテキスト部分を広げる */
}