@charset 'utf-8';

/* pc60 */
.pc60 { border-top:solid 2px #FFF;}
.pc60 a { color:#FFF; text-decoration:none;}
.pc60 .data > * { position:relative; margin:4px;}
.pc60 .data {
position:relative;
display:flex; justify-content:center; align-items:center;
background:#B0B9BC;
border-bottom:solid 1px #FFF;
padding:12px;
}
.pc60 .data:before {
position:absolute; left:0; right:0; top:8px; bottom:8px;
background:#506063;
box-shadow:inset 0 2px 2px rgb(0,0,0,50%);
content:'';
}
.pc60 .data img {
display:block; height:48px;
filter:drop-shadow(0 2px 2px rgb(0,0,0,50%));
}
.pc60 .data h2 { font-size:18px;}
.pc60 .data h3 { color:#E9DCD6; font-size:14px; margin-top:8px;}
@media screen and ( max-width:768px ){
.pc60 .data { flex-direction:column;}
.pc60 .data h2 { font-size:16px;}
.pc60 .data h3 { font-size:12px;}
}
.pc60 .item { position:relative; display:block;}
.pc60 .item img { display:block; height:160px;}
.pc60 .item p:empty { display:none;}
.pc60 .item p {
position:absolute;
background:rgb(0,0,0,75%);
font-size:12px; overflow:hidden;
}
.pc60 .item p.desc { left:0; right:0; bottom:0; padding:8px;}
.pc60 .item p.hard { /* 機種 */
left:8px; top:8px;
border:solid 1px #FFF;
box-shadow: 0 2px 2px rgb(0,0,0,50%);
padding:0.5em;
}
.pc60 .more {
display:flex; justify-content:center; align-items:center;
width:160px; height:160px;
background-image:linear-gradient(#030 50%, #060 50%);
background-size:2px 2px;	
box-shadow:0 0 4px #090 inset;
color:#0F0; font-size:12px; line-height:1.2;
}
/* pc60 */