@charset "UTF-8";
/*-----------------------------------------------------------------------------------------

　common.css
　ver.20200807

------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------
　button
------------------------------------------------------------------*/
/* IE6 */
* html button,
* html input,
* html select,
* html textarea {
  vertical-align: middle; }

/* IE6 */
* html button,
* html input {
  overflow: visible; }

/* IE7 */
* + html button,
* + html input,
* + html select,
* + html textarea {
  vertical-align: middle; }

/* IE7 */
* + html button,
* + html input {
  overflow: visible; }

button, input {
  line-height: normal; }

/*------------------------------------------------------------------
　other
------------------------------------------------------------------*/
/*Webkit*/
::-webkit-input-placeholder {
  color: #999; }

/*Firefox 19以降*/
::-moz-placeholder {
  color: #999; }

/*Firefox 18以前*/
:-moz-placeholder {
  color: #999; }

/*Windows IE*/
:-ms-input-placeholder {
  color: #999; }

/*------------------------------------------------------------

　基本CSS設定

-------------------------------------------------------------*/
html {
  height: 100%;
  font-size: 62.5%;
  overflow: initial; }

body {
  background-color: #f8f9fa;
  font-size: 14px;
  font-style: normal;
  color: #444;
  font-family: Sans-Serif;
  line-height: 1.25;
  width: 100%;
  -webkit-text-size-adjust: 100%;
  overflow: auto; }

a:link,
a:visited {
  color: #0066cc; }

a:hover,
a:focus,
a:active {
  color: #ff4500;
  text-decoration: none; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%; }

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
select {
  height: calc(1.5em + .75rem + 2px); }

input[type="date"] {
  height: calc(1.36em + 2px); }

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
textarea,
select {
  padding: .375rem .75rem;
  border: 1px solid #bbb;
  border-radius: 4px; }

input[type="text"][disabled],
input[type="tel"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
textarea[disabled],
select[disabled] {
  background-color: #e5e5e5; }

input[type="radio"],
input[type="checkbox"] {
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 15px;
  height: 15px; }

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="button"],
input[type="submit"],
button,
textarea {
  -webkit-appearance: none; }

table {
  width: auto;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word; }

p {
  margin-bottom: 1em; }

input[type=checkbox] {
  display: none; }

.checkbox {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding-top: 1px;
  padding-left: 19px;
  position: relative;
  width: auto; }

.checkbox::before {
  background: #fff;
  border: 1px solid #bbb;
  content: '';
  display: block;
  top: 50%;
  left: 0;
  margin-top: -8px;
  position: absolute;
  height: 14px;
  width: 14px; }

.checkbox::after {
  border-right: 3px solid #5cb85c;
  border-bottom: 3px solid #5cb85c;
  content: '';
  display: block;
  height: 9px;
  left: 4px;
  margin-top: -7px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px; }

input[type=checkbox]:checked + .checkbox::after {
  opacity: 1; }

input[type=radio] {
  display: none; }

.radio {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin-right: 7px;
  padding: 5px 5px 5px 19px;
  position: relative;
  width: auto; }

.radio::before {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 50%;
  content: '';
  display: block;
  height: 16px;
  left: -1px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 16px; }

.radio::after {
  background: #5cb85c;
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  left: 3px;
  margin-top: -6px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 10px; }

input[type=radio]:checked + .radio::after {
  opacity: 1; }

.btn,
.btn-min {
  display: inline-block;
  padding: 7px 18px;
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  /*vertical-align: middle;*/
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3px; }

.btn-min {
  padding: 4px 6px;
  line-height: 1 !important; }

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn-min:focus,
.btn-min:active:focus,
.btn-min.active:focus {
  /*outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;*/
  outline: none; }

.btn:hover,
.btn:focus,
.btn-min:hover,
.btn-min:focus {
  color: #333;
  text-decoration: none; }

.btn:active,
.btn.active,
.btn-min:active,
.btn-min.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn-min.disabled,
.btn-min[disabled],
fieldset[disabled] .btn-min {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  /*opacity: .65;*/
  opacity: 1; }

.btn-default {
  color: #333;
  background-color: #ececec;
  border-color: #bbb; }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #999; }

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none; }

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #f0f0f0;
  border-color: #d4d4d4;
  color: #999; }

.btn-default .badge {
  color: #fff;
  background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc; }

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none; }

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #97bfe2;
  border-color: #8bb1d2; }

.btn-primary .badge {
  color: #428bca;
  background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34; }

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none; }

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #aee2ae;
  border-color: #a4d6a4; }

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b; }

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none; }

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #bae6f3;
  border-color: #bbdde6; }

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff; }

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107; }

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00; }

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none; }

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130; }

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none; }

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #f1b2b0;
  border-color: #dcacaa; }

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff; }

.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0; }

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent; }

.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent; }

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none; }

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

/*------------------------------------------------------------
　固定CSS
-------------------------------------------------------------*/
/*------------------------------------------------------------
    font
-------------------------------------------------------------*/
.font-meiryo,
.font-meiryo * {
  font-family: 'Meiryo UI', 'MS Gothic', 'Avenir Book', Sans-Serif; }

/*------------------------------------------------------------
align・・・文字の横位置
-------------------------------------------------------------*/
.al-c {
  text-align: center !important; }

/*中央寄せ*/
.al-r {
  text-align: right !important; }

/*右寄せ*/
.al-l {
  text-align: left !important; }

/*左寄せ*/
/*------------------------------------------------------------
valign・・・文字の縦位置
-------------------------------------------------------------*/
.vl-t {
  vertical-align: top !important; }

/*上寄せ*/
.vl-m {
  vertical-align: middle !important; }

/*中央寄せ*/
.vl-b {
  vertical-align: bottom !important; }

/*下寄せ*/
/*------------------------------------------------------------
float・・・左右の回り込み
-------------------------------------------------------------*/
.fl-r {
  float: right; }

/*右に回り込み*/
.fl-l {
  float: left; }

/*左に回り込み*/
.fl-c {
  clear: both; }

.clearfix {
  display: inline-block; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End Hack */
/*------------------------------------------------------------
flexbox
-------------------------------------------------------------*/
.fl {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  /* Safari */
  -webkit-flex-wrap: wrap;
  /* Safari */ }

/*------------------------------------------------------------
margin・・・周りのブロックからの距離
-------------------------------------------------------------*/
.mc {
  margin-left: auto !important;
  margin-right: auto !important; }

.m0 {
  margin: 0 !important; }

/*周りからのmarginを0に*/
.m0-t {
  margin-top: 0 !important; }

/*上からのmarginを0に*/
.m0-r {
  margin-right: 0 !important; }

/*右からのmarginを0に*/
.m0-b {
  margin-bottom: 0 !important; }

/*下からのmarginを0に*/
.m0-l {
  margin-left: 0 !important; }

/*左からのmarginを0に*/
.m2 {
  margin: 2px !important; }

.m2-t {
  margin-top: 2px !important; }

.m2-r {
  margin-right: 2px !important; }

.m2-b {
  margin-bottom: 2px !important; }

.m2-l {
  margin-left: 2px !important; }

.m3 {
  margin: 3px !important; }

.m3-t {
  margin-top: 3px !important; }

.m3-r {
  margin-right: 3px !important; }

.m3-b {
  margin-bottom: 3px !important; }

.m3-l {
  margin-left: 3px !important; }

.m4 {
  margin: 4px !important; }

.m4-t {
  margin-top: 4px !important; }

.m4-r {
  margin-right: 4px !important; }

.m4-b {
  margin-bottom: 4px !important; }

.m4-l {
  margin-left: 4px !important; }

.m5 {
  margin: 5px !important; }

.m5-t {
  margin-top: 5px !important; }

.m5-r {
  margin-right: 5px !important; }

.m5-b {
  margin-bottom: 5px !important; }

.m5-l {
  margin-left: 5px !important; }

.m6 {
  margin: 6px !important; }

.m6-t {
  margin-top: 6px !important; }

.m6-r {
  margin-right: 6px !important; }

.m6-b {
  margin-bottom: 6px !important; }

.m6-l {
  margin-left: 6px !important; }

.m7 {
  margin: 7px !important; }

.m7-t {
  margin-top: 7px !important; }

.m7-r {
  margin-right: 7px !important; }

.m7-b {
  margin-bottom: 7px !important; }

.m7-l {
  margin-left: 7px !important; }

.m8 {
  margin: 8px !important; }

.m8-t {
  margin-top: 8px !important; }

.m8-r {
  margin-right: 8px !important; }

.m8-b {
  margin-bottom: 8px !important; }

.m8-l {
  margin-left: 8px !important; }

.m9 {
  margin: 9px !important; }

.m9-t {
  margin-top: 9px !important; }

.m9-r {
  margin-right: 9px !important; }

.m9-b {
  margin-bottom: 9px !important; }

.m9-l {
  margin-left: 9px !important; }

.m10 {
  margin: 10px !important; }

.m10-t {
  margin-top: 10px !important; }

.m10-r {
  margin-right: 10px !important; }

.m10-b {
  margin-bottom: 10px !important; }

.m10-l {
  margin-left: 10px !important; }

.m11 {
  margin: 11px !important; }

.m11-t {
  margin-top: 11px !important; }

.m11-r {
  margin-right: 11px !important; }

.m11-b {
  margin-bottom: 11px !important; }

.m11-l {
  margin-left: 11px !important; }

.m12 {
  margin: 12px !important; }

.m12-t {
  margin-top: 12px !important; }

.m12-r {
  margin-right: 12px !important; }

.m12-b {
  margin-bottom: 12px !important; }

.m12-l {
  margin-left: 12px !important; }

.m13 {
  margin: 13px !important; }

.m13-t {
  margin-top: 13px !important; }

.m13-r {
  margin-right: 13px !important; }

.m13-b {
  margin-bottom: 13px !important; }

.m13-l {
  margin-left: 13px !important; }

.m14 {
  margin: 14px !important; }

.m14-t {
  margin-top: 14px !important; }

.m14-r {
  margin-right: 14px !important; }

.m14-b {
  margin-bottom: 14px !important; }

.m14-l {
  margin-left: 14px !important; }

.m15 {
  margin: 15px !important; }

.m15-t {
  margin-top: 15px !important; }

.m15-r {
  margin-right: 15px !important; }

.m15-b {
  margin-bottom: 15px !important; }

.m15-l {
  margin-left: 15px !important; }

.m16 {
  margin: 16px !important; }

.m16-t {
  margin-top: 16px !important; }

.m16-r {
  margin-right: 16px !important; }

.m16-b {
  margin-bottom: 16px !important; }

.m16-l {
  margin-left: 16px !important; }

.m17 {
  margin: 17px !important; }

.m17-t {
  margin-top: 17px !important; }

.m17-r {
  margin-right: 17px !important; }

.m17-b {
  margin-bottom: 17px !important; }

.m17-l {
  margin-left: 17px !important; }

.m18 {
  margin: 18px !important; }

.m18-t {
  margin-top: 18px !important; }

.m18-r {
  margin-right: 18px !important; }

.m18-b {
  margin-bottom: 18px !important; }

.m18-l {
  margin-left: 18px !important; }

.m19 {
  margin: 19px !important; }

.m19-t {
  margin-top: 19px !important; }

.m19-r {
  margin-right: 19px !important; }

.m19-b {
  margin-bottom: 19px !important; }

.m19-l {
  margin-left: 19px !important; }

.m20 {
  margin: 20px !important; }

.m20-t {
  margin-top: 20px !important; }

.m20-r {
  margin-right: 20px !important; }

.m20-b {
  margin-bottom: 20px !important; }

.m20-l {
  margin-left: 20px !important; }

.m25 {
  margin: 25px !important; }

.m25-t {
  margin-top: 25px !important; }

.m25-r {
  margin-right: 25px !important; }

.m25-b {
  margin-bottom: 25px !important; }

.m25-l {
  margin-left: 25px !important; }

.m30 {
  margin: 30px !important; }

.m30-t {
  margin-top: 30px !important; }

.m30-r {
  margin-right: 30px !important; }

.m30-b {
  margin-bottom: 30px !important; }

.m30-l {
  margin-left: 30px !important; }

.m35 {
  margin: 35px !important; }

.m35-t {
  margin-top: 35px !important; }

.m35-r {
  margin-right: 35px !important; }

.m35-b {
  margin-bottom: 35px !important; }

.m35-l {
  margin-left: 35px !important; }

.m40 {
  margin: 40px !important; }

.m40-t {
  margin-top: 40px !important; }

.m40-r {
  margin-right: 40px !important; }

.m40-b {
  margin-bottom: 40px !important; }

.m40-l {
  margin-left: 40px !important; }

.m50 {
  margin: 50px !important; }

.m50-t {
  margin-top: 50px !important; }

.m50-r {
  margin-right: 50px !important; }

.m50-b {
  margin-bottom: 50px !important; }

.m50-l {
  margin-left: 50px !important; }

.m60 {
  margin: 60px !important; }

.m60-t {
  margin-top: 60px !important; }

.m60-r {
  margin-right: 60px !important; }

.m60-b {
  margin-bottom: 60px !important; }

.m60-l {
  margin-left: 60px !important; }

.m65 {
  margin: 65px !important; }

.m65-t {
  margin-top: 65px !important; }

.m65-r {
  margin-right: 65px !important; }

.m65-b {
  margin-bottom: 65px !important; }

.m65-l {
  margin-left: 65px !important; }

.m70 {
  margin: 70px !important; }

.m70-t {
  margin-top: 70px !important; }

.m70-r {
  margin-right: 70px !important; }

.m70-b {
  margin-bottom: 70px !important; }

.m70-l {
  margin-left: 70px !important; }

.m80 {
  margin: 80px !important; }

.m80-t {
  margin-top: 80px !important; }

.m80-r {
  margin-right: 80px !important; }

.m80-b {
  margin-bottom: 80px !important; }

.m80-l {
  margin-left: 80px !important; }

.m90 {
  margin: 90px !important; }

.m90-t {
  margin-top: 90px !important; }

.m90-r {
  margin-right: 90px !important; }

.m90-b {
  margin-bottom: 90px !important; }

.m90-l {
  margin-left: 90px !important; }

.m100 {
  margin: 100px !important; }

.m100-t {
  margin-top: 100px !important; }

.m100-r {
  margin-right: 100px !important; }

.m100-b {
  margin-bottom: 100px !important; }

.m100-l {
  margin-left: 100px !important; }

/*------------------------------------------------------------
padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/
.p0 {
  padding: 0 !important; }

.p0-t {
  padding-top: 0 !important; }

.p0-r {
  padding-right: 0 !important; }

.p0-b {
  padding-bottom: 0 !important; }

.p0-l {
  padding-left: 0 !important; }

.p2 {
  padding: 2px !important; }

.p2-t {
  padding-top: 2px !important; }

.p2-r {
  padding-right: 2px !important; }

.p2-b {
  padding-bottom: 2px !important; }

.p2-l {
  padding-left: 2px !important; }

.p3 {
  padding: 3px !important; }

.p3-t {
  padding-top: 3px !important; }

.p3-r {
  padding-right: 3px !important; }

.p3-b {
  padding-bottom: 3px !important; }

.p3-l {
  padding-left: 3px !important; }

.p4 {
  padding: 4px !important; }

.p4-t {
  padding-top: 4px !important; }

.p4-r {
  padding-right: 4px !important; }

.p4-b {
  padding-bottom: 4px !important; }

.p4-l {
  padding-left: 4px !important; }

.p5 {
  padding: 5px !important; }

.p5-t {
  padding-top: 5px !important; }

.p5-r {
  padding-right: 5px !important; }

.p5-b {
  padding-bottom: 5px !important; }

.p5-l {
  padding-left: 5px !important; }

.p6 {
  padding: 6px !important; }

.p6-t {
  padding-top: 6px !important; }

.p6-r {
  padding-right: 6px !important; }

.p6-b {
  padding-bottom: 6px !important; }

.p6-l {
  padding-left: 6px !important; }

.p7 {
  padding: 7px !important; }

.p7-t {
  padding-top: 7px !important; }

.p7-r {
  padding-right: 7px !important; }

.p7-b {
  padding-bottom: 7px !important; }

.p7-l {
  padding-left: 7px !important; }

.p8 {
  padding: 8px !important; }

.p8-t {
  padding-top: 8px !important; }

.p8-r {
  padding-right: 8px !important; }

.p8-b {
  padding-bottom: 8px !important; }

.p8-l {
  padding-left: 8px !important; }

.p9 {
  padding: 9px !important; }

.p9-t {
  padding-top: 9px !important; }

.p9-r {
  padding-right: 9px !important; }

.p9-b {
  padding-bottom: 9px !important; }

.p9-l {
  padding-left: 9px !important; }

.p10 {
  padding: 10px !important; }

.p10-t {
  padding-top: 10px !important; }

.p10-r {
  padding-right: 10px !important; }

.p10-b {
  padding-bottom: 10px !important; }

.p10-l {
  padding-left: 10px !important; }

.p15 {
  padding: 15px !important; }

.p15-t {
  padding-top: 15px !important; }

.p15-r {
  padding-right: 15px !important; }

.p15-b {
  padding-bottom: 15px !important; }

.p15-l {
  padding-left: 15px !important; }

.p20 {
  padding: 20px !important; }

.p20-t {
  padding-top: 20px !important; }

.p20-r {
  padding-right: 20px !important; }

.p20-b {
  padding-bottom: 20px !important; }

.p20-l {
  padding-left: 20px !important; }

.p25 {
  padding: 25px !important; }

.p25-t {
  padding-top: 25px !important; }

.p25-r {
  padding-right: 25px !important; }

.p25-b {
  padding-bottom: 25px !important; }

.p25-l {
  padding-left: 25px !important; }

.p30 {
  padding: 30px !important; }

.p30-t {
  padding-top: 30px !important; }

.p30-r {
  padding-right: 30px !important; }

.p30-b {
  padding-bottom: 30px !important; }

.p30-l {
  padding-left: 30px !important; }

.p40 {
  padding: 40px !important; }

.p40-t {
  padding-top: 40px !important; }

.p40-r {
  padding-right: 40px !important; }

.p40-b {
  padding-bottom: 40px !important; }

.p40-l {
  padding-left: 40px !important; }

.p50 {
  padding: 50px !important; }

.p50-t {
  padding-top: 50px !important; }

.p50-r {
  padding-right: 50px !important; }

.p50-b {
  padding-bottom: 50px !important; }

.p50-l {
  padding-left: 50px !important; }

.p60 {
  padding: 60px !important; }

.p60-t {
  padding-top: 60px !important; }

.p60-r {
  padding-right: 60px !important; }

.p60-b {
  padding-bottom: 60px !important; }

.p60-l {
  padding-left: 60px !important; }

.p65 {
  padding: 65px !important; }

.p65-t {
  padding-top: 65px !important; }

.p65-r {
  padding-right: 65px !important; }

.p65-b {
  padding-bottom: 65px !important; }

.p65-l {
  padding-left: 65px !important; }

.p70 {
  padding: 70px !important; }

.p70-t {
  padding-top: 70px !important; }

.p70-r {
  padding-right: 70px !important; }

.p70-b {
  padding-bottom: 70px !important; }

.p70-l {
  padding-left: 70px !important; }

.p80 {
  padding: 80px !important; }

.p80-t {
  padding-top: 80px !important; }

.p80-r {
  padding-right: 80px !important; }

.p80-b {
  padding-bottom: 80px !important; }

.p80-l {
  padding-left: 80px !important; }

.p90 {
  padding: 90px !important; }

.p90-t {
  padding-top: 90px !important; }

.p90-r {
  padding-right: 90px !important; }

.p90-b {
  padding-bottom: 90px !important; }

.p90-l {
  padding-left: 90px !important; }

.p100 {
  padding: 100px !important; }

.p100-t {
  padding-top: 100px !important; }

.p100-r {
  padding-right: 100px !important; }

.p100-b {
  padding-bottom: 100px !important; }

.p100-l {
  padding-left: 100px !important; }

/*------------------------------------------------------------
line-height
-------------------------------------------------------------*/
.l-100 {
  line-height: 1; }

.l-125 {
  line-height: 1.25; }

.l-150 {
  line-height: 1.5; }

/*------------------------------------------------------------
display & visibility
-------------------------------------------------------------*/
.d-iblock {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-none {
  display: none !important; }

.v-visible {
  visibility: visible !important; }

.v-hidden {
  visibility: hidden !important; }

/*------------------------------------------------------------
opacity
-------------------------------------------------------------*/
.o05 {
  opacity: 0.5; }

.o06 {
  opacity: 0.6; }

.o07 {
  opacity: 0.7; }

.o08 {
  opacity: 0.8; }

/*------------------------------------------------------------
font-size・・・フォントサイズの設定
-------------------------------------------------------------*/
.small {
  font-size: 13px; }

.normal {
  font-size: 14px; }

.large {
  font-size: 17px; }

.b {
  font-weight: bold !important; }

/*太字*/
.b-n {
  font-weight: normal !important; }

/*太字を解除*/
/*
.big{ font-size: 120%!important; }
.big2{ font-size: 150%!important; }
.big3{ font-size: 180%!important; }
.small{ font-size: 0.85%!important; }
*/
.f08em {
  font-size: 0.8em; }

.f09em {
  font-size: 0.9em; }

.f10em {
  font-size: 1.0em; }

.f11em {
  font-size: 1.1em; }

.f12em {
  font-size: 1.2em; }

.f13em {
  font-size: 1.3em; }

.f14em {
  font-size: 1.4em; }

.f15em {
  font-size: 1.5em; }

.f16em {
  font-size: 1.6em; }

.f17em {
  font-size: 1.7em; }

.f18em {
  font-size: 1.8em; }

.f19em {
  font-size: 1.9em; }

.f20em {
  font-size: 2.0em; }

.f21em {
  font-size: 2.1em; }

.f22em {
  font-size: 2.2em; }

.f23em {
  font-size: 2.3em; }

.f24em {
  font-size: 2.4em; }

.f8pt {
  font-size: 8.5pt !important; }

.f9pt {
  font-size: 9pt !important; }

.f10pt {
  font-size: 10pt !important; }

.f11pt {
  font-size: 11pt !important; }

.f12pt {
  font-size: 12pt !important; }

.f13pt {
  font-size: 13pt !important; }

.f14pt {
  font-size: 14pt !important; }

.f15pt {
  font-size: 15pt !important; }

.f16pt {
  font-size: 16pt !important; }

.f17pt {
  font-size: 17pt !important; }

.f18pt {
  font-size: 18pt !important; }

.f19pt {
  font-size: 19pt !important; }

.f20pt {
  font-size: 20pt !important; }

.f21pt {
  font-size: 21pt !important; }

.f22pt {
  font-size: 22pt !important; }

.f23pt {
  font-size: 23pt !important; }

.f24pt {
  font-size: 24pt !important; }

.f8px {
  font-size: 8.5px !important; }

.f9px {
  font-size: 9px !important; }

.f10px {
  font-size: 10px !important; }

.f11px {
  font-size: 11px !important; }

.f12px {
  font-size: 12px !important; }

.f13px {
  font-size: 13px !important; }

.f14px {
  font-size: 14px !important; }

.f15px {
  font-size: 15px !important; }

.f16px {
  font-size: 16px !important; }

.f17px {
  font-size: 17px !important; }

.f18px {
  font-size: 18px !important; }

.f19px {
  font-size: 19px !important; }

.f20px {
  font-size: 20px !important; }

.f21px {
  font-size: 21px !important; }

.f22px {
  font-size: 22px !important; }

.f23px {
  font-size: 23px !important; }

.f24px {
  font-size: 24px !important; }

.f26px {
  font-size: 26px !important; }

.f28px {
  font-size: 28px !important; }

.f36px {
  font-size: 36px !important; }

.f48px {
  font-size: 48px !important; }

.f72px {
  font-size: 72px !important; }

/*------------------------------------------------------------
width
-------------------------------------------------------------*/
.w10 {
  width: 10%; }

.w15 {
  width: 15%; }

.w20 {
  width: 20%; }

.w25 {
  width: 25%; }

.w30 {
  width: 30%; }

.w35 {
  width: 35%; }

.w40 {
  width: 40%; }

.w45 {
  width: 45%; }

.w50 {
  width: 50%; }

.w60 {
  width: 60%; }

.w65 {
  width: 65%; }

.w70 {
  width: 70%; }

.w80 {
  width: 80%; }

.w90 {
  width: 90%; }

.w100 {
  width: 100%; }

.w10px {
  width: 10px; }

.w15px {
  width: 15px; }

.w20px {
  width: 20px; }

.w25px {
  width: 25px; }

.w30px {
  width: 30px; }

.w35px {
  width: 35px; }

.w40px {
  width: 40px; }

.w45px {
  width: 45px; }

.w50px {
  width: 50px; }

.w55px {
  width: 55px; }

.w60px {
  width: 60px; }

.w65px {
  width: 65px; }

.w70px {
  width: 70px; }

.w75px {
  width: 75px; }

.w80px {
  width: 80px; }

.w85px {
  width: 85px; }

.w90px {
  width: 90px; }

.w95px {
  width: 95px; }

.w100px {
  width: 100px; }

.w105px {
  width: 105px; }

.w110px {
  width: 110px; }

.w120px {
  width: 120px; }

.w125px {
  width: 125px; }

.w130px {
  width: 130px; }

.w140px {
  width: 140px; }

.w150px {
  width: 150px; }

.w160px {
  width: 160px; }

.w170px {
  width: 170px; }

.w175px {
  width: 175px; }

.w180px {
  width: 180px; }

.w185px {
  width: 185px; }

.w190px {
  width: 190px; }

.w195px {
  width: 195px; }

.w200px {
  width: 200px; }

.w250px {
  width: 250px; }

.w300px {
  width: 300px; }

.w325px {
  width: 325px; }

.w350px {
  width: 350px; }

.w375px {
  width: 375px; }

.w400px {
  width: 400px; }

.w425px {
  width: 425px; }

.w450px {
  width: 450px; }

.w475px {
  width: 475px; }

.w500px {
  width: 500px; }

.w550px {
  width: 550px; }

.w600px {
  width: 600px; }

.w650px {
  width: 650px; }

.w700px {
  width: 700px; }

.w750px {
  width: 750px; }

.w800px {
  width: 800px; }

.w850px {
  width: 850px; }

/*------------------------------------------------------------
height
-------------------------------------------------------------*/
.h10 {
  height: 10%; }

.h15 {
  height: 15%; }

.h20 {
  height: 20%; }

.h25 {
  height: 25%; }

.h30 {
  height: 30%; }

.h35 {
  height: 35%; }

.h40 {
  height: 40%; }

.h45 {
  height: 45%; }

.h50 {
  height: 50%; }

.h60 {
  height: 60%; }

.h65 {
  height: 65%; }

.h70 {
  height: 70%; }

.h80 {
  height: 80%; }

.h90 {
  height: 90%; }

.h100 {
  height: 100%; }

.h20px {
  height: 20px; }

.h25px {
  height: 25px; }

.h30px {
  height: 30px; }

.h35px {
  height: 35px; }

.h40px {
  height: 40px; }

.h45px {
  height: 45px; }

.h50px {
  height: 50px; }

.h55px {
  height: 55px; }

.h60px {
  height: 60px; }

.h65px {
  height: 65px; }

.h70px {
  height: 70px; }

.h75px {
  height: 75px; }

.h80px {
  height: 80px; }

.h85px {
  height: 85px; }

.h90px {
  height: 90px; }

.h95px {
  height: 95px; }

.h100px {
  height: 100px; }

.h105px {
  height: 105px; }

.h110px {
  height: 110px; }

.h120px {
  height: 120px; }

.h125px {
  height: 125px; }

.h130px {
  height: 130px; }

.h140px {
  height: 140px; }

.h150px {
  height: 150px; }

.h175px {
  height: 175px; }

.h200px {
  height: 200px; }

.h300px {
  height: 300px; }

.h400px {
  height: 400px; }

.h500px {
  height: 500px; }

/*------------------------------------------------------------
フォント種類
-------------------------------------------------------------*/
.f-msui,
.f-msui * {
  font-family: "MS UI Gothic", sans-serif !important; }

.f-mrui,
.f-mrui * {
  font-family: "Meiryo UI", "MS UI Gothic", sans-serif !important; }

/*------------------------------------------------------------
数字用フォント(一覧)
-------------------------------------------------------------*/
.f-num,
.f-num * {
  font-family: Tahoma, "Avenir Book", Arial, sans-serif !important; }

/*------------------------------------------------------------
color・・・フォントカラーの設定
-------------------------------------------------------------*/
.red {
  color: #c7254e !important; }

.blue {
  color: #0000dd !important; }

.green {
  color: #008000 !important; }

.yellow {
  color: #ffff00 !important; }

.navy {
  color: #1F26A9 !important; }

.orange {
  color: #f0ad4e !important; }

.pink {
  color: #cc6699 !important; }

.purple {
  color: #7366a3 !important; }

.olive {
  color: #808000 !important; }

.lime {
  color: #00ff00 !important; }

.aqua {
  color: #167FA6 !important; }

.black {
  color: #000 !important; }

.white {
  color: #fff !important; }

.skyblue {
  color: #008ebc !important; }

.gray {
  color: #999 !important; }

.silver {
  color: #ccc !important; }

.red-num {
  color: #d53030 !important; }

/*数字赤字*/
.text-success {
  color: #3c763d !important; }

.text-info {
  color: #245269 !important; }

.text-primary {
  color: #428bca !important; }

.text-warning {
  color: #8a6d3b !important; }

.text-danger {
  color: #a94442 !important; }

/* flat color */
.f-gray {
  color: #9e9e9e !important; }

.f-green {
  color: #4caf50 !important; }

.f-blue {
  color: #2196f3 !important; }

/*------------------------------------------------------------
border-color・・・罫線カラーの設定
-------------------------------------------------------------*/
.bc-transparent {
  border-color: transparent !important; }

/*------------------------------------------------------------
badge・・・
-------------------------------------------------------------*/
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999;
  border-radius: 10px; }

/*------------------------------------------------------------
background-color・・・背景カラーの設定
-------------------------------------------------------------*/
.bg-transparent {
  background-color: transparent !important; }

.bg-red {
  background-color: #d9534f !important; }

/*赤*/
.bg-blue {
  background-color: #e9f4f9 !important; }

/*青*/
.bg-green {
  background-color: #008000 !important; }

/*緑*/
.bg-yellow {
  background-color: #ffff00 !important; }

/*黄*/
.bg-navy {
  background-color: #1F26A9 !important; }

/*紺*/
.bg-orange {
  background-color: #ff6600 !important; }

/*橙*/
.bg-pink {
  background-color: #cc6699 !important; }

/*ピンク*/
.bg-purple {
  background-color: #7366a3 !important; }

/*紫*/
.bg-olive {
  background-color: #808000 !important; }

/*黄土色*/
.bg-lime {
  background-color: #00ff00 !important; }

/*黄緑*/
.bg-aqua {
  background-color: #167FA6 !important; }

/*水色*/
.bg-black {
  background-color: #000 !important; }

/*黒*/
.bg-white {
  background-color: #fff !important; }

/*白*/
/*.bg-gray{ background-color: #ccc!important; }*/
/*灰*/
/*.bg-silver{ background-color: #ececec!important; }*/
/*銀*/
.bg-gray {
  background-color: #999 !important; }

/*灰*/
.bg-silver {
  background-color: #ccc !important; }

/*銀*/
.bg-disabled {
  background-color: #e3e3e3; }

.bg-warning {
  background-color: #ffefbb; }

/*------------------------------------------------------------
box・・・蛍光ペンのようなボックスの設定
-------------------------------------------------------------*/
.box {
  margin: 20px 0;
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 3px; }

.box-info {
  background-color: #d9edf7;
  border: 1px solid #4497bf;
  color: #31708f; }

.box-success {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  color: #3c763d; }

.box-warning {
  background-color: #fff8ed;
  border: 1px solid #e2d5b9;
  color: #8a6d3b; }

.box-error {
  background-color: #f2dede;
  border: 1px solid #ebccd1;
  color: #a94442; }

/*-------------------------------------------------------
alert
-------------------------------------------------------*/
.alert {
  margin: 10px 0;
  padding: 15px;
  border: 2px solid transparent;
  border-radius: 3px;
  line-height: 1.5; }

.alert-info {
  background-color: #d9edf7;
  border-color: #4497bf;
  color: #31708f; }

.alert-success {
  background-color: #D1EED8;
  border-color: #9ADAA9;
  color: #359A4D; }

.alert-warning {
  background-color: #FFF6C8;
  border-color: #E4B961;
  color: #8a6d3b; }

.alert-danger {
  background-color: #f2dede;
  border-color: #cc7d7c;
  color: #a94442; }

.alert .alert-title {
  font-size: 1.5em;
  font-weight: bold; }

/*-------------------------------------------------------
alert-strong
-------------------------------------------------------*/
.alert-s {
  margin: 10px 0;
  padding: 15px;
  border-radius: 3px;
  line-height: 1.5; }

.alert-s-danger {
  background-color: #dd3732;
  color: #fff; }

/*------------------------------------------------------------
box-l
-------------------------------------------------------------*/
.box-l {
  margin: 20px 0;
  padding: 15px; }

.box-l-info {
  background-color: #D4EEFC;
  border-left: 3px solid #4497bf; }

.box-l-info h4 {
  color: #31708f; }

.box-l-success {
  background-color: #dff0d8;
  border-left: 3px solid #3c763d; }

.box-l-success h4 {
  color: #3c763d; }

.box-l-warning {
  background-color: #fff8ed;
  border-left: 3px solid #e2d5b9; }

.box-l-warning h4 {
  color: #8a6d3b; }

.box-l-error {
  background-color: #f2dede;
  border-left: 3px solid #d9534f; }

.box-l-error h4 {
  color: #a94442; }

/*-------------------------------------------------------
label
-------------------------------------------------------*/
.label, .label-r {
  /*padding: 5px 10px;*/
  padding: .325em 1em;
  font-weight: bold;
  line-height: 1.75;
  color: #fff;
  text-align: center;
  white-space: nowrap; }

.label-min {
  padding: .25em .3em;
  color: #fff;
  text-align: center;
  white-space: nowrap; }

.label-r {
  border-radius: 6px; }

.label-default {
  background-color: #999; }

.label-primary {
  background-color: #428bca; }

.label-success {
  background-color: #5cb85c; }

.label-info {
  background-color: #5bc0de; }

.label-warning {
  background-color: #ffd66c; }

.label-danger {
  background-color: #d9534f; }

.label-add {
  background-color: #5cb85c; }

.label-edit {
  background-color: #ec9b28; }

.label-read {
  background-color: #888; }

/*-------------------------------------------------------
label2
-------------------------------------------------------*/
.label2 {
  padding: .325em .5em .29em;
  line-height: 1.75;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #000; }

.label2-default {
  border-color: #999;
  color: #999; }

.label2-primary {
  border-color: #428bca;
  color: #428bca; }

.label2-success {
  border-color: #5cb85c;
  color: #5cb85c; }

.label2-info {
  border-color: #5bc0de;
  color: #5bc0de; }

.label2-warning {
  border-color: #ffd66c;
  color: #ffd66c; }

.label2-danger {
  border-color: #d8352f;
  color: #d8352f; }

.label2-add {
  border-color: #5cb85c;
  color: #5cb85c; }

.label2-edit {
  border-color: #ec9b28;
  color: #ec9b28; }

.label2-read {
  border-color: #888;
  color: #888; }

.label2-disabled {
  border-color: #888;
  color: #888; }

/*------------------------------------------------------------
line-height・・・行間の設定
-------------------------------------------------------------*/
.lh10 {
  line-height: 1 !important; }

.lh11 {
  line-height: 1.1 !important; }

.lh12 {
  line-height: 1.2 !important; }

.lh13 {
  line-height: 1.3 !important; }

.lh14 {
  line-height: 1.4 !important; }

.lh15 {
  line-height: 1.5 !important; }

.lh20 {
  line-height: 2 !important; }

/*------------------------------------------------------------
下線や取消線の設定
-------------------------------------------------------------*/
.underline {
  text-decoration: underline !important; }

.no-deco {
  text-decoration: none !important; }

.del {
  text-decoration: line-through; }

.noborder {
  border: 0 !important; }

/*枠線を無くす*/
/*------------------------------------------------------------
ul.none・・・リスト先頭のアイコンを無くす
-------------------------------------------------------------*/
ul.none li {
  list-style-type: none; }

/*------------------------------------------------------------
round・・・ボックスを角丸にする（IE8以前には適用されません）
-------------------------------------------------------------*/
.round {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px; }

/*------------------------------------------------------------
left、right・・・画像を簡単に回り込ませる設定
-------------------------------------------------------------*/
/*左に画像、右に文章*/
.left {
  float: left;
  margin: 0 30px 20px 0 !important; }

/*右に画像、左に画像*/
.right {
  float: right;
  margin: 0 0 20px 30px !important; }

/*------------------------------------------------------------
position
-------------------------------------------------------------*/
.static {
  position: static; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

/*------------------------------------------------------------
ノートのような線を引く
-------------------------------------------------------------*/
.noteline {
  display: inline !important;
  padding-bottom: 0.3em !important;
  border-bottom: 1px dashed #7070ba !important;
  line-height: 2.1em !important; }

/*------------------------------------------------------------
テキストボックスのIME制御（IE＆Firefox）
-------------------------------------------------------------*/
.ime-active {
  ime-mode: active; }

.ime-inactive {
  ime-mode: inactive; }

.ime-disabled {
  ime-mode: disabled; }

/*------------------------------------------------------------
変動幅のブロック要素(div)
-------------------------------------------------------------*/
div.stretch-block {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

div.scroll-x {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }

div.scroll-y {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

div.scroll-x-hidden {
  overflow-x: hidden; }

div.scroll-y-hidden {
  overflow-y: hidden; }

/*------------------------------------------------------------
他
-------------------------------------------------------------*/
.nowrap {
  white-space: nowrap; }

.shadow {
  box-shadow: 0px 1px 3px #888; }

.radius0 {
  border-radius: 0 !important; }

/*------------------------------------------------------------
Table Layout
-------------------------------------------------------------*/
.tbl-auto {
  table-layout: auto; }

.tbl-fixed {
  table-layout: fixed; }

/*----------------------
[...]表示
-----------------------*/
.overflow,
.overflow * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/*-------------------------------------------------------
メッセージ
-------------------------------------------------------*/
#_msg_ {
  position: fixed;
  top: -6px;
  transform: translateX(-50%);
  left: 50%;
  border: 2px solid #f0c36d;
  border-radius: 4px;
  background-color: #f9edbe;
  box-shadow: 0px 2px 3px #aaa;
  font-weight: bold;
  z-index: 100000; }

#_msg_:hover {
  cursor: pointer; }

#_msg_.small {
  padding: 8px 10px 3px;
  line-height: 1.25;
  font-size: 14px; }

#_msg_.normal {
  padding: 5px 10px 4px;
  line-height: 1.3;
  font-size: 16px; }

#_msg_.large {
  padding: 10px 15px 5px;
  line-height: 1.4;
  font-size: 18px; }

#_msg_.success {
  border-color: #4CAE4C !important;
  background-color: #4CAE4C !important;
  color: #fff !important; }

#_msg_.warning {
  border-color: #fd9f3d !important;
  background-color: #fd9f3d !important;
  color: #fff !important; }

#_msg_.danger {
  border-color: #d43f3a !important;
  background-color: #d43f3a !important;
  color: #fff !important; }

/*------------------------------------------------------------
bootstrap
-------------------------------------------------------------*/