@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{
	min-width: 1200px;
	padding-bottom:20px;
	/*margin-top:281px;*/
}
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;
		margin-top: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{
	width:100%;
	margin: 0 auto;
}
@media only screen and (max-width:767px){
	#quattro_fort{ max-width: 100%;}
}
/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ filter:alpha(opacity=80);opacity:0.8; }
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.ro a,
a.ro,
a .ro,
.brt a,
a.brt,
a .brt{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.ro .no_ro a:hover,
.ro a.no_ro:hover{ filter:alpha(opacity=100);opacity:1; }
a:focus{outline:none;}


/*.fixedBox{
	position: fixed;
	margin: 0 auto;
	left:0;
	right:0;
	top:0;
	background:#fff;
	z-index:99;
}*/
/* header */
#header{ 
	position: relative;
	width:100%;
	max-width:1195px;
	margin:0 auto;
}
#header .logoHeader{
	position: absolute;
	right: 1px;
	top:19px;
}
#header .boxHeader{
	padding: 62px 0 20px;
}
#header .boxHeader .titHeader{
	display:block;
	float: left;
	margin-top: -28px;
}
#header .boxHeader .btnList{
	float: right;
	margin-top: 50px;
}
#header .boxHeader .btnHeader{
	display: block;
	float: left;
	margin-right:12px;
}
#header .boxHeader .btnHeader.sec01{
	margin-top:9px;
}
#header .boxHeader .btnHeader:last-child{ margin-right:0;}
@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;
	}
	#header .logoHeader{ display:none;}
	#header .spMenu{
		position: absolute;
		right: 10px;
		top: 0px;
		width:50px;
	}
	#header .spMenu img{
		width:50px;
		height:50px;
	}
	#header .boxHeader{
		padding: 0px;
		height:50px;
	}
	#header .boxHeader .titHeader{
		float: none;
		width:160px;
		margin: 8px 0 0 10px;
	}
	#header .boxHeader .btnList{ display:none;}
	#header .boxHeader .btnHeader{
		width: 84px;
		margin-right:5px;
	}
	#header .boxHeader .btnHeader:last-child{ margin-right:0;}
}










#gNav{
	width:100%;
	height:52px;
	margin:50px 0 100px;
	overflow:visible;
}
#gNav ul{
	display:table;
	width:1192px;
	margin:0 auto;
}
	#gNav ul li.soon span,
	#gNav ul li.soon div{
		filter:alpha(opacity=30);opacity:0.3;-webkit-opacity:0.3;-moz-opacity:0.3;-ms-opacity:0.3;-o-opacity:0.3;
	}
#gNav ul li{
	display:table-cell;
	text-align: center;
}
#gNav ul li:nth-child(1){ width:85px; }
#gNav ul li:nth-child(2){ width:102px; }
#gNav ul li:nth-child(3){ width:113px; }
#gNav ul li:nth-child(4){ width:62px; }
#gNav ul li:nth-child(5){ width:101px; }
#gNav ul li:nth-child(6){ width:85px; }
#gNav ul li:nth-child(7){ width:161px; }
#gNav ul li:nth-child(8){
	width:123px;
	position:relative;
}
#gNav ul li:nth-child(8)::before{
	content:"";
	width:31px;
	height:17px;
	background: url(../img/common/iconNew.gif) no-repeat center top;
	background-size:cover;
	position:absolute;
	left:0;
	right:0;
	top:-10px;
	margin:0 auto;
}
#gNav ul li:nth-child(9){ width:139px; }
#gNav ul li:nth-child(10){ width:147px; }
#gNav .txtGnav,
#gNav ul li.liSP{
	display:none;
}
#gNav a,
#gNav p{
	display:block;
	width:100%;
	height:52px;
	border-left:1px solid #000;
	text-align:center;
}
#gNav p{ 
	opacity:0.7;
	border-left:1px solid #000;
}
#gNav ul li:nth-child(10) a{border-right:1px solid #000;}
#gNav ul li span{
	display:inline-block;
	margin:12px 0 0;
}
#gNav ul li:nth-child(1) img{ max-width:62px; }
#gNav ul li:nth-child(2) img{ max-width:80px; }
#gNav ul li:nth-child(3) img{ max-width:87px; }
#gNav ul li:nth-child(4) img{ max-width:44px; }
#gNav ul li:nth-child(5) img{ max-width:79px; }
#gNav ul li:nth-child(6) img{ max-width:69px; }
#gNav ul li:nth-child(7) img{ max-width:143px; }
#gNav ul li:nth-child(8) img{ max-width:107px; }
#gNav ul li:nth-child(9) img{ max-width:126px; }
#gNav ul li:nth-child(10) img{ max-width:130px; }
#gNav ul li.soon {
  position: relative;
  border-left:1px solid #000;
}

#gNav ul li.soon img.soon_img {
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 90px;
}
@media only screen and (max-width:767px){
	#gNav{ display:none;}
}
.fixedBox #gNav{ margin: 0 0 20px ;}



/* main */
#main{
	width:100%;
	max-width:1195px;
	margin:0 auto;
	position: relative;
}

@media only screen and (max-width:767px){
	#main{
		margin: 0 auto 64px;
	}	
}

/** sideMenu
========================================*/
#sideMenu{
	display: none;
    z-index: 99;
    position: fixed;
    top: 50px;
    left: 0;
    /* position: absolute; */
    width: 100%;
    height: auto;
    float: right;
    background: #fff;
}
.menuOpen #sideMenu{
	visibility:visible;
	display:block;
}

#sideMenu ul{
}
#sideMenu li{
	background:#fff;
	display:table;
	width: 50%;
	height:50px;
	border-bottom: 1px solid #9B5931;
    font-size: 13px;
	box-sizing:border-box;
	position:relative;
}
#sideMenu li a,
#sideMenu li p{
	width:100%;
	text-align:center;
	vertical-align:middle;
	color: #9B5931;
	text-decoration:none;
	display:table-cell;
}
#sideMenu li p{ opacity:0.5;}
#sideMenu li.top a{
	background:#9B5931;
	color:#fff;
}
#sideMenu li:nth-child(n) {
	float:left;
	border-right: 1px solid #9B5931;
}
#sideMenu li:nth-child(2n) {
	float:right;
	border-right:none;
	background:url(../img/bgNav.jpg) no-repeat left #fff;
}
#sideMenu li:nth-child(8)::before{
	content:"";
	width:24px;
	height:12px;
	background: url(../img/common/iconNew.gif) no-repeat center top;
	background-size:cover;
	position:absolute;
	left:8px;
	top:5px;
}
#sideMenu .btnClose{
	background: #F4F4F4;
}
#sideMenu .btnClose a.btnClose{
	display: block;
    border-bottom: 1px solid #9B5931; 
	font-size: 16px;
	color: #4F4F4F;
	font-weight:bold;
	text-align: center;
	padding:11px 0 14px;
}
#sideMenu .btnClose .txtMain{
	width:73px;
	margin:0 auto;
}
#sideMenu .btnClose .icon01{
	float:left;
}
#sideMenu .btnClose .txt{
	padding-left:5px;
    float: right;

}

/* sec_tel */
.sec_tel{
	background:#AB5854;
	display:block;
}
@media only screen and (max-width:767px){
	.sec_tel{ margin-bottom:0px;}
	.sec_tel .img_tel{ text-align:center;}
}

/* wrapFixed */
.wrapFixed{
	width: 100%;
	position: relative;
}

.wrapFixed .btnFixed{
	width:90px;
	position: fixed;
	top: 116px;
	bottom: 0;
	right: 0;
}
.wrapFixed .btnFixed:nth-child(2){
	width:90px;
	position: fixed;
	top: 277px;
	bottom: 0;
	right: 0;
}
.wrapFixed .btnFixed:nth-child(3){
	width:90px;
	position: fixed;
	top: 438px;
	bottom: 0;
	right: 0;
}



@media only screen and (max-width:767px){
	.wrapFixed{
		position: fixed;
	    bottom: 0;
		left: 0;		
   		z-index: 100;
		width: 100%;
	}
	.wrapFixed .btnFixed{
		position: relative;
		float: left;
		text-align: center;
		width:33.3%;
		background-color:  rgba(94, 55, 30, 0.89);
		padding: 11px 0 12px;
		top: auto;
	}
	.wrapFixed li::after{
		content: "";
	    display: block;
    	width: 1px;
    	height: 64px;
    	background: #fff;
    	position: absolute;
    	right: 0;
   		top: 0px;
	}
	.wrapFixed li:last-child::after{
		display:none;
	}

	/*
	.wrapFixed .btnFixedli:first-child a {
		width: calc(100% - 1px);
	}
	.wrapFixed .btnFixed a::after{
		content: "";
 		display: block;
   		width: 1px;
    	height: 42px;
		background: #fff;
		position: absolute;
		right: 0;
	}
	*/
	.wrapFixed .btnFixed:nth-child(2){
		position: relative;
		float: left;
		text-align: center;
		width:33.3%;
		background-color:  rgba(94, 55, 30, 0.89);
		padding: 11px 0;
		top:0;
	}
	.wrapFixed .btnFixed:last-child{
		position: relative;
		float:right;
		text-align: center;
		width: 33.3%;
		background-color: rgba(94, 55, 30, 0.89);
		border-right:none;
		padding: 8px 0 9px;
	}
}