@charset "utf-8";

/** OverrideBase **/

.pj-section--border-top { border-top-color:#B8C7E3; }

.pj-section--belt {
	margin-left:-110px;
	margin-right:-110px;
	padding-left:150px;
	padding-right:150px;
	background-color:#EEF1F7;
}
.pj-section--belt.pj-section--gap-small  { padding-top:1.0em; padding-bottom:1.0em; }
.pj-section--belt.pj-section--gap-medium { padding-top:3.0em; padding-bottom:3.0em; }
.pj-section--belt.pj-section--gap-large  { padding-top:4.0em; padding-bottom:4.0em; }

@media screen and ( min-width:641px ) {
	.pj-section { max-width:900px; }
	
	.pj-section--gap-medium { margin-top:3.0em; margin-bottom:3.0em; }
	.pj-section--gap-large  { margin-top:4.0em; margin-bottom:4.0em; }
	
	.pj-section--border-top.pj-section--gap-medium { padding-top:3.0em; }
	.pj-section--border-top.pj-section--gap-large  { padding-top:4.0em; }
	
	.pj-section--belt { max-width:none; }
}
@media screen and ( max-width:640px ) {
	.pj-section--belt {
		margin-left:-10px;
		margin-right:-10px;
		padding-left:10px;
		padding-right:10px;
	}
	.pj-section--belt.pj-section--gap-medium { padding-top:1.5em; padding-bottom:1.5em; }
	.pj-section--belt.pj-section--gap-large  { padding-top:2.0em; padding-bottom:2.0em; }
}

.pj-heading { color:#5E7991; }

.pj-text { color:#0F2E3B; }

/** ProductBottomNav **/

.pj-productBottomNav .c-button { border-color:#5E7991; color:#5E7991; }
.pj-productBottomNav .c-button:hover { background-color:#5E7991; }
.pj-productBottomNav .c-button__icon::before { border-left-color:#5E7991; }

/** ProductHeaderVisual **/

.pj-productHeaderVisual {
	margin-left:-110px;
	margin-right:-110px;
	padding-left:110px;
	padding-right:110px;
	background:#F7F4EE url( "../img/index/bg_visual.jpg" ) center top no-repeat;
	background-size:cover;
}
.pj-productHeaderVisual .pj-heading { padding-top:60px; }
.pj-productHeaderVisual .pj-contentNav {
	padding-top:40px;
	padding-bottom:40px;
}

@media screen and ( max-width:640px ) {
	.pj-productHeaderVisual {
		margin-left:-10px;
		margin-right:-10px;
		padding-left:10px;
		padding-right:10px;
	}
	.pj-productHeaderVisual .pj-heading { padding:20px 20px 0; }
	.pj-productHeaderVisual .pj-contentNav {
		padding-top:20px;
		padding-bottom:20px;
	}
}

/** ContentNav **/

.pj-contentNav {
	margin-top:0;
	margin-bottom:0;
	max-width:900px;
}
.pj-contentNav .c-grid {
	margin-left:0;
	margin-right:0;
}
.pj-contentNav .c-grid > * {
	margin-left:0;
	margin-right:0;
	height:auto;
}
.pj-contentNav .c-button {
	padding-top:calc( 131 / 221 * 100% );
	padding-left:0;
	padding-right:0;
	border:none;
	background-color:transparent;
	box-shadow:none;
	display:block;
	max-width:221px;
	line-height:1.0;
	font-size:100%;
	color:#333;
}
.pj-contentNav .c-button__text {
	display:block;
	height:0;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;
}
.pj-contentNav .c-button::before,
.pj-contentNav .c-button::after {
	background:transparent 0 0 no-repeat;
	background-size:calc( 884 / 221 * 100% ) calc( 131 / 131 * 100% );
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	content:"";
}
.pj-contentNav .c-button::before { background-image:url( "../img/index/button_content_nav.png" );       opacity:1.0; }
.pj-contentNav .c-button::after  { background-image:url( "../img/index/button_content_nav_hover.png" ); opacity:0.0; }
.pj-contentNav .c-grid > :nth-child(1) > .c-button::before,
.pj-contentNav .c-grid > :nth-child(1) > .c-button::after { background-position-x:calc( 0 * 221 / ( 884 - 221 ) * 100% ); }
.pj-contentNav .c-grid > :nth-child(2) > .c-button::before,
.pj-contentNav .c-grid > :nth-child(2) > .c-button::after { background-position-x:calc( 1 * 221 / ( 884 - 221 ) * 100% ); }
.pj-contentNav .c-grid > :nth-child(3) > .c-button::before,
.pj-contentNav .c-grid > :nth-child(3) > .c-button::after { background-position-x:calc( 2 * 221 / ( 884 - 221 ) * 100% ); }
.pj-contentNav .c-grid > :nth-child(4) > .c-button::before,
.pj-contentNav .c-grid > :nth-child(4) > .c-button::after { background-position-x:calc( 3 * 221 / ( 884 - 221 ) * 100% ); }
.pj-contentNav .c-button:hover::before { opacity:0.0; }
.pj-contentNav .c-button:hover::after  { opacity:1.0; }

@media screen and ( max-width:640px ) {
	.pj-contentNav {
		max-width:440px;
		width:auto;
	}
	.pj-contentNav .c-grid > :nth-child(n) { margin-top:0; }
	.pj-contentNav .c-button { max-width:none; }
}

/** ProductLabelingHead **/

.pj-productLabelingHead {}
.pj-productLabelingHead__label {
	padding:0.3em 0.8em;
	border:1px solid #5E7991;
	display:inline-block;
	color:#5E7991;
}
.pj-productLabelingHead__label + .pj-heading { margin-top:0.3em; }

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

/** ProductHeading **/

.pj-productHeading-lv1 { font-size:262.5%; } /* 42px */
.pj-productHeading-lv2 { font-size:225%; }   /* 36px */
.pj-productHeading-lv3 { font-size:150%; }   /* 24px */
.pj-productHeading-lv3 {
	padding-left:25px;
	position:relative;
}
.pj-productHeading-lv3::before {
	margin-bottom:-0.15em;
	margin-left:-25px;
	margin-right:5px;
	background:transparent url( "../img/icon/icon_heading.png" ) center center no-repeat;
	background-size:contain;
	display:inline-block;
	width:20px;
	height:1.0em;
	content:"";
}

@media screen and ( max-width:640px ) {
	.pj-productHeading-lv1 { font-size:200%; } /* 32px */
	.pj-productHeading-lv2 { font-size:175%; } /* 28px */
	.pj-productHeading-lv3 { font-size:125%; } /* 20px */
}

/** ProductFeatureMovieButton **/

.pj-productFeatureMovieButton {
	margin:auto;
	display:block;
	max-width:520px;
}
.pj-productFeatureMovieButton:hover { opacity:0.9; }

@media screen and ( max-width:640px ) {
	.pj-productFeatureMovieButton { max-width:60%; }
}

/** ProductSpecTable **/

.pj-productSpecTable { font-feature-settings:"palt"; }
.pj-productSpecTable th,
.pj-productSpecTable td {
	border-color:#FFF;
	color:#0F2E3B;
}
.pj-productSpecTable .pj-productSpecTable__row-label > *,
.pj-productSpecTable .pj-productSpecTable__col-label       { background-color:#B8C7E3; }
.pj-productSpecTable .pj-productSpecTable__col-label ~ col { background-color:#EDEDED; }

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