/**-------------------------------------------------------------------------------------------
 * 全体共通
 -------------------------------------------------------------------------------------------*/
html,
body {
    background-color : #FFE800 ;
}
.main_contents {
    padding : 5px ;
}

/**-------------------------------------------------------------------------------------------
 * 動画情報
 -------------------------------------------------------------------------------------------*/
.movie_list {
    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;
}
.movie_list li {
    padding : 2px ;
    width : 50% ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow : hidden ;
}
.movie_list li .movie_box {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.movie_list li .movie_box .movie_thm img {
    width : 100% ;
    height : auto ;
    -webkit-border-radius: 5px 5px 0 0 ;
    -moz-border-radius: 5px 5px 0 0 ;
    border-radius: 5px 5px 0 0 ;
}
.movie_list li .movie_box .movie_text {
    padding: 0 2px 2px;
}

/**-------------------------------------------------------------------------------------------
 * 動物図鑑
 -------------------------------------------------------------------------------------------*/
.animal_list {
    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;
}
.animal_list li {
    padding : 2px ;
    width : 50% ;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow : hidden ;
}
.animal_list li .animal_box {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.animal_list li .animal_box .animal_thm img {
    width : 100% ;
    height : auto ;
    -webkit-border-radius: 5px 5px 0 0 ;
    -moz-border-radius: 5px 5px 0 0 ;
    border-radius: 5px 5px 0 0 ;
}
.animal_list li .animal_box .animal_text {
    padding: 0 2px 2px;
    text-align: center;
}

/**-------------------------------------------------------------------------------------------
 * お知らせ一覧
 -------------------------------------------------------------------------------------------*/
.post_list {
    margin-bottom : 10px ;
}
.post_list li {
    border-bottom : 3px dotted #ccc ;
    padding : 5px 10px ;
}
.post_list li:last-child {
    border : none ;
}

/**-------------------------------------------------------------------------------------------
 * 各種詳細ページ
 -------------------------------------------------------------------------------------------*/
.post_detail {
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.post_detail img {
    width:100%;
    height : auto ;
    margin : 5px 0 ;
}
.post_detail .post_date {
    padding : 2px 3px ;
    font-size : 0.9em ;
}
.post_detail .post_title {
    padding : 2px 5px ;
    border-bottom : 2px solid #ccc ;
}
.post_detail .post_contents {
    padding : 5px ;
}
.post_detail dl {
    padding : 10px ;
}
.post_detail dl dt {
    border-left : 5px double #090 ;
    border-bottom : 1px solid #090 ;
    padding : 2px 5px ;
}
.post_detail dl dd {
    margin-bottom : 10px ;
    padding : 2px 10px ;
}
.post_detail .animal_detail {
    border-top : 3px dotted #ccc ;
    margin : 10px 0 ;
}
.post_detail .animal_detail:first-child {
     border:none;
}
.btn_go_map {
    text-align : center ;
    padding : 10px 0 ;
}
.btn_go_map a {
    display : inline-block ;
    background-color : #f66 ;
    border-right : 2px solid #f33 ;
    border-bottom : 2px solid #f33 ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding : 8px 10px 10px ;
    font-size : 1.2em ;
    font-weight:bold;
    color : #fff ;
}

/**-------------------------------------------------------------------------------------------
 * 通常固定ページ出力
 -------------------------------------------------------------------------------------------*/
.post_detail.page {
    padding : 10px ;
}
.post_detail.page h1 {
    font-size : 1.2em ;
    font-weight:bold;
    border-left : 5px double #090 ;
    border-bottom : 1px solid #090 ;
    padding : 0 5px ;
}
.post_detail.page h2 {
    margin-top : 10px ;
}
.post_detail.page #last_modified {
    text-align: right;
}
.post_detail.page table {
    border-top : 1px solid #333 ;
    border-left : 1px solid #333 ;
}
.post_detail.page table th,
.post_detail.page table td {
    border-right : 1px solid #333 ;
    border-bottom : 1px solid #333 ;
}