/*
#mainproduct_list
                  > #breadcrumb > a
                  > #lbox_nav > h2,.div.pagenum,ul > li,li.nolink > a
                  > #lbox_sub > div#lbox_title,ul > li > a
                  > #lbox-wrap > .lbox > a > img
                  > #lbox-bt > span.nolink,span > a
                  > div.article#rank > p.subtitle > div > ul > li > a
                  > div.article#rank > p.subtitle > div > ul > li > a
*/
/*all*/
/**/
.sp-img{position:relative;margin-bottom:20px;}
.sp-img h2{position:absolute;bottom:0;left:0;right:0;padding:10px;color:#333;background:rgba(255,255,255,0.7);font-size:90%;}
.sp-ex h3{width:100%;padding:5px 0;font-size:100%;}
.sp-ex{margin-bottom:20px;padding:0 15px;line-height:1.6;}
/***** ナビゲーション *****/
#lbox_nav{justify-content:space-between;padding:15px;margin-bottom:10px;}
#lbox_nav h2,
#lbox_nav .pagenum{font-size:90%;margin-bottom:10px;}
#lbox_nav ul{justify-content:flex-end;width:100%;font-size:90%;}
#lbox_nav ul li{margin-left:20px;}
#lbox_nav ul li a,
#lbox_nav ul li.nolink{padding:5px 5px 0 5px;}
#lbox_nav ul li a{border-bottom:1px dotted;color:#57a1d4;}
/***** サブカテゴリ *****/
#lbox_sub{background:#f7f7f7;padding:15px;margin-bottom:20px;}
#lbox_title:before{content:"\025bc";margin-right:10px;}
#lbox_title{margin:0 5px 20px 5px;font-size:90%;font-weight:bold;}
#lbox_sub li{margin:5px 1%;padding:5px;text-align:center;font-size:60%;}
#lbox_sub li a{height:100%;}
#lbox_sub li img{width:50%;margin:0 auto 5px auto;}
/***** 本体 *****/
#lbox-wrap{margin-bottom:30px;}
.lbox{padding:5px;line-height:1.4;text-align:center;font-size:70%;}
.lbox{margin-bottom:10px;}
.lbox img{margin-bottom:5px;}
/*お気に入りボタン
.lbox{position:relative;}
.lbox button{cursor:pointer;position:absolute;bottom:0;right:5%;}
.lbox button svg{fill:#aaa;width:20px;height:20px;}
.lbox .fav-items svg{fill:#E08585;}*/
/***** page-navigation *****/
#lbox-bt{width:80%;padding:5px 0;margin:20px auto 30px auto;justify-content:center;}
#lbox-bt span{width:40px;line-height:40px;margin:5px;text-align:center;}
#lbox-bt span a{color:#57a1d4;background:#eee;}
#lbox-bt span.nolink,#lbox-bt span a{border-radius:100%;}
/*一覧にない場合*/
.lbox.no-item{font-size:120%;font-weight:bold;width:100%;padding:40px;}

@media screen and (max-width:599px){
#lbox_sub li{width:23%;}
.lbox{width:50%;}
}
@media only screen and (min-width:600px){
#lbox_nav{border-top:1px solid #ddd;}
#lbox_sub li{width:23%;}
.lbox{width:50%;}
}
@media screen and (min-width:768px){
#lbox_sub li{width:18%;}
.lbox{width:33.33%;}
}
@media screen and (min-width:801px){
.lbox{width:25%;}
}
@media screen and (min-width:960px){
#lbox_sub li{width:10.5%;}
}
@media screen and (min-width:1280px){
.lbox{width:20%;}
}