@charset "UTF-8";

.dnone {
	display:none;
}

.shohincard {
	position:relative;
	display:block;
	width:300px;
	margin:5px;
	padding:2px;
	border:1px solid #aaa;
	color:#222;
	transition: 0.3s;
}

.shohincard:hover {
	color:#222;
	text-decoration:none;
	box-shadow:0 0 5px #888;
}

.newitem {
	position:absolute;
	top:-1px;
	right:-1px;
	width:50px;
}

.maintitle {
	width:700px;
}

.text01 {
	font-family:"EB Garamond", serif;
	font-size:1.2em;
	font-weight:bold;
}

.text02 {
	font-family:"EB Garamond", serif;
	font-size:1.8em;
	font-weight:bold;
}

.imgdata {
	width:100%;
	height:auto;
	aspect-ratio: 3 / 2;
	overflow:hidden;
}

.imgdata img {
	object-fit:cover;
}

.noimage {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:auto;
	aspect-ratio: 3 / 2;
	background-color:#eee;
	color:#bbb;
	font-size:1.2em;
	font-weight:bold;
}

.shohintitle {
	font-weight:bold;
}

.kanrino {
	font-size:0.8em;
}


.itemtitle {
	font-family:"EB Garamond", serif;
	font-size:1.4em;
	font-weight:bold;
}

.itemtitle span {
	display:inline-block;
	min-width:400px;
	border-bottom:1px solid #999;
}

.detailimgdata {
	width: 90%;
	margin:5px auto;
}

.tmimg {
	width:160px;
	cursor:pointer;
}


/* --- パソコン ---------------------------------------------------------------------- */
@media screen and (min-width: 576px) {
	
	
	
}

/* --- スマホ ------------------------------------------------------------------------ */
@media screen and (max-width: 575px) {
	
	.itemtitle span {
		min-width:20vw;
	}
	
	.tmimg {
		width:160px;
	}
	
	.maintitle {
		width:100%;
	}
	
	.shohincard {
		width: calc(50% - 8px);
	}
}