@charset "UTF-8";
html {font-size: 100%;}

body{background:black;}
main{margin-top: 50px;text-align: center;height: 450px;}
h5/* ---------DTM for CUBASE-------------- */
{font-size: 40px;color: tan;line-height: 1;text-align: center;font-family: "Sawarabi Mincho";}
/* -------Pの回転--------------------------------- */
.dtm_ikon{animation: rotation-s2 10s linear infinite; /* ●秒で一周 */
	  width: 70px;margin-top: 20px;
		 right: calc(50% - 5px); /* 位置調整 線幅の半分ずらす */
	   top: calc(50% - 5px); /* 位置調整 線幅の半分ずらす */;}
p/* ---------CUBASEで制作した音楽データ ↓ ------------- */
{font-size: 18px;color: silver;margin-top: 10px;}
h4/* ---------enter-------------- */
{text-align: center;font-size:25px;color:black;padding-top:0px;}
/* -----enter return----- */
a{text-decoration: none;}
.enter{background: tan;width: 150px;height: 40px;
  border-radius: 10px;margin: 5px auto 0;}
.enter:hover {background: orange;cursor: pointer;transform: scale(1.2,1.2);opacity: 1;}
.enter{transition:-webkit-transform 0.3s;transition: transform 1s;}
.return{width: 50px;margin-top: 5px;}
footer{width: 100%;height: 70px;position: fixed;bottom: 0;background-color: darkgreen;
      display: flex;justify-content: center;}
.jasrac_text{font-size: 15px;color: white;margin: 25px 0 0 20px;}
.jaslak_image{height: 50px;margin-top: 10px;}

/* ---------450px以下-------------- */
@media screen and ( max-width :450px)
{
main{margin-top: 70px;height: auto;}
h5/* ---------DTM for CUBASE-------------- */
{font-size: 30px;}
.dtm_ikon{width: 70px;margin-top: 40px;}
p/* ---------CUBASEで制作した音楽データ ↓ ------------- */
{font-size: 15px;margin-top: 20px;}
/* -----enter----- */
h4/* ---------enter-------------- */
{text-align: center;font-size:20px;padding-top:3px;}
.enter{width: 100px;height: 35px;margin: 5px auto 0;}
.return{width: 40px;margin-top: 5px;}
footer{position: fixed;bottom: 0;width: 100%;height: 60px;margin-top:0px;}
.jasrac_text{font-size: 12px;margin: 25px 0 0 20px;}
.jaslak_image{height: 40px;margin-top: 10px;}
}

/* ---------321px以下-------------- */
@media screen and ( max-width :321px)
{
main{margin-top: 40px;height: auto;}
h5/* ---------DTM for CUBASE-------------- */
{font-size: 25px;}
.dtm_ikon{width: 50px;margin-top: 20px;}
p/* ---------CUBASEで制作した音楽データ ↓ ------------- */
{font-size: 12px;margin-top: 10px;}
/* -----enter----- */
h4/* ---------enter-------------- */
{text-align: center;font-size:15px;padding-top:5px;}
.enter{width: 70px;height: 28px;margin: 3px auto 0;}
footer{position: fixed;bottom: 0;width: 100%;height: 60px;margin-top:0px;}
.jasrac_text{font-size: 12px;margin: 25px 0 0 20px;}
.jaslak_image{height: 40px;margin-top: 10px;}
}