@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */

/* ブランドロゴ */
.prod-logo-wrap {
	margin-top: 1.4rem;
	inline-size: 310px;
}

/* 製品別情報 */
.list-prod-type {
	font-size: 1.4rem;
	margin-top: 2em;
}

.list-prod-type>li:not(:first-child) {
	margin-top: .3em;
}

/* 発売予定 */
.prod-release-date {
	font-size: inherit;
}

/* 仕様寸法リンクボタン */
.btn-spec {
	position: static;
}

.link-btn-spec {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-column-gap: .5em;
	align-items: center;
	inline-size: fit-content;
	margin-top: 5rem;
	padding: .5em 1em;
	font-size: 1.3rem;
	font-weight: 400;
	background-color: #000;
	color: #fff;
	border: solid 1px #000;
}

/* 機能ロゴ */
.list-logo {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3.5rem;
	padding-top: 3.5rem;
	border-top: 1px solid #9b9b9b;
	gap: 20px 10px;
}

/* グーグルTVロゴ */
.googletv {
	inline-size: 100%;
}

.googletv img {
	max-inline-size: 230px;
}


/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@media (hover:hover) and (pointer: fine) {
	.link-btn-spec:hover {
		background-color: #fff;
		color: #000;
		text-decoration: none;
	}
}

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {

	.list-award>li {
		block-size: 8rem;
	}

	.list-award>li>img {
		inline-size: auto;
		block-size: 100%;
	}
}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {}