/* ダークモードのログイン前のヘッダ用 */
.form-control-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

/* ログイン済のヘッダ用 */
.text-small {
  font-size: 85%;
}

/* ログイン済のヘッダ、グリッド付きのヘッダ用 */
.dropdown-toggle {
  outline: 0;
}




/* マーケティング・コンテンツ
-------------------------------------------------- */

/* カルーセルの下の3列の中のテキストを整列 */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Detailの中*/
@font-face {
  font-family: 'YuGothB';
  src: url(../font/YuGothB.ttc);
}

@font-face {
  font-family: 'YuGothM';
  src: url(https://shien-db.com/public/font/YuGothM.ttc);
}


body {
  font-family: YuGothM, 'Noto Sans JP', sans-serif;
  font-size: 16px;
  color: #333333;
}


a.top_feed:visited {
  color:#551A92;
  text-decoration:none;
}

a.top_feed:link{
    color:#0000EF;
    text-decoration:none;
}

a.top_feed{
    color:#0000EF;
    text-decoration:none;
    word-break:break-all;
}

a.top_feed:hover{
    color:#D74D34;
    text-decoration: underline;
}


.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
}

.navbar {
  background-image: linear-gradient(to bottom, #f7f7f7 0%, #eee 100%);
}

/*@media (min-width: 768px) {
  .navbar-nav .nav-item {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}*/


hr {
  border-top: 1px solid #888;
}


ul.top_feed{
    text-align:left;
    line-height:1.7;
}

a.resource_tag{
    pointer-events: none;
}

a.resource_tag {
	display: inline-block;
	margin: 0 .1em .6em 0;
	padding: .6em;
	line-height: 1;
	text-decoration: none;
	color: #D65DB1;
	background-color: #fff;
	border: 1px solid #D65DB1;
	font-size:13px;
	border-radius: 0.5em;
}