@charset "utf-8";

#item .inner { width: 960px; margin: 0 auto; overflow: hidden; }
#item #section01 { padding: 50px 0;}
#item #section01 h2.item { color: #fff; background: #f90; font-size: 158%; text-align: center; }
#item #section01 ul	{ width: 980px; }
#item #section01 li	{ float: left; width: 444px; margin: 0 19px 20px 0; border: 1px solid #f90; padding: 10px; background: #fff;}
#item #section01 li p img	{ width: 100%;}
#item .exp { margin: 10px 0; }
#item .btn a { padding: 5px 0; text-align: center;font-size: 1.6rem;border: 1px solid #f90;border-radius: 8px;display: block;text-decoration: none; margin-bottom: 10px;}
#item .btn a:hover { background: #f90; color: #fff;}
/*ブランドリスト*/
#item #brand-list li { width: 305px; padding: 0;}
.arrow{position: relative; display: inline-block; padding-left: 20px;}
.arrow::before{content: '';width: 6px;height: 6px;border: 0px;border-top: solid 2px #f90;border-right: solid 2px #f90;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right:8px;margin-top: -4px;}
.arrow p {width: 65px; float: left; margin-right: 5px;}
.arrow a { text-align: left;display: block; text-decoration: none; padding: 7px 0;}

@media screen and (min-width: 0px) and (max-width: 667px){
	.order li { margin-top: 13px; margin-bottom: 0 !important; }
	#item .inner { width: auto; padding: 0 8px; text-align: center;}
	#item #section01 { width: auto;padding:30px 0 ; }
	#item #section01 ul { width: auto; }
	#item #section01 li { float: none; width: auto;height: auto; margin: 0 0 20px; }
	#item #section01 li p img { max-width: 100%; height: auto; }
	/*ブランドリスト*/
	#item #brand-list li {float: none; width:100%;height: auto; margin: 0 0 10px;}
}