/*
各設定
*/
/*
base color palette
http://www.colourlovers.com/palette/3293028/Christmas_Time
*/
.top-video{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display: block;
	background-color: #FFF;
}

/* ================================================================================ #company 会社概要
================================================================================  */
.contents-wrap { padding: 15px 10px; }

@media (min-width: 551px) { .contents-wrap { padding: 15px 20px; } }
.company-shop-ul > li { display: inline-block; margin: 0 5px 7px 0; }

.company-table th { width: 30%; }

.company-table td { width: 70%; }

/* ================================================================================ #policy 企業理念
================================================================================  */
.policy-h1 { padding: 0 0 10px 0; margin: 5px 0 20px; font-size: 20px; color: #a10b0b; border-bottom: 1px solid #a10b0b; }

/* ================================================================================ #menu メニュー
================================================================================  */
.grid-inner.headline.menufuryu { background: white url("/assets/images/headline/menufuryu-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

.grid-inner.headline.menumax { background: white url("/assets/images/headline/menumax-bg-sp.jpg") no-repeat 0 0; background-size: contain; }

@media (min-width: 551px) {
	.grid-inner.headline.menufuryu {
		background: white url("/assets/images/headline/menufuryu-bg-tablet.jpg") no-repeat -130px 0;
	}
	.grid-inner.headline.menumax {
		background: white url("/assets/images/headline/menumax-bg-tablet.jpg") no-repeat -200px 0;
	}
	.tablet-none{
		display:none;
	}
}
@media (min-width: 801px) {
	.grid-inner.headline.menufuryu {
		background: white url("/assets/images/headline/menufuryu-bg-pc.jpg") no-repeat 0 0;
	}
	.grid-inner.headline.menumax {
		background: white url("/assets/images/headline/menumax-bg-pc.jpg") no-repeat 0 0;
	}
	.tablet-none{
		display:block;
	}
	.figcaption-text{
	height:60px;
	font-size: 1em;
	}
}
.menu-link > div { width: 160px;
	min-height: 60px;
padding: 5px 0;
text-align: center;
position: absolute;
right: 7px;
top: 0;
background: rgba(255, 255, 255, 0.8);
border-radius: 0 3px 3px 3px;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
color: #402000;
font-weight: bold;
font-size: 14px;
}

.menu-link > div:before { content: '\e080';
width: 10px;
height: 10px;
left: 20px;
top: 35%;
position: absolute;
font-family: 'Glyphicons Halflings';
}

.menu-link > div:hover { background: #bd2323;
	color: #fff;
}

.menu-h1 { margin: 0;
}

.grid-inner.bgbrown { color: #fff;
	background: #422200;
}

.menu-h2 { margin: 0;
	padding: 10px 0 5px 0;
text-align: center;
}

.menutext-wrap { 
	padding: 10px;
}

/*PC時、ラーメンのレイアウトくずれを修正*/
@media (min-width: 1201px) {
.menutext-wrap-cn {
	height: 125px;
	}
}
@media (min-width: 1201px) {
	.menutext-wrap-en {
	height: 200px;
	}
}

.menu-alert { font-size: 12px;
	padding: 5px 10px 5px 2em;
text-indent: -1em;
color: #BD4141;
}

.menu-p {
	font-size: 13px;
	margin: 0;
}

.menu-badge{
	display: block;
	width: 220px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}

.menu-badge-right{
	display: block;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	left:auto;
	right: 5px;
}

.menu-dl { margin: 0;
	position:relative;
}

.menu-dl.topping {
	padding: 0 5px;
}
.menu-dt{
	text-align: center;
	font-size: 16px;
	line-height: 2em;
}



.menu-dt.ramen { 
	padding:0 5px 5px 0;
	font-size: 18px;
	text-align: center;
	color: #edd900;
	text-shadow: 2px 2px 0 #402000, -1px -1px 0 #402000, 1px -1px 0 #402000, -1px 1px 0 #402000, 1px 1px 0 #402000;
	line-height : 1.3em;
}

.menu-img-wrap{
	position: relative;
}

.menu-name{
	font-size:26px;
	text-align: center;
	position: absolute;
	bottom:0;
	display: table;
	background-color: rgba(255,255,255,0.6);
	width:100%;
	padding:15px 5px 0;
	color: #000;
	height:65px;
	line-height:1em !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}
.menu-furyu .menu-name{
	text-shadow: none;
	color:#000;
}
@media (max-width: 1200px) {
	.menu-name{
		font-size:20px;
		text-align: center;
		line-height: 1.2em!important;
	}

}



.menu-name > b{
	font-weight: bold;
}
.menu-name.br{
	padding:7px 5px 0;
}
.menu-price{
	position: absolute;
	right:0;
	bottom:0;
	font-size:16px;
	background-color: #000;
	background-color: rgba(0,0,0,0.9);
	padding:0 5px 0 5px;
	line-height: 1em;
	height:65px;
	color:#FFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.menu-price>span{
	font-size:28px;
	display: inline-block;
	padding:25px 0 0 0;
}
.menu-p-img{
	margin:0;
	line-height:1.1em;
	padding:10px 10px 10px;
	position: absolute;
	bottom:0;
	left:0;
	width: 100%;
	background-color: rgba(255,255,255,0.7);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.menu-foot{
	position: relative;
	height:65px;
	overflow: hidden;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}

.menu-name.menu-name-shin{
	position:absolute;
	top:0;
	padding-top:10px;
}

.menu-foot.menu-foot-shin{
	height:100px;
}

@media (min-width: 551px) {
.menu-foot.menu-foot-shin{ font-size:12px; }
}

@media (max-width: 415px) {
.menu-foot.menu-foot-shin{ height:106px;}
}

@media (max-width: 320px) {
.menu-foot.menu-foot-shin{ height:110px;}
}

.top-menu-foot{
	position: relative;
	height:60px;
	overflow: hidden;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	background-color: rgba(255,255,255,1);
}
.top-menu-name{
	font-size:19px;
	text-align:center;
	position: absolute;
	bottom:0px;
	display: table;
	background-color: rgba(255,255,255,0.6);
	width:100%;
	padding:15px 5px 0;
	color: #000;
	height:65px;
	line-height:1em !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}

.top-menu-name-ton{
	font-size:1.4em;
	text-align:center;
	position: absolute;
	bottom:0px;
	display: table;
	background-color: rgba(255,255,255,0.6);
	width:100%;
	padding:25px 5px 0;
	color: #000;
	height:65px;
	line-height:1em !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}

.top-menu-limited {
	position: relative;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
	line-height: 1.4rem;
}
.top-menu-limited-inner {
	font-size: 1.4rem;
	padding: 1rem 0;
}
.top-menu-limited-inner.season-limited {
	background-color: rgba(255,255,255,1);
	color: red;
}
.top-menu-limited-inner.shop-limited {
	background-color: rgba(255,0,0,1);
	color: #FFF;
}
.top-menu-shoplist {
	position: relative;
	overflow: hidden;
	height: 120px;
	background-color: rgba(165,165,165,1);
	border-radius: 0 0 5px 5px;
}
.top-menu-shoplist-inner {
	padding: 5px 5px 10px;
	font-size: 1rem;
	color: black;
	text-align: center;
}
.top-menu-shoplist-inner > div {
	font-size: 1rem;
	color: #D00;
	text-align: center;
	font-weight: bold;
	/*margin-bottom: .5em;*/
}
.top-menu-shoplist-inner > div.shoplist {
	font-size: 1rem;
	color: black;
	text-align: center;
	font-weight: bold;
	margin-bottom: .5em;
}
.top-menu-shoplist-inner > div.attention {
	font-size: .8rem;
	color: black;
	text-align: center;
}


@media screen and (max-width: 551px) {
	.top-menu-limited {
		line-height: 14px;
	}
	.top-menu-limited-inner {
		font-size: 14px;
		padding: .5em 0;
	}
	.top-menu-shoplist {
		height: 180px;
	}
	.top-menu-shoplist-inner {
		font-size: 12px;
	}
	.top-menu-shoplist-inner > div {
		font-size: 14px;
	}
}

.top-menu-price{
	position: absolute;
	z-index: 2;
	bottom:5px;
	font-size:16px;
	padding:0 5px 0 5px;
	line-height: 1em;
	color:red;
}


/* 料金表示しない方向
.top-menu-price > span{
	font-size:28px;
	padding:10px 0 0 0;
}
*/
@media (max-width: 551px) {
.top-menu-foot{
	position: relative;
	height:50px;
	overflow: hidden;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	background-color: rgba(255,255,255,1);
}
.top-menu-name{
	font-size:14px;
	text-align:center;
	position: absolute;
	bottom:0;
	display: table;
	background-color: rgba(255,255,255,0.6);
	width:100%;
	padding:10px 5px 0;
	color: #000;
	height:50px;
	line-height:1em !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}

.top-menu-name-ton{
	font-size:14px;
	text-align:center;
	position: absolute;
	bottom:0;
	display: table;
	background-color: rgba(255,255,255,0.6);
	width:100%;
	padding:17px 5px 0;
	color: #000;
	height:50px;
	line-height:1em !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}


.menu-badge-right{
	width: 50px;
	height: 50px;
}}

@media screen and (max-width: 551px) {
	.menu-dt.ramen {
		padding:  0 5px 5px 0;
	}
	.figcaption-text {
		height: auto;
		min-height: 120px;
		font-size: 0.6em;
	}
}
@media screen and (min-width: 552px) {
	.menu-dt.ramen {
		padding:  0 5px 5px 0;
	}
	.figcaption-text {
		height: auto;
		min-height: 130px;
		font-size: 0.8em;
	}
}
/*@media screen and (max-width: 551px) {
	.menu-dt.ramen {
		padding:  0 5px 5px 0;
	}
	.figcaption-text {
		height: 120px;
		font-size: 0.6em;
	}
}
@media screen and (min-width: 552px) {
	.menu-dt.ramen {
		padding:  0 5px 5px 0;
	}
	.figcaption-text {
		height: 130px;
		font-size: 0.8em;
	}
}*/

/*@media (min-width: 551px) {
	.menu-dt.ramen { padding:0 5px 5px 0; }
.figcaption-text{
	height:120px;
	font-size: 0.9em;
}}

@media (max-width: 801px) {
	.figcaption-text{
	height:110px;
	font-size: 0.6em;
	}
}*/
.menu-dd.ramen { text-align: right; font-size: 18px; position:absolute; right:0; top:0;}

.menu-dd { font-weight: bold; }



.price-dd { padding-right: 10px; text-align: right; font-size: 16px; }

.bgbk { color: #fff; background-color: rgba(0, 0, 0, 0.5); }

.bgbrown { background: #3f2000; }

.maxramen-dl { margin: 0; padding: 5px 0; font-size: 16px; }

.maxramen-dt { float: left; }

.maxramen-dd { float: right; font-weight: bold; text-shadow: -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white; }

.marker-yellow { background: linear-gradient(transparent 30%, #ffeb32 30%); }

.marker-red { background: linear-gradient(transparent 30%, #ffc7b6 30%); }

.marker-blue { background: linear-gradient(transparent 30%, #c3e5ff 30%); }

.marker-brown { background: linear-gradient(transparent 30%, #ecd4b5 30%); }

.taste-dd { padding: 0 10px 10px; }

.grid-inner.aka { background: white url(/assets/images/menu/max/bg-aka.png) no-repeat bottom right; }

.grid-inner.tonkotsu { background: white url(/assets/images/menu/max/bg-tonkotsu.png) no-repeat bottom right; background-size: 80px; }

.grid-inner.sio { background: white url(/assets/images/menu/max/bg-sio.png) no-repeat bottom right; }

.grid-inner.miso { background: white url(/assets/images/menu/max/bg-miso.png) no-repeat bottom right; }

/* ================================================================================ #contect お問い合わせ
================================================================================  */
.contact-dl { margin: 0; padding: 10px 20px; font-size: 16px; }

.contactform { padding: 20px; }

.contactform input[type="text"] { width: 100%; }

.contactform textarea { width: 100%; min-height: 250px; }

.contactform select { width: 100%; line-height: 1.8em; }

.contactform-btn { background: transparent; border: 0; }

.contactform-btn > div { width: 200px; padding: 15px 0; display: block; margin: 0 auto; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

.contactform-dl { border-bottom: 1px solid #ddd; padding: 0 0 10px 0; }

/* ================================================================================ 英語サイト　menu
================================================================================  */
.menu-link.en > div, .menu-link.cn > div { min-height: 2em; line-height: 1em; padding: 10px 0; }

/* ==============================
	サイドバナー
 ============================== */
.link-img-div{
	margin-bottom: 5px;
}
.link-img-div.mspo{ padding-right: 5px; display:none;}
.link-img-div.curry{ padding-left: 5px; }
@media (min-width: 501px){
	.link-img-div.mspo{ padding-right: 0; display:none;}
	.link-img-div.curry{ padding-left: 0; }
}
/* ==============================
	メニュー追加修正　16.04
 ============================== */
.grid-inner.menu-large-wrap{
	background-color: transparent;
	box-shadow:none;
	position: relative;
}
.menu-img-large-wrap{
	display: block;
	float:left;
	width:60%;
	position: relative;
	z-index:1;
}

.menu-discription{
	float:left;
	width:40%;
	/*padding:150px 0 0 0;*/
}
.menu-title-headline{
	margin:0 0 15px 0px;
	font-size:40px;
	padding:0 0 5px 0;
	position: relative;
	color:#a40000;
}
/*タブレット*/
@media (min-width: 551px) {
	.menu-discription{
		padding:50px 0 0 0;
	}
	.menu-title-headline{
		font-size: 30px;
	}
}
/*PC*/
@media (min-width: 1201px) {
	.menu-discription{
		padding:150px 0 0 0;
	}
	.menu-title-headline{
		font-size: 40px;
	}
}
/*スマホ*/
@media (max-width: 551px) {
	.menu-img-large-wrap{
		width:100%;
	}
	.menu-discription{
		width:100%;
	}
	.menu-title-headline{
		font-size: 30px;
	}
}
.menu-title-headline:before{
	content:'';
	position: absolute;
	display: block;
	width:150%;
	border-bottom:2px solid #a40000;
	bottom:0;
}
.menu-title-headline.r:before{
	right:0;
}
.menu-title-headline.l:before{
	left:0;
}
.menu-p-large{
	font-size:16px;
	padding:20px 10px;
	line-height:1.6em;
}
.menu-price-l{
	padding:7px 15px;
	font-size: 25px;
	color:#fff;
	background: #a40000;
}


/* ================================================================================ ゴールデンウィーク
================================================================================  */
.gw-scroll{
	display:none;
}
	.gw-img{
		display:block;
		margin:0 auto;

	}
@media (min-width: 551px) {
	.gw-img{
		display:none;
	}
	.gw-scroll{
		margin:10px 0 30px;
		display: block;
		overflow: auto;　　　　/*tableをスクロールさせる*/
		white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	.gw-scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
	 height: 5px;
	}
	.gw-scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
	 background: #F1F1F1;
	}
	.gw-scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
	 background: #BCBCBC;
	}
	.gw-table{
		width:100%;
		min-width:500px;
		margin:0 auto;
	}
	.gw-table th{
		border: 2px solid red;
		color:#000;
		font-size:18px;
	}


	.gw-table .red-color{
		color:#D00;
	}
	.gw-table th{
		vertical-align: top;
	}
	.gw-table th div{
		padding:10px 0;
	}
	.gw-table th div span{
		display: block;
		text-align: center;
		line-height: 1.1em;
	}
	.gw-table dl{
		font-size:16px;
	}
	.gw-table dl ul{
		font-size:14px;
	}
	.gw-th{
		width:80px;
	}
	.gw-dt{
		padding:0 0 5px 10px;
		font-size:14px;
		color:#D00;
	}
	.gw-th-m{
		vertical-align: middle
	}
	.gw-table thead th{
		background-color: #D00;
		color:#FFF;
		padding:10px 0;
		font-size:22px;
	}
	.gw-ul{
		margin:0 10px;
	}
	.gw-table th{
		background-color:#FFF13F;
	}
	.gw-table th.gw-darken{
		background-color:#FEDA00;
	}
	.gw-table th.gw-lighten{
		background-color:#FFFCD3;
	}

	.gw-table th .btn{
		margin:0 0 3px 0;
		font-size:13px;
		padding:5px 10px;
	}
	.gw-small{
		font-size:12px;
		padding:0 0 5px 0;
		display: block;
		color:#D00;
	}

}
.gw-verticaltext{
	writing-mode: tb-rl;
  direction: ltr;
}

.gl-wrap{
	margin:20px 20px;
	background-color: #FFF13F;
}
.gl-h1{
	margin:0;
	padding:15px 0;
	background-color: #D00;
	color:#FFF;
	font-size:24px;
	line-height: 1em;
	text-align: center;
}
.gl-table{
	display:table;
	width:100%;
}
.gl-tr{
	display: table-row;
}
.gl-td{
	display: table-cell;
	border: 1px solid red;
	font-size:20px;
	line-height:1em;
	height:2.8em;
	vertical-align: middle;
	text-align: center;
}


/* ================================================================================ 風龍アプリ
================================================================================  */
.app.slide{
	/*border:2px solid #fff;*/
	background-color: #fff;
	/*max-height: 500px;*/
	padding:10px 0;
}
.app.slide .item{
	width:300px;
	margin:0 auto;
}
.app .carousel-indicators .active{
	background-color:#333;
}
.app .carousel-indicators li{
	border-color:#333;
}
.appicon-wrap{
	width:175px;
	margin:20px auto;
}
.appicon-wrap img{
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}
.app .carousel-control.right,
.app .carousel-control.left{
	background-image:none;
}
.storeicon-wrap{
	width:300px;
	margin:0 auto;
}
/*タブレット*/
@media (min-width: 551px) {
	.storeicon-wrap{
		width:150px;
	}
}
/*PC*/
@media (min-width: 1201px) {
	.storeicon-wrap{
		width:300px;
	}
}
.storeicon-apple{
	width:150px;
	display:block;
	float:left;
}
.storeicon-google{
	width:150px;
	display:block;
	float:left;
}
.storeicon-apple:hover,
.storeicon-google:hover{
	opacity: 0.8;
}

.scrollbox {
	overflow: hidden;
	/*width: 100%;*/
	background: #eee;
}
.scrollbox .mask {
	/*width: 100%;*/
	margin:3px;
	overflow-x: auto;
	/*-webkit-overflow-scrolling: touch;*/
}
.scrollbox .mask::-webkit-scrollbar {
	height: 5px;
}
.scrollbox .mask::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
}
.scrollbox .mask::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #666;
}

.scrollbox .list {
	display: inline-table;
	max-width: 100%;
}
.scrollbox .list li {
	display: table-cell;
}
.scrollbox .list li img{
	margin:0 3px;
}
.ss-li{
	min-width: 350px;
}
.bg-gray{
	background:#eee;
}
@media (max-width: 551px) {
	.ss-li{
		min-width:200px;
	}
}
/* ================================================================================ event　ありがとんこつCP
================================================================================  */
body.body-event-campaign{
	background: #ffef00 linear-gradient(#009d95, #ffef00) no-repeat;
	position:relative;
}
body.body-event-campaign:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	background:url(/assets/images/event/bg-texture.png);
	background-repeat: repeat-x;
	width:100%;
	height:300px;
}
.body-event-campaign .zoombtn{
	display:none;
}
@media screen and (min-width: 0px) and (max-device-width: 320px) {
	.body-event-campaign .zoombtn{
		display:block;
	}
}

.gift-box { padding: 10px 10px 0; }
@media (max-width: 551px) { .gift-box { padding: 10px; } }

.cp-h3 { margin: 0 0 10px 0; text-align: center;}

/*.gift-img { display: block; margin: 0 auto; }*/

.cp-date-dl dd, .cp-shop-dl dd { text-align: center; }

@media (min-width: 801px) { .cp-shop-dl dd, .cp-date-dl dd > span { font-size: 100%; } }
@media (min-width: 551px) { .cp-shop-dl dd, .cp-date-dl dd > span { font-size: 150%; } }
.grid-inner.bdblue { border: 2px solid #182f5e; }

.grid-inner.bgblue { background: #182f5e; color: #fff; }

.shoplist-dt { padding: 5px 0 5px 10px; margin: 0 0 10px 0; color: #fff; background: #087e56; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }

.circle-mark { display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #fff100; color: #182f5e; font-size: 22px; }

.shoplist-dd { padding: 0 10px 10px; }

.shoplist-dd .btn { margin: 5px 2px; }

.cp-main-wrap{
	position:relative;
}
.cp-main-h1{
	overflow:hidden;
	margin:0 auto;
	background: url(/assets/images/event/head-bg.png) no-repeat;
	background-size:100%;
}
.txt-year-wrap{
	width:130px;
	height:340px;
	position:absolute;
}
/*タブレット*/
@media (min-width: 551px) {
	.txt-year-wrap{
		width:90px;
		bottom:-10px;
		left:35px;
	}
}
/*PC*/
@media (min-width: 1201px) {
	.txt-year-wrap{
		width:130px;
		left:30px;
		bottom:120px;
	}
}
/*スマホ*/
@media (max-width: 551px) {
	.txt-year-wrap{
		width:45px;
		top:40px;
		left:10px;
	}
	.spbr { display: block; }
}



#smartbanner { position:relative !important; left:0; top:0px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; }
#smartbanner, html.sb-animation {-webkit-transition: all .3s ease;}
#smartbanner .sb-container { margin: 0 auto; }
#smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; }
#smartbanner .sb-close:active { font-size:13px; color:#aaa; }
#smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(0,0,0,0.6); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
#smartbanner.no-icon .sb-icon { display:none; }
#smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }
#smartbanner #smartbanner.no-icon .sb-info { left:34px; }
#smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; }
#smartbanner .sb-info > span { display:block; }
#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }
#smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; }
#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.android { border-color:#212228; background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7'); border-top: 5px solid #88B131; box-shadow: none; }
#smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); }
#smartbanner.android .sb-close:active { color:#eee; }
#smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; }
#smartbanner.android .sb-info strong { color:#fff; }
#smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:28px}
#smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; }
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; }
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; }

#smartbanner.windows .sb-icon { border-radius: 0px; }