@charset "UTF-8";

/*=====================

	トップページ用CSS

=====================*/

@main: #6AA90E;//メインカラー

/*=====================
	スタイル設定まとめ
=====================*/

/*角丸*/
.radius (@radius: 5px) {
	border-radius: @radius;/* CSS3草案 */
    -webkit-border-radius: @radius;/* Safari,Google Chrome用 */
    -moz-border-radius: @radius;/* Firefox用 */
}

/*線・パディング込のボックスサイズ*/
.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;
}

/*ゆっくり変わる*/
.transition(@transition: 0.1s) {//デフォルト0.1秒
-webkit-transition: @transition ease-in-out;
   -moz-transition: @transition ease-in-out;
     -o-transition: @transition ease-in-out;
        transition: @transition ease-in-out;
}

/*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;
}