a{text-decoration:none;}
a:hover {color: #666666}
a.ruby:hover {color: #E91349}
a.pel:hover {color: #CE8E9C}
a.w:hover {color: #D1D1D1}
a.b:hover {color: #666666}
a.y:hover {color: #B0003E}
a.etc:hover {color: #ABCDEF}
a.pkdn:hover {color: #9FE826}

div.top{
position: relative;
}

div.top img{
position: absolute;
top:16px;
right:0px;
}
.tdftad {
text-align:center;
}

@media screen and (min-width:481px) {
.lb_p { display: none; }
.tt_p {
width:600px;
 }
.div_p {
width:500px;
 }
.div_p2 {
width:310px;
float:right;
padding-bottom:10px;
 }
.div_p3 {
width:350px;
padding-right:10px;
float:left;
}
.div_pkdn {
height:480px;
 }
.div_all_p {
width:500px;
height:120px;
 }
.etc_p {
height:340px;
 }
.etc_p2 {
height:380px;
 }
.etc_p3 {
height:360px;
 }
.etc_p4 {
height:370px;
 }
.etc_r_p {
width:240px;
float:right;
 }
.etc_l_p {
width:240px;
float:left;
 }
.border_p {
width:580px;
 }
img.size_p {
width:350px;
height:259px; 
 }
img.etc_p {
width:180px;
height:180px; 
 }
}

@media screen and (max-width:480px) {
.lb_s { display: none; }
.tt_s {
width:90%;
 }
.div_s {
width:80%;
 }
.div_s2 {
width:98%;
padding-bottom:10px;
clear:both;
 }
.div_s3 {
width: calc(100% - 150px);
padding-bottom:10px;
float:left;
}
.div_all_s {
width:100%;
height:auto;
 }
.etc_s {
width:90%;
 }
.border_s {
width:88%;
 }
img.size_s {
width:90%;
height:auto; 
 }
img.etc_s {
width:180px;
height:auto; 
 }
img {
object-fit: contain;
 }
}