/*//////////////////
2018.Jan. BestPPP
//////////////////*/

body {
	font-size: 14px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

body {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.navbar-default {
	background: #1bbae1;
}
.sidebar .sidebar-nav.navbar-collapse{
	box-shadow: 1px 1px #dfdfdf;
    background: #f8f8f8;
}

.navbar-default .navbar-brand {
	font-weight: 800;
	color: #fff;
	font-size: 16px;
	padding-top: 1rem;
	padding-left: 0;
	line-height: 1.3;
}
.navbar-default .navbar-brand span {
	font-size: 1rem;
	font-weight: 300;
	display: block;
}

.navbar-default .navbar-toggle {
	border: none;
	margin-right: 8px;
	float: left;
}
.navbar-default .navbar-toggle .icon-bar{
background: #fff;
}
.nav.navbar-top-links > li > a {
	font-size: 1rem;
}

.nav.navbar-top-links > li > a i.fa-fw {
	display: block;
	width: auto;
	font-size: 1.6rem;
}
.nav.navbar-top-links > li > a.dropdown-toggle{
color: #fff;
}
.navbar-top-links {
	text-align: center;
	position: absolute;
	top: 1rem;
	right: 0.5rem;
	max-width: 50%;
	line-height: 1;
}

.navbar-top-links li:last-child {
	margin-right: 0;
}

.navbar-top-links li a {
	padding: 0;
	min-height: 26px;
}

#side-menu a {
	color: #337ab7;
}

.sidebar ul li a.active {
	background-color: #d7ebf1;
}

.pagetop {
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}

.pagetop a {
	color: #fff;
	font-size: 20px;

}

.pagetop:active,
.pagetop:hover {
	background: #6ad2eb;
	border: 1px solid #6ad2eb;
	opacity: .8;
	-webkit-opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=8);
	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)";
	/* IE 8 */
}

#page-wrapper {
	padding: 0;
}

.row {
	padding: 0;
	margin: 0;
}

.well {
	margin: 15px;
}

.panel-heading h2 {
	font-size: 1.6rem;
	font-weight: 800;
	margin: 5px 0;
}

.page-header {
	color: #337ab7;
	font-size: 1.6rem;
	margin-top: 20px;
	padding: 0 15px 10px 0;
	
}
.page-header i{}

.row .panel {
	margin: 0 1.5rem 3rem;
	box-shadow: none;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.panel-success .panel-footer {
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.panel-success .panel-footer a {
	color: #3c763d;
	text-align: center;
	width: 100%;
	display: block;
}

.table-responsive {
	border: none;
}

table input {
	display: block;
}

table input#selectall1 {
	display: inline-block;
}

table label {
	display: block;
}

.fee input {}

.dataTables_wrapper .row {
	margin: 0;
}

.dataTables_wrapper .col-sm-12 {
	padding: 0;
}

.btn.cg_status,
.btn.cg_correction {
	margin-bottom: 1rem;
	width: 100%;
}

.panel-info dl {
	padding-bottom: 0;
}
.panel-info dl.panel-body{
    padding-bottom: 0;
    padding-left: 1.5rem;
    margin-bottom: 0;
}
.panel-info dl.panel-body + .panel-footer{
    margin-top: 1.5rem;
}

.panel-info dl dt {
	font-weight: 300;
}

.panel-info dl dd {
	font-size: 1.4rem;
}

.date_pick {
	display: inline-block;
	font-weight: 100;
	width: 200px;
	height: 34px;
	padding: 1px 10px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.picker + .fa-calendar {
	font-size: 2rem;
	color: #2196f3;
}
.picker + .fa-calendar:active,
.picker + .fa-calendar:hover{
    opacity: .8;
    cursor:pointer;
}
.radio {
	display: inline-block;
	width: 15%;
	margin-left: 1rem;
}

/*//////////
offer_correction
//////////////*/

.offer_correction .form-group {}

.offer_correction .form-group h4 {
	color: #333;
	padding: 15px 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin: 0;
	font-size: 1.4rem;
	font-weight: 800;
}

.form-control-static {
	padding: 15px 0;
}

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, .1);
	z-index: 1;
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 2;
}

.ui-multiselect-menu {
	z-index: 9999;
	width: 250px;
}

.offer_import{
	
}
#select_school {
	margin-bottom: 3rem;
}
.area_select{
	position: relative;
}
.area_select .ui-multiselect{
	max-width: unset;
	padding: 5px 10px;
}
.area_select .ui-multiselect-menu .ui-multiselect-checkboxes label{
	padding-left: 2.9rem;
}
.area_select .ui-multiselect-checkboxes label input{
	margin-left: -2.7rem;
}

#import_school {
	z-index: 999;
}

.selected_sch {
	width: 100%;
}

.search_area {
	padding: 15px;
}

.search_area h2 {
	font-size: 14px;
	font-weight: 800;
}

.search_area .form-group h2 {
	/*width: 20%;*/
	margin: 0;
	line-height: 31px;
}
.search_area .form-group.sinryo h2,
.search_area .form-group.status h2 {
	width: 100%;
}

.search_area .form-group {
	margin-bottom: 30px;
}

.search_area .form-group h2 + div {}

.search_area .form-group.update select {}

.search_key {
	margin-bottom: 30px;
}

.search_key .input_key {
	width: 80%;
	display: inline;
}

.search_area .checkbox-inline {
	display: inline-block;
	margin-right: 4rem;
}

.search_area .form-group.update label + label {
	margin-left: .52rem;
}

.search_area .date_pick {
	width: 116px;
}

.input_key .input-group {
	margin-bottom: 0;
}

.input_key .input-group-addon:first-child {
	width: 50px;
}

.row .panel.sld_school {
	margin-bottom: 1rem;
}
.row .panel.sld_school + .info form {margin-top:0;}
.sld_school .name {
	font-weight: 900;
	margin: 0;
}

.sld_school .name span:first-child {
	background: #2196f3;
	color: #fff;
	padding: 3px 10px 3px 15px;
	border-radius: 5px 0 0 5px;
	position: relative;
	overflow: hidden;
	margin-right: 2rem;
}

.sld_school .name span:first-child:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -1rem;
	margin-top: -1.3rem;
	border-top: 1.25rem solid transparent;
	border-bottom: 1.25rem solid transparent;
	border-left: 1rem solid #2196f3;
	display: block;
}

.sld_school .name span + span {
	padding-top: .5rem;
}

.infodtl {
	width: 100%;
}

.btn-primary.btn-outline {
	border: none;
}

.btn-primary.btn-outline a {
	background: #428bca;
	padding: .5rem 1rem;
	font-size: 1rem;
}

.btn-entry {
	margin: 1rem;
	font-weight: 900;
}

.info .search_key {
	padding: 0;
	display: block;
}

.info .search_key label {
	display: block;
}

label .datepicker {
	display: inline-block;
	width: 70%;
}

.info .search_key .input_key {
	width: 100%;
}

.info .input_key .input-group {
	width: 100%;
}

.info .search_key .input_key input[type='text'] {
	max-width: 100%;
}

.info .input_key + button {
	margin-top: .5rem;
}

.table-responsive.info table.dataTable thead > tr > th:nth-child(1) {}

.table-responsive.info table.dataTable thead > tr > th:nth-child(2) {
	min-width: 100px;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
	padding-left: 5px;
	padding-top: 40px;
}

/*//  お知らせ   //*/
.table-responsive.info_edit > .table-bordered {
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.table-responsive.info_edit > .table-bordered > tbody > tr > th,
.table-responsive.info_edit > .table-bordered > tbody > tr > td {
	display: block;
	white-space: initial;
}

.table-responsive.info_edit > .table-bordered > tbody > tr > th {
	background-color: #f8f8f8;
	position: relative;
}

.table-responsive.info_edit > .table-bordered > tbody > tr > td {
	border-right: 1px solid #ddd;
}

.info_edit .form-group {
	margin-left: 1.5rem;
	margin-bottom: 0;
}

.info_edit .infodtl {
	min-height: 42px;
}

.info_edit .required {
	right: .5rem;
}

.info_edit .radio {
	min-width: 40%;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 12px;
	min-height: 42px;
}

.info_edit .checkbox-inline {
	padding-top: 12px;
}
.info_edit label input[type="checkbox"]:after {
	margin-top: -4px;
}

.info_edit .radio input[type="radio"] {
	margin-top: 3px;
}

.info_edit .radio input[type="radio"]:after {
	margin-right: 3px;
}

.info_edit input[type="checkbox"]:checked:before {
	margin-top: -2px;
}

.alert-success {
	transition: .3s;
}

/*  規約   */
.entry-panel {
	margin: 3rem;
}
.kiyaku {
	margin: 2rem;
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #dfdfdf;
	padding: 1rem;
}
.kiyaku h2 {
	font-size: 1.5rem;
	font-weight: 800;
    color: #337ab7;
}
.kiyaku h3{
	font-size: 1.4rem;
	color: #337ab7;
    line-height: 1.5;
}
.kiyaku h4{
font-size: 1.4rem;
}
.kiyaku ul{
list-style: none;
padding: 0 1rem;
}
.kiyaku ul li{
    margin-bottom: 1rem;
}
.kiyaku dl{
    border-top: 1px solid #dedede;
    font-size: 1.2rm;
    padding: 1rem;
}
.kiyaku dl dt{
    font-weight: 300;
    float: left;
    width: 50%;
}
.kiyaku dl dd{
    padding-left: 50%;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: .9rem;
}.entry-panel .btn {
	width: 80%;
	margin: 0 auto;
}

p.static {
	padding: 2rem 0;
}

.entry .login-panel {
	margin-left: 3rem;
	margin-right: 3rem;
}

.entry .form-group {
	margin-bottom: 3rem;
}

.form-group select.form-control {
	max-width: 300px;
	float: none;
	margin: 0 auto;
}

.form-group.graduate {
	width: 100%;
	text-align: center;
}

.form-group.graduate label {
	display: block;
}

.entry .panel-title {
	font-size: 2rem;
	text-align: center;
	font-weight: 800;
}

.entry .text-info {
	margin-bottom: 0;
}

.entry .text-danger {
	padding-top: .5rem;
}

.entry .text-danger span {
	padding-right: .5rem;
}

.thanks {
	margin-top: 5%;
}

.thanks .panel-heading .panel-title {
	padding: 2rem 0;
}

.thanks_txt {
	margin: 2rem 0;
	line-height: 2;
}

.thanks_txt .panel-title {
	color: #337ab7;
	padding-bottom: 3rem;
	line-height: 1.5;
	font-size: 1.8rem;
}

.entry .form-group select#birthp,
.entry .form-group select#pref,
.entry .form-group select#city {
	width: 100%;
}

.form-group + h4.text-primary {
	margin-top: 3rem;
}

.entry .form-group label {
	position: relative;
	width: 100%;
}

.required {
	background: #f2dede;
	color: #a94442;
	font-size: 1rem;
	font-weight: 100;
	padding: 3px 5px;
	margin-left: .5rem;
	position: absolute;
	right: 0;
}

.nonrequired {
	background: #dfdfdf;
	color: #333;
	font-size: 1rem;
	font-weight: 100;
	padding: 3px 5px;
	margin-left: .5rem;
	position: absolute;
	right: 0;
}

.checkbox-inline,
.radio-inline {
	display: block;
	min-height: 42px;
}

.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
	margin-left: 0;
}

.panel-body .col-lg-12 {
	padding: 0;
}

.select_drop label {
	text-align: left;
	display: block;
}

.row > .col-lg-12 > .panel {
	margin: 0 1.5rem 3rem;
}

.col-lg-12 form {
	margin: 1.5rem 0;
	z-index: 998;
}

.select_drop {
	padding: 0;
	text-align: center;
}

.form-group.select_drop select.form-control {
	max-width: 100%;
}

.form-group.select_drop button {}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	background-color: #31b1a5;
	font-size: 2rem;
}

.btn-danger {
	padding: 2px 10px;
}
.row .panel.panel-info{
	border-bottom-color: #bce8f1;
}

/* Jquery-ui popup*/
.ui-draggable .ui-dialog-titlebar{
	background: #ececec;
	color: #666;
	
}
.ui-widget-header{
	border-color: #f2dede;
}
.ui-dialog .ui-dialog-buttonpane{
	border-color: #dedede;
}
.ui-dialog .ui-dialog-buttonpane button{
	background: #dedede;
	font-size: 1.25rem;
	padding: 3px 15px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
	text-align: center;
}
.paging{
	text-align: center;
	margin: 0 auto;
}
.form-control.error{
	border: 1px solid #a94442;
	box-shadow:inset 0 1px 1px rgba(228, 77, 77, 0.75);
	-webkit-box-shadow:inset 0 1px 1px rgba(228, 77, 77, 0.75);
}
.text-danger{
	padding-top: .5rem;
}
.text-danger i{
	padding-right: .5rem;
}
.help-block{
	font-size: 1.2rem;
}
.postcodebx #postcode1{
	width: 30%;
	display: inline-block;
}
.postcodebx #postcode2{
	width: 50%;
	display: inline-block;
}

/*//  FAQ  //*/
.row > .col-lg-12>.faq_body {
	margin-bottom: 5rem;
	border: none/*#2196f3 1px solid*/;
	border-radius: 0;
}
.faq_body .panel-heading{
	border-radius: 0;
	background: #2196f3;
	border-bottom: #2196f3 1px solid;
	margin: 0;
	padding: 5px;
}
.faq_body dl{
	margin-bottom: 0;
	padding: 2rem 0 0 0;
	border-bottom: 1px dotted #31708f;
	width: 100%;
}
.faq_body .panel-heading + dl{
	padding-top: 2rem;
	display: table;
}
.faq_body dl+.panel-footer{
	margin-top: 3rem;
	background: #dff0d8;
	border-bottom: #5cb85c 1px solid;
	text-align: right;
}
.faq_body dl+.panel-footer a:link{
	text-decoration: underline;
	color: #333;
}
.faq_body dl dt{
	color: #31708f;
	position: relative;
	padding-left: 1.9rem;
	font-weight: 300;
	padding-bottom: 2rem;
	padding-right: 2rem;
}
.faq_body dl dt:before{
	content: 'Q';
	width: 26px;
	height: 26px;
	color: #31708f;
	display: inline-block;
	font-size: 1.6rem;
	position: absolute;
	left: 0;
	top: 0;
}
.faq_body dl dd:before{
	content: 'A';
	width: 26px;
	height: 26px;
	color: #a94442;
	display: inline-block;
	font-size: 2.6rem;
	position: absolute;
    left: 0;
    top: -.2rem;
}
.faq_body dl dd{
	 display: none;
	margin-bottom: 2rem;
	position: relative;
	padding-left: 3rem;
}
.faq_body dl dt span{
	opacity:0;
	position: absolute;
    right: 1rem;
    top: 10%;
    font-size: 1.6rem;
	color: #999;
}
.faq_body dl dt.active span{
	opacity:1;
}
.faq_body dl:hover{
	cursor: pointer;
}
.faq_body dl dt span{
	opacity: 1;
	  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}
.faq_body dl dt.active span{
	  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -moz-transform: scaleY(1);
  transform: scaleY(1);
  filter: FlipV;
  -ms-filter: "FlipV";	
}
.form-group select.form-control{
	max-width: none;
    position: relative;
}

/* Member entry processbar */
.processbar{
	padding: 1rem 0;
	text-align: center;
}
.processbar ul{
	font-size: 0;
	list-style: none;
	padding: 0;
}
.processbar ul li{
	font-size: 1.2rem;
	display: inline-block;
	width: 24.5%;
	padding: .5rem 0;
	background: #ddeaed;
	border-right: 1px solid #fff;
	color: #666;
}
.processbar ul li:last-child{
	border-right: none;
}
.processbar ul li.active{
	background: #1bbae1;
	color: #fff;
	font-weight: 900;
}
.hdr_button {
	padding-top: 1rem;
	text-align: center;
	/*border-bottom: 1px solid #ccc;*/
    padding-bottom: 1.2rem;
	background: #d2e9ef;
}
.hdr_button button{
	background: #fff;
	color: #337ab7;
	border: none;
	font-size: 12px;
	height: 36px;
}
.hdr_button button:nth-child(2){
	margin-left: 1rem;
}
.visitor .hdr_button{
	display: block;
}
table label #date_box + .picker{
    bottom: 0;
}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover{
    background: none;
}
.offercount {
	width: 100%;
	text-align: right;
	font-size: 12px;
	padding: 10px 15px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1rem;
}
.offercount p{
	font-size: 18px;
	display: inline-block;
	margin: 0;
}
.offercount p span{
	font-size: 12px;
}
.iPhoneCheckContainer{
max-width: 70px;
height: 20px;
}
.iPhoneCheckHandle{
height: 20px;
}
.iPhoneCheckContainer label {
    font-size: 14px;
    line-height: 12px;
    padding-top: 4px;
}
label.iPhoneCheckLabelOff span{
margin-right: 4px;
}
.date_pick{
background: #fff url(../../img/icon-calendar.svg) no-repeat 95% center / 20px auto;}
.picker + .fa-calendar{display: none;}
.search_area .form-group.update .pickdate{display: inline-block;position: relative;}
.info_edit .date_input{
   position: relative; 
}
.info_edit .picker{
    bottom: auto;
    top: 45px;
}
.info_edit .date_input .form-control[readonly]{
    background-color: #fff;
}
.admin_info .info_edit .form-group.info_title {
	margin-left: 0;
}
.school_entry .col-lg-12 form{
    margin-top: 0;
}
.user_entry .col-lg-12 form{margin-top:0;}
.loginuser [name='person_lname']{margin-bottom:.5rem;}
.user_entry .row form .panel .panel-body{padding-bottom: 0;}
.faq .row .panel{margin:0;}
@media (min-width: 767px) {
	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand span,
	.nav.navbar-top-links > li > a {
		color: #fff;
	}
    .navbar-top-links{
        right: 1.8rem;
    }
	#page-wrapper {
		padding: 0 30px 30px;
	}
	.row {
		padding: 0;
	}
	.navbar-default .navbar-brand {
		padding-left: 1rem;
	}
	.dashboard.row > .col-lg-12 > .panel {
		margin-bottom: 2rem;
		margin-left: 0;
		margin-right: 0;
	}
	.row > .col-lg-12 > .panel{
		margin-left: 0;
		margin-right: 0;
	}
	.col-lg-12 {
		padding: 0;
	}
	.page-header {
		padding: 0 15px 10px 0;
	}
	.panel-heading h2 {
		letter-spacing: .05rem;
		font-weight: 300;
	}
	.btn.cg_status,
	.btn.cg_correction {
		width: auto;
		margin: 2rem auto;
	}
    form .btn.cg_correction{margin-left: 1rem}
	.btn.btn_confirm {
		margin: .5rem auto;
	}
    table .composition .col-md-4,
    table .ratio .col-md-4{
        float: left;
    }
    table .composition .col-md-4:first-child label{
        width: 100%;
    }
    table .col-md-6 label + .form-control#person_cnt{
        max-width: 10rem;
    }
    table .fee.col-md-12 label{
        width: 30%;
    }
    table .fee input[name^="allowance_"]{
        display: inline-block;
    }
    .fee label{
        width: auto;
    }
     
	/*//////////
	offer_correction
	//////////////*/
	.offer_correction .form-group {
		display: flex;
	}
	.offer_correction .form-group h4 {
		color: #333;
		padding: 10px 15px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		margin: 0;
		flex-basis: 30%;
		font-size: 1.4rem;
		font-weight: 800;
	}
	.offer_correction .form-control-static{
		padding: 0;
		width: 70%;
	}
	.form-control-static{
		padding: 15px 0;
	}
	.col-md-4 {
		width: 25%;
	}
	table .col-md-4 label {
		width: auto;
	}
	table .col-md-4:first-child {
		width: 25%;
	}
	table .col-md-4 .form-control {
		width: 8rem;
	}
    
	/*  規約   */
	.entry-panel {}
	.kiyaku {
		max-width: 600px;
		height: 500px;
		margin: 1rem auto;
		padding: 2rem;
	}
	.kiyaku h2 {
		margin-top: 0;
		padding: 2rem 0 0;
	}
    .kiyaku ul{
    padding: 1rem 2rem 0;
    }
    .kiyaku dl dt{
    width: 30%;
    }
    .kiyaku dl dd{
    padding-left: 30%;
    }
    .kiyaku .contact{
    margin-bottom: 0;
    }
	.entry form {
		max-width: 680px;
		margin: 5rem auto;
	}
	.entry-panel .btn {
		max-width: 300px;
		margin: 2rem auto;
	}
	.entry .login-panel {
		margin-top: 3rem;
	}
	.entry .form-group label {
		width: 34%;
		max-width: 34%;
	}
	.entry .form-group .form-control {
		width: 62%;
		display: inline-block;
		/*margin-left: 2rem;*/
	}
	.entry table .form-group{
		margin-bottom: 0;
	}
	.entry table .form-group label{
		width: auto;
	}
	.entry .text-muted,
	.entry .text-info,
	.entry .text-danger {
		padding-left: 33%;
		margin-left: 2rem;
	}
	.form-group.graduate {
		text-align: left;
	}
	.form-group.graduate label {
		display: inline-block;
	}
	.entry .form-group select.form-control {
		width: 10rem;
	}
	.entry .btn-block {
		width: 150px;
		margin: 6rem auto 0;
	}
	.cnftxt {
		display: inline-block;
		/*padding-left: 2rem;*/
	}
	.entry .btn-back {
		margin-top: 3rem;
	}
	.form-group + h4.text-primary {
		margin-top: 6rem;
	}
	.thanks {
		margin-top: 15%;
	}
	.thanks_txt {
		margin: 4rem;
	}
	.table-responsive > .table-bordered > tbody > tr > td,
	.table-responsive > .table-bordered > tbody > tr > th {
		display: table-cell;
		/*width: 100%;*/
		position: relative;
	}
	.checkbox-inline,
	.radio-inline {
		display: inline-block;
	}
	/* 選択中 */
	.sld_school .name {
		margin: 0;
		padding-left: 0;
	}
	.sld_school .name span:first-child {

		padding: 3px 10px 3px 15px;
		border-radius: 5px 0 0 5px;
		position: relative;
		overflow: hidden;
		margin-right: 2rem;
	}
	.sld_school .name span:first-child:after {
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -1.3rem;
		right: -1rem;
	}
	.sld_school .name span + span {
		display: inline-block;
	}
	.row .panel.info {
		margin-bottom: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.row .panel.info .search_key {
		padding-top: 1.5rem;
	}
	.info .search_key {
		padding: 0;
		display: flex;
	}
	.info .search_key .input_key {
		width: 60%;
		display: inline-block;
	}
	.info .search_key .input_key input[type='text'] {
		/*width: 400px;*/
		height: 39px;
	}
	.info .search_key label {
		width: 12rem;
		display: inline-block;
		line-height: 39px;
		margin-bottom: 0;
	}
	.info .input_key + button {
		margin-top: 0;
		margin-left: .5rem;
	}
	.panel.info button[type='submit'] {
		display: inline-block;
	}
	.btn-info.btn-outline {
		margin-left: 0;
	}
	/*//  お知らせ   //*/
	.table-responsive.info_edit > .table-bordered {
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-top: none;
		border-right: none;
	}
	.table-responsive.info_edit > .table-bordered > tbody > tr > th,
	.table-responsive.info_edit > .table-bordered > tbody > tr > td {
		display: block;
		white-space: initial;
	}
	.table-responsive.info_edit > .table-bordered > tbody > tr > th {
		display: table-cell;
		background: none;
		min-width: 200px;
        width: 200px;
	}
	.table-responsive.info_edit > .table-bordered > tbody > tr > td {
		border-right: 1px solid #ddd;
		display: table-cell;
	}
	.table-responsive.info_edit > .table-bordered > tbody > tr:hover {
		background: none;
	}
	.info_edit .checkbox-inline {
		margin-right: 3rem;
	}

	.info_edit .form-group {
		margin-left: 1.5rem;
		margin-bottom: 0;
	}
	.info_edit .infodtl {
		min-height: 42px;
		min-width: auto;
	}
	.info_edit .required {
		right: .5rem;
	}
	.nonrequired {
		right: .5rem;
	}
	.info_edit .checkbox-inline input[type="checkbox"]:after,
	.info_edit .radio input[type="radio"]:after {
		margin-top: -4px;
	}
	.info_edit .radio input[type="radio"]:before {
		margin-top: -2px;
	}
	.info_edit .radio input[type="checkbox"]:after {
		margin-top: -4px;
	}
	label .datepicker {
		display: inline-block;
		width: 150px;
	}
	.infodtl {
		width: 40%;
	}
	.row.well {
		text-align: center;
		padding: 30px 15px;
	}
	/* Search Box  */
	.search_area {}
	.search_area .form-group h2,
	.search_area .form-group {
		display: inline-block;
	}
	.search_area h2 {
		font-size: 14px;
		width: 20%;
		/*color: #2196f3;*/
		font-weight: 800;
		line-height: 40px;
	}
	.search_key > h2 {
		width: 14rem;
		float: left;
		height:38px;
	}
	.search_area .form-group > h2 {
		width: 14rem;
		margin: 0;
		line-height: 31px;
	}
	.search_area .form-group.shinryo h2,
	.search_area .form-group.status h2 {
		width: 14rem;
	}
	.search_area .form-group.shinryo h2 + .checkbox-inline,
	.search_area .form-group.shaho h2 + .checkbox-inline,
	.search_area .form-group.status h2 + .checkbox-inline {
		margin-left: 3rem;
	}
	.search_area .form-group.update h2 {
		width: 14rem;
	}
	.search_area .form-group {
		width: 100%;
		margin-bottom: 5px;
	}
	.search_area .form-group h2 + div {
		display: inline-block;
		float: none;
	}
	.search_area .form-group.shinryo h2 + div,
	.search_area .form-group.status h2 + div {
		margin-left: 14rem;
	}
	.search_area .form-group.update select {
		width: 20%;
	}
	.search_key {
		/*display: flex;*/
		margin-bottom: 0;
	}
	.search_key .input_key {
		width: 70%;
		display: inline;
		float: left;
		margin-left: .5rem;
	}
	.input_key .input-group {
		margin-bottom: 0;
		width: 99%;
	}
	.input_key .input-group-addon:first-child {
		width: 50px;
	}
	.search_key .input_key + span {
		display: inline-block;
		width: auto;
		/*line-height: 40px;*/
	}
	.search_area .form-group > .checkbox-inline {
		padding-left: 0;
	}
	.search_area .col-md-12 {
		float: none;
		padding: 0;
	}
	.search_area {
		position: relative;
	}
	.search_area .col-md-12.area {}
	.search_area .col-md-12 .form-group {
		/*width: 21%;*/
		float: none;
		margin-right: 15px;
		max-width: 190px;
	}
	.search_area .col-md-12 .form-group h2 {
		width: 100%;
	}
	.ui-multiselect {
		max-width: 190px;
	}
	.btn_search {
		margin: 2rem auto 0;
		text-align: center;
	}
	.col-md-12.sar .ui-multiselect-menu {
		width: 200px;
	}
	.required {
		right: .5rem;
	}
	.form-group.postcodebx {
		margin-bottom: 1.5rem;
	}
	.postcodebx #postcode1{
		width: 100px;
		display: inline-block;
		font-size: 1.6rem;
	}
	.postcodebx #postcode2{
		width: 120px;
		display: inline-block;
		font-size: 1.6rem;
	}
	.btn-back{
		float: right;
	}
	.panel-body form {
	    margin: 0;
	}
	.loginuser .radio{
		width: 50%;
	}
	.loginuser input[type="radio"]:after{
		margin-top: -5px;
	}
	.loginuser input[type="radio"]:checked:before{
		top: -3px;
	}
	.info_edit .form-group.col-md-12{
		padding: 0;
		margin: 0;
	}
	.info_edit .form-group.col-md-6{
		padding: 0;
    	margin: 0;
		width: 40%;
	}
	.info_edit .form-group.col-md-6 + .col-md-6{
		margin-left: .5rem;
	}
	.row > .col-lg-12>.panel-green{
		border-color: #5cb85c;
	}
	.panel-green .table-responsive{
		padding: 0;
	}
	.search_area .form-group.status h2,
	.search_area .form-group.shinryo h2{
		float: left;
	}
	.search_area .form-group.status h2 + div,
	.search_area .form-group.shinryo h2 + div{
		max-width: 660px;
		width: 70%;
	}
	.search_area .status .col-md-10 .checkbox-inline{
		min-width: 110px;
	}
	.search_area .shinryo .col-md-10 .checkbox-inline{
		min-width: 130px;
	}
	td .radio{
		width: 30%;
	}
	.table-responsive{
		overflow-x: hidden;
	}
	.processbar{
		max-width: 480px;
		margin: 0 auto 5rem;
		padding: 0;
	}
	.search_area .status .col-md-10 .checkbox-inline{
		min-height: unset
	}
	.search_area .status{
		margin-bottom: 2rem;
	}
	.hdr_button{
		text-align: right;
    	font-size: 0;
		background: none;
		display: none;
	}
	.hdr_button button{
		margin-left: 1rem;
		font-size: 14px;
		border-radius: 0;
		border: 1px solid #337ab7;
	}
	.hdr_button button:nth-child(1){
		border-right: 1px solid #337ab7;
	}
	.hdr_button button:nth-child(2){
		margin-left: 0;
        border-left: none;
	}
	.form-group.fukuri>.checkbox-inline{
		width: 49%;
    	margin-right: 0;
	}
	/* Offer_view */
	.offer_entry.offer_view .table-responsive>.table-bordered>tbody>tr>td{
		width: auto;
	}
	#guidelines table tr:first-child th{
		background: #f5f5f5;
		text-align: center;
	}
		
	/* 2018.05.28 */
	.offer_entry.offer_view .table-responsive>.table-bordered>tbody>tr:hover{
		background: rgba(255,255,255,.0)
	}

	.iPhoneCheckContainer{
		max-width: 70px;
		height: 20px;
	}
	.iPhoneCheckContainer label{
		font-size: 14px;
    	line-height: 12px;
	}
	.iPhoneCheckHandle{
		height: 20px;
	}
	label.iPhoneCheckLabelOff span{
		padding-right: 6px;
	}
	.row .panel.panel-info .panel-footer{
		text-align: right;
		border-top: 1px solid #bce8f1;
		margin-top: 15px;
	}
    .panel-info .panel-footer a{
        font-size: 1.3rem;
    }
	.gr_year{
		padding: 0;
		float: none;
	}
	.gr_year h2{
		width: 12rem;
		display: inline-block;
		line-height: 39px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 700;
		
	}
	.gr_year .select{
		display: inline-block;
		float: none;
	}
	.form-group  .select select.form-control{
		display: inline-block;
		width: 200px;
	}
	.gr_year .select span{
		display: inline-block;
		font-weight: 700;
		padding-left: 1rem;
	}
	.panel-info dl{
		margin-bottom: 0;
	}
	.loginuser input[name="person_lname"],
	.loginuser input[name="person_fname"]{
		width: 48%;
		display: inline-block;
	}
	.col-lg-12 .form-group select[name="school_id"]{
        margin-bottom: 1rem;
    }
    .col-lg-12 form{
        padding: 1.5rem;
    }
    .admin_info .col-lg-12 form{padding:0;margin:0}
    .row .panel.sld_school + .info form{padding:0;}
    .school_entry .col-lg-12 form{
    padding: 0;
    }
    .entry.visitor .form-group:after{
        content: '';
        display: block;
        clear: both;
    }
    .offer_entry .table-responsive>.table-bordered>tbody>tr>th label .required{
        right: 0;
    }
    .offer_entry .table-responsive>.table-bordered>tbody>tr>td label .required{
        position: static;        
        margin-right: .5rem;
    }
    .picker{
        bottom: 328px; 
    }
    .picker__button--today{
        width: 28%;
    }
    .picker__button--close{
        width: 30%;
    }
    .picker__button--clear{
        width: 40%;
    }
    table .col-md-4{
        float: none;
    }
    .search_area h2{
        height: 24px;
    }
    .search_area .col-md-12.search_key {
		min-height: 26px;
		float: left;
        margin-bottom: 0;
	}
    .search_key .input_key input[type='text']{
		height: 28px;
	}
	.search_area .form-group.shaho{
		width: 50%;
		display: inline-block;
        margin-bottom: 5px;
	}
	.search_area .form-group.shaho + .shaho{
		width: 40%;
		display: inline-block;
		margin-bottom: 5px;
	}
	.search_area .form-group.shaho + .shaho h2{
		width: 4rem;
	}
    .search_area .form-group.status h2 + div,
	.search_area .form-group.shinryo h2 + div{
		max-width: 660px;
		width: 70%;
	}
    .search_area .date_pick{
		height: 26px;
	}
    .search_area .col-md-12.area{
		width: 50%;
		display: inline-block;
	}
	.search_area .col-md-12.area + .area {
		display: inline-block;
		width: 48%;
		margin-bottom: 10px;
	}
	.search_area .col-md-12.area + .area h2{
		width: 7rem;
	}
    .search_area .form-group.shinryo .col-md-10{
        padding-left: 1rem;
    }
    .search_area .shinryo + .form-group.shaho{
		width:100%;
	}
    .search_area .shinryo + .shaho h2{
        float: left;
        letter-spacing: -.04rem;
    }
    .search_area .shinryo + .shaho h2 + .checkbox-inline{
        padding-left: .5rem;
    }
    .form-group select.form-control{
		height: 26px;
		line-height: 26px;
		padding: 0 10px;
	}
    table input[type="radio"]:after, 
    table .checkbox input[type="radio"]:after, 
    table .checkbox-inline input[type="radio"]:after, table input[type="checkbox"]:after, 
    table .checkbox input[type="checkbox"]:after, 
    table .checkbox-inline input[type="checkbox"]:after{
        margin-top: -3px;
    }
    .offer_entry.offer_form .col-lg-12 form{
        padding: 5px 0;
    }
    .offer_correction .form-group:nth-child(4){
        margin-bottom: 1.5rem;
    }
    .panel-info.info_list02 dl.panel-body {
        padding-bottom: 1.5rem;
        padding-left: 0;
    }
    .form-control[name='person_lname'],
    .form-control[name='person_fname']{
        width: 49%;
        display: inline-block;
    }
    .user_entry .col-lg-12 form{padding:0;}
    .admin_info .row form > .panel,
    .info_entry .row .panel{margin:0;}
    .row.well form {padding:0 0 15px;}
    .offer_view .row.well{padding:0;}
    .user_entry .table-responsive > .table-bordered > tbody > tr > th{width: 30%;}
    .user_entry .table-responsive > .table-bordered > tbody > tr > td{width: 70%;}
    .school_entry .row .panel{margin:0;}
    table.table-bordered.dataTable{font-size:14px;}
}


@media (max-width: 766px) {
	.navbar-default .sidebar .nav{
        padding: 10px 10px 0 10px;
        background: #d2e9ef;
    }
    .navbar-default .nav li{
        width: 100%;
		border-bottom: none;
		background: #fff;
		display: inline-block;
		font-size: 1.4rem;
		margin-bottom: 1px;
    }
    .navbar-default .nav li:last-child{
		margin-bottom: 10px;
	}
	.navbar-default .nav.in a {
		color: #1bbae1;
		padding: 5px 12px;
	}
	.navbar-default .nav.nav-second-level {
		padding-top: 1px;
		/*display: block;*/
	}
	.navbar-default .nav.nav-second-level li {
		margin-bottom: 1px;
		border-radius: 0;
	}
	.navbar-default.sidebar .nav-second-level li a{
		padding: 5px 0 5px 24px;
	}
	.nav>li>a:focus, .nav>li>a:hover{
		background: #d0f4fd;
	}
	.navbar-default #side-menu.nav li a.active {
		border-radius: 0;
		color: #fff;
        background: #1bbae1;
	}
	.navbar-default .nav.navbar-top-links li {
		background: rgba(255, 255, 255, .0)
	}
    .area_select .ui-multiselect{
		max-width: 100% !important;
		background: #fff;
	}
	.row.well{
		padding: 15px;
	}
	h2.text-primary {
		font-size: 1.8rem;
    	font-weight: 800;
	}
	.hdr_button button{
		width: 46%;
		line-height: 1.2;
		font-size: 12px;
    	height: 46px;
		position: relative;
		padding-left: 25px;
    	padding-right: 8px;
		white-space: normal;
		margin-bottom: 1rem;
	}
	.hdr_button button .fa-fw{
		font-size: 20px;
		position: absolute;
		left: 5px;
		top: 13px;
	}
	.gr_year{
		padding: 0;
	}
	.gr_year h2{
		width: 5rem;
		display: inline-block;
		line-height: 1;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 700;
		
	}
	.gr_year .select{
		display: inline-block;
		float: none;
        margin-bottom: 15px;
	}
	.form-group  .select select.form-control{
		display: inline-block;
		width: 170px;
	}
	.gr_year .select span{
		display: inline-block;
		font-weight: 700;
		padding-left: 1rem;
	}
    select.gr_year + .btn_search{
        
    }
	.sld_school .name{
		line-height: 2;
	}
	.row > .col-lg-12 > .panel{
		padding: 0;
		margin: 0;
	}
	.info .search_key{
		margin-bottom: 1rem;
	}
	.panel .panel-body{
		padding: 15px 0;
	}
	.visitor .hdr_button{
		margin-bottom: 1rem;
		padding-bottom: 0;
	}
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tbody>tr>td{
        width: 100%;
        display: block;
    }
    .table-responsive>.table>tbody>tr>th{
        background: #ececec;
        border: none;
    }
    .table-responsive>.table>tbody>tr>td{
        border-left: none;
    }
    .school_entry .panel .panel-body{
        padding: 0;
    }
    .school_entry .table-responsive .radio{
        width: 50%;
    }
    .col-lg-12 form#search-form{
        margin: 1rem 0;
        
    }
    .search_area .checkbox-inline{
        min-height: 26px;
        margin-right: 1rem;
        padding-left: 30px;
    }
    .search_area .form-group{
        margin-bottom: 10px;
    }
	#page-wrapper .row.panel-body{
        padding: 15px;
    }
    .entry .picker th, 
    .entry .picker td{
        display: table-cell;
    }
    .entry .picker th{
        background: none;
    }
    .offer_entry.offer_form .panel-body table td .picker th, 
    .offer_entry.offer_form .panel-body table td .picker td{
        display: table-cell;
        
    }
    th .required{
        right: .5rem;
    }
    .picker{
        bottom: 400px; 
    }
    .offer_entry .panel > .table-responsive .picker td{
        padding: 0 5px;
    }
    .admin_info .row .panel{
    margin: 0;
    }
    .admin_info .col-lg-12 form{
    margin-top: 0;
    }
    .admin_info .panel .panel-body{
    padding: 15px;
    }
    .admin_info .row .panel.sld_school{
    margin: 0 1.5rem;
    }
    .table-responsive.info_edit{
    /*border-top: 1px solid #ddd;*/
    }   
    .table-responsive.info_edit>.table>tbody>tr>th{
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    }
}
@media (max-width: 330px) {
	.processbar ul li{
		font-size: 1rem;
	}
}


/*////// checkbox customize /////*/

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="radio"],
.checkbox-inline input[type="radio"],
.radio input[type="checkbox"],
.radio-inline input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	margin-left: -25px
}

input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"],
input[type="checkbox"],
.radio input[type="checkbox"],
.radio-inline input[type="checkbox"] {
	position: relative;
	margin-top: 6px;
	margin-right: 4px;
	vertical-align: top;
	border: none;
	background-color: transparent;
	-webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	cursor: pointer;
	display: inline-block;
}

input[type="radio"]:focus,
.radio input[type="radio"]:focus,
.radio-inline input[type="radio"]:focus {
	outline: none
}

input[type="radio"]:before,
.radio input[type="radio"]:before,
.radio-inline input[type="radio"]:before,
	{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	   -webkit-transition: 240ms;
       -moz-transition: 240ms;
       -ms-transition: 240ms;
	   -o-transition: 240ms;
	transition: 240ms
}

input[type="checkbox"]:after,
.radio input[type="checkbox"]:after,
.radio-inline input[type="checkbox"]:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
    -webkit-transition: 240ms;
	-moz-transition: 240ms;
    -ms-transition: 240ms;
	-o-transition: 240ms;
	transition: 240ms
}

input[type="radio"],
.checkbox input[type="radio"],
.checkbox-inline input[type="radio"] input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	position: relative;
	border: none;
	margin-bottom: -4px;
	-moz-appearance: none;
    -webkit-appearance: none;
	appearance: none;
	cursor: pointer
}

input[type="checkbox"]:focus,
.checkbox input[type="checkbox"]:focus,
.checkbox-inline input[type="checkbox"]:focus {
	outline: none
}

input[type="checkbox"]:focus:after,
.checkbox input[type="checkbox"]:focus:after,
.checkbox-inline input[type="checkbox"]:focus:after {
	border-color: #2196f3
}

input[type="radio"]:after,
.checkbox input[type="radio"]:after,
.checkbox-inline input[type="radio"]:after,
input[type="checkbox"]:after,
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -2px;
	margin-right: 5px;
	border: 2px solid #666666;
	border-radius: 2px;
    -moz-transition: 240ms;
	-webkit-transition: 240ms;
	-o-transition: 240ms;
	transition: 240ms;
    border: 2px solid #d1d2d2;
    background: #ffffff;
}

input[type="radio"]:after,
.checkbox input[type="radio"]:after,
.checkbox-inline input[type="radio"]:after,
input[type="checkbox"]:after,
.checkbox input[type="checkbox"]:after,
.checkbox-inline input[type="checkbox"]:after {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -2px;
	margin-right: 5px;
	border: 2px solid #666666;
	border-radius: 2px;	
    -moz-transition: 240ms;    
    -webkit-transition: 240ms;
    -ms-transition: 240ms;
	-o-transition: 240ms;
	transition: 240ms;
    border: 2px solid #d1d2d2;
    background: #ffffff;
}

input[type="radio"]:checked:before,
.checkbox input[type="radio"]:checked:before,
.checkbox-inline input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before,
.checkbox input[type="checkbox"]:checked:before,
.checkbox-inline input[type="checkbox"]:checked:before {
	content: "";
	position: absolute;
	top: 0;
	left: 6px;
	display: table;
	width: 6px;
	height: 12px;
	border: 2px solid #fff;
	border-top-width: 0;
	border-left-width: 0;
	-moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
    
}

input[type="radio"]:checked:before,
.checkbox input[type="radio"]:checked:before,
.checkbox-inline input[type="radio"]:checked:before,
input[type="checkbox"]:checked:before,
.checkbox input[type="checkbox"]:checked:before,
.checkbox-inline input[type="checkbox"]:checked:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5px;
	display: table;
	width: 6px;
	height: 12px;
	border: 2px solid #fff;
	border-top-width: 0;
	border-left-width: 0;
    -moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

input[type="radio"]:checked:after,
.checkbox input[type="radio"]:checked:after,
.checkbox-inline input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
	background-color: #2196f3;
	border-color: #2196f3
}

input[type="radio"]:after,
.checkbox input[type="radio"]:after,
.checkbox-inline input[type="radio"]:after,
input[type="radio"]:checked:after,
.checkbox input[type="radio"]:checked:after,
.checkbox-inline input[type="radio"]:checked:after {
	border-radius: 50%;
}

input[type="radio"]:disabled:after,
.checkbox input[type="radio"]:disabled:after,
.checkbox-inline input[type="radio"]:disabled:after,
input[type="checkbox"]:disabled:after,
.checkbox input[type="checkbox"]:disabled:after,
.checkbox-inline input[type="checkbox"]:disabled:after {
	border-color: #bbbbbb
}

input[type="radio"]:checked:after,
.checkbox input[type="radio"]:checked:after,
.checkbox-inline input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
	background-color: #2196f3;
	border-color: #2196f3
}

input[type="radio"]:disabled:after,
.checkbox input[type="radio"]:disabled:after,
.checkbox-inline input[type="radio"]:disabled:after,
input[type="checkbox"]:disabled:after,
.checkbox input[type="checkbox"]:disabled:after,
.checkbox-inline input[type="checkbox"]:disabled:after {
	border-color: #bbbbbb
}


/* 20180601 IE11 ONLY  */
@media (min-width: 767px) {
	_:-ms-lang(x)::-ms-backdrop, .btn-back { 
		line-height: 34px;
		height: 34px;
		min-width: 54px;
		padding: 2px 12px 0 ;
		vertical-align: middle;

	} 
	_:-ms-lang(x)::-ms-backdrop, .panel-body .table-responsive h2{
		margin-top: 1px;
	}
	_:-ms-lang(x)::-ms-backdrop, .btn{
		line-height: 32px;
		height: 34px;
		min-width: 54px;
		padding: 2px 12px 0 ;
		vertical-align: middle;
	}
    _:-ms-lang(x)::-ms-backdrop, .entrybutton{
        height: 180px;
        -ms-writing-mode: tb-rl;
        min-width: none;
        width: 30px;
    }
     _:-ms-lang(x)::-ms-backdrop, #search-form .update .picker{
        width: 300px;
    }
    _:-ms-lang(x)::-ms-backdrop, .form-group.checkbox input[type='checkbox'],
    _:-ms-lang(x)::-ms-backdrop, .form-group .checkbox-inline input[type='checkbox']{
        margin-top: 0;
        width: 16px;
        height: 16px;
    }
    _:-ms-lang(x)::-ms-backdrop, .offer_entry .table-responsive > .table-bordered > tbody > tr > td{
        max-width: 430px;
    }
    _:-ms-lang(x)::-ms-backdrop, .select_drop{
        text-align: left;
    }
    _:-ms-lang(x)::-ms-backdrop, .pagetop{
        right: 1.7rem;
        min-width: auto;
    }
    _:-ms-lang(x)::-ms-backdrop, #diagnosis .btn,
    _:-ms-lang(x)::-ms-backdrop, .diagnosis .btn{
        height: auto;
        line-height: 20px;
    }
    _:-ms-lang(x)::-ms-backdrop, #diagnosis_list .btn{
        line-height: 32px;
    }
	.numberCircle {
				border-radius: 50%;
				width: 16px;
				height: 16px;
				background: #d71e1e;
				color: #fff;
				display: inline-flex;
				justify-content: center;
				align-items: center;
				font-size: 10px;
				position: absolute;
				left: 100px;
				top: 5px;
			}
	.unread{
		border: 1px solid #ff0000;
		padding: 5px 15px;
		border-radius: 5px;
		display: inline-flex;
		margin: 0 0 10px;
		color: #ff0000;
	}

}