@charset "utf-8";
/* CSS Document */

ul.wsk_pankuzu {
display: flex; 
}

ul.wsk_pankuzu li{
margin-right: 10px;
}

ul.wsk_pankuzu li a{
background: #000;
padding:4px 10px;
color: #fff;
}

ul.wsk_pankuzu li a:hover {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    opacity: 0.7; 
}

#wskCate {
max-width:1224px;
width:100%;
margin:50px 0;
}

#wskCate p img {
width:100%
}

#wskCate ul {
margin-bottom:50px;
}

#wskCate ul li {
text-align: left;
font-size: 22px;
magin-bottom:22px;
}

#wskCate h3 {
font-size: 1.8rem;
line-height:2.8rem;
font-weight:normal;
padding-bottom:30px;
width:100%
}

#wskCate p {
margin-bottom:30px;
font-size: 1.8rem;
line-height:2.8rem;
}

#wskCate p a,
#wskCate p img {
width: 100%;
}

#wskCate p.banner_pc{
margin: 80px 0 50px 0;
}

#wskCate p.banner_smp {
display: none;
}

#wskCate p.banner_pc a:hover {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    opacity: 0.7; 
}

@media (max-width: 767px) {
#wskCate {
margin:30px 0;
}

#wskCate h3 {
font-size: 1.6rem;
line-height:2.2rem;
}

#wskCate p.banner_pc{
display: none;
}

#wskCate p.banner_smp {
margin: 80px 0 50px 0;
display: block;
}
#wskCate p.banner_smp a:hover {
    -webkit-transform: scale(0.99);
    transform: scale(0.99);
    opacity: 0.7; 
}
}