@charset "UTF-8";

@media only screen and (max-width:640px){
	#contents {
		position: relative;
	}

	#contents .sp-pagetitle {
		position: absolute;
		top: 20px;
		left: 0;
		padding: 0 10px;
		width: 100%;
		box-sizing: border-box;
	}
	#contents .sp-pagetitle .text-title-lv2 {
		width: 100%;
	}
	.ie7 #contents .sp-pagetitle {
		padding: 0 1.612903225%;
		width: 96.77419355%;
		box-sizing: border-box;
	}
	.ie7 #contents .sp-pagetitle .text-title-lv2 {
		width: auto;
	}
	#head-area {
		padding-top: 70px;
	}
	#main {
		padding-top: 0;
	}


}

/*#lineup-block
--------------------*/
#lineup-block {
	overflow: hidden;
	width: 100%;
}
.ie7 #lineup-block {
	padding-bottom: 30px;
}

	#lineup-block li {
		float: left;
		width: 50%;
		margin-bottom: 35px;
		padding: 0 18px 0 18px;
		box-sizing: border-box;
	}
		#lineup-block li.txt-only div{
			position:relative;
			height: 50px;
		}
			#lineup-block li.txt-only a{
				display:block;
				position:absolute;
				top:25%;
				left:10%;
			}

		#lineup-block li .image img {
			width: 200px;
		}
		#lineup-block li.img1{
			display: table;
			/*padding:22px 30px;*/
			height:120px;
		}
		#lineup-block li.img1 .image{
			padding:22px 30px;
		}
		#lineup-block li.img1 .image .img{
			display: table-cell;
			vertical-align: middle;
		}
		#lineup-block li.img1 .image .img img {
			width: 66px;
			border-radius: 5px;
		}
		#lineup-block li.img1 .image .txt{
			font-size: 18px;
			font-weight: bold;
			display: table-cell;
			vertical-align: middle;
			padding-left: 12px;
		}
		#lineup-block li.img1 .image a{
			color:#333;
			display: inline-block;
			margin:0 auto;
		}
		#lineup-block li.img1 .image a:hover{
			text-decoration: none;
		}

		@media only screen and (max-width:640px){
			#lineup-block li.img1 .image .img{
				width: 20.6%;
			}
			#lineup-block li.img1 .image .img img {
				width: 100% !important;
				border-radius: 10px;
			}
			#lineup-block li.img1 .image .txt{
				font-size: 5.2vw;
			}
		}
		



	@media only screen and (max-width:640px){
	#lineup-block {
		padding: 0 0 10px;
		box-sizing: border-box;
		margin: 0 0 10px;
		overflow: hidden;
	}
		#lineup-block li {
			width: 100%;
			border:none;
			margin-left: -1px;
			margin-bottom: 15px;
			height: auto !important;
			position: relative;
			padding: 0;
		}
		#lineup-block li:nth-child(2n) {
			border-left: 1px solid #ccc;
		}
			#lineup-block li .products-wrap a {
				display: block;
				width: 100%;
			}
			
			#lineup-block .img2{
			padding-left:10px;
			width:302px;
			border-left:0px;
			}

				#lineup-block li .products-wrap .image {
						padding: 0;
						margin: 0;
						
				}
					#lineup-block li .products-wrap .image img {
						width: 93.75%;/* 120/320 */
					}
					.software #lineup-block li .products-wrap .image img {
						width: 60%;
					}


		#lineup-block li.txt-only{
		}

	}