﻿@charset "utf-8";
/*--京common.css--*/
/* ##########PC########## */
.sp2_exp_box{
	width:900px;
	margin:0 auto;
}

	.sp2_exp_box > .box_header{
		text-align:center;
		margin-bottom:3em;
	}
	
	.sp2_exp_box > .box_inner{}
		
		/*exp_detail_box*/
		.sp2_exp_box > .box_inner > .exp_detail_box{
			display:flex;
			justify-content:space-between;
			margin-bottom:4em;
			font-size:1.05em;
			line-height:1.8;
		}
		
		.sp2_exp_box > .box_inner > .exp_detail_box > p{
			padding-right:2em;
		}

		.sp2_exp_box > .box_inner > .exp_detail_box.exp2 > p{
			display: inline-block;
			max-width: 350px;
		}

		.sp2_exp_box > .box_inner > .exp_detail_box > p .fc_blue{
			color:#0d519c;
		}
		
		.sp2_exp_box > .box_inner > .exp_detail_box > p .fc_red{
			color:#e4012c;
		}
		
		.sp2_exp_box > .box_inner > .exp_detail_box > .figs_box{
			display:flex;
			justify-content:center;
			align-items:flex-end;
		}
		
			.sp2_exp_box > .box_inner > .exp_detail_box > .figs_box li{
				margin-right:20px;
			}
			
			.sp2_exp_box > .box_inner > .exp_detail_box > .figs_box li:last-child{
				margin-right:0;
			}
			
				.sp2_exp_box > .box_inner > .exp_detail_box > .figs_box li .fig_img{
					margin-bottom:0.5em;
				}
			
				.sp2_exp_box > .box_inner > .exp_detail_box > .figs_box li p{
					font-size:0.9em;
					line-height:1.2;
					text-align:center;
				}
				
		/*exp_common*/
		.sp2_exp_box > .box_inner > .exp_common{
			margin-bottom:4em;
		}
		
			.sp2_exp_box > .box_inner > .exp_common > .box_header{
				background:#edf5fe;
				padding:1em;
				margin-bottom:2em;
			}
			
				.sp2_exp_box > .box_inner > .exp_common > .box_header h3{
					font-size:1.3em;
					font-weight:bold;
					color:#004e93;
				}
			
			.sp2_exp_box > .box_inner > .exp_common > .box_inner{
				line-height:1.8;
				padding:0 1em;
			}
			
		/*exp_product_box*/
		.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl{
			margin-bottom:3em;
		}
		
		.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl:last-child{
			margin-bottom:0;
		}
		
			.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl dt{
				font-weight:bold;
				font-size:1.15em;
				padding-left:1em;
				position:relative;
				line-height:1.4;
				margin-bottom:0.5em;
			}
			
				.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl dt:before{
					content:"";
					position:absolute;
					top:0;
					left:0;
					display:inline-block;
					width:6px;
					height:100%;
					background:#004e93;
				}
			
			.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl dd{
				padding:0 1.5em;
				font-size:1.05em;
			}
			
				.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl dd p{
					margin-bottom:1em;
				}
			
				.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl dd .fig_img{
					text-align:center;
				}
				
		/*exp_saverpro_box*/
		.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .saverpro_catch_text{
			text-align:center;
			margin-bottom:2em;
		}
		
			.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .saverpro_catch_text .catch1{
				font-weight:bold;
				font-size:1.2em;
			}
			
			.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box{
				padding:0 3em;
				display:flex;
				flex-wrap:wrap;
			}
			
				.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box li{
					width:50%;
					text-align:center;
					margin-bottom:2em;
					display:flex;
					flex-direction:column;
					justify-content:flex-end;
				}
				
				.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box li p{
					margin-top:0.5em;
				}
				
					.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box li p .lbl_new{
						color:#c40026;
						font-weight:bold;
					}
					
					.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box li p .fs_italic{
						font-style:italic;
					}
			
		/*exp_saverpro_box*/
		.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box{
			display:flex;
			flex-wrap:wrap;
			width:700px;
			margin:0 auto;
		}
		
			.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box li{
				width:50%;
				text-align:center;
			}
			
				.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box li p{
					margin:0.5em auto 0 auto;
					line-height:1.4;
				}
		
			.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box .main_fig{
				width:100%;
				margin-bottom:2em;
			}
			
				.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box .main_fig ul.name_box{
					width:410px;
					display:flex;
					margin:0.5em auto 0 auto;
					line-height:1.4;
				}

.dl_catalog{}

	.dl_catalog dl{
		width:300px;
		box-sizing:border-box;
		border:1px solid #ccc;
		margin:0 auto;
		padding:15px;
	}
	
		.dl_catalog dl dt{
			margin-bottom:1em;
			text-align:center;
			font-weight:bold;
			background:#003f8f;
			color:#fff;
			padding:0.3em 0 0.3em 1em;
			font-size:1.05em;
			letter-spacing:1em;
		}
		
		.dl_catalog dl dd{
			text-align:center;
		}
		
		.dl_catalog dl dd a{
			display:inline-block;
		}
		
			.dl_catalog dl dd a span{
				display:block;
			}
			
			.dl_catalog dl dd a .lbl{
				margin-top:0.5em;
			}
			
				.dl_catalog dl dd a{
					color:#222;
					text-decoration:none;
					transition:.3s all ease;
				}
				
				.dl_catalog dl dd a:hover{
					opacity:0.8;
				}
			
				.dl_catalog dl dd a .lbl:before{
					font-family: FontAwesome;
					content: "\f1c1";
					margin-right: 0.3em;
					color: #c40026;
				}


/* ##########SP########## */
@media screen and (max-width:479px) {
	.sp2_exp_box{
		width:100%;
		box-sizing:border-box;
		padding:0 3vw;
		margin:0;
	}
	
		.sp2_exp_box > .box_header{
			margin-bottom:2em;
		}
		
			.sp2_exp_box > .box_header img{
				width:60%;
				height:auto;
			}
		
		.sp2_exp_box > .box_inner{}
			
			/*exp_detail_box*/
			.sp2_exp_box > .box_inner > .exp_detail_box{
				display:block;
				margin-bottom:3em;
				font-size:1em;
				line-height:1.6;
			}
			
			.sp2_exp_box > .box_inner > .exp_detail_box > p{
				padding:0;
				margin-bottom:1em;
			}
			
			.sp2_exp_box > .box_inner > .exp_detail_box > .figs_box{
				padding:0 2vw;
			}
			
				.sp2_exp_box > .box_inner > .exp_detail_box > .figs_box li{
					margin-right:3vw;
				}
				
				.sp2_exp_box > .box_inner > .exp_detail_box > .figs_box li:last-child{
					margin-right:0;
				}
				
					.sp2_exp_box > .box_inner > .exp_detail_box > .figs_box li .fig_img img{
						max-width:100%;
						height:auto;
					}
				
			/*exp_common*/
			.sp2_exp_box > .box_inner > .exp_common{
				margin-bottom:3em;
			}
			
				.sp2_exp_box > .box_inner > .exp_common > .box_header{
					padding:0.8em;
					margin-bottom:1.5em;
				}
				
					.sp2_exp_box > .box_inner > .exp_common > .box_header h3{
						font-size:4vw;
						line-height:1.2;
						font-weight:bold;
						color:#004e93;
					}
				
				.sp2_exp_box > .box_inner > .exp_common > .box_inner{
					line-height:1.6;
					padding:0 2vw;
				}
				
			/*exp_product_box*/
			.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl{
				margin-bottom:2em;
			}
			
			.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl:last-child{
				margin-bottom:0;
			}
			
				.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl dt{
					font-size:3.8vw;
				}
				
					.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl dt:before{
						width:1.5vw;
					}
				
				.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl dd{
					padding:0 3vw;
					font-size:1em;
				}
				
					.sp2_exp_box > .box_inner > .exp_product_box > .box_inner dl dd .fig_img img{
						max-width:100%;
						height:auto;
					}
					
			/*exp_saverpro_box*/
			.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .saverpro_catch_text{
				margin-bottom:1.5em;
			}
			
				.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .saverpro_catch_text .catch1{
					font-size:3.8vw;
				}
				
				.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box{
					padding:0;
				}
				
					.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box li{
						box-sizing:border-box;
						padding:0 2vw;
						margin-bottom:1em;
					}
					
					.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box li .fig_img img{
						max-width:100%;
						height:auto;
					}
					
					.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box li:last-child .fig_img{
						padding-bottom:6vw;
					}
					
					.sp2_exp_box > .box_inner > .exp_saverpro_box > .box_inner .figs_box li p{
						margin-top:0.5em;
						font-size:3.2vw;
					}
				
			/*exp_saverpro_box*/
			.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box{
				width:100%;
				margin:0;
			}
			
				.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box li{
					width:50%;
					text-align:center;
				}
				
					.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box li .fig_img img{
						max-width:96%;
						height:auto;
					}
				
					.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box li p{
						font-size:3vw;
					}
			
				.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box .main_fig{
					width:100%;
					margin-bottom:1em;
				}
				
					.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box .main_fig .fig_img img{
						max-width:100%;
					}
				
					.sp2_exp_box > .box_inner > .saverpro_evaluation_box > .box_inner .figs_box .main_fig ul.name_box{
						width:100%;
						font-size:3vw;
					}
		
	.dl_catalog{
		margin-top:2em;
		padding:0 5vw;
	}
	
		.dl_catalog dl{
			width:100%;
			padding:3vw;
		}
		
			.dl_catalog dl dt{
				padding-top:0.3em;
				padding-bottom:0.3em;
			}
			
			.dl_catalog dl dd{
				text-align:center;
			}
			
			.dl_catalog dl dd img{
				width:70%;
				height:auto;
			}
}

/* ##########印刷用########## */
@media print{

}