@charset "utf-8";
/* CSS Document */

/*add-お知らせ*/
#contents .info_ttl { width:970px; height:65px; background:url(https://www.myatt-ec.jp/gaspardetlisa-shop/images/ico_newinfo.png) no-repeat left bottom; color:#000;padding-left: 60px;padding-top: 14px;box-sizing:border-box; line-height:35px;}

/*add-ranking*/
#contents .ranking_box { width:970px; height:490px; box-sizing: border-box;margin-bottom: 30px;}
#contents .ranking_ttl { width:970px; height:45px; background:url(https://img21.shop-pro.jp/PA01389/811/etc/rank_ttl.png?cmsp_timestamp=2155) no-repeat;padding-left: 50px;padding-top:5px; box-sizing:border-box;margin-bottom:-10px;}
#contents .ranking_box .ranking_contents { width:950px; 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 {width:100%; } 
#contents .ranking_box .ranking_contents li:first-child{width:470px; 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://img07.shop-pro.jp/PA01262/072/etc/ranking-01.png");  position: absolute; top: 1px; left: 0; width: 331px; height: 331px;}

#contents .ranking_box .ranking_contents li:nth-child(2):after{content:url("https://img07.shop-pro.jp/PA01262/072/etc/ranking-02.png"); position: absolute; top:0; left:0; width:35px; height:57px;}
#contents .ranking_box .ranking_contents li:nth-child(3):after{content:url("https://img07.shop-pro.jp/PA01262/072/etc/ranking-03.png"); position: absolute; top:0; left:0; width:35px; height:57px;}
#contents .ranking_box .ranking_contents li:nth-child(4):after{content:url("https://img07.shop-pro.jp/PA01262/072/etc/ranking-04.png"); position: absolute; top:0; left:0; width:23px; height:37px;}
#contents .ranking_box .ranking_contents li:nth-child(5):after{content:url("https://img07.shop-pro.jp/PA01262/072/etc/ranking-05.png"); position: absolute; top:0; left:0; 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;}

/*add-おすすめ*/
#contents .recomend_ttl { width:970px; height:45px; background:url(https://img21.shop-pro.jp/PA01389/811/etc/recomend_ttl.png?cmsp_timestamp=20620348) no-repeat;padding-left: 50px;padding-top:5px; box-sizing:border-box;}

/*新着情報*/
.newsinfo-wrap{
	padding: 10px;
  border-top: 1px solid #ccc;
	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 .title {
    font-weight:bold;
  font-size:1.2em;
  color:#2c6e53;
}
.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;
}