/* link ここから-------------------------------- */
/* リンクは真ん中に寄せる。上に50pxの隙間を入れる */
    .link{
         text-align: center;
         margin: 50px;
    }
/* link ここから-------------------------------- */



/* 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:25px;
margin:0 auto;
}

}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {
	.pc{display:none;}

    /* リンクの画像は丸くする。大きさは40px */
    .link img{
        width:40px;
        height:40px;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 10px;
    }
    /* リンク */

.movie{
width: 100px;
magrin:100auto;
}

}
/* スマホ ここまで-------------------------------- */

h1{
text-align:center;
-webkit-text-stroke:3px white;
color:#0000ff;
font-size:100px;
background:#000000;
}

volume{
text-align:center;
-webkit-text-stroke:3px black;
color:#ff0000;
font-size:75px
}

summary{
text-align:center;
color:#00bfff;
font-size:40px
}