/*************************************************************
  該当ページのデフォルトのテープルスタイル


  ＜詳細＞
  └ ここで言うデフォルトとは<figure class="wp-block-table"> が付いてるテーブル
    以下のクラスは含む
    is-style-regular, is-style-list-table

    以下のクラスは除く
    is-style-stripes, scroll_table,


  ＜詳細＞
  該当スタイルを充てるページ
　└ 対応エリア > サブエリア > エリア詳細 (.page-area)
　└ コラム > 記事 (.dispose)
　└ コラム > 回収可能な品目 > 品目 (.dispose)
  ※ <main>のクラスで切り分け

*************************************************************/

/* ボーダー設定 -------------------------------- ▼▼*/
:root {
	--tableHeadBgColor:#0056B5;
	--tableBorderColor:#C7CBDC;
}

.page-area.n-style section.content .wp-block-table,
.dispose.n-style section.content .wp-block-table {
	width: 100%;
	padding: 0;
	margin: 3.5rem 0;
	font-weight: bold;
}

.page-area.n-style figure.wp-block-table table,
.dispose.n-style figure.wp-block-table table {
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin: 0;
	overflow: initial;
	border-radius: 0.5rem;
	overflow: hidden;
	border-collapse: separate;
	overflow: hidden;
	border: none;
	border: 1px solid var(--tableBorderColor);
	border-bottom: none;
	border-right: none;
	-webkit-text-size-adjust: 100%;
}
.page-area.n-style figure.wp-block-table table td,
.dispose.n-style figure.wp-block-table table td {
	border: none; /* 一旦消す */
	border-bottom: 1px var(--tableBorderColor) solid;
	border-right: 1px var(--tableBorderColor) solid;
}
/* 1行目の最後のセル */
.page-area.n-style figure.wp-block-table tr:first-of-type td:last-of-type,
.dispose.n-style figure.wp-block-table tr:first-of-type td:last-of-type{
	border-radius: 0 0.5rem 0 0;
}
.page-area.n-style figure.shop_list_details tr:first-of-type td:last-of-type,
.dispose.n-style figure.shop_list_details tr:first-of-type td:last-of-type {
	border-radius:0;
}
/* 最後の行の最後のセル */
.page-area.n-style figure.wp-block-table tr:last-of-type td:first-of-type,
.dispose.n-style figure.wp-block-table tr:last-of-type td:first-of-type{
	border-radius: 0 0 0 0.5rem;
}
/* 最後の行の最後のセル */
.page-area.n-style figure.wp-block-table tr:last-of-type td:last-of-type,
.dispose.n-style figure.wp-block-table tr:last-of-type td:last-of-type{
	border-radius: 0 0 0.5rem 0 ;
}

/* 打ち消し */
.page-area.n-style section.content .wp-block-table td+td,
.dispose.n-style section.content .wp-block-table td+td {
	border-left: none;
}
/* ボーダー設定 -------------------------------- ▲▲*/
.page-area.n-style figure.wp-block-table t,
.dispose.n-style figure.wp-block-table tr{
	background: #fff;
    font-size: 1.2rem;
    padding: 0.5rem;
    line-height: 1.3rem;
}
.page-area.n-style section.content figure.wp-block-table tr:nth-child(odd),
.dispose.n-style section.content figure.wp-block-table tr:nth-child(odd){
	background-color: #EFEFEF;
}

.page-area.n-style section.content figure.wp-block-table tr:first-of-type,
.dispose.n-style section.content figure.wp-block-table tr:first-of-type{
    background: var(--tableHeadBgColor);
    color: #fff;
}

.page-area.n-style section.content figure.shop_list_details tr:first-of-type,
.dispose.n-style section.content figure.shop_list_details tr:first-of-type{
	background-color: #EFEFEF!important;
}

/* セル内共通 */
.page-area.n-style figure.wp-block-table tr td,
.dispose.n-style figure.wp-block-table tr td{
    font-size: 1.4rem;
    padding: 0.4rem 1rem;
    line-height: 2.6rem;
	letter-spacing: 0.56px;
	color: #000000;
}
.page-area.n-style figure.wp-block-table tr:first-of-type td,
.dispose.n-style figure.wp-block-table tr:first-of-type td{
	font-weight: bold;
	padding: 0.75rem 1rem;
	color: #ffffff;
}
.page-area.n-style figure.shop_list_details tr:first-of-type td,
.dispose.n-style figure.shop_list_details tr:first-of-type td {
	color: #000000;
}

/* スクロール有りテーブル */
.page-area.n-style figure.wp-block-table.is-style-scroll,
.dispose.n-style figure.wp-block-table.is-style-scroll {
	overflow-x: scroll;
	scrollbar-width: none;
}
.page-area.n-style figure.wp-block-table.is-style-scroll table,
.dispose.n-style figure.wp-block-table.is-style-scroll table{
	width: 92rem;
	max-width: 92rem;
}

/* リスト形式テーブル ※ 2カラム時にテキスト前に 「◾️」が入る */
.page-area.n-style figure.wp-block-table.is-style-list-table td,
.dispose.n-style figure.wp-block-table.is-style-list-table td {
	display: flex;
	gap: 0 1rem;
}
.page-area.n-style figure.wp-block-table.is-style-list-table td::before,
.dispose.n-style figure.wp-block-table.is-style-list-table td::before {
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	background-color: #0056B5;
	transform: translateY(1rem);
	flex-shrink: 0;
}

.page-area.n-style figure.wp-block-table.is-style-list-table tr:first-child td:before,
.dispose.n-style figure.wp-block-table.is-style-list-table tr:first-child td:before {
	display: none;
}

/* PC */
@media screen and (min-width: 769px){
	.page-area.n-style section.content .wp-block-table,
	.dispose.n-style section.content .wp-block-table {
		padding: 0;
		margin: 40px auto;
		width: 100%;
		max-width: 920px;
	}
	.page-area.n-style figure.wp-block-table table ,
	.dispose.n-style figure.wp-block-table table {
		width: 92rem;
		border-radius: 10px;
		padding: 0;
	}
	/* 1行目の最後のセル */
	.page-area.n-style figure.wp-block-table tr:first-of-type td:last-of-type,
	.dispose.n-style figure.wp-block-table tr:first-of-type td:last-of-type{
		border-radius: 0 10px 0 0;
	}
	.page-area.n-style figure.shop_list_details tr:first-of-type td:last-of-type,
	.dispose.n-style figure.shop_list_details tr:first-of-type td:last-of-type {
		border-radius:0;
	}
	/* 最後の行の最後のセル */
	.page-area.n-style figure.wp-block-table tr:last-of-type td:first-of-type,
	.dispose.n-style figure.wp-block-table tr:last-of-type td:first-of-type{
		border-radius: 0 0 0 10px ;
	}
	/* 最後の行の最後のセル */
	.page-area.n-style figure.wp-block-table tr:last-of-type td:last-of-type,
	.dispose.n-style figure.wp-block-table tr:last-of-type td:last-of-type{
		border-radius: 0 0 10px 0 ;
	}
	/* セル内共通 */
	.page-area.n-style figure.wp-block-table tr td,
	.dispose.n-style figure.wp-block-table tr td{
		font-size: 14px;
		padding: 4px 10px;
		line-height: 26px;
		letter-spacing: 0.56px;
	}
	.page-area.n-style figure.wp-block-table tr:first-of-type td,
	.dispose.n-style figure.wp-block-table tr:first-of-type td{
		padding: 7px 10px;
	}
	/* スクロール有りテーブル */
	.page-area.n-style figure.wp-block-table.is-style-scroll ,
	.dispose.n-style figure.wp-block-table.is-style-scroll {
		overflow-x:initial;
		/* max-width: 100%; */
	}
	.page-area.n-style figure.wp-block-table.is-style-scroll table,
	.dispose.n-style figure.wp-block-table.is-style-scroll table{
		width: 920px;
	}

	/* リスト形式テーブル ※ 2カラム時にテキスト前に 「◾️」が入る */
	.page-area.n-style figure.wp-block-table.is-style-list-table tr:last-of-type td:last-of-type,
	.dispose.n-style figure.wp-block-table.is-style-list-table tr:last-of-type td:last-of-type{
		border-radius: 0 0 10px 10px;
	}
	.page-area.n-style figure.wp-block-table.is-style-list-table td ,
	.dispose.n-style figure.wp-block-table.is-style-list-table td {
		display: flex;
		gap: 0 10px;
	}
	.page-area.n-style figure.wp-block-table.is-style-list-table td::before ,
	.dispose.n-style figure.wp-block-table.is-style-list-table td::before {
		width: 8px;
		height: 8px;
		transform: translateY(8px);
	}
}