@charset "UTF-8";


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

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

}
p{
  font-size: 1rem;
  color:#ffccff;
}

#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: #ffccff;
}
nav li:visited{
   color: #ffccff;
}

} /* ←削除禁止 */

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

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

}
p{
  font-size: 1rem;
  color:#ffccff;
}

#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: #ffccff;
}
nav li:visited{
   color: #ffccff;
}

} /* ←削除禁止 */


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

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

}
p{
  font-size: 1rem;
  color:#ffccff;
}

#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: #ffccff;
}
nav li:visited{
   color: #ffccff;
}

} /* ←削除禁止 */