@charset "UTF-8";
body{
  margin: 0;
  padding: 0;
}
div.container{
  width:360px;
  margin: 0 auto;
  font-size: 18px;
  font-family:"Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif;
}

div.dai_top{
  margin-top: 80px;
  width:340px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
}
div.dai{
  margin-top: 30px;
  width:340px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}
div.mondai{
  margin:3px auto;
  width: 300px;
  text-align: center;
  font-size:55px;
  height: 90p;
  line-height: 90px;
  background-color: yellow;
  border:solid 2px #000000;
}
div.kotae{
  margin:3px auto;
  width: 300px;
  text-align: center;
font-size: 45px;
  height: 90p;
  line-height: 90px;
  background-color: yellow;
  border:solid 2px #000000;
}
div.cm{
  margin:3px auto 3px auto;
  width:340px;
  line-height : 15px;
  font-size: 10px;
  text-align: center;
}

div.center{
  margin: 10px auto;
  line-height : 20px;
  font-size: 18px;
  text-align: center;
}


/* div終わり */

/* Ｐここから */
p.bun{
  text-align: left;
  font-size: 22px;
  line-height: 30px;
  margin: 0;
  padding: 20px 10px 5px 20px;
}
p.bun_top{
  text-align: left;
  font-size: 18px;
  line-height: 26px;
  margin: 0;
  padding: 10px 10px 5px 20px;
}
p.bun_m{
  text-align: left;
  font-size: 20px;
  line-height: 26px;
  margin: 0;
  padding: 0 20px;
}
p.bun_a{
  text-align: left;
  font-size: 5px;
  line-height: 5px;
  margin: 0;
  /* padding: 0 20px; */
}
p.day{
  font-weight : bold;
  font-size: 20px;
  text-align: center;
  padding: 6px 0;
  margin: 0 10px;
}
p.s_b{
  font-weight : bold;
  font-size: 18px;
  text-align: center;
  padding: 6px 0;
  margin: 0 10px;
}
p.main_2{
  font-size: 18px;
  text-align: left;
  font-weight:normal;
  margin-top: 0px;
  margin-bottom: 40px;
  padding-top: 0px;
  padding-left: 10px;
  /* padding-right: 40px; */
}
/* ｐ此処まで */

span.dai{
font-size: 30px;;
}

h1{
  line-height : 40px;
  font-size: 20px;
  color: #ff00ff;
  font-weight : bold;
  padding: 2px 10px;
  margin: 2px 10px;
  text-align: center;
  border-bottom: solid 4px #ff0000;
}
h1.big{
  line-height : 45px;
  font-size: 35px;
  color: #ff00ff;
  font-weight : bold;
  padding: 2px 10px;
  margin: 2px 10px;
  text-align: center;
  border-bottom: solid 4px #ff0000;
}
span.bold{
  font-size: 15px;
  color: #333;
  font-weight: bold;
}
span.bold_big{
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

#timer{
position: -webkit-sticky; 
position:sticky; 
top:0; 
z-index: 100; 
top:10px;
margin-left: auto;
margin-right: auto;
left:65px;
font-size: 33px;
color: white;
font-weight: bold;
background-color: navy;
width:230px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 20px;
}



table.day{
  text-align: center;
  margin: 0 auto;
}

footer{
  width: 100%;
  line-height : 30px;
  font-size: 18px;
  text-align: center;
}