@charset "utf-8";

/* # common class
---------------------------------------------------------------------------- */
.mT00 {
  margin-top: 0px !important;
}

.mT05 {
  margin-top: 5px;
}

.mT10 {
  margin-top: 10px;
}

.mT15 {
  margin-top: 15px;
}

.mT20 {
  margin-top: 20px;
}

.mT30 {
  margin-top: 30px;
}

.mB00 {
  margin-bottom: 0px !important;
}

.mB05 {
  margin-bottom: 5px;
}

.mB10 {
  margin-bottom: 10px;
}

.mB15 {
  margin-bottom: 15px;
}

.mB20 {
  margin-bottom: 20px;
}

.mB30 {
  margin-bottom: 30px;
}

.mR10 {
  margin-right: 10px;
}

.mR20 {
  margin-right: 20px;
}

.mL20 {
  margin-left: 20px;
}

.pT20 {
  padding-top: 20px;
}

.pT30 {
  padding-top: 30px;
}

.pB30 {
  padding-bottom: 30px;
}

.large {
  font-size: 120%;
}

.fs14 {
  font-size: 140%;
}

.fb {
  font-weight: bold;
}

/* 最上位要素のhtmlに対してborder-boxを指定 */
 html{
box-sizing: border-box;
}

/* 全ての要素のbox-sizingがinheritとなるように指定 */
*, *:before, *:after{
box-sizing: inherit;
}

/* clear fix */
.cf:after {
  content: "";
  display: block;
  clear: both;
}

/* transition */
a:hover {
  transition: all 300ms 0s ease;
  /*-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;*/
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition: 0.3s ease-in-out;
}

/* text長体 */
.text-narrow-95 {
  display: block;
  transform: scale(0.95, 1);
  transform-origin: top left;
}

.text-narrow-90 {
  display: block;
  transform: scale(0.9, 1);
  transform-origin: top left;
}

.text-narrow-85 {
  display: block;
  transform: scale(0.85, 1);
  transform-origin: top left;
}

.text-narrow-80 {
  display: block;
  transform: scale(0.8, 1);
  transform-origin: top left;
}

.text-narrow-70 {
  display: block;
  transform: scale(0.7, 1);
  transform-origin: top left;
}

/* ul,ol */