@charset "utf-8";

/** ContentNav **/

.pj-contentNav--etc2-et2600gd .c-button       { border-color:#9D9EA0; background-color:#929292; color:#FFF; }
.pj-contentNav--etc2-et2600gd .c-button       { background-image:linear-gradient( to bottom, #F2F2F2, #7D7D7D 49%, #696969 50%, #545454 51%, #929292 ); }
.pj-contentNav--etc2-et2600gd .c-button:hover { background-image:linear-gradient( to top,    #F2F2F2, #7D7D7D 49%, #696969 50%, #545454 51%, #929292 ); }

.pj-contentNav--etc2-et2000d  .c-button       { border-color:#767CB0; background-color:#8E94C6; color:#FFF; }
.pj-contentNav--etc2-et2000d  .c-button       { background-image:linear-gradient( to bottom, #BBC1F1, #8B92C0 49%, #7D84B8 50%, #646DA8 51%, #8E94C6 ); }
.pj-contentNav--etc2-et2000d  .c-button:hover { background-image:linear-gradient( to top,    #BBC1F1, #8B92C0 49%, #7D84B8 50%, #646DA8 51%, #8E94C6 ); }

.pj-contentNav--etc2-dsr140d  .c-button       { border-color:#CDB76C; background-color:#896F0E; color:#FFF; }
.pj-contentNav--etc2-dsr140d  .c-button       { background-image:linear-gradient( to bottom, #B89A38, #A58B2E 49%, #977E24 50%, #836A10 51%, #896F0E ); }
.pj-contentNav--etc2-dsr140d  .c-button:hover { background-image:linear-gradient( to top,    #B89A38, #A58B2E 49%, #977E24 50%, #836A10 51%, #896F0E ); }

.pj-contentNav--etc2-dsr140d :nth-child(3) .pj-productIcon-etc2-dsr140d-theFirst {
	margin:-5px 0;
	position:relative;
	left:-23px;
}

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

/** ProductIcon **/

.pj-productIcon-etc2-dsr140d-theFirst {
	padding:5px;
	background-color:#000;
	display:inline-block;
	width:23px;
	overflow:hidden;
	line-height:1.0;
	vertical-align:middle;
	text-align:center;
	word-break:break-all;
	font-weight:bold;
	font-size:13px;
	color:#FEFE00;
	transform:rotate( 15deg );
}

.pj-productIcon-etc2-et2000d-highLv {
	padding:0.3em 0.5em 0.2em;
	border-radius:5px;
	background-color:#6357A3;
	display:inline-block;
	max-width:10.0em;
	overflow:hidden;
	white-space:nowrap;
	text-align:center;
	font-size:80%;
	color:#FFF;
}

.pj-productIcon-etc2-startNewService {
	margin:-0.2em 0.5em 0 0;
	padding:0.1em 0.3em 0 0.5em;
	border-radius:1.0em;
	background-color:#C00;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
	font-size:80%;
}

@media screen and ( max-width:640px ) {
	.pj-productIcon-etc2-startNewService {
		margin:auto;
		display:table;
	}
}

/** ProductHeadingA **/

*[class*="pj-productHeadingA--etc2-"],
.pj-productHeadingA--etc2          { color:#FFF; }

.pj-productHeadingA--etc2          { background-image:linear-gradient( to bottom, #6357A3, #4F3FA2 ); }/**
.pj-productHeadingA--etc2-et2600gd {}
.pj-productHeadingA--etc2-et2000d  {}/**/
.pj-productHeadingA--etc2-dsr140d  { background-image:linear-gradient( to bottom, #CAA520, #8E7300 ); }

.pj-productHeadingA--etc2-dsr140d-theFirst { padding-left:50px; }
.pj-productHeadingA--etc2-dsr140d-theFirst .pj-productIcon-etc2-dsr140d-theFirst {
	margin:-27px -23px -13px 0;
	position:relative;
	left:-35px;
}

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

/** ProductHeadingB **/

*[class*="pj-productHeadingB--etc2-"],
.pj-productHeadingB--etc2 { color:#6357A3; }

.pj-productHeadingB--etc2-et2000d-highLv {
	padding-top:0.3em;
	font-size:120%;
}
.pj-productHeadingB--etc2-et2000d-highLv .pj-productIcon-etc2-et2000d-highLv { margin:auto 0.3em -0.5em -0.3em; }

@media screen and ( max-width:640px ) {
	.pj-productHeadingB--etc2-et2000d-highLv {
		padding-left:0;
		padding-right:0;
	}
	.pj-productHeadingB--etc2-et2000d-highLv .pj-productIcon-etc2-et2000d-highLv {
		margin:auto auto 0.5em;
		display:block;
		max-width:none;
	}
}

/** ProductHeadingC **/

*[class*="pj-productHeadingC--etc2-"] { text-align:center; }
.pj-productHeadingC--etc2             { text-align:left;   }
*[class*="pj-productHeadingC--etc2-"],
.pj-productHeadingC--etc2             { font-size:120%; }

.pj-productHeadingC--etc2             { color:#6357A3; }
.pj-productHeadingC--etc2-et2600gd    { color:#4D4948; }/**
.pj-productHeadingC--etc2-et2000d     {}/**/
.pj-productHeadingC--etc2-dsr140d     { color:#0190DC; }

@media screen and ( max-width:640px ) {
	.pj-productHeadingC--etc2 { text-align:center; }
	*[class*="pj-productHeadingC--etc2-"],
	.pj-productHeadingC--etc2 { font-size:110%; }
}

/** ProductHeadingD **/

*[class*="pj-productHeadingD--etc2-"],
.pj-productHeadingD--etc2          { font-size:120%; }

.pj-productHeadingD--etc2          { background-color:#6357A3; }
.pj-productHeadingD--etc2-et2600gd { background-color:#01479D; }/**
.pj-productHeadingD--etc2-et2000d  {}/**/
.pj-productHeadingD--etc2-dsr140d  { background-color:#0190DC; }

@media screen and ( max-width:640px ) {
	*[class*="pj-productHeadingD--etc2-"],
	.pj-productHeadingD--etc2 { font-size:110%; }
}

/** AccessoryMedia **/

.pj-accessoryMedia { position:relative; }
.pj-accessoryMedia__price {
	line-height:1.3;
	font-size:90%;
	color:#333;
}

* + .pj-accessoryMedia__price { margin-top:0.8em; }

@media screen and ( max-width:640px ) {
	.pj-accessoryMedia                .c-media__aside { max-width: 40%; }
	.pj-accessoryMedia.c-media--stack .c-media__aside { max-width:100%; }
	.pj-accessoryMedia                .c-media__body .pj-productHeadingC--etc2 { text-align:left; }
}

/** ETC2FeatureList **/

.pj-etc2FeatureList {
	border:solid #5588C1;
	border-width:1px 0;
}
.pj-etc2FeatureList > * {
	padding:18px 5px 18px 50px;
	position:relative;
}
.pj-etc2FeatureList > :nth-child(n+2) {
	border:solid #5588C1;
	border-width:1px 0 0;
}
.pj-etc2FeatureList .pj-etc2FeatureList__icon {
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:5px;
	display:block;
	width:40px;
	height:40px;
}

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

/** ETCAboutPanel **/

.pj-etcAboutPanel {}

.pj-etcAboutPanel > .c-panel__head--fill {
	overflow:hidden;
	font-size:110%;
}

.pj-etcAboutPanel--etc.c-panel--border         { border-color    :#999;    }
.pj-etcAboutPanel--etc  > .c-panel__head--fill { background-color:#999;    }
.pj-etcAboutPanel--etc2.c-panel--border        { border-color    :#004A9F; }
.pj-etcAboutPanel--etc2 > .c-panel__head--fill { background-color:#004A9F; }

@media screen and ( max-width:640px ) {
	.pj-etcAboutPanel > .c-panel__head--fill {
		text-align:center;
		font-size:100%;
	}
}

/** FeaturePanel **/

.pj-featurePanel {}

.pj-featurePanel > .c-panel__head { text-align:center; }
.pj-featurePanel > .c-panel__head--fill {
	padding-right:63px;
	overflow:hidden;
	font-size:120%;
}
.pj-featurePanel > .c-panel__head--fill::after {
	margin:auto;
	background:url( "../DSR140/img/02/icon/its_spot.gif" ) center right no-repeat;
	background-size:contain;
	position:absolute;
	top:0.4em;
	right:8px;
	display:block;
	width:50px;
	height:25px;
	content:"";
}
.pj-featurePanel > .c-panel__head       + .pj-text { text-align:center; }
.pj-featurePanel > .c-panel__head--fill + .pj-text { font-size:110%; }

.pj-featurePanel--a > .c-panel__head--fill + .pj-text { color:#0190DC; }
.pj-featurePanel--b > .c-panel__head--fill + .pj-text { color:#E35F6A; }
.pj-featurePanel--c > .c-panel__head--fill + .pj-text { color:#00A29D; }

.pj-featurePanel--a.c-panel--fill            { background-color:#D3EDFA; }
.pj-featurePanel--a.c-panel--border          { border-color    :#0190DC; }
.pj-featurePanel--a > .c-panel__head--border { border-color    :#0190DC; color:#0190DC; }
.pj-featurePanel--a > .c-panel__head--fill   { background-color:#0190DC; }
.pj-featurePanel--b.c-panel--border          { border-color    :#E35F6A; }
.pj-featurePanel--b > .c-panel__head--border { border-color    :#E35F6A; color:#E35F6A; }
.pj-featurePanel--b > .c-panel__head--fill   { background-color:#E35F6A; }
.pj-featurePanel--c.c-panel--border          { border-color    :#00A29D; }
.pj-featurePanel--c > .c-panel__head--border { border-color    :#00A29D; color:#00A29D; }
.pj-featurePanel--c > .c-panel__head--fill   { background-color:#00A29D; }

@media screen and ( min-width:641px ) {
	.c-grid--width-1of2 > *           .pj-featurePanel--b > .c-panel__head--border + .pj-text  { min-height:3.0em; }
	.c-grid--width-1of2 > *           .pj-featurePanel--c                                      { min-height:355px; }
	.c-grid--width-1of2 > :last-child .pj-featurePanel--c > .c-panel__head--fill               { min-height: 40px; }
	.c-grid--width-1of2 > :last-child .pj-featurePanel--c > .c-panel__head--fill > .pj-heading { padding-top:0.2em; font-size:84%; }
}
@media screen and ( max-width:640px ) {
	.pj-featurePanel > .c-panel__head--fill { font-size:100%; }
	.pj-featurePanel > .c-panel__head--fill::after { top:0.2em; right:4px; }
}