/* Additional Styles for nemu*shop */
@font-face {
  font-family: "clear_sans_lightregular";
  src: url("../fonts/ClearSans-Light-webfont.eot");
  src: url("../fonts/ClearSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Light-webfont.woff") format("woff"), url("../fonts/ClearSans-Light-webfont.ttf") format("truetype"), url("../fonts/ClearSans-Light-webfont.svg#clear_sans_lightregular") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "clear_sansregular";
  src: url("../fonts/ClearSans-Regular-webfont.eot");
  src: url("../fonts/ClearSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Regular-webfont.woff") format("woff"), url("../fonts/ClearSans-Regular-webfont.ttf") format("truetype"), url("../fonts/ClearSans-Regular-webfont.svg#clear_sansregular") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "clear_sansbold";
  src: url("../fonts/ClearSans-Bold-webfont.eot");
  src: url("../fonts/ClearSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Bold-webfont.woff") format("woff"), url("../fonts/ClearSans-Bold-webfont.ttf") format("truetype"), url("../fonts/ClearSans-Bold-webfont.svg#clear_sansbold") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "clear_sansitalic";
  src: url("../fonts/ClearSans-Italic-webfont.eot");
  src: url("../fonts/ClearSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Italic-webfont.woff") format("woff"), url("../fonts/ClearSans-Italic-webfont.ttf") format("truetype"), url("../fonts/ClearSans-Italic-webfont.svg#clear_sansitalic") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "clear_sansbold_italic";
  src: url("../fonts/ClearSans-BoldItalic-webfont.eot");
  src: url("../fonts/ClearSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/ClearSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/ClearSans-BoldItalic-webfont.svg#clear_sansbold_italic") format("svg");
  font-style: normal;
  font-weight: normal; }
@font-face {
  font-family: "clear_sans_thinregular";
  src: url("../fonts/ClearSans-Thin-webfont.eot");
  src: url("../fonts/ClearSans-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ClearSans-Thin-webfont.woff") format("woff"), url("../fonts/ClearSans-Thin-webfont.ttf") format("truetype"), url("../fonts/ClearSans-Thin-webfont.svg#clear_sans_thinregular") format("svg");
  font-style: normal;
  font-weight: normal; }
body {
  font-family: 'clear_sans_lightregular', sans-serif;
  font-weight: normal;
  font-size: 18px;
  margin-top: 50px; }

h1,
h4,
.section-title {
  font-family: 'clear_sans_thinregular', sans-serif; }

h3 {
  font-family: 'clear_sans_thinregular', sans-serif;
  font-size: 30px; }

a:hover {
  text-decoration: none; }

blockquote {
  font-size: 20px;
  font-style: italic;
  color: #4f8d29;
  text-align: center;
  max-width: 700px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border: none; }

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px; }

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #7ab927;
  color: #fff; }

.CoverImage {
  display: block;
  max-height: 400px;
  max-width: 100%;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  z-index: -100;
  background-image: url("../img/kawaiahao1.jpg");
  position: relative; }

.CoverImage:before {
  content: "";
  display: block;
  padding-bottom: 50%; }

.jumbotron {
  color: #fff;
  display: block;
  max-height: 500px;
  max-width: 100%;
  overflow: hidden;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  z-index: -100;
  background-image: url("../img/fishies.png");
  position: relative;
  text-shadow: 1px 1px 5px #000000;
  margin-top: 50px;
  margin-bottom: 0px; }

.front-page h1 {
  font-size: 55px;
  text-align: center;
  margin-bottom: 30px; }

.content {
  margin-top: 10px;
  margin-bottom: 30px; }

.item {
  background-color: #2787ff;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 10px; }
  .item a {
    text-decoration: none;
    color: #fff; }
  .item a:hover {
    background-color: #ff2bfd; }

a .item {
  color: #fff;
  text-decoration: none; }

a:hover .item {
  background-color: #ff2bfd; }

.breadcrumb {
  font-size: 15px;
  background-color: #F5F5F5; }
  .breadcrumb .active {
    color: #000; }

#footer {
  padding-top: 20px;
  font-size: 14px; }

/* Nav bar
-------------------------------------------------- */
.navbar-custom {
  background-color: #6cbcff;
  border-color: #6cbcff;
  border-style: none;
  font-weight: 300;
  margin-bottom: -1px; }
  .navbar-custom .navbar-brand {
    text-indent: -9999px;
    color: #ffffff;
    width: 260px;
    background: url(../img/nemu-shop-logo-master.png) no-repeat 5px 5px; }
    .navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus {
      color: #e6e6e6;
      background-color: transparent; }
  .navbar-custom .navbar-text {
    color: #ffffff; }
  .navbar-custom .navbar-nav > li > a {
    color: #ffffff; }
    .navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus {
      color: #d8d8d8;
      background-color: transparent; }
  .navbar-custom .navbar-nav > .active > a {
    color: #c0c0c0;
    background-color: #2672c8; }
    .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus {
      color: #c0c0c0;
      background-color: #324069; }
  .navbar-custom .navbar-nav > .disabled > a {
    color: #cccccc;
    background-color: transparent; }
    .navbar-custom .navbar-nav > .disabled > a:hover, .navbar-custom .navbar-nav > .disabled > a:focus {
      color: #cccccc;
      background-color: transparent; }
  .navbar-custom .navbar-toggle {
    border-color: #dddddd; }
    .navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus {
      background-color: #dddddd; }
    .navbar-custom .navbar-toggle .icon-bar {
      background-color: #cccccc; }
  .navbar-custom .navbar-collapse, .navbar-custom .navbar-form {
    border-color: #0c410a; }
  .navbar-custom .navbar-nav > .dropdown > a:hover .caret, .navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #c0c0c0;
    border-bottom-color: #c0c0c0; }
  .navbar-custom .navbar-nav > .open > a {
    background-color: #2672c8;
    color: #c0c0c0; }
    .navbar-custom .navbar-nav > .open > a:hover, .navbar-custom .navbar-nav > .open > a:focus {
      background-color: #324069;
      color: #c0c0c0; }
    .navbar-custom .navbar-nav > .open > a .caret, .navbar-custom .navbar-nav > .open > a:hover .caret, .navbar-custom .navbar-nav > .open > a:focus .caret {
      border-top-color: #c0c0c0;
      border-bottom-color: #c0c0c0; }
  .navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff; }
  .navbar-custom .navbar-link {
    color: #ffffff; }
    .navbar-custom .navbar-link:hover {
      color: #c0c0c0; }

body#home a#homenav,
body#elementary a#elenav,
body#middle a#msnav,
body#high a#hsnav,
body#contact a#contactnav {
  color: #c0c0c0;
  background-color: #0c430b; }
  body#home a#homenav:hover, body#home a#homenav:focus,
  body#elementary a#elenav:hover,
  body#elementary a#elenav:focus,
  body#middle a#msnav:hover,
  body#middle a#msnav:focus,
  body#high a#hsnav:hover,
  body#high a#hsnav:focus,
  body#contact a#contactnav:hover,
  body#contact a#contactnav:focus {
    color: #c0c0c0;
    background-color: #0c430b; }

.nav-fb {
  text-indent: -9999px;
  color: #ffffff;
  width: 50px;
  background: url(../img/white_facebook.png) no-repeat 10px 10px; }
  .nav-fb:hover, .nav-fb:focus {
    color: #e6e6e6;
    background: url(../img/blue_facebook.png) no-repeat 10px 10px; }

.nav-twitter {
  text-indent: -9999px;
  color: #ffffff;
  width: 50px;
  background: url(../img/white_twitter_bird.png) no-repeat 10px 10px; }
  .nav-twitter:hover, .nav-twitter:focus {
    color: #e6e6e6;
    background: url(../img/blue_twitter_bird2.png) no-repeat 10px 10px; }

.nav-rss {
  text-indent: -9999px;
  color: #ffffff;
  width: 50px;
  background: url(../img/white_rss.png) no-repeat 10px 10px; }
  .nav-rss:hover, .nav-rss:focus {
    color: #e6e6e6;
    background: url(../img/orange_rss.png) no-repeat 10px 10px; }

/* @media (min-width: 319px) and (max-width:768px) {
  .navbar-custom {
  	.navbar-brand {
  		width:255px;
			//background: url(../img/mobile-logo-250.png) no-repeat 5px 10px;
		}
  }
}
*/
@media (max-width: 767px) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff; }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #c0c0c0;
      background-color: transparent; }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a {
    color: #c0c0c0;
    background-color: #0c430b; }
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #c0c0c0;
      background-color: #0c430b; }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a {
    color: #cccccc;
    background-color: transparent; }
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #cccccc;
      background-color: transparent; } }
.c {
  text-align: center !important; }

.btn {
  margin-bottom: 20px; }

.picture {
  margin-bottom: 20px; }

.slider {
  margin-top: 30px; }

.caption {
  font-size: 80%; }

/* Used to turn off parallax using jquery */
.tester {
  float: right; }

@media only screen and (min-width: 900px) {
  .tester {
    float: none; } }