@media print, screen and (min-width: 751px){
      .container{
        width:300px;
        height:300px;
        position: relative;
      }
      .container img{
        width:100%;
      }
      .container p{
        position: absolute;
        top:0;
        left:0;
        font-size:24px;
        padding:0;
        margin:0;
      }

      .container .tag{
        top: 10px;
        left: 5px;
        width: 290px;
        text-align: center;
        background:rgba(0,0,0,0.5);
        font-weight: bold;
        color: #fff;
      }

/* TOPコンテンツ */
#contents0 {
padding-top: 60px;
padding-bottom: 100px;
}
.contents_size0{
width: 100%;
padding-left: 0px;
padding-right: 0px;
margin-left: auto;
margin-right: auto;
}
.contents_size0.mini{
width: 1020px;
}

}


@media screen and (max-width: 750px){
      .container{
        width:100%;
        position: relative;
      }
      .container img{
        width:100%;
      }
      .container p{
        position: absolute;
        top:0;
        left:0;
        font-size:90%;
        padding:0;
        margin:0;
      }

      .container .tag{
        top: 10px;
        left: 5px;
        width:95%;
        text-align: center;
        background:rgba(0,0,0,0.5);
        font-weight: bold;
        color: #fff;
      }

/* コンテンツ======================================================================================================== */
#contents0 {
padding-top: 20px;
padding-bottom: 60px;
}
.contents_size0{
padding-left: 5vw;
padding-right: 5vw;
display: block;
text-align: left;
}


}