@charset "utf-8";




.SignInDsp	{}
.Header .SignInDsp	{
	background-color: rgba(255,255,255,0.8);
	padding: 0em 1em;
	line-height: 1;
	border-radius: 0 0 0.2em 0.2em;
	margin-bottom: 0.5em;
}
.Header .SignInDsp .ColorBtn	{}

.UserDsp	{}
.Header .UserDsp	{
}


.ShohinBtn	{
	font-size: 0.8em;
}
.ShohinBtn>a	{
	display: inline-block;
}






.CategoryTitle	{
	font-size: 1.5em;
}
.CategoryTitle:after	{
	content: none;
}



.ShohinImg	{
	display: block;
}
.ShohinImg img	{
}
.ShohinList .ShohinImg	{
	margin-bottom: 1em;
	display: block;
}


.NoImg	{
	text-align: center;
	line-height: 150px;
}
a.ImgAnchor	{
	text-decoration: none;
	color: inherit;
}



.ShohinName	{
	border-width: 0;
	padding: 0;
	background: none;
}
.ShohinList .ShohinName	{
	font-size: 1em;
	border-width: 0;
	padding: 0;
	margin-top: 0em;
	margin-bottom: 0em;
	display: block;

	text-align: left;
}
.ShohinList .ShohinListPic .ShohinName	{
	height: 4em;
	max-height: 4em;
	overflow: hidden;
	margin-top: 0.5em;
}

.ShohinCode	{
	font-size: 0.8em;
	opacity: 0.7;
}
.ShohinList .ShohinCode	{
	display: none;
}


.HanbaiPrice	{
	font-size: 0.8em;
	display: block;
	text-align: right;
}
.HanbaiPrice strong	{
	font-size: 1.75em;
	letter-spacing: normal;
	font-weight: normal;
}
.HanbaiPrice small.kome	{
	line-height: 1.5;
	display: block;
}


.ShohinCatchCopy	{
	font-weight: normal;
	margin-top: 2.5rem;
}
.ShohinList .ShohinCatchCopy	{
	font-size: 1em;
}


.ShohinComment1	{
	margin-top: 2.5rem;
}

.ShohinComment2	{
	margin-top: 2.5rem;
}

.ShohinData	{
	margin-top: 2.5rem;
}
.ShohinData th	{
	width: auto;
	width: 6em;
	white-space: nowrap;
}





.CategoryNavi	{
	margin-bottom: 2.5rem;
	text-align: center;
}
.CategoryNavi ul	{
	margin-top: 0px;
	margin-left: 0px;
	list-style: none;
	text-align: inherit;
}
.CategoryNavi li	{
	display: inline-block;
	width: 30%;
	text-align: inherit;
}
.CategoryNavi table	{
	border-collapse:collapse;
	text-align: inherit;
	border-spacing: 0;

}
.CategoryNavi td	{
	padding: 1em 0;
}
.CategoryNavi a	{
	color: inherit;
	text-decoration: none;
	display: block;
	border-left-width: 1px;
	width: 100%;
	padding: 0;
	padding: 0 1em;
}
.CategoryNavi td:first-child a	{
	border-left-width: 0px;
}






.Index .ShohinList
{
}





.ShohinList
{
	text-align: center;
	
	overflow-wrap: anywhere; 
	word-break: normal; 
	line-break: strict; 
}

.ShohinList a:before
{
	content: none;
}


.ShohinList>*
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5em 1em;
	margin-top: 1.5em;
	margin-bottom: 0.25em;
}

.ShohinList>*>*
{
}

.ShohinList .Item
{
	background-color: rgba(255,255,255,1.0);
	padding: 2em 1em 1em 1em;

	page-break-inside: avoid;
}

.ShohinList .ShohinImg
{
	width: 50%;

	margin-left: auto;
	margin-right: auto;
}

.ShohinList .Item .ShohinReleaseDay
{
	margin-top: 0.25em;
	margin-bottom: 0.25em;

	text-align: right;
}

.ShohinList .Item .repository
{
}

.ShohinList .Item .price
{
	margin-top: 0.5em;
}













.ShohinDetail>.Wrap	{
	margin: 0;
}
.ShohinDetailBase	{}


.ShohinDetailPic	{
	float: left;
	width: 55%;
}
.ShohinDetail .ShohinText	{
	float: right;
	width: 40%;
	text-align: left;
}

.ShohinDetailSum	{
	width: 101%;
	margin-left: -1%;
	margin-top: 1em;
}
.ShohinDetailSum .ShohinImg	{
	display: block;
	float: left;
	width: 19%;
	margin-left: 1%;
}
.ShohinDetailSum .ShohinImg:nth-child(5n+6)
	{
	clear:both
}




.Kago	{
	margin-top: 2.5rem;
	text-align: center;
	font-size: 1.1em;

}
.Kago .ColorBtn	{
	width: 100%;
	padding: 0.5rem;
	border-radius: 2px;
}





.CheckedItemsList	{
	font-size: 0.8em;
	border-top-width: 1px;
	border-style: dashed;
	padding-top: 5rem;
	text-align: center;
}
.CheckedItemsList h1	{
	text-align: center;
}
.CheckedItemsList .ShohinName	{
	font-weight: normal;
}
.CheckedItemsList .ShohinName h2	{
	font-weight: inherit;
}






.ShohinList>ul,
.ShohinListText,
.ShohinDetailBase,
.ShohinDetailSum
	{ zoom: 1; }

.ShohinList>ul:after,
.ShohinListText:after,
.ShohinDetailBase:after,
.ShohinDetailSum:after
	{
	content: ""; 
	display: block; 
	clear: both;
}