@charset "UTF-8";
.overlay{
    display: none;
    /*background: rgba(0,0,0,0.6);*/
}
.cv-spinner_c {
    display: inline-flex;
    margin-left: 3px;
    margin-right: -15px;
}
.spinner_c {
    width: 15px;
    height: 15px;
    border: 2px #ddd solid;
    border-top: 2px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}


.main_comment{
    font-size:1.2em;
}
.rank_comment{
    padding-left:62px;
}
.rank_title{
    margin:0px;
    font-size:1.5em;
    display:inline;
}
.dd .ddTitle .ddTitleText img {
        max-width: 120px;
}
.topics_lank_btn{
    background-color: #d7f6ca;
    border-radius:10px;
    padding:10px;
    box-shadow:5px 5px 10px;
    margin:30px 10px 30px 10px;
    display:inline-block;
}
.topics_lank_btn:hover{
    background-color: #add99b;
    box-shadow:0px 0px 0px 0px;
    margin:35px 5px 25px 15px;
}
.topics_lank_btn p{
    font-size:large;
    font-weight:bold;
    text-align:center;
}
.topics_lank_img{
    float:left;
    width:120px;
    margin-right: 10px;
}
.topics_lank_img img{
    width:120px;
}    
.topics_lank_title{
    font-size:1.3em;
    font-weight:bold;
}
.topics_lank_come{
}

.chat .panel-body ul {
  list-style: none;
  margin: -15px;
  padding: 15px; }

.chat .panel-body ul li {
  margin-bottom: 10px;
  padding: 15px 5px;
  border-bottom: 1px solid #e9ecf2; }

.chat ul li.left .chat-body {
  margin-left: 80px; }

.chat ul li.right .chat-body {
  margin-right: 80px; }

.chat ul li .chat-body p {
  margin: 0; }

.chat .panel-body {
  overflow-y: scroll;
  height: 500px; }

.chat-body small {
  margin-left: 5px; }



.border-bottom {
  border-bottom: 1px solid #dadbda!important; }

.star_table{
    width:98%;
    margin-left:5px;
}
.star_table tr:nth-child(2n + 1){
    background-color: rgba(230, 235, 237, 0.6);
}
.star_table td{
    padding:2.5% 10px!important;
}
.etbl_top{
    background-color: #FFFACD;
    border-radius:10px;
    padding:10px 0;
    font-size:small;
    box-shadow:2px 2px 4px;
    display:inline-block;
    margin:5px 0;
}
.etbl_top:hover{
    background-color: #FFD700;
    box-shadow:0px 0px 0px 0px;
    margin:7px -2px 3px 2px;
}

.etbl_sec{
    background-color: #F5F5F5;
    border-radius:10px;
    padding:10px 0;
    font-size:small;
    box-shadow:2px 2px 4px;
    display:inline-block;
    margin:5px 0;
}
.etbl_sec:hover{
    background-color:  #C0C0C0;
    box-shadow:0px 0px 0px 0px;
    margin:7px -2px 3px 2px;
}

.etbl_thr{
    background-color: #FFE4E1;
    border-radius:10px;
    padding:10px 0;
    font-size:small;
    box-shadow:2px 2px 4px;
    display:inline-block;
    margin:5px 0;
}
.etbl_thr:hover{
    background-color:  #F4A460;
    box-shadow:0px 0px 0px 0px;
    margin:7px -2px 3px 2px;
}

.etbl_nomal{
    background-color: #F0F8FF;
    border-radius:10px;
    padding:10px 0;
    font-size:small;
    box-shadow:2px 2px 4px;
    display:inline-block;
    margin:5px 0;
}
.etbl_nomal:hover{
    background-color:  #AFEEEE;
    box-shadow:0px 0px 0px 0px;
    margin:7px -2px 3px 2px;
}



.hyoka_m{
    display:none;
}
.star_rating{
    display:inline;
    float:right;
    line-height:0.9em;
    margin: 20px 0px 10px 20px;    
}
.star_rating img{
    width:1.8em;
}
.star_detail_rating{
    display:inline;
    float:right;
}
.star_detail_rating img{
    width:1.2em;
}
.t_rating{
  text-align:center;
}
.t_rating img{
    width:0.8em;
    margin-left:-4px;
}


.etbl{
    display:table;
}

.topicadd_tbl{
    display:table;
}
.topicadd_tbl_tr{
    display:table-row;
}
.topicadd_tbl_th{
    display:table-cell;
    backgroud-color:#f6f8fe;
    white-space: nowrap;
    border-bottom:solid 3px #222;
    color:#000066;
    font-weight:bold;
    font-size:1.2em;
    background-color:#e5e5ff;
    padding:0 10px;
    vertical-align:top;
}
.topicadd_tbl_td{
    display:table-cell;
    padding:10px;
    border-bottom:solid 3px #ccc;
}
#categoryitem{
    vertical-align: top;
    padding-top:30px;
}

.rateabc{
    left:-50px;
    float:left;
}
.rateabc-tbl{
    float:right;
}



.title_col{
    float:left;
}
.hyoka{
    float:left;
    
}
@media only screen and (max-width : 1350px){
    .main_comment{
        font-size:1.0em;
    }
    .rank_comment{
        padding:initial;
    }
}
@media only screen and (max-width : 992px){
    .point_m{
        display:none;
    }
    .hyoka{
        display:none;
    }
    .hyoka_m{
        display:block;
    }
    .star_rating{
        float:initial;
        display:inline-block;
        margin: 0px 0px 5px 20px;
    }
    .topicadd_tbl{
        display:block;
    }
    .topicadd_tbl_tr{
        display:block;
    }
    .topicadd_tbl_th{
        display:block;
    }
    .topicadd_tbl_td{
        display:block;
        border-bottom:none;
    }
    #categoryitem{
        padding-top:initial;
    }
    .t_rating{
      line-height:0.5em;
      text-align:center;
      margin-top:-5px;
    }
    .t_rating img{
        width:0.6em;
    }
    .rateabc{
        left:-20px;
    }
}
@media only screen and (max-width : 767px){
    .rateabc{
        left:0px;
        float:initial;
    }
    .rateabc-tbl{
        float:initial;
    }
}

.para_form{
    
    margin:0 5px;
}
.lanklist{
    font-size:20px;
    margin:30px 0;
}
.lanklist_title{
    display:inline;
}
.lanklist_button{
    display:inline;
}
.lanklist_button div{
    display:inline-block;
}
.lanklist_name{
    line-height:0.7em;
    vertical-align:middle;
}
.topics_lank_yomi{
    font-size:10px;
}
.lanklist_yes{
    font-size:14px;
    background-color:rgba( 255,102,153 , 0.6 );
    border-color:rgba( 255,102,153 , 0.6 );
    color:#FFFFFF;
    margin:0 2px;
    padding:0px 5px;
}
.lanklist_exist{
    font-size:14px;
    background-color:rgb(133, 255, 136);
    border-color:rgb(117, 228, 120);
    color:#666;
    margin:0 2px;
    padding:0px 5px;
}
/*******************************
* 割り込みを解除
********************************/
.button-img {
  transition: 0.5s;
}
.button-img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

.entry_tbl{
    width:100%;
}
.entry_row{
    display:inline;
}
.entry_label{
    border:#dcdcdc solid 1px;
    background-color:#f6f8fe;
    display:table-cell;
    width:70px;
    text-align:center;
    vertical-align:middle;
    padding:5px;
}
.entry_conte{
    display: table-cell;
    padding:5px;
}
.entry_conte input{
    padding:5px;
    width:90%;
}
.entry_conte3{
    display: table-cell;
    padding:5px;
}
.entry_conte3 input{
    padding:5px;
    width:90%;
}
.row_block{
    display:inline-block;
}
.entry_detail{
    width:100%;
}

@media
only screen and (max-width : 480px){
    .rank_title{
        text-align: center;
    }
    .lanklist_name{
        font-size:18px;
    }

    .entry_tbl{
        display:block;
    }
    .entry_row{
        display:block;
    }
    .row_block{
        display:block;
    }
    .entry_label{
        display:none;
    }
    .entry_conte3{
        display:block;
    }
    .rateabc{
        left:initial;
    }
}
@media only screen and (max-width : 400px){
        .lanklist{
            display:inline-block;
            margin:10px 0;
        }
        .lanklist_title{
            display:inline-block;
            vertical-align:top;
        }    
        .lanklist_button{
            display:inline-block;
        }    
        .lanklist_button div{
            display:block;
            line-height:0.7em;
        }
        .lanklist_exist{
            font-size:13px;
            padding:0 2px;
        }
        .lanklist_yes{
            font-size:13px;
            padding:0 2px;
        }
    .topics_lank_img img{
        width:120px;
    }    
        
}