body #main .itemList li {display: block; width: auto; margin: 0; vertical-align: top; padding: 0; /*min-height: auto;*/ border-bottom: 1px solid #eee; background: url(/cache/m/img/arrow.png) no-repeat 95% center,
	-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f9f9f9));
	-webkit-background-size: 10px 13px, auto; min-height: 120px;}
body #main .itemList li.other {background: none;}
body #main .itemList li:last-child a {border-bottom: 0;}
body #main .itemList a {display: block; margin-bottom: 0; padding: 10px 10px 10px 111px; position: relative; /*min-height: 101px;*/}
body #main .itemList .icon a {padding: 0 0 0 8px;}
body #main .itemList .thumb {position: absolute; left: 5px; top: 10px; margin-bottom: 0; padding: 3px;border-radius: 3px; display: block; background: transparent /*#fff*/;}
body #main #loadContent .itemList .name {margin-right: 5px; text-decoration: none; display: block;}
body #main .itemList .price {display: block; margin: 5px 0 0; line-height: 1.2;}
body #main .itemList .info ul {margin-right: -3px; overflow: hidden;}

body #main #quick {display: none;}
body #main .itemList li a.button {display: none;}

body #main .itemList ul {margin-top: 0;}
body #main .itemList ul.color {float: left; margin: 10px 0 6px 110px;}
body #main .itemList ul.color a {padding: 0; background: none; min-height: 37px; border-bottom: 0;}
body #main .itemList ul.color li {min-height: 0; float: left; z-index: 1; width: 37px; border-bottom: 0;}
body #main .itemList ul.color:after {clear: both;}
body #main .itemList ul.color img {width: 37px; height: 37px;}

body #main #loadContent .itemList>ul:before {border-right: none;}
body #main #loadContent .itemList>ul:after {border-right: none;}
body #main #loadContent .itemList li {border-top: 0;}
body #main #loadContent .itemList li .info li {border-top: 1px solid #666;}
body #main #loadContent .itemList li:last-child {padding-right: 0;}

body #main #loadContent .itemList .info li:nth-child(3n-2) {padding-left: 4px;}
body #main #loadContent .itemList .info li:nth-child(3n) {padding-right: 4px;}
body #main #loadContent .itemList .info li:last-child {padding-right: 4px;}


body #main .itemList br {display: none;}
body #main .itemList .info li {margin: 0 0 2px 0; padding: 1px 4px;}
body #main .itemList .newicon {display: inline; margin-left: 2px;}
body #main .itemList .info li.together,
body #main .itemList .info li.periodLimited,
body #main .itemList .info li.mixMatch {border: 1px solid #7F0019;}
#main #loadContent .itemList li .info li.together,
#main #loadContent .itemList li .info li.periodLimited,
#main #loadContent .itemList li .info li.mixMatch {border-top: 1px solid #7F0019;}

body #main .itemList .info {padding: 0 10px 10px 111px;}

#loadContent .itemList li.outOfStock a:after{
  content: "";
  background: url(/img/store/cmdty/out-of-stock.png);
  position: absolute;
  z-index: 100;
  top: 4px;
  left: 4px;
  pointer-events: none;
  width: 30px;
  height: 30px;
}

.controlBar h2 {float: none;}
.controlBar #sortItems {display: block;}
.controlBar label {font-size: 10px;}
.controlBar h2 a {padding: 0;}

#snRefinementItems, #snSiblingCategoryItems, #sortItems {border: 0; background: #f7f7f7; border-width: 0; display: block;}
.controlBar .itemsParPage {display: block;}
.controlBar .viewSwitch {display: none;}
.select-wrap select {padding: 12px 10px 10px;}
#sortItems label {width: 50%; box-sizing: border-box; border-right: 1px solid #eee;}
#sortItems label:last-child {border-right: 0;}
.select-wrap select{padding:13px 10px 10px 10px; width: 100%;}
#snSiblingCategory {position: relative; top: 0; left: 0;}
.entypo-down-open-mini:before{

	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -3px;
	content: "";
	width:0px;
	height:0px;
	border-top:solid 4px #333;
	border-right:solid 4px transparent;
	border-bottom:solid 4px transparent;
	border-left:solid 4px transparent;
}

/* #promotion.single */
#main #promotion.single .itemList .thumb {width: 70px; position: relative; top: 0; left: 0;}
#promotion.single .itemList a {padding: 0; margin-bottom: 5px;}

/* shokoku */
.sectionNav.shokoku ul {width:auto;}
.sectionNav.shokoku li {width:20%;padding-right:0;margin-right:0;text-align:center;}
.sectionNav.shokoku li:last-child {vertical-align:bottom;padding-bottom:3em;}
.sectionNav.shokoku li br {display:block;}
.sectionNav.shokoku span {display:block;width:100%;height:auto;line-height:100%;}
.sectionNav.shokoku img {width:100%;height:auto;}
.sectionNav.shokoku a {font-size:12px;}
body.browse #main #promotion.shokoku {display:block;}
#promotion.shokoku .description p {margin-bottom:5px;padding:0 10px;}

/* orderCurtain */
body.orderCurtain #main .itemList a {min-height: 101px;}
body.orderCurtain aside#faq {margin-top: 15px; float: none; padding-left: 10px;}
body.orderCurtain #main p {padding: 0 10px 0;}
.aluminum-annotation {width: auto; text-indent: -10px; margin: 0 10px;}
body.orderCurtain #main h1,
body#orderInput #main h1 {font-size: 25px; margin-bottom:20px;}

#orderInput .itemWrap {margin: 0 10px;}
#orderInput .chooseItem {float: none; width: 100%; margin-bottom:30px;}
#orderInput .chooseItem dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
#orderInput .chooseItem dd {margin-top:5px; width:48.5%;}
#orderInput .chooseItem dd img {width:100%; height:100%;}
#orderInput .pricebySize {float: none; width: auto; overflow: scroll;}
#orderInput .inputSize {margin: 15px;}
#orderInput #detailInfo.annotation {margin:0 0 10px;}
#orderInput .sizeDecideWrap,
.preChecklistWrap {margin: 0 10px;}
#orderInput table {margin: 5px 0;}
.preChecklist table.vertical {width: 100%;}
#orderInput .step {text-align: right;}
#orderInput .step .annotation.asterisk {text-align:left;}
#orderInput .stepImage {display:flex; justify-content: space-between; flex-wrap: wrap; text-align:left;}
#orderInput .stepImage li {float: none; margin-right: 0; display: block; margin-bottom:20px;}
#orderInput .stepImage li:not(:last-child) {margin-right: 20px;}
#orderInput .stepImage.step3 li {width: 98%;}
#orderInput .stepImage.step3 li dd ul li {margin-left: 0;}
.sizeDecideWrap .lead {margin-bottom:0;}
#orderSize dd {overflow: visible; padding-bottom: 20px; height: 40px; line-height: 1.4;}
#orderInput .annotation {margin: 5px 0 10px;}
.prevNext .next {margin: 30px auto 0; width:35%;}
.prevNext .next a {width: 7em; padding: 8px 14px;}
.prevNext {margin: 0 10px;}


aside.campaign {margin: 0 10px 30px;}
#main aside.campaign h1 {font-size: 16px; margin-bottom: 0; padding:0;}
aside.campaign .annotation,
#orderInput aside.campaign .annotation {margin-bottom: 0;}
body#orderInput #main h1 {font-size: 22px;}
body#orderInput #main aside.campaign h1 {font-size: 16px; margin-bottom: 0; padding:0;}
aside.campaign h1 .priceIcon {width: 7%;}
#orderInput #main h3 {text-align:left;}
#orderInput .stepImage li ul.sub-stepImage li {width: 50%;}
#orderInput .inputForm {padding-left: 20px; width: 35%; display: inline-block; position: static; text-align:left;}

#ORDER #main {width: auto;}
#ORDER #main > p.lead,
#ORDER #main > div.campaign {margin: 10px;}
#ORDER #main_img > h1 {height: 320px; font-size: 26px;}
#ORDER #main_img > p.lead {margin: 10px; text-align: left;}
#ORDER aside.campaign {margin: 0 15px 20px;}
#ORDER #main #subCategory {margin:10px}
#ORDER #subCategory ul {margin: 0 auto;}
#ORDER #subCategory li {width: 50%; border: none; margin: 15px 0 20px;}
#ORDER #subCategory li a {padding:0; background-size: 100%; height: 150px; margin: 0 auto;}
#ORDER #subCategory li a .categoryName {display: block; padding-top: 96%;}
