/* CSS Document */

#information h2,
#products h2 {
	text-align: center;
	font-family: "Times New Roman", Times, "serif";
	font-size: 180%;
	letter-spacing: 3px;
	color: #a4744d;
	margin: 40px 0;
}


#item {
	max-width: 1280px;
	margin: auto;
}
#item #fv{
	margin: 80px 5%;
}
#item #fv dl{
	display: flex;
	justify-content: space-between;
}
#item #fv dl dt{
	width: 50%;
}
#item #fv dl dt img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	height: 480px;
	min-width: 100%;
}
#item #fv dl dd{
	width: 44%;
}
#item #fv dl dd h2{
	font-family: "Times New Roman", Times, "serif";
	font-size: 280%;
	letter-spacing: 2px;
	line-height: 1.4em;
	margin-top: 20px;
}
#item #fv dl dd .cat{
	line-height: 1.4em;
	color: #999;
}
#item #fv dl dd .detail{
	margin-top: 30px;
}
#item #fv dl dd .detail .d1{
	font-size: 110%;
	line-height: 2em;
	text-align: justify;
}
#item #fv dl dd .detail .d2{
	margin-top: 60px;
}
#item #fv dl dd .detail .d2 dl{
	align-items: flex-start;
	border-top: 1px solid #f5f5f5;
	padding: 0 0 15px;
}
#item #fv dl dd .detail .d2 dl dt{
	text-align: center;
	background: #f5f5f5;
	width: 84px;
	font-size: 96%;
	border-radius: 0 0 3px 3px;
}
#item #fv dl dd .detail .d2 dl dd{
	width: calc(100% - 100px);
	margin-top: 8px;
	line-height: 1.6em;
	padding-right: 10px;
	box-sizing: border-box;
}
#item #fv dl dd .detail .d2 dl dd.fs{
	font-size: 85%;
	line-height: 1.4em;
	text-align: justify;
}
#item #fv dl dd .detail .d2 dl dd.price{}
#item #fv dl dd .detail .d2 dl dd.price span{
	font-size: 85%;
}
#item #fv dl dd .detail .btn{
	text-align: center;
	margin-top: 20px;
}
#item #fv dl dd .detail .btn a{
	border: 1px solid #ccc;
	padding: 8px 40px;
	border-radius: 5px;
	display: inline-block;
}




#information {
	padding: 40px 0 80px;
	/*background: linear-gradient(#fff 0, #f5f5f5 600px);*/
}
#information dl{
	background: #fff;
	border: 5px solid #f5f5f5;
	border-radius: 15px;
	max-width: 1000px;
	margin: 40px auto;
	padding: 60px 80px 40px;
	box-sizing: border-box;
}
#information dl dt{
	text-align: center;
}
#information dl dd{
	text-align: justify;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding: 20px 60px 0;
}






@media screen and (max-width: 1024px) {
	
	#information h2,
	#products h2 {
		font-size: 160%;
		margin: 20px 0;
	}

	#information h2,
	#products h2 {
		font-size: 160%;
		margin: 30px 0;
	}

	#item #fv {
		margin: 40px;
	}
	#item #fv dl {
		flex-direction: column;
	}
	#item #fv dl dt {
		width: auto;
	}
	#item #fv dl dt img {
		min-height: 40vh;
		width: 100%;
	}
	#item #fv dl dd {
		width: auto;
	}
	#item #fv dl dd h2 {
		font-size: 200%;
		margin-top: 10px;
		display: flex;
	}
	#item #fv dl dd h2::after {
		content: '';
		border-bottom: 1px solid #ccc;
		flex: 1 0;
		margin: 0 0 15px 20px;
	}
	#item #fv dl dd .cat {
		font-size: 85%;
	}
	#item #fv dl dd .detail {
		margin-top: 20px;
		display: flex;
		justify-content: space-between;
	}
	#item #fv dl dd .detail .d1 {
		font-size: 98%;
		width: 48%;
	}
	#item #fv dl dd .detail .d2 {
		width: 46%;
		margin: 0;
	}
	#item #fv dl dd .detail .d2 dl {
		flex-direction: row;
	}
	#item #fv dl dd .detail .d2 dl dt {
		font-size: 80%;
		line-height: 1.6em;
		padding-bottom: 2px;
	}
	#item #fv dl dd .detail .d2 dl dd {
		margin-top: 5px;
		font-size: 90%;
		line-height: 1.4em;
	}
	
	
	
	#information {
		padding: 20px 0 40px;
		background: linear-gradient(#fff 0, #f5f5f5 300px);
	}
	#information dl {
		border: none;
		border-radius: 5px;
		margin: 40px 8%;
		padding: 4% 6%;
	}
	#information dl dd {
		margin-top: 10px;
		padding: 20px 20px 0;
	}
	
	
}

@media screen and (max-width: 520px) {
	
	#item #fv {
		margin: 20px 15px;
	}
	#item #fv dl dt img {
		height: auto;
	}
	#item #fv dl dd .detail {
		flex-direction: column;
	}
	#item #fv dl dd .detail .d1 {
		font-size: 100%;
		width: auto;
	}
	#item #fv dl dd .detail .d2 {
		width: auto;
		margin-top: 40px;
	}
	#item #fv dl dd .detail .d2 dl {
		border-top: none;
		flex-direction: column;
	}
	#item #fv dl dd .detail .d2 dl dt {
		text-align: left;
		font-size: 90%;
		width: 100%;
		border-radius: 0;
		padding: 0 10px 2px;
		box-sizing: border-box;
		background: #bbb;
		color: #fff;
	}
	#item #fv dl dd .detail .d2 dl dd {
		margin-top: 10px;
		width: auto;
		padding: 0 10px;
		font-size: 95%;
	}

	#information {
		background: linear-gradient(#fff 0, #f5f5f5 150px);
		padding: 0 0 40px;
		margin-top: 80px;
	}
	#information dl {
		margin: 20px;
		padding: 15px;
	}
	#information dl dd {
		padding: 10px 10px 0;
		font-size: 96%;
		line-height: 1.8em;
	}
	
}