@charset "UTF-8";

/* 全体 */
* {
	font-family: "Sawarabi Gothic", Trebuchet, Century Gothic, Arial,"ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	background-color: #B4D8D9;
	font-family: "Hina Mincho", serif;
	color: #FFFFFF
}
a {
	color: #EFEFEF;
}
a:hover {
	color: #C1D2D2;
}
.wrapper {
	margin: 0 auto 0 auto;
}

/* ヘッダー */
.header {
	position: fixed;
	opacity: 0.44;
	top:200px;
	width: 100%;
	height: 100px;
	background-color: #B4D2CD;
}

#title {
	font-family: 'stylish', sans-serif;
	font-size: 66px;
	color: #FFFFFF;
	text-align: center;
	margin: 13px auto auto auto;
}
	
/* メイン */
.main {
	overflow: hidden;
	margin: 180px auto 200px auto;
	width: 94%;
}

#pagetitle {
	font-family: "Hina Mincho", serif;
	font-size: 17px;
	text-align: center;
}

#month {
	font-family: 'stylish', serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #5DACA8;
}

#enter {
	font-family: 'stylish', serif;
	font-size: 20px;
	text-align: center;
}	

p {
	font-family: "Hina Mincho", serif;
	font-size: 14px;
	line-height: 1.5;
}

.text-center {
    text-align: center;
}

table td {
    text-align: center;
}

.circle01{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #B4D2CD, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle02{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #E2A0A3, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle03{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #D2BD3B, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle04{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #4F8254, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle05{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #B5C278, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle06{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #DBDF5B, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle07{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #88CFB2, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle08{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #665886, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle09{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #87D2BB, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle10{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #406C7F, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle11{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #E890AA, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle12{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #4F4940, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle13{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #535F92, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle14{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #C33D2D, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle15{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #51A9B2, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle16{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #64A5DC, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle17{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #4A7C99, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle18{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #D2C111, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle19{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #98B282, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle20{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #455345, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle21{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #838FA6, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle22{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #FFED81, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle23{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #9B9F51, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle24{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #96844A, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle25{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #CDD275, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle26{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #559653, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle27{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #6F7C86, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle28{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #526D82, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle29{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #98B282, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle30{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #70757C, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle31{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #132C59, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle32{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #463C37, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle33{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #579C9A, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle34{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #5F523C, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle35{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #63ABB2, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle36{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #56AEB2, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle37{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #7092C5, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle38{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #63A63F, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle39{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #4F3D02, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle40{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #457392, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle41{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #448615, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}

.circle42{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 59% 70% 68% 99% / 76% 70% 76% 63% ;
  background: radial-gradient(circle, #02B107, #B4D8D9);
  font-size: 8pt;
  letter-spacing: 0.14em;
  font-family: "New Tegomin", serif;
  text-align:center;
  line-height: 60px;
}


@media(min-width:1024px){
	.main {
		margin: 180px auto 200px auto;
		width: 700px;
	}
	p {
		font-size: 14px;
	}
}