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

p.cateTxt {
margin-bottom:30px;
font-size: 1.8rem;
line-height:2.8rem;
margin-bottom: 30px;
}
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%
}

#wskCate .wskCateBox {
display: flex;
flex-wrap:wrap;
justify-content: space-between;
margin:50px 0 20px 0;
}

#wskCate .wskCateBox div {
flex-basis:31%;
padding-bottom: 20px;
}

#wskCate .wskCateBox div a {
color: #000;
}

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

#wskCate .wskCateBox div ul li img {
width:100%;
}

#wskCate ul li {
text-align: left;
font-size: 1.4rem;
line-height:2.0rem;
margin-bottom: 20px;
}

#wskCate ul li:nth-child(2) {
font-size: 1.2rem;
line-height:1.6rem;
background: #666;
color: #fff;
padding: 10px;
text-align:;
}

#wskCate ul li:nth-child(3) {
font-size: 1.2rem;
line-height:1.6rem;
background: #666;
color: #fff;
padding: 10px;
text-align: center;
}

#wskCate h3 {
font-size: 1.8rem;
line-height:2.2rem;
font-weight:normal;
padding-left:10px;
margin-bottom:10px;
border-left: 2px solid #000;
font-weight: bold;
}

#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-bottom: 50px;
}

#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) {
ul.wsk_pankuzu {
display: block;
text-align: left;
margin-bottom:10px;
}

ul.wsk_pankuzu li{
margin:0 0 4px 0;
}
#wskCate h3 {
font-size: 1.6rem;
line-height:2.2rem;
}

#wskCate p.banner_pc{
display: none;
}

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

#wskCate .wskCateBox {
display:block;
width: 100%;
margin:50px 0 0 0;
}

#wskCate .wskCateBox div {
width: 100%;
}

｝