@charset "utf-8";

@media screen and (min-width: 600px) {
/*共通ここから*/

.nagareru {
  width : 600px;      /* 枠の大きさ */
  border: solid 0px; /* 枠線 */
  padding: 5px;        /* 枠線の内側の余白 */
  overflow : hidden; /* 枠からはみ出た部分を非表示 */
  margin : 15px auto 40px auto;
font-size : 20px;
letter-spacing : 0.1em;
}
.nagareru p{
  display : inline-block;  /* 必須 */
  padding-left: 100%;    /* 右端から文字をスタートさせるため */
  white-space : nowrap; /* 改行が起こらないように対策 */
  line-height : 1em;         /* 行間（高さ）を1文字分にする */
  animation : scroll 13s linear infinite; /* 下のアニメーションを10秒かけて行い、それをくりかえす */
}

/* アニメーション（右から左に移動） */
@keyframes scroll{
  0% { 
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
  }
  
  .title {font-size : 20px; font-weight : bold; text-align : center; margin : 0 auto 15px auto; letter-spacing : 0.1em; }
  .saku {font-size : 14px; margin : auto; letter-spacing : 0.1em; width: 270px; }
  .kasi {font-size : 14px; width: 270px; margin : auto; letter-spacing : 0.1em; }
  .music {text-align: center; margin : 0 auto calc(5% + 5px) auto; }
  }
  
  @media screen and (max-width: 599px) { 
/*共通ここから*/

.nagareru {
  width : 90%;      /* 枠の大きさ */
  border: solid 0px; /* 枠線 */
  padding: 5px;        /* 枠線の内側の余白 */
  overflow : hidden; /* 枠からはみ出た部分を非表示 */
  margin : 10px auto 32px auto;
font-size : 18px;
letter-spacing : 0.1em;
}
.nagareru p{
  display : inline-block;  /* 必須 */
  padding-left: 100%;    /* 右端から文字をスタートさせるため */
  white-space : nowrap; /* 改行が起こらないように対策 */
  line-height : 1em;         /* 行間（高さ）を1文字分にする */
  animation : scroll 13s linear infinite; /* 下のアニメーションを10秒かけて行い、それをくりかえす */
}

/* アニメーション（右から左に移動） */
@keyframes scroll{
  0% { 
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
  }
  
  .title {font-size : 17px; font-weight : bold; text-align : center; margin : 0 auto 15px auto; letter-spacing : 0.1em; }
  .saku {font-size : 12px; margin : auto; letter-spacing : 0.1em; width: 200px; }
  .kasi {font-size : 12px; width: 200px; margin : auto; letter-spacing : 0.1em; }
  .music {text-align: center; margin : 0 auto calc(15% + 5px) auto; }
  }