@charset "utf-8";

div.productBox ul li {
 float:none;
 width:33%;
 height:auto;
 display:inline-block;
 vertical-align:top;
}

.hy_330 {height:330px;}
.hy_340 {height:340px;}
.hy_350 {height:350px;}
.hy_360 {height:360px;}
.hy_370 {height:370px;}
.hy_380 {height:380px;}
.hy_390 {height:300px;}
.hy_400 {height:400px;}
.hy_410 {height:410px;}
.hy_420 {height:420px;}
.hy_430 {height:430px;}
.hy_440 {height:440px;}
.hy_450 {height:450px;}
.hy_460 {height:460px;}
.hy_470 {height:470px;}
.hy_480 {height:480px;}
.hy_490 {height:490px;}
.hy_500 {height:500px;}
.hy_510 {height:510px;}
.hy_520 {height:520px;}

.fs16{
	font-weight:bold;
}
.other_drive {
   float: right;
  height: 77px;
  width: 125px;
  
}

/* 2014.09.11 Tsukasa Chinen Write Start */
.productBox .roundCornerBox07 p.pImg img.wa {
	width:auto;
}
/* 2014.09.12 Tsukasa Chinen Write Start */
.cate_inner #main,
.cate_inner .productBox {
	margin-top:0;
}
.cate_inner .productTitle {
	padding-top:20px;
	margin: 0 0 10px 0;
}
.cate_inner .roundCornerBox01 {
	border:none;
	background:none;
}
.cate_inner div.productBox ul li {
	width:322px;
}
.cate_inner .main_image img {
	max-width:100%;
	height:auto;
}
body:not(.target_respo) .cate_inner div.productBox ul li .pImg {
	height:180px;
}/* 20150217 body:not(.target_respo) 追加 */
/*
*	カテゴリー一覧の製品画像の高さが異なります。下記のデフォルトの高さでは足りない場合は
*	該当カテゴリーindex.htmlと同一ディレクトリadd_style.cssを追加して高さを調整してあります。
*/
/*デフォルト設定の高さはこれ。*/
body:not(.target_respo) .cate_inner div.productBox ul li .pImg {
	height:180px;
}/* 20150217 body:not(.target_respo) 追加 */
.cate_inner .pName {
	height:36px;
	line-height:1.25;
}
/* For Tablet CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
	.pName{
		font-size: 2.2em;
	}
	.pDesc{
		font-size: 1.8em;
	}
	div.inner980 {
		width:100%;
	}

	div.productBox ul li {
		float:none;
		width:50%;
		display:inline-block;
		vertical-align:top;
	}
	h1.productTitle{
		font-size: 1.8em;
		line-height:1.7;
		height:auto;
		padding-left:10px;
	}
	#navTabContents01,
	#globalProductPosition{
		display:none;
		width:100%;
	}
	div.between{
		width:100%;
	}
	.productBox .roundCornerBox07 p.pImg img {
		width:80%;
	}
	.productBox ul li p.bbb,
	.productBox ul li p.ccc,
	.productBox ul li p.aaa {
		width:80%;
	}
	/* 2014.09.12 Tsukasa Chinen Write Start */

	.cate_inner div.productBox ul li {
		width:50%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
	}
	.cate_inner div.productBox ul li:nth-of-type(even) {
		border-left:none;
	}
	.cate_inner div.productBox ul li:nth-of-type(odd) {
		border-right:1px solid #dbdbdb;
	}
	.cate_inner .productTitle {
		padding-right:2%;
		padding-left:2%;
	}
}


/* For Mobile Landscape CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {
	div.productBox ul li {
		float:none;
		width:100%;
		display:inline-block;
		margin:0 auto;
	}
	h1.productTitle{
		line-height:1.7;
		height:auto;
	}
	div.between{
		width:100%;
	}

	ul li p.nomore {
		text-align:center;
	}
	.pName{
		font-size: 2.2em;
	}
	.pDesc{
		font-size: 1.8em;
	}
	.under_h2{
		font-size: 1.2em;
	}

	/* 2014.09.12 Tsukasa Chinen Write Start */
	.cate_inner div.productBox ul li {
		width:100%;
		border-right:none;
	}

}

/*	Text-aligns
------------------------------------------------------*/
.righting{text-align:right;}
.lefting{text-align:left;}
.centering{text-align:center;}

/* For Mobile Portlate CSS
----------------------------------------------------------------------------*/
@media screen and (max-width: 1px) {

}