dl,dt,dd,ul,li,p{ margin: 0; padding: 0; list-style-type: none;}

.browsing-history-other-purchase-area{ margin: 50px auto 30px; width: 100%;}
.br_search_history_01:after,.browsing-history-area:after,.amount-of-money-area:after,.goods-line-up-area:after{ clear: both; content: ""; display: block;}

.br_search_history_01 dl.browsing-history{ float: left; width: 210px;}
.br_search_history_01 dl.browsing-history dt{ background-color: #000000; border-radius: 6px 6px 0 0; color: #ffffff; font-size: 16px; font-weight: bold; margin-bottom: 5px; padding: 3px 0; text-align: center;}
.br_search_history_01 dl.browsing-history dd{ background-color: #fff4d4; height: 326px; padding: 5px;}
.br_search_history_01 dl.browsing-history dd ul li a.pc-name{ display: block; height: 18px; font-size: 14px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}

.browsing-history-area li{ margin-bottom: 10px;}

.goods-line-up-area li{ float: left; margin-bottom: 0;}
.goods-line-up-area li:first-child{ margin-right: 5px;}
.goods-line-up-area li:last-child{ float: right;}

.amount-of-money-area{ margin: 3px 0 5px;}
.amount-of-money-area.center{ margin: 3px 0 5px 24%;}
.amount-of-money-area li{ background-image: url(/images/br_common_png/new_br_icon_common_05.png); background-repeat: no-repeat; background-size: 220px 1700px; float: left; margin-bottom: 0;}
.amount-of-money-area li:first-child{ margin-right: 0;}

.br_search_history_01 dl.other-purchase{ float: right; width: 740px;}
.br_search_history_01 dl.other-purchase dt{ font-size: 18px; font-weight: bold; padding: 4px 0; text-align: center;}
.br_search_history_01 dl.other-purchase dd{ background-color: #ffffff; height: 326px; padding: 5px; position: relative;}
.br_search_history_01 dl.other-purchase dd div div a.pc-name{ display: block; font-size: 14px; height: 40px; line-height: 20px; margin: 4px 0 5px; overflow: hidden; text-overflow: ellipsis; width: 100%; word-break: break-all;}

.swiper-container{ height: 326px; width: calc(100% - 100px);}
.swiper-button-prev{ background-color: #fff4d4; background-image: none; height: 326px; left: 5px; top: 26.5px; width: 44px;}
.swiper-button-prev span{ background-image: url(/images/br_common_png/new_br_icon_common_02.png); background-position: 0px -1438px; background-repeat: no-repeat; background-size: 220px 1650px; display: block; height: 38px; left: 8px; position: absolute; top: calc(50% - 17px); width: 30px;}
.swiper-button-next{ background-color: #fff4d4; background-image: none; height: 326px; right: 5px; top: 26.5px; width: 44px;}
.swiper-button-next span{ background-image: url(/images/br_common_png/new_br_icon_common_02.png); background-position: -30px -1438px; background-repeat: no-repeat; background-size: 220px 1650px; display: block; height: 38px; position: absolute; right: 6px; top: calc(50% - 17px); width: 30px;}
.swiper-slide{ margin: 0 5px; width: 150px !important;}

@media screen and (max-width: 799px){
.browsing-history-other-purchase-area{ margin: 20px 2% 30px; width: 96%;}
.br_search_history_01 dl.other-purchase{ width: calc(100% - 220px);}
.br_search_history_01 dl.other-purchase dt{ font-size: 14px; padding: 8px 0;}
.swiper-container .swiper-button-prev{ width: 34px;}
.swiper-container .swiper-button-prev span{ left: 2px;}
.swiper-container .swiper-button-next{ width: 34px;}
.swiper-container .swiper-button-next span{ right: 1px;}
}
@media screen and (max-width: 719px){
.br_search_history_01 dl.browsing-history,.br_search_history_01 dl.other-purchase{ float: none; width: 100%;}
.br_search_history_01 dl.browsing-history dd{ height: auto;}
.br_search_history_01 dl.browsing-history dd ul li.one-pc{ float: left; margin: 0 1% 10px; width: 48%;}
.br_search_history_01 dl.other-purchase dt{ font-size: 18px; line-height: 22px; margin-top: 10px;}
}
@media screen and (max-width: 479px){
.swiper-container{ width: 100%;}
.br_search_history_01 dl.other-purchase dd{ padding: 5px 5px 50px 3px;}
.swiper-button-prev{ bottom: 5px; height: 46px; top: inherit; width: 47%;}
.swiper-button-prev span{ left: calc(50% - 16px);}
.swiper-button-next{ bottom: 5px; height: 46px; top: inherit; width: 47%;}
.swiper-button-next span{ right: calc(50% - 16px);}
}
@media screen and (max-width: 342px){
.br_search_history_01 dl.browsing-history dd ul li.one-pc{ width: 98%;}
.br_search_history_01 dl.other-purchase dt{ font-size: 17px;}
div.br_icon_performance_02 ul li{ width: calc(100% - 66px) !important;}
.swiper-slide{ width: 130px !important;}
.swiper-slide img{ height: auto; width: 130px !important;}

}