@charset "UTF-8";
/* CSS Document */
/*----------------------------------------
galleries
---------------------------------------- */
.gallery_img_txt{
    background-color: #f7f7f7;
    padding: 10px;
    position: relative;
    margin-top: 15px;
}
.gallery_img_txt::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-bottom: 15px solid #f7f7f7;
}
.gallery_img_comment{
    font-size: 13px;
    font-weight: bold;
}
.gallery_img_info{
    margin-top: 3px;
    font-size: 12px;
    font-weight: 500;
}
ul.gallery_img{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
ul.gallery_img li.gallery_img_list{
    width: calc(50% - 10px);
}
ul.gallery_img li.gallery_img_list .gallery_img_design img{
    border: 1px solid #efefef;
}
/*galleries_cate*/
body.galleries_cate p.galleries_cate_intro{
    margin-bottom: 30px;
}
body.galleries_cate ul.gallery_img{
    flex-wrap: wrap;
}
body.galleries_cate ul.gallery_img li.gallery_img_list{
    margin-bottom: 35px;
}
/*------------ w949以下用  ------------*/
@media screen and (max-width: 949px) {
    ul.gallery_img{
        max-width: 350px;
        margin: 0 auto;
    }
}
/*------------ PC用  ------------*/
@media screen and (min-width: 950px) {
    .galleries_example{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    #dcrt_area .dcrt_content .galleries_example .example_area{
        width: calc(50% - 20px);
        margin-bottom: 70px;
    }
    ul.gallery_img li.gallery_img_list{
        margin-bottom: 20px;
    }
    ul.gallery_img li .gallery_img_design{
        max-width: 240px;
        margin: 0 auto;
    }
    /*galleries_cate*/
    body.galleries_cate ul.gallery_img {
        justify-content: left;
    }
    body.galleries_cate ul.gallery_img li.gallery_img_list{
        width: calc(33% - 10px);
        margin-right: 13px;
    }
    body.galleries_cate ul.gallery_img li.gallery_img_list:nth-of-type(3n) {
        margin-right: 0;
    }
}
