@charset "UTF-8";
.r12_bg_image{
    background: url("/img/rythm.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;    
}
.let_nar button{
    margin:5px 8px;
    padding:0px 5px;
    
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.survey_list h4{
    font-size:1em;
    margin:0 5px;
    height: 1em;
    font-weight: initial;
}
.survey_area{
    display:inline-block;
    margin-left:10px;
    margin-right:20px;
}
.survey_row{
    display:table-row;
}
.survey_item{
    display:table-cell;
    text-align:center;
    line-height:0em;
    padding-bottom:10px;
    border-radius:15px;
    cursor:pointer;
}
.survey_item_colorA{
    background-color:#fff2e9;
}
.survey_item_colorB{
    background-color:#faffe9;
}
.survey_item_colorA:hover{
    background-color:#ecded4;
}
.survey_item_colorB:hover{
    background-color:#ebf1d6;
}
.survey_item_ar{
    display:table-cell;
    text-align:center;
    line-height:0em;
}

.survey_button{
	color: #171844;
	background:none;
        margin: 10px 20px;
}
.survey_button:hover,
.survey_button:active,
.survey_button:focus{
	color:#fff;
	cursor: pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.survey_arrow{
    position:relative;
    top:0px;
}





.word_btn{
    display:inline-block;
    line-height:1.0em;
    text-align:center; 
    text-decoration:none; 
    border:2px solid #89c4ff; border-radius:10px; background-color:#bcddff;
    min-width:180px;
    font-size:1.5em; 
    font-weight:bold; color:#fff; 
    padding:2px 10px; 
    margin:5px;
}
.word_btn_wide{
    min-width:260px;
}
.my_adslot{
    width: 320px;
    height: 50px;
}

.easy_search_btn{
    width:100%;
}
.easy_search_btn td{
    padding:10px 0px;
    margin:0px;
}
.easy_search_btn td a{
    padding:0px;
    margin:0px;
}
.easy_search_btn td button{
    width:50px;
    padding:5px;
}
    

/* disp用テーブル */
.disp_tbl{
    margin-bottom:0px;
    width: 100%;
}
.disp_tbl th{
    background-color:#87cefa;
    padding:10px 0px;
    width:70px;
    text-align:center;
    border-top:solid 1px #cccccc;
    padding:0px 10px;
}
.disp_tbl td{
    border-top:solid 1px #cccccc;
    padding:0px 10px;
}


.disp_sub_tbl{
    display: table;
    margin-top:0px;
    width:100%;
}
.disp_sub_tr{
    display: table-row;
    margin-top:0px;
    background-color:#dfeeff;
}
.disp_sub_th{
    display: table-cell;
    margin-top:0px;
    background-color:#87cefa;
    padding:10px;
    width:92px;
    font-weight:bold;
    border-top:solid 1px #cccccc;
    vertical-align:middle;
}
.disp_sub_td{
    display: table-cell;
    margin-top:0px;
    background-color:#dfeeff;
    border-top:solid 1px #cccccc;
    text-align:left;
}
.disp_sub_td p{
    padding:0px;
    margin:0px 10px;
}
.disp_sub_td form{
    display:inline;
}
.disp_sub_td button{
    padding:3px;
    margin:5px;
}
.disp_sub_td input{
    padding:3px;
    margin:5px;
}


/* detail用テーブル */
.wcontents_tbl{
    display:table;
}
.wcontents_tbl_2{
    display:inline-block;
    width:50%;
    float: left;
}
.wcontents_tr{
    display:table-row;
}
.wcontents_th{
    display:table-cell;
    border:solid 1px #cccccc;
    padding:10px;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
}
.wcontents_th img{
}
.wcontents_td{
    display:table-cell;
    vertical-align:middle;
    border:solid 1px #cccccc;
    padding:10px;
    font-size:1rem;
}
.wcontents_tbl_2 .wcontents_td{
    width:100%;
}

.mismatchlist td{
    padding:10px 0px 0px 10px;
}
.detailTablesub {
    margin:0px;
}
.detailTablesub td{
    padding:0px;
}
.detailTablesub td a{
    margin:0px;
}
.detailTablesub td img{
    padding:0px 10px;
}

.graph_dif{
    padding:0px;
    margin-left:-20px;
    float:left;
}



/* 追加分 */

.selectcmb{
    display:table;
    width:auto;
    margin:10px;
}
.selectcmb_tr{
    display:table-cell;
}
.selectcmb_tr button{
    margin-left:10px;
    margin-right:10px;
}
.selectcmb_tr2{
    display:table-cell;
}
.selectcmb_td{
    display:inline-block;
    padding:5px 0px 5px 0px;
}
.selectcmb_td div{
    display:inline;
}
.selectcmb_td #Select_Str{
    width:30px;
    height:23px;
}
.selectcmb_td #Select_Pos
{
    width:48px;
    height:23px;
}
.selectcmb_td select{
    width:48px;
    height:2em;
    margin:5px;
    padding: 0px;
}
.selectcmb_td .search_txt_box{
    font-size: 120%!important;
    width:5em!important;
    height:2em!important;
    margin-top:5px!important;
}
.selectcmb_td .search_2txt_box{
    margin:10px;
}

/* conditions common table*/
.select_con{
    display:table;
}
.select_con_tr{
    display:table-cell;
}
.select_con_tr2{
    display:table-cell;
}
.select_con_th{
    display:table-cell;
    background-color:#bae5f8;
    padding:10px 5px;
    width:80px;
    text-align:center;
}

/* word condition */
.select_word_td{
    display:inline-flex;
    padding:10px;
}
/* category condition */
.select_cat_td{
    display:inline-flex;
    padding:10px;
}
/* lang condition */
.select_lang_td{
    display:inline-flex;
    padding:10px;
}

/*result*/
.letter_btn{
    padding:5px 10px;
}
.letter_btn button{
    margin:5px;
    width:3.5em;
    padding:0px;
}

.search_loglist button{
    margin:10px;
    width:230px;
}
@media (min-width: 737px) and (max-width: 950px){
    .disp_sub_td button{
        font-size:0.8em;
    }.disp_sub_td input{
        font-size:0.8em;
    }

    .disp_sub_tbl{
        display: block;
    }
    .disp_sub_tr{
        display: block;
        text-align:center;
    }
    .disp_sub_th{
        display: block;
         width:100%;
         padding:0px;
   }
    .disp_sub_td{
         padding:0px 10px;

    }
    .selectcmb_tr{
        display:inline-flex;
    }
    .selectcmb_tr2{
        display:inline-flex;
    }
    /* conditions common table*/
    .select_con{
        width:100%;
    }
    .select_con_tr{
        display:table-row;
    }
    .select_con_th{
        display:table-cell;
    }
}
@media(max-width: 600px){
    .selectcmb_tr{
        display:inline-flex;
    }
    .selectcmb_tr2{
        display:inline-flex;
    }
    /* conditions common table*/
    .select_con{
        width:100%;
    }
    .select_con_tr{
        display:table-row;
    } 
    .select_con_th{
        display:table-cell;
    }
    /* word condition */
    .select_word_td{
        display:inline-flex;
    }
    /* category condition */
    .select_cat_td{
        display:inline-flex;
    }
    /* lang condition */
    .select_lang_td{
        display:inline-flex;
    }
    .graph_dif{
        margin-left:0px;
        float:initial;
    }
}
@media only screen and (max-width : 480px){
    .disp_sub_td button{
        font-size:0.8em;
    }.disp_sub_td input{
        font-size:0.8em;
    }
    .disp_sub_tbl{
        display: block;
    }
    .disp_sub_tr{
        display: block;
        text-align:center;
    }
    .disp_sub_th{
        display: block;
         width:100%;
         padding:0px;
   }
    .disp_sub_td{
         padding:0px 10px;

    }
    .wcontents_tbl{
        display:block;
    }
    .wcontents_tbl_2{
        display:block;
        width:initial;
        float:initial;
    }
    .wcontents_tr{
        display:block;
    }
    .wcontents_th{
        display:block;
        border-bottom:none;
    }
    .wcontents_td{
        border-top:none;
        display:block;
    }

    .mismatchlist td{
        padding:0px;
       font-size:14px;
     }
    .word_btn{
        font-size:1.2em;
    }
     
    .survey_area{
        margin:initial;
    }
    .r12_bg_image{
        background: url("/img/rythm_sp.jpg");
    }

}