.catalog{float:left;margin:8px;font-size:12pt;width:94%;border:solid 1px #f0a080;border-radius:6px/6px;position:relative;}
.catalog h3{font-family:"Times New Roman","Meiryo";font-weight:normal;margin:1px;border:solid 1px #a0a0a0;padding:2px 2px 2px 6px;border-radius:6px/6px;text-shadow:2px 2px 2px #a0a0a0; background:linear-gradient(110deg, #ffffff 0%, #da8020 100%);}
.catalog ul{margin:0!important;padding:2px 2px 20px 2px!important;list-style:none;}
.catalog li{margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.catalog img{float:left;!important;width:16px !important;height:16px;margin:4px 4px 0 0;}
.catname{display:inline;font-size:11pt;font-family:Times New Roman!important;font-weight:normal!important;text-shadow:1px 1px 2px #a0a0a0!important;}
//.uplink{display:block;text-align:right;padding-top;auto;margin-right:4px;margin-bottom:2px;}
.uplink{display:block;position:absolute;bottom:2px;right:2px;}

@media only screen and (max-width:480px){
.lguide{width:98%;margin:10px}
.lguide ul{margin:0;padding:0 20px 0 20px;font-size:12.5pt;}
.lguide ul li{display:inline-block;padding:4px}
.catname{font-size:clamp(11pt,3.8vw,14pt);}
}


@media only screen  and (min-width:481px){
.lguide{width:98%;margin:10px}
.lguide ul{margin:0;padding:0 20px 0 20px;font-size:12pt;}
.lguide ul li{display:inline-block;padding:2px}
.catalog{width:324px;}
.catalog li{margin:4px 0;}
}

@media only screen and (min-width:1201px){
.catalog{margin:4px;font-size:10pt;width:284px;border-radius:4px/4px;}

}