/*	di2 right column
============================== */

/* layout */
div.con-rig ul {
	list-style-type:none;
}
div.con-rig img {
	display:block;
}
span.lazy b {
	background-repeat:no-repeat;
}

/* pickup */
div.con-rig section.pickup h2 {
	padding:0 1em 1em;
}

div.con-rig section.pickup p.p-footer {
	background-color:#4e4e4e;
	color:#fff;
	font-size:67.5%;
	padding:0.75em 1em 0.5em;
	line-height:1.5;
}

/* ranking */
div.con-rig section.ranking div.inner ol li {
background-image: linear-gradient(#3b3f4a, #3b3f4a);
background-repeat:no-repeat;
background-size:30px 100%;
background-position:0 0;
border-bottom:1px solid #ecedf0;
position:relative;
}
div.con-rig section.ranking div.inner ol li:last-child {
	border-bottom:none;
}
div.con-rig section.ranking div.inner ol li:before {
position: absolute; top:45%; left:10px;
	color:#fff;
	content:"1";
}
div.con-rig section.ranking div.inner ol li.s2:before {
	content:"2";
}
div.con-rig section.ranking div.inner ol li.s3:before {
	content:"3";
}
div.con-rig section.ranking div.inner ol li.s4:before {
	content:"4";
}
div.con-rig section.ranking div.inner ol li.s5:before {
	content:"5";
}

div.con-rig section.ranking div.inner ol li div.rank {
	padding:1em 1em 1em 3em;
}
div.con-rig section.ranking div.inner ol li div.rank > a {
	float:left;
	margin-right:15px;
}
div.con-rig section.ranking div.inner ol li div.rank div.text {
	padding-left:135px;
}
div.con-rig section.ranking div.inner ol li div.rank p {
	line-height:1.5;
	font-size:83%;
	margin-bottom:0.5em;
}
div.con-rig section.ranking div.inner ol li > a {
	display:block;
	line-height:1.5;
	font-size:75%;
	text-decoration:none;
	color:#2a2b2e;
	padding-right:15px;
	margin-bottom:10px;
}
div.con-rig section.ranking div.inner ol li div.rank p.price {
	font-size:95%;
	text-align:right;
	font-weight:bold;
	color:#e7150b;
	padding-right:5px;
}

/* Yellow button */
div.con-rig p.smbtn {
	float:right;
	width:120px;
	margin-bottom:0 !important;
}

@media all and (min-width: 992px) {
/* pickup */
div.con-rig section.pickup {
	padding:1.5em 0 0;
	background-color:#fff;
	margin-bottom:3em;
}
div.con-rig section.pickup h2 {
	border-radius: 10px 10px 0 0;
}
}


@media all and (max-width: 991.98px) {
div.con-rig section.pickup {margin-bottom:2em;}
/* pickup */
div.con-rig section.pickup div.inner {
	background-color:#fff;
}
}



/* aside banner */
aside.bnrs ul li a, aside.bnrs ul li span, aside.bnrs ul li img {
	display:block;
}
aside.bnrs ul li a {
	text-decoration:none;
	background-color:#3b3f4a;
}
aside.bnrs ul li span.img {
	position:relative;
	height:0;
	padding-top: -webkit-calc(9 / 16 * 100%);
	padding-top: calc(9 / 16 * 100%);
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
aside.bnrs ul li span.img img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
aside.bnrs ul li span.txt {
	color:#fff;
	line-height:1.5;
	font-size:75%;
	padding:8px;
}
@media all and (min-width: 992px) {
aside.bnrs {
	margin-bottom:80px;
}
aside.bnrs ul {
/*	display:flex;
	justify-content:center; */
}
aside.bnrs ul li {
	width:300px;
	width:340px;
}
aside.bnrs ul li:not(:last-child) {
	/* margin-right:40px; */
	margin-bottom:40px;
}
}
@media all and (max-width: 991.98px) {
aside.bnrs {
	width:340px;
	margin:0 auto 40px;
}
aside.bnrs ul li:not(:last-child) {
	margin-bottom:20px;
}
}