@charset "utf-8";
/****************************************************************************************************

地域

****************************************************************************************************/
@media print, screen and (min-width:737px){
}
@media print, screen and (min-width:769px){
}
@media print, screen and (min-width:1200px){
}
/****************************************************************************************************


****************************************************************************************************/
.contents.-list{
    padding-top: 20px;
    padding-bottom: 20px;
}
@media print, screen and (min-width:737px){
.contents.-list{
    padding-top: 40px;
    padding-bottom: 40px;
}
}
/****************************************************************************************************

検索ボックスリスト

****************************************************************************************************/
.listSearch__block{
    padding: 10px 10px 5px;
}
@media print, screen and (min-width:737px){
.listSearch__block{
    padding: 20px 10px 10px;
}
}
/*--------------------------------------------------
--------------------------------------------------*/
.chiikiSearch__list.-cat{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
/*--------------------------------------------------
--------------------------------------------------*/
.chiikiSearch__list.-cat .listSearch__item{
    margin: 0 2px 2px;
    border-radius: 10px;
    border: 1px solid #666;
    width: calc( 30% );
}
@media print, screen and (min-width:737px){
.chiikiSearch__list.-cat .listSearch__item{
    margin: 0 5px 15px;
    width: calc( 148 / 960 * 100% );
}
}

    .listSearch__item:last-child{ margin-bottom: 2px !important; }
@media print, screen and (min-width:737px){
    .listSearch__item:last-child{ margin-bottom: 15px !important; }
}

    .chiikiSearch__list.-cat .listSearch__item.-active{
        background-color: #F9F3E3;
        border: 1px solid #DFA500;
    }
    .chiikiSearch__list.-cat .listSearch__item:hover{
        background-color: #F9F3E3;
        border: 1px solid #DFA500;
    }

.chiikiSearch__list.-cat .listSearch__anchor{
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
}
@media print, screen and (min-width:737px){
.chiikiSearch__list.-cat .listSearch__anchor{
    padding: 15px;
}
}
/*------------------------------------------------------------------------------------------
SDGsから探す
------------------------------------------------------------------------------------------*/
.seedsSearch__list.-sdgs{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
@media print, screen and (min-width:737px){
.seedsSearch__list.-sdgs{
    padding: 0 45px;
}
}


.seedsSearch__list.-sdgs .listSearch__item{
    margin: 0 2px 5px;
    width: calc( 30% );
}
@media print, screen and (min-width:737px){
.seedsSearch__list.-sdgs .listSearch__item{
    margin-right: calc( 10 / 840 * 100% );
    margin-left: calc( 10 / 840 * 100% );
    margin-bottom: calc( 20 / 840 * 100% );
    width: calc( 120 / 840 * 100% );
}
}
/*--------------------------------------------------
sdgs
--------------------------------------------------*/
.listSearch__item .listSearch__itemImg.-sleep{ display: inline; }
.listSearch__item .listSearch__itemImg.-active{ display: none; }

.listSearch__item.-active .listSearch__itemImg.-sleep{ display: none; }
.listSearch__item.-active .listSearch__itemImg.-active{ display: inline; }
/****************************************************************************************************

表組み

****************************************************************************************************/
.chiikiTable{
    line-height: 1.5;
}
@media print, screen and (min-width:737px){
.chiikiTable{
    font-size: 1.4rem;
}
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.chiikiTableCol.-col1{}
.chiikiTableCol.-col2{}
.chiikiTableCol.-col3{}
.chiikiTableCol.-col4{}
@media print, screen and (min-width:737px){
.chiikiTableCol.-col1{ width: auto; }
.chiikiTableCol.-col2{ width: 140px; }
.chiikiTableCol.-col3{ width: 140px; }
.chiikiTableCol.-col4{ width: 200px; }
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.chiikiTable thead{ display: none; }
.chiikiTable thead th{
    background-color: #FBF1E8;
}
@media print, screen and (min-width:737px){
.chiikiTable thead{ display: table-header-group; }
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.chiikiTable tbody tr{
    display: flex;
    flex-wrap: wrap;
    
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    background-color: #fff;
}

    .chiikiTable tbody tr.-rowspan{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .chiikiTable tbody tr.-rowspan.-last{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
.chiikiTable tbody td{
    display: block;
}
@media print, screen and (min-width:737px){
.chiikiTable tbody tr{ display: table-row; }
.chiikiTable tbody td{ display: table-cell; }
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.chiikiTable .cell.-cell1{ padding-top: 10px; }
.chiikiTable .cell.-cell2{}
.chiikiTable .cell.-cell3{ padding-bottom: 10px; }
@media print, screen and (min-width:737px){
.chiikiTable .cell.-cell1{ padding-top: 5px; }
.chiikiTable .cell.-cell3{ padding-bottom: 0; }
}

.chiikiTable tbody .cell.-cell1,
.chiikiTable tbody .cell.-cell2,
.chiikiTable tbody .cell.-cell3{
    border: none;
    border-bottom: 2px dotted #ccc;
}
    .chiikiTable tbody .cell.-cell1{
    }
    .chiikiTable tbody .cell.-cell3{
    }
    .chiikiTable tbody .cell.-cell4{
        border: none;
    }
    .chiikiTable tbody tr.-rowspan .cell.-cell3{
        border-bottom: 2px dotted #ccc;
    }
@media print, screen and (min-width:737px){
.chiikiTable tbody .cell.-cell1,
.chiikiTable tbody .cell.-cell2,
.chiikiTable tbody .cell.-cell3,
.chiikiTable tbody .cell.-cell4{
    border: 1px solid #ccc;
}
    .chiikiTable tbody tr.-rowspan .cell.-cell3{
        border-bottom: 1px solid #ccc;
    }
}

    .chiikiTable tbody .cell::before{
        display: block;
        margin-bottom: 2px;
        font-weight: bold;
    }
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
    .chiikiTable tbody .cell.-cell1::before{ content: 'テーマ名：'; }
    .chiikiTable tbody .cell.-cell2::before{ content: '所属：'; }
    .chiikiTable tbody .cell.-cell3::before{ content: '研究者名・団体名：'; }
    .chiikiTable tbody .cell.-cell4::before{ content: 'SDGs：'; }
@media print, screen and (min-width:737px){
    .chiikiTable tbody .cell.-cell1::before,
    .chiikiTable tbody .cell.-cell2::before,
    .chiikiTable tbody .cell.-cell3::before,
    .chiikiTable tbody .cell.-cell4::before{ display: none; }
}
/*------------------------------------------------------------------------------------------
テーマ名
------------------------------------------------------------------------------------------*/
.chiikiTable tbody .cell.-cell1{
    width: 100%;
}
@media print, screen and (min-width:737px){
.chiikiTable tbody .cell.-cell1{
    width: auto;
}
}
/*------------------------------------------------------------------------------------------
所属
------------------------------------------------------------------------------------------*/
.chiikiTable tbody .cell.-cell2{
    margin-right: 10px;
    width: calc(50% - 10px);
    font-size: 1.35rem;
}
@media print, screen and (min-width:737px){
.chiikiTable tbody .cell.-cell2{
    margin: 0;
    width: auto;
    font-size: 1.4rem;
}
}
/*------------------------------------------------------------------------------------------
研究者名
------------------------------------------------------------------------------------------*/
.chiikiTable tbody .cell.-cell3{
    width: calc(50% - 10px);
}
@media print, screen and (min-width:737px){
.chiikiTable tbody .cell.-cell3{
    width: auto;
}
}
/*------------------------------------------------------------------------------------------
SDGs
------------------------------------------------------------------------------------------*/
.chiikiTable tbody .cell.-cell4{
}

.searchTableRow.-rowspan .cell.-cell4{
    display: none;
}
@media print, screen and (min-width:737px){
.searchTableRow.-rowspan .cell.-cell4{
    display: table-cell;
}
}

.searchTableRow.-rowspan.-last .cell.-cell4{
    display: block;
}
@media print, screen and (min-width:737px){
.searchTableRow.-rowspan.-last .cell.-cell4{
    display: none;
}
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.chiikiTable img{
    margin-right: 5px;
    margin-bottom: 5px;
    width: 30px;
}
    .chiikiTable img:last-child{ margin-bottom: 5px !important; }
@media print, screen and (min-width:737px){
.chiikiTable img{
    width: 50px;
}
}

/*------------------------------------------------------------------------------------------
9/23追加　穂高
------------------------------------------------------------------------------------------*/
.box {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #CC0000;
	text-align:center;
}
.box p {
    margin: 0; 
    padding: 0;
}
/****************************************************************************************************



****************************************************************************************************/
.noData{
    display: none;
    padding: 10px;
    border: 2px dotted #333;
    text-align: center;
    font-weight: bold;
}
@media print, screen and (min-width:737px){
.noData{
    padding: 20px 10px;
}
}
/****************************************************************************************************



****************************************************************************************************/
.new{
    display: inline-block;
    margin-left: 10px;
    padding: 0 5px;
    background-color: #f00;
    border-radius: 5px;
    color: #fff;
    font-size: 1.0rem;
}
@media print, screen and (min-width:737px){
.new{
    font-size: 1.2rem;
}
}