@charset "utf-8";
html,
body {
  font-family: sans-serif;
  font-size:16px;
  padding-top: 38px;
  margin-left: auto;
  margin-right: auto;
}

.nav-link{
  font-weight: bold;
  font-size: large;
  color: rgb(101, 102, 102);
  margin: 0,10em;
  padding: 0,10em;
}

.nav-item{
  padding-left: 3em;
}

.cc_banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  height: 300px;
  z-index: 1;
}

.cc_banner_bg{
  background: linear-gradient(90deg,rgba(252,252,252,.8) 0%,rgba(252, 252, 252, 0) 100%, transparent 100%, transparent 100%);
  height: 300px;
}

.cc_banner_text .text_h2{
  color: #383737;
  padding-left: 10px;
}

.text_h4{
  color: #414040;
  padding-left: 10px;
}

#btn-back-to-top {
  position: fixed;
  bottom: 18px;
  right: 18px;
  display: none;
  background-color: rgb(27, 163, 73);
}

.card-body{
  font-size: 1em;
}

.youtube_ifreme{
  aspect-ratio: 16 / 12;
  width: 100%;
  height: auto;
}

/*-----------https://xld.pink/------------*/


img:hover {
	opacity:0.7;
}

.bg-gray{
  background-color: #dddcdc;
}

@media (min-width:1024px) {
  .card{
    margin:0 auto; /* サンプルで中央に寄せたいので書かせていただいております。*/
    overflow:hidden; /* これを記述することではみ出た部分を非表示にします。*/
  }
  .card img{
    transition:1s all;
  }
  
  }

.b-divider {
  width: 100%;
  height: 0.8rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.f-divider {
  padding: 5em,0,5em,0;
  margin: 5em,0,5em,0;
}

/*--------------<e></e>-------------------*/
.e {
	word-break:break-all;
}

.txt-limit {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 任意の行数を指定 */
}