@charset "utf-8";

/** ContentNav **/

.pj-contentNav--chic .c-grid,
.pj-contentNav--chic .c-grid > * {
	margin-left:auto;
	margin-right:auto;
}
.pj-contentNav--chic .c-grid > * {
	padding:0.8em 0.5em;
	height:4.3em;
}

.pj-contentNav--chic .c-button {
	border:1px solid #CCC;
	background-color:#FFF;
	box-shadow:none;
	color:#000;
	transition:border 0.5s cubic-bezier( 0.165, 0.840, 0.440, 1.000 );
}
.pj-contentNav--chic .c-button::after {
	margin:auto;
	border:solid transparent;
	border-width:9px 10px 0 10px;
	border-top-color:#000;
	position:absolute;
	left:0;
	right:0;
	bottom:-10px;
	display:block;
	width:0;
	height:0;
	content:"";
}
.pj-contentNav--chic .c-button:hover {
	border-color:#000;
	transition-duration:0.3s;
}

@media screen and ( max-width:640px ) {
	.pj-contentNav--chic .c-grid > * {
		padding:0.5em 0.3em;
		height:3.8em;
	}
}

/** ProductLead **/

.pj-productLead {
	margin:auto;
	position:relative;
}

.pj-productLead .c-grid > :last-child .pj-text { font-size:120%; }

.pj-productLead + .pj-section--border-top { border-top-color:#000; }

@media screen and ( max-width:640px ) {
	.pj-productLead .c-grid > :last-child .pj-text { font-size:100%; }
}

/** ProductSpecTable **/

.pj-productSpecTable td { font-feature-settings:"palt"; }

/** ProductSpecHeading **/

.pj-productSpecHeading {
	padding:0.3em 0.6em 0.5em;
	border:solid #333;
	border-width:0 0 1px 5px;
}
.pj-productSpecHeading::before { content:none; }

.pj-productSpecHeading + * { margin-top:2.0em; }

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

/** ProductAttachmentHeading **/

.pj-productAttachmentHeading {
	margin:auto;
	line-height:1.5;
	font-size:110%;
}
.pj-productAttachmentHeading::before {
	margin:-0.2em 0.2em 0 0;
	border-radius:50%;
	background-color:#008FC2;
	display:inline-block;
	vertical-align:middle;
	width:0.9em;
	height:0.9em;
	content:"";
}

@media screen and ( max-width:640px ) {
	.pj-productAttachmentHeading { font-size:100%; }
}

/** ProductAccessoryHeading **/

.pj-productAccessoryHeading {
	margin:auto;
	padding:0.3em 0.8em;
	background-color:#EEE;
}

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

/** ProductAccessory **/

.pj-productAccessory {
	margin:auto;
	position:relative;
}
.pj-productAccessory__price,
.pj-productAccessory__name {
	line-height:1.3;
	font-size:90%;
}
.pj-productAccessory__name > span {
	margin-bottom:0.1em;
	display:block;
	line-height:1.1;
	font-weight:bold;
	font-size:180%;
}

* + .pj-productAccessory__price,
* + .pj-productAccessory__name { margin-top:1.0em; }

@media screen and ( max-width:640px ) {
	.pj-productAccessory__price,
	.pj-productAccessory__name { font-size:80%; }
	.pj-productAccessory__name > span { font-size:150%; }
	
	* + .pj-productAccessory__price,
	* + .pj-productAccessory__name { margin-top:0.5em; }
}

/** ProductSimpleHeadingA **/

.pj-productSimpleHeadingA {
	text-align:center;
	font-size:150%;
	color:#000;
}

@media screen and ( max-width:640px ) {
	.pj-productSimpleHeadingA { font-size:120%; }
}

/** ProductSimpleHeadingB **/

.pj-productSimpleHeadingB {
	text-align:center;
	font-size:125%;
	color:#000;
}

@media screen and ( max-width:640px ) {
	.pj-productSimpleHeadingB { font-size:105%; }
}

/** ProductServiceHeadingA **/

.pj-productServiceHeadingA {
	padding:0.5em 0;
	border:solid #3C7FB2;
	border-width:1px 0;
	text-align:center;
	font-size:150%;
	color:#3C7FB2;
}

.pj-productServiceHeadingA--new {}
.pj-productServiceHeadingA--new::before {
	margin-right:0.5em;
	padding:0.1em 0.5em;
	background-color:#E50012;
	position:relative;
	top:-0.1em;
	display:inline-flex;
	align-items:flex-start;
	max-width:4.0em;
	overflow:hidden;
	line-height:1.2;
	font-feature-settings:"pwid";
	font-family:-apple-system, BlinkMacSystemFont, Roboto, "Droid Sans", "Helvetica Neue", "Segoe UI", "Yu Gothic", YuGothic, sans-serif;
	font-size:75%;
	color:#FFF;
	content:"NEW";
}

.pj-productServiceHeadingA__label {
	margin-right:0.5em;
	padding:0.1em 0.5em;
	background-color:#E50012;
	position:relative;
	top:-0.1em;
	display:inline-flex;
	align-items:flex-start;
	overflow:hidden;
	line-height:1.2;
	font-feature-settings:"pwid";
	font-family:-apple-system, BlinkMacSystemFont, Roboto, "Droid Sans", "Helvetica Neue", "Segoe UI", "Yu Gothic", YuGothic, sans-serif;
	font-size:75%;
	color:#FFF;
}

.pj-productServiceHeadingA + * { margin-top:2.5em; margin-bottom:2.5em; }

@media screen and ( max-width:640px ) {
	.pj-productServiceHeadingA { font-size:110%; }
	
	.pj-productServiceHeadingA--new::before {
		margin:auto auto 0.1em;
		display:block;
	}
	
	.pj-productServiceHeadingA + * { margin-top:1.5em; margin-bottom:1.5em; }
}

/** ProductServiceHeadingB **/

.pj-productServiceHeadingB {
	text-align:center;
	font-size:125%;
	color:#3C7FB2;
}

.pj-productServiceHeadingB + * { margin-top:1.5em; margin-bottom:1.5em; }

@media screen and ( max-width:640px ) {
	.pj-productServiceHeadingB { font-size:105%; }
	
	.pj-productServiceHeadingB + * { margin-top:1.0em; margin-bottom:1.0em; }
}

/** ProductSimpleButtonA **/

.pj-productSimpleButtonA {
	padding:1.0em 3.0em;
	border:1px solid #3C7FB2;
	background-color:#FFF;
	font-size:105%;
	color:#3C7FB2;
	transition:0.3s cubic-bezier( 0.165, 0.840, 0.440, 1.000 );
	transition-property:border, background, color;
}
.pj-productSimpleButtonA .c-button__icon::before {
	margin:auto auto -1px;
	border:solid transparent;
	border-width:8px 0 8px 13px;
	border-left-color:#3C7FB2;
	display:block;
	width:0;
	height:0;
	content:"";
	transition:border 0.3s cubic-bezier( 0.165, 0.840, 0.440, 1.000 );
}
.pj-productSimpleButtonA .c-button__icon + .c-button__text {
	margin-left:0.5em;
	text-align:left;
}

.pj-productSimpleButtonA:hover {
	background-color:#3C7FB2;
	color:#FFF;
	transition-duration:0.1s;
}
.pj-productSimpleButtonA:hover .c-button__icon::before {
	border-left-color:#FFF;
	transition-duration:0.1s;
}

@media screen and ( max-width:640px ) {
	.pj-productSimpleButtonA { font-size:100%; }
}

/** Text **/

[class*="pj-productServiceHeading"] + .pj-text,
[class*="pj-productSimpleHeading"]  + .pj-text { text-align:center; }
[class*="pj-productSimpleHeading"]  + .pj-text + .pj-note { margin-top:2.0em; }

@media screen and ( max-width:640px ) {
	[class*="pj-productServiceHeading"] + .pj-text,
	[class*="pj-productSimpleHeading"]  + .pj-text { text-align:left; }
	[class*="pj-productSimpleHeading"]  + .pj-text + .pj-note { margin-top:1.0em; }
}

/** ProductBulletList **/

.pj-productBulletList {}
.pj-productBulletList .c-list__marker {
	padding-right:0.2em;
	font-family:"Yu Gothic", YuGothic, sans-serif;
	font-size:90%;
	color:#008FC2;
}
.pj-productBulletList__text { color:#3C7FB2; }

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

/** beacon：[ET2500VD_ET2505VD] **/

/** BeaconSignalCase **/

.pj-beaconSignalCase { position:relative; }

.pj-beaconSignalCase.pj-section--border-top { border-top-style:dashed; }

.pj-beaconSignalCase__heading {
	text-align:left;
	font-size:135%;
	color:#3C7FB2;
}
.pj-beaconSignalCase__heading > img {
	margin:0.3em 0 0;
	display:block;
	width:auto;
	height:20px;
}

@media screen and ( max-width:640px ) {
	.pj-beaconSignalCase__heading {
		text-align:center;
		font-size:115%;
	}
	.pj-beaconSignalCase__heading > img {
		margin-left:auto;
		margin-right:auto;
		height:16px;
	}
}

/** michibiki：[ET2620GD] **/

/** MichibikiHeadingLabel **/

.pj-michibikiHeadingLabel {
	margin-right:0.5em;
	padding:0.2em 0.4em 0.2em 0.6em;
	background-image:linear-gradient( to bottom, #FBCD73, #B40023 );
	display:inline-flex;
	align-items:flex-start;
	overflow:hidden;
	line-height:1.3;
	vertical-align:text-top;
	text-shadow:1px 1px 0 #810000;
	font-feature-settings:"pwid";
	font-family:-apple-system, BlinkMacSystemFont, Roboto, "Droid Sans", "Helvetica Neue", "Segoe UI", "Yu Gothic", YuGothic, sans-serif;
	font-weight:bold;
	font-size:70%;
	color:#FFF;
}
.pj-michibikiHeadingLabel > sup {
	margin-top:0.3em;
	margin-left:0.1em;
	font-size:60%;
}

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

/** MichibikiVGPanel **/

.pj-michibikiVGPanel { /*background-color:#FFFEEE;*/ }
.pj-michibikiVGPanel__vaPhoto {
	border-radius:50%;
	max-height:180px;
	overflow:hidden;
}
.pj-michibikiVGPanel__vaPhoto > img {
	display:block;
	width:100%;
}

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