@charset "UTF-8";
body {
    margin-top: 80px;
}

/*****************************
 * Header
 *****************************/
.navbar-brand {
  padding: inherit;
  line-height: 80px;
  font-size: 1.75em;
}
.navbar-brand img {
  width: auto;
  height: 48px;
  margin-left: 0.25em;
  margin-right: 0.25em;
  display: inline;
}
@media (min-width: 768px) {
  .navbar-nav {
    float: right;
  }
}

/*****************************
 * Footer
 *****************************/
footer .poweredby {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*****************************
 * Section
 *****************************/
section.section {
  padding: 25px 0;
}

/*****************************
 * Banner
 *****************************/
.banner a {
  display: block;
  padding: 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #2196f3;
}
.banner a:hover, .v4-dev a:active, .banner a:focus {
  background-color: #0c7cd5;
}

/*****************************
 * BSSearch
 *****************************/
.bssearch h2 {
  text-align: left !important;
  margin: 0;
  font-size: 1em;
}

/*****************************
 * Jumbotron
 *****************************/
section > .jumbotron.special {
  margin-top: -100px;
  margin-bottom: -100px;
  background-color: transparent;
}
.jumbotron.special .outline {
  margin-top: 140px;
}
.jumbotron.special .honoka {
  background-image: none;
}
.jumbotron.special {
  background-image: none;
  min-height: auto;
  padding-top: 0px;
}

/*****************************
 * Section
 *****************************/
section.section.section-inverse-honoka {
  background-color: #fff5eb;
}
section .bs-callout {
  background: #ffffff;
}

/*****************************
 * Google Calender
 *****************************/
.googlecalendar_wrapper {
  max-width: 960px; /* 最大幅 */
  min-width: 290px; /* 最小幅 */
  margin: 2.0833% auto;
}
.googlecalendar_wrapper .googlecalendar {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
}
.googlecalendar_wrapper .googlecalendar iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
@media only screen and (min-width: 768px) {
  .googlecalendar_wrapper .googlecalendar {
    padding-bottom: 75%;
  }
}

/*****************************
 * Bootstrap Customize
 *****************************/
.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
[class*="col-"] {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
@media (min-width: 768px) {
    .container-fluid {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
}

/*****************************
 * Other
 *****************************/
label.option {
  font-weight: inherit;
}

.page-header {
  border-bottom: none;
}

table.table {
  margin-top: 1em;
  border-bottom: 1px solid #ddd;
}



/*****************************
 * Post Thumbnail
 *****************************/
.page-thumbnail-wrapper {
  text-align: center;
}
.page-thumbnail-wrapper img {
  max-width: 100%;
  margin-bottom: 2em;
}

/*****************************
 * Post Content
 *****************************/
.page-header {
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-header .page-title {
  margin-bottom: 0;
}

/*****************************
 * Media
 *****************************/
.media.media-affiliate .media-left,
.media.media-affiliate .media-body {
  padding: 1em;
  width: 100%;
  display: block;
  float: left;
}
.media.media-affiliate .media-affiliate-img {
  text-align: center;
}
.media.media-affiliate .media-affiliate-title {
  font-size: 1em;
}
.media.media-affiliate .media-affiliate-description * {
  font-size: 1em !important;
}
.media.media-affiliate img {
  max-width: 100%
}
.media.media-affiliate .media-affiliate-description.in,
.media.media-affiliate .media-affiliate-description.collapsing {
    display: block!important;
}
@media (min-width: 768px) {
  .media.media-affiliate .media-left {
    width: 30%
  }
  .media.media-affiliate .media-body {
    width: 70%
  }
  .media.media-affiliate .media-affiliate-title {
    font-size: 1.5em;
  }
}

/*****************************
 * Bootstrap
 *****************************/
.row-centered {
    text-align: center;
    font-size: 0;
}
.row-centered [class*="col-"] {
    float: none;
    display: inline-block;
    text-align: left;
    font-size: 13px;

    vertical-align: top;
}