@charset "utf-8";
/*
 * ================================================
 *
 * [product02]
 *
 * ================================================
 */
/*-----------------------------------------
  container
-----------------------------------------*/
#content{
	text-align: left;
	padding-top: 65px;
}

/*-----------------------------------------
  mainVisual
-----------------------------------------*/
#mainVisual {
	font-size: 1.4rem;
	text-align: left;
	min-width: 1200px;
	height: 500px;
	width: 100%;
	margin: 0 auto 70px auto;
	background: url(../images/product/product02/main_photo.jpg) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
#mainVisual .inner {
	width: 1000px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -500px;
}
	#mainVisual .content .title { margin-top: 70px;}

	.main_copy{
		margin: 0 0 70px;
	}

/*-----------------------------------------
  contVox
-----------------------------------------*/
.contVox {
	width: 1000px;
	padding-bottom: 80px;
	margin: 0 auto 80px auto;
	border-bottom: 2px solid #1A1A1A;
	overflow: hidden;
}
	.contVox .header { margin-bottom: 40px; }
	.contVox .inner { position: relative; }
/*-----------------------------------------
  filter
-----------------------------------------*/
.contVox#filter {}
	.contVox#filter .photo { margin-left: 20px; }
	.contVox#filter .item {
		color: #1A1A1A;
		font-size: 1.3rem;
	}
		.contVox#filter .item .title { margin-bottom: 10px; }
		.contVox#filter .item p { line-height: 1.6; }
	.contVox#filter .item.num1 {
		padding-left: 130px;
		padding-bottom: 70px;
		background: url(../images/product/product02/filter_photo2.png) no-repeat 25px top;
		position: relative;
		width: 41%;
	}
		.contVox#filter .item.num1 .note {
			font-size: 1.2rem;
			position: absolute;
			bottom: 0;
			left: 0;
		}
	.contVox#filter .item.num2,
	.contVox#filter .item.num3 {
		min-height: 80px;
		padding-left: 105px;
		position: absolute;
		left: 475px;
	}
	.contVox#filter .item.num2 {
		background: url(../images/product/product02/filter_photo3.png) no-repeat left top;
		top: 50px;
	}
	.contVox#filter .item.num3 {
		background: url(../images/product/product02/filter_photo4.png) no-repeat left top;
		top: 170px;
	}
		.contVox#filter .item.num3 .cBlue {
			color: #4C4A4A;
			font-weight: bold;
		}
		.contVox#filter .item.num3 .subTitle {
			color: #4C4A4A;
			font-size: 1.4rem;
			font-weight: bold;
			margin: 10px 0 5px;
		}
		.contVox#filter .item.num3 .compare {
			font-size: 1.2rem;
			letter-spacing: normal;
			margin-bottom: 20px;
			overflow: hidden;
		}
			.contVox#filter .item.num3 .compare .image {
				width: 156px;
				float: left;
			}
			.contVox#filter .item.num3 .compare .text {
				width: 200px;
				float: right;
			}
			.contVox#filter .item.num3 .compare.random .text { color: #888; }
/*-----------------------------------------
  filter
-----------------------------------------*/
.contVox#seal { color: #1A1A1A; }
	.contVox#seal .title {
		padding-left: 35px;
		margin-bottom: 10px;
		position: relative;
	}
	.contVox#seal .title::after {
		display: block;
		content: "";
		width: 116px;
		height: 270px;
		background: url(../images/product/product02/seal_border.png) no-repeat center center;
		position: absolute;
		top: 0;
		left: 20px;
	}
	.contVox#seal p {
		font-size: 1.4rem;
		line-height: 1.6;
		padding-left: 35px;
		margin-bottom: 25px;
	}
	.contVox#seal .item {
		width: 304px;
		float: left;
		margin-right: 44px;
	}
	.contVox#seal .item:last-child { margin-right: 0; }
		.contVox#seal .item img { margin-bottom: 10px; }
/*-----------------------------------------
  use
-----------------------------------------*/
.contVox#use {
	padding-bottom: 0;
	border-bottom: none;
}
	.contVox#use .header {
		color: #4C4A4A;
		font-size: 1.7rem;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.contVox#use .item {
		color: #005E84;
		font-size: 1.2rem;
		width: 250px;
		float: left;
		padding: 20px;
		background-repeat: no-repeat;
		background-position: 20px 10px;
		border: 1px solid #333;
		border-right: none;
	}
	.contVox#use .item:last-child { border-right: 1px solid #333; }
	.contVox#use .item.num1 { background-image: url(../images/product/product02/num1.png); }
	.contVox#use .item.num2 { background-image: url(../images/product/product02/num2.png); }
	.contVox#use .item.num3 { background-image: url(../images/product/product02/num3.png); }
	.contVox#use .item.num4 { background-image: url(../images/product/product02/num4.png); }
		.contVox#use .item .image {
			text-align: center;
			margin-bottom: 10px;
		}
		.contVox#use .item p { line-height: 1.6; }
			.contVox#use .inner p{
				float: right;
				color: #666464;
				margin: 10px 0 0;
				font-size: 12px;
			}
/*-----------------------------------------
  productWrapper
-----------------------------------------*/
#productWrapper .item {
	color: #1A1A1A;
	width: 1000px;
	padding: 50px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}
	#productWrapper .item .text {
		font-size: 1.2rem;
		width: 630px;
		float: right;
	}
		#productWrapper .item .text p { line-height: 1.5; }
		#productWrapper .item .text .outline {
			font-size: 1.6rem;
			font-weight: bold;
			padding: 0 0 15px 0;
			margin-bottom: 15px;
			border-bottom: 1px solid #888;
		}
			#productWrapper .item .text .outline .detailBtn {
				margin-top: 10px;
				display: block;
			}
				#productWrapper .item .text .outline .detailBtn a {
					display: block;
					color: #fff;
					font-size: 1.2rem;
					font-weight: normal;
					line-height: 1;
					text-decoration: none;
					text-align: center;
					width: 90px;
					padding: 3px 12px 3px 0;
					background: url(../../images/content/content/ico_arrow4.png) no-repeat 95% center #005e82;
					border: 1px solid #005e82;
					border-radius: 4px;
					-webkit-transition: 0.2s;
					    -ms-transition: 0.2s;
					        transition: 0.2s;
				}
				#productWrapper .item .text .outline .detailBtn a:hover {
					color: #005e82;
					background-image: url(../../images/content/content/ico_arrow5.png);
					background-color: #fff;
				}
		#productWrapper .item .text h4 { font-weight: normal; }
	#productWrapper .item .photo {
		width: 226px;
		float: left;
	}
#productWrapper .noteVox {
	width: 1000px;
	margin: 30px  auto 0;
	overflow: hidden;
}
	#productWrapper .noteVox .note {
		float: right;
		line-height: 1.7;
	}

#productWrapper .item .text .outline .ico img{
padding-bottom:2px;
}

.text2 {
    clear: both;
    padding-top: 15px;
}


/**
 ****************************************************
 *
 * screens larger than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {
	.h700 {
	    height: 700px;
	}
}	/*  @media END */
/**
 ****************************************************
 *
 * screens smaller than 767
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	#content{
		padding-top: 50px;
	}
	#mainVisual {
		font-size: 1.0rem;
		width: 100%;
		min-width: 100%;
		margin: 0 auto 25px;
		background: url(../images/product/product02/SP_main_photo.jpg) no-repeat center center;
		background-size: cover;
		padding-top: 109%;
		height: 0;
	}
		#mainVisual .inner {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			margin-left: 0;
		}
		#mainVisual .content {
			top: 35px;
			left: 35px;
			transform: translateY(0);
			position: absolute;
		}
			#mainVisual .content .title {
				width: 277px;
				margin-top: 0;
			}
			#mainVisual .inner .copy {
				margin-bottom: 25px;
				width: 236px;
			}
	.main_copy {
    margin: 0 0 30px;
    width: 265px;
	}
	.contVox {
		width: 81.25%;
		padding-bottom: 20px;
		margin: 0 auto 20px auto;
		border-bottom: 1px solid #1A1A1A;
	}
		.contVox .header { margin-bottom: 20px; }
	.contVox#filter {}
		.contVox#filter .header {
			width: 231px;
		}
		.contVox#filter .photo {
			width: 307px;
			margin: 0 auto 15px;
		}
		.contVox#filter .commentVox {}
			.commentVox .cBlue{
				color: #4C4A4A;
				font-weight: bold;
			}
			.contVox#filter .commentVox .comment:not(:last-child) {
				margin-bottom: 20px;
			}
				.contVox#filter .commentVox .comment .title {
					margin-bottom: 5px;
				}
				.contVox#filter .commentVox .comment p {
					font-size: 1.0rem;
					line-height: 1.5;
				}
			.contVox#filter .commentVox .comment:nth-of-type(1) {}
				.contVox#filter .commentVox .comment:nth-of-type(1) .title {
					width: 171px;
				}
			.contVox#filter .commentVox .comment:nth-of-type(2) {}
				.contVox#filter .commentVox .comment:nth-of-type(2) .title {
					width: 270px;
				}
				.contVox#filter .commentVox .comment:nth-of-type(2) .image {
					width: 305px;
    			margin: 15px auto 0;
				}
			.contVox#filter .commentVox .comment:nth-of-type(3) {}
				.contVox#filter .commentVox .comment:nth-of-type(3) .title {
					width: 306px;
				}
	.contVox#use {
		width: 250px;
	}
		.contVox#use .header {
			margin-bottom: 10px;
			width: 85px;
		}
		.contVox#use .inner p{
			float: none;
			font-size: 10px;
		}
}