/*
	Theme Name: kasasaebisu
	Theme URI: http://www.studiopress.com/themes/kasasaebisu
	Description: Decor is a two or three column child theme created for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/
	Version: 1.0
	Tags: black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options, threaded-comments
	Template Version: 1.8
	License: GNU General Public License v2.0 (or later)
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

:root {
  --wm-toolbar-height: 65px;
}

#wm-ipp-base {
  height: 65px;
  /* initial height just in case js code fails */
  padding: 0;
  margin: 0;
  border: none;
  background: none transparent;
}

#wm-ipp {
  z-index: 2147483647;
}

#wm-ipp,
#wm-ipp * {
  font-family: Lucida Grande, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  min-width: 0 !important;
  min-height: 0;
  outline: none;
  float: none;
  text-align: left;
  border: none;
  color: #000;
  text-indent: 0;
  position: initial;
  background: none;
}

#wm-ipp div,
#wm-ipp canvas {
  display: block;
}

#wm-ipp div,
#wm-ipp tr,
#wm-ipp td,
#wm-ipp a,
#wm-ipp form {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  background-image: none;
  /*z-index:2147483640;*/
  height: auto;
}

#wm-ipp table {
  border: none;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: auto;
  font-size: inherit;
}

#wm-ipp form input {
  padding: 1px !important;
  height: auto;
  display: inline;
  margin: 0;
  color: #000;
  background: none #fff;
  border: 1px solid #666;
}

#wm-ipp form input[type=submit] {
  padding: 0 8px !important;
  margin: 1px 0 1px 5px !important;
  width: auto !important;
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
}

#wm-ipp form input[type=submit]:hover {
  background: #eee !important;
  cursor: pointer !important;
}

#wm-ipp form input[type=submit]:active {
  transform: translateY(1px);
}

#wm-ipp a {
  display: inline;
}

#wm-ipp a:hover {
  text-decoration: underline;
}

#wm-ipp a.wm-btn:hover {
  text-decoration: none;
  color: #ff0 !important;
}

#wm-ipp a.wm-btn:hover span {
  color: #ff0 !important;
}

#wm-ipp #wm-ipp-inside {
  margin: 0 6px;
  border: 5px solid #000;
  border-top: none;
  background-color: rgba(255, 255, 255, 0.9);
  -moz-box-shadow: 1px 1px 4px #333;
  -webkit-box-shadow: 1px 1px 4px #333;
  box-shadow: 1px 1px 4px #333;
  border-radius: 0 0 8px 8px;
}

/* selectors are intentionally verbose to ensure priority */
#wm-ipp #wm-logo {
  padding: 0 10px;
  vertical-align: middle;
  min-width: 100px;
  flex: 0 0 100px;
}

#wm-ipp .c {
  padding-left: 4px;
}

#wm-ipp .c .u {
  margin-top: 4px !important;
}

#wm-ipp .n {
  padding: 0 0 0 5px !important;
  vertical-align: bottom;
}

#wm-ipp .n a {
  text-decoration: none;
  color: #33f;
  font-weight: bold;
}

#wm-ipp .n .b {
  padding: 0 6px 0 0 !important;
  text-align: right !important;
  overflow: visible;
  white-space: nowrap;
  color: #99a;
  vertical-align: middle;
}

#wm-ipp .n .y .b {
  padding: 0 6px 2px 0 !important;
}

#wm-ipp .n .c {
  background: #000;
  color: #ff0;
  font-weight: bold;
  padding: 0 !important;
  text-align: center;
}

#wm-ipp .n .d span.ta {
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent #99a;
  border-style: solid;
}

#wm-ipp .n .d .b span.ta {
  border-width: 8px 14px 8px 0;
}

#wm-ipp .n .d .f span.ta {
  border-width: 8px 0 8px 14px;
}

#wm-ipp .n .d a span.ta {
  border-color: transparent #33f;
}

#wm-ipp .n .d a span.ta:hover {
  border-color: transparent #77f;
}

#wm-ipp.hi .n td.c {
  color: #ec008c;
}

#wm-ipp .n td.f {
  padding: 0 0 0 6px !important;
  text-align: left !important;
  overflow: visible;
  white-space: nowrap;
  color: #99a;
  vertical-align: middle;
}

#wm-ipp .n tr.m td {
  text-transform: uppercase;
  white-space: nowrap;
  padding: 2px 0;
}

#wm-ipp .c .s {
  padding: 0 5px 0 0 !important;
  vertical-align: bottom;
}

#wm-ipp #wm-nav-captures {
  white-space: nowrap;
}

#wm-ipp .c .s a.t {
  color: #33f;
  font-weight: bold;
  line-height: 1.8;
}

#wm-ipp .c .s div.r {
  color: #666;
  font-size: 9px;
  white-space: nowrap;
}

#wm-ipp .c .k {
  padding-bottom: 1px;
}

#wm-ipp .c .s {
  padding: 0 5px 2px 0 !important;
}

#wm-ipp td#displayMonthEl {
  padding: 2px 0 !important;
}

#wm-ipp td#displayYearEl {
  padding: 0 0 2px 0 !important;
}

div#wm-ipp-sparkline {
  position: relative;
  /* for positioning markers */
  white-space: nowrap;
  background-color: #fff;
  cursor: pointer;
  line-height: 0.9;
}

#sparklineImgId,
#wm-sparkline-canvas {
  position: relative;
  z-index: 9012;
  max-width: none;
}

#wm-ipp-sparkline div.yt {
  position: absolute;
  z-index: 9010 !important;
  background-color: #ff0 !important;
  top: 0;
}

#wm-ipp-sparkline div.mt {
  position: absolute;
  z-index: 9013 !important;
  background-color: #ec008c !important;
  top: 0;
}

#wm-ipp .r {
  margin-left: 4px;
}

#wm-ipp .r a {
  color: #33f;
  border: none;
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat !important;
  background-position: 100% 100% !important;
  text-decoration: none;
}

#wm-ipp #wm-capinfo {
  /* prevents notice div background from sticking into round corners of
     #wm-ipp-inside */
  border-radius: 0 0 4px 4px;
}

#wm-ipp #wm-capinfo .c-logo {
  display: block;
  float: left;
  margin-right: 3px;
  width: 90px;
  min-height: 90px;
  max-height: 290px;
  border-radius: 45px;
  overflow: hidden;
  background-position: 50%;
  background-size: auto 90px;
  box-shadow: 0 0 2px 2px rgba(208, 208, 208, 128) inset;
}

#wm-ipp #wm-capinfo .c-logo span {
  display: inline-block;
}

#wm-ipp #wm-capinfo .c-logo img {
  height: 90px;
  position: relative;
  left: -50%;
}

#wm-ipp #wm-capinfo .wm-title {
  font-size: 130%;
}

#wm-ipp #wm-capinfo a.wm-selector {
  display: inline-block;
  color: #aaa;
  text-decoration: none !important;
  padding: 2px 8px;
}

#wm-ipp #wm-capinfo a.wm-selector.selected {
  background-color: #666;
}

#wm-ipp #wm-capinfo a.wm-selector:hover {
  color: #fff;
}

#wm-ipp #wm-capinfo.notice-only #wm-capinfo-collected-by,
#wm-ipp #wm-capinfo.notice-only #wm-capinfo-timestamps {
  display: none;
}

#wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content {
  background-color: #ff0;
  padding: 5px;
  font-size: 14px;
  text-align: center;
}

#wm-ipp #wm-capinfo #wm-capinfo-notice .wm-capinfo-content * {
  font-size: 14px;
  text-align: center;
}

#wm-ipp #wm-expand {
  right: 1px;
  bottom: -1px;
  color: #ffffff;
  background-color: #666 !important;
  padding: 0 5px 0 3px !important;
  border-radius: 3px 3px 0 0 !important;
}

#wm-ipp #wm-expand span {
  color: #ffffff;
}

#wm-ipp #wm-expand #wm-expand-icon {
  display: inline-block;
  transition: transform 0.5s;
  transform-origin: 50% 45%;
}

#wm-ipp #wm-expand.wm-open #wm-expand-icon {
  transform: rotate(180deg);
}

#wm-ipp #wmtb {
  text-align: right;
}

#wm-ipp #wmtb #wmtbURL {
  width: calc(100% - 45px);
}

#wm-ipp #wm-graph-anchor {
  border-right: 1px solid #ccc;
}

/* time coherence */
html.wb-highlight {
  box-shadow: inset 0 0 0 3px #a50e3a !important;
}

.wb-highlight {
  outline: 3px solid #a50e3a !important;
}

#wm-ipp-print {
  display: none !important;
}

@media print {
  #wm-ipp-base {
    display: none !important;
  }

  #wm-ipp-print {
    display: block !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width:414px) {
  #wm-ipp .xxs {
    display: none !important;
  }
}

@media (min-width:1055px) {
  #wm-ipp #wm-graph-anchor {
    display: block !important;
  }
}

@media (max-width:1054px) {
  #wm-ipp #wm-graph-anchor {
    display: none !important;
  }
}

@media (max-width:1163px) {
  #wm-logo {
    display: none !important;
  }
}

#wm-btns {
  white-space: nowrap;
  margin-top: -2px;
}

#wm-btns #wm-save-snapshot-open {
  margin-right: 7px;
  top: -6px;
}

#wm-btns #wm-sign-in {
  box-sizing: content-box;
  display: none;
  margin-right: 7px;
  top: -8px;

  /*
  round border around sign in button
  */
  border: 2px #000 solid;
  border-radius: 14px;
  padding-right: 2px;
  padding-bottom: 2px;
  width: 11px;
  height: 11px;
}

#wm-btns #wm-sign-in>.iconochive-person {
  font-size: 12.5px;
}

#wm-save-snapshot-open>.iconochive-web {
  color: #000;
  font-size: 160%;
}

#wm-ipp #wm-share {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

#wm-share>#wm-screenshot {
  display: inline-block;
  margin-right: 3px;
  visibility: hidden;
}

#wm-screenshot>.iconochive-image {
  color: #000;
  font-size: 160%;
}

#wm-share>#wm-video {
  display: inline-block;
  margin-right: 3px;
  visibility: hidden;
}

#wm-video>.iconochive-movies {
  color: #000;
  display: inline-block;
  font-size: 150%;
  margin-bottom: 2px;
}

#wm-btns #wm-save-snapshot-in-progress {
  display: none;
  font-size: 160%;
  opacity: 0.5;
  position: relative;
  margin-right: 7px;
  top: -5px;
}

#wm-btns #wm-save-snapshot-success {
  display: none;
  color: green;
  position: relative;
  top: -7px;
}

#wm-btns #wm-save-snapshot-fail {
  display: none;
  color: red;
  position: relative;
  top: -7px;
}

.wm-icon-screen-shot {
  background: url("../images/web-screenshot.svg") no-repeat !important;
  background-size: contain !important;
  width: 22px !important;
  height: 19px !important;

  display: inline-block;
}

#donato {
  /* transition effect is disable so as to simplify height adjustment */
  /*transition: height 0.5s;*/
  height: 0;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #999 !important;
}

body.wm-modal {
  height: auto !important;
  overflow: hidden !important;
}

#donato #donato-base {
  width: 100%;
  height: 100%;
  /*bottom: 0;*/
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 2147483639;
}

body.wm-modal #donato #donato-base {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483640;
}

.wb-autocomplete-suggestions {
  font-family: Lucida Grande, Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: left;
  cursor: default;
  border: 1px solid #ccc;
  border-top: 0;
  background: #fff;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
  position: absolute;
  display: none;
  z-index: 2147483647;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

.wb-autocomplete-suggestion {
  position: relative;
  padding: 0 .6em;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.02em;
  color: #333;
}

.wb-autocomplete-suggestion b {
  font-weight: bold;
}

.wb-autocomplete-suggestion.selected {
  background: #f0f0f0;
}

@font-face {
  font-family: 'Iconochive-Regular';
  src: url('../fonts/Iconochive-Regular.eot');
  src: url('../fonts/Iconochive-Regular.eot') format('embedded-opentype'), url('../fonts/Iconochive-Regular.woff') format('woff'), url('../fonts/Iconochive-Regular.ttf') format('truetype'), url('../fonts/Iconochive-Regular.svg#Iconochive-Regular') format('svg');
  font-weight: normal;
  font-style: normal
}

[class^="iconochive-"],
[class*=" iconochive-"] {
  font-family: 'Iconochive-Regular' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.iconochive-Uplevel:before {
  content: "\21b5"
}

.iconochive-exit:before {
  content: "\1f6a3"
}

.iconochive-beta:before {
  content: "\3b2"
}

.iconochive-logo:before {
  content: "\1f3db"
}

.iconochive-audio:before {
  content: "\1f568"
}

.iconochive-movies:before {
  content: "\1f39e"
}

.iconochive-software:before {
  content: "\1f4be"
}

.iconochive-texts:before {
  content: "\1f56e"
}

.iconochive-etree:before {
  content: "\1f3a4"
}

.iconochive-image:before {
  content: "\1f5bc"
}

.iconochive-web:before {
  content: "\1f5d4"
}

.iconochive-collection:before {
  content: "\2211"
}

.iconochive-folder:before {
  content: "\1f4c2"
}

.iconochive-data:before {
  content: "\1f5c3"
}

.iconochive-tv:before {
  content: "\1f4fa"
}

.iconochive-article:before {
  content: "\1f5cf"
}

.iconochive-question:before {
  content: "\2370"
}

.iconochive-question-dark:before {
  content: "\3f"
}

.iconochive-info:before {
  content: "\69"
}

.iconochive-info-small:before {
  content: "\24d8"
}

.iconochive-comment:before {
  content: "\1f5e9"
}

.iconochive-comments:before {
  content: "\1f5ea"
}

.iconochive-person:before {
  content: "\1f464"
}

.iconochive-people:before {
  content: "\1f465"
}

.iconochive-eye:before {
  content: "\1f441"
}

.iconochive-rss:before {
  content: "\221e"
}

.iconochive-time:before {
  content: "\1f551"
}

.iconochive-quote:before {
  content: "\275d"
}

.iconochive-disc:before {
  content: "\1f4bf"
}

.iconochive-tv-commercial:before {
  content: "\1f4b0"
}

.iconochive-search:before {
  content: "\1f50d"
}

.iconochive-search-star:before {
  content: "\273d"
}

.iconochive-tiles:before {
  content: "\229e"
}

.iconochive-list:before {
  content: "\21f6"
}

.iconochive-list-bulleted:before {
  content: "\2317"
}

.iconochive-latest:before {
  content: "\2208"
}

.iconochive-left:before {
  content: "\2c2"
}

.iconochive-right:before {
  content: "\2c3"
}

.iconochive-left-solid:before {
  content: "\25c2"
}

.iconochive-right-solid:before {
  content: "\25b8"
}

.iconochive-up-solid:before {
  content: "\25b4"
}

.iconochive-down-solid:before {
  content: "\25be"
}

.iconochive-dot:before {
  content: "\23e4"
}

.iconochive-dots:before {
  content: "\25a6"
}

.iconochive-columns:before {
  content: "\25af"
}

.iconochive-sort:before {
  content: "\21d5"
}

.iconochive-atoz:before {
  content: "\1f524"
}

.iconochive-ztoa:before {
  content: "\1f525"
}

.iconochive-upload:before {
  content: "\1f4e4"
}

.iconochive-download:before {
  content: "\1f4e5"
}

.iconochive-favorite:before {
  content: "\2605"
}

.iconochive-heart:before {
  content: "\2665"
}

.iconochive-play:before {
  content: "\25b6"
}

.iconochive-play-framed:before {
  content: "\1f3ac"
}

.iconochive-fullscreen:before {
  content: "\26f6"
}

.iconochive-mute:before {
  content: "\1f507"
}

.iconochive-unmute:before {
  content: "\1f50a"
}

.iconochive-share:before {
  content: "\1f381"
}

.iconochive-edit:before {
  content: "\270e"
}

.iconochive-reedit:before {
  content: "\2710"
}

.iconochive-gear:before {
  content: "\2699"
}

.iconochive-remove-circle:before {
  content: "\274e"
}

.iconochive-plus-circle:before {
  content: "\1f5d6"
}

.iconochive-minus-circle:before {
  content: "\1f5d5"
}

.iconochive-x:before {
  content: "\1f5d9"
}

.iconochive-fork:before {
  content: "\22d4"
}

.iconochive-trash:before {
  content: "\1f5d1"
}

.iconochive-warning:before {
  content: "\26a0"
}

.iconochive-flash:before {
  content: "\1f5f2"
}

.iconochive-world:before {
  content: "\1f5fa"
}

.iconochive-lock:before {
  content: "\1f512"
}

.iconochive-unlock:before {
  content: "\1f513"
}

.iconochive-twitter:before {
  content: "\1f426"
}

.iconochive-facebook:before {
  content: "\66"
}

.iconochive-googleplus:before {
  content: "\67"
}

.iconochive-reddit:before {
  content: "\1f47d"
}

.iconochive-tumblr:before {
  content: "\54"
}

.iconochive-pinterest:before {
  content: "\1d4df"
}

.iconochive-popcorn:before {
  content: "\1f4a5"
}

.iconochive-email:before {
  content: "\1f4e7"
}

.iconochive-embed:before {
  content: "\1f517"
}

.iconochive-gamepad:before {
  content: "\1f579"
}

.iconochive-Zoom_In:before {
  content: "\2b"
}

.iconochive-Zoom_Out:before {
  content: "\2d"
}

.iconochive-RSS:before {
  content: "\1f4e8"
}

.iconochive-Light_Bulb:before {
  content: "\1f4a1"
}

.iconochive-Add:before {
  content: "\2295"
}

.iconochive-Tab_Activity:before {
  content: "\2318"
}

.iconochive-Forward:before {
  content: "\23e9"
}

.iconochive-Backward:before {
  content: "\23ea"
}

.iconochive-No_Audio:before {
  content: "\1f508"
}

.iconochive-Pause:before {
  content: "\23f8"
}

.iconochive-No_Favorite:before {
  content: "\2606"
}

.iconochive-Unike:before {
  content: "\2661"
}

.iconochive-Song:before {
  content: "\266b"
}

.iconochive-No_Flag:before {
  content: "\2690"
}

.iconochive-Flag:before {
  content: "\2691"
}

.iconochive-Done:before {
  content: "\2713"
}

.iconochive-Check:before {
  content: "\2714"
}

.iconochive-Refresh:before {
  content: "\27f3"
}

.iconochive-Headphones:before {
  content: "\1f3a7"
}

.iconochive-Chart:before {
  content: "\1f4c8"
}

.iconochive-Bookmark:before {
  content: "\1f4d1"
}

.iconochive-Documents:before {
  content: "\1f4da"
}

.iconochive-Newspaper:before {
  content: "\1f4f0"
}

.iconochive-Podcast:before {
  content: "\1f4f6"
}

.iconochive-Radio:before {
  content: "\1f4fb"
}

.iconochive-Cassette:before {
  content: "\1f4fc"
}

.iconochive-Shuffle:before {
  content: "\1f500"
}

.iconochive-Loop:before {
  content: "\1f501"
}

.iconochive-Low_Audio:before {
  content: "\1f509"
}

.iconochive-First:before {
  content: "\1f396"
}

.iconochive-Invisible:before {
  content: "\1f576"
}

.iconochive-Computer:before {
  content: "\1f5b3"
}

/*
 * jQuery FlexSlider v2.6.1
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/


/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}

.slides,
.slides>li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
  width: 100%;
  display: block;
}

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides>li:first-child {
  display: block;
}

/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  height: 0;
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}

.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}



body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
th,
td,
img {
  margin: 0;
  /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
  padding: 0;
  /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
  border: 0;
  /*境界線指定*/
}

body {
  line-height: 2;
  /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  /*フォントの種類指定(左から優先順位)*/
  font-size: 75%;
  /* フォントサイズ指定(%はブラウザに設定した標準文字サイズ(通常16px)に対する値)*/
  color: #333333;
  /*文字色指定*/
  background: rgba(210, 205, 190, 0.5);
}

ol,
ul {
  list-style: none;
  /*リストマーカーの種類指定(noneはなし)*/
}

a {
  /*リンクの文字設定(マウスをのせる前)*/
  color: #660000;
  /*文字色指定*/
  text-decoration: none;
  /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

a:hover {
  /*リンクの文字設定(マウスをのせた時)*/
  color: #333366;
  /*文字色指定*/
  text-decoration: underline;
  /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/
}

a img {
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function: ease-out;
}

a:hover img {
  /*画像にマウスをのせた時半透明にする*/
  filter: Alpha(opacity=80);
  /*視覚効果(IE独自) Alphaは透過表示 opacityは開始透明度*/
  opacity: 0.85;
  /*要素の透明度*/
}

.color1 {
  color: #FF0033;
  /*文字色指定*/
}

/* ----- ヘッダー(ページの一番上の部分) ----- */

#header {}

#headerTop {}

#headerTop .headerTopInner {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  display: table;
  table-layout: auto;
  border-collapse: collapse;
}

#headerTop .headerTopInner .logo {
  display: table-cell;
  vertical-align: middle;
}

#headerTop .headerTopInner .info {
  display: table-cell;
  text-align: right;
  line-height: 1;
  padding-top: 6px;
}

#headerTop .headerTopInner .info ul {
  overflow: hidden;
  display: inline-block;
}

#headerTop .headerTopInner .info li {
  float: left;
}

#headerTop .headerTopInner .info li:first-child {
  margin-right: 7px;
}

#headerTop .headerTopInner .info li.tel {
  margin-top: 2px;
}


#slideshow {
  margin: 0;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#slideshow>div img {
  width: 100%;
  height: auto;
}

/* ----- レイアウト ----- */
#content {
  width: 980px;
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden;
}



#main {
  width: 650px;
  margin-right: 30px;
  float: left;
}

#sidebar {
  width: 300px;
  float: right;
}

.section {
  margin-bottom: 40px;
}


#gNav {
  background: #25282a url(../img/gnav_bg.jpg) repeat-x 0 center;
}

#gNav ul {
  width: 978px;
  margin: 0 auto;
  display: table;
  table-layout: auto;
  border-collapse: collapse;
}

#gNav li {
  display: table-cell;
  height: 75px;
  background: #fff;
}

#gNav li a {
  height: 75px;
  display: block;
  /*transition-property: opacity;
    transition-duration:1s;
    transition-timing-function:ease-out;*/
}

#gNav li a:hover {
  /*opacity: .85;*/
}

#sidebar .fbPagePlugin {
  margin-bottom: 40px;
}

.plantxt-c {
  text-align: center;
  font-size: 15px;
}

#close .sub {
  font-size: 18px;
  font-weight: 600;
  color: #F00;
  margin-left: 55px;
}

#close .plantxt-c {
  text-align: left;
  margin-left: 55px;
  font-size: 15px;
  font-weight: 600;
}


/* ----- フッター(ページの一番下の部分) ----- */

#footer {
  clear: both;
  /*floatの回り込みを解除*/
  height: 70px;
  /*領域の高さを指定*/
  width: 100%;
  /*幅指定(100%は画面横幅いっぱいに表示)*/
  background-image: url(../img/foot.gif);
  background-repeat: repeat-x;
  /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
}

#footer_inner {
  padding: 10px;
  /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
}

#footer p {
  font-size: 0.75em;
  /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  color: #ffffff;
  /*文字色指定*/
  text-align: center;
  /*行の水平方向の揃え方(centerは中央揃え)*/
}

/* ----- フッターメニュー ----- */

#footmenu {
  margin-bottom: 8px;
  /*ボックス外側下の余白*/
  text-align: center;
  /*行の水平方向の揃え方(centerは中央揃え)*/
}

#footmenu li {
  padding-left: 15px;
  /*ボックス内側左の余白*/
  margin-left: 15px;
  /*ボックス外側左の余白*/
  border-left: solid 1px #ffffff;
  /*左境界線の一括指定(solidは1本線,線の太さ,線の色)*/
  display: inline;
  /*要素の表示形式指定(inlineはインラインレベルで表示(リストを横並び))*/
  list-style-type: none;
  /*リストマーカーの種類指定(noneはなし)*/
}

#footmenu li.first {
  border-left: none;
  /*左境界線の一括指定(noneはなし)*/
}

#footmenu a {
  /*リンクの文字設定(マウスをのせる前)*/
  color: #ffffff;
  /*文字色指定*/
  text-decoration: none;
  /*テキストの装飾指定(下線、上線など)(noneはなし)*/
}

#footmenu a:hover {
  /*リンクの文字設定(マウスをのせた時)*/
  text-decoration: underline;
  /*テキストの装飾指定(下線、上線など)(underlineは下線を引く)*/
}

/* ----- コンテンツ ----- */
#sectDish .content .item .desc {
  width: 320px;
}

#sectAct .content .item .desc {
  width: 320px;
}

body.home .item .image {
  overflow: hidden;
  padding: 1px;
  border: 1px solid #bfbfbf;
  line-height: 0;
  background: #fff;
}

body.home .item {
  width: 315px;
  float: left;
  margin-right: 20px;
}

body.home .content .item:nth-child(2n) {
  margin-right: 0;
}

body.home .more {
  text-align: center;
  margin-top: 20px;
}


.post {
  clear: both;
  /*floatの回り込みを解除*/
  width: auto;
  /*幅指定(autoは初期値に戻す)*/
}

.post h2 {
  background-image: url(../img/h2.gif);
  background-repeat: repeat-x;
  /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
  line-height: 30px;
  /*行の高さ指定*/
  margin-bottom: 10px;
  /*ボックス外側下の余白*/
  font-size: 1em;
  /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  color: #333333;
  /*文字色指定*/
}

.post h3 {
  background-image: url(../img/h3.gif);
  background-repeat: repeat-x;
  /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
  line-height: 30px;
  /*行の高さ指定*/
  margin-bottom: 10px;
  /*ボックス外側下の余白*/
  font-size: 1em;
  /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  color: #333333;
  /*文字色指定*/
}


.post h4 {
  background-image: url(../img/h4.gif);
  background-repeat: repeat-x;
  /*背景画像の並べかた(repeat-xは横方向に繰り返し並べる)*/
  line-height: 30px;
  /*行の高さ指定*/
  margin-bottom: 10px;
  /*ボックス外側下の余白*/
  font-size: 1em;
  /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  color: #333333;
  /*文字色指定*/
}





.post ul {
  margin-bottom: 15px;
  /*ボックス外側下の余白*/
}

.post ul li {
  padding-left: 15px;
  /*ボックス内側左の余白*/
}

/* ---- 画像リストの設定 ----- */

.product {
  overflow: hidden;
  /*領域に入りきらない内容の処理(hiddenははみ出す場合表示されず)*/
  padding: 1px;
  /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
  border: 1px solid #bfbfbf;
  /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
  margin-bottom: 1px;
  /*ボックス外側下の余白*/
  width: 170px;
  /*幅指定*/
}

.product img {
  float: left;
  /*要素を左か右に寄せて配置(leftは左に寄せる)*/
  width: 170px;
  /*幅指定*/
}

.product h3 {
  font-size: 1em;
  /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  color: #055723;
  /*文字色*/
  padding-left: 180px;
  /*ボックス内側左の余白*/
}

.product h3 a {
  color: #055723;
  /*文字色指定*/
}

.product p {
  padding-left: 180px;
  /*ボックス内側左の余白*/
}

/* ---- テーブルの設定 ----- */

.ta1 {
  width: 835px;
  /*幅指定*/
  border-collapse: collapse;
  /*境界線の表示指定(collapseは重ねて表示)*/
  margin-bottom: 10px;
  /*ボックス外側下の余白*/
}

.ta1 th,
td {
  border: solid 0px #696969;
  /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
  padding: 2px;
  /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
  font-size: 1em;
  /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  text-align: left;
  /*行の水平方向の揃え方(leftは左寄せ)*/
}

.ta1 th {
  background-color: #321E1F;
  /*背景色指定*/
  color: #ffffff;
  /*文字色指定*/
}


/* ---- ボックスの設定 ----- */

.box {
  overflow: hidden;
  /*領域に入りきらない内容の処理(hiddenははみ出す場合表示されず)*/
  padding: 5px;
  /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
  border: 1px solid #bfbfbf;
  /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
  margin-bottom: 10px;
  /*ボックス外側下の余白*/
  width: 835px;
  /*幅指定*/
}

/* ---- 入力フォームの設定 ----- */

#formtable {
  width: 540px;
  /*幅指定*/
}

#formtable table {
  width: 100%;
  /*幅指定(100%は画面横幅いっぱいに表示)*/
  border-collapse: collapse;
  /*境界線の表示指定(collapseは重ねて表示)*/
}

#formtable th {
  width: 100px;
  /*幅指定*/
  border: solid 0px #696969;
  /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
  padding: 5px;
  /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
  background-color: #321E1F;
  /*背景色指定*/
  font-size: 1em;
  /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
  color: #ffffff;
  /*文字色指定*/
  text-align: left;
  /*行の水平方向の揃え方(leftは左寄せ)*/
}

#formtable td {
  border: solid 0px #696969;
  /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
  padding: 5px;
  /*ボックス内側の余白(値1つは上下左右をまとめて指定)*/
  font-size: 1em;
  /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

#formtable input {
  border: solid 0px #bfbec5;
  /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
}

#formtable textarea {
  border: solid 0px #bfbec5;
  /*境界線の一括指定(solidは1本線,線の太さ,線の色)*/
}

#formtable p {
  margin: 10px 0;
  /*ボックス外側の余白(値1つは上下左右をまとめて指定)*/
  text-align: center;
  /*行の水平方向の揃え方(centerは中央揃え)*/
}

/* ----- ページ左の内容 ----- */

#leftside img {
  margin-bottom: 5px;
  /*ボックス外側下の余白*/
}

#lightbox .lb-outerContainer {
  background: #CAB886;
}

/* ----- 笠沙恵比寿とは ----- */

#sectAbout .content p.logo {
  text-align: center;
}

#sectAbout .content h3 {
  text-align: center;
}

#sectAbout .content p.txt {
  text-align: center;
}

.content .map {
  text-align: center;
}

.content .txt1 {
  text-align: left;
  font-size: 15px;
}

.content .txt2 {
  font-size: 15px;
}

#sectMap .content h3 {
  font-size: 18px;
  margin-left: 40px;
}

/* ----- ヘッダー画像用 ----- */
#top-img {
  text-align: center;
  margin-bottom: -9px;
}

#top-img>img {
  width: 100%;
  height: auto;
}

/* ----- アクセス ----- */
.text .info {
  margin-left: 40px;
}

.text .root {
  margin-left: 40px;
}

.root dt {
  font-size: 14px;
  font-weight: 600;
}

.info dt {
  font-size: 14px;
  font-weight: 600;
  float: left;
}

.info dd {}

.pageContent .map {
  float: right;
  margin-right: 40px;
}

.pageContent h2 {
  text-align: center;
}

.content .text {
  width: 320px;
  float: left;
}

.notice {
  margin-left: 40px;
}

.content p {
  margin-left: 40px;
  margin-bottom: 10px;
}

/* ----- お風呂 ----- */
.block p {
  text-align: center;
  font-size: 14px;
}

.block .img {
  text-align: left;
}

.block h3 {
  text-align: center;
  margin-bottom: -10px;
}

.content .left {
  float: left;
  margin-left: 40px;
  width: 450px;
}

.content .right {
  float: left;
}

/* ----- 遊び ----- */
.content p {
  width: 900px;
  margin: 10px auto 10px;
  font-size: 14px;
}

.content .pageNav {
  display: table;
  table-layout: fixed;
  text-align: center;
  margin: 10px auto 10px;
}

.content .pageNav ul {
  width: 100%;
}

.content .pageNav img {
  margin: 0 20px 0;
}

.content .pageNav li {
  display: table-cell;
}

#sectMusium .content {
  margin-left: 40px;
}

#sectMusium .content li {
  float: left;
  width: 460px;
  margin-right: 5px;
}

#sectMusium .content li p {
  float: left;
  width: 440px;
}

#sectMusium .content h3 {
  text-align: center;
}

#sectMusium .content .kakomi {
  padding: 20px 15px 10px 20px;
  background-color: #FFF;
  margin-bottom: 40px;
  width: 860px;
  border: solid 1px;
}

#sectMusium .content .kakomi h3 {
  text-align: left !important;
}

#sectStar .content h3 {
  text-align: center;
}

#sectSea .block {
  margin-left: 40px;
  margin-bottom: 20px;
  display: block;
  width: 900px
}

#sectSea .block .image {
  float: left;
  text-align: left;
  margin-right: 30px;
  width: 530px;
}

#sectSea .block .image p {
  text-align: left;
}

#sectSea .block .image h3 {
  text-align: left;
}

#sectSea .block .text h3 {
  float: left;
  width: 350px;
  text-align: left !important;
}

#sectSea .block .text p {
  float: left;
  width: 340px;
  text-align: left !important;
}

#sectSea .content .kakomi {
  padding: 30px 10px 20px 40px;
  margin-top: 40px;
  background-color: #FFF;
  border: solid 1px;
}

#sectSea .content .kakomi .col1 {
  width: 400px;
  float: left;
}

#sectSea .content .kakomi p {
  text-align: left;
}

#sectContact .content .info {
  font-size: 18px;
  font-weight: 600;
}

/* ----- 料理 ----- */
#sect01 .content .image {
  margin-left: 40px;
  margin-right: 30px;
  width: 575px;
  float: left;
}

#sect01 .content .text p {
  width: 280px;
  margin-right: 30px
}

#sect02 .content .col {
  margin-left: 40px;
  margin-top: 10px;
  margin-bottom: 30px;
}

#sect02 .content .col1 {
  float: left;
  margin-right: 90px;
}

#sect03 .content .course {
  width: 900px;
  margin-left: 40px;
  padding: 20px 0 20px;
  border-bottom: dotted 1px;
}

#sect03 .content .course dt {
  float: left;
  width: 50px;
  margin-right: 50px;
}

#sect03 .content .btn {
  text-align: center;
  margin-bottom: 50px;
}

#sect04 .content {
  margin-left: 40px;
}

#sect04 .content p {
  width: 900px;
  margin-left: 0px
}

#sect04 .content ul {
  width: 940px;
}

#sect04 .content li {
  width: 285px;
  margin-right: 20px;
  float: left;
}

#sect04 .content li p {
  width: 285px;
  margin-right: 20px;
  float: left;
}

#sect04 .content .kakomi2 {
  margin-top: 10px;
  margin-bottom: 40px;
  height: 380px;
  padding: 10px;
  background-image: url(../img/restaurant_menu_bg.jpg);
  background-repeat: no-repeat;
}

#sect04 .content .small {
  border-top: dotted 2px;
  margin-top: 10px;
  padding-top: 20px;
  width: 900px;
  font-size: 13px;
}

#sect05 h2 img {
  margin-top: 30px;
  width: 900px;
}

#sect05 .info {
  font-size: 18px;
  font-weight: 600;
}

/* ----- 客室 ----- */
#sect01 .content .left {
  width: 290px;
  float: left;
  margin-right: 20px;
}

#sect01 .content .left p {
  margin: 0;
  width: 290px;
  margin-bottom: 38px;
}

#sect01 .content .right {
  margin: 0;
  width: 530px;
  margin-bottom: 20px;
  margin-right: 100px;
}

#sect01 .content .right .img {
  width: 590px;
}

#sect01 .content .right .block img {
  float: left;
  width: 289px;
  margin-right: 10px;
}

#sect01 .content .right .block {
  width: 590px;
}

#sect01 .content .right .block p {
  text-align: left;
}

#sect01 .content .right .block .txt p {
  float: right;
  width: 275px;
  text-align: left;
}

#sect02 .content .imgRight {
  width: 900px;
  margin: 20px 0px 20px 40px;
}

#sect02 .content .imgRight .text {
  margin-right: 5px;
}

#sect02 .content .imgRight .text p {
  width: 290px;
  margin-left: 0px;
}

#sect02 .content .imgRight .image img {
  float: left;
}

#sect02 .content .imgLeft {
  width: 900px;
  border-top: dotted 2px;
  border-bottom: dotted 2px;
  margin: 20px 0px 20px 40px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#sect02 .content .imgLeft .text {
  width: 290px;
  margin-left: 15px;
  float: right;
}

#sect02 .content .imgLeft .text p {
  width: 290px;
  margin-left: 0px;
}

#sect02 .content .imgLeft .image img {}

/* margin */
.mb15 {
  margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
  #container {
    width: 980px;
  }
}


.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
}

#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#jquery-lightbox a img {
  border: none;
}

#lightbox-container-image-box {
  position: relative;
  background-color: #eae8e1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#lightbox-container-image {
  padding: 10px;
}

#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#lightbox-container-image-box>#lightbox-nav {
  left: 0;
}

#lightbox-nav a {
  outline: none;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block;
}

#lightbox-nav-btnPrev {
  left: 0;
  float: left;
}

#lightbox-nav-btnNext {
  right: 0;
  float: right;
}

#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #eae8e1;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0;
}

#lightbox-container-image-data {
  padding: 0 10px;
  color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
  width: 70%;
  float: left;
  text-align: left;
}

#lightbox-image-details-caption {
  font-weight: bold;
}

#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em;
}

.lb-loader,
.lightbox {
  text-align: center;
  line-height: 0
}



.lb-dataContainer:after,
.lb-outerContainer:after {
  content: "";
  clear: both
}

body.lb-disable-scrolling {
  overflow: hidden
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: .8;
  display: none
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  font-weight: 400
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px
}

.lightbox a img {
  border: none
}

.lb-outerContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px
}

.lb-loader,
.lb-nav {
  position: absolute;
  left: 0
}

.lb-outerContainer:after {
  display: table
}

.lb-container {
  padding: 4px
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat
}

.lb-nav {
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}

.lb-container>.nav {
  left: 0
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}

.lb-next,
.lb-prev {
  height: 100%;
  cursor: pointer;
  display: block
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  filter: alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.lb-dataContainer:after {
  display: table
}

.lb-data {
  padding: 0 4px;
  color: #ccc
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: .7;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1
}