@charset "utf-8";

/*リストのヘッド*/
.area_bar{
	background: #bfcce4;
}
dl.area_listHead{
	display: -webkit-flex;
    display: flex;
}
dl.area_listHead dt{
	font-weight: bold;
	padding: .8em 1.6em;
	width: 30%;
	
}
dl.area_listHead dd{
	font-weight: bold;
	padding: .8em 1.6em;
	width: 70%;
	box-sizing: border-box;
}

/*リスト構成*/
dl.area_list{
	display: -webkit-flex;
    display: flex;
    border-bottom: solid 1px #c8cfd9;
}
dl.area_list dt{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 1.6em 1.6em 0;
	width: 30%;
}
dl.area_list dd{
	width: 70%;
	padding: 1.6em 1.6em .6em;
	box-sizing: border-box;
}
dl.area_list ul{

}
dl.area_list ul li{
	margin-bottom: 1.2em;
}

@media print, screen and (min-width: 768px){
/* ================================================
画面幅が768px以上の場合の表示設定
================================================ */
/*国名部の写真*/
dl.area_list dt figure{
	width: 100%;
	margin: 18px 0 0 0;
}
dl.area_list dt figcaption{
	font-size: 1.5rem;
	font-weight: normal;
}
/*イントロメッセージ文*/
.leadtext{
	font-size: 1.8rem;
	margin-bottom: 1.2em!important;
}
}


@media print, screen and (max-width: 767px){
/* ================================================
画面幅が768px未満の場合の表示設定
================================================ */
/*インデックスページ：リンクリストブロックの下線*/
.group_linkList{
	padding-bottom: 20px;
	border-bottom: solid 2px #657eae;
	margin-bottom: 20px;
}
/*リスト構成*/
dl.area_listHead dt{
	font-weight: bold;
	padding: .8em 1.6em;
	width: 40%;
	
}
dl.area_listHead dd{
	display: none;
}
dl.area_list{
    display: block;
    border-bottom: solid 1px #c8cfd9;
}
dl.area_list dt{
	font-weight: bold;
	padding: 1.6em 0 0 0;
	width: 100%;
	font-size: 1.6rem;
}
dl.area_list dd{
	width: 100%;
	padding: 1em 0 .6em 1em;
	box-sizing: border-box;
}
dl.area_list ul{

}
dl.area_list ul li{
	margin-bottom: 1.3em;
	border-left: solid 6px #c2c3c5;
	padding-left: 10px;
	line-height: 1.5;
}
/*国名部の写真*/
dl.area_list dt figure{
	width: 80%;
	margin: 20px auto 0;
}
dl.area_list dt figcaption{
	font-size: 1.4rem;
	font-weight: normal;
}
/*イントロメッセージ文*/
.leadtext{
	font-size: 1.6rem;
	margin-bottom: 1em!important;
}

}