@charset "UTF-8";

/*
# =================================================================
# 適応策データベース
# =================================================================
*/

/*********************/
/*表紙ページ*/
/*********************/
/*フィルタリングメニューの枠*/
.controlbox {
    border: 1px #ddd solid;
	padding: 20px;
    margin-bottom: 30px;
}

/*見出し（初期化）*/
.controlbox h3 {
  color:initial;
  margin:initial;
  padding:initial;
  border:initial;
  background:initial;
	
  font-size: 1.2em;
}



/*フィルタリングメニュー*/
.controlbox ul {
    margin: 0;
    padding: 0;
    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;

}
.controlbox li {
    /*width: 23%;*/
    margin: 1%;
    padding: 3px 5px;
	text-align: center;
    background-color: #f5f5f5;
	cursor: pointer;	
	flex-grow:1;
}
.controlbox li:last-child {
    margin: 1%;
}

/*表示件数*/
.controlbox li span {
	font-size: 90%;
}

/*検索窓（DBページ内専用）*/
.page-search {
    margin-top:0px;
	padding:10px 30px;
}

/*現在地*/
.select {
	font-weight: bold;
}

/*リセットボタン*/
#btn-reset {
	text-align: right;
}
#all {
    padding: 15px 20px;
    background-color:#FFDADA;
}
    
/*フィルタリングメニュー:分野別影響＆適応*/
.field {}

/*フィルタリングメニュー:地域別*/
.area {}

#p_area{
    margin-left: 1%;
    margin-top: 0;
}

/*フィルタリング件数*/
#report-count {
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	margin: 30px 0;
}


/*リスト一覧*/
.reportbox {
    width: 100%;
    margin: 0;
    padding: 0;
    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;
}
.reportbox li {
    width: 25%;
    padding: 10px 15px;
	line-height: 140%;
}
.reportbox img {
    width: 100%;
    max-width: 400px;
    display: block;
    margin: 0 auto 20px;
}


/*タイトル*/
.reportbox li a {}

/*分野名*/
.cate-field {
    font-size: 80%;
    margin-top: 10px;
}

/*地域名（★未使用）*/
.cate-area {}


/*Newマーク*/
.newmk {	
	 margin-left: 10px;
}
.reportbox li a .newmk {
     text-decoration: none;
}

.note_col2 {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    flex-direction: column;
}

/*********************/
/*詳細ページ
/*********************/
/*プログラム出力用*/
.text {}

.table-block {
}

/*〇付き数字*/
.list-number {
    margin: 30px 0 30px 20px;
	padding: 0;
	list-style-type: none;
}

/*画像の注釈*/
.note {
	line-height: 140%;
}


/*出典・関連情報を分ける*/
.reference dl~dl {
    border-top: 1px #ddd solid;
    margin-top: 20px;
    padding-top:20px;
}

/*出典・関連情報*/
/*
.reference::before, .reference::after{
	font-family: 'keni8-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.reference {
	width:100%;
	position: relative;
	margin: 2.5em auto 2.5em;
	padding: 20px 50px;
	color: #555;
	background: #f4f4f4;
}
.reference::before, .reference::after {
	position: absolute;
	font-size: 16px;
	color: #999;
}
.reference::before {
	top: 10px;
	left: 10px;
	content: "\e912";
}
.reference::after {
	right: 10px;
	bottom: 10px;
	content: "\e91b";
}

.reference dl {
    margin:10px 0;
	font-size: .8em;
    line-height: 140%;
}
.reference dt {
    margin-bottom: 10px;
    font-size: 1.4rem;
    text-align: left;
    line-height: 2rem;
}
.reference dd {
	margin:0 0 10px 0;
	background:url("../img/icon_link_b.png") no-repeat left 5px;
    padding-left:14px;
}
.reference dd a {
    margin: 0;	
}
.reference dl~dl {
    margin-top: 20px;
}
*/



/****************************/
/*レスポンシブ
/****************************/
@media (min-width: 480px) {

    .reportbox li {
        width: 100%;
		padding: 10px 0;
		overflow: hidden;
		border-bottom: 1px #ddd solid;
    }
	.reportbox img {
        width: 100%;
        max-width: 100px;
        margin: 0 15px 0 0;
        float: left;
    }
/*
	.reference {
	    padding: 20px 30px;
    }
*/
}


@media (min-width: 768px) {

    .reportbox li {
        width: 50%;
		padding: 10px 10px;
		border-bottom-width:0;
    }
    .reportbox img {
        width: 100%;
        max-width: 400px;
        display: block;
        margin: 0 auto 20px;
		float: none;
    }
}


@media (min-width: 920px) {
    .reportbox li {
        width: 33.3%;
		padding: 10px 10px;
    }
	.note_col2 {
    width: 80%;
    flex-direction: row;
}
	.note_col{
    width: 50%;
}

/*
	.reference {
	    padding: 20px 50px;
    }
*/
}


@media (min-width: 1400px) {    

    .reportbox li {
        width: 25%;
        padding: 10px 15px;
    }
/*
    .reference {
	    width:95%;
	}
*/
}


/****************************/
/*印刷用
/****************************/
@media print{
	
.h_fixed {
display: none;	
}

.col2 .keni-sub {
display: none;	
}

.keni-breadcrumb-list_wrap{
display: none;
}
	
.keni-footer_wrap {
display: none;
}
	
.col2 .keni-main{
float: none;
width: auto;
margin-top: -140px;
}	

}