@charset "utf-8";

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

一覧設定SP

------------------------------------------ */
@media screen and (max-width: 667px) {
.bnrAreaTop {
	margin: 0 10px 20px;
}
.bnrAreaTop li {
	font-size: 0;
	margin: 0 0 10px;
	width: 100%;
}
.bnrAreaTop li img {
	width: 100%;
	height: auto;
}
.bnrList img,
.bnrList2 img {
	width: 100%;
	height: auto;
}
p.lead {
	margin: 0 10px 15px;
}
.itemWrapList {
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
	margin: 0 0 30px;
	padding: 0;
}
.itemWrapList .itemWrap {
    width: 100%;
    float: none;
    margin-bottom: 0;
    border: none;
	border-top: 1px solid #990000;
	overflow: hidden;
	background: url("../images/ico-arrow-gray.gif") no-repeat 97% 6em;
}
.itemWrapList .itemWrap .tit a {
    display: block;
    width: auto;
    padding: 15px 0 15px 30px;
    background-position: 10px -483px;
    background-repeat: no-repeat;
}
.itemWrapList .itemWrap dl {
	width: 100px;
	float: left;
	margin: 0 0 0 10px;
}
.itemWrapList .itemWrap dl dt img {
	width: 100%;
	height: auto;
}
.itemWrapList .itemWrap dl dd {
	display: none;
}
.itemWrapList .itemWrap .priceArea {
	margin: 0 0 0 120px;
	padding: 15px 35px 0 0;
	font-size: 14px;
	background: none;
}
.itemWrapList .itemWrap .priceArea div {
    overflow: inherit;
}
.itemWrapList .itemWrap .priceArea p.supplement {
	font-size: 12px;
}
.itemWrapList .itemWrap .priceArea p.btn {
	display: none;
}
.itemWrapList .itemWrap p.sp_only {
  display: block;
  clear: both;
  padding: 0 10px 20px;
}


/* searchBox */
ul.searchBox {
	overflow: hidden;
	margin: 0 7px 20px;
}
ul.searchBox li {
	width: 100%;
	margin: 0 0 10px;
}
ul.searchBox li.searchStore a {
    font-size: 14px;
    padding: 12px 30px 12px 83px;
}
ul.searchBox li.searchAreaBox dl dt {
	margin: 0 0 10px;
}
ul.searchBox li.searchAreaBox dl dd select {
    width: 100%;
	height: 60px;
	line-height: 60px;
    padding: 3px 0;
}


/* おすすめアイテム・サービス */
.feature {
	overflow: hidden;
	margin: -10px 0 20px;
}
.feature div.osusumeBox {
    display: block;
    float: none;
    width: auto;
	padding: 10px 35px 10px 10px;
    border: none;
    border-bottom: solid 1px #dddddd;
	background: url("../images/ico-arrow-gray.gif") no-repeat 95% 50%;
	overflow: hidden;
}
.feature div.osusumeBox:nth-child(even) {
    float: none;
}
.feature div.osusumeBox:hover {
	opacity: 1;
}

.feature div.osusumeBox a {
	width: 100px;
}
.feature div.osusumeBox a img {
	width: 100%;
	height: auto;
}
.feature div.osusumeBox div.osusumeRight {
    display: block;
    float: none;
	padding: 0;
	margin: 0 0 0 110px;
}
.feature div.osusumeBox div.osusumeRight a {
	width: auto;
}

#keyword {
	border: none;
	margin: 0;
}
#keyword ul {
    padding: 10px 5px 0 15px;
}
#keyword ul li {
    float: left;
    width: 50%;
    margin: 0 0 15px !important;
}
#keyword ul li a {
	text-decoration: underline !important;
	font-size: 12px;
}

ul.bnrArea {
	background: #f1f1f1;
	padding: 20px 10px 0 10px;
	margin: 0;
	overflow: hidden;
}
ul.bnrArea li {
	font-size: 0;
	margin: 0 0 10px;
	float: none;
}
ul.bnrArea li:nth-child(even) {
	float: none;
}
ul.bnrArea li img {
	width: 100%;
	height: auto;
}
@media screen and (orientation: landscape) {
ul.searchBox {
	width: 57%;
	margin: 0 auto 20px;
}
ul.bnrArea li {
	width: 57%;
	margin: 0 auto 10px;
}
}
}