/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 06 2025 | 04:50:36 */
/**** add 37******/
footer{display:none;}



.entry-content table{border-bottom: 0px solid #ededed;}




/***　menu-item　の数字を読み取って画像の装飾*******/

section p span::before {  content: "「";   font-size: 129%;}

section p span::after {  content: "」";  color: #7fb7da;  font-size: 129%;}


.menu-item .min-item ,.menu-item .zero-item { position: relative;/*相対配置*/}

.menu-item .min-item::before,
.menu-item .zero-item::before{
	position: absolute;/*絶対配置*/
/*font-size: 129%;*/
/*
	
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 中央に補正 */
	
	padding:2%;
}

/********
.menu-item .min-item::before{	content: "Limited"; 
	color:#ff0;
	background-color: #f00;}

.menu-item .zero-item::before{	content: "SOLD OUT";
  color:#f00;
	background-color: #ff0;}
****/
/*
html[lang="auto"] .menu-item .min-item::before{ content: "残り僅か";}
html[lang="auto"] .menu-item .zero-item::before{content: "売り切れ";}
/***//*
html[lang="ja"] .menu-item .min-item::before{content: "残り僅か";}
html[lang="ja"] .menu-item .zero-item::before{content: "売り切れ";}
/***//*
html[lang="en"] .menu-item .min-item::before{content: "Only a few left";}
html[lang="en"] .menu-item .zero-item::before{content: "SOLD OUT";}
/***//*
html[lang="zh-CN"] .menu-item .min-item::before{content: "仅剩少量";}
html[lang="zh-CN"] .menu-item .zero-item::before{content: "售罄";}
/***//*
html[lang="zh-TW"] .menu-item .min-item::before{content: "僅剩少量";}
html[lang="zh-TW"] .menu-item .zero-item::before{content: "售罄";}
/***//*
html[lang="ko"] .menu-item .min-item::before{content: "남은 분";}
html[lang="ko"] .menu-item .zero-item::before{content: "매진";}
/***//*
html[lang="th"] .menu-item .min-item::before{content: "เหลือเพียงไม่กี่อันเท่านั้น";}
html[lang="th"] .menu-item .zero-item::before{content: "ขายหมดแล้ว";}
*/










/*********/
            text-align: left; /* テキストを左寄せにする (必要であれば) */

/***/
.no-disp{display:none !important;}

.osinagaki-table tr{border: 1px solid #000;}
.osinagaki-table td{line-height: 1.2em;}
/*
.osinagaki-table tr .column-2{display: inline;border: 1px solid #fcc; padding: 1px 5px;}
.osinagaki-table tr .column-2 br{display:none;}*/
/*.osinagaki-table tr .column-2::before {  content: "Menu No. "; }*/

/*
.osinagaki-table tr .column-5::before {  content: "残数 ";  }
*/

html[lang="auto"] .osinagaki-table tr .column-5::before {  content: "残数 ";  }
html[lang="ja"]  .osinagaki-table tr .column-5::before {  content: "残数 ";  }
html[lang="en"]  .osinagaki-table tr .column-5::before {  content: "stk.";  }
html[lang="zh-CN"] .osinagaki-table tr .column-5::before {  content: "库存 ";  }
html[lang="zh-TW"]  .osinagaki-table tr .column-5::before {  content: "庫存 ";  }
html[lang="ko"]  .osinagaki-table tr .column-5::before {  content: "잔수 ";  }
html[lang="th"] .osinagaki-table tr .column-5::before {  content: "คลังสินค้า ";  }





.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width:990px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


.is-layout-constrained  .osinagaki-table {
max-width:990px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.gtranslate_wrapper2,.gtranslate_wrapper{width100%!important}


.gt_switcher_wrapper{top:50px!important}

.tablepress td{font-size:1rem;}


        table {
            display: block; /* テーブルをブロック要素にする */	
			

			
			  grid-template-columns: 1fr 1fr  1fr; /* 2つの等しい幅の列を作成 */
grid-template-rows: subgrid;
			 gap: 3px; /* セル間の隙間 */
           /* width: 100%; /* 親要素いっぱいに広がるようにする */
            border-collapse: collapse; /* セル間の境界線を結合する */
        }

        /* tbody はtable要素のブロック化を阻害することがあるため、
           tableの直下に直接trを記述し、そのtrをlist-itemに設定します */
        tr {
 width: 30%; /* コンテナの幅 */
display: inline-block;
vertical-align: top;
            margin:0 1px 10px 1px; /* 各リストアイテム（行）間の余白 */
            padding: 0px; /* マーカーとテキストの間にスペースを確保 */
        }

td.column-0,td.column-2, td.column-3, td.column-4,      td.column-5  {
            display: block; /* tdをブロック要素にして、行方向に表示する */
            width: 100%; /* 親要素(tr)いっぱいに広がるようにする */
            text-align: left; 
            padding:0 0 5px 0; 
        }
td.column-6 {
            display: block;
            width: 100%; 
            text-align: left; 
            padding:0 0 5px 0;
        }
.tablepress > tbody > * ~ :where(:not(.child)) > *{border-top: none;}


.sow-tabs .sow-tabs-panel-container .sow-tabs-panel {
  padding: 30px 0px 30px 10px !important;
}
/**********




table.osinagaki-table {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px; 
  border-collapse: collapse;
}

.osinagaki-table tr {
  display: block; 
	border: 1px solid #000;
}

*******/


@media screen and (max-width: 887px) {

	tr {width: 46%;padding:8px 4px;}
	#content .sow-tabs-panel{padding-left:2px;padding-right:2px;}
}