@font-face {
	font-family: 'KaushanScript-Regular';
	src:url('/fonts/KaushanScript-Regular.otf') format("opentype");
	font-weight: normal;
	font-style: normal;
}

.font_01 {
  font-family: 'KaushanScript-Regular';
}


body {
  font-family: -apple-system, BlinkMacSystemFont,
               "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1.75em;

}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.centered {
  text-align: center;
}

.righted {
  text-align: right;
}

.lefted {
  text-align: left;
}


.space-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.font-sm {
  font-size: 0.75em;
}

.font-md {
  font-size: 1.25em;
}

/* navbar */
.navbar-inverse {
  background: #deb887;
  border: none;
  opacity: 0.9;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  background-color: #deb887;
  width: 150px;
  text-align: center;

  background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(64,32,00,1) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
  opacity: 0.9;
}

.navbar-inverse .navbar-nav > li > a:hover {
  background-color: #deb887;
  background-position: -100% 0;
  color: #fff;
  opacity: 0.9;
}

.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #ffa500;
}

.navbar-inverse .navbar-brand {
  color: #fff;
}

footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  color: #fff;
  opacity: 0.9;
}


.banner {
  position: fixed;
  top: 50px;
  right: 0px;
  display: block;
  background-color: #deb887;
  padding-bottom: 1em;
  width: 300px;
  text-align: center;
  color: #fff; 
  z-index: 99999999999;
  opacity: 0.9;
}

.telephone {
  position: fixed;
  top: 0px;
  width: 300px;
  text-align: center;
  font-size: 2.0em;
}

.bg1 {
  background-color: #deb887;
}

.bg2 {
  background-color: #FDE4A8;
}

.bg3 {
  background-color: #18B21A;
}

.space-10 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.75em;
}

/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 999;
}
#page-top a {
	background-color: rgba(6,6,6,0.5);
	text-decoration: none;
	color: #fff;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	display: block;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
#page-top a:hover {
	text-decoration: none;
        background-color: rgba(99,99,99,0.5);
}

/*
.cover {
  width: 100%;
  height: 500px;
  background-image:url("/image/tanimachi_002.jpg");
  background-size:cover;
  color: #fff;
}
*/

#fb_page_plugin_area {
  width: 100%;
}

.fb-page {
  width: 100%;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}


@media screen and (max-width: 480px) {
  .cover {
    width: 100%;
    height: 100vh;
    background-image:url("/image/tanimachi_002.jpg");
    background-size:cover;
    color: #fff;
  }
}

@media screen and (min-width: 481px) {
  .cover {
    width: 100%;
    height: 100vh;
    background-image:url("/image/tanimachi_002.jpg");
    background-size:cover;
    background-attachment: fixed;
    background-position: center center;
    color: #fff;
  }
}