/*
 * Main Style
 */

/*--------------------------------------
 Base
--------------------------------------*/

html,
button,
input,
select,
textarea {
 color: #333;
}

html {
 font-family: sans-serif;
 font-size: 62.5%;
}

body {
 background-color: #fff;
 color: #333;
 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 font-size: 14px;
 font-size: 1.4rem;
 margin: 0;
}

.global-header,
.global-content,
.global-footer {
 width: 100%;
}

.container {
 margin: 0 auto;
 position: relative;
 width: 100%;
  max-width: 1008px;
}

.global-footer {
 background-color: #585858;
 -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,.2);
 box-shadow: inset 0 0 15px rgba(0,0,0,.2);
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM1ODU4NTgiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NTkpIiAvPgo8L3N2Zz4=);
 background-image: -webkit-linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 background-image: -moz-linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 background-image: -o-linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 background-image: -ms-linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 background-image: linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 padding: 30px 0;
}

/* For IE 8 only style */

.lt-ie9 .global-footer {
 background: #818181 url(../img/texture_global-footer_01_ie8.jpg) repeat-x 0 0;
 height: auto;
  min-height: 419px;
}

/* Media queries */

@media only screen and (max-width: 767px) {
 .global-header {
  /*padding-bottom: 0 !important;*/
 }
 .global-content {
  padding-top: 20px;
 }
}

@media only screen and (min-width: 768px) {
 body {
  line-height: 2.0;
 }
 .global-content {
  padding: 35px 0 50px;
 }
 .col-xs-12:first-child.col-sm-8.main {
  /*width: 72.4%;*/
  padding-right: 0;
  width: 73.1%
 }
 .col-sm-8.main + .col-sm-3.col-sm-offset-1.aside {
  margin-left: 2.6%;
  padding-left: 0;
  width: 24.2%
 }
}

/*--------------------------------------
 Component
--------------------------------------*/

/* Typography
--------------------------------------*/

/* Link */

a {
 color: #0d95d5;
 text-decoration: none;
}

a:hover,
a:focus {
 background-color: transparent;
 text-decoration: underline;
}

.hover:hover img {
 filter: alpha(opacity=80);
 background: #fff;
 opacity: 0.8;
}

/* Text */

.text-note {
 color: #cb0000;
 font-size: 12px;
 font-size: 1.2rem;
 display:none;
}

/*--------------------------------------
 Module
--------------------------------------*/

/* Headline
--------------------------------------*/

.module-headline {
 margin-bottom: 20px;
}

.module-headline .module-heading {
 border: 1px solid #ddd;
 border-bottom: none;
 color: #999;
 font-size: 12px;
 font-size: 1.2rem;
 font-weight: normal;
 margin: 0;
 padding: 10px;
}

.module-headline .headline {
 border: 1px solid #ddd;
 list-style: none;
 height: 520px;
 margin: 0;
 overflow: scroll;
 padding: 0;
}

.module-headline .headline > li {
 border-top: 1px solid #ddd;
}

.module-headline .headline > li:first-child {
 border-top: none;
}

.module-headline .headline > li > a {
 color: inherit;
 display: block;
 padding: 5px 10px;
 text-decoration: none;
}

.module-headline .headline > li > a:hover,
.module-headline .headline > li > a:focus {
 background-color: #f5f5f5;
}

.module-headline .headline .time {
 display: block;
 font-size: 11px;
 font-size: 1.1rem;
}

.module-headline .headline .title {
 color: #0d95d5;
 display: block;
}

.module-headline .headline .figure {
 display: block;
 text-align: center;
}

/* News
--------------------------------------*/

.module-news .module-heading {
 border-bottom: 1px solid #333;
 font-size: 14px;
 font-size: 1.4rem;
 margin-top: 0;
 margin-bottom: 25px;
 padding-bottom: 10px;
}

.module-news .thumbnail {
 border-color: #ddd;
 border-radius: 0;
 padding: 0;
 position: relative;
}

.module-news .thumbnail > a {
 display: block;
 text-decoration: none;
 padding-top: 1em;
}

.module-news .thumbnail > a:hover,
.module-news .thumbnail > a:focus {
 background: #f5f5f5;
}

.module-news .thumbnail .photo > img {
 display: block;
 height: auto;
 margin-right: auto;
 margin-left: auto;
 width: auto;
  max-width: 100%;
}

.module-news .thumbnail .time {
 font-size: 11px;
 font-size: 1.1rem;
}

.module-news .thumbnail .label {
 background-color: #fff;
 border-radius: 0;
 color: #999;
 font-size: 10px;
 font-size: 1.0rem;
 font-weight: normal;
}

.module-news .thumbnail .title {
 color: #0d95d5;
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 1.3;
 margin-top: 5px;
}

.module-news .thumbnail p {
 font-size: 12px;
 font-size: 1.2rem;
 margin-bottom: 0;
}

.module-news .thumbnail .continue {
 color: #0d95d5;
}

/* Media queries */

@media only screen and (min-width: 768px) {
 .module-news .thumbnail > a {
  padding-top: 0;
 }
 .module-news .thumbnail .photo {
  height: 160px;
  overflow: hidden;
 }
 .module-news .thumbnail .photo > img {
  height: auto;
   min-height: 160px;
 }
 .module-news .thumbnail .label {
  position: absolute;
   top: 0;
   left: 0;
 }
}

/*--------------------------------------
 Navigation
--------------------------------------*/

/* Global Navigation
--------------------------------------*/

.global-nav .navbar-nav.navbar-right > .dropdown .dropdown-menu > li {
font-size: 10px;
font-size: 1rem;
}

.global-nav .navbar-nav.navbar-right > .dropdown .dropdown-menu > li > a {
 padding: 0;
}

.global-nav .navbar-nav.navbar-right > .dropdown .dropdown-menu .fb-like {
 overflow: hidden !important;
}

/* Media queries */

@media only screen and (max-width: 767px) {
 .global-nav {
  /*position: relative !important;*/
  height: auto;
   min-height: 41px;
  margin-bottom: 0;
  width: 100%;
 }
 .global-nav > .container .navbar-header {
  display: block !important;
 }
 .global-nav > .container .navbar-collapse.in {
  display: block !important;
  height: auto;
   max-height: 400px;
  overflow-y: visible;
 }
 .global-nav > .container .navbar-toggle {
  color: #666;
  font-size: 1.2rem;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 6px;
  padding-bottom: 6px;
 }
 .global-nav > .container .navbar-brand {
  display: block !important;
  padding-top: 7px;
  padding-bottom: 6px;
 }
 .navbar-nav.navbar-right {
  border-top: 1px solid #ccc;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
 }
 .navbar-nav.navbar-right > .navbar-text {
  margin-right: -15px;
  margin-left: -15px;
 }
 .global-nav .navbar-nav.navbar-right > .dropdown > .dropdown-toggle {
  margin-right: -15px;
  margin-left: -15px;
 }
 .global-nav .navbar-nav.navbar-right > .dropdown .dropdown-menu {
  background: #e7e7e7;
  margin-right: -15px;
  margin-left: -15px;
  padding: 0 15px 5px;
 }
 .global-nav .navbar-nav.navbar-right > .dropdown .dropdown-menu > li {
  height: auto;
   min-height: 30px;
 }
}

@media only screen and (min-width: 768px) {
 .global-nav {
  background-color: #fff;
  border-color: #ededed;
  font-size: 12px;
  font-size: 1.2rem;
  height: auto;
   min-height: 40px;
  margin-bottom: 0;
  width: 100%;
 }
 .global-nav > .container .navbar-brand {
  padding: 6px 20px 6px 25px
 }
 .global-nav .navbar-collapse {
  border-right: 1px solid #ededed;
  padding-right: 15px;
 }
 .global-nav .navbar-nav > li > a {
  padding: 10px 20px;
 }
 .global-nav .navbar-nav:first-child > li {
  border-right: 1px solid #ededed;
 }
 .global-nav .navbar-nav:first-child > li:first-child {
  border-left: 1px solid #ededed;
 }
 .global-nav .navbar-nav:first-child > li > a {
  color: #333;
  padding: 10px 20px;
  text-shadow: 0 1px 0 #fff;
 }
 .global-nav .navbar-nav:first-child > li > a:hover,
 .global-nav .navbar-nav:first-child > li > a:focus,
 .global-nav .navbar-nav:first-child > .active > a,
 .global-nav .navbar-nav:first-child > .active > a:hover,
 .global-nav .navbar-nav:first-child > .active > a:focus {
  background-color: #f5f5f5;
  color: #b7241a;
 }
 .global-nav .navbar-nav:first-child > li > a:hover:after,
 .global-nav .navbar-nav:first-child > li > a:focus:after,
 .global-nav .navbar-nav:first-child > .active > a:after,
 .global-nav .navbar-nav:first-child > .active > a:hover:after,
 .global-nav .navbar-nav:first-child > .active > a:focus:after {
  background: #b7251b;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
   bottom: 0;
   left: 0;
  width: 100%;
 }
 .global-nav .navbar-nav.navbar-right:last-child {
  margin-right: 0;
 }
 .global-nav .navbar-nav.navbar-right > .navbar-text {
  margin: 0;
 }
 .global-nav .navbar-nav.navbar-right > .dropdown > .dropdown-toggle {
  background-color: #cbcbcb;
  border-radius: 4px;
  color: #fff;
  font-size: 10px;
  font-size: 1.0rem;
  letter-spacing: 0.1em;
  margin-top: 7px;
  margin-bottom: 7px;
  padding: 3px 10px;
 }
 .global-nav .navbar-nav.navbar-right > .dropdown > .dropdown-toggle:hover,
 .global-nav .navbar-nav.navbar-right > .dropdown > .dropdown-toggle:focus {
  background-color: #a9a9a9;
 }
 .global-nav .navbar-nav.navbar-right > .dropdown > .dropdown-menu {
  padding: 10px;
 }
 .global-nav .navbar-nav.navbar-right > .dropdown > .dropdown-menu > li > a:hover,
 .global-nav .navbar-nav.navbar-right > .dropdown > .dropdown-menu > li > a:focus {
  background-color: transparent;
 }
 .global-nav .navbar-nav.navbar-right > .dropdown > .dropdown-menu .fb-like.fb_iframe_widget > span {
  vertical-align: top !important;
 }
}

/*--------------------------------------
 Header Area
--------------------------------------*/

.header-logo {
 font-size: 100%;
 height: auto;
 margin: 0;
 padding: 0;
 position: absolute;
 width: 100%;
}

.header-logo img {
 margin: 0 auto;
}

/* Header lead
--------------------------------------*/

.header-lead {
 background-color: #585858;
 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc1NTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM1ODU4NTgiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c1NTkpIiAvPgo8L3N2Zz4=);
 background-image: -webkit-linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 background-image: -moz-linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 background-image: -o-linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 background-image: -ms-linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 background-image: linear-gradient(bottom, rgba(88,88,88,.7) 0%, rgba(255,255,255,.7) 100%);
 width: 100%;
}

#js-header-slider {
 height: 100%;
  max-height: 330px;
 list-style: none;
 margin: 0 auto;
 overflow: hidden;
 padding: 0;
 text-align: center;
}

#js-header-slider li {
 display: none;
 position: relative !important;
}

#js-header-slider li:first-child {
 display: block;
}

#js-header-slider li img {
 margin: 0 auto;
}

.bx-wrapper {
 position: relative;
}

.bx-wrapper .bx-viewport {
 height: auto;
  max-height: 330px;
}

.bx-wrapper .bx-controls {
 position: absolute;
  bottom: 20px;
  left: 0;
 width: 100%;
 z-index: 100;
}

.bx-wrapper .bx-pager {
 font-size: 0;
 text-align: center;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-pager-link {
 display: inline-block;
}

.bx-wrapper .bx-pager-item {
 margin: 0 3px;
}

.bx-wrapper .bx-pager-link {
 background-color: #999;
 border-radius: 50%;
 height: 13px;
 overflow: hidden;
 text-indent: -9999px;
 width: 13px;
}

.bx-wrapper .bx-pager-link.active {
 background-color: #fff;
}

/* For IE 8 only style */

.lt-ie9 .header-lead {
 background: #909090 url(../img/texture_header-lead_01_ie8.jpg) repeat-x 0 0;
 height: auto;
  min-height: 330px;
}

@media only screen and (min-width: 768px) {
 .header-logo {
  height: 330px;
   max-height: 330px;
   min-height: 298px;
  z-index: 100;
 }
 .header-logo img {
  height: 136px;
  margin: auto;
  position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
  width: 198px;
 }
 .header-lead {
  height: auto;
   max-height: 330px;
   min-height: 298px;
 }
 .home .navbar-brand {
  display: none;
 }
}

@media only screen and (min-width: 992px) {
 .header-lead {
  height: 330px;
 }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .navbar-brand {
  display: none !important;
 }
 .global-nav .navbar-nav:first-child > li > a {
  padding-right: 15px;
  padding-left: 15px;
 }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
 .header-logo {
  height: 298px;
 }
}

/*--------------------------------------
 Content Area
--------------------------------------*/

.content-heading {
 border-bottom: 5px solid #333;
 color: #333;
 display: inline-block;
 font-family: "Century Gothic", sans-serif;
 font-size: 18px;
 font-size: 1.8rem;
 margin-top: 0;
 margin-bottom: 25px;
 padding-bottom: 5px;
}

/* Article
--------------------------------------*/

/* Entry type */

.article.entry {
 margin: 0 auto 50px;
}

.article.entry + .article.entry {
 margin-top: 100px;
}

/* Article header */

.article.entry > header {
 margin-bottom: 20px;
}

.article.entry > header > .time {
 display: inline-block;
 margin-bottom: 5px;
}

.article.entry > header > .article-heading {
 border-bottom: 3px double #ddd;
 font-size: 20px;
 font-size: 2.0rem;
 margin-top: 0;
 margin-bottom: 10px;
 padding-bottom: 10px;
}

.article.entry > header > .article-meta > li {
 vertical-align: top;
}

.article.entry > header > .article-meta > li > .label-news {
 background-color: #91a4b1;
 border-radius: 4px;
 font-size: 10px;
 font-weight: normal;
 padding: 4px 10px;
 vertical-align: text-top;
}

.article.entry > header > .article-meta > li > .label-news:hover,
.article.entry > header > .article-meta > li > .label-news:focus {
 background-color: #b3c6d3;
}

.article.entry > header > .article-meta > li > .twitter-share-button {
 width: 100px !important;
}

.article.entry > header > .article-meta > li > .fb-like > span {
 overflow: hidden;
 vertical-align: top !important;
}

/* Article body */

.article.entry .article-body {
 overflow: hidden;
}

.article.entry .article-body img {
 height: auto;
 width: auto;
  max-width: 100%;
}

/* Article footer */

.article.entry > footer {
 margin-top: 10px;
}

.article.entry > footer > .btn-continue {
 background-color: #f5f5f5;
 border-color: #ddd;
 border-radius: 10px;
 color: #0085c9;
 display: table;
 margin: 0 auto;
 padding: 10px 30px;
}

.article.entry > footer > .btn-continue:hover,
.article.entry > footer > .btn-continue:focus {
 background-color: #e4e4e4;
}

.article.entry > footer > .btn-continue .fa {
 color: #333;
}

/* Pager */

.pager-article li > a {
 background-color: #efefef;
}

.pager-article li > a:hover,
.pager-article li > a:focus {
 background-color: #dfdfdf;
}

.pager-article .fa {
 color: #333;
}

.pagination-article {
 display: table;
 font-size: 0;
 text-align: center;
 width: 100%;
}

.pagination-article > li {
 display: inline-table;
 font-size: 14px;
 font-size: 1.4rem;
}

/* Aside
--------------------------------------*/

.aside {
 line-height: 1.6;
}

/* Aside banner */

.aside > .banner {
 display: inline-block;
 margin: 0 auto 10px;
 text-align: center;
 width: 100%;
}

.aside > .banner img {
 display: inline-block;
}

.aside > .banner-reservation {
 background-color: #fff;
 border: 7px solid #978f6b;
 margin-bottom: 20px;
 padding: 0 0 10px;
}

.aside > .banner-reservation > .lead {
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: bold;
 margin-bottom: 15px;
 padding: 45px 0 0;
 position: relative;
}

.aside > .banner-reservation > .lead:before,
.aside > .banner-reservation > .lead:after {
 background: no-repeat 0 0;
 content: "";
 display: inline-block;
 position: absolute;
  top: 5px;
}

.aside > .banner-reservation > .lead:before {
 background-image: url(../img/logo_banner-reservation_01.png);
 height: 23px;
 position: absolute;
  left: 5px;
 width: 113px;
}

.aside > .banner-reservation > .lead:after {
 background-image: url(../img/icon_banner-reservation_01.png);
 height: 24px;
 position: absolute;
  right: 5px;
 width: 34px;
}

.aside > .banner-reservation > .btn-reservation {
 background-color: #830700;
 background-image: -webkit-linear-gradient(bottom, #830700 0%, #830700 100%);
 background-image: -moz-linear-gradient(bottom, #830700 0%, #830700 100%);
 background-image: -o-linear-gradient(bottom, #830700 0%, #830700 100%);
 background-image: -ms-linear-gradient(bottom, #830700 0%, #830700 100%);
 background-image: linear-gradient(bottom, #830700 0%, #830700 100%);
 border-radius: 4px;
 color: #fff;
 display: block;
 font-size: 12px;
 font-size: 1.2rem;
 margin: 0 12px;
 text-align: center;
}

.aside > .banner-reservation > .btn-reservation:hover,
.aside > .banner-reservation > .btn-reservation:focus {
 background-image: -webkit-linear-gradient(bottom, #a52922 0%, #a52922 100%);
 background-image: -moz-linear-gradient(bottom, #a52922 0%, #a52922 100%);
 background-image: -o-linear-gradient(bottom, #a52922 0%, #a52922 100%);
 background-image: -ms-linear-gradient(bottom, #a52922 0%, #a52922 100%);
 background-image: linear-gradient(bottom, #a52922 0%, #a52922 100%);
}

/* Section
--------------------------------------*/

section {
 margin: 0 auto 80px;
}

section > .section-heading {
 border-bottom: 3px double #ddd;
 font-size: 20px;
 font-size: 2.0rem;
 margin-top: 0;
 margin-bottom: 20px;
 padding-bottom: 10px;
}

section p {
 margin-bottom: 2em;
}

/*--------------------------------------
 Footer Area
--------------------------------------*/

.global-footer .table-information {
 font-size: 12px;
 font-size: 1.2rem;
 margin-bottom: 0;
}

.global-footer .table-information > thead > tr > th,
.global-footer .table-information > tbody > tr > th,
.global-footer .table-information > tfoot > tr > th,
.global-footer .table-information > thead > tr > td,
.global-footer .table-information > tbody > tr > td,
.global-footer .table-information > tfoot > tr > td {
 padding: 7px 20px;
}

.global-footer .table-information > thead > tr > th,
.global-footer .table-information > tbody > tr > th,
.global-footer .table-information > tfoot > tr > th {
 background-color: rgba(180, 168, 168, 0.5);
 /*background-color: #b4a8a8;*/
 color: #fff;
 font-weight: normal;
 white-space: nowrap;
}

.global-footer .table-information > thead > tr > td,
.global-footer .table-information > tbody > tr > td,
.global-footer .table-information > tfoot > tr > td {
 background-color: rgba(255, 255, 255, 0.5);
 /*background-color: #fff;*/
}

.global-footer .table-information > tbody > tr:first-child > th,
.global-footer .table-information > tbody > tr:first-child > td {
 border-top: none;
}

.global-footer .table-information > tbody > tr > td > a {
 color: inherit;
 text-decoration: underline;
}

.global-footer .table-information > tbody > tr > td > .label-map {
 background-color: #515151;
 border-radius: 0;
 color: #fff;
 font-size: 10px;
 font-size: 1.0rem;
 font-weight: normal;
 padding: 1px 4px;
 text-decoration: none;
}

.global-footer .table-information > tbody > tr > td > .label-map:hover,
.global-footer .table-information > tbody > tr > td > .label-map:focus {
 background-color: #737373;
}

/* akiran */

#akiran {
 background: #eee;
}

#akiran .akiran-header {
 background: #40220c;
 color: #fff;
 font-size: 14px;
 font-size: 1.4rem;
 margin: 0 0 5px;
 padding: 5px 0;
 text-align: center;
}

#akiran .akiran-header span {
 color: #c99776;
 display: block;
 font-size: 10px;
 font-size: 1.0rem;
 margin-top: 5px;
}

#akiran_header {
 display: none !important;
 margin-top: 0 !important;
 width: 100% !important;
  max-width: 200px;
}

#akiran_header img {
 height: auto;
 width: auto;
  max-width: 100%;
}

.akiranformfield {
 margin-right: auto;
 margin-left: auto;
 width: 100% !important;
  max-width: 200px;
}

.akiranformfield * {
 font-size:10px !important;
}

#akiran_contents {
 margin: 5px 0px 12px 0px !important;
 padding:0 10px;
}

.akiranformfield table th,
.akiranformfield table td {
 padding-top: 3px;
 padding-bottom: 3px;
 vertical-align: baseline;
}

.akiranformfield table th {
 width: 25px !important;
 height: 24px !important;
 white-space: nowrap;
}

.akiranformfield tbody td {
 padding-left: 5px;
 padding-right: 0px !important;
}

.akiranformfield select {
 margin-left: 2px;
 height: 20px;
 width:100% !important;
 border: solid 1px #ccc;
 color: #404040;
 background-color: #f5f5f5;
 font-size: 12px;
}

#akiran_datebox input {
 margin-right: 10px;
 width: 100% !important;
  max-width: 80px;
}

#akiran_datebox button {
 background: transparent;
 border: none;
 padding: 0;
}

#akiran_submitbox {
 padding-top: 10px;
 width: 100% !important;
 text-align: center;
}

.akiranformfield p {
 margin: -10px 0px 0px 10px !important;
 padding: 0 0 5px !important;
 font-size: 10px !important;
}

/* opentable */

#openTable {
 background-color: #fff;
 border: 7px solid #978f6b;
 margin-bottom: 20px;
 padding: 0 0 10px;
 text-align: center;
}

#openTable > .lead {
 font-size: 18px;
 font-size: 1.8rem;
 font-weight: bold;
 margin-bottom: 15px;
 padding: 45px 0 0;
 position: relative;
}

#openTable > .lead:before,
#openTable > .lead:after {
 background: no-repeat 0 0;
 content: "";
 display: inline-block;
 position: absolute;
  top: 5px;
}

#openTable > .lead:before {
 background-image: url(../img/logo_banner-reservation_01.png);
 height: 23px;
 position: absolute;
  left: 5px;
 width: 113px;
}

#openTable > .lead:after {
 background-image: url(../img/icon_banner-reservation_01.png);
 height: 24px;
 position: absolute;
  right: 5px;
 width: 34px;
}

#openTable #OT_searchWrapperAll {
 font-size: 12px;
 font-size: 1.2rem;
}

#openTable .OT_feedTitle {
 font-size: 100%;
}

#openTable #OT_defList {
 margin: 0 20px;
 text-align: left;
}

#openTable #OT_defList dt {
 float: left;
 font-weight: normal;
 margin-right: 1em;
}

#openTable #OT_defList dd {
 margin-bottom: 5px;
 overflow: hidden;
 zoom: 1;
}

#openTable #OT_defList #OT_date input {
 width: 100%;
  max-width: 120px;
}

#openTable #OT_defList #OT_submitWrap {
 margin-top: 10px;
}

#openTable #OT_submitWrap button {
 border: none;
 padding: 0;
}

#openTable #OT_submitWrap input {
 display:block;
 width:164px;
 height:35px;
 text-indent:-9999px;
 background:url(../img/button_opentable_01_off.jpg) no-repeat;
 margin: 0 auto;
 padding:0;

 height: auto;
 max-width: 100%;
}

#openTable #OT_submitWrap input:hover {
 background:url(../img/button_opentable_01_on.jpg) no-repeat;
}

#OT_logoLink {
 font-size: 10px;
 font-size: 1.0rem;
}

#OT_logoLink a {
 color: #e6e6e6;
 text-decoration: underline;
}

/* Media queries */

@media only screen and (max-width: 767px) {
 .global-footer .table-information {
  margin-bottom: 1em;
 }
 .global-footer .table-information > thead > tr > th,
 .global-footer .table-information > tbody > tr > th,
 .global-footer .table-information > tfoot > tr > th,
 .global-footer .table-information > thead > tr > td,
 .global-footer .table-information > tbody > tr > td,
 .global-footer .table-information > tfoot > tr > td {
  display: block;
 }
 .global-footer .img-responsive {
  margin: 0 auto;
 }
 .global-footer .img-responsive {
  margin: 0 auto;
 }
 #openTable #OT_defList {
  display: table;
  margin: 0 auto;
 }
}

/* Display utility
--------------------------------------*/

html.no-touch .display-utility {
 display: none;
}

html.touch .display-utility.view-pc {
 font-size: 30px;
 font-size: 3.0rem;
}

.display-utility {
 background-color: #f5f5f5;
 font-size: 12px;
 font-size: 1.2rem;
 padding: 10px 0;
 text-align: center;
}

.display-utility .active {
 color: inherit;
}

/* Global utility
--------------------------------------*/

.global-utility {
 padding: 15px 0;
}

.global-utility h3,
.global-utility ul,
.global-utility li,
.global-utility .copyright {
 display: inline-block;
 font-size: 12px;
 font-size: 1.2rem;
 margin: 0;
 padding: 0;
 vertical-align: middle;
}

.global-utility h3 {
 margin-right: 20px;
}

.global-utility h3 img {
 opacity: 0.8;
}

.global-utility li {
 margin: 0 20px 0 0;
}

.global-utility a {
 color: inherit;
}

/*--------------------------------------
 Access page
--------------------------------------*/

.access .iframe-container {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
}
 
.access .iframe-container iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/* Media queries */

@media only screen and (min-width: 768px) {
 .access .iframe-container {
  height: 540px;
 }
}

/*--------------------------------------
 Home page
--------------------------------------*/

.home .global-content > .container,
.home .global-footer > .container {
 width: 100%;
  max-width: 978px;
}

.home .media {
 margin-bottom: 30px;
}

.home .media > .pull-right {
 margin-bottom: 15px;
}

.home .media > .pull-left{
 margin-bottom: 15px;
}

.home .media .media-heading {
 color: #3f3f3f;
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: bold;
 margin-bottom: 10px;
}

/* Media queries */

@media only screen and (max-width: 767px) {
 .home .media > .pull-right {
  float: none !important;
  margin-left: 0;
 }
  .home .media > .pull-left {
  float: none !important;
  margin-right: 0;
 }
 .home .media > .media-body {
  margin-top: 1em;
 }
}

@media only screen and (min-width: 768px) {
 .home .media > .pull-right {
  margin-left: 20px;
 }
  .home .media > .pull-left {
  margin-right: 20px;
 }
 .home .media .media-heading {
  color: #3f3f3f;
  /*font-size: 24px;*/
  /*font-size: 2.4rem;*/
  /*font-weight: bold;*/
  margin-bottom: 10px;

  font-size: 22px;
  font-size: 2.2rem;
  font-weight: normal;
  line-height:1.4;
 }
 .home .media .media-body p {
  line-height: 1.8;
 }
}

@media only screen and (max-width: 991px) {
 .home .media > .pull-right {
  width: auto;
   max-width: 30%;
 }
 .home .media > .pull-left {
  width: auto;
   max-width: 30%;
 }
}

/*--------------------------------------
 Menu page
--------------------------------------*/

.menu .nav-tabs.nav-justified {
 margin-bottom: 40px;
 padding-right: 15px;
 padding-left: 15px;
}

.menu .nav-tabs.nav-justified:after {
 background-color: #ddd;
 content: "";
 display: block;
 height: 1px;
 position: relative;
  bottom: 1px;
 z-index: -1;
}

.menu .nav-tabs.nav-justified > li {
 width: auto;
}

.menu .nav-tabs.nav-justified > .active > a,
.menu .nav-tabs.nav-justified > .active > a:hover,
.menu .nav-tabs.nav-justified > .active > a:focus {
 border-bottom-color: #fff;
}

.menu figure {
 margin-bottom: 20px;
 width: auto;
  max-width: 304px;
}

.menu .media-body img.mt-image-none{
  width: auto;
  max-width: 100%;
  height:auto;
  }

.menu .media-body > table {
 table-layout: auto !important;
 width: 100% !important;
}

.menu .table-menu > tbody > tr > th,
.menu .table-menu > tbody > tr > td {
 border-top: none;
 font-weight: normal;
}

.menu .media-body > table > tbody > tr > td {
 line-height: 1.428571429;
 padding: 5px;
 vertical-align: top;
 width: auto !important;
}

.menu .table-menu > tbody > tr > td,
.menu .media-body > table > tbody > tr > td:first-child + td {
 white-space: nowrap;
}

.menu .table-menu > tbody > tr > td:last-child,
.menu .media-body > table > tbody > tr > td:first-child + td + td {
 text-align: right;
}

/* Media queries */

@media only screen and (max-width: 767px) {
 .menu .nav-tabs.nav-justified > li {
  float: left;
 }
 .menu .nav-tabs.nav-justified > li > a {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
 }
 .menu .media > .pull-left {
  float: none !important;
  margin-right: 0;
 }
}

@media only screen and (min-width: 768px) {
 .menu .nav-tabs.nav-justified > li > a {
  padding-right: 60px;
  padding-left: 60px;
 }
 .menu .media-body > table > tbody > tr > td {
  border-bottom: 1px solid #eee;
 }
 .menu .table-menu > tbody > tr > th,
 .menu .media-body > table > tbody > tr > td:first-child {
  padding-left: 15px;
 }
 .menu .table-menu > tbody > tr > td,
 .menu .media-body > table > tbody > tr > td:first-child + td,
 .menu .media-body > table > tbody > tr > td:first-child + td + td {
  padding-left: 15px;
  white-space: nowrap;
 }
 .menu .table-menu > tbody > tr > td:last-child,
 .menu .media-body > table > tbody > tr > td:first-child + td + td {
  padding-right: 0;
  padding-left: 35px;
 }

 .menu .media-body > table > tbody > tr > td:first-child + td,
 .menu .media-body > table > tbody > tr > td:first-child + td + td {
  padding-right: 0;
  text-align: right;
  width: 1% !important;
 }
 .menu .media-body > table > tbody > tr.adjust-border > td {
  border-bottom: 1px solid transparent;
 }
}

/*--------------------------------------
 Photo page
--------------------------------------*/

.photo .section-heading {
 border-bottom: none;
 color: #3f3f3f;
 font-size: 12px;
 font-size: 1.2rem;
 padding-bottom: 0;
}

.photo .list-inline {
 font-size: 0;
}

.photo .list-inline > li {
 font-size: 100%;
 margin: 0 19px 20px 0;
 padding: 0;
 vertical-align: top;
}

/* Media queries */

@media only screen and (min-width: 768px) {
 .photo .list-inline > li img {
  height: auto;
   max-height: 310px;
  width: auto;
   max-width: 470px;
 }
 .photo .list-inline > li .img-small {
  margin-right: 1px;
  width: 100%;
   max-width: 224px;
 }
 .photo .list-inline > li .img-medium {
  margin-right: 1px;
  width: auto;
   max-width: 306px;
 }
 .photo .list-inline > li .img-large {
  width: auto;
   max-width: 470px;
 }
  .photo .list-inline > li .img-exlarge {
  width: auto;
   max-width: 919px;
 }
}


/*--------------------------------------
resebook　予約ウィジェット
--------------------------------------*/
.resebook{
vertical-align:top;
margin-bottom:20px;
}


/*--------------------------------------
ソーシャルボタン・他
--------------------------------------*/

ul.social {
    background:none;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 0;
    margin:0;
}

ul.social li {
    display: inline-block;
    list-style: none;
    margin-right: 15px;
}

ul.social li:last-child{
  margin-right: 0;
}

ul.social li a {
    display: block;
    padding: 10%;
    border-radius: 50%;
    background: #7C7C7C;
    color: #fff;
    font-size: 2rem;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    height: 40px;
}

ul.social li a:hover{
    background: #8C8C8C;
}


ul.social li.social-line {
  display: block;
  list-style: none;
  margin-left: 15px;
  margin-bottom:15px;
  text-align: center;
}

  ul.social li.social-line a {
    display: inline;
    padding: 0;
    border-radius: 0;
    background: none;
    color: #fff;
    font-size: 0;
    width: auto;
    text-align: center;
    vertical-align: middle;
    height:auto;
}

ul.social li.social-line a:hover{
    background: none;
}

@media only screen and (max-width: 767px){
  ul.social {
     background: #f5f5f5;
     margin-left:-15px;
     margin-right:-15px;
  }
}

@media only screen and (min-width: 767px){
    ul.social li.social-line {
      display: none;
    }
}

@media only screen and (max-width: 767px){
  .global-nav > .container .navbar-btn  {
    display: block;
      position: relative;
      float: right;
      background-color: transparent;
      background-image: none;
      border: none;
      border-radius: 4px;
      color: #666;
      font-size: 1.2rem;
      color:#fff;
      margin-top: 5px;
      margin-bottom: 5px;
      padding-top: 7px;
      padding-bottom: 7px;
      margin-right: 10px;
  }
}

@media only screen and (min-width: 767px){
  .global-nav > .container .navbar-btn  {
      display: none;
  }
}

/*--------------------------------------
サイド予約ボタン 20171026
--------------------------------------*/
.banner-yoyaku{
display:block;
margin-bottom:10px;
text-align:center;
}