@charset "utf-8";

body {
  /* 背景設定 */
  background-image: url('bg02.png');
  background-repeat: repeat-x;
  background-attachment: fixed;
}

a {
  word-break:break-all;
}

/* SNSボタン */
.sns-button a, .sns-button * {
  color: #fff;
  text-decoration: none;
}
.b-facebook {
  background: #3b5998;
}
.b-twitter {
  background: #55acee;
}
.b-hatena {
  background: #008fde;
}
.b-line {
  background: #06c755;
}
.b-pocket {
  background: #d3505a;
}
.b-feedly {
  background: #2bb24c;
}
/* .badge.b-facebook,.badge.b-twitter,.badge.b-hatena,.badge.b-line,.badge.b-pocket,.badge.b-feedly {
  width: 6em;
  @media (min-width: 768px) {
    font-size: 1em;
  }
}
.sns-button {
  padding-top: 1em;
  padding-bottom: 1em;
} */

/* スライド画像 */
/* 画像サイズにかかわらず縦サイズを固定します。 */
.carousel {
  aspect-ratio: 16/9;
}
@media (min-width: 576px) {
  .carousel {
    aspect-ratio: auto;
    height: 300px;
  }
}
@media (min-width: 576px) {
  .carousel {
    aspect-ratio: auto;
    height: 500px;
  }
}
.carousel-inner, .carousel-item {
  height: 100%;
}
.carousel-item img {
  width:  100%;
  height: 100% !important;
  object-fit: contain;
}


/* 引用 */
blockquote {
    padding:       1.25rem;
    margin-top:    1.25rem;
    margin-bottom: 1.25rem;
    border:  1px solid #e9ecef;
    border-left-width: 0.25rem;
    border-radius:     0.25rem;
/*    border-left-color: #0dcaf0; */ /* info */
    border-left-color: #6c757d; /* Secondary */
}