@charset "utf-8";
    /**
 * iroha Board Project
 *
 * @author        Kotaro Miura
 * @copyright     2015-2016 iroha Soft, Inc. (http://irohasoft.jp)
 * @link          http://irohaboard.irohasoft.jp
 * @license       http://www.gnu.org/licenses/gpl-3.0.en.html GPL License
 */
    
    body {
        font-family: 'Apple TP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }
    
    .header {
        width: 100%;
        display: inline-block;
    }
    
    .panel {
        margin: 10px;
        margin-left: 7%;
    }
    
    #content {
        text-align: left;
        min-height: 600px;
        max-width: 1200px;
        margin: auto;
    }
    
    div.buttons_container {
        padding: 10px;
        text-align: right;
    }
    
    #flashMessage {
        /*
*/
        position: absolute;
        top: 50px;
        margin: auto 25px;
        width: 95%;
        max-width: 1150px;
        z-index: 999999;
    }
    
    #header {}
    
    .form-signin {
        max-width: 600px;
        margin: 0 auto;
        margin-top: 60px;
    }
    
    #Userform {
        padding: 0px;
        width: 100%;
    }
    
    .form-signin .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px;
        font-size: 16px;
    }
    
    .form-signin .btn {
        padding: 20px;
        font-size: 22px;
        font-weight: bold;
    }
    
    form .required .control-label:after {
        border-radius: 0.25em;
        color: #fff;
        display: inline;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        padding: 0.1em 0.5em;
        margin-left: 0.7em;
        text-align: center;
        vertical-align: baseline;
        white-space: nowrap;
        background-color: #d9534f;
        content: '必須';
    }
    
    .note-editor .modal-body {
        margin: 20px;
    }
    
    .ib-navi-item {
        padding: 5px;
        font-size: 16px;
    }
    
    .ib-navi-item a {
        color: #fff;
    }
    
    .ib-navi-sepa {
        height: 24px;
        border-right: 1px solid #ccc;
        width: 1px;
        margin: 5px;
        padding: 0px;
    }
    
    .ib-left {
        float: left;
    }
    
    .ib-right {
        float: right;
    }
    
    .ib-logo {
        font-size: 22px;
        font-family: 'Arial';
        padding-left: 15px;
        font-weight: bold;
    }
    
    .ib-page-title {
        font-size: 24px;
        float: left;
    }
    
    .ib-breadcrumb {
        width: 100%;
    }
    
    .breadcrumb {
        padding: 10px;
    }
    
    .ib-horizontal .input {
        float: left;
        padding-left: 10px;
        padding-right: 20px;
        padding-top: 0px;
        padding-bottom: 10px;
    }
    
    .ib-horizontal label {
        float: left;
        text-align: right;
        padding-top: 5px;
    }
    
    .ib-horizontal .text {
        width: 160px;
    }
    
    .ib-search-date-container {
        width: 800px;
        height: 60px;
    }
    
    .ib-search-date-container .date {
        font-size: 20px;
    }
    .well {
        background-color: #fff;
        padding: 10px;
        border: 2px solid #e3e3e3;
        border-radius: 10px;
        margin: 10px;
        }
    
    .course {
        text-align: center;
    }
    
    .ib-col-date {
        width: 160px;
        text-align: center;
    }
    
    .ib-col-center {
        text-align: center;
    }
    
    .ib-col-datetime,
    .ib-col-action {
        width: 160px;
        text-align: center;
    }
    
    .ib-table-csv {
        width: 90%;
    }
    
    .ib-table-csv th {
        border: 1px solid;
        min-width: 100px;
        padding: 5px;
    }
    /* start メニューの自動ボタン化を抑止 */
    
    .nav>li {
        float: left;
        display: inline-block;
    }
    
    .navbar-nav {
        margin: 0;
    }
    
    .navbar-nav>li>a {
        padding-top: 14.5px;
        padding-bottom: 14.5px;
    }
    /* end */
    
    .irohasoft {
        font-size: 10px;
        color: #aaa;
        text-align: center;
    }
    
    .irohasoft a {
        color: #9ab;
        display: initial;
    }
    
    #sortable-table tbody {
        cursor: move;
    }
    
    .content-label {
        font-size: 22px;
        padding-bottom: 0px;
    }
    
    .btn-rest {
        float: right;
    }
    
    .status-closed {
        color: #666;
        font-size: 12px;
    }
    
    .users-login #remember_me {
        margin-left: 10px;
    }
    
    .contents-questions-index .radio-group {
        font-size: 18px;
        /*	padding				: 10px;*/
        line-height: 180%;
    }
    
    .radio-group input[type="radio"] {
        display: none;
    }
    
    .radio-group label {
        cursor: pointer;
        width: 80px;
        margin: 0;
        padding: 12px 5px;
        /*	color: #555e64;*/
        transition: .2s;
        border-color: #1976D2;
        border-radius: 10px;
        border-width: 2px;
        /*    background-color: #E3F2FD;*/
        margin-bottom: 10px;
    }
    
    .radio-group label:hover {
        background-color: #1976D2;
        color: #fff;
    }
    
    .radio-group input[type="radio"]:checked+label {
        background-color: #1976D2;
        color: #fff;
    }
    
    .contents-questions-index input[type=radio] {
        padding: 10px;
    }
    
    .contents-questions-index input[type=checkbox] {
        float: none;
    }
    
    .form-inline {
        padding: 15px;
    }
    
    .contents-questions-index #lblStudySec {
        position: fixed;
        /**	top					: 50px; **/
        /**	right				: 20px; **/
        top: 5px;
        right: 5px;
        display: none;
    }
    
    .contents-questions-index .question-text,
    .contents-questions-index .correct-text {
        padding: 10px;
        border-radius: 6px;
    }
    
    .question-text {
        margin-bottom: 10px;
    }
    
    .correct-text p {
        margin: 0;
    }
    
    .contents-questions-index img {
        max-width: 100%;
    }
    
    .contents-questions-index .result-table {
        margin: 10px;
        width: 250px;
    }
    /* スマートフォン用 */
    
    @media only screen and (max-width:800px) {
        #flashMessage {
            width: initial;
            right: 0px;
            left: 0px;
        }
        .panel {
            margin: 3px;
            margin-bottom: 10px;
            /* margin-left: 5%; */
        }
        .list-group-item-text span {
            display: block;
        }
        .responsive-table {
            display: block;
        }
        .responsive-table thead {
            display: none;
        }
        .responsive-table tbody {
            display: block;
        }
        .responsive-table tbody tr {
            display: block;
            margin-bottom: 1.5em;
        }
        .responsive-table tbody th,
        .responsive-table tbody td {
            display: list-item;
            list-style: none;
            border: none;
        }
        .responsive-table tbody th {
            margin-bottom: 5px;
            list-style-type: none;
            color: #fff;
            background: #000;
        }
        .responsive-table tbody td {
            margin-left: 10px;
            padding: 0;
        }
        .responsive-table a {
            font-size: 18px;
            font-weight: bold;
        }
        .responsive-table tbody td:before {
            width: 100px;
            display: inline-block;
        }
        .ib-col-center,
        .ib-col-date {
            text-align: left;
            width: 100%;
        }
    }