@charset "Shift_JIS";

img{
	vertical-align: top;
}

@media only screen and (min-width: 1300px) {
}
/*-------------------------------------------

contents

-------------------------------------------*/
#main > img{
	display: block;
	margin: auto;
}
#contents .contents_inner {
	max-width: 1300px;
}
.min #contents #main {
  margin-left: 280px;
}

/*-------------------------------------------

side

-------------------------------------------*/
#contents #side{
	margin-top: 1em;
}
#contents #side .side_category li {
  margin-bottom: 1.5em;
}
#contents #side .side_category dt{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 1em 1em 1em 40px;
}
#contents #side .side_category li:last-child dt{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#contents #side .side_category dd{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
#contents #side .side_category li:last-child dd:after{
	content: normal;
}
#contents #side .side_category dd li:last-child a{
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.min #contents #side {
	width: 230px;
	font-size: 14px;
}
/*-------------------------------------------

result

-------------------------------------------*/
.resultArea{
	margin: 1em 0;
	overflow: hidden;
}
.resultArea:after{
	content: "";
	display: block;
	clear: both;
}
.result{
	float: left;
}
.result span{
	font-size: 1.43em;
}
.sortAscending{
	float: right;
}

/*-------------------------------------------

sortCheck

-------------------------------------------*/
.sortCheck{
	margin-top: 1.5em;
}
.sortCheck ul{
	overflow: hidden;
}
.sortCheck li{
	float: left;
	margin-left: 2em;
}
/*-------------------------------------------

sortTab

-------------------------------------------*/
.sortTab{
	margin-top: 1em;
	position: relative;
}
.sortTab:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: #e8e9eb;
}
.sortTab ul{
	margin: 0 2em;
	overflow: hidden;
}
.sortTab li{
	float: left;
	width: calc(100% / 3);
}
.sortTab li > *{
	position: relative;
	display: block;
	border: 1px solid #e8e9eb;
	border-left: none;
	border-bottom: 2px solid #e8e9eb;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 1em 0;
	font-size: 1.14em;
	color: #999;
	text-align: center;
	background-color: #FFF;
	z-index: 1;
}
.sortTab li:first-child > *{
	border-left: 1px solid #e8e9eb;
}
.sortTab li.ac > *{
	border-bottom-color: #FFF;
	color: #333;
	background-color: #f7f8fa;
}
/*-------------------------------------------

sortAscending

-------------------------------------------*/
.sortAscending > div{
	display: table;
}
.sortAscending > div > *{
	display: table-cell;
}
.sortAscending ul{
	display: table;
	margin: 0 1em;
}
.sortAscending li{
	display: table-cell;
}
.sortAscending li > *{
	display: block;
	position: relative;
	margin: 0 0.25em;
	padding: 0.5em 1em;
	color: #333;
}
.sortAscending li.up > *{
	padding-left: 2.5em;
}
.sortAscending li.down > *{
	padding-right: 2.5em;
}
.sortAscending li > *:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url(https://images.astyle.jp/images/cmn/icon/icon.png);
	background-repeat: no-repeat;
}
.sortAscending li.up > *:after{
	left: 1em;
	width: 13px;
	height: 13px;
	background-position: -19px -519px;
}
.sortAscending li.down > *:after{
	right: 1em;
	width: 13px;
	height: 13px;
	background-position: -69px -519px;
}
.sortAscending li span{
	opacity: 0.66;
}
.sortAscending li a{
	background-color: #f7f8fa;
}
.sortAscending dl{
	display: table;
	margin: 0 1em;
}
.sortAscending dl > *{
	display: table-cell;
}
.sortAscending dt{
	color: #666;
	padding-right: 1em;
}
/*-------------------------------------------

pager

-------------------------------------------*/
.pager{
	margin-top: 1em;
	border-bottom: 2px solid #ededed;
	padding-bottom: 5px;
	overflow: hidden;
}
.pager > *:nth-of-type(odd){
	float: left;
}
.pager > *:nth-of-type(even){
	float: right;
}
.pager .pager_current{
	margin-top: 0.25em;
	font-weight: bold;
}
.pager .pager_current span{
	font-size: 1.14em;
}
.pager .pager_list{
	display: table;
}
.pager .pager_list > *{
	display: table-cell;
}
.pager .pager_list ul{
	display: table;
}
.pager .pager_list li{
	display: table-cell;
	line-height: 1;
	white-space: nowrap;
}
.pager .pager_list li a{
	margin: 0 0.3em;
	color: #333;
	text-decoration: underline;
}
.pager .pager_page span,
.pager .pager_page a{
	display: block;
	width: 2em;
	margin: 0 0.3em;
	border-radius: 3px;
	padding: 0.5em 0;
	text-align: center;
}
.pager .pager_page span{
	width: 1.5em;
}
.pager .pager_page a{
	background-color: #f0f1f2;
}
/*-------------------------------------------

itemList

-------------------------------------------*/
.itemList{
	clear: none !important;
	overflow: inherit !important;
	width: auto !important;
	margin-top: 1.5em !important;
	position: relative;
}
.itemList:before,
.itemList:after,
.itemList > ul:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 1px;
	background-color: #e6e6e6;
}
.itemList > ul{
	margin: 0 !important;
	width: auto !important;
}
.itemList > ul > li:nth-of-type(4n + 1):after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 400%;
	height: 1px;
	background-color: #e6e6e6;
}
.itemList > ul > li:first-child:after{
	content: normal;
}
.itemList:before{
	left: 25%;
}
.itemList:after{
	left: 50%;
}
.itemList ul:before{
	left: 75%;
}
.itemList ul{
	overflow: hidden;
}
.itemList > ul > li{
	box-sizing: border-box;
	position: relative;
	float: left;
	width: 25%;
	padding: 2em 1em 1em 1em;
}
.itemList > ul > li:nth-of-type(4n+1){
	clear:both;
}
.itemList figure{
	width: 141px;
	margin: 0 auto;
}
.itemList figure img{
	width: 154px;
	height:154px;
}
.itemList li.new figure a{
	display: block;
	position: relative;
}
.itemList li.new figure a:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	background: url(https://images.astyle.jp/images/cmn/icon/ico_new_01.png) top left no-repeat;
}
.itemList .item_icon{
	margin-top: 0.5em;
}
.itemList .item_icon li{
	float: left;
	width: 33px;
	height: 33px;
	margin: 0 2px 2px 0;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background: top left no-repeat;
}
.itemList .item_icon li.icon_01{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_01.png);}
.itemList .item_icon li.icon_01_02{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_01_02.png);}
.itemList .item_icon li.icon_02{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_02.png);}
.itemList .item_icon li.icon_03{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_03.png);}
.itemList .item_icon li.icon_04{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_04.png);}
.itemList .item_icon li.icon_05{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_05.png);}
.itemList .item_icon li.icon_06{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_06.png);}
.itemList .item_icon li.icon_07{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_07.png);}
.itemList .item_icon li.icon_08{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_08.png);}
.itemList .item_icon li.icon_09{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_09.png);}
.itemList .item_icon li.icon_10{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_10.png);}
.itemList .item_icon li.icon_11{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_11.png);}
.itemList .item_icon li.icon_12{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_12.png);}
.itemList .item_icon li.icon_13{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_13.png);}
.itemList .item_icon li.icon_14{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_14.png);}
.itemList .item_icon li.icon_15{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_15.png);}
.itemList .item_icon li.icon_16{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_16.png);}
.itemList .item_icon li.icon_17{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_17.png);}
.itemList .item_icon li.icon_18{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_18.png);}
.itemList .item_icon li.icon_19{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_19.png);}
.itemList .item_icon li.icon_20{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_20.png);}
.itemList .item_icon li.icon_21{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_21.png);}
.itemList .item_icon li.icon_21_02{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_21_02.png);}
.itemList .item_icon li.icon_22{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_22.png);}
.itemList .item_icon li.icon_23{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_23.png);}
.itemList .item_icon li.icon_24{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_24.png);}
.itemList .item_icon li.icon_25{background-image: url(https://images.astyle.jp/images/parts/common/image/category/icon_25.png);}

.itemList .item_name{
	margin-top: 0.5em;
}
.itemList .item_txt{
	margin-top: 0.5em;
}
.itemList .item_price{
	margin-top: 1em;
	text-align: right;
	font-weight: bold;
}
.itemList .item_price_syahan1{
	margin-top: 1em;
	text-align: right;
	font-weight: bold;
	text-decoration: line-through;
}
.itemList .item_price_syahan2{
	text-align: right;
	color: #D00;
}
.itemList .item_mile{
	text-align: right;
}
.itemList span#isShowCart,
.itemList .detail {
	display: none;
}

.min .itemList > ul > li{
	width: calc(100% / 3);
}

.min .itemList > ul > li:nth-of-type(4n+1){
	clear: none;
}
.min .itemList > ul > li:nth-of-type(3n+1){
	clear:both;
}

.min .itemList:before{
	left: calc(100% / 3);
}
.min .itemList:after{
	left: calc(100% - 100% / 3);
}
.min .itemList ul:before{
	content: normal;
}
.min .itemList > ul > li:nth-of-type(4n + 1):after{
	content: normal;
}
.min .itemList > ul > li:nth-of-type(3n + 1):after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 400%;
	height: 1px;
	background-color: #e6e6e6;
}