html {
	font-size: 100%;
}

body {
	text-align: left;
	font-family: system-ui, -apple-system, BlinkMacSystemFont,
		"Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	line-height: 1.7;
	margin: 0;
	padding: 1rem;
	font-size: clamp(16px, 4vw, 18px);
}

img {
	border: solid 1px #777777;
}

table {
	text-align: center;
}

a {
	text-decoration: none;
	overflow: hidden;
}

a:link, a:visited {
	color: rgb(0, 68, 204);
}

a:hover, a:focus, a:active {
	color: rgb(232, 0, 17);
	text-decoration: underline;
}

table {
	border: 1px solid;
}

th, td {
	padding: 1px;
}

input, select, textarea {
	padding: 2px;
}

#loading {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.8;
}
 
#loading .loadingMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 140px;
	background: url('/loading-small.gif') center center no-repeat;
}

/* RESPONSIVE setting
------------------------------------------------------------*/
/* iPad and Android */
@media only screen and (min-width: 768px){
	#oFXTWEETVIEW {
		width: auto;
		height: auto;
		margin: 2px;
		padding: 2px;
        	font-size: 80%;
	}
}
/* PC */
@media only screen and (min-width: 1200px){
	#oFXTWEETVIEW {
		width: 80%;
		height: auto;
		margin: 2px;
		padding: 2px;
        	font-size: 100%;
	}
}
/* iPhone SE */
@media only screen and (max-width: 480px){
	#oFXTWEETVIEW {
		width: auto;
		height: auto;
		margin: 2px;
		padding: 2px;
        	font-size: 80%;
	}
}