@charset 'UTF-8';
/* ================================================================================

【更新用テーブル】

== 使用ウィジェット ==
ウィジェット：[テキスト]を使用してください。


テキスト ⇒ 編集 ⇒ 属性 ⇒ ウィジェットclass
table_cell を入力してください。


== 使用方法 ==
一つのウィジェットに一つのメニューとし、ウィジェットをコピーして使ってください。
[テキスト]
タイトルに左側(メニュー名など)、内容に右側(価格など)を入力してください。

※サイズ、色、ボーダーの種類などデザインは適宜変更してください。

================================================================================ */




/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.table_cell{
		display:table;
		width:100%;
		padding:8px;
		border-bottom:1px dashed;
	}

	/* 左側 */
	.table_cell .widget-title{
		display:table-cell;
		width:50%;
		font-weight:normal;
		font-size:16px;
	}

	/* 右側 */
	.table_cell .textwidget{
		display:table-cell;
		width:50%;
		text-align:right;
	}
	.table_cell .textwidget p{
		font-size:16px;
		margin:0;
	}
}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.table_cell{
		display:table;
		width:100%;
		padding:8px;
		border-bottom:1px dashed;
	}

	/* 左側 */
	.table_cell .widget-title{
		display:table-cell;
		width:50%;
		font-weight:normal;
		font-size:3.2vw;
	}

	/* 右側 */
	.table_cell .textwidget{
		display:table-cell;
		width:50%;
		text-align:right;
	}
	.table_cell .textwidget p{
		font-size:3.2vw;
		margin:0;
	}
}