@charset "utf-8";

/**********************************************/
/* 気候変動適応情報プラットフォーム
/* 地域適応コンソーシアム事業　成果報告 表紙
/**********************************************/
.tbl-report {
    width: 100%;
    border-collapse: collapse;
}
.tbl-report th {
    border-right: 1px #fff solid;
    background-color: #ddd;
    background-color:#23A6C4;
    color:#fff;
    padding: 10px 5px;
    font-size: initial;
    font-weight: normal;
}
.tbl-report td {
    font-size: initial;
    line-height: 140%;
    padding: 5px;
    border-bottom: 1px #ddd solid;
    border-right: 1px #ddd dotted;
}

.reportnum { width:5%;}
.reportname { width:45%; }
.area { width:16%; }
.type { width:10%; }
.field { width:24%; }

.tbl-report td.area { font-size:100%; }
.tbl-report td.type { font-size:100%; }
.tbl-report td.field { font-size:100%; }
/*
.tbl-report tr:nth-child(odd) td {
    background-color: #f5f5f5;
}
*/

/*縞模様*/
.odd td {
    background-color: #f5f5f5;
}

#list-ttl {
    /*border: 1px #ddd solid;*/
}
#list {
    border: 1px #ddd solid;
}




/*（１）地域／分野の選択*/
.typemenu {
    width: 100%;
    margin: 40px 0 20px 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
.typemenu li {
    float: left;
    width: 40%;
    margin: 0 5%;
    text-align: center;
    font-size: initial;
}
.typemenu li a {
    display: block;
    padding: 15px 10px;
    border: 2px #23A6C4 solid;
    color:#23A6C4;
    font-weight: ;
    font-size: 26px;
}
.typemenu li a.selected {
    /*background-color: #ddd;*/
    background-color:#23A6C4;
    border: 2px #23A6C4 solid;
    color:#fff;
    position:relative;
    margin-bottom:10px;
}
.typemenu li a.selected::after {
    border-top: 11px solid #23A6C4;
    border-right: 16px solid transparent;
    border-left: 16px solid transparent;
    content: '';
    margin-left: -16px;
    position: absolute;
    bottom: -10px;
    left: 50%;
}


/*（２）サブカテゴリー*/
.search-box {
    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;

    background-color: #CAEEF6;
    padding: 10px 20px;
    min-height: 100px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	border-radius: 8px;
}


/*（３）検索詳細*/
.search-box .typebox {}
.search-box .typebox label {
    display: inline-block;
    /*width: 21%;*/
    width: 28%;
    margin: 1% 1.5%;
    white-space: nowrap;
    font-size: initial;
}
.search-box .typebox input[type=radio] {
	width:			14px;
	height:			14px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
	margin-right: 10px;
}

/*地域*/
#tab-area {}

/*分野*/
#tab-field {}



/*絞込み用*/
.is-hide {
    display: none;
}
.is-hidden {
    display: none;
}






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

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

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

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

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