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

/*-----------------  collection -----------------*/

#collection #fullpage #section0{
min-width: 100%;
min-height: 100%;
background-image: url(../img/collection/collection_top1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
}
#collection #fullpage #section0 .category{
position:absolute;
right: 0;
padding-right: 1%;
width: 210px;
top: 7%;
margin-top: 39px;
z-index: 101;
/*
background-color: rgba(255,255,255, 0.1);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
*/
}
#collection #fullpage #section0 .category2{
position: fixed;
right: 0;
padding-right: 1%;
width: 210px;
top: 7%;
margin-top: 39px;
z-index: 100;
/*
background-color: rgba(255,255,255, 0.1);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000);
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#77000000,EndColorStr=#77000000)";
*/
}
#collection #fullpage #section0 .category:not(:target){
    filter: none;
    -ms-filter: none;
}


#collection #fullpage #section0 h1{
width: 230px;
height: auto;
position: fixed;
margin-top: -56px;
top: 77%;
margin-left: 1%;
z-index: 100;
}
#collection #fullpage #section0 h1 img{
width: 100%;
}
#collection #fullpage #section0 h2{

}
#collection #fullpage #section0 h2.first{
}
#collection #fullpage #section0 h2.second{
margin-top: -13px;
}
#collection #fullpage #section0 h2.third{
margin-top: -13px;
}
#collection #fullpage #section0 h2 img{
width:100%;
}
#collection #fullpage #section0 h3{
min-width: 100%;
min-height: 100%;
background-image: url(../img/collection/collection_top1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
text-indent:-9999px;
}
#collection #fullpage #section0 p#price{
	font-family: "PT Sans";
	font-size: 12px;
	color: #DDC97B;
	position: absolute;
	bottom: 82px;
	left: 758px;
}
#collection #fullpage #section0 p#price a{
text-decoration:none;
color:#DDC97B;
}
#collection #fullpage #section0 p#scroll{
margin-left:75%;
position:absolute;
top:87%;
}
#collection #fullpage #section0 ul#sns{
	overflow:hidden;
	position:fixed;
	top:0;
	right:3%;
	z-index:100;
}
#collection #fullpage #section0  ul#sns li{
width:50px;
height:auto;
float:left;
}
#collection #fullpage #section0  ul#sns li img{
width:100%;
height:auto;
}
#collection #fullpage #section0  ul#bottom{
font-family: "PT Sans";
overflow: hidden;
position: fixed;
bottom: 12px;
left: 50%;
font-size: 12px;
z-index: 100;
color: #fff;
margin-left: -62px;
letter-spacing: 0.1em;
}
#collection #fullpage #section0 ul#bottom a{
	text-decoration:none;
	color:#fff;
}
#collection #fullpage #section0 ul#bottom li{
float:left;
}
#collection #fullpage #section0 ul#bottom li.first{
margin-right:5px;
}
#collection #fullpage #section0 ul#language {
width: 30px;
height: 100px;
background-image: url(../img/collection/language.png);
background-repeat: no-repeat;
background-size: cover;
position: fixed;
z-index: 100;
top: 4%;
left: 0%;
text-indent:-9999px;
}
#collection #fullpage #section0 ul#language a{
display:block;
width: 30px;
height: 50px;
}
#collection #fullpage #section1{
background:#F7FFFC;
}
#collection #fullpage #section1 .column1{
width:80%;
max-width:1500px;
min-height:1000px;
height: auto;
margin:0 auto;
position: relative;
}
#collection #fullpage #section1 ul li,#collection #fullpage #section3 ul li{
font-family: "PT Sans";
font-size: 16px;
color: #1B1B18;
}
#collection #fullpage #section1 ul li a,#collection #fullpage #section3 ul li a{
text-decoration:none;
color: #1B1B18;
}
#collection #fullpage #section1 ul li img,#collection #fullpage #section3 ul li img{
width:100%;
}
#collection #fullpage #section1 ul li.c1{
position: absolute;
top: 3%;
left: 3%;
width:15%;
min-width:150px;
}
#collection #fullpage #section1 ul li.c2{
position: absolute;
top: 2%;
left: 35%;
width: 25%;
min-width: 250px;
}
#collection #fullpage #section1 ul li.c3{
position: absolute;
top: 2%;
left: 72%;
width: 20%;
min-width:170px;
}
#collection #fullpage #section1 ul li.c4{
position: absolute;
top: 30%;
left: 0%;
padding-top: 110px;
width: 13%;
min-width: 150px;
}
#collection #fullpage #section1 ul li.c5{
position: absolute;
top: 15%;
left: 19%;
width: 25%;
min-width:220px;
padding-top: 200px;
}
#collection #fullpage #section1 ul li.c6{
position: absolute;
top: 35%;
left: 50%;
width: 25%;
min-width:230px;
padding-top: 30px;
}
#collection #fullpage #section1 ul li.c7{
position: absolute;
top: 54%;
left: 0%;
padding-top: 139px;
width: 18%;
min-width:150px;
}
#collection #fullpage #section1 img.c8{
position: absolute;
bottom: 10%;
right: 0%;
width: 25%;
min-width:250px;
}
#collection #fullpage #section2{
	min-width: 100%;
	min-height: 100%;
	background-image: url(../img/collection/collection_top2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position:relative;
}
#collection #fullpage #section2 h1{
	text-indent: -9999px;
}
#collection #fullpage #section2 ul.price{
font-family: "PT Sans";
font-size: 12px;
color: #6B6755;
position: absolute;
bottom: 12%;
left: 6%;
line-height: 16px;
}
#collection #fullpage #section2 ul.price a{
text-decoration:none;
color: #4F1D63;
}
#collection #fullpage #section3{
background:#FFFEF2;
}
#collection #fullpage #section3 .column1{
width:80%;
max-width:1500px;
min-height:1000px;
height: auto;
margin:0 auto;
position: relative;
}
#collection #fullpage #section3 ul li.d1{
position: absolute;
top: 26%;
left: 0%;
width: 23%;
min-width: 175px;
}
#collection #fullpage #section3 ul li.d2{
position: absolute;
top: 7%;
left: 27%;
width: 25%;
min-width: 200px;
}
#collection #fullpage #section3 ul li.d3{
position: absolute;
top: 2%;
left: 55%;
width: 18%;
min-width: 150px;
}
#collection #fullpage #section3 ul li.d4{
position: absolute;
top: 3%;
left: 80%;
width: 28%;
min-width: 200px;
}
#collection #fullpage #section3 ul li.d5{
position: absolute;
top: 28%;
left: 23%;
width: 25%;
min-width: 210px;
padding-top: 200px;
}
#collection #fullpage #section3 ul li.d6{
position: absolute;
top: 37%;
left: 50%;
width: 20%;
min-width: 200px;
padding-top: 70px;
}
#collection #fullpage #section3 ul li.d7{
position: absolute;
top: 70%;
left: 58%;
padding-top: 139px;
width: 18%;
min-width: 170px;
}
#collection #fullpage #section3 ul li.d8{
position: absolute;
top: 50%;
left: 79%;
width: 26%;
min-width: 200px;
padding-top: 100px;
}
#collection #fullpage #section3 img.d9{
position: absolute;
top: 0;
left: 0%;
width: 25%;
min-width: 250px;
}
#collection #fullpage #section4 {
background:#FFFDFF;
}
#collection #fullpage #section4 .column2{
width:90%;
height:auto;
margin:5% auto;
}
#collection #fullpage #section4 .column2 p#title{
width:25%;
min-width:250px;
}
#collection #fullpage #section4 .column2 ul.collection li{
float:left;
margin:2%;
font-family: "PT Sans";
font-size: 12px;
padding-top: 10px;
text-align: left;
line-height: 16px;
color:#362313;
}
#collection #fullpage #section4 .column2 ul.collection li a{
text-decoration: none;
color:#362313;
}
#collection #fullpage #section4 .column2 ul.collection li a.visited{
	text-decoration: none;
	color: #999999;
}
#collection #fullpage #section4 .column2 ul.collection li img{
width:100%;
-webkit-box-shadow: 0 0 2px 1px #8A8A8A;
box-shadow: 0 0 2px 1px #8A8A8A;
border:#fff 2px solid;
}
#collection #fullpage #section4 .column2 ul.collection li.p1{
width:40%;
}
#collection #fullpage #section4 .column2 ul.collection li.p2{
width:20%;
margin-left: 15%;
margin-top: 5%;
}
#collection #fullpage #section4 .column2 ul.collection li.p3{
width:30%;
margin-left: 24%;
margin-top: 5%;
}
#collection #fullpage #section4 .column2 ul.collection li.p4{
width:25%;
margin-left: 5%;
margin-top: -10%;
}
#collection #fullpage #section4 .column2 ul.collection li.p5{
width: 45%;
margin-left: 10%;
margin-top: 3%;
}
#collection #fullpage #section4 .column2 ul.collection li.p6{
width: 22%;
margin-left: 8%;
margin-top: -20%;
}
#collection #fullpage #section4 .column2 ul.collection li.p7{
width: 19%;
margin-left: 78%;
margin-top: -5%;
}
#collection #fullpage #section4 .column2 ul.collection li.p8{
width: 45%;
margin-left: 10%;
margin-top: -16%;
}
#collection #fullpage #section4 .column2 ul.collection li.p9{
width: 20%;
margin-left: 70%;
margin-top: -45%;
}
#collection #fullpage #section4 .column2 ul.collection li.p10{
width: 25%;
margin-left: 3%;
margin-top: 4%;
}
#collection #fullpage #section4 .column2 ul.collection li.p11{
width: 46%;
margin-left: 17%;
margin-top: 2%;
}
#collection #fullpage #section4 .column2 ul.collection li.p12{
width: 35%;
margin-left: 1%;
margin-top: 2%;
}
#collection #fullpage #section4 .column2 ul.collection li.p13{
width: 20%;
margin-left: 31%;
margin-top: 9%;
}
#collection #fullpage #section4 .column2 ul.collection li.p14{
width: 48%;
margin-left: -31%;
margin-top: 15%;
}
#collection #fullpage #section4 .column2 ul.collection li.p15{
width: 25%;
margin-left: 9%;
margin-top: 10%;
}
#collection #fullpage #section4 .column2 ul.collection li.p16{
width: 21%;
margin-left: 20%;
margin-top: 9%;
}
#collection #fullpage #section4 .column2 ul.collection li.p17{
width: 26%;
margin-left: 12%;
margin-top: -23%;
}
#collection #fullpage #section4 .column2 ul.collection li.p18{
width: 56%;
margin-left: 25%;
margin-top: 5%;
}
#collection #fullpage #section4 .column2 ul.collection li.p19{
width: 25%;
margin-left: 22%;
margin-top: 9%;
}
#collection #fullpage #section4 .column2 ul.collection li.p20{
width: 56%;
margin-left: 14%;
margin-top: 9%;
}
#collection #fullpage #section4 .column2 ul.collection li.p21{
width: 23%;
margin-left: 5%;
margin-top: 13%;
}
#collection #fullpage #section4 .column2 ul.collection li.p22{
width: 45%;
margin-left: 18%;
margin-top: 28%;
}
#sound{
display:none;
}