@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      style.css

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

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);


body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important;
	overflow-x:hidden;
	text-align:center;
	}
	
/* カラム指定
********************************************************/
.flexboxL { /* スマホ縦並び */
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}
@media only screen and (max-width: 768px) {
.flexboxL { /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;}
}



/* フッターボタン
********************************************************/
.footerRes {
	max-width:1280px;
	margin:30px auto 0;
	padding:30px 0;
	background:#CBCBCB;
	position:relative;
}

#home .footerRes .footerResBtn a{
	width:25%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 10px 0;
	background:#3d3a39;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;

}
#home .footerRes .footerResBtn:nth-child(2) a{
	width:15%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#3d3a39;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
	position:absolute;
	right:30px;
	top:43px;


}


#home .footerRes .footerResBtn:nth-child(3) a{
	width:15%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#3d3a39;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
	position:absolute;
	right:18%;
		top:43px;


}

#room .footerRes .footerResBtn a{
	width:35%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#008E82;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}
#plan .footerRes .footerResBtn a{
	width:35%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#736357;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}
#plantop .footerRes .footerResBtn a{
	width:35%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#D8BA17;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}
#roomtop .footerRes .footerResBtn a{
	width:35%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#FF7B78;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#benefits .footerRes .footerResBtn a {
    width: 35%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    background: #A675AB;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#parking .footerRes .footerResBtn a {
    width: 35%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    background: #395064;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#dog-lovers .footerRes .footerResBtn a {
    width: 35%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    background: #C7B299;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#dog-lovers .footerRes{
	margin-top:0px;}
	
	
#anniversary .footerRes .footerResBtn a {
    width: 35%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    background: #126789;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}	

#access .footerRes .footerResBtn a {
    width: 35%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    background: #6BBCB9;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}	

#policy .footerRes .footerResBtn a {
    width: 35%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    background: #395064;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}	

#club_c .footerRes .footerResBtn a {
    width: 35%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    background: #12678D;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}	

#breakfast .footerRes .footerResBtn a {
    width: 35%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    background: #ED904E;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}	


#service .footerRes .footerResBtn a {
    width: 35%;
    text-align: center;
    color: #fff;
    display: block;
    padding: 5px 0;
    background: #DB97BB;
    margin: 0 auto;
    box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}	



#room .footerRes .footerResBtn a:hover,
#home .footerRes .footerResBtn a:hover,
#plan .footerRes .footerResBtn a:hover,
#plantop .footerRes .footerResBtn a:hover,
#roomtop .footerRes .footerResBtn a:hover,
#benefits .footerRes .footerResBtn a:hover,
#benefits .footerRes .footerResBtn a:hover,
#access .footerRes .footerResBtn a:hover,
#policy .footerRes .footerResBtn a:hover,
#club_c .footerRes .footerResBtn a:hover,
#breakfast .footerRes .footerResBtn a:hover,
#service .footerRes .footerResBtn a:hover,
#anniversary .footerRes .footerResBtn a:hover,
#parking .footerRes .footerResBtn a:hover,
#parking .footerRes .footerResBtn a:hover{
  box-shadow: 0 0 2px rgba(255,255,255,0.2);
}
#room .footerRes .footerResBtn a:link, #room .footerRes .footerResBtn a:visited, #room .footerRes .footerResBtn a:active,
#home .footerRes .footerResBtn a:link, #home .footerRes .footerResBtn a:visited, #home .footerRes .footerResBtn a:active,
#plan .footerRes .footerResBtn a:link, #plan .footerRes .footerResBtn a:visited, #plan .footerRes .footerResBtn a:active,
#plantop .footerRes .footerResBtn a:link, #plantop .footerRes .footerResBtn a:visited, #plantop .footerRes .footerResBtn a:active,
#roomtop .footerRes .footerResBtn a:link, #roomtop .footerRes .footerResBtn a:visited, #roomtop .footerRes .footerResBtn a:active,
#benefits .footerRes .footerResBtn a:link, #benefits .footerRes .footerResBtn a:visited, #benefits .footerRes .footerResBtn a:active,
#anniversary .footerRes .footerResBtn a:link, #anniversary .footerRes .footerResBtn a:visited, #anniversary .footerRes .footerResBtn a:active,
#access .footerRes .footerResBtn a:link, #access .footerRes .footerResBtn a:visited, #access .footerRes .footerResBtn a:active,
#policy .footerRes .footerResBtn a:link, #policy .footerRes .footerResBtn a:visited, #policy .footerRes .footerResBtn a:active,
#club_c .footerRes .footerResBtn a:link, #club_c .footerRes .footerResBtn a:visited, #club_c .footerRes .footerResBtn a:active,
#service .footerRes .footerResBtn a:link, #service .footerRes .footerResBtn a:visited, #service .footerRes .footerResBtn a:active,
#breakfast .footerRes .footerResBtn a:link, #breakfast .footerRes .footerResBtn a:visited, #breakfast .footerRes .footerResBtn a:active,
#parking .footerRes .footerResBtn a:link, #parking .footerRes .footerResBtn a:visited, #parking .footerRes .footerResBtn a:active{text-decoration: none;}


@media only screen and (max-width: 850px) {
#room .footerRes .footerResBtn a,
#home .footerRes .footerResBtn a,
#plan .footerRes .footerResBtn a,
#plantop .footerRes .footerResBtn a,
#roomtop .footerRes .footerResBtn a,
#benefits .footerRes .footerResBtn a,
#anniversary .footerRes .footerResBtn a,
#access .footerRes .footerResBtn a,
#policy .footerRes .footerResBtn a,
#club_c .footerRes .footerResBtn a,
#breakfast .footerRes .footerResBtn a,
#service .footerRes .footerResBtn a,
#dog-lovers .footerRes .footerResBtn a,
#parking .footerRes .footerResBtn a{
	width:50%;
}
}
@media only screen and (max-width: 768px) {
#room .footerRes,
#plan .footerRes,
#home .footerRes,
#plantop .footerRes,
#roomtop .footerRes,
#benefits .footerRes,
#anniversary .footerRes,
#access .footerRes,
#policy .footerRes,
#club_c .footerRes,
#breakfast .footerRes,
#service .footerRes,	
#dog-lovers .footerRes,	
#parking .footerRes{
	display:none;
}
}


/* フッター 
********************************************************/
#room .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0 auto 0;
	padding:10px;
	background:#008E82;
}
#home .footer_area{
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1280px;
	margin:0 auto 0;
	padding:10px;
	background:#223140;
}
#plan .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0 auto 0;
	padding:10px;
	background:#736357;
}
#plantop .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0 auto 0;
	padding:10px;
	background:#D8BA17;
}
#roomtop .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0 auto 0;
	padding:10px;
	background:#FF7B78;
}


#benefits .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0 auto 0;
	padding:10px;
	background:#A675AB;
}
#parking .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0 auto 0;
	padding:10px;
	background:#395064;
}


#dog-lovers .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0 auto 0;
	padding:10px;
	background:#C7B299;
}

#anniversary .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0 auto 0;
	padding:10px;
	background:#126789;
}


#access .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:30px auto 0;
	padding:10px;
	background:#6BBCB9;
}


#policy .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:30px auto 0;
	padding:10px;
	background:#395064;
}

#club_c .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:30px auto 0;
	padding:10px;
	background:#12678D;
}

#breakfast .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0px auto 0;
	padding:10px;
	background:#ED904E;
}

#service .footerBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0px auto 0;
	padding:10px;
	background:#DB97BB;
}


@media only screen and (max-width: 768px) {
#room .footerBox,
#home .footer_area,
#plan .footerBox,
#plantop .footerBox,
#roomtop .footerBox,
#club_c .footerBox,
#breakfast .footerBox,
#service .footerBox,
#benefits .footerBox
{ /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;
		padding:0px 10px 80px 10px;
		margin:30px auto 0;
}


#policy .footerBox,
#parking .footerBox
{ /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;
		padding:0px 10px 10px 10px;
		margin:30px auto 0;
}

#anniversary .footerBox,
#access .footerBox{ /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;
		padding:0px 10px 10px 10px;
		margin:30px auto 0;
}


#dog-lovers .footerBox
{ /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;
		padding:0px 10px 80px 10px;
		margin:0px auto 0;
}

}
/* フッターリンク */
ul.ftrLink {
	text-align:left;
	font-size:70%;
	color:#fff;
}
ul.ftrLink a:link, ul.ftrLink a:visited, ul.ftrLink a:active {text-decoration: none;color:#fff;}
ul.ftrLink a:hover {text-decoration: underline;color:#fff;}

ul.ftrLink li{
  display: inline-block;
  border-left: 1px solid rgba(255,253,253,0.6);
  border-right: 1px solid rgba(255,253,253,0.6);
  padding:0.1em 1em;
}
ul.ftrLink li+ li{
  border-left: 0;
  border-right: 1px solid rgba(255,253,253,0.6);
  padding:0.1em 1em;
}
@media only screen and (max-width: 768px) {
ul.ftrLink {
	text-align:center;
}
ul.ftrLink li+ li{
  padding:0.1em 0.5em;
}
}

/* フッターSNS */
ul.ftrSnsLink {
	text-align:left;
	font-size:70%;
}
@media only screen and (max-width: 768px) {
ul.ftrSnsLink {
	text-align:center;
	margin-top:20px;
}
}
ul.ftrSnsLink li {
	display: inline-block;
padding:0.1em 0.5em;
}
ul.ftrSnsLink a:link, ul.ftrSnsLink a:visited, ul.ftrSnsLink a:active, ul.ftrSnsLink a:hover {text-decoration: none;color:#E6E6E6;}

/* facebook */
.fSnsLBtnFb {
	margin:0;
	font-size:100%;
}
.fSnsLBtnFb a:after{
	font-family: 'FontAwesome';
	content: '\f230';
	color:#E6E6E6;
	font-size:20px;
}
/* twitter */
.fSnsLBtnTw {
	margin:0;
	font-size:100%;
}
.fSnsLBtnTw a:after{
	font-family: 'FontAwesome';
	content: '\f099';
	color:#E6E6E6;
	font-size:20px;
}
/* instagram  */
.fSnsLBtnInst {
	margin:0;
	font-size:100%;
}
.fSnsLBtnInst a:after{
	font-family: 'FontAwesome';
	content: '\f16d';
	color:#E6E6E6;
	font-size:20px;
}
/* LINEアット  */
.fSnsLBtnAt {
	margin:0;
	font-size:100%;
}
.fSnsLBtnAt a:after{
	font-family: 'FontAwesome';
	content: '\f1fa';
	color:#E6E6E6;
	font-size:20px;
}
/* tripadvisor   */
.fSnsLBtnTri {
	margin:0;
	font-size:100%;
}
.fSnsLBtnTri a:after{
	font-family: 'FontAwesome';
	content: '\f262';
	color:#E6E6E6;
	font-size:20px;
}



/* ページトップ
********************************************************/
#page-top {
    position: fixed;
    bottom: 70px;
    right: 20px;
    font-size: 80%;
	z-index:10;
}
@media screen and (max-width:768px){
#page-top {
    bottom: 80px;
	right: 10px;
}
}
#page-top a {
    text-decoration: none;
	font-weight:bold;
	font-size:180%;
    color: #fff;
    width: 50px;
	height:30px;
    padding: 10px 0;
	line-height:1.2 !important;
    text-align: center;
    display: block;
    border-radius: 10px;
	background: rgba(212,212,212,0.8);
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(212,212,212,0.6);
}

/* スマホ時のみ表示
********************************************************/
.spContact {
	display:none;
}
@media screen and (max-width:768px){
.spContact {
	display:block;
    position: fixed;
    bottom: 0px;
    right: 0;
	width: 100%;
	background:rgba(203,203,203,0.9);
	margin:0 auto;
	padding:15px 0;
	z-index:15;
}
#room .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#008E82;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#roomtop .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#FF7B78;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#room .ftrFixResBtnTel{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#008E82;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#plantop .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#D8BA17;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#plan .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#736357;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#home .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#223140;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#benefits .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#A675AB;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}
#parking .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#395064;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#dog-lovers .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#C7B299;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#access .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#6BBCB9;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}


#policy .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#395064;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#club_c .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#12678D;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}
	
	
#breakfast .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#ED904E;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}

#service .ftrFixResBtn a{
	width:80%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#DB97BB;
	margin:0 auto;
	box-shadow: 0 2px 4px rgba(255,255,255,0.9);
    transition: .3s;
}


#room .ftrFixResBtn a:link,
#room .ftrFixResBtn a:active,
#room .ftrFixResBtn a:visited,

#roomtop .ftrFixResBtn a:link,
#roomtop .ftrFixResBtn a:active,
#roomtop .ftrFixResBtn a:visited,

#plan .ftrFixResBtn a:link,
#plan .ftrFixResBtn a:active,
#plan .ftrFixResBtn a:visited,

#plantop .ftrFixResBtn a:link,
#plantop .ftrFixResBtn a:active,
#plantop .ftrFixResBtn a:visited,

#home .ftrFixResBtn a:link,
#home .ftrFixResBtn a:active,
#home .ftrFixResBtn a:visited,

#room .ftrFixResBtn a:link,
#room .ftrFixResBtn a:active,
#room .ftrFixResBtn a:visited, 

#benefits .ftrFixResBtn a:link,
#benefits .ftrFixResBtn a:active,
#benefits .ftrFixResBtn a:visited,

#home .ftrFixResBtn a:link,
#home .ftrFixResBtn a:active,
#home .ftrFixResBtn a:visited,

#access .ftrFixResBtn a:link,
#access .ftrFixResBtn a:active,
#access .ftrFixResBtn a:visited,

#policy .ftrFixResBtn a:link,
#policy .ftrFixResBtn a:active,
#policy .ftrFixResBtn a:visited,

#club_c .ftrFixResBtn a:link,
#club_c .ftrFixResBtn a:active,
#club_c .ftrFixResBtn a:visited,

#breakfast .ftrFixResBtn a:link,
#breakfast .ftrFixResBtn a:active,
#breakfast .ftrFixResBtn a:visited,
	
#service .ftrFixResBtn a:link,
#service .ftrFixResBtn a:active,
#service .ftrFixResBtn a:visited,	
	
#dog-lovers .ftrFixResBtn a:link,
#dog-lovers .ftrFixResBtn a:active,
#dog-lovers .ftrFixResBtn a:visited,	
	
#parking .ftrFixResBtn a:link,
#parking .ftrFixResBtn a:active,
#parking .ftrFixResBtn a:visited {color: #fff;text-decoration: none;}


#room .ftrFixResBtn a:hover,

#roomtop .ftrFixResBtn a:hover,

#home .ftrFixResBtn a:hover,

#plan .ftrFixResBtn a:hover,

#plantop .ftrFixResBtn a:hover,

#room .ftrFixResBtnTel a:hover,

#benefits .ftrFixResBtnTel a:hover,

#access .ftrFixResBtnTel a:hover,

#policy .ftrFixResBtnTel a:hover,

#club_c .ftrFixResBtnTel a:hover,
	
#breakfast .ftrFixResBtnTel a:hover,

#service .ftrFixResBtnTel a:hover,

#dog-lovers  .ftrFixResBtnTel a:hover,

#parking  .ftrFixResBtnTel a:hover  {color: #fff; text-decoration:none;box-shadow: 0 0 2px rgba(255,255,255,0.2);}

}





/* フッター
************************************************/
.coFtrLineTop{
	max-width:1280px;
	margin:0px auto 15px;
	padding:0 0 0 0;
	border-top: solid 1px #9E9E9F;
}
.coFtrLine{
	max-width:1280px;
	margin:15px auto 0;
	padding:30px 0 0 0;
	border-top: solid 1px #9E9E9F;
}
.coFtrLineDot{
	max-width:1280px;
	margin:15px auto;
	padding:0 0 0 0;
	border-top: dotted 1px #9E9E9F;
}
.coFtr {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1260px;
	margin:0 auto;
	font-size:80%;
	color:#717071;
}
@media only screen and (max-width: 1260px) {
.coFtr {
	width:98%;
	margin:0 auto;
}
}
/* フッター企業情報 */
.coFtrTxt {
	width:35%;
	text-align:left;
	margin-right:1%
}
.coFtrTxt span {
	font-size:150%;
}
.coFtrR {
	width:64%;
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}




@media only screen and (max-width: 500px){
	ul.ftrSnsLink li {
		margin:5px 0;}}

@media only screen and (max-width: 768px) {
.coFtr {
		-webkit-flex-direction: column;
		flex-direction: column;
}
.coFtrTxt {
	width:94%;
	margin:0 auto;
	padding-bottom:30px;
}
.coFtrR {
	width:94%;
	margin:0 auto;
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}
}
@media only screen and (max-width: 480px) {
.coFtrTxt span {
	letter-spacing:-0.1em;
}
}


/* フッターリンク */
ul.ftrLink2 {
	width:30%;
	margin-right:1%;
}
ul.ftrLink3 {
	width:25%;
}

ul.ftrLink2,
ul.ftrLink3 {
	text-align:left;
	color:#717071;
}
ul.ftrLink2 li,
ul.ftrLink3 li{
  padding:0 0 1em 0;
}

ul.ftrLink2 a:link, ul.ftrLink2 a:visited, ul.ftrLink2 a:active,
ul.ftrLink3 a:link, ul.ftrLink3 a:visited, ul.ftrLink3 a:active {text-decoration: none;color:#717071;}
ul.ftrLink2 a:hover,
ul.ftrLink3 a:hover {text-decoration: underline;color:#717071;}
@media only screen and (max-width: 480px) {
	ul.ftrLink2 {
	width:45%;
	margin-right:0%;
}
ul.ftrLink3 {
	width:45%;
}
}

/* フッターSNS */
ul.ftrSnsLink2 {
	text-align:left;
}
ul.ftrSnsLink2 li {
	display: inline-block;
padding:0.1em 0.3em;
}
ul.ftrSnsLink2 a:link, ul.ftrSnsLink2 a:visited, ul.ftrSnsLink2 a:active, ul.ftrSnsLink2 a:hover {text-decoration: none;color:#717071;}

/* facebook */
.fSnsLBtnFb2 {
	margin:0;
	font-size:100%;
}
.fSnsLBtnFb2 a:after{
	font-family: 'FontAwesome';
	content: '\f230';
	color:#717071;
	font-size:20px;
}
/* twitter */
.fSnsLBtnTw2 {
	margin:0;
	font-size:100%;
}
.fSnsLBtnTw2 a:after{
	font-family: 'FontAwesome';
	content: '\f099';
	color:#717071;
	font-size:20px;
}
/* instagram  */
.fSnsLBtnInst2 {
	margin:0;
	font-size:100%;
}
.fSnsLBtnInst2 a:after{
	font-family: 'FontAwesome';
	content: '\f16d';
	color:#717071;
	font-size:20px;
}
/* LINEアット  */
.fSnsLBtnAt2 {
	margin:0;
	font-size:100%;
}
.fSnsLBtnAt2 a:after{
	font-family: 'FontAwesome';
	content: '\f1fa';
	color:#717071;
	font-size:20px;
}
/* tripadvisor   */
.fSnsLBtnTri2 {
	margin:0;
	font-size:100%;
}
.fSnsLBtnTri2 a:after{
	font-family: 'FontAwesome';
	content: '\f262';
	color:#717071;
	font-size:20px;
}


/* ホテルリンク一覧キャプション */
.hotelLinkCap {
	max-width:900px;
	font-size:70%;
	text-align:left;
	color:#6A6B6E;
	margin:20px auto 0;
}

/* フッターリンク */
ul.ftrLinkBtm {
	margin:0 auto;
	max-width:1260px;
	text-align:left;
	font-size:80%;
}
ul.ftrLinkBtm a:link, ul.ftrLinkBtm a:visited, ul.ftrLinkBtm a:active {text-decoration: none;color:#717071;}
ul.ftrLinkBtm a:hover {text-decoration: underline;color:#717071;}

ul.ftrLinkBtm li{
  display: inline-block;
  border-left: 1px solid #717071;
  border-right: 1px solid #717071;
  padding:0.1em 1em;
}
ul.ftrLinkBtm li+ li{
  border-left: 0;
  border-right: 1px solid #717071;
  padding:0.1em 1em;
}
@media only screen and (max-width: 768px) {
ul.ftrLinkBtm {
	text-align:center;
}
ul.ftrLinkBtm li+ li{
  padding:0.1em 0.5em;
}
}

/* コピーライト */
.copyright {
	margin:10px auto;
	max-width:1260px;
	text-align:left;
	font-size:80%;
}
.copyright a:link, .copyright a:visited, .copyright a:active, .copyright a:hover  {text-decoration: none;color:#717071;}
@media only screen and (max-width: 768px) {
.copyright {
	text-align:center;
}
}



/* シェラトンサイトからコピー
************************************************/
.footer-container {
        
    }
@media only screen and (max-width: 480px) {
.footer-container {
	width:90%;
	margin:0 auto;  
    }
}	

     .brandbar-cntr-outer {
        
    }
    
     .brandbar-cntr {
        margin: 0 auto;
    }
    
     .brandbar li {
        list-style: none;
        text-align: center;
    }
    
     .brandbar a,
     .bb-logo span {
        display: inline-block;
        /*background-image: url('http://596d03af8f2f7dab4d8e-799fb03dd29d1d41f92849bac419e2a3.r51.cf1.rackcdn.com/brand_portfolio_ribbon_sprite.png');*/
		background-image:url(../img/common/brand_portfolio_ribbon_sprite.png);
        background-position: -312px -2912px;
        background-repeat: no-repeat;
        transition-property: none;
    }
    
     .brandbar a,
     .brandbar a:active,
     .brandbar a:link {        
        text-decoration: none;
    }
    
     .brandbar a:hover {
        opacity: 1;
        text-decoration: none !important;
    }
    
     .marriott a {
        width: 76px;
        height: 50px;
        margin: 0 8px;
    }
    
     .starwood a {
        width: 74px;
        height: 40px;
    }
    
     .brandbar .bb-rewards {
        position: absolute;
    }
    
     .bb-icons-cntr {
        position: relative;
    }
    
     .bb-logo span {
        width: 84px;
        height: 64px;
    }
    
     .bb-copyright {
        margin-top: 20px;
        font-size: x-small;
        text-align: left;
        color: #FFF;
    }
    
    html[dir=rtl]  .bb-copyright,
    body[dir=rtl]  .bb-copyright,
    .brandbar-cntr-outer[dir=rtl]  .bb-copyright {
        text-align: right;
    }
    
        
         .bb-logo span {
        background-position: -30px -2811px; 
    }
    
     .bb-ritz a {
        background-position: -33px -19px;
    }
    
     .bb-edition a {
        background-position: -33px -104px;
    }
    
     .bb-jw a {
        background-position: -33px -192px;
    }
    
     .bb-autograph a {
        background-position: -33px -279px;
    }
    
     .bb-renaissance a {
        background-position: -33px -369px;
    }
    
     .bb-marriott a {
        background-position: -33px -456px;
    }
    
     .bb-delta a {
        background-position: -33px -543px;
    }
    
     .bb-exec a {
        background-position: -33px -632px;
    }
    
     .bb-vacation a {
        background-position: -33px -719px;
    }
    
     .bb-gaylord a {
        background-position: -33px -806px;
    }
    
     .bb-ac a {
        background-position: -33px -893px;
    }
    
     .bb-courtyard a {
        background-position: -33px -979px;
    }
    
     .bb-residence a {
        background-position: -33px -1067px;
    }
    
     .bb-springhill a {
        background-position: -33px -1155px;
    }
    
     .bb-fairfield a {
        background-position: -33px -1243px;
    }
    
     .bb-towneplace a {
        background-position: -33px -1328px;
    }
    
     .bb-protea a {
        background-position: -33px -1419px;
    }
    
     .bb-moxy a {
        background-position: -33px -1505px;
    }
    
     .bb-regis a {        
        background-position: -33px -1601px;
    }
    
     .bb-luxury a {
        background-position: -33px -1685px;
    }
    
     .bb-w a {
        background-position: -33px -1774px;
    }
    
     .bb-westin a {
        background-position: -33px -1861px;
    }
    
     .bb-sheraton a {
        background-position: -33px -1952px;
    }
    
     .bb-meridien a {
        background-position: -33px -2037px;
    }
    
     .bb-tribute a {
        background-position: -33px -2123px;
    }
    
     .bb-design a {
        background-position: -33px -2211px;
    }
    
     .bb-aloft a {
        background-position: -33px -2299px;
    }
    
     .bb-fourpoints a {
        background-position: -33px -2387px;
    }
    
     .bb-element a {
        background-position: -33px -2474px;
    }
    
     .bb-ritz-rewards a {
        background-position: -13px -2554px;
    }
    
     .bb-marriott-rewards a {
        background-position: -12px -2646px;
    }
    
     .bb-spg-rewards a {
        background-position: -14px -2733px;
    }
        @media screen and (min-device-width: 480px) {
        
         .brandbar-cntr-outer {
            padding: 50px 0 30px;         
        }
    
         .brandbar-cntr {
            max-width: 1008px;
        }
        
         .brandbar {
            position: relative;
            margin-left: 50px;
            border-width: 0 2px;
            border-style: solid;
            border-color: #A0A1A1;
            text-align: center;
        }
        
         .brandbar li {
            display: inline-block;
        }
        
         .bb-icons-cntr {
            margin-left: 50px;
            padding: 31px 0 13px;
        }
        
         .brandbar:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            left: 0;
            background: #A0A1A1;
            background: #fff -webkit-linear-gradient(to right, #A0A1A1 0%, #fff 15%, #fff 25%, #A0A1A1 45%, #A0A1A1 55%, #fff 75%, #fff 85%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff -o-linear-gradient(to right, #A0A1A1 0%, #fff 15%, #fff 25%, #A0A1A1 45%, #A0A1A1 55%, #fff 75%, #fff 85%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff -moz-linear-gradient(to right, #A0A1A1 0%, #fff 15%, #fff 25%, #A0A1A1 45%, #A0A1A1 55%, #fff 75%, #fff 85%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff linear-gradient(to right, #A0A1A1 0%, #fff 15%, #fff 25%, #A0A1A1 45%, #A0A1A1 55%, #fff 75%, #fff 85%, #A0A1A1 100%) repeat scroll 0 0;
        }
        
         .brandbar:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            left: 0;
            bottom: 0;
            background: #A0A1A1;
            background: #fff -webkit-linear-gradient(to right, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff -o-linear-gradient(to right, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff -moz-linear-gradient(to right, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff linear-gradient(to right, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
        }
    
         .bb-icons-cntr ul.marriott {
            display: inline;  
        }
        
         .bb-icons-cntr ul {
            margin: 0;
            padding: 0;
        }
        
         .bb-rewards a {
            width: 116px;
            margin: 0;
            background-color: #fff;
        }
        
         .bb-icons-cntr .starwood:before {
            background: #A0A1A1;
            background: #fff -webkit-linear-gradient(to right, #fff 0%, #A0A1A1 43%, #A0A1A1 57%, #fff 100%) repeat scroll 0 0;
            background: #fff -o-linear-gradient(to right, #fff 0%, #A0A1A1 43%, #A0A1A1 57%, #fff 100%) repeat scroll 0 0;
            background: #fff -moz-linear-gradient(to right, #fff 0%, #A0A1A1 43%, #A0A1A1 57%, #fff 100%) repeat scroll 0 0;
            background: #fff linear-gradient(to right, #fff 0%, #A0A1A1 43%, #A0A1A1 57%, #fff 100%) repeat scroll 0 0;
            width: 100%;
            position: absolute;
            content: "";
            height: 2px;
            left: 0;
            top: 0;
        }
        
         .brandbar .bb-icons-cntr ul.starwood {
            margin-top: 10px;  
            padding-top: 15px;
            position: relative;
        }
        
         .bb-rewards.bb-marriott-rewards {
            margin-top: 48px;
        }
        
         .brandbar .bb-rewards {
            left: -110px;
            top: 30px;
        }
        
         .brandbar .bb-rewards.bb-spg-rewards {
            top: 0.7em;
        }
        
         .bb-logo {
            position: absolute;
            left: 0;
            text-align: center;
            margin-top: -35px;
            width: 100%;
        }
        
         .bb-logo span {
            background-color: #fff;
        }
        
        html[dir=rtl]  .brandbar .bb-rewards,
        body[dir=rtl]  .brandbar .bb-rewards,
        .brandbar-cntr-outer[dir=rtl]  .brandbar .bb-rewards {
            right: -110px;
            left: auto;
        }
        
        html[dir=rtl]  .brandbar,
        body[dir=rtl]  .brandbar,
        .brandbar-cntr-outer[dir=rtl]  .brandbar {
            margin-right: 50px;
            margin-left: 0;
        }
        
        html[dir=rtl]  .bb-icons-cntr,
        body[dir=rtl]  .bb-icons-cntr,
        .brandbar-cntr-outer[dir=rtl]  .bb-icons-cntr {
            margin-right: 50px;
            margin-left: 0;
        }
    }
    
    @media screen and (max-device-width: 479px) {
        
                 .bb-logo span {
            background-position: -49px -2918px;
        }
                
         .brandbar-cntr-outer {
            padding-top: 60px;
        }
        
         .brandbar {
            position: relative;
            border-width: 2px 0;
            border-style: solid;
            border-color: #A0A1A1;
            padding-bottom: 10px;
        }
        
         .brandbar:before {
            content: "";
            position: absolute;
            width: 2px;
            height: 100%;
            left: 0;
            background: #A0A1A1;
            background: #fff -webkit-linear-gradient(to bottom, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff -o-linear-gradient(to bottom, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff -moz-linear-gradient(to bottom, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff linear-gradient(to bottom, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
        }
        
         .brandbar:after {
            content: "";
            position: absolute;
            width: 2px;
            height: 100%;
            top: 0;
            right: 0;
            background: #A0A1A1;
            background: #fff -webkit-linear-gradient(to bottom, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff -o-linear-gradient(to bottom, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff -moz-linear-gradient(to bottom, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
            background: #fff linear-gradient(to bottom, #A0A1A1 0%, #fff 13%, #fff 19%, #A0A1A1 30%, #A0A1A1 36%, #fff 47%, #fff 53%, #A0A1A1 64%, #A0A1A1 70%, #fff 81%, #fff 87%, #A0A1A1 100%) repeat scroll 0 0;
        }
        
         .brandbar ul {
            padding: 0;
            margin: 0;
            display: inline-block;
            position: relative;
        }
        
         .bb-icons-cntr {
            white-space: nowrap;
            padding-top: 40px;
        }
        
         .brandbar .marriott {
            width: 31.5%;
        }
        
         .brandbar .starwood {
            width: 35%;
            text-align: left;
        }
        
         .brandbar .starwood:before {
            background: #A0A1A1;
            background: #fff -webkit-linear-gradient(to bottom, #fff 0%, #A0A1A1 43%, #A0A1A1 57%, #fff 100%) repeat scroll 0 0;
            background: #fff -o-linear-gradient(to bottom, #fff 0%, #A0A1A1 43%, #A0A1A1 57%, #fff 100%) repeat scroll 0 0;
            background: #fff -moz-linear-gradient(to bottom, #fff 0%, #A0A1A1 43%, #A0A1A1 57%, #fff 100%) repeat scroll 0 0;
            background: #fff linear-gradient(to bottom, #fff 0%, #A0A1A1 43%, #A0A1A1 57%, #fff 100%) repeat scroll 0 0;
            width: 1px;
            position: absolute;
            height: 100%;
            content: "";
        }
        
         .brandbar .bb-rewards {
            height: 40px;
            margin-top: -60px;
        }
        
         .bb-rewards.bb-ritz-rewards {
            right: 94px;
        }
        
         .bb-rewards.bb-marriott-rewards {
            border-width: 0 2px;
            border-style: solid;
            border-color: #A0A1A1;
            right: -0.3em;
        }
        
         .bb-rewards.bb-spg-rewards {
            left: 0.1em;
        }
        
         .brandbar .bb-rewards a {
            background-color: #fff;
        }
        
                 .brandbar li.bb-ritz-rewards a {
            width: 110px;
            background-position: -20px -2564px;
        }
    
         .brandbar li.bb-marriott-rewards a {
            width: 98px;
            background-position: -24px -2649px;
        }
        
         .brandbar li.bb-spg-rewards a {
            width: 94px;
            background-position: -25px -2736px;
        }
                
        
                
         .brandbar .marriott a,
         .brandbar .starwood a {
            margin: 0 auto;
        }
        
         .bb-logo {
            background: #A0A1A1;
            background: #fff -webkit-linear-gradient(to right, #fff 0%, #fff 10%, #A0A1A1 43%, #A0A1A1 57%, #fff 90%, #fff 100%) repeat scroll 0 0;
            background: #fff -o-linear-gradient(to right, #fff 0%, #fff 10%, #A0A1A1 43%, #A0A1A1 57%, #fff 90%, #fff 100%) repeat scroll 0 0;
            background: #fff -moz-linear-gradient(to right, #fff 0%, #fff 10%, #A0A1A1 43%, #A0A1A1 57%, #fff 90%, #fff 100%) repeat scroll 0 0;
            background: #fff linear-gradient(to right, #fff 0%, #fff 10%, #A0A1A1 43%, #A0A1A1 57%, #fff 90%, #fff 100%) repeat scroll 0 0;
            height: 1px !important;
            margin: 16px 0 !important;
            left: 0 !important;
            right: 0 !important;
            top: -60px !important;
            position: absolute !important;
        }
        
         .bb-logo span {
            width: 42px;
            height: 32px;
            margin: 0 auto;
            left: 0;
            right: 0;
            top: -16px;
            position: absolute;
            background-color: #fff;
        }
        
        html[dir=rtl]  .brandbar:before,
        body[dir=rtl]  .brandbar:before,
        .brandbar-cntr-outer[dir=rtl]  .brandbar:before {
            left: auto;
            right: 0;
        }
        
        html[dir=rtl]  .brandbar:after,
        body[dir=rtl]  .brandbar:after,
        .brandbar-cntr-outer[dir=rtl]  .brandbar:after {
            right: auto;
            left: 0;
        }
        
        html[dir=rtl]  .brandbar .starwood,
        body[dir=rtl]  .brandbar .starwood,
        .brandbar-cntr-outer[dir=rtl]  .brandbar .starwood {
            text-align: right;
        }
        
        html[dir=rtl]  .bb-rewards.bb-ritz-rewards,
        body[dir=rtl]  .bb-rewards.bb-ritz-rewards,
        .brandbar-cntr-outer[dir=rtl]  .bb-rewards.bb-ritz-rewards {
            left: 92px;
            right: auto;
        }
        
        html[dir=rtl]  .bb-rewards.bb-marriott-rewards,
        body[dir=rtl]  .bb-rewards.bb-marriott-rewards,
        .brandbar-cntr-outer[dir=rtl]  .bb-rewards.bb-marriott-rewards {
            left: -0.4em;
            right: auto;
        }
        
        html[dir=rtl]  .bb-rewards.bb-spg-rewards,
        body[dir=rtl]  .bb-rewards.bb-spg-rewards,
        .brandbar-cntr-outer[dir=rtl]  .bb-rewards.bb-spg-rewards {
            left: auto;
            right: 0.2em;
        }
    
        html[dir=rtl]  .brandbar li.bb-ritz-rewards a,
        body[dir=rtl]  .brandbar li.bb-ritz-rewards a,
        .brandbar-cntr-outer[dir=rtl]  .brandbar li.bb-ritz-rewards a {
            width: 120px;
            background-position: -12px -2564px;
        }
        
                html[dir=rtl]  .brandbar li.bb-ritz-rewards a,
        body[dir=rtl]  .brandbar li.bb-ritz-rewards a,
        .brandbar-cntr-outer[dir=rtl]  .brandbar li.bb-ritz-rewards a {
            width: 120px;
            background-position: -12px -2564px;
        }        
                
                
        html[dir=rtl]  .brandbar li.bb-spg-rewards a,
        body[dir=rtl]  .brandbar li.bb-spg-rewards a,
        .brandbar-cntr-outer[dir=rtl]  .brandbar li.bb-spg-rewards a {
            width: 98px;
        }
    }