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

#PickupView {
padding: 0 0 140px 0;
position: relative;
}

.pickup {
margin: 30px auto;
text-align: left;
}

.pickup ul {
max-width: ;
min-width:;
display: flex;
justify-content: space-between;
margin: 30px auto;
flex-wrap: wrap;
}

.pickup ul li {
width: 18%;
margin-right:2%;
margin-bottom: 20px;
border: 1px solid #ccc;
padding: 15px;
position: relative;
}

.pickup ul li a p {
line-height: 1.6!important;
}

.pickup ul li p.category {
background: #be0045;
padding:2px 5px;
font-size: 11px;
color: #fff;
display:inline;
}

.pickup ul li p.category .inBox{
display: block;
}

.pickup ul li img {
width: 100%;
margin: 16px 0;
}

.pickup ul li p.toLink {
position:absolute;
text-align: right;
bottom:10px;
right:20px;
margin: 0!important;
font-size: 11px;
}

@media (max-width: 767px) {
#PickupView {
padding: 0 0 70px 0;
}

.pickup ul {
display:block;
}

.pickup ul li.pc {
display: none;
}

.pickup ul li {
width:100%;
margin-right:0%;
margin-bottom: 10px;
padding: 10px;
}

.pickup ul li .inBox a{
display:flex;
justify-content: space-between;
}

.pickup ul li .inBox a div:nth-child(1){
width:40%;
}

.pickup ul li .inBox a div:nth-child(2){
width:56%;
padding-top: 10px;
}

.pickup ul li img {
    margin: 8px 0;
}
}