html,body{min-height:100%;}

html{
font-family: MyFont,sans-serif;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic,
	'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',
	メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	font-feature-settings: "palt" 1;
}
/*
@font-face {
	font-family: 'MyFont';
	src: url(http://happy.frontierf.com/font/h.woff);
	font-display: swap;
}
body {
	font-family: MyFont,sans-serif;
}

*/

body{
	padding:0px;
	background:#FCE8EE;
	background-image:linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
	background-size:80px 80px;
	color:#853b3b;
	font-size:36px;
	margin:0 auto;
	width:80%;
	max-width:1000px;
	-webkit-text-size-adjust:100%;
	-webkit-transition: all .3s;
	transition: all .3s;
text-align:center;
}

.common table{
	border-collapse:collapse;
	border:1px solid #000;
	font-size:12px;
}

.common th{
	color:#fff;
	border:1px solid #000;
	background:rgb(73,155,234);
	background:-moz-linear-gradient(45deg, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
	background:-webkit-linear-gradient(45deg, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
	background:linear-gradient(45deg, rgba(73,155,234,1) 0%,rgba(32,124,229,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=1 );
}

.common td{
	border:1px solid #000;
	color:#000;
	background:rgb(255,255,255);
}

hr{
	border:none;
	border-top:dashed 1px #888;
	height:1px;
	color:#000;
	margin: 0 6 0 6;
}

hr.dott_red{
	border:0;
	border-bottom:2px dotted #fd89d7;
}

textarea{
	resize:none;
}

.gray{
	filter:grayscale(100%);
}

.sepia{
	filter:sepia(100%);
}

.logo_puyo{
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.logo_puyo:hover{
	-webkit-animation: bounces 2s ease-in-out;
	animation: bounces 2s ease-in-out;
}

@-webkit-keyframes bounces{
	5%  { -webkit-transform: scale(1.1, .8); }
	10% { -webkit-transform: scale(.8, 1.1) translateY(-5px); }
	15% { -webkit-transform: scale(1, 1); }
}

@keyframes bounces{
	5%  { transform: scale(1.1, .8); }
	10% { transform: scale(.8, 1.1) translateY(-5px); }
	15% { transform: scale(1, 1); }
}

.poyo {
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}

.poyo:hover {
 -webkit-animation: bounce 2s ease-in-out;
 animation: bounce 2s ease-in-out;
text-shadow:
  0 0  2px #fff,
  0 0  4px #fff,
  0 0  6px #fff,
  0 0  9px #FE642E,
  0 0 11px #FE642E,
  0 0 14px #FE642E,
  0 0 18px #FE642E;
}
.puyo{
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}

.puyo:hover{
 -webkit-animation: bounce 2s ease-in-out;
 animation: bounce 2s ease-in-out;
 filter: hue-rotate(90deg);
}

button.btn {
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}
button.btn:hover {
 -webkit-animation: bounce 2s ease-in-out;
 animation: bounce 2s ease-in-out;
}

@-webkit-keyframes bounce {
  5%  { -webkit-transform: scale(1.1, .8); }
  10% { -webkit-transform: scale(.8, 1.1) translateY(-5px); }
  15% { -webkit-transform: scale(1, 1); }
}

@keyframes bounce {
  5%  { transform: scale(1.1, .8); }
  10% { transform: scale(.8, 1.1) translateY(-5px); }
  15% { transform: scale(1, 1); }
}

.drop{
	filter:drop-shadow(0px 0px 1px #888);
}

.coll{
	border-collapse:collapse;
}

.navi_area table{
	border-collapse:collapse;
}

.navi_area img{
	width:80px;
	height:80px;
	filter:drop-shadow(0px 0px 1px #000);
	border:0px;
}

.navi_area img:hover{
	opacity:0.7;
}

.ani{
	-webkit-transition: all .3s;
	transition: all .3s;
}

.fit{
	object-fit:contain;
}