@charset "utf-8";
.nav-link{
  font-weight: bold;
  font-size: large;
  color: rgb(162, 163, 163);
  margin: 0,10em;
  padding: 0,10em;
}

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

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;
}
.card img:hover{
   transform:scale(1.1,1.1); /* 画像拡大倍数*/
   transition:1s all;
}
}

.b-divider {
  width: 100%;
  height: 1rem;
  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; /* 任意の行数を指定 */
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}