@charset "UTF-8";

/* overwrite
--------------------------------------------------------------------*/
#contents {
	background: #ffffff url("../../img_lp/kineusu/bg_page.jpg") repeat-x;
	text-align: center;
	margin: 0;
	padding: 0 0 30px 0;
	width: 100%;
}
@media screen and (max-width: 640px) {
#contents {
	background: #ffffff url("../../img_lp/kineusu/bg_page_sp.jpg") repeat-x;
	background-size: 75px 370px;
	padding: 10px 0 0 0;
	width: 100%;
}
}

/* lp_kineusu
--------------------------------------------------------------------*/
#lp-page {
}
#lp-page .title-pc {
	display: block;
	position: relative;
	margin: 135px auto 65px auto;
	width: 980px;
	height: 643px;
}
#lp-page .title-sp {
	display: none;
}
	#lp-page .title-pc h2 {
		position: relative;
	}
	#lp-page .title-pc p {
		background-color: #ffffff;
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 276px;
		left: 20px;
	}
		#lp-page .title-pc p a:hover img {
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
#lp-page .plice-pc {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 70px auto;
	width: 859px;
		
}

#lp-page .plice-sp {
	display: none;
}
#lp-page .scene-pc {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 auto 50px auto;
	width: 940px;
}
#lp-page .scene-sp {
	display: none;
}
#lp-page .feature-pc {
	display: block;
	font-size: 0;
	line-height: 0;
}
#lp-page .feature-sp {
	display: none;
}
	#lp-page .feature-pc h3 {
		margin-bottom: 45px;
		padding-bottom: 50px;
	}
	#lp-page .feature-pc .navi {
		margin-bottom: 35px;
	}
		#lp-page .feature-pc .navi ul {
			padding-left: 50px;
		}
		#lp-page .feature-pc .navi li {
			display: inline-block;
			margin-right: 50px;
		}
			#lp-page .feature-pc .navi li a:hover img {
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
				-moz-opacity: 0.7;
				opacity: 0.7;
			}
	#lp-page .feature-pc .img-box {
		margin-bottom: 30px;
	}
	#lp-page .feature-pc .spec {
		border-top: 1px solid #d7d7d7;
		margin-bottom: 30px;
		padding-top: 50px;
	}
		#lp-page .feature-pc .spec h4 {
			color: #328c10;
			font-size: 24px;
			font-weight: bold;
			line-height: 1.2;
			margin-bottom: 50px;
		}
		#lp-page .feature-pc .spec table {
			font-size: 14px;
			line-height: 1.2;
			text-align: left;
			margin: 0 auto;
			width: 980px;
		}
		#lp-page .feature-pc .spec th {
			background-color: #f3f3f3;
			border: 1px solid #d8d8d8;
			white-space: nowrap;
			padding: 10px;
		}
		#lp-page .feature-pc .spec th.mid {
			background-color: #636363;
			color: #ffffff;
			font-weight: bold;
		}
		#lp-page .feature-pc .spec td {
			border: 1px solid #d8d8d8;
			padding: 10px;
		}
#lp-page .info-pc {
	background-color: #f3f3f3;
	display: block;
	font-size: 0;
	line-height: 0;
	padding: 20px 0;
}
#lp-page .info-sp {
	display: none;
}
	#lp-page .info-pc .inner {
		margin: 0 auto;
		width: 630px;
	}
		#lp-page .info-pc .inner dt {
			padding-bottom: 30px;
		}
		#lp-page .info-pc .inner dd a {
			background-color: #ffffff;
		}
		#lp-page .info-pc .inner dd a:hover img {
			filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
#lp-page .recommend-pc {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
}
#lp-page .recommend-sp {
	display: none;
}
	#lp-page .recommend-pc h3 {
		margin-bottom: 45px;
		padding-bottom: 50px;
		padding-top: 50px;
		border-top: 1px solid #d7d7d7;
	}
	#lp-page .recommend-pc .navi {
		margin-bottom: 35px;
		
	}
		#lp-page .recommend-pc .navi ul {
			padding-left: 15px;
			width:960px;
			margin: 0 auto;			
			
		}
		#lp-page .recommend-pc .navi li {
			display: inline-block;
			margin-right: 15px;
			padding-bottom:50px;
			float:left;
		}
			#lp-page .recommend-pc .navi li a:hover img {
				filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
				-moz-opacity: 0.7;
				opacity: 0.7;
			}


/* lp_kineusu SP
--------------------------------------------------------------------*/
@media screen and (max-width: 640px) {


#lp-page {
}
#lp-page .title-pc {
	display: none;
}
#lp-page .title-sp {
	display: block;
	font-size: 0;
	line-height: 0;
	margin-bottom: 15px;
}
	#lp-page .title-sp h2 {
		margin: 0 10px 10px 10px;
	}
		#lp-page .title-sp h2 img {
			width: 100%;
		}
	#lp-page .title-sp p {
		margin: 0 25px;
	}
		#lp-page .title-sp p img {
			width: 100%;
		}
#lp-page .whats-pc {
	display: none;
}
#lp-page .whats-sp {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 10px 15px 10px;
}
	#lp-page .whats-sp img {
		width: 100%;
	}
#lp-page .scene-pc {
	display: none;
}
#lp-page .scene-sp {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0 10px 20px 10px;
}
	#lp-page .scene-sp img {
		width: 100%;
	}
#lp-page .feature-pc {
	display: none;
}
#lp-page .feature-sp {
	display: block;
	font-size: 0;
	line-height: 0;
}
	#lp-page .feature-sp h3 {
		margin-bottom: 15px;
		padding: 0 10px 20px 10px;
	}
	#lp-page .feature-sp img {
		width: 100%;
	}
	#lp-page .feature-sp .navi {
		margin: 0 0 20px 0;
	}
		#lp-page .feature-sp .navi ul {
		}
		#lp-page .feature-sp .navi li {
			float: left;
			width: 50%;
		}
			#lp-page .feature-sp li:nth-of-type(1) a {
				display: block;
				margin: 0 15px 0 25px;
			}
			#lp-page .feature-sp li:nth-of-type(2) a {
				display: block;
				margin: 0 25px 0 15px;
			}
	#lp-page .feature-sp .img-box {
		margin: 0 10px 20px 10px;
	}
	#lp-page .feature-sp .spec {
		border-top: 1px solid #d7d7d7;
		margin-bottom: 15px;
		padding: 20px 10px 0 10px;
	}
		#lp-page .feature-sp .spec h4 {
			color: #dc2507;
			font-size: 20px;
			font-weight: bold;
			line-height: 1.2;
			margin-bottom: 20px;
		}
		#lp-page .feature-sp .spec table {
			font-size: 12px;
			line-height: 1.2;
			text-align: left;
			width: 100%;
		}
		#lp-page .feature-sp .spec th {
			background-color: #f3f3f3;
			border: 1px solid #d8d8d8;
			white-space: nowrap;
			padding: 7px;
		}
		#lp-page .feature-sp .spec th.mid {
			background-color: #636363;
			color: #ffffff;
			font-weight: bold;
		}
		#lp-page .feature-sp .spec td {
			border: 1px solid #d8d8d8;
			word-break: break-all;
			padding: 7px;
		}
#lp-page .info-pc {
	display: none;
}
#lp-page .info-sp {
	background-color: #f3f3f3;
	display: block;
	font-size: 0;
	line-height: 0;
	padding: 15px 0;
}
	#lp-page .info-sp img {
		width: 100%;
	}
	#lp-page .info-sp .inner {
		margin: 0 25px;
	}
		#lp-page .info-sp .inner dt {
			padding-bottom: 20px;

		}
#lp-page .recommend-pc {
	display: none;
}		
#lp-page .recommend-sp {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 20px 10px 15px 10px;
}

	#lp-page .recommend-sp img {
		width: 100%;
	}
	#lp-page .recommend-sp .navi {
		margin: 20px 0;
	}
		#lp-page .recommend-sp .navi ul {
			margin: 0 auto;
		width: 100%;
		}
		#lp-page .recommend-sp .navi li {
			float: left;
			width: 45%;
			margin: 5px;
		padding-bottom: 15px;
		}

			
#lp-page .plice-pc {
	display: none;
}
#lp-page .plice-sp {
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 20px 10px 40px 10px;
}			
	#lp-page .plice-sp img {
		width: 100%;
	}	

}

