/*===============================================
All rights of this content belong to NUGER.jp.
You can not modify, copy, resell without permission of the author, etc. for any reason. Please contact us in advance when using. Email: nuger.jp@gmail.com
===============================================*/


/*===============================================
●veno box Photo/Goods整列用　タブレット 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
    .photo {
        float: left;
        max-width: 45%;
        height: 50%;
        width
        /***/
        : auto;
        padding: 0.5em;
        margin: auto;
    }

    ～以下、画面の横幅が768pxまでの場合のスタイル記入～
}

@media screen and (max-width: 768px) {
    .goods {
        float: left;
        max-width: 25%;
        height: auto;
        width
        /***/
        : auto;
        padding: 0.7em;
        margin: 0.5em;
    }

    ～以下、画面の横幅が768pxまでの場合のスタイル記入～
}

/*===============================================
●veno box Photo/Goods整列用　PC　画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px) {
    .photo-wrap {
        width: auto;
        padding: 0% 5% 0% 5%;
        margin: 0% 5% 0% 5%;
        display: flex;
        flex-wrap: wrap;

    }

    .photo {
        max-width: 25%;
        height: auto;
        width
        /***/
        : auto;
        padding: 2em;
        margin: auto;

    }

    ～以下、画面の横幅が768pxまでの場合のスタイル記入～
}

@media screen and (min-width: 769px) {
    .photo-wrap2 {
        width: 100%;
        padding: 0% 0% 0% 0%;
        margin: 0% 0% 0% 0%;
        display: flex;
        flex-wrap: wrap;

    }

    .photo2 {
        max-width: 50%;
        height: auto;
        width
        /***/
        : auto;
        padding: 2em;
        margin: auto;

    }

    ～以下、画面の横幅が768pxまでの場合のスタイル記入～
}

@media screen and (min-width: 769px) {
    .goods-wrap {
        width: auto;
        padding: 0% 5% 0% 5%;
        margin: 0% 5% 0% 5%;
        display: flex;
        flex-wrap: wrap;
    }

    .goods {
        max-width: 10%;
        height: auto;
        width
        /***/
        : auto;
        padding: 0%;
        margin: 0%;
    }

    .goods-line {
        max-width: 20%;
        height: auto;
        width
        /***/
        : auto;
        padding: 1em;
        margin: auto;
    }

    .goods-line-kisekae {
        max-width: 40%;
        height: auto;
        width
        /***/
        : auto;
        padding: 1em;
        margin: auto;
    }

    ～以下、画面の横幅が768pxまでの場合のスタイル記入～
}

@media screen and (min-width: 769px) {
    .info-wrap {
        width: auto;
        padding: 0% 5% 0% 5%;
        margin: 0% 5% 0% 5%;
        display: flex;
        flex-wrap: wrap;
    }

    .info {
        max-width: 45%;
        height: auto;
        width
        /***/
        : auto;
        padding: 1em;
        margin: auto;
    }

    ～以下、画面の横幅が768pxまでの場合のスタイル記入～
}


/*===============================================
●veno box Movie整列用　タブレット 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px) {
    .photo-wrap {
        width: auto;
        padding: 0% 1% 0% 1%;
        margin: 0% 1px 0% 1px;
        display: flex;
        flex-wrap: wrap;
    }

    .movie {
        max-width: 45%;
        height: auto;
        width
        /***/
        : auto;
        padding: 1em;
        margin: auto;
    }

    ～以下、画面の横幅が768pxまでの場合のスタイル記入～
}


/*===============================================
●veno box Photo整列用　PC　画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px) {
    .movie-wrap {
        width: auto;
        padding: 0% 5% 0% 5%;
        display: flex;
        flex-wrap: wrap;
    }

    .movie {
        max-width: 20%;
        height: auto;
        width
        /***/
        : auto;
        padding: 1em;
        margin: auto;
    }

    ～以下、画面の横幅が768pxまでの場合のスタイル記入～
}

/*===============================================
●mini menu
===============================================*/
ul {
    display: flex;
    justify-content: center;
    padding-left: 0;
    list-style: none;
    margin: 0.5em em 0.5em 0em;
}

.mini-menu li {
    float: left;
    margin: 0.5em 0em 0.5em 0em;
    padding: 0em 0.5em 0em 0em;
}