@charset "UTF-8";

/* ----------------------------------------------------------------------- 

 defoult

----------------------------------------------------------------------- */
body {
	position:relative;
	min-width:1060px;
	font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;
	font-size:14px;
    color: #333;
	line-height:1.8;
	text-align: justify;
	background:url(../img/bg_texture01.jpg) center center;
	text-justify: inter-ideograph;
    -webkit-text-size-adjust: 100%;
}
a{
	display:inline-block;
	color:#333;
	text-decoration:underline;
}
a:hover{
	opacity:0.7;
	text-decoration:none;
}
a[href^="tel:"] {
	cursor: default;
	text-decoration: none;
}
a[href^="tel:"]:hover {
	opacity:1.0;
}
.contentIn{
	width:1060px;
	margin:0 auto;
}
.contentIn:after{
	content:"";
	display:block;
	clear:both;
}
.spOnly{ display:none!important; }

@media screen and (max-width: 767px) {
	body {
		min-width:320px;
		font-size:12px;
	}
    img{
        max-width:100%;
    }
	.contentIn{
		width:auto!important;
		padding:0 15px;
	}
	.pcOnly{ display:none!important; }
	.spOnly{ display:block!important; }

}



/* ----------------------------------------------------------------------- 

 header & footer & pagetop

----------------------------------------------------------------------- */

/* header
----------------------------------------------------------------------- */
.logo,
.logo img,
#spBtn img{
	display:block;
}

#header{
	background:#fff;
	border-top:2px solid #D6B394;
}
#header .contentIn{
	position:relative;
}
#header .logo{
	position:absolute;
	top:-2px;
	left:0;
	z-index:9999;
}
#spBtn{
	display:none;
}
@media screen and (max-width: 767px) {
	#header{
		border-top:none;
	}
	#header .contentIn{
		padding:0;
	}
	#header .logo{
		top:0;
		left:50%;
		margin-left:-17.5%;
		width:35%;
	}
	#spBtn{
		display:block;
		float:right;
		width:14%;
	}
}


/* gNavi
----------------------------------------------------------------------- */
#gNavi{
	display:table;
	width:883px;
	margin-left:177px;
}
#gNavi img{
	display:block;
	margin:0 auto;
}
#gNavi a{
    display:block;
    width:100%;
	height:100%;
	line-height: 1.4;
	text-decoration:none;
}
#gNavi ul:after{
	content:"";
	display:block;
	clear:both;
}
#gNavi .pcOnly{
	display:table-cell;
	width:704px;
}
#gNavi .pcOnly > li{
	position:relative;
	float:left;
	display:table;
	width:176px;
	height:70px;
}
#gNavi .pcOnly > li:before{
	position:absolute;
	top:50%;
	right:0;
	margin-top:-24px;
	content:"";
	width:1px;
	height:48px;
	background:url(http://frt-el.jp/common/img/bg_line01.png) no-repeat;
}
#gNavi .pcOnly > li:first-child > a{
	cursor:default;
}
#gNavi .pcOnly > li:first-child > a:hover{
	opacity:1.0;
}
#gNavi .pcOnly > li > a{
	display:table-cell;
	margin:auto;
	vertical-align:middle;
	text-align:center;
}
#gNavi .subNavi{
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	background:#fff;
	z-index:99;
}
#gNavi li .subNavi a{
	padding:0;
	height:0;
	color:#212121;
	text-align:center;
	line-height: 1.2;
	overflow:hidden;
	transition:0.2s;
}
#gNavi li:hover .subNavi{
	border:1px solid #DDCC97;
	border-top:none;
}
#gNavi li:hover .subNavi a{
	padding:12px 0;
	height:auto;
	overflow:visible;
	border-top:1px solid #DDCC97;
}
.snsBtn{
	width:150px;
	letter-spacing:-0.4em;
	text-align:center;
}
.snsBtn a,
.snsBtn img{
	display:block;
}
.snsBtn li{
	display:inline-block;
	margin-left:15px;
	vertical-align:middle;
	letter-spacing:normal;
}
.snsBtn li:first-child{
	margin-left:0;
}
#gNavi .snsBtn{
	display:table-cell;
	width:176px;
	vertical-align:middle;
}
@media screen and (min-width: 768px) {
	#gNavi{
		display:table!important;
	}
}
@media screen and (max-width: 767px) {
	#gNavi{
		clear:both;
		display:none;
		width:100%;
		margin:0;
		padding:5% 8px 20px;
		background:rgba(129,75,36,0.9);
	}
	#gNavi .spOnly li{
		float:left;
		width:48%;
		margin-bottom:10px;
	}
	#gNavi .spOnly li:nth-child(2n){
		float:right;
	}
	#gNavi .spOnly a{
		position:relative;
		padding:10px 20px 10px 10px;
		font-size:10px;
		color:#804B24;
		background:#fff;
	}
	#gNavi .spOnly a:before{
		position:absolute;
		top:50%;
		right:10px;
		margin-top:-5px;
		content:"";
		width:10px;
		height:10px;
		background:url(http://frt-el.jp/common/img/ico_arrow01.png) no-repeat;
		background-size:contain;
	}
	#gNavi .snsBtn{
		display:block;
		width:100%;
		margin-top:10px;
	}
	#gNavi .snsBtn li{
		width:42px;
		margin-left:16px;
	}
}

/* footer
----------------------------------------------------------------------- */
#pageTop img,
.bnrArea a,
.bnrArea img{
	display:block;
}

#pageTop{
    position:fixed;
    bottom:20px;
    right:30px;
    display:block;
    width:90px;
    height:66px;
    background:url(../img/btn_pagetop01.png) no-repeat 0 0;
    text-indent:-9999px;
	text-decoration:none;
	line-height: 1.2;
    overflow:hidden;
	z-index:9999;
}
#footer{
	color:#683806;
	background:#fff;
}
#footer a{
	color:#683806;
	text-decoration:none;
}
#footer .bnrArea{
	padding:20px 0;
	background:url(../img/bg_texture02.jpg) repeat center center;
}
#footer .bnrArea li{
	float:left;
	margin-left:20px;
	background:#fff;
}
#footer .bnrArea li:first-child{
	margin-left:0;
}
#footer > .contentIn{
	padding:25px 0 20px;
}
#footer .contL{
	float:left;
}
#footer .contL .logoArea{
	display:table;
	width:100%;
	vertical-align:middle;
}
#footer .contL .logo{
	display:table-cell;
	vertical-align:middle;
}
#footer .contL .snsBtn{
	display:table-cell;
	width:auto;
	padding-left:45px;
	vertical-align:middle;
}
#footer .contL dl{
	padding-top:20px;
	font-size:13px;
}
#footer .contL dt{
	font-weight:bold;
}
#footer .contR{
	float:right;
	display:table;
	width:510px;
}
#footer .contR .lNavi{
	display:table-cell;
	padding:5px 10px;
	border-right:1px solid #E0BA9E;
}
#footer .contR .lNavi:first-child{
	width:260px;
	border-left:1px solid #E0BA9E;
}
#footer .contR .lNavi li{
	position:relative;
	margin-top:15px;
	padding-left:15px;
	font-size:13px;
	font-weight:bold;
	line-height: 1.4;
}
#footer .contR .lNavi > li:first-child{
	margin-top:0;
}
#footer .contR .lNavi li:before{
	position:absolute;
	top:0.25em;
	left:0;
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:4px 0 4px 6px;
	border-color:transparent transparent transparent #D3AD8B;
}
#footer .contR .lNavi li li{
	margin-top:8px;
	padding-left:10px;
	font-size:11px;
	font-weight:normal;
}
#footer .contR .lNavi li li:before{
	top:0.25em;
	border-width:3px 0 3px 5px;
}
#copyright{
	clear:both;
	display:block;
	padding-top:10px;
	text-align:left;
	font-size:11px;
	line-height: 1.2;
}

@media screen and (max-width: 767px) {
	#pageTop{
		position:static!important;
		display:block;
		width:100%;
		height:auto;
		padding:10px;
		text-indent:0;
		color:#fff;
		text-align:center;
		background:#683806;
	}
	#pageTop span{
		position:relative;
		padding-left:20px;
	}
	#pageTop span:before{
		position:absolute;
		top:50%;
		left:0;
		margin-top:-3px;
		content:"";
		width:0;
		height:0;
		border-style:solid;
		border-width:0 4px 7px 4px;
		border-color:transparent transparent #fff transparent;
	}
	#footer .bnrArea{
		background-image:url(../img/bg_texture03.jpg);
		background-size:320px auto;
	}
	#footer .bnrArea ul{
		margin-top:-10px;
	}
	#footer .bnrArea li{
		width:48%;
		margin-left:0;
		margin-top:10px;
	}
	#footer .bnrArea li:nth-child(2n){
		float:right;
	}
	#footer > .contentIn{
		padding:18px 15px 10px;
	}
	#footer .contL{
		float:none;
	}
	#footer .contL .logo{
		width:30%;
	}
	#footer .contL .snsBtn{
		padding-left:0;
		text-align:right;
	}
	#footer .contL .snsBtn li{
		width:33px;
	}
	#footer .contL dl{
		padding-top:10px;
		font-size:10px;
	}
	#footer .contR{
		display:none!important;
	}
	#copyright{
		padding-top:30px;
		text-align:center;
		font-size:8px;
	}
}






/* ----------------------------------------------------------------------- 

 common layout

----------------------------------------------------------------------- */
#main{
	padding:60px 0 125px;
}

@media screen and (max-width: 767px) {
	#main{
		padding:20px 0 30px;
	}
}


/* mainTitle
----------------------------------------------------------------------- */
#mainTtl{
	color:#fff;
	background:url(../img/bg_texture02.jpg) center center;
}
#mainTtl a{
	color:#fff;
}
#mainTtl .contentIn{
	display:table;
}
#mainTtl .breadcrumb{
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	line-height: 1.2;
}
.breadcrumb:after{
	content:"";
	display:block;
	clear:both;
}
.breadcrumb li{
	float:left;
	position:relative;
	padding:0 1.2em 0 2em;
}
.breadcrumb li:before{
	position:absolute;
	top:0;
	left:0;
	content:"＞";
}
.breadcrumb li:first-child{
	padding-left:25px;
}
.breadcrumb li:first-child:before{
	top:50%;
	margin-top:-7px;
	content:"";
	width:16px;
	height:14px;
	background:url(http://frt-el.jp/common/img/ico_home01.png) no-repeat;
	background-size:contain;
}
#mainTtl .title{
	display:table-cell;
	padding:30px 0;
	font-size:33px;
	font-weight:bold;
	line-height: 1.2;
	text-align:right;
	vertical-align:middle;
}
#mainTtl .title .en{
	display:block;
	margin-top:10px;
	font-size:17px;
	font-weight:normal;
}

/* タイトルが画像 */
#mainTtl02{
	position:relative;
}
#mainTtl02:before{
	position:absolute;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:130px;
	background:url(../img/bg_texture02.jpg) center center;
	z-index:-1;
}
#mainTtl02 a{
	color:#fff;
}
#mainTtl02 .breadcrumb{
	display:block;
	padding:40px 0 25px;
	color:#fff;
	font-size:12px;
	vertical-align:middle;
	line-height: 1.2;
}
#mainTtl02 .title{
	box-shadow:1px 0 5px 0 rgba(0,0,0,0.25);
}
#mainTtl02 .title img{
	display:block;
	width:100%;
}

@media screen and (max-width: 767px) {
	#mainTtl{
		background-image:url(../img/bg_texture03.jpg);
		background-size:320px auto;
	}
	#mainTtl .contentIn{
		display:block;
	}
	#mainTtl .breadcrumb{
		display:none!important;
	}
	#mainTtl .title{
		display:table;
		width:100%;
		padding:20px 0;
		font-size:20px;
		text-align:left;
	}
	#mainTtl .title span{
		display:table-cell!important;
		vertical-align:middle;
	}
	#mainTtl .title .en{
		margin-top:0;
		font-size:12px;
		text-align:right;
	}
	/* タイトルが画像 */
	#mainTtl02 .bgImg01{
		padding-bottom:20.3%;
		background-image:url(../img/bg_texture03.jpg);
		background-size:320px auto;
	}
	#mainTtl02 .breadcrumb{
		display:none;
	}
	/* タイトルが画像 */
	#mainTtl02{
		padding-top:4.5%;
	}
	#mainTtl02:before{
		height:0;
		padding-bottom:20.3%;
		background-image:url(../img/bg_texture03.jpg);
		background-size:320px auto;
	}
}

/* pager
----------------------------------------------------------------------- */
.pager{
	width:100%;
	text-align:left;
	letter-spacing:-0.4em;
}
.pager li{
	display:inline-block;
	width:30px;
	height:30px;
	margin-left:8px;
	line-height: 30px;
	font-size:13px;
	text-align:center;
	letter-spacing:normal;
	color:#fff;
	background:#D3AD8B;
	border:1px solid #D3AD8B;
}
.pager li:first-child{
	margin-left:0;
}
.pager .current a,
.pager a:hover{
	color:#fff;
	background:#D3AD8B;
}
.pager a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#D3AD8B;
	background:#fff;
}


@media screen and (max-width: 767px) {
}




/* ----------------------------------------------------------------------- 

 common class

----------------------------------------------------------------------- */
.bold{ font-weight:bold; }
.vaTop{ vertical-align:top!important; }


/* float
----------------------------------------------------------------------- */
.fl { float:left; }
.fr { float:right; }

.clear{ clear:both; }
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}


/* title
----------------------------------------------------------------------- */
.ttlStyle01{
	margin-bottom:30px;
	line-height: 1.2;
}
.ttlStyle01 img{
	display:block;
	margin:0 auto;
}
.ttlStyle02{
	margin-bottom:25px;
	padding:8px 0 5px 15px;
	font-size:24px;
	font-weight:bold;
	letter-spacing:0.05em;
	line-height: 1.2;
	border-left:5px solid #D3AD8B;
}
.ttlStyle03{
	overflow:hidden;
	font-size:22px;
	font-weight:bold;
	line-height: 1.2;
}
.ttlStyle03 span{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0 30px 0 0;
	text-align:left;
	vertical-align:middle;
}
.ttlStyle03 span:before{
	position:absolute;
	top:50%;
	left:100%;
	content:"";
	width:1000%;
	height:1px;
	background:#333;
}
.ttlStyle03 span.number{
	width:1.6em;
	height:1.6em;
	margin-right:10px;
	padding:0;
	font-size:16px;
	color:#fff;
	vertical-align:top;
	text-align:center;
	line-height: 1.6;
	background:#333;
}
.ttlStyle03 span.number:before{
	display:none;
}

@media screen and (max-width: 767px) {
	.ttlStyle01{
		margin-bottom:20px;
	}
	.ttlStyle01 img{
		width:100%;
	}
	.ttlStyle02{
		margin-bottom:15px;
		padding:5px 0 5px 10px;
		font-size:16px;
		border-width:3px;
	}
	.ttlStyle03{
		font-size:14px;
	}
	.ttlStyle03 span{
		padding-right:0;
	}
	.ttlStyle03 span:before{
		display:none;
	}
	.ttlStyle03 span.number{
		margin-right:5px;
		font-size:10px;
	}
}



/* sectionBox
----------------------------------------------------------------------- */
.sectionArea01{
	margin:40px 0;
}
.sectionArea01:last-child{
	margin-bottom:0;
}
.sectionArea01 p{
	margin-top:20px;
}
.sectionArea01 .listStyle01{
	margin:30px 35px 45px;
}
.sectionArea02{
	margin:60px 0;
}
.sectionArea02:first-child{
	margin-top:0;
}
.sectionArea02:last-child{
	margin-bottom:0;
}
.leadTxt01{
	font-size:16px;
	font-weight:bold;
	color:#D43D37;
}
.leadTxt02{
	margin-bottom:30px;
	font-size:20px;
	font-weight:bold;
	line-height: 1.2;
}
.leadTxt03{
	margin-bottom:60px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

@media screen and (max-width: 767px) {
	.sectionArea01{
		margin:20px 0;
	}
	.sectionArea01 p{
		margin-top:15px;
	}
	.sectionArea01 .listStyle01{
		margin:20px 0 30px;
	}

	.sectionArea02{
		position:relative;
		margin:35px 0;
		padding-top:25px;
		border-top:3px solid #693806;
	}
	.sectionArea02:before{
		position:absolute;
		top:2px;
		left:0;
		content:"";
		width:100%;
		height:1px;
		background:#693806;
	}
	.leadTxt01{
		font-size:13px;
	}
	.leadTxt02{
		margin-bottom:20px;
		font-size:13px;
	}
	.leadTxt03{
		margin-bottom:20px;
		font-size:14px;
		text-align:left;
	}

}


/* ul & ol & dl
----------------------------------------------------------------------- */
.olStyle01{
	counter-reset:number;
}
.olStyle01 li{
	position:relative;
	padding-left:2em;
}
.olStyle01 li:before,
.olStyle01 li:after{
	position:absolute;
	top:0;
	left:0;
}
.olStyle01 li:before{
	counter-increment:number;
	content:counter(number);
	letter-spacing:-0.05em;
}
.olStyle01 li:after{
	left:1.2em;
	content:"）";
}
.listStyle01{
	padding:15px 25px;
	background:rgba(255,255,255,0.7);
	border:2px dotted rgba(104,56,6,0.5);
	border-radius:10px;
}

@media screen and (max-width: 767px) {
	.listStyle01{
		padding:15px 15px;
		border-radius:5px;
	}
}

/* btn design
----------------------------------------------------------------------- */
.btnStyle01{
	text-align:left;
	clear:both;
}
.btnStyle01 a{
	display:inline-block;
	width:265px;
	padding:10px 0;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.05em;
	text-align:center;
	text-decoration:none;
	background:#FF9326;
	border-radius:5px;
}
.btnStyle01 span{
	position:relative;
	padding-left:15px;
}
.btnStyle01 span:before{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:3px 0 3px 5px;
	border-color:transparent transparent transparent #fff;
}

.btnStyle02{
	text-align:left;
}
.btnStyle02 a{
	display:inline-block;
	width:200px;
	padding:3px 0;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.05em;
	text-align:center;
	text-decoration:none;
	background:#AD754B;
	border-radius:3px;
}
.btnStyle02 span{
	position:relative;
	padding-left:15px;
}
.btnStyle02 span:before{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:3px 0 3px 5px;
	border-color:transparent transparent transparent #fff;
}

.btnStyle03{
	text-align:left;
}
.btnStyle03 a{
	display:inline-block;
	width:100%;
	padding:5px 0;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.05em;
	text-align:center;
	text-decoration:none;
	font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	background:#FF9326;
	border-radius:5px;
}
.btnStyle03 span{
	position:relative;
	padding-left:15px;
}
.btnStyle03 span:before{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width:3px 0 3px 5px;
	border-color:transparent transparent transparent #fff;
}



@media screen and (max-width: 767px) {
	.btnStyle01{
		text-align:center;
	}
	.btnStyle01 a{
		width:70%;
		padding:5px 0;
		font-size:14px;
	}

	.btnStyle02{
		text-align:center;
	}
	.btnStyle02 a{
		width:70%;
	}

	.btnStyle01{
		text-align:center;
	}
	.btnStyle01 a{
		width:70%;
		padding:5px 0;
		font-size:14px;
	}
}


/* table design
----------------------------------------------------------------------- */
.tableStyle01{
	width:100%;
	background:#fff;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
}
.tableStyle01 th,
.tableStyle01 td{
	padding:10px 15px;
	vertical-align:middle;
	line-height: 1.4;
	border-bottom:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
}
.tableStyle01 th{
	width:280px;
	color:#fff;
	font-weight:bold;
	background:#956437;
}
@media screen and (max-width: 767px) {
	.tableStyle01 th,
	.tableStyle01 td{
		padding:5px 7px;
	}
	.tableStyle01 th{
		width:34%;
	}
}


/* form design
----------------------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	width:100%;
	padding:5px;
	font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;
	font-size:14px;
    color: #333;
	line-height:1.4;
	background:#FFF7E8;
	border:1px solid #CCCCCC;
	border-radius:0;
	-webkit-appearance:none;
	box-sizing:border-box;
}
input.size01{ width:320px; }
input.size02{ width:160px; }
input.size03{ width:80px; }

input[type="radio"],
input[type="checkbox"]{
	vertical-align:-0.05em;
}
input[type="submit"],
input[type="reset"],
input[type="button"]{
	display:block;
	margin:0 auto;
	padding:12px 20px 10px;
	font-family:Helvetica,Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic,“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”, “メイリオ”,Meiryo, sans-serif;
	font-size:15px;
	font-weight:bold;
    color: #fff;
	text-align:center;
	line-height:1.0;
	background:#FFA800;
	border:none;
	border-radius:5px;
	-webkit-appearance:none;
	box-sizing:border-box;
	outline:none;
	cursor:pointer;
}
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover{
	opacity:0.7;
}

@media screen and (max-width: 767px) {
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	textarea{
		padding:3px 5px;
		font-size:16px;
	}
	input.size01{ width:100%; }
	input.size02{ width:50%; }
	input.size03{ width:25%; }

	input[type="submit"],
	input[type="reset"],
	input[type="button"]{
		padding:5px 10px;
		border-radius:3px;
	}
}