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

シーズ一覧
地域連携活動事例一覧
共通

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

検索方法タブ

****************************************************************************************************/
.listSearch{
    margin-bottom: 20px;
}
@media print, screen and (min-width:737px){
.listSearch{
    margin-bottom: 40px;
}
}
/*------------------------------------------------------------------------------------------
タブ
------------------------------------------------------------------------------------------*/
.listSearchTab{
    margin-bottom: 10px;
    display: flex;
    justify-content: space-around;
}
@media print, screen and (min-width:737px){
.listSearchTab{
    justify-content: space-between;
    font-size: 1.4rem;
}
}
/*--------------------------------------------------
リスト子
--------------------------------------------------*/
.listSearchTab__item{
    flex-grow: 1;
    margin-left: 5px;
    line-height: 1.5;
}
.listSearchTab__item:first-child{
    margin-left: 0;
}
@media print, screen and (min-width:737px){
.listSearchTab__item{
    margin-left: 10px;
}
}
/*--------------------------------------------------
リンクボタン
--------------------------------------------------*/
.listSearchTab__itemText{
    position: relative;
    display: block;
    padding: 5px 10px 15px;
    border-radius: 10px;
    background-color: #AAAAAA;
    text-decoration: none;
    text-align: center;
}
@media print, screen and (min-width:737px){
.listSearchTab__itemText{
    padding: 10px;
}
}
    a.listSearchTab__itemText:link,
    a.listSearchTab__itemText:visited{
        color: #fff;
    }
    .category__chiiki .listSearchTab__item.-active .listSearchTab__itemText{ background-image: linear-gradient(90deg, #DFA500, #BE8800); }
    .category__seeds .listSearchTab__item.-active .listSearchTab__itemText{ background-image: linear-gradient(90deg, #005BB9, #063789); }
    /*
    アイコンsp用
    --------------------------------------------------*/
    .listSearchTab__itemText::before{
        content: '';
        position: absolute;
        bottom: 5px;
        left: 0;
        right: 0;
        margin: auto;
        width: 11px;
        height: 7px;
        background-repeat: no-repeat;
        background-image: url(../../images/common/icon_cur1_close.png);
    }
    .listSearchTab__item.-active .listSearchTab__itemText::before{
        background-image: url(../../images/common/icon_cur1_open.png);
    }
@media print, screen and (min-width:737px){
    .listSearchTab__item .listSearchTab__itemText::before,
    .listSearchTab__item.-active .listSearchTab__itemText::before{ display: none; }
}
/*--------------------------------------------------
テキスト部分
--------------------------------------------------*/
.listSearchTab__itemText span{
}
@media print, screen and (min-width:737px){
.listSearchTab__itemText span{
    padding: 0 0 0 20px;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-image: url(../../images/common/icon_cur1_close.png);
}
.listSearchTab__item.-active .listSearchTab__itemText span{
    background-image: url(../../images/common/icon_cur1_open.png);
}
}
/****************************************************************************************************

検索ボックス

****************************************************************************************************/
.listSearch__block{
    padding: 10px;
    border: 1px solid;
    text-align: center;
}
    .category__chiiki .listSearch__block{ border-color: #DEA40C; }
    .category__seeds .listSearch__block{ border-color: #0B5EB6; }
@media print, screen and (min-width:737px){
.listSearch__block{
    padding: 20px;
    border-width: 2px;
}
}

.listSearch__block.-open{ display: block; }
.listSearch__block.-close{ display: none; }
/*------------------------------------------------------------------------------------------

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

表組み

****************************************************************************************************/
.searchTable{
}
.searchTableRow.-active{ display: flex; }
.searchTableRow.-sleep{ display: none; }
@media print, screen and (min-width:737px){
.searchTableRow.-active{ display: table-row; }
}