.dropzone{
    margin-top:10px;
    border:1px solid #e4e4e4;
    background-color:#eee;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.dropzone .dz-preview .dz-image {
    border-radius: 5%;
}
.dropzone .dz-default.dz-message{
    color:#3c8dbc;
    font-weight: bold;
}
.dropzone .dz-preview:hover .dz-details{
    opacity: 0;
}
.dropzone .dz-preview:hover .dz-image img{
    filter: none;
}
.sunlike{
    display: none;
}
a.unlike .slike{
    display: none;
}
a.unlike .sunlike{
    display: block;
}
.photo{
    margin-left:0;
    margin-right:0;
}
@media (min-width: 1200px){
    .photo{max-width:480px}
}
.photo img,
.box-comments .photo img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    float:none !important;
}
.photo .cphoto{
    position:relative;
    display: inline-block;
    margin: 0 5px 5px 0;
    margin: 4px 0 0 0;
}
.photo [class*="col-"] {
    padding: 0 2.5px;
}
.photo .cphoto .dz-remove{
    display: block;
    text-align: center;
    margin-top:5px;
}
.photo .dz-preview {
}
.photo .dz-preview .dz-image {
    position: relative;
}
.photo .dz-preview.dz-processing .dz-image img {
    opacity: .2;
}
.photo .dz-preview.dz-success .dz-image img {
    opacity: 1;
}
.photo .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear
}
.photo .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in
}
.photo .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    font-size:20px;
}
.photo .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0,0,0,0.9);
    line-height: 150%;
}

.photo .dz-preview .dz-success-mark, .photo .dz-preview .dz-error-mark {
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    font-size:20px;
}
.photo .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.photo .cphoto .dz-error-message{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    text-align: center;
    background: rgba(222, 0, 0, 0.9);
    color: #fff;
}
.photo .cphoto .dz-error-message span{
    text-align: center;
}
.snsform{margin-bottom:0;box-shadow:none;}
.q-box-comments{
    background-color:#fff;
}
.q-ship-sns-reply{
    margin-left:10px;
    cursor: pointer;
}
.q-ship-sns-drop{
    margin-right:10px;
    cursor: pointer;
}
.q-box-reply{
    padding:10px 10px 10px 0 !important;
    background-color:#f7f7f7;
}
.q-box-reply .username{
    display:inline;
}
.q-box-reply .username::after{
    content: '：';
    font-weight: 100;
}
.q-box-reply p{
    margin:0;
    display: inline;
}