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

#add-main .itemRow-ranking {
	margin:0px auto 0px !important;
  width:765px;
	text-align:center;
  position:relative;
  overflow:hidden;
}

#m_ranking .itemRow-ranking {
  width:inherit;
}

#add-main .itemRow-ranking .item-Col {
	display:flex;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


#add-main .itemRow-ranking .item-Col li {
	margin-right:10px;
	width:145px;
}

#add-main .itemRow-ranking .item-Col li:last-child {
	margin-right:0px;
}

#add-main .itemRow-ranking .item-Col .item-image {
  padding:0px;
  /*width:inherit !important;*/
}

@media (max-width: 768px) {
#add-main .itemRow-ranking {
 /*margin-bottom:40px;*/
 /*padding:0 5px;*/
 overflow:hidden;
 width:inherit;
}

.itemRow-ranking .item-Col {
	overflow-x:auto;
	flex-wrap:nowrap;
	width:100%;
	/*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
}

/*スクロールバー非表示（Chrome・Safari）*/
.itemRow-ranking::-webkit-scrollbar{
  display:none;
}

.itemRow-ranking .item-Col li {
	max-width:130px;
	margin-right:0 !important;
	padding-left:16px;
	flex-shrink:0;
}


}

/*ランキングマーク*/
#add-main .itemRow-ranking .item-Col li {
  padding-top:42px;
}
#add-main .itemRow-ranking .item-Col li:nth-child(1)  {
 background:url(../ranking/asset/images/2020_02/crown_1.gif) no-repeat top center;
}
#add-main .itemRow-ranking .item-Col li:nth-child(2){
 background:url(../ranking/asset/images/2020_02/crown_2.gif) no-repeat top center;
}
#add-main .itemRow-ranking .item-Col li:nth-child(3) {
 background:url(../ranking/asset/images/2020_02/crown_3.gif) no-repeat top center;
}
#add-main .itemRow-ranking .item-Col li:nth-child(4) {
 background:url(../ranking/asset/images/2020_02/crown_4.gif) no-repeat top center;
}
#add-main .itemRow-ranking .item-Col li:nth-child(5) {
 background:url(../ranking/asset/images/2020_02/crown_5.gif) no-repeat top center;
}

/*@media (max-width: 768px) {
#add-main .itemRow-ranking .item-Col div.owl-item:nth-child(3) li {
 background:url(../../ranking/asset/images/ranking_mark_01.gif) no-repeat top center;
}
#add-main .itemRow-ranking .item-Col div.owl-item:nth-child(4) li {
 background:url(../../ranking/asset/images/ranking_mark_02.gif) no-repeat top center;
}
#add-main .itemRow-ranking .item-Col div.owl-item:nth-child(5) li {
 background:url(../../ranking/asset/images/ranking_mark_03.gif) no-repeat top center;
}
#add-main .itemRow-ranking .item-Col div.owl-item:nth-child(6) li {
 background:url(../../ranking/asset/images/ranking_mark_04.gif) no-repeat top center;
}
#add-main .itemRow-ranking .item-Col div.owl-item:nth-child(7) li {
 background:url(../../ranking/asset/images/ranking_mark_05.gif) no-repeat top center;
}
}*/


@media (max-width: 768px) {


/**/

/*#add-main .itemRow-ranking .owl-next:hover,#add-main .itemRow-ranking .owl-prev:hover {
		cursor: pointer;
		opacity: .7;
}




#add-main .itemRow-ranking .owl-prev, #add-main .itemRow-ranking .owl-next {
	position: absolute;
	top:32%;
	opacity:1;
	width:15px !important;
	height:35px;
	text-indent:-9999px;
	transform:inherit !important;
}

#add-main .itemRow-ranking .owl-prev {
	left:5px;
	background:url(../../asset2022FW/images/common/btn_prev.png) no-repeat left center;
	background-size:contain;
}

#add-main .itemRow-ranking .owl-next {
	right:5px;
	background:url(../../asset2022FW/images/common/btn_next.png) no-repeat right center;
	background-size:contain;
}*/



/**/
/*#add-main .itemRow-ty4to2 .owl-prev, #add-main .itemRow-ty4to2 .owl-next {
	position: absolute;
	top:32%;
	opacity:1;
	width:15px !important;
	height:35px;
	text-indent:-9999px;
	transform:inherit !important;
}

#add-main .itemRow-ty4to2 .owl-prev {
	left:5px;
	background:url(../../asset2022FW/images/common/btn_prev.png) no-repeat left center;
	background-size:contain;
}

#add-main .itemRow-ty4to2 .owl-next {
	right:5px;
	background:url(../../asset2022FW/images/common/btn_next.png) no-repeat right center;
	background-size:contain;
}*/

}

#add-main .PR-ttl_h {
	margin-top:60px;
}

#add-main .PR-ttl {
	margin-bottom:20px;
}

@media (max-width: 768px) {
#add-main .PR-ttl_h {
	margin-top:40px;
}

#add-main .PR-ttl {
	margin-bottom:15px;
	font-size:5vw;
}

#add-main .PR-ttl span {
	padding:0;
	font-size:100%;
	line-height:inherit
}	
}