@charset "utf-8";

/*8rem
4rem
2.666666rem
2rem
1.6rem
1.333333rem
1.142857rem
1rem;
0.888888rem
0.8rem*/

html {
	font-size: 14px;
	line-height: 28px;
	font-feature-settings: "palt";
	letter-spacing: 1px;
}

body {
	color: #ffffff;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1rem;
	line-height: 2rem;
	background: #000000;
	/*background: -moz-linear-gradient(-45deg,  #000000 0%, #1f1f1f 100%);
	background: -webkit-linear-gradient(-45deg,  #000000 0%,#1f1f1f 100%);
	background: linear-gradient(135deg,  #000000 0%,#1f1f1f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1f1f1f',GradientType=1 );*/
}

#header, #time, #goods {
	position: relative;
	padding: 8rem 0;
	overflow: hidden;
	border-bottom: 1px solid rgba(245, 225, 198, .2);
	box-sizing: border-box;
}

h1 {
	margin: 0;
	padding: 0;
}

#time {
	text-align: left;
}

#time h1.title {
	display: inline-block;
	font-size: 1.142857rem;
	font-weight: 300;
	line-height: 2rem;
	padding-left: 2rem;
	padding-right: 2rem;
	border-radius: 1rem;
	color: #ffffff;
	text-align: center;
	background: #cdbf9f;
	background: -webkit-linear-gradient(-93deg, #cdbf9f, #a38d5d);
	background: linear-gradient(-93deg, #cdbf9f, #a38d5d);
}

#time h2.title {
	font-size: 1.333333rem;
	line-height: 4rem;
	margin-top: 4rem;
	text-align: center;
	font-weight: 300;
}

#time h2.title + ul.annotation {
	margin-top: 2rem;
}

#time a:link, #time a:active, #time a:visited {
	color: #cdbf9f;
	text-decoration: none;
}

#time a:hover {
	color: #cdbf9f;
	text-decoration: underline;
}

p {
	margin: 0;
	padding: 0;
}

p + p {
	margin-top: 2rem;
}

ul.annotation {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.annotation > li {
	position: relative;
	padding: 0 0 0 1.6rem;
	font-size: 0.888888rem;
	text-align: left;
}
@media (min-width: 576px) {
	ul.annotation > li {
		text-align: center;
	}
}

ul.annotation > li:before {
	position: absolute;
	content:'※';
	margin: 0 0 0 -1.6rem;
}

p + ul.annotation {
	margin-top: 2rem;
}

.goods-item {
	margin-bottom: 6rem;
}

.goods-image {
	margin-bottom: 2rem;
	/*background: url("../img/goods_bg.png") no-repeat;
	background-size: contain;*/
}

h1.goods-title {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1rem;
	line-height: 2.666666rem;
	color: #cdbf9f;
	background: -webkit-linear-gradient(-93deg, #cdbf9f, #a38d5d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	word-wrap: normal;
}
@media (min-width: 576px) {
	h1.goods-title {
		font-size: 1.333333rem;
	}
}

h2.goods-price {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1rem;
	line-height: 4rem;
}
@media (min-width: 576px) {
	h2.goods-price {
		font-size: 1.142857rem;
	}
}

footer small {
	display: block;
	line-height: 2rem;
	margin-top: 4rem;
	margin-bottom: 4rem;
	font-size: 0.8rem;
}

a.fancybox {
	transition: opacity .3s linear;
}

a.fancybox:hover {
	opacity: .7;
}