body {
	background:#caedfb;
}

h3 {
	font-weight:bold;
	font-size:1em;
}
h3.cyusen {
	font-weight:bold;
	font-size:19px;
}

hr.snow {
	color:transparent;
	height:45px;
	background:url(img/snow.png) repeat-x;
	border:none;
}

.tohuge	{
	font-size:200%;
}
.no-margin {
	margin:0;
}

h4.under {
	font-size:1em;
}

h5 {
	font-size:1em;
}

.triangle {
background: #ffffff;
  height: calc(60px / 2);
  width: 60px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.mesBox {
	position:relative;
	background: #C2F1C8;
	color:#000;
	padding:2px 20px;
	height: auto;
	width: 70%;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100% );
}

.kado {
	position:absolute;
	background: #9cc2a1;
	right:0;
	bottom:0;
	height: 40px;
	width: 40px;
	clip-path: polygon(100% 0, 20% 20%, 0 100%);
}

a.bb {
	background:#ffff00;
	text-decoration:underline;
	padding:2px;
	font-weight:bold;
	color:#467886;
}
a:hover {
	color:#000;
}

.under {
	text-decoration:underline;
}

.kochira {
	animation: anime2 1s linear -2s infinite alternate;
}
@keyframes anime2 {
	0% {color: #000;}
	50% {color: transparent;}
	100% {color: #000;}
}

table.mg {
	width:100%;
	border:1px solid #000;
	text-align:center;
	border-collapse: collapse;
}

table.mg th {
	border:1px solid #000;
	background-color:#ffff00;
}
table.mg td {
	border:1px solid #000;
	background-color:#fff;
}

@media only screen and (max-width: 540px) {
	.mesBox {
		width: 90%;
	}
}