@charset "utf-8";
/** index
========================================*/
html,body{ width:100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 13px; }
body{
	width: 100%;
    height: 100%;
}
img{vertical-align:bottom;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
th{
	font-weight:normal;
	text-align:left;
}
.mincho{font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","HG明朝E",serif;}
@media only screen and (max-width:767px){
	body{
		min-width:0;
		padding-bottom:0;
	}
}
.spOnly,
.brSp,
.imgSp,
.txtSp{
	display:none !important;
}
.ro:hover{ opacity:0.8;}
@media only screen and (max-width:767px){
	.spNone,
	.brPc,
	.imgPc{
		display:none !important;
	}
	.spOnly{
		display:block !important;
	}
	.brSp,
	.imgSp,
	.txtSp{
		display:inline !important;
	}
	.imgR{
		width:100%;
		height:auto;
	}
	.txtBlock{
		display:inline-block;
		vertical-align:top;
	}
}
#quattro_fort{
    max-width: 1195px;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width:767px){
	#quattro_fort{width: 100%;}
}
/* header */
#header{ 
	position: relative;
	padding:17px 0 7px;
}
#header .logoHeader{
	float:right;
	padding-top:20px;
	width:160px;
}
#header .boxHeader{
	padding-top: 10px;
	padding-bottom:20px;
}
#header .boxHeader .titHeader{
	float: left;
	margin-left:5px;
	display:block;
}
#header .btnClose{
	float: right;
	margin:93px 22px 0 0;
	display:block;
}
#header .btnClose{
	float: right;
	margin:93px 22px 0 0;
	display:block;
}
@media only screen and (max-width:900px){
	#header .btnClose{ margin:93px 0px 0 0;}
	#header .boxHeader .titHeader{ 
		width:68%;
		margin-left:2%;
	}
	#header .btnClose{ 
		width:20%;
		margin:10% 0 0 0 ;
	}
	#header .btnClose img,
	#header .boxHeader .titHeader img{
		width:100%;
		height:auto;
	}
}
@media only screen and (max-width:767px){
	#header{
		position:fixed;
		top:0;
		left:0;
		background:#fff;
		width:100%;
		border-bottom: 1px solid #9B5931;
		z-index:100;
		padding:0;
	}
	#header .logoHeader{ display:none;}
	#header .btnClose{
		margin:18px 3% 0 ;
		width:auto;
	}
	#header .btnClose img{
		width:100px;
		height:auto;
	}
	#header .boxHeader{
		padding-top: 0px;
		height:50px;
		padding-bottom:0;
	}
	#header .boxHeader .titHeader{
		width:160px;
		margin: 8px 0 0 10px;
		display:block;
	}
	#header .boxHeader .btnList{ display:none;}
	#header .boxHeader .btnHeader{
		width: 84px;
		margin-right:5px;
	}
	#header .boxHeader .btnHeader:last-child{ margin-right:0;}
}

/* sec_map */
.secMap{ 
	margin-bottom:20px;
    background: #FFF;
    border-bottom: 12px solid #74571F;
	border-top: 9px solid #74571F;
}
.secMapMain{
	margin:25px 0 20px;
	background: #EDE2CF;
	padding:135px 0 180px;
}
.secMapSub{
	max-width:998px;
	margin:0 auto;
}
.secMap .txtBottom{
    font-size: 10px;
    line-height: 120%;
    padding-top: 5px;
}
.imgR{
	width:100%;
	height:auto;
}
@media only screen and (max-width:900px){
	.secMapSub{
		width:93.75%;
		margin:0 auto;
	}
@media only screen and (max-width:767px){
	.secMap{ margin-bottom:0;}
	.secMapMain{ padding:40px 0 20px;}
}