@charset "UTF-8";

/* ===============================
	ユーティリティ
=============================== */
.bold {
	font-weight: 700;
}

.tc {
	text-align: center !important;
}

.tl {
	text-align: left !important;
}

.tr {
	text-align: right !important;
}

.red {
	color: red !important;
}

.blue {
	color: #00a0e9 !important;
}

.ma {
	margin-left: auto;
	margin-right: auto;
}

.mt05em {
	margin-top: .5em;
}

.mt1em {
	margin-top: 1em;
}

.mt2em {
	margin-top: 2em;
}

.mt3em {
	margin-top: 3em;
}

/* Youtube 動画 */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}




/* ====================================
	製品共通：カラー設定
 ==================================== */
/* 製品概要・製品カラー */
.prod-colors .pcolor {
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	margin-right: .5rem;
	background: #fff;
	border: solid 1px #a2a2a2;
	border-radius: 50%;
}
.prod-colors .pcolor.black {
	background: #000;
}
.prod-colors .pcolor.silver {
	background: #CBCBCB;
}


/* 注釈カラー */
sup {
	color: #00a0e9;
}

/* アロータイトル・左 */
.has-arrow-left {
	padding: 0 0 0 1em;
	background-image: url(/products/common/images/chevron-right-solid.svg);
	background-repeat: no-repeat;
	background-position: left -0.2em top 0.3em;
	background-size: auto 0.9em;
}



/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {}

/* ====================================
	タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) and (max-width: 1079px) {}

/* ====================================
	PC専用スタイル
===================================== */
@media only screen and (min-width: 1080px) {}

/* ====================================
	スクリーン専用スタイル
===================================== */
@media screen {}