/**ピックアップ**/
.JustlePickUp{
width: 100%;
max-width: 1300px;
margin:0 auto;
color: #555555;
}

.JustlePickUpScrBox{
width:100%;
overflow: auto;
margin-bottom:20px;
}
.JustlePickUpScrBox > p{
font-weight: normal;
padding:5px 15px;
}

.JustlePickUp > h2{
width: 100%;
background-color: #888888;
color: #F0F0F0;
font-size: 1.25rem;
padding: 10px 15px;
}
.JustlePickUp > h3{
display: flex;
width: 100%;
background-color: #EEEEEE;
color: #555555;
font-size: 1rem;
padding: 5px 15px;
}

.JustlePickUp > h3 > p{
    width:fit-content;
    font-size: 1rem;

}
.JustlePickUp > h3 > ul.JustleForm{
    text-align: center;
    margin-left:20px;
}

.JustlePickUpList{
display: flex;
flex-wrap: wrap;
list-style: none;
width: 100%;
max-width: 1300px;
padding:0 15px;
margin:0 auto;
margin-top:10px;
}
@media screen and (max-width: 1700px) {
.JustlePickUp,
.JustlePickUpList{
max-width: 1000px;
}
}
@media screen and (max-width: 1400px) {
.JustlePickUp,
.JustlePickUpList{
max-width: 700px;
}
}
@media screen and (max-width: 1100px) {
.JustlePickUp{
width: 100%;
max-width: 100%;
}
.JustlePickUpList{
width: fit-content;
flex-wrap: nowrap;
max-width: fit-content;
}
}
.JustlePickUpList > li{
position: relative;
width:calc(100% / 4 - 50px);
min-width:300px;
margin-bottom:80px;
}
@media screen and (max-width: 1100px) {
.JustlePickUpList > li{
min-width:265px;
margin-bottom:65px;
}
}
@media screen and (max-width: 2400px) {
.JustlePickUpEmpty{
display: none;
}
}
.JustlePickUpList a{
display: block;
position: relative;
}
@media screen and (min-width: 1101px) {
.JustlePickUpList a:hover::after{
content: "";
width: calc(100% + 20px);
height: calc(100% + 80px);
background: rgba(0, 0, 0, .3);
position: absolute;
top: -10px;
left: -10px;
}
}

.JustlePickUpList > li:not(:last-child){
margin-right:20px;
}
@media screen and (min-width: 1680px) {
.JustlePickUpList > li:nth-child(4n){
margin-right:0;
}
}
.JustlePickUpList > li > a > img{
width:100%;
}
.JustlePickUpList > li > a > p > img{
max-width:75%;
max-height:40%;
}

.JustlePickUpList > li > a > p.JustlePickUpListVP > img{
max-width:80px;
max-height:80px;
}

.JustlePickUpList > li .JustlePickUpLeftTop{
position:absolute;
top:10px;
left:20px;
}
.JustlePickUpList > li .JustlePickUpLeftBottom{
position:absolute;
bottom:20px;
left:20px;
}
.JustlePickUpList > li .JustlePickUpRightTop{
position:absolute;
top:10px;
right:10px;
}
.JustlePickUpList > li .JustlePickRightBottom{
position:absolute;
bottom:20px;
right:10px;
}

.JustlePickUpListNew{ 
color: #F0F0F0;
background-color: #74905D;
padding: 3px 6px;
}

.JustlePickUpSize{
color: #F0F0F0;
font-weight: bold;
text-align: center;
padding:3px 5px;
min-width:65px;
}

.JustlePickUpTitle{
position: absolute;
width:calc(100% - 10px);
text-align: center;
font-size: 0.9rem;
font-weight: bold;
padding:0 5px;
color: #0068b7;
}

.JustlePickUpTitle > span{
white-space: nowrap;
display: inline-block;
}
.JustlePickUpTitle > span:not(:last-child){
margin-right:3px;
}

.JustlePickUpTitleFilmName,
.JustlePickUpPrice{
width: 100%;
}
/**ピックアップ**/


/**TOPページ下部**/
.JustleTopFreearea02 * {
padding:0;
margin:0;
}
.JustleTopFreearea02{
font-size:1rem;
}

.JustleTopFreearea02 ul {
padding:2px 5px;
margin-left: 30px;
}

.JustleTopFreearea02 a {
text-decoration: none;
color:#0068b7;
}
.JustleTopFreearea02 a:hover {
text-decoration: underline;
}
.JustleTopFreearea02 > div{
padding:5px 10px;
margin:10px 10px;
}
/**TOPページ下部**/