@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */


.ttl02 div {
    padding: 0 3%;
    margin-bottom: 500px;
    font-size: 30px;
    width: 100%;
    margin-top: -7%;
}
.textA {
    line-height: 3 !important;
}
.txt02 li:nth-of-type(4),
.txt02 li:nth-of-type(8),
.txt02 li:nth-of-type(9).txt02 li:nth-of-type(10),
.txt02 li:nth-of-type(11),
.txt02 li:nth-of-type(14),
.txt02 li:nth-of-type(16) {
    margin-top: 30px;
}
div.order {
    display: none;
}
div.items > article {
    width: 23.36065573%;
    margin-left: 1.63934426% !important;
}

div.items > article a.photo {
    width: 270px;
    height: 360px;
}

div.items {
    margin-left: -1.63934426% !important;
}
div.items > article button {
    display: none;
}
.mean-bar.sp_on {
    height: 100vh;
    overflow-y: scroll;
}
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

@media screen and (min-width: 834px) {
    #fancybox-img {
        height: calc(100vh - 100px) !important;
        width: 50% !important;
        object-fit: contain !important;
    }
    #fancybox-outer {
        position: fixed !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
}
@media screen and (max-width: 834px) {
    /* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */
    /*----------------------------------------------------------------------------title*/
    /*----------------------------------------------------------------------------common1*/
    /*----------------------------------------------------------------------------common2*/
    /*----------------------------------------------------------------------------common3*/
    div.items > article {
        width: 30.69065573%;
        margin-left: 1.63934426% !important;
    }


    /* tablet END ###################################################### */
}
@media screen and (max-width: 640px) {
    /* ================================================================= 

 *
 * smartphone size
 *
 * ================================================================= */
    /*----------------------------------------------------------------------------title*/
    /*----------------------------------------------------------------------------common1*/
    /*----------------------------------------------------------------------------common2*/
    /*----------------------------------------------------------------------------common3*/

    div.items > article {
        width: 47.36293457% !important;
    }
    div.items > article a.photo {
        width: 100% !important;
        height: 300px !important;
    }

    /* smartphone END ################################################## */
    .ttl02 div {
        font-size: 20px;
    }
}