@charset "UTF-8";
img {
  max-width: 100%;
  height: auto; }

a {
  text-decoration: none; }

a.link_color01 {
  background: #ffa200; }

a.link_color02 {
  background: #e6567a; }

a.link_color03 {
  background: #00c0e4; }

a.link_color04 {
  background: #377bd8; }

.float_l {
  float: left; }

.float_r {
  float: right; }

.line_top {
  margin: 0 0 0 10px;
  padding: 5px 0 0;
  display: block;
  overflow: hidden;
  border-top: #f5f5f6 solid 1px; }

.line_bottom {
  margin: 10px 0 0 0;
  padding: 5px 0 0;
  display: block;
  overflow: hidden;
  border-bottom: #f5f5f6 solid 1px; }

.line_tb {
  margin: 8px 0;
  padding: 5px 0;
  display: block;
  overflow: hidden;
  border-top: #f5f5f6 double 3px;
  border-bottom: #f5f5f6 double 3px; }

.btn_top {
  margin: 10px 0 8px; }

.text_l {
  text-align: left; }

.text_r {
  text-align: right; }

.text_c {
  text-align: center; }

.font_10 {
  font-size: 0.625em; }

.font_11 {
  font-size: 0.688em; }

.font_12 {
  font-size: 0.75em; }

.font_13 {
  font-size: 0.813em; }

.font_14 {
  font-size: 0.875em; }

.font_15 {
  font-size: 0.938em; }

.font_16 {
  font-size: 1em; }

.font_17 {
  font-size: 1.063em; }

.font_18 {
  font-size: 1.125em; }

.font_19 {
  font-size: 1.188em; }

.font_20 {
  font-size: 1.25em; }

.font_21 {
  font-size: 1.313em; }

.font_22 {
  font-size: 1.375em; }

.font_23 {
  font-size: 1.438em; }

.font_24 {
  font-size: 1.5em; }

.font_25 {
  font-size: 1.563em; }

.font_28 {
  font-size: 1.75em; }

.font_30 {
  font-size: 1.875em; }

.font_38 {
  font-size: 2.375em; }

.font_40 {
  font-size: 2.5em; }

.font_45 {
  font-size: 2.813em; }

/*文字高度 */
.flh_16 {
  line-height: 1.6; }

.flh_2 {
  line-height: 2; }

/*文字粗細 */
.fontw_b {
  font-weight: bold; }

.fontc_blue {
  color: #0092d9; }

.fontc_orange {
  color: #ff6c00; }

.fontc_green {
  color: #73b219; }

.fontc_red {
  color: #d91f1f; }

.fontc_gray {
  color: #8e8e8e; }

.fontc_brown {
  color: #7d5a06; }

.fontc_white {
  color: #fff; }

.fontc_important {
  color: #fa0000; }

.img_size_s {
  width: 30px; }

.img_link_c {
  display: block;
  overflow: hidden;
  text-align: center; }
  .img_link_c a {
    margin: 0 auto;
    display: block;
    overflow: hidden; }

.img_box {
  padding: 5px;
  border: 1px solid #ccc;
  width: 95%; }

.float_l {
  float: left; }

.float_r {
  float: right; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
  display: inline-block; }

@media screen and (max-width: 360px) {
  .float_l {
    float: none; }

  .float_r {
    float: none; } }