@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;
}


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





#cuisine .footerRes .footerResBtn a:hover
 {
  box-shadow: 0 0 2px rgba(255,255,255,0.2);
}


#cuisine .footerRes .footerResBtn a:link, #cuisine .footerRes .footerResBtn a:visited, #cuisine .footerRes .footerResBtn a:active {
	text-decoration: none;}
@media only screen and (max-width: 850px) {


#cuisine .footerRes .footerResBtn a
{
	width:50%;
}
}
@media only screen and (max-width: 768px) {
#cuisine .footerRes{
	display:none;
}
}


/* フッター 
********************************************************/

#cuisine .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:#8094BE;
}






@media only screen and (max-width: 768px) {

#cuisine .footerBox
{ /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;
		
}




}
/* フッターリンク */
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;
	
}
}
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;
}

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






#cuisine .ftrFixResBtn a:link,
#cuisine .ftrFixResBtn a:active,
#cuisine .ftrFixResBtn a:visited
{
	color: #fff;text-decoration: none;}


#cuisine .ftrFixResBtn 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: 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:20%;
	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;
        }
    }