@charset "utf-8";

/** ContentNav **/

.pj-contentNav--etc       .c-button       { border-color:#1C599A; background-color:#E3E3E3; color:#003365; }
.pj-contentNav--etc       .c-button       { background-image:linear-gradient( to bottom, #FEFEFE, #E3E3E3 ); }
.pj-contentNav--etc       .c-button:hover { background-image:linear-gradient( to top,    #FEFEFE, #E3E3E3 ); }

.pj-contentNav--etc-guide .c-button       { border-color:#1C599A; background-color:#9DD1DF; color:#003365; }
.pj-contentNav--etc-guide .c-button       { background-image:linear-gradient( to bottom, #EFFAFE, #9DD1DF ); }
.pj-contentNav--etc-guide .c-button:hover { background-image:linear-gradient( to top,    #EFFAFE, #9DD1DF ); }

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

/** ProductHeadingA **/

*[class*="pj-productHeadingA--etc-"],
.pj-productHeadingA--etc       { border-color:#1C599A; color:#003365; }
.pj-productHeadingA--etc-guide { background-image:linear-gradient( to bottom, #EFFAFE, #9DD1DF ); }

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

/** ProductHeadingB **/

*[class*="pj-productHeadingB--etc-"],
.pj-productHeadingB--etc { color:#003365; }

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

/** ProductHeadingC **/

*[class*="pj-productHeadingC--etc-"],
.pj-productHeadingC--etc { color:#003365; }

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

/** AttachmentMedia **/

.pj-attachmentMedia { position:relative; }
.pj-attachmentMedia__desc {
	line-height:1.3;
	font-size:95%;
}

* + .pj-attachmentMedia__desc { margin-top:0.5em; }

@media screen and ( max-width:640px ) {
	.pj-attachmentMedia                .c-media__aside { max-width: 40%; }
	.pj-attachmentMedia.c-media--stack .c-media__aside { max-width:100%; }
}

/** 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%; }
}

/** DataUpdateStepPanel **/

.pj-dataUpdateStepPanel {}

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

.pj-dataUpdateStepPanel--etc-ecr700.c-panel--border         { border-color    :#9C9D75;               }
.pj-dataUpdateStepPanel--etc-ecr700  > .c-panel__head--fill { background-color:#CCCC98; color:#330; }

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