@charset "UTF-8";


/* ---------------------------------------------
*  検索タグ一覧
--------------------------------------------- */
.tagList{
    display:block;
    overflow:hidden;
    margin:30px 0;
}

.tagList > a{
    margin:0.5em;
}

.tagList > .current{
    background-color: #012169;
    color: #ffffff;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    .tagList{
        margin:1em 0;
        /*text-align:center;*/
    }

    .tagList > a{
        margin:0.5em 0.5em;
        padding:0.5em 1em;
    }

}


/* ---------------------------------------------
*  検索バー
--------------------------------------------- */
.dataSerch{
    display:inline-block;
    /*overflow:hidden;*/
    letter-spacing:-.4em;
}

.dataSerch > input[name="s"]{
    width:340px;
    height:50px;
    vertical-align:top;
    letter-spacing:normal;
    background-color:#f2f2f2;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.dataSerch > button[type="submit"]{
    height:50px;
    line-height:50px;
    color:#ffffff;
    margin-left:10px;
    letter-spacing:normal;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.dataSerch > button[type="submit"] > span{
    line-height:100%;
    font-size:1.6rem;
}



/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    .dataSerch{
        display:block;
        padding:0 0;
    }

    .dataSerch > input[name="serchword"]{
        width:calc(100% - 80px);
        height:44px;
        font-size:1.4rem;
    }

    .dataSerch > button[type="submit"]{
        width:68px;
        height:44px;
        line-height:44px;
        font-size:21px;
    }

    .dataSerch > input::placeholder {
      font-size: 0.8em;
    }

    .dataSerch > button[type="submit"] > span{
        padding:0;
    }
}


/* ---------------------------------------------
*  検索結果リスト
--------------------------------------------- */
#infoList{
    display:block;
    overflow:hidden;
}

#infoList > ul{
    display:block;
    overflow:hidden;
}

#infoList > ul > li{
    display:block;
    overflow:hidden;
}


.infoData > h2{
    display:block;
    overflow:hidden;
    font-weight:normal;
    padding: 1em 1.5em;
    font-size:2.0rem;
    line-height:125%;
    background-color:#f7f7f7;
    position:relative;

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

}

.title{
    display:inline-block;
    width:calc(100% - 15em);
    float:left;
}

.update{
    display:inline-block;
    width:12em;
    float:right;
    font-size:1.4rem;
}

.infoData h3{
    font-size:1.8rem;
    margin-bottom:1.5em;
    font-weight:normal;
    line-height:155%;
}

.infoBody{
    clear:both;
    display:block;
    overflow:hidden;
    margin:0 2em 0;
    padding-bottom:2em;
}

.infoBody a{
    /*color:#c2c2c2;*/
    margin-left:2em;
    display:inline-block;
}

.infoBody > p > a[href=""]{
    opacity:0.5;
    pointer-events:none;
}

#infoList > ul > li > .infoBody{
    border-bottom:1px solid #cccccc;
    margin:0 2em 2em;
}

.dataTag{
    display:block;
    overflow:hidden;

    margin:1em 0 0.5em;
}

.dataTag > p{
    display: inline-block;
    overflow: hidden;
    padding: 0.25em 0.75em;
    font-size: 1.2rem;
    margin-right:5px;

    color: #ffffff;
    background-color: #012169;

    /*color: #012169;
    background-color: #ffffff;
    border:1px solid #012169;
    */

    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    .infoData > h2{
        margin:0 0 1em;
        padding: 0.5em 0.5em 0.5em;
        font-size:1.6rem;
    }

    .title{
        display:block;
        width:100%;
        float:none;
        margin-bottom:0.5em;
    }

    .update{
        display:block;
        width:auto;
        float:right;
        font-size:1.2rem;
    }


    .infoData h3{
        font-size:1.6rem;
        margin-bottom:1.5em;
    }

    .infoBody{
        margin: 0.5em 0.5em 2em;
        border-bottom:1px solid #cccccc;

    }

    .infoBody a{
        margin-left:1em;
    }

    .infoBody a:first-child{
        margin-left:0;
    }

    #infoList > ul > li > .infoBody{
        margin:0.5em 0.5em 2em;
    }

}


/* ---------------------------------------------
*  検索結果 詳細
--------------------------------------------- */

.detailBody{
    /**/
}

.detailBody > p{
    display:block;
    overflow:hidden;
    margin-bottom:1em;
    line-height:175%;
}



/* ---------------------------------------------
*  法令解説
--------------------------------------------- */
#linkTile{
    display:block;
    overflow:hidden;
    padding:30px 0 0;
    border-bottom:1px solid #cccccc;
}

#linkTile > ul{
    display:block;
    overflow:hidden;
    letter-spacing:-.4em;
}

#linkTile > ul > li{
    display:inline-block;
    overflow:hidden;
    width: 25%;
    letter-spacing:normal;
    text-align:center;
    padding:0 1em 3em;
}

#linkTile > ul > li > p{
    display:block;
    overflow:hidden;
    color:#012169;
    padding-bottom:50px;
    font-size:1.6rem;
    margin-bottom:1em;
    background:url('../../images/icon/icn_pdf.png') no-repeat 50% bottom;
}

#linkTile > ul > li > a{
    /*color:#000000;*/
}



/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    #linkTile > ul > li{
        width:33%;
        padding:0 0.5em 3em;
    }

}

@media screen and (max-width: 340px) {

    #linkTile > ul > li{
        padding:0 0 3em;
    }

}