@charset "utf-8";
/* ===================================================
	カラー
=================================================== */
@colorMain: #eb660d; //メインカラー
@colorSub: #6acc3a; //サブカラー 詳細ボタンなど
@colorBorder: #ddd; //ボーダーカラー
@colorLightBG: #ffe3c4; //薄い背景色　bodyの背景と同化はNG　 フォームやテーブルの見出し背景,カテゴリー背景
@colorPager:#ffcd96;//ページャー背景
@colorPagerCurrent:#eb660d;//ページャー背景current

/* ===========================================================================================
	基準のline-height
=========================================================================================== */
@BaseLineHeight: 1.6;

/* ===========================================================================================
	フォント 設定
=========================================================================================== */
body {
	font-size: 16px;
	line-height: @BaseLineHeight;
	color: #594a3c;
	font-family: "Helvetica Neue", Helvetica, Arial,"ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	background: url(../images/bg_body.jpg) repeat-y top center #FEF5E4;
}

a,
a:active,
a:link,
a:visited {
	color: #594a3c;
}
/* ===========================================================================================
	ボタン 設定
=========================================================================================== */
.moreBtn {
	a {
		display: inline-block;
		background: @colorSub;
		padding: 8px 40px;
		color: #fff;
		font-weight: bold;
		border-radius: 3px;
	}
}
/* ===========================================================================================

	メインイメージ設定
=========================================================================================== */
.mainImgArea {
	width: 100%;
	padding: 20px 0;
	background: url(../images/bg_lv.jpg) repeat-x top left;


	.mainImgContent {
		max-width: 100%;
		margin: 0 auto;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mainImgContent p {
		width: @contentWidth;
		font-weight: bold;
		font-size: 24px;
	}
}
/* ===========================================================================================

	見出し設定
=========================================================================================== */
/*== h2はビルダー・システムで共通とする =======================*/
.h2LaySets {
	font-size: 26px;
	font-weight: bold;
	text-align: center !important;
	background:linear-gradient(to bottom, #f68b14, #eb660d);
	color: #FFF;
	position: relative;
	padding: 3px 5px !important;
	&::after{
		position: absolute;
		bottom: -20px;
		margin: auto;
		left: 0;
		right: 0;
		display: block;
		content: url(../images/bg_h02.png);
	}

}

.fl-module-heading h2.fl-heading {
	// ビルダーのH2
	.h2LaySets;
}

h2.pageTitle {
	// アーカイブ・シングルシステムページの見出し
	.h2LaySets;
	margin-bottom: 30px;
}
/*== h3 =======================*/
.h3LaySets {
	font-size: 23px;
	color: @colorMain;
	font-weight: bold;
}

.fl-module-heading h3.fl-heading {
	// ビルダーのH3
	.h3LaySets;
}
/*== h4 =======================*/
.h4LaySets {
	font-size: 20px;
	font-weight: bold;
	padding-left: 22px !important;
	border-bottom: 1px dotted @colorSub;
	background: url(../images/bg_h04.png) no-repeat left center;
}

.fl-module-heading h4.fl-heading {
	// ビルダーのH4
	.h4LaySets;
}
/*== h5 =======================*/
.h5LaySets {
	font-size: 20px;
	font-weight: bold;
	background: #FFE3C4;
	border-left: 3px solid @colorMain;
	padding: 5px 0px 5px 20px !important;
}

.fl-module-heading h5.fl-heading {
	// ビルダーのH5
	.h5LaySets;
}
/*== h6 =======================*/
.h6LaySets {
	font-size: 18px;
	font-weight: bold;
	color: @colorSub;
}

.fl-module-heading h6.fl-heading {
	// ビルダーのH6
	.h6LaySets;
}
/* ===========================================================================================

	コンタクトバナー
=========================================================================================== */
.c_banner {
	width: 700px;
	.c_tel{
		line-height: 1;
		a {
			color: inherit;
		}
	}
	.c_btn a{
		position: static !important;
		top:0 !important;
		font-weight: bold !important;
	}
}


.fixed {
	position:fixed!important;
	top:0;
	width:100%;
	z-index:10000;
}


.checkList{
	li{
		padding-left: 25px;
		margin-bottom: 5px;
		background: url(../images/ico_top01.png) no-repeat left center;
	}
}