@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');


/*font-family: 'Playfair Display', serif;*/

/* custom */
.itemListWrap li p{
    padding: 0;
    margin: 0;
    line-height: 1em;
    color: #fff;
    font-size: 0.8em;
    width: 100%;
	
     text-overflow: ellipsis;
     white-space:nowrap;
     overflow:hidden;

}
.itemListWrap li p.category{
margin-top: 0.5em;
    color: #bbbbbb;
}
.fh5co-project:before{
display: none;
}
#fh5co-header h2{
font-family: 'Crimson Text', serif;
}
a{
color: inherit;
}
#fh5co-header h1{
font-family: 'Playfair Display', serif;
}
#fh5co-header h1 span{
/*font-size: 1.5rem;*/
}
a {
    border-bottom: none;
}
.itemList li{
display: none;
}
.itemList li:nth-child(-n+3){
display: block
}
.itemList h2{
padding: 0;
}
.itemListWrap li p{
padding: 0;
margin: 0;
line-height: 1em;
color: #fff;
}
.itemListWrap li h3{
    padding: 0;
    font-size: 0;
}
.itemListWrap li h3::after{
border:none;
display: none;
}
.itemListWrap h3{
font-size: 2rem;
text-align: center;
}
.itemListWrap.select .itemBtn{
    background: #000;
    overflow: hidden;
    line-height: 0em;
    text-align: center;
    padding: 1.5em;
	color: #000;
}
.itemListWrap.select .itemBtn::after{
content:"CLOSE";
display: block;
color: #fff;
}
.itemListWrap h3::after{
    content: "";
    border-bottom: 1px solid #fff;
    width: 60px;
    margin: 30px auto 40px;
    display: block;
}
.itemList li{
width: 33.333333%;
    padding: 1.5%;
}
ul,li,ol,dl,dd,dt{
list-style: none;
}
.itemList li img{
    width: 100%;
    margin: 0 0 2rem;
}
.itemList li span{
color: #fff;
}
.itemBtn{
    padding: 10px 50px;
    border: 2px solid #fff;
    color: #fff;
    width: 30%;
    margin: 70px auto 150px;
    text-align: center;
}
.itemList li span::before{
content:"￥";
}
.itemList li span::after{
content:"+tax";
}
.itemList h2{
    padding: 1em 0 0;
    margin: 0;
    font-size: 1em;
}
.itemListWrap{
margin-top: -130px;
}

.itemList span{
    margin: 0;
	color: #fff;
}
.itemList{
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: flex;

/*-webkit-justify-content: space-between;
justify-content: space-between;*/
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#fh5co-header {
  background: url(../../images/top-loneones-goldfair17-2.jpg) center center no-repeat;
}
#fh5co-footer:before{
background: none;
}
/* end. custom */