/* Showing and hiding content */
/*.show {
  display: block !important;
}*/
.hidden {
  display: none !important;
}
.invisible {
  visibility: hidden;
}

/* hide by windows size */
@media (max-width: 599px) {
  .hidden-sp {
    display: none !important;
  }
}
@media (min-width: 600px) {
  .hidden-pc {
    display: none !important;
  }
}

/* show by device size */
.visible-sp,
.visible-sp-block,
.visible-sp-inline,
.visible-sp-inline-block,
.visible-pc,
.visible-pc-block,
.visible-pc-inline,
.visible-pc-inline-block {
  display: none !important;
}
@media (max-width: 599px) {
  .visible-sp,
  .visible-sp-block {
    display: block !important;
  }
  .visible-sp-inline {
    display: inline !important;
  }
  .visible-sp-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 600px) {
  .visible-pc,
  .visible-pc-block {
    display: block !important;
  }
  .visible-pc-inline {
    display: inline !important;
  }
  .visible-pc-inline-block {
    display: inline-block !important;
  }
}

.clearfix:before,.cf:after{content: " ";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}

/* Alignment class */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}