@charaset "UTF-8";

#flag {
	text-align: center;
	margin-bottom: 0;
	}
#flag img {
	width: 150px;
	}
	
h2 {
	background-color: rgba(0,0,0,0);
	color: #333;
	font-size: 150%;
	text-align: center;
	line-height: 160%;
	padding: 0;
	margin: 0;

	text-shadow: 0 -1px 0 rgba(0,0,0,0);
	}

.title-sub {
	color: #538BC5;
	text-align: left;
	font-size: 90%;
	line-height: 100%;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 0.5em;
	}
.title-sub span {
	background-color: #fff;
	position: relative;
	bottom: -0.5em;
	padding-right: 10px;
	}

.name-sub {
	text-align: center;
	font-weight: bold;
	margin-top: 0px;
	}

/*　国連・承認アイコン　*/

li.info-un,
li.info-jp {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 47px;
	padding-left: 25px;
	
	display: inline-block;
	margin-bottom: 0.8em;
	margin-right: 2em;
	}
li.info-un {
	background-image: url(../../../topics/world/images/un.png) ;
	}
li.info-jp {
	background-image: url(../../../topics/world/images/jp.png) ;
	background-position: -23px;
	}


/*　ウェブ用　*/

.area01 {
	background-image: url(../../../images/topic_icon/icon_world001@2x.png);
	}
.area02 {
	background-image: url(../../../images/topic_icon/icon_world002@2x.png);
	}
.area03 {
	background-image: url(../../../images/topic_icon/icon_world003@2x.png);
	}
.area04 {
	background-image: url(../../../images/topic_icon/icon_world004@2x.png);
	}
.area05 {
	background-image: url(../../../images/topic_icon/icon_world005@2x.png);
	}
.area06 {
	background-image: url(../../../images/topic_icon/icon_world006@2x.png);
	}

.btn-world-list a {
	color: #fff;
	display: block;
	width: 180px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #b2c18b;
	position: relative;
	left: 528px;
	top: -35px;
	
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	}
.btn-world-list span {
	background-image:url(../../../images/btn_back.png);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: left center;
	padding-left: 20px;
	}

@media (min-width: 568px) {
	
#flag {
	float: left;
	width: 38%;
	}
#flag img {
	width: 140px;
	}
.country-name {
	float: right;
	width: 62%;
	}
	
}

@media (min-width: 703px) {
	
#flag img {
	width: 170px;
	}
	
}

@media (min-width: 768px) {
	
#flag img {
	width: 230px;
	}
	
}



@media (max-width: 1024px) {
	
.btn-world-list a {
	left: 75%;
	top: -35px;
	}
	
}

@media (max-width: 768px) {
	
.btn-world-list a {
	left: 70%;
	}
	
}

@media (max-width: 600px) {
	
.btn-world-list a {
	left: 65%;
	}
	
}

@media (max-width: 480px) {

h1.no-nav {
	-moz-border-radius: 4px 4px 4px 0;
	-webkit-border-radius: 4px 4px 4px 0;
	border-radius: 4px 4px 4px 0;
	}
	
.btn-world-list a {
	width: 180px;
	height: 30px;
	line-height: 30px;
	left: 2%;
	top: 0px;
	margin-bottom:10px;
	
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	}
	
}

@media (max-width: 380px) {
	
.btn-world-list a {
	left: 3%;
	}
	
}