@charset "utf-8";

/* 関連リンクレイアウト */

/*PC専用*/
@media screen and (min-width: 571px) {
	header {
		width: 650px;
		margin: 15px 15px 0 15px;
	}

	div h3 {
		border-bottom: 1px solid #000000;
		margin-bottom: 1em;
	}

	table {
		float: left;
		margin-bottom: 10px;
	}

	table td {
		width: 50%;
		background-color: transparent;
		padding:0;
		vertical-align: text-top;
	}

	a.linker {
		margin: 0 0 0 1rem;
		font-size: 95%;
	}
	
	.other {
		padding-top: 1.5em;
	}

	.town_l p,
	.town_r p{
		margin: .5rem 0 0 .5rem;
	}

	.town_l {
		padding: 0 0 1rem 0;
	}

	.town_r {
		padding-left: 1em;
	}
}


/*--  スマホ  --*/
@media screen and (max-width: 570px) {
	header {
		width: 100%;
	}

	header img {
		width: 100% ;
	}

	div h3 {
		border-bottom: 1px solid #000000;
		margin-bottom: 1.5%;
	}

	table {
		margin-bottom: 10px;
	}

	table td {
		width: 90%;
		background-color: transparent;
		padding:0;
		vertical-align: text-top;
	}

	a.linker {
		margin: 0 0 0 1rem;
		font-size: 95%;
	}
	
	.other {
		padding-top: 1.5em;
	}

	.town_l p,
	.town_r p{
		margin: .5rem 0 0 .5rem;
	}

	.town_l {
		padding: 0 0 1rem 0;
	}

	.town_r {
		padding: 0 0 1rem 0;
	}
}