@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:1.000em;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:1.000em;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通機能
 ================================================*/
html {
    height:100%;

}
body {
    font-size:0.88em;
    color:#333;
    font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    line-height:1.6;
    background:#fff;
    height:100%;
    -webkit-text-size-adjust: 100%;
}

#loader{
    position:absolute;
    left:50%;
    top:30%;
    margin-left:-30px;
}

header {
    box-sizing:border-box;
    position:relative;
    height:100px;
    padding-top:10px;
    background:#fcfcfc;
    width:980px;
    margin:0 auto;
    color:#fff;
}

.header_logo {
    height: 30px;
    padding-top: 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

img.logo {
    max-height: 30px;
    cursor:pointer;
    height: auto;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
#contents {
    overflow:auto;
    margin:0 auto;
    background:#fff;
    box-sizing:border-box;
    width:980px;
    height:75%;
    height: -webkit-calc(100% - 210px);
    height: calc(100% - 210px);
    position:relative;
    display:block;
}

footer {
    box-sizing:border-box;
    width:100%;
    height: 100px;
    margin:0 auto;
    clear:both;
    position: fixed;
    bottom: 0;
}

.minute_nav {
    width:100%;
    background:#fff;
    box-shadow:0 1px 2px #d0d8dc;
    display:block;
    display: -webkit-flex;
    display: flex;
    float:right;
    margin-top:10px;
    margin-bottom:10px;
    zoom:1;
}

#main {
    box-sizing:border-box;
    overflow: auto;
    float:left;
    width:39%;
    height:100%;
}

#player {
    display: -webkit-flex;
    display: flex;
    height: 270px;
    overflow: hidden;
    position: relative;
}

#player img {
    width:100%;
}

#wide {
    box-sizing:border-box;
    overflow:hidden;
    float:left;
    width:100%;
}

#sub {
    box-sizing:border-box;
    overflow:auto;
    float:right;
    width:59%;
    height:100%;
}

nav.subtab a {
    display: inline-block;
    font: sans-serif;
    text-align: center;
    background-color: #efefef;
    color: black;
    text-decoration: none;
    padding: 5px 0;
    width:30%;
    border-top: 6px solid #a9a9a9;
    cursor:pointer;
}

nav.subtab a.active {
    background-color: #fff;
}

/*会議録タブ*/
nav.subtab a:nth-child(3) {
    color: #666;
    pointer-events: none;
}

.subtab_content {
    padding:5px;
    display: none;
    overflow-y: scroll;
}

div.active {
    display: block;
}

h2 {
    margin-top:10px;
    margin-bottom:10px;
    padding:5px;
    font-size:1.250em;
    color:#fff;
}

h3 {
    margin:5px 0;
    padding:2px 5px;
    color:#fff;
    font-size:1.120em;
}

h4 {
    margin-bottom:0.25em;
    font-size:0.875em;
    font-weight:bold;
}

p {
    margin:0 0 0 0;
}

#memo, #setting {
    display: block;
    padding: 1em;
    border: 1px dotted #dbdbdb;
}

#memo p {
    margin: 0 0 0 1em;
}

#setting p {
    margin: 0 0 0 1em;
    font-size:1.125em;
    vertical-align: middle;
}

#setting p span{
    vertical-align: middle;
    height:30px;
}

.schedule_title{
    color:#fff;
}

table {
    width:100%;
    border-collapse:collapse;
    border: 0px;
}

tr {
    border-left: 1px dotted #dbdbdb;
    border-right: 1px dotted #dbdbdb;
}

th {
    padding:3px;
    text-align:right;
    vertical-align:middle;
    color:#fff;
}
td {
    vertical-align: middle;
    text-align:left;
}
td.summary {
    padding-left: 10px;
}
pre {
    font-size:1.25em;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

.cell_colone {
    width:99%;
    margin:2px;
}

.speaker .cell_colone {
    cursor:pointer;
}

.cell_colone th.council{
    width:35%;
}

.cell_coltwo .m_nav, .cell_colone .m_nav{
    display: inline-block;
    /* width:55px; */
    text-align:center;
    margin: 1px 0px 1px 0px;
}
.m_btn {
    width:55px;
    text-align:center;
}
.cell_colone select, .cell_colone input{
    margin-left:10px;
}

.btn_area {
    text-align:center;
    margin-top:20px;
    vertical-align: middle;
    height:40px;
}
.setting .btn_area {
    width: 150px;
}

.btn_minute_text {
    display       : flow-root;
    font-size     : 10pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 3px 7px;   /* 余白       */
    background    : #4f799e;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1.3em;         /* 1行の高さ  */
    box-shadow    : 1px 1px #666666;  /* 影の設定 */
    margin        : 1px 0px 2px 0px;
}

#btn_setting {
    background-color: #047daf;
    border-radius: 4px;
    color: #fff;
    padding:10px 30px;
    width:50px;
    cursor:pointer;
    text-align:center;
    margin:5px;
    vertical-align: middle;
    position: relative;
}
#btn_setting:hover {
    background-color: #73c4e6;
}

#speech span {
    display:table-cell;
}
#speech span:nth-child(1) {
    width:100%;
}
#speech span:nth-child(2) {
    min-width:50px;
    text-align:center;
    vertical-align: top;
}
#speech .m_nav,
#speech .m_no_movie {
    vertical-align: top;
    min-width:50px;
    text-align:center;
    display: inline-block;
}

.m_no_movie {
    vertical-align: top;
    min-width:50px;
    text-align:center;
    display: inline-block;
}

.movie_play:hover {
    cursor: pointer;
}
.m_nav_disable,
.m_no_movie {
    pointer-events: none;
    cursor: default;
}

.movie_play:active {
    filter: brightness(0.5);
    -webkit-filter: brightness(0.5);
    -moz-filter: brightness(0.5);
    -o-filter: brightness(0.5);
    -ms-filter: brightness(0.5);
}

#material a{
    text-decoration: underline;
    color:#358cac;
}

td.photo{
    padding-left:0px;
    vertical-align: middle;
    width:100px;
    text-align:center;
}

.photo img {
    vertical-align: bottom;
    height: auto;
}
.heading_schedule:before {
    content: " - ";
    white-space: pre;
}
.minutes_title:after,
.minutes_schedule:before {
    content: "\A";
    white-space: pre;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media print, screen {
    .minute_nav {
        z-index:1;
    }

    .minute_nav li {
        position:relative;
        width:20.66%;
        float:left;
        margin:0;
        text-align:center;
        list-style:none;
        padding:3px 0px;
        cursor: pointer;
    }

    .minute_nav li:before {
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:1px;
        height:100%;
    }

    .minute_nav li:last-child:after {
        content:"";
        position:absolute;
        top:0;
        right:0;
        width:1px;
        margin-top:0px;
        height:100%;
    }

    .minute_nav li:hover{
        color:#fff;
    }

    .minute_nav li label{
        cursor: pointer;
    }
}

/*================================================
 *  サブコンテンツ
 ================================================*/
#sub .col_two_one ul {
    margin:2% -2% 0 0;
}

.footmenu {
    width:100%;
    overflow:hidden;
    background:#efede9;
}
.footmenu ul {
    position:relative;
    float:left;
    left:50%;
    margin:0;
    padding:20px 0;
}
.footmenu li {
    position:relative;
    left:-50%;
    float:left;
    list-style:none;
    margin:0;
    padding:0 15px;
    font-size:0.750em;
    text-align:center;
}
.footmenu a {
    color:#333;
    text-decoration:none;
}
.footmenu a:hover {
    color:#333;
    text-decoration:underline;
}

.copyright {
    clear:both;
    padding:20px 0;
    font-size:0.688em;
    text-align:center;
    color:#fff;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
    display: none;    /*spのみ*/
    position:fixed;
    bottom:15px;
    right:15px;
}
.totop a {
    display:block;
    text-decoration:none;
}
.totop img {
    background:#710000;
}



.list_area > ul {
    overflow:hidden;
}

a {
    color: #565d63;
    text-decoration: none;
}

.title_bar {
    color:#fff;
    text-decoration:none;
    cursor: pointer;
}

.colDark,.colLight{
    text-align:center;
    padding:5px 10px;
    font-size:1.000em;
    color:#fff;
}

.child_bar, #wide .child_bar{
    display:none;
}

.search_cond tr{
    border: 0px;
}
.search_cond th{
    width: 100px;
    border: 1px dotted #dbdbdb;
}
.search_cond td{
    padding: 10px;
    border: 1px dotted #dbdbdb;
}
.search_cond td.btn_area{
    padding-left: 10px;
    border: 0px;
}

.search_cond #year_select{
    font-size:1.000em;
}

.view_year tr{
    border: 0px;
}
.view_year th{
	width:100px;
    border: 1px dotted #dbdbdb;
}
.view_year td{
    border: 1px dotted #dbdbdb;
    padding-left: 10px;
    white-space:nowrap;

}
.view_year td.btn_area{
    padding-left: 10px;
    border: 0px;
}
.view_year #keyword{
    width: 40%;
    min-width: 100px;
}
.view_year #year_select{
    font-size:1.000em;
}
#movie_link{
    color:#d3d3d3;
    cursor:default;
}

#pageTop{
    margin-top:20px;
    text-align:right;
}

#pageTop span{
    cursor: pointer;
    color: #565d63;
}

.hit_word {
    font-weight:bold;
    background-color:yellow;
}

#info ul{
    padding-left:30px;
    list-style: disc none outside;
}

#info {
    height:45%;
    /*320px=プレーヤー+#info_bar*/
    height: -webkit-calc(100% - 320px);
    height: calc(100% - 320px);
    min-height: 50px;
    overflow: auto;
}

.active_cell {
    background-color: #f5dfa6;
}
.speech .active_cell {
    background-color: #fff;
}
.highlight {
    background-color: #ffff00;
}

/*================================================
 *  マーキー
 ================================================*/
.marquee {
    padding: 0.5em 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    text-align: left;
    font-weight: bold;
}
.marquee p:after {
    content: "";
    white-space: nowrap;
}
.marquee p {
    margin: 0;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.marquee p.move {
    margin: 0;
    width: auto;
    padding-left: 100%;
    display: inline-block;
    white-space: nowrap;
        -webkit-animation-name:marqueeRL;
        -webkit-animation-timing-function:linear;
        -webkit-animation-duration:30s;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-name:marqueeRL;
        -moz-animation-timing-function:linear;
        -moz-animation-duration:30s;
        -moz-animation-iteration-count:infinite;
        -ms-animation-name:marqueeRL;
        -ms-animation-timing-function:linear;
        -ms-animation-duration:30s;
        -ms-animation-iteration-count:infinite;
        -o-animation-name:marqueeRL;
        -o-animation-timing-function:linear;
        -o-animation-duration:30s;
        -o-animation-iteration-count:infinite;
        animation-name:marqueeRL;
        animation-timing-function:linear;
        animation-duration:30s;
        animation-iteration-count:infinite;
}

@-webkit-keyframes marqueeRL {
    from {-webkit-transform:translate(0);} to {-webkit-transform:translate(-100%);}
}
@-moz-keyframes marqueeRL {
    from {-moz-transform:translate(0);} to {-moz-transform:translate(-100%);}
}
@-ms-keyframes marqueeRL {
    from {-ms-transform:translate(0);} to {-ms-transform:translate(-100%);}
}
@-o-keyframes marqueeRL {
    from {-o-transform:translate(0);} to {-o-transform:translate(-100%);}
}
@keyframes marqueeRL {
    from {transform:translate(0);} to {transform:translate(-100%);}
}

.sp_toggle_nav {
    display: none;
    color: #000;
}
.sp_toggle_nav a {
    color: #000;
}
#navToggle {
    display: none;
}

.sp_keyword_result {
    display: none;
}
.sp_group_result {
    display: none;
}

.sp_result_list {
    display: none;
}

/*================================================
 *  ユーザー設定(Cookieから取得)
 ================================================*/
.font_small {
    font-size: 0.75em;
}
.font_medium {
    font-size: 0.88em;
}
.font_large {
    font-size: 1em;
}
@media screen and (max-width:600px) {
    .font_small {
        font-size: 0.8em;
    }
    .font_medium {
        font-size: 0.9em;
    }
    .font_large {
        font-size: 1em;
    }
}

#setting p .select_group span {
    display:inline-block;
    width:50px;
    height:30px;
}
/*================================================
 *  エラー画面
 ================================================*/

#errtitle {
    font-weight: bold;
}

div#errtitle {
    width: 80%;
    margin-right: auto;
    margin-left:  auto;
}

#error_contents {
    background-color: #EEEEEE;
}

#d-message, #li-message {
    width: 70%;
    margin-right: auto;
    margin-left:  auto;
}

/*================================================
 *  キーボード操作対応の追加分
 ================================================*/
#blockskip {
    position: absolute;
    top: -9999px;
    padding: 6px;
    color:#fff;
    background-color: #333;
    z-index: 9999;
}
.showskip {
    top: 10px !important;
}
ul.parent_bar li:focus ul.child_bar,li.minute,li.speech {
    background-color: #fff;
}
ul.parent_bar>li {
    padding-right: 0;
    padding-top: 0;
}
ul.parent_bar>li:first-child {
    padding-top: 2%;
}
li.minute {
    margin-right: 20px;
}
ul.child_bar li.minute:focus,ul.parent_bar li:focus {
    background-color: #dbdbdb;
    transition: background-color 800ms;
}
#btn_search:focus,.title_bar:focus,
.btn_index:focus,.m_nav:focus,
.speech_cell:focus,.speaker_minutes .summary:focus,
#navToggle:focus,.playlist:focus,
.heading_bar:focus,table.profile:focus,
.group_name:hover,.group_name:focus, .btn_minute_text:focus, .btn_play_video:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px;
}
.speech_cell,.playlist {
    cursor: pointer;
}
.heading_bar {
    cursor: pointer;
}
/*================================================
 *  設定画面ラジオボタン最適化分(setting)
 ================================================*/
fieldset {
    padding: 10px;
    width: 100%;
}
.select_group {
    margin: 10px;
}
#setting .select_group p {
    margin-left: 10px;
}
.select_group input {
    margin-right: 5px;
}
.legend {
    min-width: 15%;
    text-align: right;
}
#setting p,.legend,.select_group {
    display: inline-block;
}
.color_group {
    margin-left: 10px;
    display: inline-block;
    white-space: nowrap;
}
.color_block {
    display:inline-block;
    width:50px;
    height:30px;
    margin: 5px 0;
    vertical-align: middle;
}
.typeA_dark {background:#565d63;}
.typeA_light {background:#4f799e;}
.typeB_dark {background:#057f8f;}
.typeB_light {background:#0f5ca0;}
.typeC_dark {background:#ab045c;}
.typeC_light {background:#391d2b;}
.typeD_dark {background:#565d63;}
.typeD_light {background:#d5a02e;}
#btn_setting:focus {background-color: #73c4e6;}

ul.parent_bar > li.live {
    background-image: none;
}
.minute_title {
    padding: 8px 30px;
    display: block;
    position: relative;
}
.minute_title:focus,
.minute_title:hover {
    outline: none;
    background-color: #dbdbdb;
}
.open_close:before {
    position: absolute;
    top: 36%;
    left: 10px;
    height: 9px;
    width: 6px;
    content: "";
    background: url("../../images/cr_arrow.png");
    background-size:contain;
    background-repeat: no-repeat;
    vertical-align:middle;
    transform: rotate(90deg);
}


.live .minute_title {
    padding-right: 70px;
}
ul.child_bar li {
    margin-left: 5%;
    padding-bottom: 2%;
}

.search_frame {
    border: 1px solid rgb(170, 170, 170);
    border-radius: 1em;
    padding: 5px 20px 5px 10px;
    background:  url("../../images/search.png");
    background-repeat: no-repeat;
    background-position: 10px 40%;
}
.search_cond td input#keyword {
    width: 90%;
    font-size: 1.2em;
    outline: 0 !important;
    border: 0;
    margin-left: 25px;
}
.focus {
    box-shadow: 0 0 6px #999;
}
.council_1 #info_bar.open_close:before,
.council_2 #info_bar.open_close:before {
    display: none;
}

td.photo:before {
    /*テーブルセルにmin-heightは効かないため代用*/
    display: block;
    float: left;
    height: 40px;
    content: "";
}
.alt_movie {
    width: 100%;
    height: 100%;
    background: url(../../images/player_no_movie.png);
    background-repeat: no-repeat;
    position: absolute;
}
.jw-error {
    display: none !important;
}
.noToggle {
    cursor: default;
}
.m_nav label {
    cursor: pointer;
}
#videoElement {
    color: #fff;
}
nav.subtab a {
    border-left: 1px solid #565d63;
    border-right: 1px solid #565d63;
}

.cell_colone,.subtab_content {
    border: solid 1px #565d63;
}

@media screen and (min-width:601px) {
    .arrow_downward.minute_title:before {
        position: absolute;
        top: 36%;
        left: 10px;
        height: 15px;
        width: 15px;
        content: "";
        background: url("../../images/pr_arrow.png");
        background-size:contain;
        background-repeat: no-repeat;
        vertical-align:middle;
        transform: rotate(90deg);
    }
    .arrow_upward.minute_title:before {
        position: absolute;
        top: 36%;
        left: 7px;
        height: 15px;
        width: 15px;
        content: "";
        background: url("../../images/pr_arrow.png");
        background-size:contain;
        background-repeat: no-repeat;
        vertical-align:middle;
        transform: rotate(-90deg);
    }
    .active .minute_title {
        background-image: none;
    }
    .minute_date {
        margin-right: 10px;
    }
    .council_2 .minute_name {
        margin-right: 10px;
    }
    .btn_play_video {
        display: none;
    }
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
    header {
        width:100%;
    }

    #contents {
        width:100%;
        padding:0 5px;
    }

    footer {
        width:100%;
    }
    .cell_coltwo th{
        min-width:70px;
    }
    .photo img {
        max-width: 80px;
    }
    #btn_setting {
        width:50px;
        margin:5px;
        white-space: nowrap;
        width: 150px;
    }
    .subtab_content {
        margin: 0 2px 2px 0;
    }
    .list_area .parent_bar>li {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        tap-highlight-color: rgba(0, 0, 0, 0);
    }

}


/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:600px) {

    body{
        margin-top: 0;
        font-size: 0.9em;
        height: auto;
    }
    body {

    }
    .pc_header {
        display: none;
    }
    header {
        position: absolute;
        z-index:1;
        box-sizing:border-box;
        top:0;
        left:0;
        width:100%;
        background-color:#fff;
        color:#fff;
        padding:0px 5px;
        height: auto;
    }

    #contents {
        padding-top: 140px;
        height: auto;
    }
    .font_large #contents {
        padding-top: 150px;
    }
    #main {
        float:none;
        width:100%;
        height:auto;
    }

    #sub {
        width: 100%;
        height:100%;
    }

    #info {
        display:none;
        height: auto;
        border: 1px dotted #dbdbdb;
        min-height: auto;
    }
    #main .child_bar li, #sub .child_bar li{
        margin:0;
        border-bottom: 1px solid #dbdbdb;
        background-position: 98% 50%;
    }
    #main .child_bar li, #sub .child_bar li:last-child {
        border-bottom: 0;
    }
    #sub .child_bar li {
        padding: 5%;
        border-right: 0;
        border-left: 0;
    }
    #sub .child_bar li.live {
        padding-right: 60px;
    }
    #sub .child_bar li:hover,
    #sub .child_bar li:focus,
    #sub .child_bar li:active {
        background-color: #dbdbdb;
        transition: none;
    }
    #sub .child_bar li:first-child {
        border-top:1px solid #dbdbdb;
    }
    footer{
        display:none;
    }
    .header_logo {
        height: 60px;
    }
    .header_logo a {
        max-width: 80%;
        max-width: -webkit-calc(100% - 50px);
        max-width: calc(100% - 50px); /*ハンバーガーぶん*/
    }

    #player {
        display: none;
    }
    .speech #player {
        display: block;
        height: 200px;
    }
    .speech #player img,
    .speech #player_no_movie img {
        height: 200px;
        width: auto;
        display: block;
        margin: 0 auto;
    }

    .btn_play_video {
        margin-right: 6px;
        float: right;
        display: inline-block;
        font-size     : 10pt;        /* 文字サイズ */
        text-align    : center;      /* 文字位置   */
        cursor        : pointer;     /* カーソル   */
        padding       : 2px 7px;   /* 余白       */
        background    : #4f799e;     /* 背景色     */
        color         : #ffffff;     /* 文字色     */
        line-height: 2em;         /* 1行の高さ  */
        box-shadow    : 1px 1px #666666;  /* 影の設定 */
    }

    .cell_coltwo {
        width:100%;
    }
    .cell_coltwo th{
        width:60px;
    }
    .photo img {
        max-width: 70px;
        max-height:90px
    }
    .list_area {
    height:auto;
    overflow:initial;
    }
    #setting p {
        height: auto;
    }
    .select_group {
        display: block;
        margin: 10px;
    }
    .select_group input {
        margin-right: 10px;
    }
    .subtab_content {
        margin: 0 0 5px 0;
    }
    body.font_large {
        margin-top: 0;
    }
    body.font_medium {
        margin-top: 0;
    }
    body.font_small {
        margin-top: 0;
    }
    .search_cond tr {
        padding: 10px 0;
    }
    .search_cond th {
        /*width: 33%;*/
    }
    .search_cond td {
        width: auto;
        padding-right: 10px;
    }
    .search_cond td.btn_area {
        width: 50px;
    }
    .list_area .parent_bar>li {
        margin: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        tap-highlight-color: rgba(0, 0, 0, 0);
    }
    .list_area .parent_bar>li.live {
        background-position: 98% 50%;
    }
    .list_area .parent_bar>li>div {
        width: 80%;
        display: inline-block;
    }
    .list_area .parent_bar>li>div:first-child {
        width: 20px;
    }
    .list_area ul.parent_bar>li>img {
        margin-right: 5px;
    }
    .view_year {
        margin-bottom: 10px;
    }
    .logo_area {
        height: 30px;
        margin: 5px 0;
        display: inline-block;
    }
    #navToggle {
        position:absolute;
        right:8px;
        top:20px;
        width:30px;
        height:25px;
        cursor:pointer;
        display: block;
    }
    #navToggle div {
        position:relative;
    }
    #navToggle span {
        display:block;
        position:absolute;
        width:100%;
        border-bottom:solid 3px #999;
    }
    #navToggle span:nth-child(1) {
        top:0;
    }
    #navToggle span:nth-child(2) {
        top:11px;
    }
    #navToggle span:nth-child(3) {
        top:22px;
    }
    .sp_toggle_nav {
        z-index:1;
        width: 100%;
        border-bottom: 5px solid #4f799e;
        box-shadow: 0 2px 5px rgba(0,0,0,0.26);
        position: absolute;
        top: 70px;
        right: 0;
        left: 0;
        margin-top: 0;
        border: 0;
        color: #565d63;
    }

    .sp_toggle_nav>li {
        position:relative;
        float:left;
        margin:0;
        text-align:center;
        list-style:none;
        padding:3px 0px;
        cursor: pointer;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.67, #d1ddf0), color-stop(0.54, #e2edfc), color-stop(0.01, #e6ecf4));
        background: -webkit-linear-gradient(top, #e6ecf4 1%, #e2edfc 54%, #d1ddf0 67%);
        background: -moz-linear-gradient(top, #e6ecf4 1%, #e2edfc 54%, #d1ddf0 67%);
        background: -o-linear-gradient(top, #e6ecf4 1%, #e2edfc 54%, #d1ddf0 67%);
        background: -ms-linear-gradient(top, #e6ecf4 1%, #e2edfc 54%, #d1ddf0 67%);
        background: linear-gradient(to bottom, #e6ecf4 1%, #e2edfc 54%, #d1ddf0 67%);
        box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
        color:#565d63;
        line-height: 4;
        font-weight: bold;
        width: 100%;
        border-bottom: 1px solid #4f799e;
    }

    .sp_toggle_nav>li:before {
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:1px;
        height:0;
        background: #4f799e;
        background: none;
    }

    .sp_toggle_nav>li:last-child:after {
        content:"";
        position:absolute;
        top:0;
        right:0;
        width:1px;
        margin-top:0px;
        height:100%;
    }
    .sp_toggle_nav>li label{
        cursor: pointer;
    }
    .sp_toggle_nav>li a {
        display: block;
        color: #565d63;
    }
    .nav_visible {
        display: -webkit-flex !important;
        display: flex !important;
    }
    #navToggle.nav_active span:nth-child(1) {
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
        top: 11px;
    }
    #navToggle.nav_active span:nth-child(2) {
        width: 0;
    }
    #navToggle.nav_active span:nth-child(3) {
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
        top: 11px;
    }

    .btn_index {
        padding: 2px;
        margin-bottom: 4px;
        background: #565d63;
        border-radius: 4px;
        color: #fff;
        box-shadow: 0 2px 5px rgba(0,0,0,0.26);
    }
    .speaker_minutes .playlist tbody,
    .speaker_minutes .playlist thead,
    .speaker_minutes .playlist tfoot,
    .speaker_minutes .playlist tr,
    .speaker_minutes .playlist th,
    .speaker_minutes .playlist td {
        display: block;
        width: 100%;
    }
    .speaker_minutes .playlist th {
        text-align: left;
        padding: 0;
    }
    .speaker_minutes .playlist td.m_btn,
    .result td.m_nav,
    .schedule td.m_nav,
    .m_btn {
        display: none;
    }
    .speech .m_nav {
        display: table-cell;
    }
    .speaker_minutes tr {
        border: 0;
    }
    .speaker_minutes .playlist th.council {
        padding: 5px 0;
        text-align: left;
        font-size: 1.12em;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #dbdbdb), color-stop(0.20, #fff));
        background: -webkit-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -moz-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -o-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -ms-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: linear-gradient(to bottom, #fff 20%, #dbdbdb 60%);
        border: 1px solid #dbdbdb;
        border-right: 0;
        color: #565d63;
        margin:0px;
    }
    .item_50on:nth-child(3) {
        clear: both;
    }
    .heading_schedule:before {
        content: "\A";
        white-space: pre;
    }
    .minutes_schedule:before {
        content: " ";
        white-space: pre;
    }

    .legend,.color_group {
        display: block;
        text-align: left;
    }
    .color_group {
        padding: 5px 0;
    }

    #main, #info_bar {
        display: none;
    }
    .speech #main {
        display: block;
        margin-bottom: 10px;
    }
    h3.keywordHead {
        display: none;
        color: #000;
    }
    .list_area .parent_bar li span {
        display: inline-block;
        padding: 10px 0;
    }

    .view_year #year_select {
        font-size: 1.2em;
    }
    .search_cond input#keyword {
        font-size: 1em;
        height: 90%;
    }
    .view_year th {
        display: none;
        color:#000;
    }
    .view_year td {
        border-top: 0;
        padding: 10px;
        padding-top: 5px;
    }
    h3.colLight,h3.colDark {
        margin-bottom: 0;
        text-align:left;
        font-size:1.000em;
    }
    .speaker,.group {
        margin-bottom: 10px;
    }
    .table_area .cell_coltwo,
    .table_area .cell_colone {
        margin: 0;
        border-bottom: 0;
    }
    .speaker .table_area .cell_coltwo:last-child,
    .group .table_area:last-child {
        border-bottom: solid 1px #4f799e;
    }
    .group .cell_coltwo.group_name td {
        padding: 20px;
    }
    .group th {
        border-bottom: dotted 1px #dbdbdb;
    }
    .result .table_area .cell_colone:last-child,
    .speaker_minutes .table_area .cell_colone:last-child,
    .speech .table_area .cell_colone,
    .schedule .table_area .cell_colone:last-child {
        border-bottom: solid 1px #565d63;
    }
    .speech h3 {
        margin-bottom: 5px;
    }
    .speaker_minutes .summary {
        padding: 10px 0;
    }

    .council_1 #info_bar.open_close:before,
    .council_2 #info_bar.open_close:before {
        display: block;
        top: 40%;
        left: 20px;
    }
    header ul.minute_nav {
        border-bottom: 0;
        margin-bottom: 0;
        margin-top: 5px;
        border-radius: 6px;
    }
    .minute_nav>li {
        width: 33.33%;
        line-height: 4;
        border-bottom: solid 4px #565d63;
        color: #565d63;
    }
    .minute_nav>li:nth-child(1) {
        border-bottom-left-radius: 6px;
    }
    .minute_nav>li:nth-child(3) {
        border-bottom-right-radius: 6px;
    }
    .minute_nav>li:hover {
        color: #565d63;
    }
    .minute_nav #m_setting,.minute_nav #m_env {
        display: none;
    }
    .minute_nav li label {
        font-weight: bold;
    }
    header .minute_nav li:before {
        background: #565d63;
    }
    header .minute_nav li:first-child:before {
        background: none;
    }
    .minute_nav li:hover,.minute_nav li:focus {
        border-bottom:3px solid #4f799e;
    }

    .council_1 #main,.council_1 #info_bar,
    .council_2 #main,.council_2 #info_bar {
        display: block;
        border: 0;
        position: relative;
    }
    .council_1 #info_bar,
    .council_2 #info_bar {
        text-align: center;
        margin-top: 5px;
        padding: 10px;
    }
    .council_1 #info_bar:focus,
    .council_2 #info_bar:focus {
        outline: none;
    }
    #nav_info {
        display: none;
        background: #fff;
        color: #000;
        clear: both;
        padding: 5px;
        height: 100%;
        max-height: 150px;
        overflow: auto;
        word-wrap: break-word
    }


    .search_cond td {
        border-bottom: 0;
        padding-bottom: 5px;
    }


    .list_head {
        display: none;
        color:#000;
    }
    #year_select {
        padding: 10px;
    }
    .list_area ul.parent_bar {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
    #pageTop {
        margin-bottom: 10px;
    }
    #pageTop>a {
        border: 1px solid #565d63;
        padding: 2px;
        border-radius: 1em;
        box-shadow: 0 0 4px #999;
        position: relative;
        z-index: 9999;
        background: #fff;
    }
    .list_area .child_bar>li {
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }
    .list_area .child_bar li span.minute_date {
        -webkit-flex: none;
        flex:none;
        width: 80px;
        font-weight: bold;
    }
    .council_2 .list_area .child_bar li span.minute_content {
        width: auto;
    }
    .list_area .child_bar li span.minute_content,
    .list_area .child_bar li span.minute_name {
        border-left: 1px dotted #dbdbdb;
        padding-left: 10px;
    }
    .list_area ul.parent_bar>li,
    .list_area ul.parent_bar>li a {
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
    .list_area .child_bar li span.minute_name {
        -webkit-flex: none;
        flex:none;
        width: 80px;
    }
    ul.parent_bar>li:focus {
        background-color: #dbdbdb;;
        box-shadow: 0 0 6px #999;
    }
    ul.parent_bar>li {
        padding-top: 0;
        border: 1px solid #dbdbdb;
    }
    .list_area ul.parent_bar {
        background-color: #fff;
    }


    .heading_bar {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #dbdbdb), color-stop(0.20, #fff));
        background: -webkit-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -moz-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -o-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -ms-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: linear-gradient(to bottom, #fff 20%, #dbdbdb 60%);
        border: 1px solid #dbdbdb;
        padding: 10px 5px;
        color: #565d63;
        margin:0px;
    }
    .heading_bar:hover:not(.touchstart) {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #eee), color-stop(0.20, #fff));
        background: -webkit-linear-gradient(top, #fff 20%, #eee 60%);
        background: -moz-linear-gradient(top, #fff 20%, #eee 60%);
        background: -o-linear-gradient(top, #fff 20%, #eee 60%);
        background: -ms-linear-gradient(top, #fff 20%, #eee 60%);
        background: linear-gradient(to bottom, #fff 20%, #eee 60%);
    }
    .heading_bar.noToggle:focus,.heading_bar.noToggle:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #dbdbdb), color-stop(0.20, #fff));
        background: -webkit-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -moz-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -o-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -ms-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: linear-gradient(to bottom, #fff 20%, #dbdbdb 60%);
    }
    #info_bar.heading_bar {
        color: #fff;
    }
    .minute_title {
        border: 0;
    }
    .arrow_downward {
        position: relative;
        display: block;
        padding-left: 20px;
        margin-left:0;
    }
    .arrow_downward::before {
        content: '';
        width: 16px;
        height: 16px;
        background: #4f799e;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -7px;
    }
    .arrow_downward::after {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 1px #fff;
        border-right: solid 1px #fff;
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: 49%;
        left: 3.5px;
        margin-top: -3px;
    }

    .arrow_upward {
        position: relative;
        display: block;
        padding-left: 20px;
    }
    .arrow_upward::before {
        content: '';
        width: 16px;
        height: 16px;
        background: #4f799e;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -7px;
    }
    .arrow_upward::after {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 1px #fff;
        border-right: solid 1px #fff;
        -ms-transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
        position: absolute;
        top: 50%;
        left: 3px;
        margin-top: -3px;
    }
    .parent_bar .arrow_downward,
    .parent_bar .arrow_upward {
        display: block;
    }
    .minute_title.arrow_downward,
    .minute_title.arrow_upward,
    .schedule .arrow_downward,
    .schedule .arrow_upward {
        padding-left: 30px;
    }
    .minute_title.arrow_downward::before,
    .minute_title.arrow_upward::before,
    .title_bar.arrow_downward::before,
    .title_bar.arrow_upward::before,
    .schedule .arrow_downward::before,
    .schedule .arrow_upward::before,
    #info_bar.arrow_downward::before,
    #info_bar.arrow_upward::before {
        left: 4.5px;
    }
    .minute_title.arrow_downward::after,
    .minute_title.arrow_upward::after,
    .title_bar.arrow_downward::after,
    .title_bar.arrow_upward::after,
    .schedule .arrow_downward::after,
    .schedule .arrow_upward::after,
    #info_bar.arrow_downward::after,
    #info_bar.arrow_upward::after {
        left: 9.4px;
    }
    .title_bar.arrow_upward::after {
        top: 55%;
    }
    .council_1 .arrow_upward::after,
    .council_2 .arrow_upward::after,
    .speaker .arrow_upward::after,
    .schedule .arrow_upward::after,
    .result .arrow_upward::after {
        margin-top: 0;
    }
    .speaker .arrow_upward::after,
    .result .arrow_upward::after {
        left: 3.5px;
    }
    .live .minute_title {
        background: url("../../images/icon_live.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0.60, #dbdbdb), color-stop(0.20, #fff));
        background: url("../../images/icon_live.gif"),-webkit-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: url("../../images/icon_live.gif"),-moz-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: url("../../images/icon_live.gif"),-o-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: url("../../images/icon_live.gif"),-ms-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: url("../../images/icon_live.gif"),linear-gradient(to bottom, #fff 20%, #dbdbdb 60%);
        background-repeat: no-repeat;
        background-position: 98% 50%;
    }
    .live .minute_title:focus,
    .live .minute_title:hover {
        background: url("../../images/icon_live.gif"),-webkit-gradient(linear, left top, left bottom, color-stop(0.60, #eee), color-stop(0.20, #fff));
        background: url("../../images/icon_live.gif"),-webkit-linear-gradient(top, #fff 20%, #eee 60%);
        background: url("../../images/icon_live.gif"),-moz-linear-gradient(top, #fff 20%, #eee 60%);
        background: url("../../images/icon_live.gif"),-o-linear-gradient(top, #fff 20%, #eee 60%);
        background: url("../../images/icon_live.gif"),-ms-linear-gradient(top, #fff 20%, #eee 60%);
        background: url("../../images/icon_live.gif"),linear-gradient(to bottom, #fff 20%, #eee 60%);
        background-repeat: no-repeat;
        background-position: 98% 50%;
    }
    .live .minute_title.arrow_upward {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #dbdbdb), color-stop(0.20, #fff));
        background: -webkit-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -moz-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -o-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: -ms-linear-gradient(top, #fff 20%, #dbdbdb 60%);
        background: linear-gradient(to bottom, #fff 20%, #dbdbdb 60%);
    }
    .live .minute_title.arrow_upward:focus,
    .live .minute_title.arrow_upward:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.60, #eee), color-stop(0.20, #fff));
        background: -webkit-linear-gradient(top, #fff 20%, #eee 60%);
        background: -moz-linear-gradient(top, #fff 20%,#eee 60%);
        background: -o-linear-gradient(top, #fff 20%, #eee 60%);
        background: -ms-linear-gradient(top, #fff 20%, #eee 60%);
        background: linear-gradient(to bottom, #fff 20%, #eee 60%);
    }

    .default_result {
        display: none;
    }

    .result_list {
        display: none;
    }
    .sp_result_list {
        margin-top: 5px;
        display: block;
    }
    .council_1 #nav_info_bar,
    .council_2 #nav_info_bar {
        display: none;
        padding: 10px;
    }

    .schedule .summary, .sp_arrow_bar {
        padding-right: 20px;
        background-image: url(../../images/cr_arrow.png);
        background-repeat: no-repeat;
        background-position: 98% 50%;
    }

    .speaker .table_area {
        /*SPの初期表示*/
        display: none;
    }
    .result #sub>.title_bar {
        display: none;
    }
    .alt_movie {
        top: 0;
    }
    .speaker .heading_bar,
    .schedule .heading_bar,
    .result .heading_bar {
        font-size: 1.120em;
    }
    .schedule .heading_bar {
        padding-left: 30px;
    }
    .result h3.colDark {
        color:#000;
    }
}

@media screen and (max-width:640px) {
    .select_group {
        display: block;
        margin: 10px;
    }
    .select_group input {
        margin-right: 10px;
    }
}