.it_list_wrap {
    margin-top: 26px;
}

.k_item_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: -14px -4px;
    padding-bottom: 36px;
}

.k_item {
    width: calc(50% - 8px);
    margin: 14px 4px;
    height: 312px;
}

.k_item a {
    display: block;
    position: relative;
}

.pc_preorder_dday_text {
    top: 79%;
}


.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}


.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


/* Color shapes */

.color-shape {
    width: 220px;
    height: 350px;
    margin-bottom: 1%;
    float: left;

    border-bottom: 3px solid #8432c4;
    background-color: #fff;
}
.color-shape.photoshop a {color: #333;}

.color-shape.shape1 {
    background-color: #edf2f6;
}
.shape1 a {
    text-decoration: none;

}

.shape1 .shape_box {
    width: 100%;
    height: 100%;
    padding: 20px;
}
.shape1 .shape_box .shape_box_t1 {
    display: block;
    text-align: right;
    color: #4a9abf;
}
.shape1 .shape_box .shape_box_t2 {
    display: block;
    font-size: 20px;
    padding-top: 3em;
}



@media screen and (max-width:580px) {
    .color-shape {width:95%; height: auto; float: none;}
}