@charset "euc-jp";
/* kyoutsu */

/* generalView
----------------------------------------- */ 
#generalView {
display: none;
}

/* contentsTitle h1
----------------------------------------- */
.contentsTitle {
margin-top: 20px;
margin-bottom: 20px;
}

/* itemHead
----------------------------------------- */
.itemHead {
margin-bottom: 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.itemHead > div {
width: 50%;
}
.sortSection select {
padding: 0.2em 1em;
width: 100%;
border: 1px solid #353739;
border-radius: 100px;
background-color: transparent;
}


/* productList
----------------------------------------- */
.productList {
display: flex;
flex-wrap: wrap;
}
.productList li {
margin-bottom: 40px;
padding: 15px;
}
.productList li img {
width: 100%;
border: 1px solid #d6d6d6;
}
.productListPrices {
color: #808080;
text-align: right;
}


/* pagenation
----------------------------------------- */
.pagenation {
margin-bottom: 40px;
text-align: center;
}
.pagenationPos {
margin-bottom: 15px;
}
.numberList li {
width: 2em;
display: inline-block;
background-color: #b3b3b3;
border: 1px solid #b3b3b3;
}
.numberList li.num {
margin-right: 5px;
margin-left: 5px;
border: 1px solid #353739;
background-color: transparent;
}
.numberList li .disabled {
color: #808080;
}
.numberList li.prev {
margin-right: 5px;
}
.numberList li.next {
margin-left: 5px;
}



/* ===========================================
 	PC Design Ver
============================================== */
@media only screen and (min-width: 960px){	

/* productList
============================================== */
.productList {
justify-content: flex-start;
}
.productList li {
width: calc(100%/4);
}



} /* PC end ===================================

SP Design Ver

//////////////////////////////////////////// */
@media only screen and (max-width: 959px){


/* main
//////////////////////////////////////////// */
#main {
display: inline-block;
}
.container {
padding: 0;
width: 90%;
}

/* concept
//////////////////////////////////////////// */
.productList {
justify-content: flex-start;
}
.productList li {
width: 25%;
min-width: 144px; 
}



}/* SP end ///////////////////////////////// */