@charset "utf-8";

.onlysp {
	display: none;
}
.clearfix {
    min-height: 1px;
}
.str_rank_gamepc {
	margin-bottom: 30px;
}
.rankNewVer3 .rightText>p {
    font-size: 13px;
}
.spec_box span {
    line-height: 1.4 !important;
}
.spec_box br {
    display: block;
    content: "";
    padding-bottom: 7px;
}
	.rankNewVer3 .rightText .review {
    margin: 5px 0 0;
    padding: 5px 0 0;
    font-size: 13px;
}
.rankNewVer3 .rightText .review {
    display: inline-block;
}
.rankNewVer3 .rightText .review-list {
    font-weight: bold;
	font-size: 13px;
}
.rankNewVer3 .rightText .edit-list-price {
    color: #F00;
    font-size: 18px;
    font-weight: bold;
}

.RankingArea .section_inner {
	width: 750px;
	margin-bottom: 50px;
	padding: 0;
}
#container #wrapper_str .section_inner h2.rankNewVerheading {
    padding: 10px 15px;
    background: #00b3e6;
    font-size: 18px;
    font-weight: bold;
    margin-top: 32px;
    padding-left: 20px;
		text-align: left;
}

@media only screen and (min-width: 480px) {
	.rankNewVer3 {
    padding: 10px 0;
}
	.rankNewVer3 .modelBox {
    width: 33.3%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}
	.rankNewVer3 .leftImg {
    position: relative;
    text-align: center;
}
	.rankNewVer3 .leftImg .crownBadge_b_tg2 {
    position: absolute;
    top: 0;
    left: 0;
}
	.rankNewVer3 .itemphot {
    height: 130px;
}
	.rankNewVer3 .rightText .modelName {
    color: #0e358e;
    font-size: 16px;
    margin-top: 5px;
    padding-top: 5px;
    line-height: 1.5!important;
		margin-top: 20px!important;
}
	.rankNewVer3 .rightText .catch {
		height: 48px;
	}
	.rankNewVer3 .rightText .spec_box {
    /* height: 250px; */
		margin-bottom: 10px!important;
}
	.rankNewVer3 .rightText .review-list {
    line-height: 2.5 !important;
}
	/*.rankNewVer3 .rightText>p {
    font-size: 13px;
}*/
	.rightText p:nth-child(4) {
    line-height: inherit;
}
	/*.rankNewVer3 .rightText .review {
    margin: 5px 0 0;
    padding: 5px 0 0;
    font-size: 13px;
}*/
/*	.rankNewVer3 .rightText .btnDetail {
		text-align:  center;
	}*/
	.rankNewVer3 .rightText .btnDetail a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 50px 10px 55px;
    background: #00a0f4 url(/5shopping/templates/search/positionmap/img/general/icon_02.png) 20px center no-repeat;
    margin-top: 10px;
    text-align: center;
}
	#container #wrapper_str p.otherLink {
    margin: 10px 10px 0 0 !important;
	}
}

@media screen and (max-width: 479px) {
	.onlysp {
		display: block;
}
	#container .rankNewVerheading .rankigdateModified {
		width: 50% !important;
	}
	.rankNewVer3 {
    padding: 0;
}
	.rankNewVer3 .modelBox {
    width: 96% !important;
    box-sizing: border-box;
    margin: 0 auto;
    border-bottom: 2px solid #e1e1e1 !important;
	line-height: 1.4;
    position: relative;
    padding: 5px 10px;
}
	.rankNewVer3 .modelBox .splink {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-decoration: none;
    z-index: 1;
}
	.rankNewVer3 .leftImg {
    float: left;
    text-align: center;
    width: 30%;
}
	.rankNewVer3 .leftImg .crownBadge_b_tg2 {
    position: static;
}
	.rankNewVer3 .leftImg .itemphot {
    text-align: center;
    height: auto;
}
	.rankNewVer3 .rightText {
    box-sizing: border-box;
    float: right;
    padding: 0 20px 0 4px;
    width: 70%;
}
	.rankNewVer3 .rightText .modelName {
		font-size: 16px;
	}
	.rankNewVer3 .rightText .edit-list-price {
    font-size: 16px;
}
	.rankNewVer3 .modelBox .splink:after {
    content: '';
    background: url(/5sp/img/common/list_arw_lt_blue.png?$staticlink$) no-repeat 97% center;
    width: 10px;
    height: 14px;
    display: block;
    right: 13px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
	#container #wrapper_str p.otherLink {
		text-align: right;
		margin: 15px 0 0 -10px !important;
	}
	.RankingArea .section_inner {
		width: auto;
		margin-bottom: 30px;
	}
}