@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.-odd .contents__mainInner::before{
    top: 160px;
}
/****************************************************************************************************

導入部分

****************************************************************************************************/
.seeds__intro{
    margin-bottom: 20px;
}
@media print, screen and (min-width:737px){
.seeds__intro{
    margin-bottom: 40px;
}
}

/*
アイコン
*/
.pickupIcon{
    margin-right: 5px;
    width: 30px;
}
@media print, screen and (min-width:737px){
.pickupIcon{
    width: 40px;
}
}
/****************************************************************************************************

検索方法

****************************************************************************************************/
/*------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------*/
.seedsSearch__list{
}
@media print, screen and (min-width:737px){
.seedsSearch__list{
    font-size: 1.4rem;
}
}

.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.-cat .listSearch__item{
    display: inline-block;
    margin: 0 2px 5px;
}
/*------------------------------------------------------------------------------------------
SDGsから探す
------------------------------------------------------------------------------------------*/
.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% );
}
}
/*------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------*/
.listSearch__anchor{
}
.seedsSearch__list.-cat .listSearch__anchor{
    display: block;
    padding: 0 15px;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid #666;
}
.seedsSearch__list.-cat .listSearch__item .listSearch__anchor:link,
.seedsSearch__list.-cat .listSearch__item .listSearch__anchor:visited{
    color: #333;
}

.seedsSearch__list.-cat .listSearch__item.-active .listSearch__anchor{
    background-color: #F19537;
    border: 1px solid #F19537;
}
.seedsSearch__list.-cat .listSearch__item.-active .listSearch__anchor:link,
.seedsSearch__list.-cat .listSearch__item.-active .listSearch__anchor:visited{
    color: #fff;
}

/*--------------------------------------------------
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; }

/****************************************************************************************************

シーズ表組み

****************************************************************************************************/
.seedsTable{
    line-height: 1.5;
}
@media print, screen and (min-width:737px){
.seedsTable{
    font-size: 1.4rem;
}
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.seedsTableCol.-col1{}
.seedsTableCol.-col2{}
.seedsTableCol.-col3{}
.seedsTableCol.-col4{}
@media print, screen and (min-width:737px){
.seedsTableCol.-col1{ width: 80px; }
.seedsTableCol.-col2{ width: auto; }
.seedsTableCol.-col3{ width: 140px; }
.seedsTableCol.-col4{ width: 120px; }
.seedsTableCol.-col5{ width: 200px; }
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.seedsTable thead{ display: none; }
.seedsTable thead th{
    background-color: #FBF1E8;
}
@media print, screen and (min-width:737px){
.seedsTable thead{ display: table-header-group; }
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.seedsTable tbody tr{
    display: flex;
    flex-wrap: wrap;

    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
    background-color: #fff;
		/*height: 70px;*/
}
    .seedsTable tbody tr.-rowspan{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .seedsTable tbody tr.-rowspan.-last{
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
.seedsTable tbody td{
    display: block;
}
@media print, screen and (min-width:737px){
.seedsTable tbody tr{ display: table-row; }
.seedsTable tbody td{ display: table-cell; }
.seedsTable tbody td:empty{height: 70px;}
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.seedsTable .cell.-cell1{ border-right: none; }
.seedsTable .cell.-cell2{ border-left: none; }
.seedsTable .cell.-cell3{}
.seedsTable .cell.-cell4{}
.seedsTable .cell.-cell5{}

.seedsTable tbody .cell.-cell1,
.seedsTable tbody .cell.-cell2,
.seedsTable tbody .cell.-cell3,
.seedsTable tbody .cell.-cell4,
.seedsTable tbody .cell.-cell5{
    border: none;
    border-bottom: 2px dotted #ccc;
}
    .seedsTable tbody .cell.-cell1{
        border: none;
        text-align: center;
    }
    .seedsTable tbody .cell.-cell5{
        border: none;
    }
@media print, screen and (min-width:737px){
.seedsTable tbody .cell.-cell1,
.seedsTable tbody .cell.-cell2,
.seedsTable tbody .cell.-cell3,
.seedsTable tbody .cell.-cell4,
.seedsTable tbody .cell.-cell5{
    border: 1px solid #ccc;
}
.seedsTable tbody .cell.-cell1{ border-right: none; }
.seedsTable tbody .cell.-cell2{ border-left: none; }
}

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

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

.searchTableRow.-rowspan.-last .cell.-cell5{
    display: block;
}
@media print, screen and (min-width:737px){
.searchTableRow.-rowspan.-last .cell.-cell5{
    display: none;
}
}
/*------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------*/
.seedsTable img{
    margin-right: 5px;
    margin-bottom: 5px;
    width: 30px;
}
    .seedsTable img:last-child{ margin-bottom: 5px !important; }
@media print, screen and (min-width:737px){
.seedsTable img{
    width: 50px;
}
}
/*------------------------------------------------------------------------------------------
ピックアップNo
------------------------------------------------------------------------------------------*/
.seedsTable .pickupNo{
    display: inline-block;
}
@media print, screen and (min-width:737px){
.seedsTable .pickupNo{
    display: inline-block;
    width: 60px;
    height: 45px;
}
}

.seedsTable .pickupNo__noText{
}
@media print, screen and (min-width:737px){
.seedsTable .pickupNo__noText{
    font-size: 1.6rem;
}
}
/****************************************************************************************************



****************************************************************************************************/
.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;
}
}