#start_btn_wrap {margin-top: 40px; margin-bottom: 40px;}
#start_btn_wrap .btn {margin: 0 5px;}
#options .panel strong {font-size: 18px;}
#titles .nav a {font-weight: bold; font-size: 18px;}
#titles .tab-content label {font-size: 14px; cursor: pointer; margin-top: 5px; margin-bottom: 5px; user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#titles .tab-content label .badge {vertical-align: middle; margin-left: 5px; padding-left: 6px; padding-bottom: 2px; font-size: 11px;}
#titles .description {margin-bottom: 0;}
#titles .description + .description {margin-bottom: 10px;}
#titles [aria-expanded=true] > .glyphicon-plus-sign {display: none;}
#titles [aria-expanded=false] > .glyphicon-minus-sign {display: none;}
#catalog .check:not(:empty):after {content: '/';}
#layout .panel label {font-size: 14px; padding-left: 5px; text-align: center;}
#layout .panel label img {border: 1px solid #ccc;}
#customButtonWrap {display: none;}
#tangenWrap .panel .checkbox-inline {font-size: 14px; letter-spacing: -0.1px;}
#tangenWrap h5 {font-size: 14px; font-weight: bold; padding: 0.5em;}
#tangenWrap h5 label {margin-top: 0; margin-bottom: 0;}
#tangenWrap .shoWrap + .shoWrap {margin-top: 30px;}
#tangenWrap .badge {display: none;}

#options #yogobox .checkbox-inline {width: 270px; margin-bottom: 10px; margin-right: 20px; margin-left: 0; font-size: 16px;}
#options #yogobox .checkbox-inline.smallFont {font-size: 14px; letter-spacing: -0.1px;}
#options #yogobox .checkbox-inline .badge {background-color: #5cb85c; color: #fff; margin-left: 3px;}
#options #yogobox .checkbox-inline .badge.exam {background-color: #d9534f;}
#options #yogobox .checkbox-inline.smallFont .badge {font-size: 11px;}

#yogolist li {
    width: 270px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    margin: 5px 10px;
    padding: 5px;
    cursor: move;
    border-radius: 5px;
    font-size: 16px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

#unitList li {
    width: 270px;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    margin: 5px 10px;
    padding: 5px;
    cursor: move;
    border-radius: 5px;
    font-size: 16px;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

#subject .caution {margin-top: 10px;}

#subjectAffix {right: 20px; bottom: 5px; z-index: 10001; display: none; cursor: pointer;}
#subjectAffix.visible {display: block;}
#subjectAffix div {margin-bottom: 0; color: #333; border-color: #d9534f; font-weight: bold;}
#subjectAffix div > b {color: #333;}
#subjectAffix div > b > span {color: #d9534f;}

#checkBtnWrap {margin-bottom: 15px;}
#body .contents .bottom_recommend {display: none;}
#body .sidebar {display: none;}

#catalog.checkbox.display-picture-only.hidden {display: none;}
button {user-select: none; -webkit-user-select: none; -ms-user-select: none;}
        
#layout label.active {font-weight: bold; box-shadow: 0 2px 4px rgba(0,0,0, .50) inset;}
#layout #queTypeSelect {margin-top: 5px;}
#layout #queTypeSelect label:not(.active) {background-color: #dd6764;}
#layout #queTypeSelect + div {line-height: 100%; margin: 3px auto;}
#layout #queTypeSelect + div > span {transform: rotate(-45deg);}
        
#tangenWrap .tab_1.active a, #tangenWrap .tab_1.active a:hover {background-color: #dff0d8;}
#tangenWrap #grade_contents_warp_1.active .region_head {background-color: #dff0d8;}
#tangenWrap #grade_contents_warp_1.active .region_head .region_contents_wrap {background-color: #f6fbf4;}
#tangenWrap #grade_contents_warp_1.active .region_list_wrap .region_list {border: 1px solid #dff0d8;}

#tangenWrap .tab_2.active a, #tangenWrap .tab_2.active a:hover {background-color: #FFDBDD;}
#tangenWrap #grade_contents_warp_2.active .region_head {background-color: #FFDBDD;}
#tangenWrap #grade_contents_warp_2.active .region_head .region_contents_wrap {background-color: #FFF4F5;}
#tangenWrap #grade_contents_warp_2.active .region_list_wrap .region_list {border: 1px solid #FFDBDD;}

#tangenWrap .tab_3.active a, #tangenWrap .tab_3.active a:hover {background-color: #FFE2B5;}
#tangenWrap #grade_contents_warp_3.active .region_head {background-color: #FFE2B5;}
#tangenWrap #grade_contents_warp_3.active .region_head .region_contents_wrap {background-color: #FFF6E8;}
#tangenWrap #grade_contents_warp_3.active .region_list_wrap .region_list {border: 1px solid #FFE2B5;}

#tangenWrap .region_head {padding-top: 5px; padding-bottom: 0; background-color: #999;}
#tangenWrap .region_head + .region_head {border-top: 1px solid #ccc;}
#tangenWrap .region_head .region_heading {margin-top: 0; margin-bottom: 0; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;}
#tangenWrap .region_head .region_heading a {font-size: 21px;}
#tangenWrap .region_head .region_heading a .glyphicon {font-size: 18px;}
#tangenWrap .region_head .region_heading .title {font-weight: bold;}
#tangenWrap .region_head .region_contents_wrap {padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; background-color: #ccc; box-shadow: 0 1px 1px 0 rgba(0 ,0, 0, 0.4) inset;}
#tangenWrap .region_head .region_contents_wrap .emptyChapter {font-size: 14px; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
#tangenWrap .region_list_wrap {margin-bottom: 0;}
#tangenWrap .region_list_wrap .region_list {background-color: #fff; border-radius: 5px; margin: 5px; padding: 0; box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.4) inset; cursor: pointer;}
#tangenWrap .region_list_wrap .region_list.checked {background-color: #FCF8E3;}
#tangenWrap .region_list_wrap .region_list.disabled {background-color: #ccc; color: #666; box-shadow: none; cursor: not-allowed;}
#tangenWrap .region_list_wrap .region_list label {display: block; font-size: 15px; margin: 0; padding: 5px 5px 5px 10px; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#tangenWrap .region_list_wrap .region_list.disabled label {cursor: not-allowed;}
#tangenWrap .region_list_wrap .region_list .devonly {font-weight: normal; display: block; font-size: 8px; margin: 5px 0 0 10px;}

#options #catalog .select_button_wrap {margin-top: 20px; margin-bottom: 20px;}
#options #catalog .select-problem-count-wrap {font-size: 16px; margin-top: 10px;}
#options #catalog .select-problem-count-wrap b {display: inline-block; padding: 7px 8px 5px 8px; margin-bottom: 7px;}
        
#options #catalog #problemArea .chapterHead .templateHead {padding: 0.4em 0.5em 0.3em 0.5em; margin-bottom: 15px; font-size: 20px; font-weight: bold; line-height: 100%;}
#options #catalog #problemArea .chapterHead .templateHead .chapter-ploblem-all-selector-wrap {font-size: 14px; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#options #catalog #problemArea .chapterHead .panel .panel-heading {font-size: 16px; padding-top: 5px; padding-bottom: 4px; line-height: 100%;}
#options #catalog #problemArea .chapterHead .row .col-xs-3 {padding-right: 5px;}
#options #catalog #problemArea .chapterHead .row .col-xs-9 {padding-left: 5px;}
#options #catalog #problemArea .problemInsertArea {padding: 10px;}
#options #catalog #problemArea .problemInsertArea label {font-size: 14.5px; background-color: #fcf8e3; padding: 0.2em 0.5em; margin: 5px; border-radius: 5px; white-space: nowrap; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#options #catalog #problemArea .problemInsertArea label {width: 15.5em; padding-right: 0; overflow: hidden; text-overflow: ellipsis;} /* test1 */
#options #catalog #problemArea .problemInsertArea label {font-size: 13px;} /* test2 */
#options #catalog #problemArea .problemInsertArea label.checked {font-weight: bold;}
#options #catalog #problemArea .problemInsertArea label .problem-checkbox {position: relative; margin-left: 0;}

#random_modal p {font-size: 24px; padding-top: 30px; user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#random_modal .print-count_wrap {margin-top: 20px; margin-bottom: 30px; font-size: 24px; user-select: none; -webkit-user-select: none; -ms-user-select: none;}
#random_modal #print-count {display: inline-block; width: 2em; margin-bottom: 0; margin-right: 0.1em; font-size: 28px; -webkit-appearance: menulist;}
#random_modal #random_button {margin-bottom: 10px;}
#random_modal #random_can_button {margin-bottom: 30px;}
        
#countInfo {margin: 0 auto 20px auto; padding: 8px 4px 7px 10px; width: 29em;}

#pre-release ul {width:510px; } /*override*/
#pre-release ul li {line-height: 120%;}
#pre-release ul li + li {margin-top: 1rem;}
#pre-release ol {width: 510px; display: inline-block; list-style-type:decimal; text-align: left; margin: 0 auto 5px auto; }
#pre-release ol li {font-size: 14px; font-weight: bold; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;}
#pre-release ol li + li {margin-top: .4rem;}