@charset "utf-8";
/* CSS Document */

.bg{
	background: url("../images/goods/bg_goods.jpg") center top fixed;
	background-size: 100%;
}

.deco > span{
	width:47px;
	height:47px;
	display:block;
	background: url("../images/page/deco.png") no-repeat;
	background-size:100%;
	position:absolute;
}

.deco > span:nth-child(1){
	left:20px;
	top:80px;
}
.deco > span:nth-child(2){
	right:20px;
	top:80px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.deco > span:nth-child(3){
	left:20px;
	bottom:30px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.deco > span:nth-child(4){
	right:20px;
	bottom:30px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/*

PC_goods

*/
section#kttkgoods{
	width:100%;
	height:auto;
	text-align: center;
	position:relative;
	transition:2s;
}

div.goodsArea{
	padding:60px 0;
	width:80%;
	max-width:1200px;
	margin:0 auto;
}

div.Title{
	width:20%;
	max-width:350px;
	margin:5em auto 3em;
	margin:10vh auto 6vh;
}

div.Title img{
	width:100%;
}

div.goodsArea dl#goodsList{
	
}

dl#goodsList div.goodsItem{
	width:40%;
	margin:0 4% 3em;
	text-align: left;
	position:relative;
	display:inline-block;
	vertical-align: top;
}

#goodsList div.goodsItem dt{
	width:100%;
	margin:0 0 0.5em;
	position:relative;
}

#goodsList div.goodsItem dt img:first-child{
	width:100%;
}

#goodsList div.goodsItem dt .newicon{
	width:15%;
	position:absolute;
	right:0;
	bottom:2%;
}

#goodsList div.goodsItem dd{
	font-size:0.8em;
	line-height:1.3em;
	color:#000;
	width:auto;
	display:inline-block;
	margin-right:1em;
}

#goodsList div.goodsItem dd span{
	font-size:0.8em;
}

#goodsList div.goodsItem dd a{
	color:#000;
}

#goodsList div.goodsItem dd a:hover{
	text-decoration: none;
}

#goodsList div.goodsItem dd.goodsName{
	display:none;
}




#btnpagetop{
	position: fixed;
	width:50px;
	height:50px;
	bottom: 20px;
	right: 20px;
	z-index: 50;
	opacity: 0.9;
}

/*
SP_goods
*/

@media screen and (max-width: 479px) {
	
	.bg{background: url("../sp/images/bg.jpg") repeat-y;}
	
#content{
background-size: 100% auto;
width: 375px;
margin: 0 auto;
padding-top:5px;
}
	
	div#navigation{
		width: 375PX;
	}
	
	.deco > span{display: none;}
	
	section#kttkgoods{
	width:100%;
	padding:40px 0;
	margin:40px 0 0;
	text-align: center;
}

div.goodsArea{
	width:85%;
	padding:0;
}

div.Title{
	width:55%;
	margin:0 auto 20px;
}

div.Title img{
	width:100%;
}

div.goodsArea dl#goodsList{
	margin:0 auto;
}

dl#goodsList div.goodsItem{
	width:100%;
	margin:0 auto 3em;
	text-align: left;
	position:relative;
	display:block;
	vertical-align: top;
}

#goodsList div.goodsItem dt{
	width:100%;
	margin:0 0 0.5em;
	position:relative;
}

#goodsList div.goodsItem dt img:first-child{
	width:100%;
}

#goodsList div.goodsItem dt .newicon{
	width:18%;
	position:absolute;
	right:0;
	bottom:0;
}

#goodsList div.goodsItem dd{
	font-size:0.7em;
	line-height:1.3em;
	color:#000;
	width:auto;
	display:inline-block;
}

#goodsList div.goodsItem dd span{
	font-size:0.8em;
}

#goodsList div.goodsItem dd a{
	color:#000;
}

#goodsList div.goodsItem dd a:hover{
	text-decoration: none;
}

#goodsList div.goodsItem dd.goodsName{
	display:none;
}


#btnpagetop{
	position: fixed;
	width:50px;
	height:50px;
	bottom: 20px;
	right: 20px;
	z-index: 50;
	opacity: 0.9;
}	

}

/*

menu

*/
@media screen and (min-width: 480px) {
nav{
position: fixed;
top: 0;
left: 0;
min-width:1200px;
}

#nav_logo{
	display:block;
}

}

/*

footer

*/

#footer{
	background:#FFFFFF;
	width:100%;
	height:20px;
	padding:10px 0 0;
	position:relative;
}

#copyright{
	background:url("../images/copyright.png") no-repeat center;
	background-size:contain;
	width:200px;
	height:10px;
	margin:0 auto;
}

/**/
.pcdn{
	display:none;
}

.spdn{
	display:block;
}

@media screen and (max-width: 479px) {
.pcdn{
	display:block;
}

.spdn{
	display:none;
}
	
}

	
@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1200px) {
nav{
position: absolute;
top: 0;
left: 0;
min-width:100%;
}
	
#content{
		min-width:100%;
	}

}