/**
 * ブロックエディター テーブルカスタムスタイル
 *
 * 各スタイルはブロックエディターで選択可能です。
 * CSSを編集してデザインをカスタマイズしてください。
 */

/* ==========================================================================
   スタイル1: ストライプ（縞模様）
   クラス: .is-style-stripe
   ========================================================================== */
.wp-block-table.is-style-stripe table {
	border-collapse: collapse;
	width: 100%;
}

.wp-block-table.is-style-stripe th,
.wp-block-table.is-style-stripe td {
	padding: 12px 15px;
	border: 1px solid #ddd;
}

.wp-block-table.is-style-stripe thead th {
	background-color: #4a7c59;
	color: #fff;
	font-weight: bold;
}

.wp-block-table.is-style-stripe tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.wp-block-table.is-style-stripe tbody tr:nth-child(even) {
	background-color: #fff;
}

.wp-block-table.is-style-stripe tbody tr:hover {
	background-color: #f0f7f0;
}

/* ==========================================================================
   スタイル2: ボーダー付き
   クラス: .is-style-bordered
   ========================================================================== */
.wp-block-table.is-style-bordered table {
	border-collapse: collapse;
	width: 100%;
	border: 2px solid #333;
}

.wp-block-table.is-style-bordered th,
.wp-block-table.is-style-bordered td {
	padding: 12px 15px;
	border: 2px solid #333;
}

.wp-block-table.is-style-bordered thead th {
	background-color: #333;
	color: #fff;
	font-weight: bold;
}

/* ==========================================================================
   スタイル3: シンプル
   クラス: .is-style-simple
   ========================================================================== */
.wp-block-table.is-style-simple table {
	border-collapse: collapse;
	width: 100%;
	border: none;
}

.wp-block-table.is-style-simple th,
.wp-block-table.is-style-simple td {
	padding: 10px 15px;
	border: none;
	border-bottom: 1px solid #eee;
}

.wp-block-table.is-style-simple thead th {
	border-bottom: 2px solid #333;
	font-weight: bold;
}

/* ==========================================================================
   スタイル4: カード風
   クラス: .is-style-card
   ========================================================================== */
.wp-block-table.is-style-card table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.wp-block-table.is-style-card th,
.wp-block-table.is-style-card td {
	padding: 15px 20px;
	border: none;
}

.wp-block-table.is-style-card thead th {
	background-color: #5a8f6a;
	color: #fff;
	font-weight: bold;
}

.wp-block-table.is-style-card tbody tr {
	background-color: #fff;
	border-bottom: 1px solid #eee;
}

.wp-block-table.is-style-card tbody tr:last-child {
	border-bottom: none;
}

.wp-block-table.is-style-card tbody tr:hover {
	background-color: #f8faf8;
}

/* ==========================================================================
   スタイル5: 物件情報
   クラス: .is-style-bukken-info
   ========================================================================== */
.wp-block-table.is-style-bukken-info table {
	border-collapse: collapse;
	width: 100%;
	background-color: #fff;
}

.wp-block-table.is-style-bukken-info th,
.wp-block-table.is-style-bukken-info td {
   padding: 1rem 3rem!important;
	border: 1px solid #ccc!important;
	vertical-align: top;
}

.wp-block-table.is-style-bukken-info th {
	background-color: #f5f5f0;
	color: #333;
	font-weight: bold;
	width: 25%;
	text-align: left;
}

.wp-block-table.is-style-bukken-info td {
	background-color: #fff;
}

/* 物件情報用：2列レイアウト対応 */
.wp-block-table.is-style-bukken-info tr td:first-child {
	font-weight: bold;
/*	background-color: #f5f5f0;*/
	    background: #F5E8D3!important;
}

/* ==========================================================================
   レスポンシブ対応
   ========================================================================== */
@media screen and (max-width: 768px) {
	.wp-block-table.is-style-stripe th,
	.wp-block-table.is-style-stripe td,
	.wp-block-table.is-style-bordered th,
	.wp-block-table.is-style-bordered td,
	.wp-block-table.is-style-simple th,
	.wp-block-table.is-style-simple td,
	.wp-block-table.is-style-card th,
	.wp-block-table.is-style-card td,
	.wp-block-table.is-style-bukken-info th,
	.wp-block-table.is-style-bukken-info td {
		padding: 8px 10px;
		font-size: 14px;
	}

	/* スマホでは横スクロール可能に */
	.wp-block-table {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

.wp-block-image.size-large.wide_image {
    width: 100% !important;
}