@charset "utf-8";
body section,
body #mainBlock,
body article{
	overflow	: visible!important;
}

.mainImg{
	clear		: both;
	overflow	: hidden;
}

	.mainImg ul{
		float		: left;
		text-align	: right;
	}

	.mainImg ul.main_ul{
		margin-left	: 200px;
	}
	
	.mainImg ul.main_ul2{
		margin-left	: 85px;
	}
	
	.mainImg ul.main_ul3{
		margin-left	: 60px;
		float: right;
	}

		.mainImg ul li{
			border-bottom	: #d5d5d5 1px solid;
			padding			: 10px 0 8px;
			width			: 200px;
		}

.h01 {
	width: 100%;
	background-color: #f1f1f1;
	margin: 0 0 0 0;
	padding: 7px 10px 5px 15px;
	background: #f1f1f1 url(../img/hd_bg01.gif) no-repeat 0 0;
	text-align: left;
	font-size: 125%;
	color: #4c4c4c;
	line-height: 1.6;
}
.h05{
	display: block;
	margin: 20px 0 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	color: #0f2188;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
}

.caption{
	font-size: 1.4rem;
}


.seihin_box{
	margin	: 30px 0 0 0;
}

.seihin_box h3{
	overflow	: hidden;
}

	.seihin_box h3 span{
		float	: left;
		margin	: 0 10px 0 0;
	}
		
		.seihin_box h3 ul li{
			float	: left;
			margin	: 0 2px 0 0;
		}
		
		.seihin_box p{
			margin	: 15px 0 0 0;
		}
	
	.seihin_box .sub_main{
		margin	: 20px 0 0 0;
		position:relative;
	}

		.seihin_box .sub_main .box{
			margin		: 0 0 0 0;
			position	: absolute;
			top			: 0px;
			left		: 20px;
		}

		.seihin_box .sub_main .box2{
	margin		: 0 0 0 0;
	position	: absolute;
	top			: 0px;
	left		: 700px;
		}

		.seihin_box .sub_main .box3{
	margin		: 0 0 0 0;
	position	: absolute;
	top			: 200px;
	left		: 20px;
		}
		
		.seihin_box .sub_main .box4{
	margin		: 0 0 0 0;
	position	: absolute;
	top			: 200px;
	left		: 700px;
		}
		
			.seihin_box .sub_main .box ul,
			.seihin_box .sub_main .box2 ul,
			.seihin_box .sub_main .box3 ul,
			.seihin_box .sub_main .box4 ul{
				margin	: 10px 0 0 5px;
			}

.seihin_box2{
	margin	: 40px 0 0 0;
	text-align: left;
}

	.seihin_box2 h3{
		overflow	: hidden;
	}
	
		.seihin_box2 h3 span{
			float	: left;
			margin	: 0 10px 0 0;
		}

		.seihin_box2 p{
			margin	: 10px 0 0 0;
			overflow: inherit;
		}

		.seihin_box3{
			max-width	: 950px;
			width: 100%;
		}
		
			.seihin_box3 .imgL{
				width	: 350px;
			}
		
			.seihin_box3 .imgR{
				width	: 369px;
			}
		
			
				.seihin_box3 .imgR .box{
					width	: 155px;
					float:left;
				}
			
				.seihin_box3 .imgR .box2{
					width	: 204px;
					float	: right;
				}
			
					.seihin_box3 .box .txt,
					.seihin_box3 .box2 .txt{
						margin	: 5px 0 0 0;
					}
					
	.seihin_box4{
		overflow	: hidden;
	}
		
		.seihin_box4 .box{
			width	: 283px;
			float	: left;
			margin	: 0 50px 0 0;
		}

		.seihin_box4 .box .txt{
			margin	: 10px 0 0 0;
		}
		
.seihin_box5{
	margin-top: 60px;
	text-align: left;
}

	.seihin_box5 h3{
		overflow	: hidden;
	}
	
		.seihin_box5 h3 span{
			float	: left;
			margin	: 0 10px 0 0;
		}

		.seihin_box5 p{
			margin	: 15px 0 0 0;
		}

		.seihin_box6{
			overflow	: hidden;
		}
		
		.seihin_box6 .box{
			max-width	: 283px;
			width: 100%;
			float	: left;
			margin	: 0 50px 0 0;
		}

			.seihin_box6 .box .txt{
				margin	: 10px 0 0 0;
			}

		.seihin_box6 .box2{
			max-width	: 530px;
			width: 100%;
			float	: left;
			margin	: 0 50px 0 0;
		}
		
		.seihin_box6 .box3{
			max-width	: 230px;
			width: 100%;
			float	: left;
			margin	: 0 50px 0 0;
		}
		
		.seihin_box6 .box5{
			max-width	: 300px;
			width: 100%;
			float	: left;
			margin	: 0 50px 0 0;
		}
	
	#led_bnr {
		display		: block;
		margin-top	: -25px;
		text-align	: right;
	}
	
	.flex{
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
		.flex > div:first-child{
			width: 39%;
			margin-right: 2.5%;
		}
		
		.flex > div > .flex > div{
			width: 50%;
			margin-right: 0;
		}
		
		.flex > div{
			width: 28%;
			margin-right: 2.5%;
		}
		
		.flex > div:last-child{
			margin-right: 0;
		}
	
	.flex_txt{
		width: 50%;
		margin-left: 10px !important;
	}

.more-btn{
	max-width: 320px;
}

.more-btn a{
	background: #0f2188;
	color: #FFF;
	display: block;
	padding: 10px;
	border-radius: 5px;
}
.more-btn a:hover{
	text-decoration: none !important;
	opacity: 0.8;
}
@media screen and (max-width: 956px) {
	.seihin_box2,
	.seihin_box5{
		padding: 0 10px;
	}
	
	.seihin_box2 p{
		margin: 15px auto 0;
	}
	
	.flex > div:first-child,
	.flex > div{
		width: 100%;
		margin: 0 !important;
	}
	
	.flex_txt{
		width: 100%;
		margin: 5px auto !important;
	}
	
	.seihin_box5 p{
		margin: 15px auto 0;
		text-align: left;
	}
	
	.seihin_box5 p.txt{
		text-align: left;
	}
	
	.seihin_box6 .box3{
		max-width: 100%;
	}
	
	.seihin_box6 .box{
		max-width: 100%;
		margin: 10px auto;
	}
	
	.display_selectedItem {
		width: 200px;
		box-sizing: border-box;
		border: 2px solid #c5c5c5;
		border-radius: 10px;
		padding: 5px 10px;
	}
	.select_box {
		width: 200px;
		border: 1px solid #c5c5c5;
	}
	.select_box li {
		cursor: default;
		box-sizing: border-box;
		padding: 2px 10px;
	}
	
	.more-btn {
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	.seihin_box2{
		margin-top: 0;
	}
}
@media screen and (max-width: 478px) {
	.flex > div p:first-child{
		text-align: center;
	}
	
	
	.flex > div:last-child{
		width: 100%;
	}
	
	.flex > div:last-child .flex{
		width: 100%;
		flex-wrap: wrap;
	}
	
	.flex > div:last-child .flex p:first-child{
		width: 100%;
	}
	.flex > div:last-child .flex p:nth-child(2),
	.flex > div:last-child .flex p.flex_txt{
		width: 50%;
	}
	.flex > div:last-child .flex p.flex_txt{
		margin-top: 13px !important;
	}
}
@media screen and (max-width: 374px) {
	.caption {
		font-size: 1.2rem;
	}
}