/*add-ranking*/
#contents .ranking_box { width:960px; height:490px; box-sizing: border-box;margin-bottom: 30px;}

#contents .ranking_box .ranking_contents { width:960px; height:470px; margin:0 auto; list-style:none;}
#contents .ranking_box .ranking_contents li {width:230px;height:230px; float:left; position:relative;background:#FFF;} 

#contents .ranking_box .ranking_contents li img {height:100%;} 
#contents .ranking_box .ranking_contents li:first-child{width:480px; height:470px; border:#CCC 2px solid; box-sizing:border-box; margin:0 0 10px 0; float:left;} 
#contents .ranking_box .ranking_contents li:nth-child(2){ margin:0 10px 10px 10px; border:#CCC 2px solid;box-sizing:border-box;}
#contents .ranking_box .ranking_contents li:nth-child(3){ margin:0 0 10px 0; border:#CCC 2px solid;box-sizing:border-box;}

#contents .ranking_box .ranking_contents li:nth-child(4){ margin:0 10px 0 10px; border:#CCC 2px solid;box-sizing:border-box;}
#contents .ranking_box .ranking_contents li:nth-child(5){ margin:0; border:#CCC 2px solid;box-sizing:border-box;}
#contents .ranking_box .ranking_contents li:first-child a:after {content:url("https://myatt-ec.jp/thomas-colorme/img/rank01.png");  position: absolute; top: 4px; left: 4px;}

#contents .ranking_box .ranking_contents li:nth-child(2):after{content:url("https://myatt-ec.jp/thomas-colorme/img/rank02.png"); position: absolute; top: 4px; left: 4px; width:35px; height:57px;}
#contents .ranking_box .ranking_contents li:nth-child(3):after{content:url("https://myatt-ec.jp/thomas-colorme/img/rank03.png"); position: absolute; top: 4px; left: 4px; width:35px; height:57px;}
#contents .ranking_box .ranking_contents li:nth-child(4):after{content:url("https://myatt-ec.jp/thomas-colorme/img/rank04.png"); position: absolute; top: 4px; left: 4px; width:23px; height:37px;}
#contents .ranking_box .ranking_contents li:nth-child(5):after{content:url("https://myatt-ec.jp/thomas-colorme/img/rank05.png"); position: absolute; top: 4px; left: 4px; width:23px; height:37px;}

#contents .ranking_box a:hover { text-decoration: none; opacity:0.8; filter:alpha(opacity=80); -ms-filter: ¡Èalpha( opacity=80 )¡É-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}

.product-list__unit_03 {display: inline-block;padding: 0 30px 40px 0;box-sizing:vertical-align: top;position: relative;
}
.product-list__unit_03:nth-child(3n) {padding-right:0;}

/*¿·Ãå¾ðÊó*/
.newsinfo-wrap{
	padding: 10px;
	border-left: 1px solid #ccc;
  	border-bottom: 1px solid #ccc;
  	border-right: 1px solid #ccc;
	height: 160px;
    width:960px;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	font-size: 1em;
}
.newsinfo-wrap dl{
  margin-top: 0; 
  padding-top: 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.newsinfo-wrap dl dt{
	margin-left:0;
	width: 18%;
    float: left;
    clear: both;
	padding-right:10px;
}
.newsinfo-wrap dl dt img{width:100%;}
.newsinfo-wrap dl dd{ margin-left:20%; line-height:1.5;}

.newsinfo-wrap::-webkit-scrollbar{ 
   width: 10px;
}
.newsinfo-wrap::-webkit-scrollbar-thumb{ 
   background: #b9e3f9;
   border-radius: 3px;
}
.newsinfo-wrap::-webkit-scrollbar-track-piece:start{
   background: #CCC;
}
.newsinfo-wrap::-webkit-scrollbar-track-piece:end{
   background: #CCC;
}