/*
Global
============================= */

body{
	
	font-family: 'Montserrat', sans-serif;
	color:#333;
	font-size:14px;
	font-weight: 400;
	  -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
}

* {
     text-shadow: 0 1px 1px rgba(255,255,255,.3);
}

p{line-height: 30px}
a{color:#0088cc;}
a:hover{text-decoration: none;}



h1,h2,h3,h4,h5,h6{ font-family:'Montserrat', sans-serif}

h1,
#toppage h2,
#page-80 h2{font-size:30px; font-weight: 200; color: #555; margin-bottom: 0px;}
h2{font-size: 20px; font-weight: 300; color:#444; margin: 0;}
h3{font-size: 18px; font-weight: 400; margin: 20px 0;}
h4{font-size:18px; font-weight: 400}
#page-73 h4 {    font-size: 14px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;}
#page-73 dd{font-size: 12px;}

/* 
HEADER ROW STYLE
===========================*/
#header-row{
	background: #fff;
	padding: 15px 0;
}

#header-row .navbar{
	margin: 10px 0 0;
	text-align: center;
	font-weight: 300;
	width: 100%;
}

.dropdown-backdrop {
	display: none;
}

#header-row .navbar .navbar-inner{
	border:none;
	box-shadow: none;
	margin: 0;
	background: transparent;
}

#header-row .navbar .navbar-inner ul.nav > li > a{
	box-shadow: none;
	background: transparent;
	color: #333;
}
#header-row .navbar .navbar-inner ul.nav li.active a{
	color: #333;
}

/* 
Key Visual
===========================*/
#key-visual {
	text-align: center;
	padding: 15px 0 0;
	overflow: hidden;
}

#key-visual {
    position: fixed;
    top: 150px;
    display: flex;
    overflow: hidden;
    width: 100%;
    z-index: -1;
    left: 0;
}

#key-visual video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 1170px;
}

.contents {
    position: relative;
    background: #fff;
    top: 30vh;
    z-index: 10;
}

#reservation-info dt{float: left;width: 6em;}
#reservation-info dd{float: left;}
#reservation-info dd img {width: 200px;margin-top: 10px;}
#reservation-info dt.net {clear:both;}


#top-nav ul {
	margin: 0;
}

#top-nav ul li {
	list-style: none;
	margin: 0;
	padding: 0.5em;
	display: inline-block;
	font-weight: 200 !important;
}

#top-nav ul li a {
	color: #333;
	display: block;
}

/* social link
==================*/
.social-link {text-align: right;padding-top: 1em;}
.social-link img {width: 30px;}
.social-link ul {list-style: none}
.social-link ul li {display: inline-block;padding-left: 10px;}

/* DropDown
==================*/
.navbar .nav > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu:before {display: none;}

/* instagram icon
==================*/

a.link-instagram {
    background: url(/img/social/instagram.png) 0px 1px no-repeat;
    background-size: 20px 20px;
    text-indent: 25px;
    display: inline-block;
    font-size: 13px;
}


/* Page Header
==========================*/

.page-header{
	border-bottom: 1px solid #f5f5f5;
}


/*Media
========================*/

.media{
	margin-bottom:50px;
}

/*MAP
========================*/
#map-canvas{
	height: 400px;
	border: 15px solid #fff;
	box-shadow:0 0 0 1px #f5f5f5;
}


/*MAP
========================*/

.blog-post{
		border-bottom: 2px solid #f5f5f5;
		padding:0 0 50px; 
		margin-bottom: 40px;
		float: inherit;
}


.blog-post p{
	margin: 20px 0;

}


.postmetadata{
	margin-bottom: 20px;
	padding: 5px 0;
}

.postmetadata ul{margin: 0; padding: 0}

.postmetadata ul li{
	display: inline-block;
	margin-right: 20px;
}

.postmetadata i{
	margin: 4px 5px 0 0;
}


/*Sidebar
========================*/

.side-bar{margin-bottom: 30px;}

.side-bar ul{margin: 0; padding: 0}
.side-bar ul li{list-style: none;}

.side-bar h3{margin-bottom: 10px}

.recent-post strong {display: block; margin-bottom: 5px; color: #888 }

.recent-post li{margin-bottom: 15px}

/*Kay Visual
========================*/

#key-visual {margin:0 auto 20px;height: 400px;overflow: hidden;}

#logo {text-align: center;margin-top: 35px;}

.shopinfo {margin-bottom: 30px;}
.shopinfo::after{
  content: "";
  display: block;
  clear: both;
}
.pull-right::after{
  content: "";
  display: block;
  clear: both;
}

#page-body {font-family: 'Noto Serif JP', serif;}
#page-80 .shopinfo_body,
#page-73 .shopinfo_body,
#page-75 .shopinfo_body {margin-right: 20px;margin-left: 0px!important;}
.thumbnails h2,
.shopinfo_body h2,
#toppage .shopinfo_body h3,
#page-80 .shopinfo_body h3,
#page-75 .shopinfo_body h3,
.shopinfo_body h3 {
	margin-bottom: 5px;
	border-bottom:1px solid #eee;
}

.media h2 {
	margin-bottom: 5px;
	line-height: 1.2em;
}

.staff_add_info {margin: 0;padding: 0;font-size: 13px;}
.staff_social {font-size: 13px;}

/*TopPage function
========================*/

#key-visual,
.fade-in {
  opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .8s ease-out, transform .6s ease-out;
    transition: opacity .8s ease-out, transform .6s ease-out;}

.scroll-in {
  opacity: 1!important;
  -webkit-transform: translate(0, 0)!important;
  transform: translate(0, 0)!important; }

.price-list {margin-bottom: 20px;}
.price-list tr {}
.price-list th {font-weight: normal;text-align: left;border-bottom: 1px solid #666;padding-top: 10px;padding-right: 20px;}
.price-list td {border-bottom: 1px solid #666;padding-top: 10px;text-align: right;}

#btn-instagram {top: 38vh;position: relative;}

/*Footer
========================*/

footer{
border-top:1px solid #eee;
background: #f5f5f5;
padding: 20px 0;
color: #555;
margin-top:40px;
position: relative;
top: 60vh;
}


/* Responsive View
=================================*/

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

 }
 
/* Landscape phones and down */
@media (max-width: 480px) { ... }