body {
  line-height: 1.4;
  font-family: Arial, sans-serif;
  font-size: 1.0em;
  background-image: url('/bike/back.png');   /* 背景画像 */
  background-repeat: repeat;          /* 繰り返し */
  background-size: auto;              /* 元のサイズのまま */
  background-attachment: fixed;       /* スクロールしても固定（任意） */
}

/* グリーン系のグラデーション背景 */
.custom-navbar {
  background-color: #2e7d32; /* 濃いめのグリーン */
  min-height: 60px;
}

/* ブランド名を中央に配置 */
.navbar .navbar-brand {
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* コンテナは相対位置 */
.navbar .container-fluid {
  position: relative;
}

.number{
	color:#333333;
	font-weight:bold;
	font-size:13px;
}
.datetime{
	color:green;
	font-size:12px;	
}
.caption a{
	color:red;
}
caption.created a {
	font-align:right;
	color:#000;
}


.resid{
	color:#555555;
	font-size:12px;
}

.resid_highlight{
    color:#FF0000;
	font-size:12px;
	background-color:yellow;
}

.img-responsive{
	width:100%;
}
.comment{
	color:#333333;
	font-weight:bold;
	font-size:20px;
	/*line-height: 1.8em;*/
	margin-top:1px;
	margin-bottom:80px;
}

.comment_c1{
	color:#990000;
	font-weight:bold;
	font-size:20px;
	line-height: 1.8em;
	margin-top:4px;
	margin-bottom:80px;
}

.comment_c6{
	color:#136FFF;
	font-weight:bold;
	font-size:20px;
	line-height: 1.8em;
	margin-top:4px;
	margin-bottom:80px;
}

.comment1{
	color:#FF0461;
	font-weight:bold;
	font-size:22px;
	line-height: 1.8em;
	margin-top:4px;
	margin-bottom:80px;
}

.comment2{
	color:purple;
	font-weight:bold;
	font-size:22px;
	line-height: 1.8em;
	margin-top:4px;
	margin-bottom:80px;
}

.comment3{
	color:brown;
	font-weight:bold;
	font-size:22px;
	line-height: 1.8em;
	margin-top:4px;
	margin-bottom:80px;
}

.comment4{
	color:#FF8C00;
	font-weight:bold;
	font-size:22px;
	line-height: 1.8em;
	margin-top:4px;
	margin-bottom:80px;
}

.comment5{
	color:#8B0000;
	font-weight:bold;
	font-size:22px;
	line-height: 1.8em;
	margin-top:4px;
	margin-bottom:80px;
}

.comment6{
	color:#136FFF;
	font-weight:bold;
	font-size:22px;
	line-height: 1.8em;
	margin-top:4px;
	margin-bottom:80px;
}

.comment7{
	color:#FF4500;
	font-weight:bold;
	font-size:22px;
	line-height: 1.8em;
	margin-top:4px;
	margin-bottom:80px;
}

.refurl{
	font-size:11px;
	color:#999;
}

.res1 {
	margin-top:-25px;
	font-weight:bold;
	font-size:19px;
	line-height:36px;
	color:#333333;
}

.come1{
	color:#333333;
	font-weight:bold;
	font-size:20px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}

.come2{
	color:#996600;
	font-weight:bold;
	font-size:20px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}


.come3{
	color:#025a0d;
	font-weight:bold;
	font-size:20px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}

.come4{
	color:#0074E8;
	font-weight:bold;
	font-size:20px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}


.come5{
	color:#0000cd;
	font-weight:bold;
	font-size:20px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}

.come6{
	color:#c0180c;
	font-weight:bold;
	font-size:20px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}

.come7{
	color:#81036c;
	font-weight:bold;
	font-size:20px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}

.comme1{
	color:#333333;
	font-weight:bold;
	font-size:23px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}


.comme2{
	color:#996600;
	font-weight:bold;
	font-size:23px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}

.comme3{
	color:#025a0d;
	font-weight:bold;
	font-size:23px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}

.comme4{
	color:#0074E8;
	font-weight:bold;
	font-size:23px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}

.comme5{
	color:#0000cd;
	font-weight:bold;
	font-size:23px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}


.comme6{
	color:#c0180c;
	font-weight:bold;
	font-size:23px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}


.comme7{
	color:#81036c;
	font-weight:bold;
	font-size:23px;
	line-height: 1.7em;
	/*margin-top:-25px;*/
	margin-bottom:80px;	
}

.blog-title {
  font-family: 'Noto Sans JP', sans-serif; /* 日本語にも合う */
  font-size: 1.6rem;
  font-weight: 700;
  color: #1b4332; /* 深めの緑で文字色 */
  background-color: #d8f3dc; /* 薄い緑の背景 */
  display: inline-block;
  padding: 0.4em 0.8em;
  border-radius: 6px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* 軽い影で立体感 */
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .blog-title {
    font-size: 1.6rem; /* モバイルで少し小さく */
    padding: 0.3em 0.6em;
  }
}

.breadcrumb-custom {
  background-color: #d8f3dc; /* 薄い緑 */
  padding: 0.6em 1em;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  margin-bottom: 1.5rem;
}

.breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: #40916c; /* 濃い緑 */
}

.breadcrumb-custom a {
  text-decoration: none;
  color: #1b4332; /* 深めの緑 */
  font-weight: 500;
}

.breadcrumb-custom .breadcrumb-item.active {
  color: #40916c; /* アクティブ項目は濃い緑 */
}

.content-box {
  background-color: #fff;   /* 白背景 */
  padding: 1.2rem;
  border-radius: 0.5rem;    /* 角を丸める（お好みで） */
  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* 軽い影（お好みで） */
}