@charset "utf-8";

/**********************************************/
/* 気候変動適応情報プラットフォーム
/* 地域適応コンソーシアム事業　成果報告 詳細
/**********************************************/
/*コンテンツ（枠）*/
#details {
    padding: 20px 20px;
}

/*初期化*/
#details h1,h2,h3,h4,h5,h6 {
    color:initial;
    margin:initial;
    padding:initial;
    border:initial;
    background:initial;
    margin: 30px 0 20px 0;
    font-size: initial;
    
}

#details h1 {
    font-size:30px;
    margin: 0 0 20px;
}

#details h2 {
    font-size:28px;
    font-weight: normal;
    border-top:3px #5fa208 solid;
    background-color:#f5f5f5;
    padding:10px 18px;
    margin-top:20px;
    margin-bottom: 10px;
}
#details h3 {
    font-size:24px;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background: url("../img/h2_conso.gif") no-repeat left center;
    padding: 3px 0 3px 15px;
}
#details h4 {
    font-size:20px;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    background: url("../img/icon_circle.png") no-repeat left center;
    background-size: 20px;
    padding: 1px 0 1px 26px;
}
#details h5 {
    font-size:18px;
    font-weight: normal;
    margin-bottom: 10px;
}
#details h6 {
    font-size:16px;
    font-weight: normal;
}

#details p {
    font-size: initial;
    margin:initial;
    text-indent:1em;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 160%;
}
#details div {
    font-size: initial;
}

#details ul,ol {}

#details ul li ul {
    margin-top: 10px;
    margin-bottom: 10px;
}
#details li {
    font-size: initial;
    margin:initial;
    line-height: 160%;
    margin-bottom: 5px;
}
#details dl,dt,dd {
    font-size: initial;
    line-height: 140%;
}

#details dt {
    margin-bottom: 5px;
}
#details dd {
    margin-left: 1em;
}

#details table {
    font-size: initial;
}
#details table td {
    font-size: initial;
    line-height: 140%;
}
#details table ul,ol {}


/*イタリック*/
i {
 <!--   font-family:serif;-->
}


/*------------------------*/
/*余白*/
/*------------------------*/
#details .mt-10 { margin-top: 10px; }
#details .mt-20 { margin-top: 20px; }
#details .mt-30 { margin-top: 30px; }
#details .mt-40 { margin-top: 40px; }
#details .mt-50 { margin-top: 50px; }
#details .mt-60 { margin-top: 60px; }
#details .mt-70 { margin-top: 70px; }
#details .mt-80 { margin-top: 80px; }
#details .mt-90 { margin-top: 90px; }
#details .mt-100 { margin-top: 100px; }

#details .mb-10 { margin-bottom: 10px; }
#details .mb-20 { margin-bottom: 20px; }
#details .mb-30 { margin-bottom: 30px; }
#details .mb-40 { margin-bottom: 40px; }
#details .mb-50 { margin-bottom: 50px; }
#details .mb-60 { margin-bottom: 60px; }
#details .mb-70 { margin-bottom: 70px; }
#details .mb-80 { margin-bottom: 80px; }
#details .mb-90 { margin-bottom: 90px; }
#details .mb-100 { margin-bottom: 100px; }




/*------------------------*/
/*テキスト*/
/*------------------------*/
#details .txtl{
    text-align: left;
} 
#details .txtr{
    text-align: right;
}
#details .txtc{
    text-align: center;
}


/*------------------------*/
/*テキスサイズト*/
/*------------------------*/
#details .ft-100 { font-size: 100%; }
#details .ft-90 { font-size: 90%; }
#details .ft-80 { font-size: 80%; }



/*------------------------*/
/*図*/
/*------------------------*/
figure {
    margin: 30px 0;
}
figure img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
figcaption {
    text-align: center;
    font-size: initial;
    width: 80%;
    margin: 20px auto;
}
figure p {
    font-size: 100%;
    width: 80%;
    margin: 20px auto;
}
figure div {
    width: 80%;
    font-size: 100%;
    margin: 20px auto;
    line-height: 140%;
}


/*------------------------*/
/*引用 w80%*/
/*------------------------*/
#details .reference {
    width: 80%;
    margin: 20px auto;
    font-size: 100%;
	color:#4F4F4F;
	word-break: break-all;
}
#details .reference p {
    font-size: 100%;
    line-height: 120%;
}
#details .reference div {
    font-size: 100%;
    line-height: 120%;
}
#details .reference div~div {
    margin-top: 20px;
}
#details .reference .notes {
    margin-top: 5px;
}
#details .reference ol {
    margin: 10px 0 0 20px;
    padding: 0;
}


/*------------------------*/
/*引用 w100%*/
/*------------------------*/
#details .reference2 {
    width: 100%;
    margin: 20px auto;
    font-size: 100%;
	color:#4F4F4F;
	word-break: break-all;
}
#details .reference2 p {
    font-size: 100%;
    line-height: 120%;
}
#details .reference2 div {
    font-size: 100%;
    line-height: 120%;
}
#details .reference2 div~div {
    margin-top: 20px;
}
#details .reference2 .notes {
    margin-top: 5px;
}
#details .reference2 ol {
    margin: 10px 0 0 20px;
    padding: 0;
}


/*------------------------*/
/*①②つきリスト*/
/*------------------------*/
#details .list-number {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}
#details .list-number li div {
    display:inline-block;
    vertical-align: top;
    width:98%;
    padding-left: 1%;
}


/*------------------------*/
/*※つきリスト*/
/*------------------------*/
#details ul.notes {
    font-size: initial;
    margin: 20px 0 0 1em;
}
#details ul.notes li {
    font-size:14px;
    margin-top: 3px;
    margin-bottom: 3px;
}


/*------------------------*/
/*論文リスト*/
/*------------------------*/
#details ol.paper {
    margin: 20px 0 0 35px;
    padding: 0;
}



/*------------------------*/
/*表*/
/*------------------------*/
.tbl-report {
    width: 100%;
    border: 1px #bbb solid;
    border-collapse: collapse;    
}
.tbl-report caption {
    text-align: center;
    margin-bottom: 10px;
}

.tbl-report th {
    padding: 10px 10px;
    border: 1px #bbb solid;
    background-color: #f5f5f5;
}
.tbl-report td {
    padding: 10px 10px;
    border: 1px #bbb solid;
    word-break: break-all;
}
.tbl-report td ul {
    margin: 5px 0 5px 1.5em;
    padding: 0;
}


#details .tbl-report p {
    text-indent: 0;
    line-height: 140%;
}

#details .tbl-report .list-number li div {
    width:95%;
}



@media screen and (max-width: 980px) {
    #details .tbl-report td {
        font-size:95%;
    }
}



/*------------------------*/
/*表　スクロール用*/
/*------------------------*/
.scbox {
    overflow: auto;
}

@media screen and (max-width: 980px) {
    .scbox .tbl-report {
        width:1000px;
    }
}



/*----------------------*/
/*カラム*/
/*----------------------*/
.column {
    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;
}

/*2カラム*/
.col2 .col {
    width: 50%;
}


/*------------------------*/
/*表の幅*/
/*------------------------*/
.w-5 {
    width: 5%;
}
.w-10 {
    width: 10%;
}
.w-15 {
    width: 15%;
}
.w-20 {
    width: 20%;
}
.w-25 {
    width: 25%;
}
.w-30 {
    width: 30%;
}
.w-35 {
    width: 35%;
}
.w-40 {
    width: 40%;
}
.w-45 {
    width: 45%;
}
.w-50 {
    width: 50%;
}
.w-55 {
    width: 55%;
}
.w-60 {
    width: 60%;
}
.w-65 {
    width: 65%;
}
.w-70 {
    width: 70%;
}
.w-75 {
    width: 75%;
}
.w-80 {
    width: 80%;
}
.w-85 {
    width: 85%;
}
.w-90 {
    width: 90%;
}
.w-95 {
    width: 95%;
}


/*------------------------*/
/*余白調整*/
/*------------------------*/
#details .mt-10n {
    margin-top: -10px;
}
#details .mt-30 {
    margin-top: 30px;
}

/****************************************/
/*ページ内リンク*/
/****************************************/
#details .pagemenu {
    width:95%;
    margin: 20px auto 10px;
    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;
}
#details .pagemenu li {
    width: 33.3%;
    text-align: left;
    padding: 0;
    margin: 0;
}
#details .pagemenu li a {
    display: inline-block;
    background: url("../img/icon_down.png") no-repeat left center;
    background-size: 15px;
    padding:5px 0px 5px 22px;
    /*color:#0C1C58;*/
    color:#336600;
    font-size: 90%;
    line-height: 140%;
}


/****************************************/
/*ページ見出し*/
/****************************************/
#details .pttl {
    font-size: 24px;
    margin-bottom: 15px;
    /*color:#5fa208;*/
}



/****************************************/
/*概要の出典*/
/****************************************/
#details .origin {
    font-size: 90%;
    text-align: right;
    margin-bottom: -20px;
}

/****************************************/
/*調査結果の注意書き*/
/****************************************/
#details .checklist_note {
    font-size: 90%;
    text-align: right;
    margin-bottom: -10px;
}



/****************************************/
/*基本情報*/
/****************************************/
.tbl-outline {
    width: 100%;
    border-collapse: collapse;
    /*border: 1px #5fa208 solid;
    */
    margin-bottom: 20px;
    border: 1px #ddd solid;
    
}
.tbl-outline th {
    border-right: 1px #bbb dotted;
    text-align: center;
    padding: 5px 5px 5px 10px;
    width: 20%;
    font-weight: normal;
}
.tbl-outline td {
    padding: 8px 15px;
    width: 80%;
}
.tbl-outline tr:nth-child(odd) td {
    background-color: #f5f5f5;
}
.tbl-outline tr:nth-child(odd) th {
    background-color: #f5f5f5;
}



/****************************************/
/*PDFダウンロード*/
/****************************************/
.download {
    margin: 15px 10px 15px 0;
    text-align: center;
    
    display: inline-block;
}
.download a {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	border-radius: 8px;
    font-size: 90%;
    letter-spacing: -0.5px;
    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);
}
.download a[type$="pdf"] {
    background-image:none;
    background:url("../img/icon_pdf_w.png") no-repeat 7px center;
    background-size:24px;
    background-color:#ffcc00;
    color:#000;
    padding: 8px 10px 8px 37px;
}
.download a[type$="pdf"]:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color:#bbb;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
}

/****************************************/
/*ボタン風リンク*/
/****************************************/
.btnlink {
    margin: 15px 10px 15px 0;
    text-align: center;
    
    display: inline-block;
}
.btnlink a {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	border-radius: 8px;
    font-size: 90%;
    letter-spacing: -0.5px;
    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);

    background:url("../img/icon-zip_w.png") no-repeat 9px center;
    background-size:20px;
    background-color:#268B81;
    color:#fff;
    padding: 8px 15px 8px 38px;
}
.btnlink a:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color:#bbb;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
}
.btnlink span {
    letter-spacing: 1px;
}

/****************************************/
/*ボタン風リンク*/
/****************************************/
.btnlink {
    margin: 15px 10px 15px 0;
    text-align: center;
    
    display: inline-block;
}
.btnlink a {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
	border-radius: 8px;
    font-size: 90%;
    letter-spacing: -0.5px;
    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);

    background:url("../img/icon-zip_w.png") no-repeat 9px center;
    background-size:20px;
    background-color:#268B81;
    color:#fff;
    padding: 8px 15px 8px 38px;
}
.btnlink a:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    background-color:#bbb;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
}
.btnlink span {
    letter-spacing: 1px;
}
/****************************************/
/*前のページに戻る*/
/****************************************/
.pageback {
	text-align: center;
	margin: 30px 0 0;
}

.pageback a {
    background-color:#23A6C4;
    color:#fff;
    padding: 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	border-radius: 5px;
}


/****************************************/
/*表 実施体制*/
/****************************************/
.tbl-organization {
    width: 100%;
    border-collapse: collapse;
    border: 1px #bbb solid;
}
.tbl-organization th {
    background-color: #f5f5f5;
    border-bottom: 1px #bbb solid;
    border-right: 1px #bbb dotted;
    text-align: left;

    padding: 10px 10px;
    width: 20%;
    font-weight: normal;
}
.tbl-organization td {
    border-bottom: 1px #bbb solid;
    padding: 10px 10px;
    width: 80%;
}


          
/****************************************/
/*表（tbl-reportを小さめに調整）*/
/****************************************/
/*主に、●▲が入っている表*/
#details .zsmall {
    zoom: 90%;
}
#details .zsmall  caption {
    font-size: 110%;
}

#details .zsmall th {
    padding:5px 3px;
}
#details .zsmall td {
    padding:5px 3px;
}
#details .zsmall span {
    font-size: 80%;
}
#details .zsmall ul {
    margin: 0 0 0 1.5em;
    padding: 0;
}
#details .zsmall li {
    line-height: 140%;
}



/****************************************/
/*表（tbl-reportをグラフ入りに調整）*/
/****************************************/
/*1-2*/
#details .tbl-graph td {
    padding: 10px;
}
#details .tbl-graph td img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}





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

    #details .pagemenu li {
        width: 50%;
    }
    #details .origin {
       font-size: 80%;
        text-align: left;
        margin-bottom: -10px;
    }

    .download {
        margin: 20px 0px;
        display: block;
        text-align: left;
    }
    .download~.download {
        margin-top: 30px;
    }
}

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

    #details {
        padding: 20px 10px;
    }
    #details h1 {
       text-align: left;
       font-size: 22px;
    }
    #details .pttl {
        font-size: 22px;
    }
    #details h2 {
        font-size:20px;
    }
    #details h3 {
        font-size:20px;
    }
    #details h4 {
        font-size:18px;
    }
    #details h5 {
        font-size:16px;
    }
    #details h6 {
        font-size:16px;
    }

    #details .pagemenu {
        width: 100%;
    }
    
    #details .origin {
        font-size: 80%;
        text-align: left;
        margin-bottom: 0px;
    }

    .tbl-outline th {
        width: 28%;
    }
    .tbl-outline td {
        idth: 72%;
    }
}

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

    #details .pagemenu {
        width: 95%;
    }
    #details .pagemenu li {
        width: 50%;
    }
    #details .origin {
        font-size: 80%;
        text-align: left;
        margin-bottom: 10px;
    }
}
/*x-small*/
/*  520px 以下 */
@media screen and (max-width: 520px) { 
    #details .pagemenu li {
        width: 100%;
    }
}

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