@charset "utf-8";

/* ==========================================================================
   [電子]定刻消灯機能付 EEスイッチ ／ 商品ラインアップページ 固有スタイル
   ※ 基本レイアウトは /jp/common/v4/css/common.css・/jp/densetsu/common/v4/css/common.css に依存
   ========================================================================== */

/* --------------------------------------------------------------------------
   商品グリッド（罫線付き2カラム）
   ※ 参考ページ tsunagete_hub/lineup の grid__col-2--border-pc / grid__col-1--border-sp を移植
   -------------------------------------------------------------------------- */
/* 商品画像サイズ（参考ページ #anc-switching-HUB .img img 相当） */
.grid__col-2--border-pc .img img {
	width: 200px;
}

@media print, screen and (min-width: 48em) {
	/* PCスタイル */
	.grid__col-2--border-pc {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		row-gap: 200px;
	}
	.grid__col-2--border-pc > .grid__item {
		padding: 0 100px;
		width: 50%;
		position: relative;
	}
	.grid__col-2--border-pc > .grid__item:nth-of-type(odd)::after {
		width: 1px;
		height: 100%;
		content: "";
		background: #e6e6e6;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
	}
	.grid__col-2--border-pc > .grid__item:not(.no-border-bottom)::before {
		width: 100%;
		height: 1px;
		content: "";
		background: #e6e6e6;
		display: block;
		position: absolute;
		left: 0;
		bottom: -100px;
	}
	.grid__col-2--border-pc > .grid__item .img {
		margin-bottom: 24px;
	}
	.grid__col-2--border-pc > .grid__item .lead {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 47.99em) {
	/* SPスタイル */
	.grid__col-1--border-sp {
		row-gap: 100px;
	}
	.grid__col-1--border-sp > .grid__item {
		position: relative;
	}
	.grid__col-1--border-sp > .grid__item:not(:last-of-type)::after {
		width: 100%;
		height: 1px;
		content: "";
		background: #e6e6e6;
		display: block;
		position: absolute;
		left: 0;
		bottom: -50px;
	}
	.grid__col-1--border-sp > .grid__item .img {
		margin-bottom: 20px;
	}
	.grid__col-1--border-sp > .grid__item .lead {
		margin-bottom: 0;
		padding: 0;
	}
}