@charset "UTF-8";

/*スマホ用ここから
================================================= */

@media screen and (min-width:320px){
body {
  background-color: #dda0dd;

}
p{
  font-size: 1rem;
}

#t1{
  margin: 10% 10% 15% 10%;
}

#tlast{
  margin: 10% 10% 5% 10%;
}

nav{
  text-align: center;
}


nav ul {
    margin: 0 auto;
    padding: 0 ;
}

nav ul li {
  list-style: none;
  display: inline-block;/*メニュー横並び*/
  padding: 5% 0% 5% 10%;
  font-size: 1rem;
}

nav ul li a{
 text-decoration:none;
 color: #5B5B5B;
}
nav li:visited{
   color: #5B5B5B;
}

} /* ←削除禁止 */



/* タブレット用ここから
================================================= */

@media screen and (min-width:521px){
body {
  background-color: #dda0dd;

}
p{
  font-size: 1rem;
}

#t1{
  margin: 10% 10% 15% 10%;
}

#tlast{
  margin: 10% 10% 5% 10%;
}

nav{
  text-align: center;
}


nav ul {
    margin: 0 auto;
    padding: 0 ;
}

nav ul li {
  list-style: none;
  display: inline-block;/*メニュー横並び*/
  padding: 5% 0% 5% 10%;
  font-size: 1rem;
}

nav ul li a{
 text-decoration:none;
 color: #5B5B5B;
}
nav li:visited{
   color: #5B5B5B;
}

} /* ←削除禁止 */

/*パソコン用ここから
================================================= */

@media screen and (min-width:1025px){
body {
  background-color: #dda0dd;

}
p{
  font-size: 1rem;
}

#t1{
  margin: 10% 25% 15% 25%;
}

#tlast{
  margin: 10% 25% 5% 25%;
}

nav{
  text-align: center;
}


nav ul {
    margin: 0 auto;
    padding: 0 ;
}

nav ul li {
  list-style: none;
  display: inline-block;/*メニュー横並び*/
  padding: 5% 0% 5% 10%;
  font-size: 1rem;
}

nav ul li a{
 text-decoration:none;
 color: #5B5B5B;
}
nav li:visited{
   color: #5B5B5B;
}

} /* ←削除禁止 */