.content {
	display: none; /* 初期状態は非表示 */
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	opacity: 0; /* 初期の不透明度 */
	transition: opacity 0.5s ease; /* フェードイン/アウトのトランジション */
}

.content.show {
	display: block; /* 表示 */
	opacity: 1; /* 不透明度を1に */
}

.title {
	cursor: pointer;
	font-weight: bold;
	color: #007BFF;
}

.close-button {
	cursor: pointer;
	color: #FF8800; /* 閉じるボタンの色 */
	font-weight: bold;
}

.midashi {
    border: 3px solid #0dcaf0; /* Bootstrapのborder-infoの色 */
    border-radius: 50rem; /* rounded-pillに相当 */
}
.modal.fade {
  transition-duration: 0.4s;
}

.modal.in {
  transition-duration: 0.4s;
}

.title2 {
	background: -moz-linear-gradient(left, #e6ffe6, #ffffe6);
	background: -webkit-linear-gradient(left, #e6ffe6, #ffffe6);
	background: linear-gradient(to right, #e6ffe6, #ffffe6);
	font-size:1.2rem;
	font-weight:bold;
}

#page_top {
    display: none; /* 初期状態で非表示 */
    position: fixed; /* 画面の固定位置に設定 */
    bottom: 20px; /* 下からの距離 */
    right: 20px; /* 右からの距離 */
    background-color: rgba(230, 255, 230, 0.5); /* 背景色を#e6ffe6の50%透過で設定 */
    padding: 10px 20px; /* パディングを設定 */
    cursor: pointer; /* カーソルをポインターに設定 */
    border-radius: 5px; /* 角を丸くする（任意） */
    transition: background-color 0.3s; /* ホバー時のトランジション（任意） */
}

#page_top:hover {
    background-color: rgba(230, 255, 230, 0.8); /* ホバー時の色を少し濃くする（任意） */
}

.bga{
	background-color:#fff0f5;
}
.bgb{
	background-color:#f0ffff;
}