#dragArea li {
width: 190px;
height: 140px;
border: 1px solid #AAAAAA;
border-radius: 2px;
float: left;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 5px;
position: relative;
padding-top: 10px;
padding-left: 10px;
}


.img_box {
width: 170px;
height: 120px;
text-align: center;
}

.img_box2 {
width: 17px;
height: 120px;
display:table-cell;
vertical-align: middle;
text-align: center;
line-height: 0px;
}


.img_box2 img {
max-width: 180px;
max-height: 130px;
width: auto;
height: auto;
line-height: 0px;
}

.img_box3 {
width: 170px;
height: 120px;
display:table-cell;
vertical-align: middle;
text-align: center;
line-height: 0px;
}


.del_btn {
width: 30px;
height: 30px;
position: absolute;
right: -10px;
display: block;
top: -10px;
}
.del_btn:hover {
cursor: pointer;
}

.del_btn img {
width: 100%;
}



.manual_btn {
display: block;
background-image: url(../d_sys/images/add.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
}
.drop_bg {
width: 700px;
height: 100px;
border: 2px dashed #E1E1E1;
background-image: url(../d_sys/images/drag_bg.png);
background-repeat: no-repeat;
background-position: center center;
float: left;
margin-top: 15px;
}

@media screen and (max-width: 640px){
#dragArea li {
height: 30vw;
width: 39vw;
padding: 1vw;
margin-right: 3vw;
margin-bottom: 3vw;
margin-top: 0vw;

}

.img_box {
height: 28vw;
width: 37vw;

}

.img_box2 {
height: 28vw;
width: 37vw;

}


.img_box2 img {
max-height: 28vw;
max-width: 37vw;
width: auto;
height: auto;
margin: 0px;
padding: 0px;
}

.img_box3 {
height: 28vw;
width: 37vw;
}


.del_btn {
width: 30px;
height: 30px;
position: absolute;
right: -10px;
display: block;
top: -10px;
}
.d_sp_none {
display: none;
}
.d_sp_inline {
display:inline;
}

}
@media screen and (min-width: 640px){
.d_pc_none {
display: none;
}
.d_pc_inline {
display:inline;
}
}

#thanks {
text-align: center;
}
#thanks h2{
font-size: 36px;
}
#thanks .copy1 ,#thanks .copy2{
font-size: 18px;
line-height: 1.8em;
}