<style>

    a{text-decoration:none;}
        .link{
             text-align: center;
             margin: 50px;
        }
    
    
    
    
    /* PC ここから-------------------------------- */
    @media (min-width: 768px) {
        .smp , .sp{display:none;}
       .main{
          width: 1000px;
          margin: 0 auto;
       }
       .visual img{
          height: 300px;
          object-fit: cover;
       }
    
    /* リンクの画像は丸くする。大きさは80px */
    .link img{
            width:80px;
            height:80px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 20px;
        }
    /* リンク */
    
    .movie{
         width:500px;
         margin: 0 auto;
         }
    
    }
    
    /* PC ここまで-------------------------------- */
    
    
    /* スマホ ここから-------------------------------- */
    @media screen and (max-width: 767px) {
        .pc{display:none;}
    
    .link img{
            width:80px;
            height:80px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 20px;
        }
    
    .movie{
          width:100%;
          margin:100 auto;
    }

    }
    
    
    /* スマホ ここまで-------------------------------- */
    
    
    h1{
    text-align:center;
       color:#ff1493;
       font-size : 50px;
       background:#000000;
    }
    </style>