@charset "UTF-8";
/*=====================

	注意！注意！注意！

	開発用のLESSです
　当ファイルをコンパイル
	ターミナル使って
lessc common.less common.css
	>common.cssを読込

=====================*/
/*=====================
	スタイル設定まとめ
=====================*/
/*角丸*/
/*線・パディング込のボックスサイズ*/
.box-border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*ゆっくり変わる*/
/*flexbox*/
.disp-flex {
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: flexbox;
  display: -webkit-box;
  display: flex;
}
/*明朝文字スタイル*/
.font-mincho {
  font-family: 'Noto Serif', "游明朝体", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/*背景cover*/
.bg-cover {
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-position: center;
}
.main-contents {
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .main-contents {
    width: 100%;
  }
}
.sub-contents {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .sub-contents {
    width: 100%;
  }
}
.slim-contents {
  width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .slim-contents {
    width: 100%;
  }
}