@charset "utf-8";

/** ProductTopPanel **/

.pj-productTopPanel {
	padding:0.5em;
	border-radius:0;
	text-align:center;
	font-size:110%;
}
.pj-productTopPanel.c-panel--fill { background-color:#000; color:#FFF; }

@media screen and ( max-width:640px ) {}

/** ProductLineupHeading **/

.pj-productLineupHeading {
	padding:0.5em 0.5em 0.3em;
	border:solid #001B7C;
	border-width:0 0 3px;
	background-color:#EEE;
	background-image:linear-gradient( to bottom, #FFF, #EEE );
	position:relative;
	font-size:120%;
	color:#001B7C;
}
.pj-productLineupHeading::before {
	margin:auto;
	border:1px solid #949494;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	pointer-events:none;
	content:"";
}

@media screen and ( max-width:640px ) {
	.pj-productLineupHeading {
		text-align:center;
		font-size:115%;
	}
}

/** ProductPanel **/

.pj-productPanel {
	padding:20px;
	border-radius:10px;
	border-width:2px;
}
.pj-productPanel__image,
.pj-productPanel__body {
	margin:auto;
	position:relative;
}

.pj-productPanel .c-button {
	padding:0.8em 0.8em 0.8em 25px;
	border:1px solid #C3C3C3;
	background-color:#EEE;
	display:block;
	color:#333;
}
.pj-productPanel .c-button::before {
	margin:auto;
	background:url( "../img/index/icon/product_button.png" ) left center no-repeat;
	background-size:contain;
	position:absolute;
	top:0;
	bottom:0;
	left:8px;
	display:block;
	width:12px;
	height:12px;
	content:"";
}
.pj-productPanel .c-button       { background-image:linear-gradient( to bottom, #FFF, #EEE ); }
.pj-productPanel .c-button:hover { background-image:linear-gradient( to top,    #FFF, #EEE ); }

.pj-productPanel * + .c-button { margin-top:1.0em; }

.pj-productPanel.c-panel--border                 { border-color:#333;    }
.pj-productPanel--camera-rc500hd.c-panel--border { border-color:#9A4024; }
.pj-productPanel--camera-rc110kd.c-panel--border { border-color:#5E7991; }
.pj-productPanel--camera-rc100kd.c-panel--border { border-color:#936A22; }
.pj-productPanel--camera-rc90kd.c-panel--border  { border-color:#1E1E98; }

.pj-productPanel--prime {
	padding-top:30px;
	padding-bottom:30px;
}
.pj-productPanel--prime .c-grid--width-1of2     { margin-left :-18px; margin-right :-18px; }
.pj-productPanel--prime .c-grid--width-1of2 > * { padding-left: 18px; padding-right: 18px; }
.pj-productPanel--prime .c-grid             > * { vertical-align:middle; }
.pj-productPanel--prime .pj-productPanel__image { width:456px; }
.pj-productPanel--prime .pj-productPanel__body  { width:306px; }

@media screen and ( max-width:640px ) {
	.pj-productPanel {
		padding:15px;
		max-width:340px;
	}
	.pj-productPanel--prime .c-grid\@sp--width-1of1     { margin-left :0; margin-right :0; }
	.pj-productPanel--prime .c-grid\@sp--width-1of1 > * { padding-left:0; padding-right:0; }
	.pj-productPanel--prime .c-grid                 > * { vertical-align:top; }
	.pj-productPanel--prime .pj-productPanel__image,
	.pj-productPanel--prime .pj-productPanel__body      { width:100%; }
}