@import url(font-awesome.min.css);
@import url(ionicons.min.css);
@import url(swipebox.css);
@import url(bootstrap.min.css);
@import url(animate.css);
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline
}
.small, small {
  font-size: 80%;
}
article, aside, details, figcaption, figure, hgroup, menu, nav, section {
	display: block
}

body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
.btn.focus, .btn:focus, .btn:hover {
  color: #fff;
  text-decoration: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
.shopinfo {margin-top:40px;}
.shopinfo img {width:100%; height:auto; border:1px solid #fff;}
/*.shopinfo div:last-child {padding-top:25px;}*/
.shopinfo h3 {text-align:left;}
.shopinfo a.submit {max-width: 215px; width: 100%; background: rgba(0,0,0,0.15);}
.shopinfo a.submit:hover {background: rgba(0,0,0,1);}
table.businesshours {
	width: 100%;
	margin-top:40px;
	border-collapse: collapse;
	border-spacing: 0
}
table.businesshours span {vertical-align: text-top;font-size: 75%;}
table.businesshours strong {font-weight:600; color:#d62020;}
table.businesshours tr:first-child th {width:28.666%;}
table.businesshours.two tr:first-child th {width:43%;}
table.businesshours.one tr:first-child th {width:86%;}
table.businesshours tr:first-child th:first-child {width:14%;}
table.businesshours th {
  background: rgba(255,255,255,0.2);
	text-align: center;
  color: #fff;
}
table.businesshours tr td:first-child {vertical-align: middle;}
table.businesshours tr:hover td {
  background: rgba(0,0,0,0.25);

}
table.businesshours th, table.businesshours td {font-size:19px; vertical-align: middle; border:1px solid #fff; padding:10px;}

body {
	-webkit-text-size-adjust: none;
	color: #fff;
	font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
	font-size: 15pt;
	line-height: 1.25;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
body {
	background: #232323;

}
a {
	-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	cursor: pointer;
	text-decoration: none;
	color: #a3b5bf;
}
a:hover {
	color: #ffffff;
	text-decoration: none !important;
	outline: none !important;
}
a:active, a:focus {
	outline: none !important;
	text-decoration: none !important;
	color: #fff
}
button {
	-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	cursor: pointer
}
button:hover, button:active, button:focus {
	outline: none !important;
	text-decoration: none !important;
	color: #2B2D35
}
strong, b {
	font-weight: 600
}

p {
	color: #F8F8F8;
	font-size: 19px;
	line-height: 1.5789;
	font-weight: 400;
	margin-bottom: 0
}
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight: 400;
	line-height: 1
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	color: inherit
}
h1 {
	-webkit-text-stroke: .01em rgb(255, 255, 255);
	font-size: 30px;
	line-height: 1;
	font-weight: 100;
	margin-bottom: 25px;
}
h2 {
	font-size: 30px;
	margin-bottom: 15px
}
h3 {
	font-size: 25px;
	margin-bottom: 10px
}
h4 {
	font-size: 20px;
	margin-bottom: 10px
}
h5 {
	font-size: 18px;
	margin-bottom: 10px
}
h6 {
	font-size: 16px;
	margin-bottom: 10px
}
sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em
}
sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em
}
hr {
	margin: 50px 0
}
.border {
	display: block;
	height: 5px;
	background: #ffffff;
	width: 5%;
	margin: 30px auto
}
.clear {
	clear: both
}
.display-none {
	display: none !important
}
.index-999 {
	z-index: -999 !important
}
.align-left {
	text-align: left
}
.align-center {
	text-align: center
}
.align-right {
	text-align: right
}
.no-margin-bottom {
	margin-bottom: 0
}
.opacity-0 {
	opacity: 0 !important
}
button.origin-button {
	border: 1px solid #a3b5bf;
	font-weight: 400;
	padding: 1em 2em;
	color: #fff;
	background: #a3b5bf;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px
}
button.origin-button:hover {
	background: #73858f;
	color: #fff
}
@-webkit-keyframes wrapper {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-moz-keyframes wrapper {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes wrapper {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
/*
#wrapper {
	-webkit-animation: wrapper 3s forwards;
	-moz-animation: wrapper 3s forwards;
	animation: wrapper 3s forwards;
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	width: 100%;
}
*/
/*
#main {
	opacity:1; 
	height: 100%;
	left: 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	overflow: scroll;
	transition: all 0.25s linear 0s;
}
*/
#main {padding: 56px 0;}
#wrapper.activated {padding-top:56px;}
#main.hidden {opacity:0; transition: all 0.25s linear 0s;}

#background {
	background: transparent;
	bottom: 0;
	width: 100vw;
	left: 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0
}
#fireflies {
	background: transparent;
	bottom: 0;
	width: 100vw;
	left: 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0
}
.vegas-overlay {
	opacity: .8;
	background: #232323
}
.lines-overlay {
	top: 0;
	opacity: .5;
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(../img/overlay.svg);
	background-size: cover;
	background-position: center center
}
.loading-part {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 40;
	background: #232323
}
.loading-part .loader-home {
	margin: -12em 0 0 -12em;
	width: 50px;
	height: 50px;
	font-size: 2px;
	position: absolute;
	text-indent: -9999em;
	top: 50vh;
	left: 50vw;
	border-top: 0.8em solid rgba(255, 255, 255, 0.2);
	border-right: 0.8em solid rgba(255, 255, 255, 0.2);
	border-bottom: 0.8em solid rgba(255, 255, 255, 0.2);
	border-left: 0.8em solid #fff;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: loadinghome 0.7s infinite linear;
	-moz-animation: loadinghome 0.7s infinite linear;
	animation: loadinghome 0.7s infinite linear;
	-webkit-transform-style: preserve-3d;
}
.loading-part .loader-home, .loading-part .loader-home:after {
	border-radius: 50%;
	width: 24em;
	height: 24em
}
@-webkit-keyframes loadinghome {
	0% {
		-webkit-transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}
@-moz-keyframes loadinghome {
	0% {
		-moz-transform: rotate(0deg)
	}
	100% {
		-moz-transform: rotate(360deg)
	}
}
@keyframes loadinghome {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@-webkit-keyframes logoheader {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 1em, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-moz-keyframes logoheader {
	0% {
		opacity: 0;
		-moz-transform: translate3d(0, 1em, 0)
	}
	100% {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0)
	}
}
@keyframes logoheader {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 1em, 0);
		-moz-transform: translate3d(0, 1em, 0);
		-ms-transform: translate3d(0, 1em, 0);
		-o-transform: translate3d(0, 1em, 0);
		transform: translate3d(0, 1em, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
#logoheader {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	cursor: default;
	display: inline-block;
	position: relative;
	text-align: center;
	top: 0;
	vertical-align: middle;

}
#logoheader .logoheader_title{
	-webkit-animation: logoheader 1s 0.2s forwards;
	-moz-animation: logoheader 1s 0.2s forwards;
	animation: logoheader 1s 0.2s forwards;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#logoheader nav li a:before {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 30%;
  opacity: 1;
  position: absolute;
  bottom: 0%;
  left: 0;
  z-index: 2;
  transition: all 0.2s linear 0s;
}
#logoheader nav li:hover a:before {
  content: "";
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  width: 100%;
  height: 200%;
  opacity: 1;
  position: absolute;
  botton: 0%;
  left: 0;
  z-index: 2;
  transition: all 0.2s linear 0s;
}
#logoheader h1 {
	margin-bottom: 10px;
	font-weight:400;
	line-height: normal;
}
#logoheader p {font-size:18px;}
h1.subtitle {background: rgba(255,255,255,0.25);
	padding: 10px; font-weight: 400;}
#logoheader p {
	color: #F8F8F8
}
#logoheader nav {
	margin: 1.5em 0 0 0
}
#logoheader nav li {
	float: left;
	position: relative;
	top: 0;
	width: 25%;
	padding: 2px 5px;
}
.toplogo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
	z-index: 50;
	height: 100%;
  transform: translate(-50%,-50%);
}
.toplogo img {

	opacity:0;
	transition: all 0.2s linear 0s;
  width: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}


#logoheader nav li:hover .toplogo img {opacity:1; transition: all 0.2s linear 0s;}
.toppicture {
  width: 100%;
}
#logoheader nav li a {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-backface-visibility: hidden;
	display: inline-block;
	overflow: hidden;
	position: relative;
	font-size:0;
	border: 1px solid #666;
	transition: all 0.2s linear 0s;
}
#logoheader nav li:hover a {border: 1px solid #ffffff; transition: all 0.2s linear 0s;}

#logoheader nav li a.icon {
	background: #2B2D35;
	text-decoration: none;
	position: relative;
	font-size: 60px;
	overflow: hidden;
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 10px;
	margin-bottom: 0;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	-ms-border-radius: 18px;
	border-radius: 18px;
	line-height: 100px;
	color: #fff
}
#logoheader nav li a.icon .label {
	display: none
}
#logoheader nav li a.icon.message {
	background: #27AE60;
	border: 2px solid #36d278
}
#logoheader nav li a.icon.about {
	background: #a3b5bf;
	border: 2px solid #e3f5ff
}
#logoheader nav li a.icon.photos {
	background: #3498DB;
	border: 2px solid #5faee3
}
#logoheader nav li a.icon.phone {
	background: #27AE60;
	border: 2px solid #36d278
}
#logoheader nav li .notification {
	height: 25px;
	width: 25px;
	line-height: 25px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	background: #ec2c3b;
	color: #fff;
	font-weight: 600;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0
}
#logoheader nav li p.name {
	font-size: 14px;
	position: absolute;
	width: 100%;
	bottom: 5px;
	font-weight: 600;
	opacity:1;
	transition: all 0.2s linear 0s;
}
#logoheader nav li:hover p.name {opacity:0; transition: all 0.2s linear 0s;}
#logoheader nav li p.name i {
	position: relative;
	top: 1px
}
#footer {
	position: relative;
	width: 100%;
	z-index: 50;
	bottom: 0;
	background: #000;font-family: Verdana, Geneva, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana", sans-serif;
-moz-osx-font-smoothing: auto;
	font-size: 12px;
	transition: all 0.4s linear 0s;
	opacity: 1;
}
#footer.slided {
  opacity: 0;
}
#footer .copyright {
	color: #ffffff;
}
#footer a {
	color: #ffffff;
}
#footer a:hover {
	color: #a3b5bf;
}
.social-icons {
	-webkit-animation: logoheader 1s 0.2s forwards;
	-moz-animation: logoheader 1s 0.2s forwards;
	animation: logoheader 1s 0.2s forwards;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 0;
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 10
}
.social-icons li {
	display: inline-block;
	background: rgba(35, 35, 35, 0.4);
	height: 40px;
	width: 40px;
	line-height: 40px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1)
}
.social-icons li:hover {
	background: rgba(35, 35, 35, 0.8)
}
.social-icons li:hover a {
	color: #fff
}
.social-icons li a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 15px;
	color: rgba(255, 255, 255, 0.5)
}
.global-content {
	overflow: hidden
}
.anchormenu {display:flex;align-items: center;
  justify-content: center;}
.anchormenu a {flex:1;}
.anchormenu a:first-child {margin-left:0;}
.anchormenu a:last-child {margin-right:0;}
.content-atago, .content-tokyo, .content-nihonbashi, .content-west, .content-morimoto, .content-tksc, .content-gionkatana, .content-pizzeriamancini, .content-kokekokko, .content-tonkatsu, .content-tonkatsu, .content-paulbassett, .content-salvatore, .content-photos {
	opacity: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	padding: 0;
	position: fixed;
	z-index: 60;
	border: 1px solid #333;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	top: 100vh;
	left: 0;
	width: 100%;
	background: rgba(35, 35, 35, 0.6);
	min-height: calc(100% - 100px);
	height: 100%;
	-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
.content-atago p, .content-tokyo p, .content-nihonbashi p, .content-west p, .content-morimoto p, .content-tksc p, .content-gionkatana p, .content-pizzeriamancini p, .content-kokekokko p, .content-tonkatsu p, .content-paulbassett p, .content-salvatore p, .content-photos p {
/*	max-width: 605px;*/
	margin: auto
}
.content-atago::-webkit-scrollbar, .content-tokyo::-webkit-scrollbar, .content-nihonbashi::-webkit-scrollbar, .content-west::-webkit-scrollbar, .content-morimoto::-webkit-scrollbar, .content-tksc::-webkit-scrollbar, .content-gionkatana::-webkit-scrollbar, .content-pizzeriamancini::-webkit-scrollbar, .content-kokekokko::-webkit-scrollbar, .content-tonkatsu::-webkit-scrollbar, .content-paulbassett::-webkit-scrollbar, .content-salvatore::-webkit-scrollbar, .content-photos::-webkit-scrollbar {
	display: none
}
.content-atago .content-in, .content-tokyo .content-in, .content-nihonbashi .content-in, .content-west .content-in, .content-morimoto .content-in, .content-tksc .content-in, .content-gionkatana .content-in, .content-pizzeriamancini .content-in, .content-kokekokko .content-in, .content-tonkatsu .content-in, .content-paulbassett .content-in, .content-salvatore .content-in, .content-photos .content-in {
	position: relative;
	height: 100%
}
.content-atago .content-in .content-table, .content-tokyo .content-in .content-table, .content-nihonbashi .content-in .content-table, .content-west .content-in .content-table, .content-morimoto .content-in .content-table, .content-tksc .content-in .content-table, .content-gionkatana .content-in .content-table, .content-pizzeriamancini .content-in .content-table, .content-kokekokko .content-in .content-table, .content-tonkatsu .content-in .content-table, .content-paulbassett .content-in .content-table, .content-salvatore .content-in .content-table, .content-photos .content-in .content-table {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%
}

.content-atago .content-in .content-table .content-cell .content-inner, .content-tokyo .content-in .content-table .content-cell .content-inner, .content-nihonbashi .content-in .content-table .content-cell .content-inner, .content-west .content-in .content-table .content-cell .content-inner,  .content-morimoto .content-in .content-table .content-cell .content-inner, .content-tksc .content-in .content-table .content-cell .content-inner, .content-gionkatana .content-in .content-table .content-cell .content-inner, .content-pizzeriamancini .content-in .content-table .content-cell .content-inner, .content-kokekokko .content-in .content-table .content-cell .content-inner, .content-tonkatsu .content-in .content-table .content-cell .content-inner, .content-paulbassett .content-in .content-table .content-cell .content-inner,  .content-salvatore .content-in .content-table .content-cell .content-inner, .content-photos .content-in .content-table .content-cell .content-inner {
	padding: 80px 0;
}
.slider-nav {
	width: 100%;
	background: #555;
	height: 50px;
	position: fixed;
	z-index: 99;
	left: 0;
	top: -50px;
	-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}

.slider-nav a.close-content {
	position: absolute;
	color: #fff;
	top: 8px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 30px;
}
.slider-nav a.close-content:hover {
	-webkit-transform: translateX(-50%) rotate(90deg);
	-moz-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	-o-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
	color: #a3b5bf
}
.slider-nav a.prev-button, .slider-nav a.next-button {
	position: absolute;
	color: #F8F8F8;
	top: 5px;
	width: 30px;
}
.slider-nav a.prev-button:hover, .slider-nav a.next-button:hover {
	color: #a3b5bf
}
.slider-nav a.prev-button i.fa, .slider-nav a.next-button i.fa {font-size:40px;}
.slider-nav a.prev-button {
	left: 25px
}
.slider-nav a.next-button {
	right: 25px
}
.active-slide {
	top: 56px;
	opacity: 1
}
.active-slide.first .slider-nav .prev-button {
	opacity: 0.3
}
.active-slide.first .slider-nav .prev-button:hover {
	color: inherit
}
.active-slide.last .slider-nav .next-button {
	opacity: 0.3
}
.active-slide.last .slider-nav .next-button:hover {
	color: inherit
}
#countdown_dashboard {
	display: block;
	margin: 50px auto 30px
}
#countdown_dashboard .dash-glob {
	border-left: 1px solid #2B2D35;
	text-align: center
}
#countdown_dashboard .dash-glob:first-child {
	margin-left: 0;
	border-left: none
}
#countdown_dashboard .dash-glob .dash {
	padding-bottom: 10px;
	position: relative;
	width: 100%;
	opacity: 1
}
#countdown_dashboard .dash-glob .dash .digit {
	font-size: 12em;
	font-weight: 100;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	height: 1em;
	line-height: 1em;
	position: relative;
	vertical-align: middle;
	opacity: 0.8
}
#countdown_dashboard .dash-glob .dash sup {
	color: #F8F8F8;
	font-size: 20px
}
#notifyMe {
	max-width: 450px;
	margin: auto
}
#notifyMe .form-group {
	margin-bottom: 1em
}
#notifyMe .form-group .form-control {
	background: #fff;
	border: 1px solid #EBEBEB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	box-shadow: none;
	font-weight: 400;
	font-size: 18px;
	outline: medium none;
	height: 70px;
	width: 100%;
	color: #333;
	-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	transition: all 0.3s cubic-bezier(0, 0, 0.58, 1)
}
#notifyMe .form-group .form-control:hover, #notifyMe .form-group .form-control:focus {
	box-shadow: none
}
#notifyMe .form-group .form-control::-webkit-input-placeholder {
	color: #666 !important
}
#notifyMe .form-group .form-control::-moz-placeholder {
	color: #666 !important
}
#notifyMe .form-group .form-control:-moz-placeholder {
	color: #666 !important
}
#notifyMe .form-group .form-control:-ms-input-placeholder {
	color: #666 !important
}
a.submit {
	border: 1px solid #ffffff;
	font-weight: 400;
	padding: 1em 2em;
	display: inline-block;
	margin: 30px 10px 0;
	color: #fff;
	background: rgba(255,255,255,0.5);
		-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px
*/
}
a.submit:hover {
	background: rgba(0,0,0,0.25);
	color: #fff
}
.block-message {
	min-height: 30px
}
p.notify-valid .ion-close-round {
	color: #a3b5bf
}
p.notify-valid .ion-checkmark-round {
	color: #27AE60
}
.logo {
	max-width: 200px;
	margin-bottom: 30px
}
.logohead {width:200px;}
.contact-info {
	margin-top: 50px
}
.contact-info .contact-method i {
	font-size: 40px;
	color: #999
}
.contact-info .contact-method p {
	width: auto
}
.contact-info .contact-method p a {
	opacity: 0.8
}
.contact-info .contact-method p a:hover {
	opacity: 1;
	color: #fff
}
.success-message, .error-message {
	background-color: #27AE60;
	margin: 2em auto 0;
	padding-top: 1em;
	padding-bottom: 1em;
	max-width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0
}
.success-message p, .error-message p {
	color: #fff !important;
	text-align: center;
	font-style: normal !important;
	font-size: 1em;
	font-weight: 600
}
.error-message {
	background-color: #CF000F;
	max-width: 70%
}
#contact-form {
	margin-top: 50px
}
#contact-form .form-control {
	background: #fff;
	border: 1px solid #EBEBEB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	box-shadow: none;
	font-weight: 400;
	font-size: 18px;
	outline: medium none;
	height: 40px;
	width: 100%;
	color: #333;
	-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	-o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
	text-align: left
}
#contact-form .form-control:hover, #contact-form .form-control:focus {
	box-shadow: none
}
#contact-form .form-control::-webkit-input-placeholder {
	color: #666 !important
}
#contact-form .form-control::-moz-placeholder {
	color: #666 !important
}
#contact-form .form-control:-moz-placeholder {
	color: #666 !important
}
#contact-form .form-control:-ms-input-placeholder {
	color: #666 !important
}
#contact-form textarea.form-control {
	min-height: 150px
}
#contact-form button#valid-form {
	border: 1px solid #a3b5bf;
	font-weight: 400;
	padding: 1em 2em;
	display: block;
	margin: 20px auto 0;
	color: #fff;
	background: #a3b5bf;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	font-weight: 700
}
#contact-form button#valid-form:hover {
	background: #73858f;
	color: #fff
}
a.swipebox {
	overflow: hidden;
	height: 100%;
	width: 100%;
	display: block;
	position: relative;
	border: 2px solid #333;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
a.swipebox span.text-open {
	bottom: 50%;
	line-height: 1;
	height: auto;
	width: 100%;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
	left: 0;
	opacity: 0;
	position: absolute;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1)
}
a.swipebox span.text-open:before {
	font-family: Ionicons;
	content: "\f217"
}
.no-touch a.swipebox:hover img {
	opacity: 0.3;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.no-touch a.swipebox:hover span.text-open {
	opacity: 1
}
img {
	overflow: hidden;
	-webkit-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.photo-collection {
	margin-top: 50px
}
.photo-collection .photo-item {
	padding: 0;
	overflow: hidden;
	height: auto
}
#swipebox-overlay {
	background: #000
}
#swipebox-bottom-bar, #swipebox-top-bar {
	background: #000;
	opacity: 1;
	min-height: 50px
}
#swipebox-bottom-bar {
	border-top: 1px solid #333
}
#swipebox-top-bar {
	color: #fff !important;
	border-bottom: 1px solid #333;
	font-size: 15px;
	line-height: 50px;
	font-weight: 600
}
#swipebox-prev, #swipebox-next, #swipebox-close {
	color: #fff !important;
	border: none !important;
	text-decoration: none !important;
	cursor: pointer;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 30px;
	top: 0
}
#swipebox-close {
	font-size: 25px
}
#swipebox-close:hover {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #333
}

@media screen and (max-device-width: 736px) and (orientation: landscape) {
	#wrapper {
		border: none
	}
	.lines-overlay {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}
	#footer {
		right: 10px
	}
	.social-icons {
		right: 10px;
		top: 10px
	}
	h1 {
		font-size: 40px;
		margin-bottom: 5px
	}
	p#text-alert {
		font-size: 15px
	}
	#logoheader {
		top: 0
	}
	#logoheader .logo {
		max-width: 110px;
		margin-bottom: 0
	}
	#logoheader nav {
		margin: 0
	}
	#logoheader nav li .notification {
		top: -2px;
		right: -2px
	}
	#logoheader nav li a.icon {
		height: 70px;
		width: 70px;
		line-height: 70px;
		font-size: 45px;
		margin: 5px
	}
	.global-content section {
		width: 100vw;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0
	}
	.active-slide {
		top: 0 !important
	}
	#countdown_dashboard .dash-glob .dash .digit {
		font-size: 10em;
		font-weight: 100
	}
	#countdown_dashboard .dash-glob .dash sup {
		color: #F8F8F8;
		display: block
	}
	#footer {
		bottom: 2px;
		right: 4px
	}
}

.row100 {
  color: #FFF;
  background-color: #000;
  line-height: 1.6em;
}
.row0 {
  background-color: #000;
}
.bgded {
  position: relative;
  z-index: 2000;
  width: 100%;
  display: table;
}
.bgded.activated {position:fixed;}


.bgded .wrapper {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  word-wrap: break-word;
}
#main,
.slider-nav .wrapper,
#header {
  max-width: 1170px; position: relative; display: block;
  margin: 0 auto;
}
#footer .wrapper {
  max-width: 1170px; 
	margin: 0 auto;
  display: table;
  padding: 20px 0;
	width: 100%;
	line-height: 22px;
}

#menu, #mainav li{font-family: Verdana, Geneva, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Arial","Verdana", sans-serif; 
-webkit-font-smoothing:auto;
-moz-osx-font-smoothing: auto;
}
.fl_left {
  float: left;
}
.fl_right {
  float: right;
}
#mainav ul {
  text-transform: uppercase;
}
#mainav * {transition: all .3s ease-in-out 0s;}
#mainav li {
  margin: 0 10px 0 0;
  position: relative;
  font-size: 12px;
	display: inline-block;
}
#mainav li a {
  padding: 20px 0;
  display: block;
  margin-right: 12px;
  text-align: center;
  transition: none 0s ease 0s;
  width: 100%;
	line-height:normal;
  word-break: keep-all;
}
#mainav li .hidden {
  visibility: hidden;
  position: absolute;
  top: 0;
}
#mainav li a {
  padding: 20px 0;
  display: block;
  margin-right: 12px;
  text-align: center;
  transition: none 0s ease 0s;
  width: 100%;
  word-break: keep-all;
}
#mainav li a {
  color: #FFF;
}
#mainav li:hover > a {
  color: #a3b5bf;
  background-color: inherit;
}
#mainav li:hover .main {
  visibility: hidden;
}
#mainav li:hover .hidden {
  visibility: visible;
}
#header #logo h1 {
  font-size: 22px;
  margin: 14px 0 0;
  padding: 0;
}
#header #logo img {
  height: 25px;
  width: auto;
}
#mainav li:last-child {
  margin-right: 0;
}
	.slider-nav.active-nav {
	top: 56px;
}
@media screen and (min-width: 981px){
.content-salvatore .content-in .content-table .content-cell {
	display: table-cell;
	vertical-align: middle
}
.slider-nav a.prev-button {
	left: 0px
}
.slider-nav a.next-button {
	right: 0px
}
}
@media screen and (max-width: 980px)
{
	.active-slide {
	top: 60px;
	opacity: 1
}
	.slider-nav.active-nav {
	top: 60px;
}

	table.businesshours tr {border:1px solid #fff;}

#main {padding: 60px 0;}
#wrapper.activated {padding-top:60px;}
.mm-opened #wrapper.activated {padding-top:0px;}
#logoheader nav li {width:33.333%;}
#wrapper, #main,
#footer {position: relative}
.copyright {
  margin-bottom: 10px;
}
	
	#footer .wrapper{padding: 20px 0; max-width: 90%; text-align: left; line-height:21px;}
	.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {font-size:13px;}
	#header {
  max-width: 90%;
	display:table;
		width: 100%;;
}
	#header #logo h1 {
  margin: 0;
	text-align: center;
}
.responsivemenu {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC) center center no-repeat;
  display: block;
  height: 30px;
  z-index: 2000000;
  width: 30px;
}
	#header #logo {
  margin: 15px auto;
  top: 0;
  width: 100%;
  position: absolute;
}
	.responsivemenu, .service .icon {
  position: relative;
  top: 0;
  float: left;
}
	nav#mainav {
  display: none;
}
	#header {
  padding: 15px 0;
}
	}
.mm-panel ul {text-align:left;}
@media screen and (min-width: 769px) and (max-width: 980px){
table.businesshours tr td:first-child{width:20%;}
}
table.businesshours th > div, table.businesshours td > div {
  display: table;
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 769px){
table.businesshours th > div, table.businesshours td > div {
  display: table;
  margin: 0 auto;
  text-align: left;
}
}
@media screen and (max-width: 768px){
.shopinfo a.submit {margin:10px 0px!important; max-width:100%!important;}
.shopinfo a.submit.first {margin-top:30px!important;}
#footer .fl_left, #footer .fl_right {
  display: block;
  float: none;
  text-align: center;
}
	#header #logo {
  margin: 15px auto;
  top: 0;
  width: 100%;
  position: absolute;
}

}
@media only screen and (max-width: 768px) {
	.content-atago .content-in .content-table .content-cell .content-inner, .content-tokyo .content-in .content-table .content-cell .content-inner, .content-nihonbashi .content-in .content-table .content-cell .content-inner, .content-west .content-in .content-table .content-cell .content-inner,  .content-morimoto .content-in .content-table .content-cell .content-inner, .content-tksc .content-in .content-table .content-cell .content-inner, .content-gionkatana .content-in .content-table .content-cell .content-inner, .content-pizzeriamancini .content-in .content-table .content-cell .content-inner, .content-kokekokko .content-in .content-table .content-cell .content-inner, .content-tonkatsu .content-in .content-table .content-cell .content-inner, .content-paulbassett .content-in .content-table .content-cell .content-inner,  .content-salvatore .content-in .content-table .content-cell .content-inner, .content-photos .content-in .content-table .content-cell .content-inner {
	padding: 30px 0;
}
	.shopinfo a.submit {max-width:100%;margin: 10px 0;}
.shopinfo {
  margin-top: 30px;
}
	table.businesshours td {border:none;}
	table.businesshours tr {display:block; width: 100%; margin: 10px 0px;}
	.slider-nav .wrapper {width:90%;}
	.slider-nav a.prev-button {left:0;}
	.slider-nav a.next-button {right:0;}
	.shopinfo h3 {padding-top:10px;}
	.content-atago .content-in .content-table .content-cell .content-inner, .content-tokyo .content-in .content-table .content-cell .content-inner, .content-nihonbashi .content-in .content-table .content-cell .content-inner, .content-west .content-in .content-table .content-cell .content-inner, .content-morimoto .content-in .content-table .content-cell .content-inner, .content-tksc .content-in .content-table .content-cell .content-inner, .content-gionkatana .content-in .content-table .content-cell .content-inner, .content-pizzeriamancini .content-in .content-table .content-cell .content-inner, .content-kokekokko .content-in .content-table .content-cell .content-inner, .content-tonkatsu .content-in .content-table .content-cell .content-inner, .content-paulbassett .content-in .content-table .content-cell .content-inner, .content-salvatore .content-in .content-table .content-cell .content-inner, .content-photos .content-in .content-table .content-cell .content-inner {
  padding-top: 140px;
}
	.logohead {
  width: 150px;
	}
	#logoheader nav li {
  position: relative;
  top: 0;
  width: 50%;
  float: left;
	}	
	#logoheader .toppicture {
  width: 100%;
	}
	/*.toplogo img {opacity:1; width: 100px; top:10px; left:10px; transform: none}*/
	/*table.businesshours tr:nth-child(odd){background:rgba(255,255,255,0.15);}*/
	table.businesshours tr td:first-child{background: #000;}
	table.businesshours td:before {
		
  content: attr(data-mobile);
  font-weight: 600;
	display: block;
	width: 100%;;
	}
	table.businesshours tr:first-child,
	table.businesshours th {
  display: none;
	}
	table.businesshours.headshow tr:first-child {display:block}
	table.businesshours td {
  display: block;
	width: 100%;;
	}
	h1 {
		font-size: 26px;
		margin-bottom: 5px
	}
	p#text-alert {
		font-size: 15px
	}
	#logoheader {
		top: 0
	}
	
	#logoheader .logo {
		max-width: 50%;
		margin-bottom: 10px
	}
	.global-content section {
		width: 100vw;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		border-radius: 0
	}
	.active-slide {
		top: 0 !important
	}
	a.prev-button:hover, a.next-button:hover {
		color: #F8F8F8 !important
	}
}
@media only screen and (max-width: 420px) {

.fl_left, .fl_right {
  display: block;
	float:none;
}
	table.businesshours tr:nth-child(odd){background:rgba(255,255,255,0.15);}
	#logoheader p {font-size:0.9rem;}
	#logoheader h1 {font-size:26px;}

	.anchormenu {display: block; width: 100%;}
	.anchormenu a {
  display: inline-block;
  width: calc(50% - 6px);
  margin: 3px 0;
    margin-left: 0px;
}
	
	#logoheader nav li {width:100%;}
	#wrapper {
		border: none
	}
	.lines-overlay {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.social-icons {
		right: 10px;
		top: 10px
	}
	#logoheader nav {
		margin: 0.5em 0 0 0
	}
	#logoheader nav li .notification {
		top: -5px;
		right: -5px
	}
	#logoheader nav li a.icon {
		height: 75px;
		width: 75px;
		line-height: 75px;
		font-size: 45px;
		margin: 2px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		border-radius: 10px
	}
	#countdown_dashboard .dash-glob .dash .digit {
		font-size: 7em;
		font-weight: 100
	}
	#countdown_dashboard .dash-glob .dash sup {
		color: #F8F8F8;
		display: block
	}
	.contact-method {
		margin-bottom: 20px
	}
}
@media only screen and (max-width: 320px) {
	#logoheader nav {
		margin: 0.5em 0 0 0
	}
	#logoheader nav li .notification {
		top: -5px;
		right: -5px
	}
	#logoheader nav li a.icon {
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		border-radius: 10px;
		height: 60px;
		width: 60px;
		line-height: 60px;
		font-size: 30px;
		margin: 2px
	}
}
table.businesshours.noborder{margin-top:0px;}
table.businesshours.noborder th, table.businesshours.noborder td {border:none;}
table.businesshours.noborder tr:hover td {  background: transparent;}