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


.top_text01 { padding: 10px 0 0 0; font-size: 110%; line-height: 150%;}

.top_content__bnr__list__item p { padding: 0 25px 20px 10px; }
.top_pro_ttl01 { display: block; font-weight: bold; font-size: 110%; padding-bottom: 5px;}


.top_content__bnr__list{ display: inline-block!important;}
.top_content__bnr__list li { width: 50%; display: inline-block!important; float: left;}

.top_section .ranking_list {display: inline-block!important; width: 100%!important; }

.top_section .ranking_list__item { float: left; height: auto; padding: 0 10px; min-height: 270px;}

.teikiToptxt { font-size: 110%!important;}

.top_section--teiki {
    margin-top: 30px;
    background: url(https://www.tubaki.co.jp/assets/img/ln_title.gif) repeat-x left top;
}

.top_section--philosophy {
    margin-top: 30px;
    background: url(https://www.tubaki.co.jp/assets/img/ln_title.gif) repeat-x left top;
}

.top_section--news {
    margin-top: 30px;
    background: url(https://www.tubaki.co.jp/assets/img/ln_title.gif) repeat-x left top;
}


.text-right { text-align: right;}
.text-left { text-align: left;}
.text-center { text-align: center;}

.top_section .ranking_list__item .price {
    font-size: 12px!important;
}

.top_content__bnr h3 {padding: 10px 0 0 10px;}

.top_section .ranking_list__item .rank1:after,
.top_section .ranking_list__item .rank2:after,
.top_section .ranking_list__item .rank3:after,
.top_section .ranking_list__item .rank:after
{
    content: '位';
}


/* 以下スマホ */

@media screen and (max-width: 768px)
{
	
	
	
	 .top_section .ranking_list__item:nth-child(n+4)
    {
        display: inline-block!important;
    }
	
		 /*.top_section .ranking_list__item:nth-child(n+10)
    {
        display: none!important;
    }*/
	
	.top_text01 { padding: 10px 0 0 0; font-size: 90%; line-height: 160%;}
	.top_section .ranking_list__item { float: left; height: auto; padding: 0 10px; min-height: 100%;}
	
	.top_content__bnr__list__item p { padding: 5px; font-size: 90%; }
	.top_content__bnr__list li { width: 48%!important; display: inline-block!important; float: left; margin: 1%;}

	.ranking_list__wrap { width: 360px;}

.ranking_list__wrap ul.ranking_list {
		display: flex!important;
  width: 100%;
  height:280px;
  overflow-x: scroll!important;	
	 overflow-y: hidden;
	}
	
	.top_section ul.ranking_list li.ranking_list__item{
 width: 35%;
  padding: 4px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;

	}
	


}