@charset "UTF-8";
/*===========================================
	font size
=============================================*/
body {
  font-size: 14px;
  *font-size: small;
  *font: x-small;
  line-height: 160%;
  color: #333333;
}

.font_80 {
  font-size: 571.42857%;
  line-height: 150%;
}

.font_70 {
  font-size: 500%;
  line-height: 130%;
}

.font_65 {
  font-size: 464.28571%;
  line-height: 130%;
}

.font_62 {
  font-size: 442.85714%;
  line-height: 130%;
}

.font_60 {
  font-size: 428.57143%;
  line-height: 130%;
}

.font_58 {
  font-size: 414.28571%;
  line-height: 130%;
}

.font_57 {
  font-size: 407.14286%;
  line-height: 140%;
}

.font_55 {
  font-size: 392.85714%;
  line-height: 140%;
}

.font_50 {
  font-size: 357.14286%;
  line-height: 140%;
}

.font_45 {
  font-size: 321.42857%;
  line-height: 130%;
}

.font_44 {
  font-size: 314.28571%;
  line-height: 130%;
}

.font_40 {
  font-size: 285.71429%;
  line-height: 130%;
}

.font_38 {
  font-size: 271.42857%;
  line-height: 150%;
}

.font_35 {
  font-size: 250%;
  line-height: 150%;
}

.font_32 {
  font-size: 228.57143%;
  line-height: 150%;
}

.font_30 {
  font-size: 214.28571%;
  line-height: 150%;
}

.font_28 {
  font-size: 200%;
  line-height: 150%;
}

.font_26 {
  font-size: 185.71429%;
  line-height: 150%;
}

.font_24 {
  font-size: 171.42857%;
  line-height: 150%;
}

.font_22 {
  font-size: 157.14286%;
  line-height: 150%;
}

.font_20 {
  font-size: 142.85714%;
  line-height: 150%;
}

.font_18 {
  font-size: 128.57143%;
  line-height: 150%;
}

.font_17 {
  font-size: 121.42857%;
  line-height: 150%;
}

.font_16 {
  font-size: 114.28571%;
  line-height: 150%;
}

.font_15 {
  font-size: 107.14286%;
}

.font_14 {
  font-size: 100%;
}

.font_13 {
  font-size: 92.85714%;
}

.font_12 {
  font-size: 85.71429%;
}

.font_11 {
  font-size: 78.57143%;
}

.font_10 {
  font-size: 62%;
}

h1, h2, h3, h4 {
  font-size: 100%;
}

/*===========================================
	fontColor
=============================================*/
.red {
  color: #B20000;
}

.white {
  color: #fff;
}

.whiteAl {
  color: #fff;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.blue {
  color: #6699CC;
}

.green {
  color: #009139;
}

.glay {
  color: #666464;
}

.brown {
  color: #663300;
}

.fontMincho {
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

@media (max-width: 700px) {
  .font_24,
  .font_22 {
    font-size: 140%;
  }

  .font_38 {
    font-size: 180%;
  }
}