/* リニューアル　在るものを利用する版 */
/* ページ全体調整 */
@media (max-width: 870px){
    .message-info .title {
        max-width: 40vw;
    }
}
@media (max-width: 800px){
    .message-info .title {
        max-width: 38vw;
    }
}

@media (max-width: 767px){
    html{
       font-size:3.8vw;
    }
    body{
        font-size:3.8vw;
    }
    a{
        color:#4BA2C8;
    }
    .skin-blue .main-header .logo{
        height:64px;
        text-align:center;
    }


/*一時的に表示*/
    .navbar.navbar-static-top{
/*        display:none;*/
        height: 0;
        min-height: 0;
    }
/*一時的に表示*/
    .logo-lg {
        line-height: unset;
    }
    .main-header .logo .logo-lg {
        left: unset;
        text-align: center;
        top:0.8em;
    }
    span.subtitle {
        left: unset;
        top: 1.3em;
        font-size: 0.6em;
    }
    .logo-lg img{
        height:1.2em;
    }
    .form-control {
        width: 100%;
        height: 2em;
    }
    .login-box-body {
        margin:1em;
    }
    .form-group div.check {
        font-size: 0.8em;
    }

    .skin-blue .main-header .navbar .sidebar-toggle {
        color: #FFFFFF;
        position: relative;
        top: -58px;
        font-size: 28px;
        padding: 7px 15px;
    }
    .main-header .navbar {
        padding-right: unset;
    }
    .logout-button{
        background-color: transparent;
        top: -60px;
        font-size: 28px;
        position: relative !important;
        color: #FFFFFF!important;
        padding: 0;
    }
    .logout-button>a,.logout-button>a:hover{
        color: #FFFFFF!important;
        padding: 7px 15px;
    }
    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        background-color: transparent;
        color: #FFFFFF;
    }


    /* ダッシュボード */
    .content-header {
/*        position: absolute;*/
    }
    .content-header.for-sp {
        display: block;
        float: none;
        padding: 0;
    }
    .content-header>h1 {
        margin: 0;
        font-size: 1.3em;
        padding-left: 0.8em;
    }
    .content-header.for-sp {
        margin-bottom: 0px;
        padding-top: 1.8em;
        position:absolute;
    }
    .content-line {
        position:relative;
        top: 4.8em;
/*        margin-top: 3em;*/
    }
    .main-sidebar {
        padding-top: 43px;
    }

    .dashboard-detail-box > h2, .scout-job-seeker-search h2,
    .search-box h2, .list-box h2, .edit-box label.caption {
        font-size: 1.2em;
        height:2em;
        padding: 0.45em 0.7em;
        border-left: 4px solid #293A5A;
        margin-top: 0px;
    }

    .dashboard-detail-box > .detail-label, .scout-job-seeker-search .detail-label {
        font-size: 1em;
        margin-top: 1.05em;
    }
    .dashboard-applicant.activity {
        font-size: 1em;
        margin-bottom: 1.8em;
    }

    .activity.row > .col, .scout.row > .col {
        top: 1em;
        margin-bottom: 20px;
    }
    .activity.row > .col .count, .scout.row > .col .count, .decode-status .count {
        font-size: 1.4em;
    }

    .content-section{
        margin-top:4.8em;
    }

    .activity.row > .col, .scout.row > .col {
        top: 0.8em;
        margin-bottom: 0.8em;
        padding-left: 1.6em;
    }
    .dashboard-detail-box > .detail-label, .scout-job-seeker-search .detail-label {
        padding-left: 0.4rem;
    }

    .table-condensed {
        font-size:1em;
    }
    .table-condensed tr td {
        font-size : 1em;
        padding: 0.8rem 0.4em 0.8em!important;
    }
    .table-condensed tr td .row .send-date-col{
       margin-top:0.2rem;
       text-align:left!important;
    }
    .table-condensed tr td .row + .row{
        margin-top:0.2rem;
    }
    .sender-number {
        padding-left: 0.5em;
        font-weight: 700;
    }
    .table-condensed tr td .row .send-date-col .send-date{
        padding-left: 0.5em;
    }
    .table-condensed tr td .row .detail span{
        padding-left: 0.5em;
    }

    .dashboard-detail-box.applicant .detail-box-link {
        font-size:0.9em;
    }

    .sender-number i,.d-favorite i{
        margin-right : 0.5rem;
    }
    .detail-box-link {
        font-size: 0.9em;
    }

    .dashboard-scout.scout {
        font-size: 1em;
        margin-bottom: 0.5em;
    }
    .text-right.scout-link{
        margin-bottom: 1.2em;
    }

    .treeview.for-sp{
        display:block;
    }

    .dashboard-scout.scout.favorite {
        margin-bottom: 1.5em;
    }

    .d-favorite i{
        margin-left : 0.5rem;
    }
    .d-favorite-wrap{
        text-align: right;
        position: relative;
        top: -1.8em;
    }
    .scout.row > .col {
        height:2em;
    }
    .d-favorite.d-favorite{
        font-size:0.9em;
        padding: 0.1em 0.5em;
        background-color : #293A5A;
        border:#293A5A;
    }
    .scout .d-label{
        display:inline-block;
        width:7.5em;
    }
    .activity.row > .col .count-wrap, .scout.row > .col .count-wrap, .decode-status .count-wrap {
        font-weight: 700;
        min-width: 4em;
        display: inline-block;
        text-align: right;
    }
    .d-label.d-label-favorite{
        width:5.5em;
    }
    .table-condensed.for-pc{
        display:none;
    }
    .table-condensed.for-sp{
        display:block;
        margin-top:0.5em;
        font-size:1em;
    }
    .scout-info-td{
        width:68vw;
    }
    .rate-td{
        width:30vw;
    }
    .scout-mail-detail{
        max-width:16em;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight:700;
    }
    .scout-mail-send-date{
        color:#999999;
    }
    .table-condensed.for-sp>tbody>tr>td {
        border-top: unset;
    }
    .scout-mail-icon{
        color:#4BA2C8;
        margin-right:0.5em;
    }
    .decode-d-label.d-label{
        width: 2.5em;
    }
    .decode-back-link-wrap{
        margin-bottom:2em;
    }
    .decode .scout.row > .col .count-wrap {
        min-width:3em;
    }
    .decode-status th.green,.decode-status th.blue,.decode-status th.red{
        width: 33%;
    }
    .decode-status {
        font-size:0.85em;
    }
    .decode-status .d-label{
        min-width: 4.6em;
        display: inline-block;
        text-align: left;
    }
    .decode-status .count-wrap {
        min-width:2em;
    }
    .decode-status .count-wrap.width-unset{
        min-width: unset;
    }
    .decode-status .count {
        font-size: 1em;
        font-weight:500;
        width: 1.8em;
        display: inline-block;
    }
    .decode-status .count.width-unset{
        width:unset;
    }

    .text-decode-attention{
        font-size:0.85em;
    }

    .small-box .icon {
        display: block;
        top: 0.15em;
        right: unset;
        left: -0.15em;
        font-size: 4em;
    }
    .small-box:hover .icon {
        font-size: 4em;
    }
    .small-box>.inner {
        padding: 0.5em;
    }
    .small-box{
        overflow: hidden;
        margin-bottom: 0.8em;
        border-radius: 0.5em;
    }
    .small-box p {
        height: 3em;
        margin-bottom:0;
        font-size:0.6em;
        position:relative;
    }
    .small-box h3 {
        font-size: 1.8em;
        font-weight: bold;
        margin: 0 0 0px 0;
        white-space: nowrap;
        padding: 0;
        position:relative;
    }
    sup {
       top: -.1em;
    }
    .small-box .one-col-label{
        position:relative;
        top:1em;
    }
    .info-border{
        display:block;
        height:0.1em;
        background-color:#CCCCCC;
        margin-top:1.8em;
        margin-bottom:1.8em;
    }
    .small-box.bg-applicant{
        color:#FFF;
        background-color:#62C184;
    }
    .small-box.bg-favorite{
        color:#FFF;
        background-color:#60C29B;
    }
    .small-box.bg-scout{
        color:#FFF;
        background-color:#60C2B5;
    }
    .activity.row > .col .count-wrap{
        min-width:unset;
    }
    .content-header>h1>i {
        margin-right: 0.3em;
    }
    .sidebar-menu{
        border-top: 3px solid #181D26;
    }

    .table-condensed .detail {
        width: 100%;
        max-width: 90vw;
    }

   /* メッセージ一覧 */
    .message-list .sender-number {
        padding-left: 0.77em;
    }
    .message-list .sender-number a {
        font-size: 1.1em;
        color: #000;
    }
    .message-list .sender-number .shokushu {
        font-size: 0.9em;
    }
    .message-list .message-name {
        display: unset;
    }

    .message-list .message-name .reg-date {
        width: 100%;
        text-align: left;
        padding-left: 0.77em;
        padding-top: 5px;
        color:#999999;
    }
    .text-center.FROM{
        font-size: 0.75em;
        height: 1.58em;
        line-height: 1.7em;
    }


    .message-list .message-info .FROM:before {
        border-width: 0.8em 0 0.8em 0.8em;
        right: -0.75em;
    }
    .message-info .TO {
        font-size: 0.75em;
        height: 1.58em;
        line-height: 1.7em;
    }
    .message-info .TO:before {
        border-width: 0.8em 0.8em 0.8em 0;
        left: -0.8em;
    }
    .message-list.dataTable {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .message-info .title {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 17em;
    }
    .arrow-td i{
        font-size:1.2em;
    }
    .box.box-solid.message-list-box{
        margin-bottom:0;
    }

    /* 応募一覧 */
    .message-area .row {
        margin-right: 0px;
        margin-left: 0px;
        padding: 0;
    }
    .applicant_info .user_name
    {
        font-size: 1.3em;
    }
    .senddata-info .sendable-label {
        font-size:1.1em;
    }
    .senddata-info .mail-unit {
        font-size: 1em;
    }

    .back-icon a {
            padding: 0.15em;
            position: relative;
            top: 0.4em;
            bottom: 0em;
            font-size: 1.55em;
    }
    .applicant_info .user_shokushu {
        font-size: 1.15em;
    }
    .page-header-bottomlink-wrap, .page-footer-bottomlink-wrap {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1.25em;
    }
    .page-header-bottomlink-wrap a, .page-footer-bottomlink-wrap a{
        font-size: 0.8em;
    }
    .applicant_info .label,
    .senddata-info .list-confirm-button,
    .select-templatelist {
        font-size: 1em;
        padding: .1em .6em .1em;
        font-weight:700;
    }
    .message-text {
        padding: 1.25em 1.15em;
    }
    .message-area .reg-date {
        margin-bottom: 2em;
        margin-top:0.8em;
        font-size: 0.92em;
    }
    .message-reg-date.col-xs-12{
        padding:0;
    }
    .message-text .detail {
        font-size: 0.92em;
    }
    .form-area .box-body {
        padding:0;
    }
    .message-detail{
        font-size:1em;
    }
    .form-area label.send-message-label{
        font-size:1.15em;
    }
    .form-area .confirm {
/*        font-size:1.2em;*/
        padding:0.8em 1.1em;
        border-radius:0.5em;
    }
    .form-group.message-form-group{
        margin-bottom:0.8em;
    }
    .form-area .box-footer{
        padding:0;
    }
    .box.box-solid.last-box,
    .panel.last-box,
    .visits.result.last-box{
        margin-bottom:0;
    }
    .form-area .text-count-label{
        margin-top:0.2em;
        font-size:0.92em;
    }
    .form-area .reload button {
        padding-left: 1em;
        padding-right: 1em;
        padding-bottom: 0.3em;
        padding-top: 0.3em;
        border-radius: 0.5em;
    }
    .message-detail{
        font-size:1em;
    }

    /* 確認モーダル */
    .modal-body{
        padding:0;
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .modal-body .form-group{
        padding: 0;
        margin: 1em 0;
    }
    .modal-header {
        padding:0;
    }
    .modal-content{
        padding: 1em;
    }
    .modal-title {
        padding-top: 0.5em;
        padding-bottom: 1em;
    }

    #mail-confirm .modal-footer {
        padding:0;
    }
    #mail-confirm .modal-footer .text-center.text-danger,
    #send-scoutmail-attention .text-center.text-danger{
        margin:1em 0;
        font-size:1em;
    }
    /* 確認モーダル */


    .search-box .dh-count, .search-box .dr-count {
        font-size: 1.25em;
    }
    .remaining-text {
        margin-bottom: 0px;
        font-size: 1em;
    }

    .scout-job-seeker-search h2, .search-box h2{
        margin-bottom:0px;
    }
    .scout-job-seeker-search.search-box .detail-label{
        margin-top:1.8em;
        margin-bottom:1em;
    }
    .scout-job-seeker-search.search-box .detail-label.first{
        margin-top:1em;
    }
    .scout-job-seeker-search .date-clear.for-pc{
        display:none;
    }
    .scout-job-seeker-search .date-clear.for-sp{
        display:block;
        font-size:0.85em;
        border-color:#4BA2C8;
        color:#4BA2C8;
        background-color:#FFF;
        padding:0.5em 1.5em;
        margin-top: 0.8em;
    }
    .scout-job-seeker-list.box-solid.list-box{
        margin-top:1.5em;
    }
    .search-result-info {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
        padding: 0.8em 1.25em;
        font-size: 0.95em;
    }
    .search-result-info .chooseable.count {
        font-size: 1.25rem;
    }

    table.detail {
        font-size:1em;
    }
    .table.detail th {
        font-size:1em;
    }
    .apply-messagedetail-job-seeker-info .modal-title {
        font-size: 1.3rem;
    }
    .btn-wrap {
        position:relative;
    }
    .scout-job-seeker-list.list-box .btn-app,
    .scout-job-seeker-list .btn-app,
    .scout-send-list .btn-app,
    .template-list  .btn-app,
    .answer-list .btn-app {
        display:block;
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        top: 4.2em;
        bottom: 0;
        background-color:transparent;
        color:transparent;
        border: none;
        padding:0!important;
        min-width: unset;
    }

    .dataTable-wrap{
        position:relative;
        width:100%;
        height:100%;
    }
    .dataTable-wrap .btn-app:before{
        content:'';
        background-image: url(../img/scrollable.svg);
        display: inline-block;
        width: 6em;
        height: 6em;
        background-size: contain;
        vertical-align: middle;
        background-repeat: no-repeat;
    }

    /* スマホ時スクロールさせるテーブル */
    .result-list.job-seeker-list thead tr th,
    .scout-job-seeker-list thead tr th,
    .scout-send-list thead tr th,
    .template-list  thead tr th{
        white-space: nowrap;
    }

    .btn-app>.fa, .btn-app>.glyphicon, .btn-app>.ion {
        font-size: 4em;
    }
    select, input[type="text"] {
        height: 2em;
    }
    .input-group .input-group-addon {
        height: 2em;
    }
    .scout-job-seeker-list .create-mail,
    .edit-box .mail-confirm{
        max-width: 11.9em;
        min-width: 11.9em;
        padding-left: 0;
        padding-right: 0;
    }

    .edit-box .form-group {
        padding: 0;
        margin-bottom: 2.5em;

    }
    .edit-box label.caption {
        margin-bottom: 1em;
    }
    .edit-box .form-group textarea {
        font-size:1em;
    }

    #datepicker_from,#datepicker_to{
        height:2.4em;
    }
    .edit-box .page-footer-bottomlink-wrap{
        margin-bottom:0.5em;
    }
    #mail-detail textarea{
        font-size:1em;
    }
    .template-list .result-list .detail{
        min-width:20em;
    }
    #applicant_name{
        margin-top:0.5em;
        width:100%!important;
    }
    .edit-box .assessment-confirm{
        margin-top:0;
        margin-bottom:1.5em;
    }
    #basic_info .result-parts .row.person,#basic_info .result-parts .row.data,#basic_info .result-parts .row{
        font-size:0.95em;
    }
    #result .box-body{
        font-size:0.95em;
    }
    .contact-box {
        width: unset;
    }
    .result-block-label {
        font-size: 1.2em;
    }
    .contact-box.result {
        padding: 2rem 0rem;
    }
    .margin-unset{
        margin:0!important;
    }

    .modal-title{
        font-weight: 700;
        font-size: 1.15em;
    }
    button.close{
        font-size: 2.2em;
    }
    .edit-box #introduction{
        height: 5.3em!important;
    }
    .edit-box .form-group textarea#mail_body{
        height:22em!important;
    }
    .senddata-info.info .mail-info{
        font-weight:700;
    }
    #sendmail-detail .modal-body,#mail-detail .modal-body{
        padding-top:1em
    }
    #sendmail-detail .modal-body .form-group,#mail-detail .modal-body .form-group{
        margin-top:1em;
        margin-top:3em;
    }
    #sendmail-detail .modal-body .form-group .introduction,#sendmail-detail .modal-body .form-group .detail-introduction{
        height:5.3em!important;
        font-size: 1em;
    }
    .text-detail-width{
        min-width:17em;
    }
    .table>tbody>tr>td.select-template-width{
        min-width:10em!important;
    }

}




/*　どうしても上記以外で調整しなければいけないもの */

@media (max-width: 1199px){
    .top.for-pc{
        display:none;
    }
    .top.for-sp{
        display:block;
        margin-left:0;
        margin-right:0;
    }
    .top.for-sp .top-sp-col{
        padding:0;
    }
    .top.for-sp .top-sp-col + .top-sp-col{
        padding-left:0.5em;
    }
    .small-box>.inner {
        padding: 0.5em;
    }
        .small-box .icon {
        display: block;
        top: 0.15em;
        right: unset;
        left: -0.15em;
        font-size: 4em;
        color: rgba(0,0,0,0.08);
    }
    .small-box:hover .icon {
        font-size: 4em;
    }
    .small-box>.inner {
        padding: 0.5em;
    }
    .small-box{
        overflow: hidden;
        margin-bottom: 0.8em;
        border-radius: 0.5em;
    }
    .small-box p {
        height: 3em;
        margin-bottom:0;
        font-size:0.6em;
        position:relative;
    }
    .small-box h3 {
        font-size: 1.8em;
        font-weight: bold;
        margin: 0 0 0px 0;
        white-space: nowrap;
        padding: 0;
        position:relative;
    }
    sup {
       top: -.1em;
    }
    .small-box .one-col-label{
        position:relative;
        top:1em;
    }
    .info-border{
        display:block;
        height:0.1em;
        background-color:#CCCCCC;
        margin-top:1.8em;
        margin-bottom:1.8em;
    }
    .small-box.bg-applicant{
        color:#FFF;
        background-color:#62C184;
    }
    .small-box.bg-favorite{
        color:#FFF;
        background-color:#60C29B;
    }
    .small-box.bg-scout{
        color:#FFF;
        background-color:#60C2B5;
    }
    .small-box {
        text-align: center;
    }

    .pagination>li>a, .pagination>li>span {
        padding: 6px 6px;
    }
    button.close {
        -webkit-appearance: none;
        line-height: 0.9;

    }
    .modal-dialog {
        width: 90vw;
    }
    .edit-box #introduction{
        height: 5.3em!important;
    }
}

@media (max-width: 350px){
    .message-info .title {
        max-width: 16em;
    }

    .small-box p {
       height: 4em;
    }
    .message-info .TO:before {
        left: -0.7em;
    }
}