.t-nowrap{
white-space: nowrap;
}

/**
* Module Name: STYLE.CSS	
* Description: 親Tehme▶子Theme▶当STYLE.CSS	
* Category: css	
* Version: 1.0.0	
* Created: 2026/02/26_21:25:57	
*/
/* ハンバーガーのラッパー（右寄せ用） */
.hamburger-wrapper {
    display: flex;
    justify-content: flex-end;   /* 右寄せ */
    align-items: center;
    width: 100%;                 /* 親の幅いっぱい使って右に寄せる */
}


.t-document_pre-line {
    white-space: pre-line;
}

/* ハンバーガー本体 */
.hamburger-label {
    width: 36px;
    height: 26px;
    cursor: pointer;
    position: relative;
    display: none;  /* スマホで表示 */
    margin: 0;      /* 左パディングを強制排除 */
    padding: 0;
    z-index: 1000;  /* 👈 ここを追加（モーダルより手前に表示させる） */
}


/* 3本線 */
.hamburger-label span {
    background: #000;
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    transition: all 0.3s ease;
}

.hamburger-label span:nth-child(1) { top: 0; }
.hamburger-label span:nth-child(2) { top: 11px; }
.hamburger-label span:nth-child(3) { top: 22px; }

/* ×変化 */
#menu-toggle:checked ~ .hamburger-label span:nth-child(1) {
    transform: rotate(45deg);
    top: 11px;
}
#menu-toggle:checked ~ .hamburger-label span:nth-child(2) {
    opacity: 0;
}
#menu-toggle:checked ~ .hamburger-label span:nth-child(3) {
    transform: rotate(-45deg);
    top: 11px;
}
/* モーダル（黒い背景部分） */
.mobile-modal-content {
    visibility: hidden; /* 初期状態は非表示（アニメーション用） */
    opacity: 0;         /* 初期状態は透明 */
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(4px);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* 上下の余白と、左右に20pxの余白を設定 */
    padding: 80px 20px 30px;
    /* 「スーッと」変化させるアニメーション設定 */
    transition: all 0.4s ease-in-out;
}

/* チェックが入った時のモーダル（表示状態） */
#menu-toggle:checked ~ .mobile-modal-content {
    visibility: visible;
    opacity: 1;
}

/* モーダルの中身（白い箱） */
.mobile-modal-content .modal-inner {
    background: white;
    border-radius: 12px;
    /* 上部の余白を増やして「×」ボタンとの重なりを防ぐ */
    padding: 50px 20px 30px;
    width: 100%;      /* 親のpaddingに合わせて横幅いっぱいに */
    max-width: 380px; /* ただし最大幅は維持 */
    box-shadow: 0 8px 25px rgba(0,0,0,0.25);
    text-align: center;
    /* 以下、白い箱自体のスライド出現アニメーション */
    transform: translateY(-20px); /* 少し上にずらしておく */
    transition: transform 0.4s ease-in-out;
}

/* チェックが入った時の白い箱（定位置に戻る） */
#menu-toggle:checked ~ .mobile-modal-content .modal-inner {
    transform: translateY(0);
}


/* リンクスタイル */
.mobile-modal-content a {
    display: block;
    padding: 12px 0;
    font-size: 1.1rem;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #eee;
}
.mobile-modal-content a:last-child {
    border-bottom: none;
}

/* スマホ時 */
@media (max-width: 767px) {
    .hamburger-label {
        display: block;
    }
    /* PC用部分隠す（実際のクラスに合わせて） */
    [class*="pc-ヘッダー"],
    .pc-header-content {
        display: none;
    }
}

/* PC時 */
@media (min-width: 768px) {
    .hamburger-wrapper,
    .mobile-modal-content {
        display: none;
    }
}


/* =========================================
   ログイン状態による表示切り替え
========================================= */

/* 基本設定：ログイン時専用メニューは最初は隠しておく */
.mobile-modal-content a.show-logged-in {
    display: none;
}

/* ▼ ログイン中（bodyに logged-in クラスがある場合）の挙動 ▼ */

/* 1. ログイン時専用メニューを表示する */
body.logged-in .mobile-modal-content a.show-logged-in {
    display: block;
}

/* 2. ログアウト時専用メニュー（ログイン・会員登録など）を隠す */
body.logged-in .mobile-modal-content a.show-logged-out {
    display: none;
}






/* 非表示フィールド */
.sender-id-hidden {
  display: none !important;
}

/* 自分のメッセージは緑背景 */
.message-from-me .message-item {
  background: #DCF8C6!important;
/*  border: 1px solid #B8E994!important; */
}

/* 自分のメッセージは右寄せ */
.message-from-me {
  width:100%;
  display: flex;
/*justify-content: flex-start; */
  justify-content: flex-end;
}

.t_justify-content_center .message-from-me{
	justify-content:center;
}

.t_justify-content_center .jet-listing-grid__item[class*="jet-listing-dynamic-post-"] { 
	justify-content:center!important;
}

/* ========================================
   メッセージリスティング: すべて表示機能
   ======================================== */

/* 最新(最後のアイテム)以外を非表示 */
.js-show-more-listinggrid .jet-listing-grid__item:not(:last-child) {
  display: none !important;
}

/* ボタンクリック後: すべて表示 */
.js-show-more-listinggrid.show-all .jet-listing-grid__item {
  display: flex !important; /* block → flex に変更 */
}


/* ========================================
   ボタンスタイル
   ======================================== */

.js-show-more-listinggrid + .toggle-button {
  display: block;
  margin: 20px auto;
  padding: 13px 140px !important;
  border-radius: 8px !important;
  background-color: var(--wp--preset--color--accent-1) !important;
  color: var(--wp--preset--color--accent-2) !important;
  font-family: inherit;
  font-size: 18px;
  line-height: 1.5;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
}

.js-show-more-listinggrid + .toggle-button:hover {
  opacity: 0.8;
  transform: translateY(-1px);
}

.js-show-more-listinggrid + .toggle-button:active {
  transform: translateY(1px);
}

@media (max-width: 767px) {
  .js-show-more-listinggrid + .toggle-button {
    padding: 10px 50px !important;
    font-size: 16px; 
  }
}


/* フォームのスタイル */

textarea.t_message-wrap {
    height: 135px;
    font-size: 20px;
    padding: 1rem;
	margin-top:5px;
}

.t_message-wrap .jet-form-builder {
    max-width: 90%;
    margin: 0 auto;
    padding: 24px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.t_message-wrap .jet-form-builder__field {
    margin-bottom: 20px;
}

.t_message-wrap .jet-form-builder__field-label {
    font-weight: 600;
    margin-bottom: 8px;
    color: #1f2937;
}

.t_message-wrap .jet-form-builder__field-wrap select,
.t_message-wrap .jet-form-builder__field-wrap textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    font-size: 1em;
}

.t_message-wrap .jet-form-builder__field-wrap textarea {
    min-height: 150px;
    resize: vertical;
}
/*
.t_message-wrap .jet-form-builder__submit {
    background: #2563eb;
    color: #ffffff;
    padding: 12px 32px;
    border: none;
    border-radius: 8px;
    font-size: 1em;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
}
*/

.t_message-wrap .jet-form-builder__submit:hover {
    background-color: color-mix(in srgb, var(--wp--preset--color--accent-1), transparent 30%) !important;
}


/* レスポンシブ対応 */
@media (max-width: 768px) {
    .t_message-wrap .jet-listing-grid__item {
        padding: 16px;
    }
    
    .t_message-wrap .jet-form-builder {
        padding: 16px;
    }
}




/* カテゴリーアーカイブテンプレート*/
.t_category_choicebox{
    overflow: hidden!important;
}

.t_category_choicebox { 
	background-color:#FB761E;
	color:#fff;
    text-align: center;
	border: none;
/*    padding: 9px 15px; */
    line-height: 24px;
    border-radius: 8px;
    font-size: 17px;
}

.t_category_choicebox select { 
	background-color:#FB761E;
	color:#fff;
    text-align: center;
	border: none;
/*    padding: 9px 15px; */
    line-height: 24px;
    border-radius: 8px;
    font-size: 17px;
}

/* ポジション　*/
.t_relative{
	position:relative;
}

.t_absolute_bottom{
	position:absolute;
	bottom:0;
    transform: translate(-50%, -50%);
}

.t_absolute_top{
	position:absolute;
	top:0;
    transform: translate(-50%, -50%);
}
/* メニュー出し方アニメ */

.wp-block-navigation__responsive-container.is-menu-open {
    animation: fadeInScale 0.4s ease-out;
}
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* メニュー項目を順番に表示 */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
    animation: slideInUp 0.4s ease-out backwards;
}
.wp-block-navigation-item:nth-child(1) { animation-delay: 0.1s; }
.wp-block-navigation-item:nth-child(2) { animation-delay: 0.15s; }
.wp-block-navigation-item:nth-child(3) { animation-delay: 0.2s; }
.wp-block-navigation-item:nth-child(4) { animation-delay: 0.25s; }
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* クローズボタン（×）の位置調整 */
.wp-block-navigation__responsive-container-close {
    top: 30px !important;
    right: 30px !important;
}


/* show-more系統で別　畳む*/
.js-fold.is-folded {
  -webkit-mask-image: linear-gradient(to bottom, black 30%, transparent 70%);
  mask-image: linear-gradient(to bottom, black 30%, transparent 70%);
}


/* 最新のコメントブロックをコメントブロックと同じスタイルに */
.wp-block-latest-comments {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wp-block-latest-comments__comment {
    background: #f8f7f5;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 24px;
    margin-bottom: 16px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: box-shadow 0.2s ease;
}

.wp-block-latest-comments__comment:hover {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* アバター付きレイアウト */
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.wp-block-latest-comments.has-avatars img.avatar {
    border-radius: 50%;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
}

/* コメントコンテンツエリア */
.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment > div {
    flex: 1;
    min-width: 0;
}

/* 投稿者名とメタ情報 */
.wp-block-latest-comments__comment-meta {
    margin: 0 0 12px 0;
    padding: 0;
    border: none;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px;
}

.wp-block-latest-comments__comment-meta a {
    font-weight: 600;
    color: #1e1e1e;
    text-decoration: none;
    font-size: 15px;
}

.wp-block-latest-comments__comment-meta a:hover {
    color: #0073aa;
}

/* 「に」「より」などのテキスト */
.wp-block-latest-comments__comment-meta {
    color: #757575;
    font-size: 14px;
}

/* 日付 */
.wp-block-latest-comments__comment-date {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    margin-left: 0;
}

/* コメント本文 */
.wp-block-latest-comments__comment-excerpt,
.wp-block-latest-comments__comment-excerpt p {
    margin: 0;
    color: #1e1e1e;
    font-size: 15px;
    line-height: 1.7;
}

/* 投稿タイトルへのリンク（もしあれば） */
.wp-block-latest-comments__comment-link {
    display: inline-block;
    margin-top: 8px;
    font-size: 14px;
    color: #0073aa;
    text-decoration: none;
}

.wp-block-latest-comments__comment-link:hover {
    text-decoration: underline;
}

/* アバターなしの場合の調整 */
.wp-block-latest-comments:not(.has-avatars) .wp-block-latest-comments__comment {
    padding: 20px 24px;
}


/* 一般的な表示切り替えはCSS */
body:not(.logged-in) .show_login {
    display: none !important;
}

body.logged-in .show_logout {
    display: none !important;
}



/* 10文字分くらいの幅に固定 */ /* 折り返しを禁止 */ /* はみ出た分を隠す */ /* 末尾を ... にする */
/*
img.attachment-full.size-full{ width:20px; height:20px; padding-bottom:4px; } 
.t_title_overflow1{ display: block !important; width: 10ch !important;  white-space: nowrap !important; overflow: hidden !important;  text-overflow: ellipsis !important; } 
.t_title_overflow2 a{ display: -webkit-box !important; -webkit-line-clamp: 2!important; -webkit-box-orient: vertical !important; overflow: hidden !important; } 
.t_title_overflow2 a{ display: -webkit-box !important; -webkit-line-clamp: 2!important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
*/

.t_width_sm{
	width:40px;
	height:40px;
}

.t_width_48px{
	width:48px;
	height:48px;
}
.t_width_36px{
	width:36px;
	height:36px;
}
/* スマホ（767px以下）の時だけ順番を入れ替える */
@media (max-width: 767px) {
    /* 親の横並びブロック（is-layout-flex）に対して適用 */
    .wp-block-group.is-layout-flex {
        display: flex !important;
    }

    .t_header_item-1 { order: 1; }
    .t_header_item-3 { display:none;} /* 3番目を2番目に表示 */
    .t_header_item-2 { order: 3; } /* 2番目を3番目に表示 */
}

/* フォームの送信結果を表示する部分や、確認画面の要素に適用 */
.t_prewrap {
    white-space: pre-wrap;
}


/* Headings */
H1 {
    margin-top: 0px;
    margin-bottom: 0px;
}
H2 {
    margin-top: 0px;
    margin-bottom: 0px;
}
H3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
H4 {
    margin-top: 0px;
    margin-bottom: 0px;
}
H5 {
    margin-top: 0px;
    margin-bottom: 0px;
}
H6 {
    margin-top: 0px;
    margin-bottom: 0px;
}


/* 投稿のテンプレートにいいね！のグッジョブアイコンの大きさ制御*/



.t_iine_1 img.attachment-full.size-full{ width:20px; height:20px; padding-bottom:4px; } 
 
.t_inline_flex{
    display: inline-flex;
}

.t-inline-flex-parent-center{
  display: flex;
  justify-content: center; /* 水平中央 */
  align-items: center;     /* 垂直中央（必要であれば） */
}

/* 次へ前へのCSS設定 */

.t_next_arrow-container{
    position:relative;
	text-decoration: none; 
}

.t_next_arrow-container-child-left{
    position: absolute;
    top: 15px;                   /* 上から10pxの位置に固定 */
    left: 15px;
    /* transform: translateY(-50%); */ /* ←削除：中央寄せが不要になるため */
    z-index: 10;
}

.t_next_arrow-container-child-left a{
    padding: 11px!important;
	text-decoration:none;
}

.t_next_arrow-container-child-right{
    position: absolute;
    top: 15px;                   /* 上から10pxの位置に固定 */
    right: 15px;
    /* transform: translateY(-50%); */ /* ←削除：中央寄せが不要になるため */
    z-index: 10;
}

.t_next_arrow-container-child-right a{
    padding: 11px!important;
	text-decoration:none;
}


/* コメント説明消去*/
.t_comment p.logged-in-as {
	display:none!important;
}
/* jet-smartfilter 四隅丸く*/
.jet-popup__container-inner {
    border-radius: 30px !important;
}

.jet-popup__close-button {
	background-color: var(--wp--preset--color--accent-1)!important;
	color:var(--wp--preset--color--accent-2)!important;
    border-radius: 90px !important;
    border:none!important;
    width: 60px !important;
    height: 60px !important;
    margin-top: 20px!important;
    margin-right: 20px!important;
}
svg.svg-icon {
    width: 30px !important;
	background-color:var(--wp--preset--color--accent-1)!important;
	color:var(--wp--preset--color--accent-2)!important;
}

/* ユーザーアカウントページ*/

.border-radius-div{
	border-radius:14px;
}

.border-radius-div>div{
	border-radius:14px;
}

.shadow_basic_1{
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
}

.shadow_basic_1_img img{
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
	width:auto!important;

}



/* UserLineType_ListingItem_Account_Template / imageへ */
div.t_userbackimage_0{
		width:100%;
}
div.t_userbackimage_0 img{
	object-fit: cover;
	aspect-ratio: 16 / 4.5 !important;
	width:100%;
	height: 450px;
	border-radius:15px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .3);
}


/* form 全般*/

/* 送信ボタン*/
input#submit {
    width: 100%;
    line-height: 30px;
}




.t_input input#_post_title,input#_post_excerpt,textarea#document,select#_category{
	font-size:18px;
	padding:8px;
	outline:1px solid var(--wp--preset--color--accent-4);
	border-radius:5px;
}

.t_input select#_category_ {
    padding: 10px;
    font-size: 18px;
    width: 300px;
}

textarea#document{
    min-height: 200px;
	border-radius:5px;
}

.t_input button {
	display: block;
    width: 100%;
    background-color: var(--wp--preset--color--accent-1);
    font-size: 20px;
    padding: 9px 30px 9px 30px;
    color: var(--wp--preset--color--accent-2);
    border: none;
    border-radius: 5px;
}

.t_input .jet-form-builder-row.field-type-media-field {
	width:50%;
	min-width:300px;
	border:1px solid var(--wp--preset--color--accent-1);
    outline: 1px solid var(--wp--preset--color--accent-4);
    border-radius: 5px;
	padding:3px;
}

.t_input input#_post_thumbnail {
    color: var(--wp--preset--color--accent-4)!important;
    background-color: var(--wp--preset--color--accent-1)!important;
    border-radius: 5px!important;
}


/* JetPopUp */
div.jet-popup__inner {
    padding-top: 50px;
}

/* JetFormBuilder */
textarea#self_introduction_text_ {
    height: 100px;
}

.jet-form-builder  input {
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #999;
}
.jet-form-builder-file-upload__fields  input  input#file-upload-button{
    padding: 8px!important;
    border-radius: 5px!important;
    border: 0px solid #999!important;
	 color:#fff;
   	background-color: #FB761E;
}
.jet-form-builder-file-upload__content img {
	width:auto!important;
/*  height: 179px !important; */
    object-fit: cover !important;
    border-radius: 5px;
}
.jet-form-builder-file-upload__content {
	width:179px!important;
	height: auto!important;
	margin-bottom:5px;
}
.jet-form-builder  input#_post_thumbnail{
	width:100%!important;
    padding: 8px!important;
    border-radius: 5px!important;
    border: 0px solid #999!important;
	color:#fff;
	background-color: #FB761E;
}
.jet-form-builder  textarea {
    border-radius: 5px;
    border: 1px solid #999;
}
textarea#_post_document {
    height: 150px;
}
.jet-form-builder  select {
    display:flex;
	padding: 8px;
    border-radius: 5px;
    border: 1px solid #999;
}
/*
button.jet-form-builder{
    width: 100%;
	color:#fff;
	background-color: #555555;
    justify-content: center!important;
    padding: 5px;
    border-radius: 5px;
    border: 0px solid #999;
	cursor:pointer;
}*/
.jet-form-builder button{
    width: 100%;
    font-size:22px;
	color:#fff;
	background-color: var(--wp--preset--color--accent-1);
    justify-content: center!important;
    padding: 5px;
    line-height: 40px;
    border-radius: 5px;

    border: 0px solid #999;
	 cursor:pointer;
}
.jet-form-builder>div {
    margin-top: 5px;
}


/* メディアドラッグアンドドロップのボタン*/

.form_post_edit_0 button.jet-form-builder-advanced-media__library-button{
    width: 230px!important;
    font-size:18px!important;
	color:#fff!important;
	background-color: var(--wp--preset--color--accent-1)!important;
    justify-content: center!important;
    padding: 5px!important;
    line-height: 40px!important;
    border-radius: 5px!important;
    border: 0px solid #999!important;
	cursor:pointer!important;
}

/* overfllow cutoff*/
.t_overfllow_cutoff{
	overflow-x:hidden;
}

/* padding */
.t_padding_a{
	padding-right:20px!important;
	padding-left:20px!important;
}
/* width固定 */
.t_width_230px {
width:230px!important;
}

.t_width_230px>div {
width:230px!important;
}

.t_width_500px {
width:500px!important;
}

@media (max-width: 767px) {
	.t_width_500px {
	width:95vw!important;
	width:95vw!important;

}
}


.t_width_370px {
width:370px!important;
height:53px!important;
z-index:999;
}

.t_width_100per{
	width:100%!important;	
}

/* シャドウ */
.ct_shadow-m{
	box-shadow:0 2px 6px #00000026;
}


/* パディング */

.t_padding_0px{
	padding:0px;
}
@media (max-width: 767px) {
.t_padding_a {
	padding:0px 220px;
}
}
/* PostGrid_ListingItemのコメントの囲い */
.t_comment_countbox>div>div{

	border:1px #ccc solid;
	border-radius:5px;
	padding-left:5px;
	padding-right:1px;
	padding-bottom:1px;
	margin-bottom:8px;

}
.t_comment_countbox a{
	font-size:12px!important;
	font-weight:bold;
	padding:0px;
	margin:0px;
	height:10px;
}

.jet-listing-dynamic-meta__comments.jet-listing-dynamic-meta__item{
	padding:0px 0px 0px 5px;
}

/* comments system*/
.t_comments_input  {
    margin-bottom: 16px;
    font-size: 20px !important;
    font-weight: bold;
}
.t_comments_input input#submit {
    margin-top: 16px;
}


/* BE_PostGridにて使用 */

.t_thumsup img.attachment-full.size-full {
    width: 22px;
    height: 22px;
	padding-bottom: 1px;
}
.t_thumsup a{
	outline:none;

}

/* BE_PostGridにて使用 */
.t_count-box {
    position: relative;
    border-radius: .25em;
    font-size: 12px;
    text-decoration: none;
    background-color: #ffffff99;
    margin-left: 4px;
    line-height: 30px;
    display: inline-block;
    padding: 0px 8px;
	padding-right:5px!important;
    box-shadow: 0 0 0 1px #bdbdbd inset;
    color: #616161;
    vertical-align: middle;
    text-align: center;
}

/* BE_PostGridにて使用 */
/* CoreFramework出力を修正し、Aspect-Ratio 最後の「 img」を追記*/
/* 3_2でモデル作成済み。　参考に。あと、aについて追記width:100%;あり、これがないと、画像が小さいときに、画像が小さいままなので注意*/
/* 3_2で未記入だがdivに対してheight196px指定あり、おそらくsafariのバグ。これに何度やっても対処できないため、決め打ちとした*/

.jet-listing.jet-listing-dynamic-image.ct_aspect-ratio-3_2-img {
    position: relative;
    width: 100%; /* 親要素の幅を100%に設定 */
    padding-bottom: 66.66%; /* 高さを3/2の比率に設定 (2 / 3) * 100 = 66.66% */
    overflow: hidden;
	border-radius:8px 8px 0px 0px;
}

.jet-listing.jet-listing-dynamic-image.ct_aspect-ratio-3_2-img a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.jet-listing.jet-listing-dynamic-image.ct_aspect-ratio-3_2-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}




.t_sf_button_0 .jet-smart-filters-search .jet-search-filter__input {
	height:41px;
    border: 1px solid #000000;
	border-radius:8px;
	width:230px;
}

/* 1. 親要素 .t_sf_button_0 内にある「すべてのセレクトボックス」を対象にする */
.t_sf_button_0 select,
.t_sf_button_0 .jet-select__control {
    /* --- 基本スタイル --- */
    display: block ;
	width: 230px!important;
    max-width: 100% ;
	height:41px!important;
    font-size: 18px ;
    color: var(--wp--preset--color--accent-2) !important;
	background-color: var(--wp--preset--color--accent-1);
    border: none ;
    border-radius: 8px ;
    cursor: pointer ;

    /* --- iOS Safari デフォルトデザイン解除 --- */
    -webkit-appearance: none ;
    -moz-appearance: none ;
    appearance: none ;

    /* --- 中央揃えの設定 --- */
    text-align: center ;
    text-align-last: center ;

    /* --- 白い下向き矢印（背景画像として挿入） --- */
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5z"/></svg>') !important;
    background-repeat: no-repeat ;
    background-position: right 10px center ;
    background-size: 20px ;

}

/* 2. JetSmartFiltersが独自に表示している「黒い矢印アイコン」を非表示にする */
/* これを消さないと、自作の白い矢印と重なったり、黒いまま残ったりします */
.t_sf_button_0 .jet-select__caret,
.t_sf_button_0 .jet-active-filter__remove,
.t_sf_button_0 .jet-select__control-icon {
    display: none !important;
}

/* 3. 選択肢（ドロップダウンの中身）の色設定 */
.t_sf_button_0 select option {
    color: var(--wp--preset--color--accent-2);
	background-color: var(--wp--preset--color--accent-1);

}

/* 画面幅が767px以下のデバイス（スマホ・小型タブレット）にのみ適用 */
@media screen and (max-width: 767px) {

    /* 1. セレクトボックス本体のスタイル */
    .t_sf_button_0 select,
    .t_sf_button_0 .jet-select__control {

        /* iOS Safari デザイン解除 */
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;

        /* 中央揃え */
        text-align: center !important;
        text-align-last: center !important;

        /* 白い矢印を背景に設置 */
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5z"/></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: right 10px center !important;
        background-size: 20px !important;

        /* 余白（左右を揃えて中央を維持） */
        padding: 9px 30px 9px 30px !important;
    }

}