@charset "UTF-8";
.trans {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*===========================================
	font size
=============================================*/
#wrapperArea {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  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_68 {
  font-size: 485.71429%;
  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_48 {
  font-size: 342.85714%;
  line-height: 130%;
}

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

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

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

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

.font_37 {
  font-size: 264.28571%;
  line-height: 150%;
}

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

.font_34 {
  font-size: 242.85714%;
  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: 170%;
}

.font_19 {
  font-size: 135.71429%;
  line-height: 170%;
}

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

.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%;
}

.font_09 {
  font-size: 9px;
}

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

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

.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;
}

.yellow {
  color: #C8AF37;
}

.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%;
  }
}