@charset "utf-8";

/** OverrideBase **/

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

.pj-section--belt {
	margin-left:-110px;
	margin-right:-110px;
	padding-left:150px;
	padding-right:150px;
	background-color:#F7F4EE;
}
.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:#936A22; }

.pj-text { color:#3B1E0F; }

/** ProductBottomNav **/

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

/** 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 #936A22;
	display:inline-block;
	color:#936A22;
}
.pj-productLabelingHead__label + .pj-heading { margin-top:0.3em; }

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

/** ProductHeading **/

.pj-productHeading-lv1 { font-size:287.5%; } /* 46px */
.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:#3B1E0F;
}
.pj-productSpecTable .pj-productSpecTable__row-label > *,
.pj-productSpecTable .pj-productSpecTable__col-label       { background-color:#E3D3B8; }
.pj-productSpecTable .pj-productSpecTable__col-label ~ col { background-color:#F7F7F7; }

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

/** ProductConnectNav **/

.pj-productConnectNav {
	margin-top:1.0em;
	position:relative;
}
.pj-productConnectNav .c-grid {
	margin-left:-2px;
	margin-right:-2px;
}
.pj-productConnectNav .c-grid > * {
	margin-left:-1px;
	margin-right:-1px;
	height:3.8em;
}
.pj-productConnectNav .c-button {
	padding-left:0.5em;
	padding-right:0.5em;
	border:2px solid #E3D3B8;
	background-color:#F7F4EE;
	box-shadow:0 0 0 1px #FFF inset;
	display:block;
	line-height:1.3;
	font-size:100%;
	color:#936A22;
}
.pj-productConnectNav .c-button:hover {
	background-color:#E3D3B8;
	z-index:1;
}

@media screen and ( max-width:640px ) {
	.pj-productConnectNav {
		margin-top:2.0em;
		margin-bottom:2.0em;
		width:80%;
	}
	.pj-productConnectNav .c-grid,
	.pj-productConnectNav .c-grid > * {
		margin-left:auto;
		margin-right:auto;
	}
	.pj-productConnectNav .c-grid > :nth-child(n+2) { margin-top:1.0em; }
	.pj-productConnectNav .c-button { font-size:90%; }
}

/** ProductConnectTable **/

.pj-productConnectTable { font-size:90%; }
.pj-productConnectTable th,
.pj-productConnectTable td { border-color:#B1B1B1; }
.pj-productConnectTable th {
	background-color:#E6E6E6;
	text-align:left;
}

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

/** ProductPanel **/

.pj-productPanel { color:#3B1E0F; }
.pj-productPanel > .c-panel__head--fill {
	overflow:hidden;
	font-size:110%;
}
.pj-productPanel.c-panel--border        { border-color    :#E3D3B8; }
.pj-productPanel > .c-panel__head--fill { background-color:#E3D3B8; }

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