@charset "Shift_JIS";

div.productarea
{
	width: auto;
	list-style:none;
	text-align:center;
	background-color: rgba(0,0,0,0.4);
	margin:2rem 2rem;
}


div.productone
{
	width: 80rem;
	height: auto;
	text-align:left;
	margin:1rem;
	display:inline-block;
	vertical-align: top;
}

div.productone h1
{
	width:auto;
	text-align:left;
	font-size:2.5rem;
	margin:4rem 2rem 0rem 2rem;
	border-bottom:0.4rem solid rgba(200,200,200,0.7);
}

div.productone img
{
	width: 55rem;
	margin:2rem;
	display:inline-block;
	vertical-align: top;

}

div.productone div.imgsidearea
{
	width: 15rem;
	margin:2rem;
	display:inline-block;
	vertical-align: top;

}

div.productone div.imgsidearea img
{
	width: 5rem;
	margin:1rem 0.5rem;
	display:inline-block;
	vertical-align: top;
	cursor: pointer;
	box-sizing:content-box;
	border:0.4rem solid rgba(0,0,0,0);

}

div.productone div.imgsidearea img:hover
{
	border:0.4rem solid rgba(255,255,255,0.9);
}


div.productone div.imgsidearea ul
{
	margin:0;
	bottom:0;
	left:0;
	height:10rem;
	list-style:none;

}

div.productone div.imgsidearea li
{
	margin:1rem 0.5rem;
	height:4rem;
	border:0.3rem solid transparent;
	cursor:pointer;
	font-size:1.8rem;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	width:14rem;
}

div.productone div.imgsidearea li:hover
{
	border:0.3rem solid #FFFFFF;
}



div.productone p
{
	width:auto;
	text-align:left;
	font-size:1.7rem;
	padding: 0rem 2rem;

}