@charset "utf-8";
html {
}
body {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
.col-xs-19 {
    width: 19%;
    float: left;
}
.col-xs-22 {
    width: 22%;
    float: left;
}
.col-xs-45 {
    width: 45%;
    float: left;
}
.button_color1 {
    background-color: #5d9cec;
}
.button_color2 {
    background-color: #4fc1e9;
}
.button_color3 {
    background-color: #48cfad;
}
.button_color4 {
    background-color: #a0d468;
}
.button_color5 {
    background-color: #ffce54;
}
.button_color6 {
    background-color: #F89406;
}
.button_color8 {
    background-color: #ed5565;
}
.button_color9 {
    background-color: #ac92ec;
}
.button_color10 {
    background-color: #ec87c0;
}
.button_color11 {
    background-color: #ccd1d9;
}
.button_color12 {
    background-color: #656d78;
}
.button_color13 {
    background-color: #c0c0c0;
}
.button_color14 {
    background-color: #ff9a9a;
}
.color_navyblue {
    background-color: #003171;
}
.bg_color13 {
    background-color: #DADFE1;
}
.bg_color14 {
    background-color: #F1A9A0;
}
.sidelink li.list-group-item[data-toggle="modal"] {
    cursor: pointer;
}
.fs24 {
    font-size: 24px;
}
.mgr5 {
    margin-right: 5px;
}
.mgb10 {
    margin-bottom: 10px;
}
.mgb20 {
    margin-bottom: 20px;
}
.mgb30 {
    margin-bottom: 30px;
}
.mgt25 {
    margin-top: 25px;
}
.mgt30 {
    margin-top: 30px;
}
.pd10 {
    padding: 10px;
}
.pdl0 {
    padding-left: 0;
}
.pdl20 {
    padding-left: 20px;
}
.w80 {
    width: 80px;
}
.w100 {
    width: 100px;
    display: inline;
}
.w150 {
    width: 150px;
    display: inline;
}
.w200 {
    width: 200px;
}
.w300 {
    width: 300px;
    display: inline;
}
.table>tbody>tr.text-center>td {
    vertical-align: middle;
}
header {
    height: 50px;
    position: relative;
}
header p {
    margin: 0;
    padding: 0;
}
body > .container {
    padding: 15px 15px 0;
}
.required:after {
    content: "※";
    margin-left: 3px;
    color: #ff0000;
}
.error_message {
    margin-bottom: 20px;
    padding: 10px;
    color: #ff0000;
    border: solid 1px #d9534f;
    background-color: #FAD4D2;
    border-radius: 6px;
}
.error_message ul {
    margin-bottom: 0;
    padding: 0 0 0 14px;
    text-align: left;
    margin-left: 10px;
}
#index_container {
    width: 330px;
    text-align: center;
}
.container h1 {
    margin-bottom: 30px;
    font-size: 25px;
}
.container h1 span {
    display: block;
    padding: 8px;
    background-color: #444;
}
.btn {
    padding: 11px 15px;
}
.btn-info,
.btn-warning,
.btn-primary,
.btn-success {
    color: #000;
}
.btn-info:hover,
.btn-warning:hover,
.btn-primary:hover,
.btn-success:hover,
.btn-info:focus,
.btn-warning:focus,
.btn-primary:focus,
.btn-success:focus,
.dropdown-toggle.btn-info,
.dropdown-toggle.btn-warning,
.dropdown-toggle.btn-primary,
.dropdown-toggle.btn-success {
    color: #000;
}
.btn-primary {
    background-color: #80BAEB;
    border-color: #62ABEB;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.dropdown-toggle.btn-primary {
    background-color: #69ACE6;
    border-color: #3D96E4;
}
.btn-new {
    color: #000;
    background-color: #D170D1;
    border-color: #BD5EBD;
}
.btn-new:hover,
.btn-new:focus,
.btn-new:active,
.dropdown-toggle.btn-new {
    color: #000;
    background-color: #BD5EBD;
    border-color: #AC4AAC;
}
.btn-other {
    color: #000;
    background-color: #FF7979;
    border-color: #FF4F4F;
}
.btn-other:hover,
.btn-other:focus,
.btn-other.active {
    color: #000;
    background-color: #F36767;
    border-color: #F04040;
}
.btn-searchitem {
    background-color: #80ff88;
    border-color: #83ca88;
    color: #000;
    margin: 0px;
    font-size: 12px;
    text-align: left;
    padding:0px 5px 0px 5px;
    width:190px;
}
.search_button_color1 {
    background-color: #80ff88;
    border: 1px solid #83ca88;
}
.search_button_color1:hover,
.search_button_color1:focus,
.search_button_color1:active
{
    background-color: #67c56d;
    border-color: #476e49;
}
.search_button_color2 {
    background-color: #ffce54;
    border: 1px solid #eba801;
}
.search_button_color2:hover,
.search_button_color2:focus,
.search_button_color2:active {
    background-color: #eba801;
    border-color: #e9ab0e;
}
.search_button_color3 {
    background-color: #F89406;
    border: 1px solid #e2890d;
}
.search_button_color3:hover,
.search_button_color3:focus,
.search_button_color3:active {
    background-color: #e2890d;
    border-color: #dd8305;
}
.btn-searchitem2 {
    margin: 5px;
    padding: 0px 0px 0px 20px;
    border-radius: 4px;
    background-color: #ac92ec;
    border:1px solid #8868da;
    color: #000;
    font-size: 12px;
    width: 175px;
}
.btn-searchitemgroup {
    margin: 5px;
    padding: 0px 0px 5px 20px;
}
.btn-searchitem:hover,
.btn-searchitem:focus,
.btn-searchitem:active,
.dropdown-toggle.btn-searchitem {
    color: #000;
}
.row-stripe{
    background-color: #D3EDFB
}
.ao1 {
    border: 1px solid #b5f0ff;
    background-color: #e3f9ff;
}
.midori {
    border: 1px solid #bceda6;
    background-color: #dff0d8;
}
.ao2 {
    border: 1px solid #b2ceff;
    background-color: #d8e6ff;
}
.ao3 {
    background-color: #faffea;
    border: 1px solid #bceda6;
}
.btn .caret {
    margin-left: 5px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2px;
}
.btn_layout {
    margin-bottom: 15px;
}
.input_label {
    text-align: left;
}
.input_label label {
    display: block;
    margin-bottom: 0;
    font-size: 11px;
    text-indent: 4px;
    font-weight: normal;
}
.input_label label.line_label {
    text-indent: 0;
    text-align: center;
}
.radio-inline label,
.checkbox-inline label {
    cursor: pointer;
    font-weight: normal;
}
.overlayer {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.pulldown_menu > li {
    width: 100%;
    position: relative;
}
.pulldown_menu > li > a {
    width: 100%;
    border-radius: 4px !important;
    text-align: left;
    position: relative;
}
.pulldown_menu > li > a > span {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
}
.pulldown_menu > li > .pulldown_menu_btn + .pulldown_menu_box {
    display: none;
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    max-height: 367px;
    border: solid 1px #ccc;
    background-color: #fff;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    top: 59px;
    width: 100% !important;
    z-index: 4;
}
.pulldown_menu > li > .pulldown_menu_btn + .pulldown_menu_box li {
    border-top: 1px solid #ccc;
    width: 100%;
}
.pulldown_menu > li > .pulldown_menu_btn + .pulldown_menu_box li:first-child {
    border-top: none;
}
.pulldown_menu > li > .pulldown_menu_btn + .pulldown_menu_box li a {
    display: block;
    padding: 11px 0 11px 15px;
    width: 100%;
}
.pulldown_menu > li > .pulldown_menu_btn + .pulldown_menu_box li a:hover {
    background-color: #4597FF;
    color: #fff;
    text-decoration: none;
}
.page_back {
    float: left;
}
.page_back a {
    margin: 5px 0;
    padding: 6px 15px;
    border: solid 1px #800000;
    color: #720072;
}
.table-wrap{
    width: 100%;
    table-layout: fixed;
    word-break: break-all;
    overflow-wrap : break-word;
}
.iine-btn{
    border-color: #484848;
    border-width: 1px;
    background-color: #dfdfdf;
    color: #646464;
    border-radius:5px;
    height:20px;
    padding:0px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size:x-small;
}
.iine-btn.active{
    border-color: #ff0707c7;
    background-color: #fbc6bc;
    color: #ff1515;
}
.iine-btn:focus,.iine-btn.active:focus{
    outline:none;
}
#approval_btn_area {
    position: relative;
}
[v-cloak]{
    display:none
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 5px 8px 5px;
    text-align: center;
    display: block;
    border-radius: 8px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
#page-top span.glyphicon {
    font-size: 22px;
}
#page-top span.text {
    font-size: 12px;
    display: block;
    line-height: 14px;
    margin-top: -3px;
}
#client_base_container {
    width: 700px !important;
}
#client_base_container form p,
#client_base_container form > div {
    margin: 0 auto 10px;
}
#client_base_container .selectbox {
    padding: 0;
}
#client_base_container .selectbox .btn-group {
    display: block;
    float: left;
    margin-left: 10px;
    width: 104px;
    width: 129px;
}
#client_base_container .selectbox .btn-group:first-child {
    margin-left: 0;
}
#client_base_container form {
    margin-bottom: 30px;
}
#client_base_container form select {
    padding: 5px;
    position: relative;
    float: none;
    border-radius: 4px;
    width: 100%;
}
#client_base_container form option {
    color: #2D5C86;
    background-color: #fff;
}
#client_base_container form #facility_name li {
    width: 100%;
}
#client_base_container .tel ul {
    margin: 0;
    padding: 0;
}
#client_base_container .tel ul li {
    float: left;
    list-style: none;
}
#client_base_container .tel ul li input,
#client_base_container .tel ul li span {
    float: left;
}
#client_base_container .tel ul li input {
    width: 160px;
}
#client_base_container .tel ul li span {
    margin: 0 14px;
    line-height: 34px;
}
#detail_container .description {
    text-align: left;
}
#detail_container select {
    width: 253px;
    border-radius: 4px;
}
#detail_container select option {
    color: #2D5C86;
    background-color: #fff;
}
#detail_container #display_trans a {
    margin: 0 10px;
    width: 200px;
}
#detail_container #display_trans {
    position: absolute;
    left: 50%;
    margin-left: -110px;
}
#tree_container {
    width: 1000px !important;
}
#tree_container .normal_tree p,
#tree_container .exception_tree p {
    margin: 0 0 0 15px;
    width: 394px;
    height: 54px;
}
#tree_container .normal_tree p {
    float: left;
    margin: 10px 15px;
}
#tree_container .normal_tree p a,
#tree_container .exception_tree p a {
    width: 100%;
    height: 54px;
    vertical-align: middle;
    font-size: 16px;
    padding: 5px 15px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word;
    border-radius: 0.7em;
}
#tree_container .normal_tree p a.one_line_button,
#tree_container .exception_tree p a.one_line_button {
    padding: 16px 0;
}
.exception_tree small {
    margin-left: 15px;
    color: #ff0000;
}
#leaf_container {
    width: 700px !important;
}
#leaf_container .inner_leaf_container {
    margin-bottom: 30px;
    padding: 0 26px;
    text-align: center;
}
#leaf_container figure figcaption {
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: bold;
}
#leaf_container figure figcaption span {
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #327032;
}
#chosen_category {
    margin-bottom: 20px;
    font-size: 18px;
    background-color: #ffffff;
    border-radius: 6px;
}
#chosen_category .inner_chosen_category {
    padding: 25px;
}
#chosen_category .inner_chosen_category dl {
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 14px;
}
#chosen_category .inner_chosen_category .client_info {
    margin: 0 auto;
    padding: 0;
    width: 425px;
    font-size: 14px;
}
#chosen_category .inner_chosen_category .client_info dt:first-child {
    margin-left: 0;
}
#chosen_category .inner_chosen_category .client_info dt {
    float: left;
    margin-left: 10px;
    text-align: center;
}
#chosen_category .inner_chosen_category .client_info dd {
    float: left;
    width: 60px;
}
#chosen_category .inner_chosen_category .condition {
    font-size: 12px;
    border-collapse: collapse;
    margin: 0 auto;
}
#chosen_category .inner_chosen_category .condition td {
    width: 360px;
}
#chosen_category .inner_chosen_category .condition th,
#chosen_category .inner_chosen_category .condition td {
    padding: 5px;
}
#chosen_category .inner_chosen_category .condition tr,
#chosen_category .inner_chosen_category .condition th,
#chosen_category .inner_chosen_category .condition td {
    border: solid 1px #888;
}
#chosen_category .inner_chosen_category .condition th {
    width: 195px;
}
#leaf_container #type_choice {
    margin: 10px auto 0;
}
#leaf_container #type_choice.one_btns {
    width: 124px;
}
#leaf_container #type_choice.two_btns {
    width: 248px;
}
#leaf_container #type_choice.three_btns {
    width: 372px;
}
#leaf_container #type_choice p {
    margin: 0 12px;
    width: 100px;
}
#leaf_container #type_choice p input[type="submit"] {
    width: inherit;
    font-size: 18px;
    padding: 8px 0;
}
#freeword_analysis_container {
    width: 1000px !important;
}
#freeword_analysis_container .col-xs-8 {
    padding-left: 0;
}
#freeword_analysis_container .col-xs-4 {
    padding-left: 0;
    padding-right: 0;
}
#freeword_analysis_container .category_section {
    padding: 20px;
    width: 100%;
}
#freeword_analysis_container .category_section > div {
    padding-left: 0;
    padding-right: 0;
    width: 284px;
}
#freeword_analysis_container .category_section .content_box {
    background-color: #7DD67D;
    padding: 10px 0 0;
    width: 284px;
}
#freeword_analysis_container .category_section > h2 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 20px;
    margin: 0 0 10px 0;
}
#freeword_analysis_container .category_section > h2 span {
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #327032;
}
#freeword_analysis_container .chi_right_cnt {
    margin-left: 20px;
}
#freeword_analysis_container .chi_right_cnt .content_box {
    margin-bottom: 20px;
}
#freeword_analysis_container .content_box p {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 10px;
}
#freeword_analysis_container #sense_category label,
#freeword_analysis_container #target_category label {
    display: inline-block;
    padding-left: 28px;
    width: 265px;
    font-size: 14px;
    text-align: left;
}
#freeword_analysis_container .category_section label span {
    margin-left: 10px;
}
#freeword_analysis_container .category_section input[type="checkbox"] {
    margin-right: -24px;
    margin-left: 10px;
    position: relative;
    z-index: 1;
}
#freeword_analysis_container #age_gender {
    float: left;
}
#freeword_analysis_container #age_gender > ul {
    margin: 0;
    padding: 0;
}
#freeword_analysis_container #age_gender > ul > li {
    float: left;
    margin-left: 18px;
    width: 130px;
}
#freeword_analysis_container #age_gender > ul > li:first-child {
    margin: 0;
}
#freeword_analysis_container #age_gender ul li.t_hidden01 {
    display: none;
}
.container .category_section input[type="checkbox"]:checked + label,
.container .category_section input[type="radio"]:checked + label {
    background-color: #398439;
}
#freeword_analysis_container .category_section input[type="text"] {
    width: 100%;
    font-size: 16px;
    padding: 5px;
}
#freeword_category {
    margin-bottom: 10px;
}
#freeword_category .freeword_inner {
    float: right;
}
#freeword_category .freeword_inner label {
    float: left;
    margin-top: 10px;
}
#freeword_category .freeword_inner p {
    float: left;
    margin-bottom: 0;
}
#freeword_category .freeword_inner label {
    margin-right: 10px;
}
#freeword_category .freeword_inner .freeword_form input[type="text"] {
    margin: 2px 0;
    width: 450px;
}
#freeword_category .freewordcondition_inner {
    float: left;
}
#freeword_category .freewordcondition_inner label {
    float: left;
    margin-top: 10px;
}
#freeword_category .freewordcondition_inner p {
    float: left;
    margin-bottom: 0;
}
#freeword_category .freewordcondition_inner label {
    margin-right: 10px;
}
#freeword_category .freewordcondition_inner .freeword_form input[type="text"] {
    margin: 2px 0;
    width: 450px;
}
#freeword_category .leaf_clear {
    float: left;
    margin: 2px 0;
}
#freeword_category .leaf_clear a {
    padding: 6px 15px;
}
#freeword_analysis_container #target_category {
    margin-bottom: 10px;
}
#freeword_analysis_container #target_category .content_box {
    width: auto;
}
#freeword_analysis_container .search_btn {
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -59px;
}
#freeword_analysis_container .search_btn input[type="submit"] {
    padding: 9px 40px;
    font-size: 14px;
}
.additory {
    font-size: 11px;
    margin: 0;
    text-align: right;
}
.additory_mg {
    margin-bottom: 10px;
}
#search_result_container {
    width: 1000px !important;
}
#search_result_container div.s_box {
    padding: 20px;
    width: 650px;
    background-color: #eee;
    border-radius: 6px;
    margin-bottom: 20px;
    float: left;
}
#search_result_container .clinical_entity {
    margin-bottom: 30px;
    padding: 10px 20px;
}
#search_result_container .clinical_entity h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: bold;
}
#search_result_container .clinical_entity p {
    float: left;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 44px;
}
#search_result_container .clinical_entity p.selected_leaf {
    float: right;
}
.rule {
    border-top: 1px solid #888888;
}
#search_result_container #consultation h2 {
    margin-bottom: 30px;
    text-align: center;
}
#search_result_container #consultation h2 + small {
    display: block;
    margin-top: 10px;
}
#search_result_container #consultation h2 + small .note {
    float: left;
}
#search_result_container #consultation h2 + small .search_num {
    display: block;
    float: right;
    font-size: 16px;
    font-weight: bold;
}
#search_result_container #consultation h2 span {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #327032;
}
#search_result_container #consultation table {
    margin-bottom: 0;
}
#search_result_container #consultation table caption {
    margin-top: 10px;
}
.table_title {
    background-color: #9BCE5A;
}
#search_result_container #consultation table th {
    text-align: center;
}
#search_result_container #consultation table .trouble {
    width: 758px;
}
#search_result_container #consultation table .category {
    width: 215px;
}
#search_result_container .prev_page {
    margin-left: -100px;
    text-align: center;
    position: absolute;
    left: 50%;
}
#search_result_container .prev_page a {
    text-align: center;
}
#search_result_container #consultation table .text_strong {
    color: red;
    font-size: 18px;
}
#search_result_container #consultation table .category_cnt {
    vertical-align: middle;
}
#search_result_container #consultation table small {
    text-align: right;
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #888888;
}
tr {
    background-color: #ffffff;
}
td .gender {
    display: block;
    color: #419FE9;
    font-weight: bold;
}
#search_result_container table + small {
    display: block;
    margin-bottom: 30px;
}
#search_result_container .selected_leaf {
    text-align: center;
}
#search_result_container .checked_freeword .freeword_text small {
    display: block;
    margin-bottom: 0;
    font-size: 11px;
    color: #C5C5C5;
    text-indent: 4px;
    font-weight: normal;
}
#search_result_container .checked_freeword .freeword_text span {
    display: block;
    padding: 7px 12px;
    width: 100%;
    font-size: 12px;
    color: #888888;
    border: 1px solid #bbb;
    border-radius: 6px;
    background: #ddd;
}
#search_result_container .checked_freeword .freeword_checklist {
    margin: 0;
    margin-top: 10px;
    padding: 0;
    font-size: 12px;
}
#search_result_container .checked_freeword .freeword_checklist li {
    float: left;
    margin: 0 0 10px 10px;
    list-style-position: inside;
}
#search_result_container div label.t_font {
    font-size: 14px;
}
#search_result_container div p.r_search {
    width: 400px;
}
#search_result_container #age_gender p.r_fa {
    float: right;
    margin-top: 30px;
    margin-bottom: 0;
    width: 180px;
    padding: 0;
    padding: 5px;
}
#search_result_container div.r_box {
    float: right;
    margin-right: 10px;
    height: 292px;
}
#search_result_container div.r_box p {
    text-align: center;
}
#search_result_container .new_con {
    width: 120px;
}
#search_result_container .category_section p.sise input[type="checkbox"] {
    margin-right: -24px;
    margin-left: 20px;
    position: relative;
    margin-top: 2px;
    z-index: 1;
}
#search_result_container p.sise {
    margin-top: 20px;
    float: right;
}
#search_result_container p.sise label {
    font-weight: normal;
    padding-left: 28px;
    margin-bottom: 0;
    font-size: 14px;
    display: inline-block;
    width: 160px;
    text-align: left;
}
#search_result_container #age_gender #approval_btn_area p {
    text-align: center;
    margin-top: 40px;
}
#search_result_container #age_gender p .s_button {
    width: 200px;
}
#search_result_container ul.selectbox {
    padding-left: 0;
}
#search_result_container ul.selectbox li.t_hidden {
    display: none;
}
#search_result_container ul.selectbox .btn-group {
    display: block;
    float: left;
    width: 110px;
    margin-left: 10px;
}
.mg_b {
    margin-bottom: 20px;
}
#helpline span.label {
    display: inline-block;
    margin-bottom: 5px;
    height: 20px;
    line-height: 16px;
}
/*------------------------------------------------
検索
------------------------------------------------*/
.over_hide {
    overflow: hidden;
}
#search_result_container .con_box {
    padding: 30px;
    border-radius: 6px;
    margin-bottom: 20px;
}
#search_result_container #sense_category ul.answer_box input[type=checkbox] {
    margin-right: -24px;
    margin-left: 20px;
    position: relative;
    margin-top: 2px;
    z-index: 1;
}
#search_result_container #sense_category ul.answer_box {
    overflow: hidden;
    padding-left: 0;
}
#search_result_container #sense_category ul.answer_box li {
    list-style-type: none;
    float: left;
    margin-bottom: 20px;
    margin-left: 10px;
}
#search_result_container #sense_category ul.answer_box li label {
    width: 193px;
    padding-left: 28px;
    text-align: left;
}
#search_result_container #sense_category ul.answer_box li label.w200 {
    width: 265px;
    padding-left: 28px;
}
#search_result_container #sense_category .bg1 input[type=checkbox]:checked + label {
    background-color: #EC971F;
}
#search_result_container #age_gender #approval_btn_area p.r_search1 {
    margin-top: 20px;
    margin-bottom: 0;
}
/*------------------------------------------------
電話相談
------------------------------------------------*/
#freeword_analysis_container #age_gender.helpline {
    width: 970px;
    margin-left: 0;
}
#freeword_analysis_container .left_cnt.helpline {
    width: 970px;
}
#freeword_analysis_container div.sise_b input[type=checkbox] {
    margin-right: -24px;
    margin-left: 20px;
    position: relative;
    margin-top: 2px;
    z-index: 1;
}
#freeword_analysis_container div.sise_b label {
    font-weight: normal;
    padding-left: 25px;
    margin-bottom: 0;
    font-size: 14px;
    display: inline-block;
    width: 160px;
    text-align: center;
}
#freeword_analysis_container div.sise_b {
    float: left;
    margin-left: 10px;
}
#freeword_analysis_container div.search_menu_box {
    float: right;
    width: 620px;
}
.jumbotron.helpline p {
    margin: 10px 15px;
}
#form_container h2 {
    font-size: 26px;
    letter-spacing: 0.3em;
    text-align: center;
    text-indent: 0.5em;
}
#form_container {
    margin: 0 30px;
}
#form_container article {
    width: 700px;
    margin: 40px auto 0;
}
#form_container #instraction {
    float: left;
    margin-top: 30px;
}
#form_container #month_no {
    float: right;
}
#form_container .w40 {
    width: 40px;
    padding: 6px 6px;
}
#form_container .w70 {
    width: 70px;
}
#form_container .w80 {
    width: 80px;
}
#form_container .w150 {
    width: 150px;
}
#form_container .w100 {
    width: 100px;
}
#form_container table {
    width: 100%;
    clear: both;
    table-layout: fixed;
}
#form_container table td {
    border: 1px solid #999;
    padding: 5px;
    vertical-align: middle;
}
#form_container table #form_addr {
    float: left;
    margin-top: 5px;
}
#form_container table textarea {
    width: 550px;
    height: 7em;
    resize: none;
}
#form_container table td span {
    color: #f00;
}
#form_container table td input[type=radio] {
    margin: 2px 4px 0 0;
}
#form_container table td input[type=checkbox] {
    margin: 2px 2px 0 0;
}
#form_container table td label {
    margin-bottom: 0;
}
#form_container table td div.jiko {
    text-align: center;
}
#form_container table td div.jiko input[type=radio] {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
#form_container table td div.mgz {
    margin-left: 0;
    padding-left: 0;
}
#form_container table td.tcenter {
    text-align: center;
}
#form_container p {
    text-align: center;
    margin-top: 30px;
}
#form_container .btn-new {
    width: 150px;
}
#form_container .text_center {
    text-align: center;
}
.table_title.kon {
    background-color: #27477a;
}
table#helpline .label-default {
    background-color: #aaa;
}
table#helpline .label {
    color: #222;
}
#form_container td.conf .checkbox-inline+.checkbox-inline {
    padding-left: 0;
}
#form_container .checkbox-inline+.checkbox-inline {
    margin-left: 5px;
    padding-left: 10px;
}
.mgl {
    margin-left: 5px;
    padding-left: 10px;
}
.ovh {
    overflow: hidden;
}
.ovh1 {
    overflow: hidden;
    height: 50px;
}
.mgr1 {
    margin-right: 144px;
}
.home_btn {
    position: relative;
    float: left;
    width: 50px;
    height: 40px;
    margin-top: 5px;
    padding: 3px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.home_top {
    font-size: 10px;
    display: block;
    line-height: 10px;
    margin-top: -6px;
}
.cate_box1,
.cate_box2,
.cate_box3,
.cate_box4,
.cate_box5,
.cate_box6
{
    display: inline-block;
    width: 200px;
    height: 40px;
    margin-top: 5px;
    margin-left: 5px;
    border-radius: 4px;
    line-height: 40px;
    font-size: 12px;
}
.cate_box1 {
    background-color: #CBEAF2;
}
.cate_box2 {
    background-color: #ffc3c3;
}
.cate_box3 {
    background-color: #cdf3be;
}
.cate_box4 {
    background-color: #f7d05b;
}
.cate_box5 {
    background-color: #e9d1e9;
}
.cate_box6 {
    background-color: #ffff80;
}
.cate_img {
    width: 22px;
    height: 22px;
    margin: 0 0 0 8px;
}
.mg_btn1 {
    float: right;
}
.mg_btn2 {
    margin-left: 60px;
}
/*------------------------------------------------
index_main
------------------------------------------------*/
#index_main_container {
    width: 800px !important;
}
#index_main_container .outerbox {
    padding-top: 50px;
}
#index_main_container .outerbox .menu_box {
    width: 450px;
    margin: 0 auto;
}
#index_main_container .outerbox .menu_box>div {
    text-align: center;
}
#index_main_container .outerbox .menu_box ul li {
    margin-bottom: 10px;
    width: 450;
    border-radius: 4px;
    padding: 0;
}
#index_main_container .outerbox .menu_box ul li a {
    width: 100%;
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}
#index_main_container .submenu_btn {
    font-weight: bold;
    color: #1F3A93;
}
#index_main_container .outerbox .news_box dl {
    border: 1px solid #ccc;
}
#index_main_container .outerbox .news_box dt {
    width: 140px;
    padding: 5px;
}
#index_main_container .outerbox .news_box dd {
    padding: 5px;
    margin-left: 150px;
}
#index_main_container .outerbox .sidelink {
    border-radius: 10px;
    background-color: #dff0d8;
    padding: 15px;
}
#index_main_container .outerbox .sidelink p {
    text-align: center;
    font-weight: bold;
}
#index_main_container .outerbox .sidelink ul {
    margin-bottom: 0;
}
#index_main_container .outerbox .sidelink ul li {
    border: 1px solid #94c160;
    background-color: #a0d468;
    margin-bottom: 3px;
    border-radius: 4px;
}
#index_main_container .outerbox .sidelink ul li:hover {
    background-color: #8ed33f;
}
#index_main_container .outerbox .sidelink ul li a {
    display: block;
    width: 100%;
}
#index_main_container .outerbox .sidelink ul li a:hover {
    text-decoration: none;
}
#index_main_container .gtmypage {
    padding: 15px;
}
#index_main_container .gtmypage p {
    width: 200px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
}
#index_main_container .gtmypage a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    border-radius: 4px;
}
#index_main_container .gtmypage a:hover {
    text-decoration: none;
    background-color: #1F4788;
}
.fontBk {
    color: #333;
    font-weight: bold;
}
.fontBl {
    color: #446CB3;
    font-weight: bold;
}
.fontR {
    color: #641111;
    font-weight: bold;
}
/*------------------------------------------------
相談記録
------------------------------------------------*/
#consultation_container {
    width: 700px !important;
}
#consultation_container .panel .btn.btn-default {
    background-color: #e7f5f9;
    border-color: #78cae3;
    color: #005e98;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
}
#consultation_container .panel .btn.btn-default:hover {
    background-color: #ceebf3;
    border-color: #2bacd4;
}
#consultation_container .panel .btn.btn-default.facility {
    background-color: #ebf9e7;
    border-color: #a8e378;
    color: #007906;
}
#consultation_container .panel .btn.btn-default.facility:hover {
    background-color: #def3ce;
    border-color: #68d42b;
}
#consultation_container .panel .btn.btn-default.core {
    background-color: #f9ede7;
    border-color: #e3b078;
    color: #982300;
}
#consultation_container .panel .btn.btn-default.core:hover {
    background-color: #f3d9ce;
    border-color: #d48b2b;
}
#consultation_container .panel .btn.btn-default.core-facility {
    background-color: #f5e7f9;
    border-color: #be78e3;
    color: #780098;
}
#consultation_container .panel .btn.btn-default.core-facility:hover {
    background-color: #dccef3;
    border-color: #722bd4;
}
#consultation_container .panel .tooltip-inner {
    /*text-align: left;*/
}
/*------------------------------------------------
月次報告
------------------------------------------------*/
#month_report_container {
    width: 700px !important;
}
/*------------------------------------------------
パスワード再発行
------------------------------------------------*/
#forget_pass {
    width: 1000px !important;
}
#forget_pass .form-control {
    display: inline;
    width: 60%;
}
#forget_pass .input_ebox {
    margin-bottom: 15px;
}
#forget_pass .input_ebox label {
    width: 110px;
}
#forget_pass .send_box {
    margin-top: 50px;
}
#forget_pass p a:hover {
    color: #000;
    text-decoration: none;
}
/*------------------------------------------------
ユーザー情報編集
------------------------------------------------*/
#mypage_container {
    width: 1000px !important;
}
#mypage_container .input_ebox {
    margin-bottom: 15px;
}
#mypage_container .send_box {
    margin-top: 50px;
}
/*------------------------------------------------
ユーザー管理
------------------------------------------------*/
#userlist summary {
    display: inline-block;
    cursor: pointer;
    display: list-item;
}
#userlist .button1 {
    background-color: #FFFFFF;
    border: 1px solid #03b6b6;
    color: #03b6b6;
    border-radius: 2px;
}
#userlist .button2 {
    background-color: #03b6b6;
    border: 1px solid #03b6b6;
    color: #FFFFFF;
    border-radius: 2px;
    padding:0px 25px 0px 25px;
}
#userlist .header {
    font-weight: bold;
}
#userlist summary {
    display: block;
    list-style: none;
}
#userlist summary::-webkit-details-marker {
    display: none;
}
#userlist .input{
    width: 100%;
    font-weight: normal;
}
#userlist .disabled {
    background-color: #9c9c9c;
    border: 1px solid #9c9c9c;
    color: #FFFFFF;
    border-radius: 2px;
    padding: 0px 25px 0px 25px;
}
#userlist .detail {
    margin:0 0 0 0;
}
/*------------------------------------------------
管理者画面
------------------------------------------------*/
#admin_container {
    width: 1000px !important;
    padding-top: 0;
    overflow: hidden;
}
/*------------------------------------------------
管理者画面メニュー
------------------------------------------------*/
#sidebar {
    background-color: #EEE;
    padding-bottom: 23000px;
    margin-bottom: -23000px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
#sidebar ul {
    margin: 20px 0;
}
#sidebar li a {
    padding: 8px 10px;
}
#sidebar li a:hover {
    background-color: #ccc;
    color: #fff;
}
.s_active {
    background-color: #ccc;
}
/*------------------------------------------------
ユーザー管理画面,News管理画面
------------------------------------------------*/
#user_list_container,
#news_list_container,
#nomination_list_container {
    width: 1000px !important;
    overflow: hidden;
    padding-top: 0;
}
#user_list_container table th,
#user_list_container table td,
#news_list_container table th,
#news_list_container table td {
    vertical-align: middle;
}
#user_list_container table td a,
#news_list_container table td a {
    color: #fff;
}
#user_list_container table input[type=submit],
#news_list_container table input[type=submit] {
    color: #fff;
}
#user_update_container,
#news_update_container {
    width: 1000px !important;
    overflow: hidden;
    padding-top: 0;
}
#user_update_container .input_ebox,
#news_update_container .input_ebox {
    margin-bottom: 15px;
}
#user_update_container .send_box,
#news_update_container .send_box {
    margin-top: 50px;
}
#news_update_container textarea {
    resize: none;
    height: 7em;
}
/*------------------------------------------------
管理者画面ヘッダー
------------------------------------------------*/
header#admin_header {
    width: 1000px;
    height: 70px;
    background-color: #658db5;
    position: relative;
    border-bottom: 0;
    color: #fff;
    overflow: hidden;
}
header#admin_header.staging > .row:before,
header#admin_header.development > .row:before,
header#admin_header.sandbox > .row:before {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 22px;
    left: -24px;
    transform: rotate(-45deg);
    z-index: 1;
    font-size: 12px;
    font-weight: bold;
    width: 120px;
    line-height: 24px;
}
header#admin_header.staging > .row:before {
    content: "ステージング";
    background-color: #5bc0de;
}
header#admin_header.development > .row:before {
    content: "開発";
    background-color: #5cb85c;
}
header#admin_header.sandbox > .row:before {
    content: "サンドボックス";
    background-color: #f0ad4e;
}
header#admin_header p .btn {
    padding: 2px;
    color: #fff;
    font-weight: bold;
}
header#admin_header h1.fs30c {
    font-size: 30px;
    margin: 0;
}
/*------------------------------------------------
相談記録
------------------------------------------------*/
#helpcreate {
    width: 970px;
}
#helpcreate .jumbotron {
    padding: 20px;
}
#helpcreate .jumbotron .con_pd {
    padding: 20px 0;
}
#helpcreate .row {
    margin: 0;
}
#helpcreate textarea {
    height: 7em;
    resize: none;
}
span.glyphicon-question-sign {
    cursor: pointer;
}
p.panel-title > a.click {
    font-size: 18px;
    display: block;
    font-weight: bold;
}
p.panel-title > a.click > span {
    margin-left: 15px;
    background-color: #428bca;
    font-size: 10px;
    vertical-align: middle;
    border-radius: 10px;
}
#disease_tab_content .c_box {
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
/*------------------------------------------------
ツリー
------------------------------------------------*/
.tree,
.tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.tree ul {
    margin-left: 1em;
    position: relative;
    list-style: none;
}
.tree ul ul {
    margin-left: .5em
}
.tree ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid #999;
}
.tree li {
    margin: 0;
    padding: 0 1.5em;
    line-height: 2em;
    color: #333;
    font-weight: bold;
    position: relative;
}
.tree ul li:before {
    content: "";
    display: block;
    width: 10px;
    height: 0;
    border-top: 1px solid #999;
    margin-top: -1px;
    position: absolute;
    top: 1em;
    left: 0;
}
.tree ul li:last-child:before {
    background: #ffce54;
    height: auto;
    top: 1em;
    bottom: 0;
}
.tree ul.other_c li:last-child:before {
    background: #eee;
    height: auto;
    top: 1em;
    bottom: 0;
}
.tree ul li.s_hide1:before {
    background: #89C4F4;
    height: auto;
    top: 1em;
    bottom: 0;
}
.tree ul li.s_hide:before {
    background: #ffce54;
    height: auto;
    top: 1em;
    bottom: 0;
}
.tree ul li.nob:before {
    background-color: transparent;
    border: none;
}
.tree ul li {
    padding: 0 0 0 15px;
}
.tree ul li input[type=checkbox] {
    margin: 7px 0 0 -20px
}
label.bdb1 {
    border-bottom: 1px solid #999;
}
/*------------------------------------------------
Q&A検索
------------------------------------------------*/
#helpline_qa {
    width: 1000px;
}
#helpline_qa .row {
    margin: 0;
}
/*------------------------------------------------
検索・編集
------------------------------------------------*/
#help_line .dropdown-menu li a {
    display: block;
    padding: 11px 0 11px 15px;
    width: 100%;
    color: #428bca;
    border-bottom: 1px solid #ddd;
}
#help_line .dropdown-menu li:last-child a {
    border-bottom: none;
}
#help_line .row {
    margin: 0;
}
#help_line .btn_s .col-xs-2 {
    width: 16.3%;
    padding: 0;
}
.jumbotron .c_box1 {
    padding: 20px;
    background-color: #fff;
}
p.title {
    margin-bottom: 0;
    font-size: 18px;
}
/*------------------------------------------------
公開された回答事例検索結果
------------------------------------------------*/
#help_search_qa {
    width: 1000px;
}
#help_search_qa .row {
    margin: 0;
}
#help_search_qa table span.label {
    display: inline-block;
    margin-bottom: 5px;
    height: 20px;
    line-height: 16px;
}
summary {
    display: inline-block;
    cursor: pointer;
    display: list-item;
}
#helpline_qa .title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 0px 0px 5px;
}

/*------------------------------------------------
相談記録検索結果
------------------------------------------------*/
#help_result {
    width: 1000px;
}
#help_result .row {
    margin: 0;
}
#help_result table span.label,
#nomination_list_container table span.label {
    display: inline-block;
    margin-bottom: 5px;
    height: 20px;
    line-height: 16px;
    padding: .2em .5em .3em;
}
#help_result .t_hidden {
    display: none;
}
#help_result .dropdown-menu li a {
    display: block;
    padding: 11px 0 11px 15px;
    width: 100%;
    color: #428bca;
    border-bottom: 1px solid #ddd;
}
#help_result .dropdown-menu li:last-child a {
    border-bottom: none;
}
#help_result .help_pop {
    position: relative;
    max-width: 100%;
    margin: 50px 0 10px;
}
#help_result .help_img {
    text-align: center;
}
/*------------------------------------------------
システム管理者への伝言
------------------------------------------------*/
#opinion {
    width: 970px !important;
}
#opinion .row {
    margin: 0;
}
#opinion .jumbotron {
    padding: 20px;
}
#opinion textarea {
    resize: none;
    height: 15em;
}
#opinion table th {
    text-align: center;
    background-color: #27477a;
    color: #fff;
}
#opinion table th,
#opinion table td {
    vertical-align: middle;
}
td .al_box {
    position: relative;
}
td span.al_cnt {
    position: absolute;
    top: -3px;
    right: 3px;
    color: #cf000f;
    background-color: #fff;
    border-radius: 50%;
}
/*------------------------------------------------
システム管理者への伝言詳細
------------------------------------------------*/
#opinion_detail {
    width: 970px !important;
}
#opinion_detail .row {
    margin: 0;
}
#opinion_detail .jumbotron {
    padding: 20px;
}
#opinion_detail h2 {
    font-size: 20px;
}
#opinion_detail textarea {
    resize: none;
    height: 7em;
}
#opinion_detail table {
    font-size: 14px;
}
#opinion_detail table th {
    text-align: center;
    background-color: #27477a;
    color: #fff;
}
#opinion_detail table th,
#opinion_detail table td {
    vertical-align: middle;
}
/*------------------------------------------------
index main
------------------------------------------------*/
li.al_box {
    position: relative;
}
li span.al_cnt {
    position: absolute;
    top: -3px;
    right: -10px;
}
#head_container {
    width: 1000px !important;
    border-bottom: 1px solid #888888;
    padding-bottom: 5px;
    position: relative;
}
#head_container h1 {
    margin: 10px 0;
    font-weight: bold;
    font-size: 20px;
}
#head_container.staging h1 {
    color: #5bc0de;
}
#head_container.development h1 {
    color: #5cb85c;
}
#head_container.sandbox h1 {
    color: #f0ad4e;
}
#head_container.staging > .row:before,
#head_container.development > .row:before,
#head_container.sandbox > .row:before {
    position: absolute;
    top: 8px;
    left: 620px;
    padding: 5px;
    border-radius: 6px;
    line-height: 16px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
#head_container.staging > .row:before {
    content: "ステージング";
    background-color: #5bc0de;
}
#head_container.development > .row:before {
    content: "開発";
    background-color: #5cb85c;
}
#head_container.sandbox > .row:before {
    content: "サンドボックス";
    background-color: #f0ad4e;
}
#index_main_container .menu_box span {
    font-size: 18px;
    font-weight: bold;
    color: #1F3A93;
    display: inline-block;
    line-height: 53px;
    margin-left: 5px;
}
#index_main_container .menu_box span.mgl35 {
    margin-left: 35px;
}
#index_main_container .menu_box span.mgl40 {
    margin-left: 40px;
}
#index_main_container .menu_box a.button_color4:hover {
    background-color: #86c048;
}
#index_main_container .menu_box a.button_color11:hover {
    background-color: #b9c5d8;
}
#index_main_container .menu_box .tooltip-inner {
    text-align: left;
    max-width: 300px;
    width: 300px;
}
#index_main_container .outerbox .messageBox {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    background-color: #fdefdd;
}
#index_main_container .outerbox .messageBox ul {
    margin-bottom: 0;
}
#index_main_container .outerbox .messageBox ul li {
    border: 1px solid #edb8d3;
    background-color: #f7b762;
    margin-bottom: 3px;
    border-radius: 4px;
}
#index_main_container .outerbox .messageBox ul li span {
    color: #641111;
}
#index_main_container .outerbox .messageBox ul li span.badge {
    color: #ffffff;
    background-color: #cf000f;
}
#index_main_container .outerbox .messageBox ul li:hover {
    background-color: #ffa630;
}
#index_main_container .outerbox .messageBox ul li a {
    display: block;
    width: 100%;
}
#index_main_container .outerbox .messageBox ul li a:hover {
    text-decoration: none;
}


#index_main_container .outerbox .faq {
    padding: 15px;
    margin-top: -10px;
    margin-bottom: 10px;
    background-color: #ffffc4;
}
#index_main_container .outerbox .faq ul {
    margin-bottom: 0;
}
#index_main_container .outerbox .faq ul li {
    border: 1px solid #ffff00;
    background-color: #ffff53;
    margin-bottom: 3px;
    border-radius: 4px;
}
#index_main_container .outerbox .faq ul li span {
    color: #641111;
}
#index_main_container .outerbox .faq ul li span.badge {
    color: #ffffff;
    background-color: #cf000f;
}
#index_main_container .outerbox .faq ul li:hover {
    background-color: #fff200;
}
#index_main_container .outerbox .faq ul li a {
    display: block;
    width: 100%;
}
#index_main_container .outerbox .faq ul li a:hover {
    text-decoration: none;
}


#index_main_container .outerbox .mon {
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f2dddc;
}
#index_main_container .outerbox .mon ul {
    margin-bottom: 0;
}
#index_main_container .outerbox .mon ul li {
    border: 1px solid #e6b9b8;
    background-color: #e6b9b8;
    margin-bottom: 3px;
    border-radius: 4px;
}
#index_main_container .outerbox .mon ul li span {
    color: #641111;
}
#index_main_container .outerbox .mon ul li span.badge {
    color: #ffffff;
    background-color: #cf000f;
}
#index_main_container .outerbox .mon ul li span.badge.report {
    font-size: 10px;
    font-weight: normal;
    margin-left: 5px;
    color: #641111;
    background-color: #f2dddc;
}
#index_main_container .outerbox .mon ul li:hover {
    background-color: #d99795;
}
#index_main_container .outerbox .mon ul li:hover span.badge.report {
    background-color: #e6b9b8;
}
#index_main_container .outerbox .mon ul li a {
    display: block;
    width: 100%;
}
#index_main_container .outerbox .mon ul li a:hover {
    text-decoration: none;
}
#mypage_container .mypage-sidebar{
    display: flex;
    flex-direction: row;
}
#mypage_container .sidebtn,.sidebtn-active {
    padding:10px 20px 10px 20px;
    position:relative;
    text-align: center;
    font-weight:bold;
    text-decoration: none;
    cursor: default;
    color:#005e98;
}
#mypage_container .sidebtn,.sidebtn-active:hover {
    color:#005e98;
    text-decoration: none;
    cursor: pointer;
}
#mypage_container .sidebtn-active::before {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 4px;
    background: #005e98;
    bottom: 0px;
    visibility: visible;
}
div.usertable{
    overflow:auto;
    max-height:80vh;
    overflow-x: scroll;
}
table.usertable{
    display: block;
    white-space: nowrap;
    border-collapse:separate;
}
table.usertable th{
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    position: sticky;
    top: 0;
}
#index_main_container .outerbox .other {
    padding: 15px;
    margin-top: 10px;
    margin-bottom: 0;
    background-color: #f2f2f2;
}
#index_main_container .outerbox .other ul {
    margin-bottom: 0;
}
#index_main_container .outerbox .other ul li {
    border: 1px solid #d1d1d1;
    background-color: #e0e0e0;
    margin-bottom: 3px;
    border-radius: 4px;
}
#index_main_container .outerbox .other ul li span {
    color: #4f4f4f;
}
#index_main_container .outerbox .other ul li:hover {
    background-color: #cfcfcf;
}
#index_main_container .outerbox .other ul li a {
    display: block;
    width: 100%;
}
#index_main_container .outerbox .other ul li a:hover {
    text-decoration: none;
}
/*------------------------------------------------
community
------------------------------------------------*/
#community {
    width: 970px !important;
}
#community textarea {
    resize: none;
    height: 15em;
}
#community table th {
    text-align: center;
    background-color: #27477a;
    color: #fff;
}
#community table th,
#community table td {
    vertical-align: middle;
}
/*------------------------------------------------
nomination comment
------------------------------------------------*/
.commentbox {
    border: 6px solid #ccd1d9;
    border-radius: 8px;
    padding: 8px;
}
p.comment {
    padding: 5px 5px 0;
    margin-bottom: 0;
    font-size: 12px;
}
p.comment.ok {
    color: #47a447;
}
p.comment.ng {
    color: #d9534f;
}
/*------------------------------------------------
like
------------------------------------------------*/
p#like {
    margin-bottom: 0;
    font-size: 14px;
}
p#like button {
    background-color: #428bca;
    color: #fff;
    line-height: 16px;
    padding: 0 0 0 3px;
}
p#like button span {
    font-size: 11px;
}
p#like button span.glyphicon {
    font-size: 14px;
    margin: 2px 2px 0 0;
}
p#like .count {
    background-color: #FFFFFF;
    border: 1px solid #B0C1D8;
    border-radius: 3px;
    height: 18px;
    padding: 0px 4px;
    position: relative;
    width: auto;
    display: inline;
    color: #2D4C86;
    font-size: 11px;
    line-height: 18px;
    text-decoration: none;
    margin-left: 6px;
}
p#like .count:after,
p#like .count:before{
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 100%;
    position: absolute;
    width: 0;
}
p#like .count:after {
    border-width: 3px;
    border-right-color: #FFF;
    top: 6px;
}
p#like .count:before {
    border-width: 5px;
    border-right-color: #B0C1D8;
    top: 4px;
}

#type_c .button_color5 .checkbox-inline {
    padding-left: 15px;
}
#type_c .button_color5 .tree ul li input[type=checkbox] {
    margin-left: -15px;
}
#type_c .button_color5 .tree ul li.nob {
    padding-left: 5px;
}
/*------------------------------------------------
管理者画面 模範回答事例登録
------------------------------------------------*/
.ad_div_fat {
border-radius:6px;
margin-bottom:5px;
margin-left:-20px;
margin-right:-20px;
}
.ad_lbl_fat {
margin-left:10px;
}
/*------------------------------------------------
response
------------------------------------------------*/
#response {
    width: 1000px;
}
#response .row {
    margin: 0;
}
#response p.content {
    font-size: 14px;
    min-width: 250px;
    margin-bottom: 10px;
}
#response #form_response_content,
#response #form_response_comment_content {
    height: 250px;
    resize: none;
    font-size: 14px;
    margin-bottom: 10px;
}
#response #form_response_comment_content.update {
    width: 650px;
}
#response div.row.image {
    margin-bottom: 10px;
}
#response div.row.image div.col-sm-4 {
    text-align: center;
}
#response div.row.image div.col-sm-4 img {
    width: 100%;
}
#response label.upload {
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#response label.delete {
    margin-top: 5px;
    color: red;
}
#response #comment_flg {
    text-align: left;
    margin: 20px 0;
}
#response .line{
    height:5px;
    margin-top: 5px;
    margin-bottom: 5px;
    }
#response .post_info{
    font-size:10px;
    margin-top:10px;
    margin-right:10px;
}
#response .note {
    font-size: small;
    text-align: right;
    color: #d62a00;
    font-weight: bold;
}
#response #expand_button {
    display: none;
}

/*------------------------------------------------
activity
------------------------------------------------*/
#activity {
    width: 1000px;
}
#activity .row {
    margin: 0;
}
#activity p.content {
    font-size: 14px;
    min-width: 250px;
    margin-bottom: 10px;
    overflow-wrap: break-word;
    white-space: pre-wrap
}
#activity .form_activity_content,
#activity .form_activity_comment_content {
    height: 250px;
    width:550px;
    resize: none;
    font-size: 14px;
    margin-bottom: 10px;
    resize: none;
}
#activity #form_activity_comment_content.update {
    width: 650px;
}
#activity div.row.image {
    margin-bottom: 10px;
}
#activity div.row.image div.col-sm-4 {
    text-align: center;
}
#activity div.row.image div.col-sm-4 img {
    width: 100%;
}
#activity label.upload {
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#activity label.delete {
    margin-top: 5px;
    color: red;
}
#activity #comment_flg {
    text-align: left;
    margin: 20px 0;
}
#activity .note {
    font-size: small;
    text-align: right;
    color: #d62a00;
    font-weight: bold;
}
#activity .post_info{
    font-size: 10px;
    color:#333333;
}
#activity .image + .pdf{
    border-top: 1px;
    border-top-style: solid;
    border-top-color: #EEEEEE;
    padding-top: 5px;
    margin-bottom: 5px;
}
#activity .form-title{
    width: 87.5%;
    margin-bottom: 10px;
}
#activity .form-row-container{
    margin-bottom: 10px;
}
#activity .submit-btn{
    margin-bottom:10px;
    text-align: center;
}
#activity .post-container{
    width:700px;
    background-color:#FFFFFF;
    margin-bottom:20px;
    box-shadow: 2px 2px 5px #AAAAAA;
    padding:10px;
    margin-left: auto;
    margin-right: auto;
}
#activity .title-container{
    display:flex;
    padding: 5px 15px;
    font-size: medium;
    font-weight: bold;
    background-color:#a0d468;
    max-height:62px;
}
#activity .title-container .title{
    flex:5;
    margin: auto;
}
#activity .title-container .year{
    flex:1;
    text-align:right;
    margin: auto;
}
#activity .title-container .edit-btn{
    flex:1;
    text-align:right;
    margin: auto;
}
#activity .info-container{
    display:grid;
    margin-bottom:5px;
}
#activity .content-container{
    padding:20px;
    padding-bottom:10px;
}
#activity .form-comment{
    width:100%;
    margin-top: 10px;
    margin-bottom: 0px;
    resize:none;
}
#activity .comment-container{
    margin-top: 5px;
    border-top:solid 1px #000000;
    display: none;
}
#activity .form-comment-setting{
    text-align: right;
    margin-bottom: 10px;
}
#activity .toggle{
    cursor : pointer;
}
#activity .btn-activity-form{
    display: inline-block;
}
#activity .form_filename{
    overflow-wrap: break-word;
}
#table-facility{
    flex-flow: wrap row;
    display:flex;
    align-items: baseline;
    justify-content: center;
} 
#table-facility>.block{
    margin: 20px;
    background-color:#dff0d8;
    padding:20px;
    border-radius:10px;
}
/*------------------------------------------------
光るアイコン
------------------------------------------------*/
/* 本体のスタイル */
.shine-button {
    background: red;
    margin: 0em auto;
    text-align: center;	
    display: inline-block;
    width: 100%;
    max-width: 30px;
    border-radius: 0px;	
    position: relative; /* 光らせるために必要 */
    overflow:hidden; /* 外の領域は非表示 */
    font-size:10px;
    vertical-align: middle;
}
    
/* 追加のスタイル*/
span.shine-button {
    padding: 0em;
    color: white;
    text-decoration: none;
}
/* 外側にボックス作成（疑似要素「before」を使う）*/
.shine-button::before {
    content: "";
    position: absolute;
    display: block;	
    background: linear-gradient(to right,rgba(255,255,255,0), rgba(255,255,255,0.9)); /* 背景色は透明から白になるグラデーション */
    width: 50px;
    height: 50px;
    top: -60px;
    left: -60px;
    /* アニメーションの動作指定 */
    animation-name:shine-run;
    animation-delay:0s;
    animation-duration: 3s;
    animation-timing-function: ease-in; /* アニメーションの動き指定（徐々に早く）*/
    animation-iteration-count: infinite; /* アニメーションの無限繰り返しの指定 */
}
/*アニメーションのタイミングとボックスの拡大率、角度、透過率の指定*/
@keyframes shine-run {
    0% {
    transform: scale(0) rotate(50deg);
    opacity: 0;
    }
    40% {
    transform: scale(1) rotate(50deg);
    opacity: 1;
    }
    100% {
    transform: scale(250) rotate(50deg);
    opacity: 0;
    }
}

/*------------------------------------------------
切り替えタブ
------------------------------------------------*/
.tab {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    max-width: 500px;
}
.tab>label {
    flex: 1 1;
    order: -1;
    opacity: 1;
    min-width: 70px;
    padding: .6em 1em;
    border-radius: 5px 5px 0 0;
    background-color: #a6d8fc;
    color: #fff;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}
.tab>label:hover {
    opacity: 1;
    background-color: #2589d0;
}
.tab input {
    display: none;
}
.tab label:has(:checked) {
    opacity: 1;
    background-color: #2589d0;
}
.tab label:has(:checked)+div {
    display: block;
}
#consultation_container .badge {
    position: relative;
    top: -10px;
    color: #ffffff;
    background-color: #d9534f;
}
/*------------------------------------------------
カルーセル
------------------------------------------------*/
.carousel-indicators{
    position: relative;
    bottom: -0px;
    /* 動画範囲の外側に配置 */
    z-index: 1;
}
.carousel-indicators li{
    border: 1px solid #333;
}
.carousel-indicators .active{
    background-color: #333;
    border: none;
}
.carousel-caption {
    position: absolute;
    left: 5%;
    z-index: 10;
    color: #fff;
    text-align: left;
    text-shadow: none;
    top: 0%;
    left: 0%;
}
.carousel-caption-text {
    margin-top:0px;
    color: #fff;
    padding: 10px;
    background-color: rgba(64, 64, 64);
}