@media only screen and (min-width: 768px) {

    #suntory_contents #container .report{
        background-image: url(../img/head.png);
        background-repeat: repeat-x;
        background-position: center top;
    }

    #suntory_contents #container .report .inner{
        padding-top: 50px !important;
        padding-bottom: 50px !important;
        background-image: url(../img/foot.png);
        background-repeat: repeat-x;
        background-position: center bottom;
    }


    #suntory_contents #container .report h2{
        text-align: center;
        padding-bottom: 30px;
    }


    #suntory_contents #container .report .videoarea{
        background-color: rgba(254,104,103,0.15);
        padding-top: 30px ;
        padding-bottom: 30px ;
    }

    #suntory_contents #container .report .videoarea .inn{
        width: 1164px;
        margin-left: auto ;
        margin-right: auto ;
    }
    #suntory_contents #container .report .videoarea iframe{
        display: block;

    }

    #suntory_contents #container .report .text{
        text-align: center;
        margin-top: 80px;
    }



    #suntory_contents #container .report .photo{
        margin-top: 70px;
        background-color: rgba(162,222,236,0.15);
        padding-top: 30px;
        padding-bottom: 10px;
    }


    #suntory_contents #container .report .photo .inn{
        width: 880px;
        margin-left: auto;
        margin-right: auto;
    }

    #suntory_contents #container .report .photo .tit{
        text-align: center;
    }


    #suntory_contents #container .report .photo .items{
        margin-top: 10px;
    }

    #suntory_contents #container .report .photo .items .item{
        float: left;
        width: 180px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #suntory_contents #container .report .photo .items .item a{
        display: block;
        text-decoration: none;
    }
    #suntory_contents #container .report .photo .items .item .img img{
        width: 100%;
    }

    #suntory_contents #container .report .photo .items .item .txt{
        margin-top: 5px;
        line-height: 1.35em;
        color: #231815;
        font-size:12px;

        height: 4.05em;
        display: block;
    }


    #suntory_contents #container .report .status{
        margin-top: 100px;
        text-align: center;
    }


    #suntory_contents #container .report .ouen{
        margin-top: 100px;
        text-align: center;
    }

    #suntory_contents #container .report .banner{
        margin-top: 100px;
        text-align: center;
    }

    #suntory_contents #container .report .links{
        margin-top: 100px;
        text-align: center;
        margin-bottom: 100px;
    }
    #suntory_contents #container .report .links ul{
        display: inline;
    }
    #suntory_contents #container .report .links ul li{
        display: inline;
    }
    #suntory_contents #container .report .links ul li a{
        display: inline-block;
        margin-left: 50px;
        margin-right: 50px;
    }

    .fancybox-inner .cp img{
        width: 100%;
        max-width:357px;
    }


}



@media only screen and (max-width: 767px) {


    #suntory_contents #container .report{
        background-image: url(../img/head.png);
        -webkit-background-size: 700px 28px;
        background-size: 700px 28px;
        background-repeat: repeat-x;
        background-position: center top;
    }

    #suntory_contents #container .report .inner{
        padding-top: 30px ;
        padding-bottom: 30px ;
        background-image: url(../img/foot.png);
        -webkit-background-size: 700px 106px;
        background-size: 700px 106px;
        background-repeat: repeat-x;
        background-position: center bottom;
    }


    #suntory_contents #container .report h2{
        text-align: center;
        width: 96%;
        margin-left: 2%;
        padding-bottom: 10px;
    }


    #suntory_contents #container .report .videoarea{
        background-color: rgba(254,104,103,0.15);
        padding-top: 15px ;
        padding-bottom: 15px ;
    }


    #suntory_contents #container .report .videoarea iframe{
        display: block;

    }

    #suntory_contents #container .report .text{
        text-align: center;
        margin-top: 30px;
        margin-left: 4%;
        margin-right: 4%;
    }




    #suntory_contents #container .report .photo{
        margin-top: 40px;
        background-color: rgba(162,222,236,0.15);
        padding-top: 20px;
        padding-bottom: 20px;
    }



    #suntory_contents #container .report .photo .tit{
        text-align: center;
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }


    #suntory_contents #container .report .photo .items{
        margin-top: 30px;
    }

    #suntory_contents #container .report .photo .items .item{
        float: left;
        width: 44%;
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #suntory_contents #container .report .photo .items .item a{
        display: block;
        text-decoration: none;
    }
    #suntory_contents #container .report .photo .items .item .img img{
        width: 100%;
    }

    #suntory_contents #container .report .photo .items .item .txt{
        margin-top: 5px;
        line-height: 1.35em;
        color: #231815;
        font-size:12px;
        height: 3em;
        display: block;
    }


    #suntory_contents #container .report .status{
        margin-top: 50px;
        text-align: center;
        margin-left: 4%;
        margin-right: 4%;
    }


    #suntory_contents #container .report .ouen{
        margin-top: 50px;
        text-align: center;
        margin-left: 4%;
        margin-right: 4%;
    }

    #suntory_contents #container .report .banner{
        margin-top: 50px;
        text-align: center;
        margin-left: 2%;
        margin-right: 2%;
    }

    #suntory_contents #container .report .links{
        margin-top: 50px;
        text-align: center;
        margin-bottom: 100px;
    }
    #suntory_contents #container .report .links ul li a{
        display: block;
        margin-left: 10%;
        margin-right: 10%;
        margin-bottom: 10px;
    }


    .fancybox-inner .cp img{
        width: 100%;
        max-width:357px;
    }



}