/*** for All ***/
body {
	-webkit-text-size-adjust: 100%;
}
/* header */
#breadcrumbs {
	text-align: center;
}

/* footer */
#footer {
	text-align: center;
}

/* cotents */
#contents {
	text-align: center;
}


/*** for TAB and PC ***/
@media all and (min-width: 768px){
	/* for Calendar Page */
	#calendar td {
		padding: 5px;
	}

	/* for  History Page */
	#history {
		border-spacing: 5px !important;
		border-collapse: separate;
	}
}


/*** for TAB ***/
@media all and (min-width: 768px) and (max-width: 1024px){
	
	/* for Calendar Page */
	#calendar  td {
		padding: 5px;
	}

	/* for  History Page */
	#history {
		border-spacing: 5px !important;
		border-collapse: separate;
	}
}


/*** for SP ***/
@media all and (max-width: 767px){
	* {
		box-sizing: border-box;
	}
	body {
		min-width: 320px;
		margin: 0;
		padding: 8px;
	}


	/* header */

	#breadcrumbs {
		max-width: 100%;
		text-align: right;
	}
	#breadcrumbs table ,
	#breadcrumbs table > tbody ,
	#breadcrumbs table > tbody > tr ,
	#breadcrumbs table > tbody > tr > td {
		display: block;
		width: 100%;
	}
	h1 > img {
		max-width: 100%;
		height: auto;
	}
	#head2 {
		width: 100%;
		max-width: 100%;
	}
	#head2 table ,
	#head2 table > tbody ,
	#head2 table > tbody > tr ,
	#head2 table > tbody > tr > td {
		display: block;
		width: 100%;
	}


	/* footer */

	#footer {
		max-width: 100%;
	}

	#footer > table {
		width: 100%;
	}
	#footer > table a img{
		float: none;
	}


	/* cotents */

	#contents {
		max-width: 100%;
	}
	#contents img{
		max-width: 100%;
		height: auto;
	}

	/* for Index Page */
	#indexlist {
		display: block;
		max-width: 100%;
	}
	#indexlist > tbody {
		display: block;
	}
	#indexlist > tbody > tr {
		display: block;
	}
	#indexlist > tbody > tr > td {
		display: block;
		width: 100%;
	}
	#indexlist > tbody > tr > td:nth-child(1),
	#indexlist > tbody > tr > td:nth-child(4) {
		height: 2px;
	}
	#indexlist > tbody > tr > td:nth-child(3) {
		display: none;
	}

	/* for Map Page */
	#jmap img{
		width: 100% !important;
		max-width: 494px !important;
		height: auto !important;
	}

	/* for Nature Page */
	#nature {
		width: 100%;
		max-width: 550px;
		table-layout: fixed;
	}
	#nature > tbody > tr > td:nth-child(1) {
		width: auto;
	}
	#nature > tbody > tr > td:nth-child(3) {
		width: 45%;
	}

	/* for Culture Page */
	#culture {
		width: 100%;
		max-width: 550px;
	}
	#culture > tbody > tr > td {
		width: 100%;
	}

	/* for Economy Page */
	#economy {
		width: 100%;
		max-width: 550px;
	}
	#economy > tbody > tr > td {
		width: 100%;
	}

	/* for Government Page */
	#government {
		width: 100%;
		max-width: 550px;
	}
	#government > tbody > tr > td {
		width: 100%;
	}

	/* for  History Page */
	#history {
		width: 100%;
		max-width: 550px;
		border-spacing: 0px !important;
		border-collapse: separate;
	}
	#history td img.img_spacer1 {
		width : 1px !important;
		height : 1px !important;
	}
	#contents #history img{
		width: 100%;
		height: auto;
	}
	.max_width149 {
		max-width: 149px !important;
	}

	/* for Housing Page */
	#housing {
		width: 100%;
		max-width: 550px;
	}
	#housing > tbody > tr > td {
		width: 100%;
	}

	/* for Imperial family Page */
	#imperial {
		width: 100%;
		max-width: 550px;
	}
	#imperial > tbody > tr > td {
		width: 100%;
	}
	.tbl_imperial {
		width: 100%;
		max-width: 405px;
	}

	/* for Language Page*/
	#language {
		width: 100%;
		max-width: 550px;
	}
	#language > tbody > tr > td {
		width: 100%;
	}

	/* for Flag and anthem Page*/
	#national {
		width: 100%;
		max-width: 550px;
	}
	#national > tbody > tr > td {
		width: 100%;
	}

	/* For Regions Page */
	#regions {
		width: 100%;
		max-width: 550px;
	}
	#regions > tbody > tr > td {
		width: 100%;
	}

	/* For School Page */
	#schools {
		width: 100%;
		max-width: 550px;
	}
	#schools > tbody > tr > td {
		width: 100%;
	}
	.img_width244 {
		width: 244px !important;
	}

	/* For Calendar Page */
	#calendar {
		width: 100%;
		max-width: 550px;
	}
	#calendar > tbody > tr > td {
		padding: 5px 3px;
	}

	#calendar td img.img_spacer10 {
		width : 1px !important;
		height : 10px !important;
	}
	#contents #calendar img{
		width: 100%;
		height: auto;
	}
	.max_width136 {
		max-width: 136px !important;
	}
	.max_width150 {
		max-width: 150px !important;
	}
	.max_width200 {
		max-width: 200px !important;
	}
	/* For Map Page */
	#map {
		width: 100%;
		max-width: 494px;
	}
	#map > tbody > tr > td {
		width: 100%;
		background-size: 100%;
	}
	#map > tbody > tr > td > a {
		width: 100% !important;
	}
	/* general */
	.div_right, .div_left {
		width: 45% !important;
	}

	.tbl_right, .tbl_left {
		width: 100% !important;
	}
	.tbl_right td:nth-child(2),
	.tbl_left td:nth-child(1)  {
		width: auto !important;
	}
	.tbl_right td img, .tbl_left td img{
		width: 100% !important;
		height: auto !important;
	}
	.tbl_right td img.img_spacer,
	.tbl_left td img.img_spacer {
		width: 100% !important;
		height: 10px !important;
	}

	.to_wfluid {
		width: 100%;
		height: auto;
	}

	.right190 {
		max-width: 190px !important;
	}
	.left200 {
		max-width: 200px !important;
	}
	.left210, .right210 {
		max-width: 210px !important;
	}
	.left260, .right260 {
		max-width: 260px !important;
	}
}