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

/********** filter **********/
/* pc */
#sort_pc {
	font-size: 1.2rem;
	letter-spacing: 1px;
	display: block;
}
#item_list .filter {
	margin-bottom: 0px;
	color: #000;
	text-decoration: underline;
}
.filter p {
	display: inline;
	cursor: pointer;
}
.item_category {
	display: none;
}
.item_category {
	margin-bottom: 20px;
}
.item_category .tab {
	margin-top: 30px;
	/*margin-bottom: 20px;*/
	padding-bottom:20px;
}
.item_category .tab li{
	cursor: pointer;
}
.item_category .tab li:hover {
	text-decoration: underline;
	color: #000;
}
.item_category .tab li a:hover {
	text-decoration: underline;
	color: #000;
}
.item_category .tab li.select {
	text-decoration: underline;
	color: #000;
}
.item_category .tab li a.select {
	text-decoration: underline;
	color: #000;
}
.item_category li {
	font-size: 1.2rem;
	letter-spacing: 1px;
	color: #737373;
	display: inline-block;
	margin-right: 20px;
}
.item_category li a {
	font-size: 1.2rem;
	letter-spacing: 1px;
	color: #737373;
	display: inline-block;
	text-decoration: none;
}
#item_group {
	position: relative;
	overflow: hidden;
}
#item_group ul {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}
#item_group ul:first-child {
	position: relative;
	min-height: 1.2rem;
}
#item_group li {
	font-size: 1.2rem;
	letter-spacing: 1px;
	color: #737373;
	display: inline-block;
}
#item_group a {
	color: #737373;
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: none;
}
#item_group span {
	color: #000;
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: underline;
}
#item_group a:hover {
	text-decoration: underline;
	color: #000;
}
#item_group li.hide {
	display: none;
}
/* sp */
#sort_sp {
	font-size: 1.1rem;
	display: none;
}
#sort_sp .btns {
	margin-bottom: 20px;
	/*padding-bottom:20px;*/
}
#sort_sp #group_sort_sp {
	margin-top: 20px;
}
#sort_sp .btns .on {
	color: #000;
	text-decoration: underline;
}
#sort_sp .opens {
	width:360px;
	margin:0 auto;
}
#sort_sp .item_category {
/*margin-top:20px;*/
}
#sort_sp .item_category a {
	color: #737373;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	display: inline-block;
	text-decoration: none;
}
#sort_sp .item_category #group_sort_sp a {
	margin-bottom: 0px;
}
#sort_sp .btns.fast a{
	margin-top: 20px;
	margin-bottom: 0px;
}
#sort_sp .btns.last{
	margin-bottom: 0;
	padding-bottom:0;
}
/********** item **********/
#item_list {
	padding-top: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#item_list h2 {
	font-size: 2rem;
	letter-spacing: 1.25px;
	text-align: center;
	margin-bottom: 35px;
}
#item_menu {
	color: #777777;
	text-align: center;
	margin-bottom: 0px;
	text-decoration: none;
	letter-spacing: 1px;
}
#item_list ul.items {
	font-size: 0;
	letter-spacing: 0;
	margin-top: 30px;
}
#item_list .items li {
	height: auto;
	overflow: hidden;
	display: inline-block;
	position: relative;
}

#item_list li .item_contents {
	position: absolute;
	width: 100%;
	height: 100%;
	font-size: 1.2rem;
	line-height: 1.8;
	letter-spacing: 1px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	font-family: Georgia, "Times New Roman", Times, serif;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background-color: rgba(255,255,255,0.90);
}
#item_list .item_detail {
	vertical-align: middle;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	position: absolute;
}
#item_list li .item_contents:hover {
	opacity: 1;
}
#item_list .item_bg img {
	height: auto;
	width: 100%;
	opacity: 1;
}
#item_list .item_price {
	margin-bottom: 25px;
}
/*#item_list .item_detailLink {
	text-decoration: underline;
}*/
#item_list .fadeIn {
 opacity:0.
}
#item_list .item_detailLink a:link {
	text-decoration: underline;
	color: #000000;
}
#item_list .item_detailLink a:hover {
	text-decoration: none;
}
#item_list .item_detailLink a:visited {
	text-decoration: underline;
	color: #000000;
}

/*@media screen and (max-width:1280px) and (min-width:960px){
#item_list li{
	width:25% !important;
}
}
@media screen and (max-width:960px) and (min-width:640px){
#item_list li{
	width:33.3333% !important;
}
}*/

/*----------------------------------------------*/
/* 670px 以下 */
/*----------------------------------------------*/

@media screen and (max-width:670px) {

#item_list {
	padding-top: 5px;
}
#item_list h2 {
	font-size: 1.5rem;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
#item_menu {
	margin-bottom: 0px;
}
#item_list ul.items {
	font-size: 0;
	letter-spacing: 0;
	margin-top: 30px;
}
#item_list .items li:nth-child(even) {
	}
#item_list li .item_contents {
	font-size: 1.1rem;
	letter-spacing: 0.75px;
	line-height: 1.54;
}
#item_list .item_price {
	margin-bottom: 20px;
}
/* pc */
#sort_pc {
	display: none;
}
/* sp */
#sort_sp {
	display: block;
}
.opens {
	display: none;
}
}

/*----------------------------------------------*/
/* scroll animation
/*----------------------------------------------*/
.hidden {
	opacity: 0;
	-webkit-transform: translate3d(0px,7%,0px);
	transform: translate3d(0px,7%,0px);
	-webkit-transition: all 0.4s ease, opacity 0.8s ease;
	transition: all 0.4s ease, opacity 0.6s ease;
}
@media screen and (max-width:670px) {
.hidden {
	-webkit-transform: translate3d(0px,5%,0px);
	transform: translate3d(0px,5%,0px);
}	
}
.hidden.view {
	opacity: 1;
	-webkit-transform: translate3d(0px,0%,0px);
	transform: translate3d(0px,0%,0px);
}
