*{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: sans-serif;
}

:root{
	--backgroundcolor:#f5f5f7;
	--backgroundcolor-v2:#f2f2f2;
	--maincolor:#f2cb19;
	--maincolor-d:#ee9800;
	--maincolor-:#f3e5a4;
	--maincolor-link:#2ec86e;
	--maincolor-blue:#16bfef;
	--maincolor-red:#f05456;
	--maincolor-green:#18bf9e;
	--hover-color:#ffaf36;
	
	--lightyellow:#f5f1da;
	--border-lightgray:#ddd;
	--cell-lightgray:#f5f5f7;
	
	--white:white;
	--lightgray:lightgray;
	--dimgray:dimgray;
	
	--fontcolor-main:#333;
	--hp-font-size-basic:1.3rem;
	--rp-font-size-basic:1.4rem;
	
	--pcwidth:1000px;
	
	--boxshadow-nomal:0 0px 5px 0 rgba(0, 0, 0, .2);
	--boxshadow-nomal-mobile:0 0px 5px 0 rgba(0, 0, 0, .1);
	
	--gradation:linear-gradient(to left, #2af598 0%, #4ebbff 100%);
	--gradation-webkit:-webkit-gradient(linear, right top, left top, from(#2af598), to(#4ebbff));
	--gradation-webkit-linear:-webkit-linear-gradient(right, #2af598 0%, #4ebbff 100%);
	
}

a{
	text-decoration: none;
	color: inherit;
	font-size: inherit;
}

@media screen and (max-width:480px){
	table{
		width: 100%;
	}
	#wrapper{
		padding-top: 71px; 
	}
}

@media screen and (min-width:481px){
	

}

.clickable{
	cursor: pointer;
}
.clickable:hover{
	opacity: 0.7;
}