@charset "utf-8";
/* ======================================================
CSS information

 File Name  : company.css
 Style Info : 「会社案内」のCSS
====================================================== */

#company-top-block {
  margin-bottom: 10px;
}

a.history-link {
  display: block;
  text-decoration: none;
  color: #555;
  font-size: 1.3rem;
  text-align: right;
}

a.history-link:before {
  content: '\f105';
  display: inline-block;
  vertical-align: middle;
  margin-right: .3em;
  padding-bottom: 4px;
  color: #FF645A;
  font-size: 2rem;
  font-family: 'FontAwesome';
}

.company-box {
  margin-bottom: 30px;
}

.company-box:last-child {
  margin-bottom: 0;
}

.my-table td a.history-link {
  display: inline-block;
  margin-left: 1em;
}

.my-table td a.map-link {
  display: block;
  text-decoration: none;
  color: #555;
  font-size: 1.3rem;
  text-align: right;
}

.my-table td a.map-link:before {
  content: '\f0d7';
  display: inline-block;
  vertical-align: middle;
  margin-right: .3em;
  padding-bottom: 4px;
  color: #FF645A;
  font-size: 2rem;
  font-family: 'FontAwesome';
}

#store-list dl {
  margin-bottom: 10px;
}

#store-list dl:last-child {
  margin-bottom: 0;
}

#store-list dt {
  font-size: 1.4rem;
  font-family: 'myfont-bold';
}

#store-list dd {
  font-size: 1.3rem;
}

#update {
  font-size: 1.1rem;
  text-align: right;
}

/* 768px～（タブレット）
------------------------------------------------------ */
@media screen and (min-width: 768px) {

  .company-box {
    margin-bottom: 35px;
  }

  .my-table th {
    width: 120px;
    text-align: center;
  }

  .my-table td a.history-link {
    margin-left: 1.5em;
  }

  .my-table td a.map-link {
    display: inline-block;
    margin-left: 1.5em;
  }

  #update {
    font-size: 1.2rem;
  }

}

/* 960px～（パソコン）
------------------------------------------------------ */
@media screen and (min-width: 960px) {

  .my-table th {
    width: 130px;
  }

  #store-list dt {
    font-size: 1.5rem;
  }

  #store-list dd {
    font-size: 1.4rem;
  }

  #update {
    font-size: 1.3rem;
  }

}

/* ～480px（例外）
------------------------------------------------------ */
@media screen and (max-width: 480px) {

  .my-table th,
  .my-table td {
    display: block;
  }

}