@charset "utf-8";

/**********************************************/
/* 気候変動適応情報プラットフォーム
/* 地域適応コンソーシアム事業　データダウンロード
/**********************************************/
/******************************/
/*はじめにお読みください*/
/******************************/
.memo{
	/*border:1px solid #747474;*/
	background-color: #f5f5f5;
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-top: 1px;
}
.memo p{
	margin-bottom:0px;
	padding-bottom: 0px;
}
.memo .manual{
	width:100%;
    margin: 0;
    padding: 0 0 1%;
    list-style-type: none;
    overflow: hidden;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.memo .manual li {
    width:20%;
	margin: 1% 1% 1% 3%;

}
.memo .manual li span {
    display: inline-block;
	width: 50%;
	margin: 0;
	padding: 0;
}

.memo .manual li a {
	display: block;
    /*background:url("../img/ico_zip.png") no-repeat 96% center;*/
    background-size:20px;
	
    background-color: #445B8D;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px;
	color: #f5f5f5; /*#6b9202*/
	font-weight: 600;

    text-decoration: none;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
	
	padding:13px 10px;
}
.memo .manual li a:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color:#f5f5f5;/*#344DCF*/
	color:#445B8D;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    /*-webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;*/
}
.memo .manual li:last-child {
	height: 100%;
}
.memo .manual li a.bg_z{
	color:#ED73D2;
    background:url("../img/icon_zip_00.png") no-repeat 96% center;
    background-size:20px;
    background-color: #fff;
}


/******************************/
/*一覧*/
/******************************/
.list-area {
    width:100%;
    margin: 0;
    padding: 0 0 1%;
    list-style-type: none;
    overflow: hidden;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.list-area li {
    width:23%;
	margin: 1%;

}
.list-area li span {
    display: inline-block;
	width: 50%;
	margin: 0;
	padding: 0;
}

.list-area li a {
	display: block;
    /*background:url("../img/ico_zip.png") no-repeat 96% center;*/
    background-size:20px;
	
    background-color: #f5f5f5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	border-radius: 3px;
	/*color: #6b9202;*/
	font-weight: 600;

    text-decoration: none;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
	
	padding:15px 10px;
}
.list-area li a:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    /*background-color:#6b9202;*/
	color:#fff;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
}
.list-area li:last-child {
	height: 100%;
}

/*▼▼2020.9.14ここから追加▼▼*/
.file_dl{
	font-size:0.7rem;
}
/*▼▼2020.8.11ここから追加▼▼*/
/*全国*/
.list-area li a.bg_z{
	color:#ED73D2;
    background:url("../img/icon_zip_00.png") no-repeat 96% center;
    background-size:20px;
    background-color: #f5f5f5;
}

.list-area li a:hover.bg_z{
	color:#fff;
	background-color: #ED73D2!important;
	background:url("../img/icon_zip_hover.png") no-repeat 96% center;
	background-size:20px;
}


/*北海道・東北*/
.list-area li a.bg_h-t{
	color:#32C7BF;
    background:url("../img/icon_zip_01.png") no-repeat 96% center;
    background-size:20px;
    background-color: #f5f5f5;
}

.list-area li a:hover.bg_h-t{
	color:#fff;
	background-color: #32C7BF!important;
	background:url("../img/icon_zip_hover.png") no-repeat 96% center;
	background-size:20px;
}

/*関東*/
.list-area li a.bg_ka{
	color:#20988C;
    background:url("../img/icon_zip_02.png") no-repeat 96% center;
    background-size:20px;
    background-color: #f5f5f5;
}

.list-area li a:hover.bg_ka{
	color:#fff;
	background-color: #20988C!important;
	background:url("../img/icon_zip_hover.png") no-repeat 96% center;
	background-size:20px;
}


/*中部*/
.list-area li a.bg_ch{
	color:#84CB58;
    background:url("../img/icon_zip_03.png") no-repeat 96% center;
    background-size:20px;
    background-color: #f5f5f5;
}

.list-area li a:hover.bg_ch{
	color:#fff;
	background-color: #84CB58!important;
	background:url("../img/icon_zip_hover.png") no-repeat 96% center;
	background-size:20px;
}

/*近畿*/
.list-area li a.bg_ki{
	color:#5DA02F;
    background:url("../img/icon_zip_04.png") no-repeat 96% center;
    background-size:20px;
    background-color: #f5f5f5;
}

.list-area li a:hover.bg_ki{
	color:#fff;
	background-color: #5DA02F!important;
	background:url("../img/icon_zip_hover.png") no-repeat 96% center;
	background-size:20px;
}

/*中国・四国*/
.list-area li a.bg_ch-sh{
	color:#CFC61D;
    background:url("../img/icon_zip_05.png") no-repeat 96% center;
    background-size:20px;
    background-color: #f5f5f5;
}

.list-area li a:hover.bg_ch-sh{
	color:#fff;
	background-color: #CFC61D!important;
	background:url("../img/icon_zip_hover.png") no-repeat 96% center;
	background-size:20px;
}
/*九州・沖縄*/
.list-area li a.bg_ky-o{
	color:#CB9A2B;
    background:url("../img/icon_zip_06.png") no-repeat 96% center;
    background-size:20px;
    background-color: #f5f5f5;
}

.list-area li a:hover.bg_ky-o{
	color:#fff;
	background-color: #CB9A2B!important;
	background:url("../img/icon_zip_hover.png") no-repeat 96% center;
	background-size:20px;
}
/*▲▲ ここまで　▲▲*/


/****************************/
/*レスポンシブ
/****************************/
/*large*/
/*  980px 以下 */
@media screen and (max-width: 980px) {
}



/*normal*/
/*  768px 以下 */
@media screen and (max-width: 768px) {

    .list-area2 li {
        width:31.333%;
    }

	.list-area li {
        width:31.333%;
    }
}

/*x-small*/
/*  520px 以下 */
@media screen and (max-width: 520px) {

    .list-area2 li {
        width:48%;
    }
    .list-area li {
        width:48%;
    }
 }