body{font-family:"Segoe UI",Roboto,"Yu Gothic UI","Meiryo UI","Helvetica Neue","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-size:10pt;margin:0;padding:0;border:0;}
a{text-decoration:none;}
p{font-weight:normal;}
a:visited{color:#0000FF;}
a:hover{text-decoration:underline;color:#00A0F0;}
h4{margin:0;padding:0;font-weight:bold;}
#cmlist{width:100%; }
#cmlist ul{margin:0;padding:0;list-style:none;}

.sslink img{opacity:0;}
.sslink p{opacity:0;}
@keyframes fadeIn{0% {opacity:0;transform:translateX(120px) scale(0.6);}100%{opacity:1;transform:translateX(0) scale(1);}}
.fadeinimg{opacity: 0;animation: fadeIn 0.3s ease-in-out forwards;}
@keyframes fadeInT{0% {opacity:0;transform:translateX(60px);}100%{opacity:1;transform:translateX(0);}}
.fadeintxt{opacity: 0;animation: fadeInT 0.2s ease-in-out forwards;}


@media only screen and (min-width:481px){
h4{font-weight:normal;display:inline;}
#cmlist p{display:inline;}
#cmlist li{float:left;display:block;margin:5px;width:160px;height:120px;word-wrap:break-word;word-break:break-all;}
#cmlist li img{display:block;border-radius:6px;}
}

@media only screen and (max-width:480px){
#cmlist{margin:10px;background-color:#FFFFFF;}
#cmlist ul{list-style:none;}
#cmlist li{height:90px;margin:4px 4px 24px 4px;float:left;text-align:left;}
#cmlist p{margin:2px;}
#cmlist{width:100%;padding:0;margin:0;}
#cmlist ul{margin:0px;width:100%;}
#cmlist ul li{clear:both;:display:block;width:96%;margin:2px;margin-bottom:6px;padding:4px;border:solid 1px #e0e0e0;min-height:68px;}
#cmlist ul li img{float:left;width:160px;height:90px;margin-right:6px;border-radius:6px;}
#cmlist ul li p{float:left;margin:0;padding:0;line-height:12.5pt;width:calc(98% - 160px); }
}

@media only screen and (max-width:380px){
#cmlist ul li p{line-height:11pt;}
}