@charset "UTF-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,ieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
ol,ul {
	list-style: none;
}


.pcNone {
	display: none;
}


/*--------------------------------------------------*/

/* PCナビゲーション */

/*--------------------------------------------------*/
header {
	position: fixed;
	right: 0;
	width: 100%;
	min-width: 1200px;
	/*max-width: 1920px;*/
	height: 52px;
	margin: 0 auto;
	background-color: #fff;
	z-index: 10;

	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

nav {
	opacity: 1;
	position: absolute;
	top: 15px;
	right: 30px;
	width: 100%;
	min-width: 1200px;
	text-align: right;
	z-index: 10;
}

nav .menu {
	letter-spacing: -.4em;
}

nav .menu .item {
	color: #999999;
	display: inline-block;
	padding: 0 5px;
}

nav .menu .item img.over {
	top: 5px !important;
}


/*--------------------------------------------------*/

/* レイアウト */

/*--------------------------------------------------*/


body {
	background: url(../img/goods/bg.gif) repeat #fff;
	color: #88a0d6;
}

.title {
	margin: 0 auto;
	padding-top: 104px;
	text-align: center;
}

.text-area {
	margin: 30px 0;
}

.text {
	color: #4e4e4e;
	font-size: 13px;
	margin-top: 5px;
	text-align: center;
}

#goods-container {
	min-width: 375px;
	max-width: 1400px;
	margin: 0 auto;
}

.goods-logo {
	margin: 0 0 40px;
}

#goods-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#goods-list li {
	width: 314px;
	margin: 0 10px 40px;
	padding: 16px 10px;
	border: 1px solid #90ace4;
	background: rgba(255,255,255,1);
}

.goods-item dl {
	color: #88a0d6;
}
.goods-item img {
	width: 100%;
	margin-bottom: 20px;
}
.goods-item .name {
	font-size: 15px;
	color: #c7944a;
	font-weight: bold;
	font-family: "HG明朝E";
}
.goods-item .price {
	font-size: 13px;
}
.goods-item .date {
	font-size: 13px;
	margin-bottom: 2px;
}
.goods-item .sales {
	font-size: 10px;
}



/*--------------------------------------------------*/

/* YouTube */

/*--------------------------------------------------*/



/*--------------------------------------------------*/

/* モバイル対応 */

/*--------------------------------------------------*/

@media screen and (max-width: 768px) {
	.spNone {
		display: none;
	}


	.pcNone {
		display: block;
	}

	header {
		position: initial;
		right: initial;
		width: initial;
		min-width: initial;
		max-width: initial;
		height: initial;
		margin: initial;
		background-color: initial;
		z-index: initial;

		-webkit-box-shadow: initial;
		-moz-box-shadow: initial;
		box-shadow: initial;
	}

	nav {
		opacity: initial;
		position: initial;
		top: initial;
		right: initial;
		width: initial;
		min-width: initial;
		text-align: initial;
		z-index: initial;
	}

	nav .menu {
		letter-spacing: initial;
	}

	nav .menu .item {
		color: initial;
		display: initial;
		padding: initial;
	}

	nav .menu .item img.over {
		top: initial;
	}

	.pcNone img {
		width: 100%;
	}

	/*--------------------------------------------------*/
	/* ハンバーガーメニュー */
	/*--------------------------------------------------*/
	.open {
		position: absolute;
		top: 1%;
		right: 5.33%;
		width: 11.46%;
		z-index: 5;
	}

	.gmenu {
		opacity: 0;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background:url(../sp/img/menu/bg.jpg) no-repeat 0 0;
		background-size: cover;
		overflow-y: scroll;
		z-index: 20;
	}

	.gmenu .mclose {
		position: absolute;
		top: 2%;
		right: 5.33%;
		width: 11.46%;
	}

	.gmenu .menu-left {
		float: left;
	}

	.gmenu .menu-right {
		width: 54%;
		float: right;
	}

	.gmenu .menu-left {
		width: 46%;
	}

	.gmenu .menu-left .logo {
		width: 46.66%;
		margin: 42% auto 0;
	}

	.gmenu .menu-left .mleaf {
		width: 81.15%;
		margin: 47% auto 0;
		z-index: 30;
	}

	.gmenu .menu-right .menu-list {
		margin: 35% auto 35%;
	}


	#goods-list li {
		width: 44%;
		margin: 0 5px 40px;
	}


	/* lang */
	.lang {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.lg {
		width: 23.76%;
	}

	.lang {
		margin: 24% auto 31%;
	}

	.lang .jp {
		width: 13.08%;
	}
	.lang .en {
		width: 19.75%;
	}
	.lang .ch {
		width: 21.02%;
	}

	.lang .item {
		margin-right: 8%;
	}

}

/*--------------------------------------------------*/

/* YouTube */

/*--------------------------------------------------*/

/*--------------------------------------------------*/

/* inview.js */

/*--------------------------------------------------*/

/*
.inview,
.inview02,
.inview03 {
	opacity: 0;
}
*/

/*--------------------------------------------------*/

/* ページ内スクロール */

/*--------------------------------------------------*/

.to-top {
	display: none;
	opacity: 1;
	position: fixed;
	bottom: 30px;
	right: 30px;
	cursor: pointer;
}