@charset "utf-8";

/** VisualSlider **/

.pj-visualSlider {
	margin:auto;
	position:relative;
	overflow:hidden;
}
.pj-visualSlider__list {
	margin:auto;
	padding-left:0;
	position:relative;
	display:flex;
	list-style:none;
}
.pj-visualSlider__list > * {
	margin:auto;
	position:relative;
	display:block;
	min-width:100%;
	width:100%;
}
.pj-visualSlider__list a {
	background-color:#FFF;
	display:block;
}
.pj-visualSlider__list a > img { transition:opacity 0.5s cubic-bezier( 0.165, 0.840, 0.440, 1.000 ); }
.pj-visualSlider__list a:hover > img {
	opacity:0.8;
	transition-duration:0.3s;
}
.pj-visualSlider.swiper-container { padding-bottom:30px; }
.pj-visualSlider__pagination.swiper-pagination { height:10px; }
.pj-visualSlider__pagination.swiper-pagination > .swiper-pagination-bullet {
	margin-left:5px;
	margin-right:5px;
	border-radius:0;
	width:10px;
	height:10px;
	vertical-align:top;
}
.pj-visualSlider__pagination.swiper-pagination > .swiper-pagination-bullet-active { background-color:#001B7C; }

/** [IE9] **/
.swiper-container-no-flexbox .pj-visualSlider__list { display:block; }
.swiper-container-no-flexbox .pj-visualSlider__list > * { min-width:0; }
.swiper-container-no-flexbox.swiper-container-fade .swiper-wrapper > * { position:absolute; top:0; }
.swiper-container-no-flexbox.swiper-container-fade .swiper-wrapper > .swiper-slide-active { position:relative; z-index:1; }/**/

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

/** ContentHeader **/

.pj-contentHeader .pj-heading { font-size:140%; }
.pj-contentHeader .pj-header__content {
	padding:0.5em 0;
	border:solid #666;
	border-width:3px 0 0;
	color:#333;
}

@media screen and ( max-width:640px ) {
	.pj-contentHeader { text-align:center; }
}

/** BasicHeading **/

.pj-basicHeading {
	padding-left:20px;
	font-size:120%;
}
.pj-basicHeading::before {
	margin-top:-0.2em;
	margin-left:-20px;
	margin-right:10px;
	border:solid #2C4891;
	border-width:10px 5px;
	display:inline-block;
	width:0;
	height:0;
	vertical-align:middle;
	content:"";
}

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

/** ProductBusinessButton **/

.pj-productBusinessButton {
	padding:1.0em 0.8em;
	border:1px solid #C3C3C3;
	background-color:#EEE;
	display:block;
	max-width:380px;
	color:#333;
}
.pj-productBusinessButton       { background-image:linear-gradient( to bottom, #FFF, #EEE ); }
.pj-productBusinessButton:hover { background-image:linear-gradient( to top,    #FFF, #EEE ); }

.pj-productBusinessButton .c-button__text { font-size:140%; }

.pj-productBusinessButton--etc2 {
	background-color:#6CB92D;
	color:#FFF;
}
.pj-productBusinessButton--etc2       { background-image:linear-gradient( to bottom, #0095B3, #01479D ); }
.pj-productBusinessButton--etc2:hover { background-image:linear-gradient( to top,    #0095B3, #01479D ); }

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

/** ProductLineupHeading **/

.pj-productLineupHeading {
	padding:0.5em 0.5em 0.3em;
	border:solid #001B7C;
	border-width:0 0 3px;
	background-color:#EEE;
	background-image:linear-gradient( to bottom, #FFF, #EEE );
	position:relative;
	font-size:120%;
	color:#001B7C;
}
.pj-productLineupHeading::before {
	margin:auto;
	border:1px solid #949494;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	pointer-events:none;
	content:"";
}

@media screen and ( max-width:640px ) {
	.pj-productLineupHeading {
		text-align:center;
		font-size:115%;
	}
}

/** ProductGroupHeading **/

.pj-productGroupHeading {
	padding-left:20px;
	background:none top right no-repeat;
	min-height:32px;
	font-size:120%;
}
.pj-productGroupHeading::before {
	margin-top:-0.2em;
	margin-left:-20px;
	margin-right:6px;
	border:solid transparent;
	border-width:10px 0 10px 14px;
	display:inline-block;
	width:0;
	height:0;
	vertical-align:middle;
	content:"";
}
.pj-productGroupHeading--etc2-sa::before { border-left-color:#0095B3; }
.pj-productGroupHeading--etc2::before    { border-left-color:#56AB2C; }
.pj-productGroupHeading--etc::before     { border-left-color:#6357A3; }
.pj-productGroupHeading--etc2-sa,
.pj-productGroupHeading--etc2 { padding-right:105px; background-image:url( "../img/index/icon/etc2.gif" ); }
.pj-productGroupHeading--etc  { padding-right: 65px; background-image:url( "../img/index/icon/etc.gif"  ); }

@media screen and ( max-width:640px ) {
	.pj-productGroupHeading--etc2-sa,
	.pj-productGroupHeading--etc2,
	.pj-productGroupHeading--etc {
		min-height:26px;
		font-size:110%;
	}
	.pj-productGroupHeading--etc2-sa,
	.pj-productGroupHeading--etc2 { padding-right:85px; background-size:80px; }
	.pj-productGroupHeading--etc  { padding-right:53px; background-size:48px; }
}

/** ProductLineupTable **/

.pj-productLineupTable {
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FFF;
	line-height:1.5;
	font-size:80%;
}
.pj-productLineupTable th,
.pj-productLineupTable td {
	padding:0.6em;
	border:1px solid #666;
	vertical-align:middle;
	text-align:center;
	color:#333;
}
.pj-productLineupTable .pj-productLineupTable__row-label > *,
.pj-productLineupTable .pj-productLineupTable__col-label { background-color:#FFFDED; }
.pj-productLineupTable .pj-productLineupTable__row-etc2 > *,
.pj-productLineupTable .pj-productLineupTable__col-etc2  { background-color:#F1F7EC; }
.pj-productLineupTable .pj-productLineupTable__row-etc > *,
.pj-productLineupTable .pj-productLineupTable__col-etc   { background-color:#EFEEF6; }
.pj-productLineupTable thead th > img {
	margin:auto;
	display:block;
}
.pj-productLineupTable thead th.pj-productLineupTable__col-etc2 {
	background-image:linear-gradient( to bottom, #6CB92D, #218A35 );
	color:#FFF;
}
.pj-productLineupTable thead th.pj-productLineupTable__col-etc {
	background-image:linear-gradient( to bottom, #A498C8, #62588A );
	color:#FFF;
}
.pj-productLineupTable thead tr:nth-child(1) th.pj-productLineupTable__col-etc2,
.pj-productLineupTable thead tr:nth-child(1) th.pj-productLineupTable__col-etc                     { border-bottom-color:#FFF; }
.pj-productLineupTable thead tr:nth-child(2) th.pj-productLineupTable__col-etc2,
.pj-productLineupTable thead tr:nth-child(2) th.pj-productLineupTable__col-etc                     { border-top-color   :#FFF; }
.pj-productLineupTable thead tr              th.pj-productLineupTable__col-etc2:nth-last-child(n+2),
.pj-productLineupTable thead tr              th.pj-productLineupTable__col-etc:nth-last-child(n+2) { border-right-color :#FFF; }
.pj-productLineupTable tbody th:first-child + td,
.pj-productLineupTable tbody td:first-child { text-align:left; }

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

/** ProductPanel **/

.pj-productPanel {
	padding:20px;
	border-radius:10px;
	border-width:2px;
}
.pj-productPanel__image,
.pj-productPanel__body {
	margin:auto;
	position:relative;
}

.pj-productPanel .c-button {
	padding:0.8em 0.8em 0.8em 25px;
	border:1px solid #C3C3C3;
	background-color:#EEE;
	display:block;
	color:#333;
}
.pj-productPanel .c-button::before {
	margin:auto;
	background:url( "../img/index/icon/product_button.png" ) left center no-repeat;
	background-size:contain;
	position:absolute;
	top:0;
	bottom:0;
	left:8px;
	display:block;
	width:12px;
	height:12px;
	content:"";
}
.pj-productPanel .c-button       { background-image:linear-gradient( to bottom, #FFF, #EEE ); }
.pj-productPanel .c-button:hover { background-image:linear-gradient( to top,    #FFF, #EEE ); }

.pj-productPanel * + .c-button { margin-top:1.0em; }

.pj-productPanel.c-panel--border          { border-color:#333;    }
.pj-productPanel--etc2-sa.c-panel--border { border-color:#0095B3; }
.pj-productPanel--etc2.c-panel--border    { border-color:#56AB2C; }
.pj-productPanel--etc.c-panel--border     { border-color:#6357A3; }

.pj-productPanel--prime {
	padding-top:30px;
	padding-bottom:30px;
}
.pj-productPanel--prime .c-grid--width-1of2     { margin-left :-18px; margin-right :-18px; }
.pj-productPanel--prime .c-grid--width-1of2 > * { padding-left: 18px; padding-right: 18px; }
.pj-productPanel--prime .c-grid             > * { vertical-align:middle; }
.pj-productPanel--prime .pj-productPanel__image { width:456px; }
.pj-productPanel--prime .pj-productPanel__body  { width:306px; }

@media screen and ( max-width:640px ) {
	.pj-productPanel {
		padding:15px;
		max-width:340px;
	}
	.pj-productPanel--prime .c-grid\@sp--width-1of1     { margin-left :0; margin-right :0; }
	.pj-productPanel--prime .c-grid\@sp--width-1of1 > * { padding-left:0; padding-right:0; }
	.pj-productPanel--prime .c-grid                 > * { vertical-align:top; }
	.pj-productPanel--prime .pj-productPanel__image,
	.pj-productPanel--prime .pj-productPanel__body      { width:100%; }
}

/** Camera **/

.pj-productPanel--camera.c-panel--border  { border-color:#1E1E98; }

/** CameraTopPanel **/

.pj-cameraTopPanel {
	padding:0.5em;
	border-radius:0;
	text-align:center;
	font-size:110%;
}
.pj-cameraTopPanel.c-panel--fill { background-color:#000; color:#FFF; }

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