@charset "utf-8";

section {padding: 2.08rem 0;}
h2 {text-align: center; font-size: 2rem; background-color: #f7f7f7; padding: 2.86rem;}
h2 span {color: #f59331;}
h2 span:before {content: "'";}
h2 span:after {content: "'";}

.brand-list-area {text-align: center; margin-top: 3.8rem;}
.brand-list-area li {display: inline-block; padding: 0 4.6rem;}
.brand-list-area button {font-size: 2rem; line-height: normal; color: #999999;}
.brand-list-area button.on {font-weight: bold; color: #111111;}
.brand-list-area button span {font-size: 1.6rem; color: #999999;}
.brand-list-area button span.on {font-weight: bold; color: #111111;}

.main-btn-tab-area {margin-top: 2.28rem;}
.main-btn-tab-area:after {content: ''; display: block; clear: both;}
.main-btn-tab-area li {float: left; width: 20%;}

section .sort-area {padding: 2.8rem 0 1.64rem; border-bottom: 1px solid #f1f1f1;}
section .sort-area:after {content: ''; display: block; clear: both;}
section .sort-area .num {float: left; color: #111111;}
section .sort-area ul {float: right;}
section .sort-area li {float: left; padding: 0 1.36rem;}
section .sort-area li:last-child {padding-right: 0;}
section .sort-area li:not(:first-child) {border-left: 1px solid #e5e5e5;}
section .sort-area li a {color: #999999;}
section .sort-area li a.on {color: #111111;}

.product-list-area {margin-top: 2.6rem;}