/* https://qiita.com/myzkyy/items/5f735808b45ba8dbf588*/
/*
[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.5em;
}
rt {
    display: none;
}
*/
div.yourdata {
 text-align: center;
 font-size:16pt;
}
div.fortune_city {
 background: #bbb;
 text-align: center;
 font-size:16pt;
 color: #fff;
}
div.title {
 /*position:absolute;*/
 width: 100%;
}
/*div.city_name a:link { color: #ff0000; }*/
div.city_name {
 height: 2em;
 font-size:16pt;
 text-align: center;
 vertical-align: bottom;
}
div.city_name a{
 color: #ff0000;
}

div.city_copy {
 text-align: center;
 font-size:16pt;
 color: #0000ff;
}
div.data_input{
	margin-left: auto;
	margin-right: auto;
	font-size:14pt;
	/*background: blue;*/
}
div.cityfooter{
	margin-left: auto;
	margin-right: auto;
	font-size:16pt;
	/*width:80%;	*/
	background: yellow;
	text-align: center
}
/*
table.form_table{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: yellow;
}
*/
@media all and (max-width: 720px)
{
div.city_copy {
 text-align: center;
 font-size:14pt;
 color: #0000ff;
}
div.city_name {
 height: 2em;
 font-size:14pt;
 text-align: center;
 vertical-align: bottom;
}
div.fortune_city {
 background: #bbb;
 text-align: center;
 font-size:14pt;
 color: #fff;
}
div.cityfooter{
	margin-left: auto;
	margin-right: auto;
	font-size:14pt;
	/*width:80%;	*/
	background: yellow;
	text-align: center
}
}