/* レイヤ */
.leaflet-control-layers label {
	font-size: 1.5rem !important;
}

/* ポップアップ全体 */
.leaflet-popup-content {
  max-width: 80vw;
  max-height: 300px;
  overflow: hidden;
}

.popup_content_container {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
  overflow: auto;
  height: 250px;  /* 必要な高さに設定してください */
  min-width: 20em;
  font-family: "Yu Gothic",'Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/* スクロールバーの幅と色をカスタマイズ */
.popup_content_container {
  overflow-y: auto;
  scrollbar-width: thin; /* スクロールバーの幅を調整 */
  scrollbar-color: #999 #f0f0f0; /* スクロールバーの色を調整 */
}

/* スクロールバーグリップの色をカスタマイズ (Chrome, Edgeのみサポート) */
.popup_content_container::-webkit-scrollbar-thumb {
  background-color: #999; /* スクロールバーグリップの色を調整 */
}

/* スクロールバーのトラック（スクロールバーの背景部分）の色をカスタマイズ (Chrome, Edgeのみサポート) */
.popup_content_container::-webkit-scrollbar-track {
  background-color: #f0f0f0; /* スクロールバーのトラックの色を調整 */
}


/* アイキャッチ画像 */
.popup_content_featured_image {
  max-width: 75%;
  max-height: 100px;
  height: auto;
}

/* リンク */
.popup_content_container a {
	color: unset;
	text-decoration: none;
	text-decoration-color: #27af3d;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 2px; /* 下線の太さを4pxに変更 */
	text-underline-offset: 4px;
}
a:hover {
	color: #27af3d;
	text-decoration-color: #27af3d;
}

/* ポップアップ　詳細部分の表示制御 */
.popup_content_detail {
  /*display: none;*/
  opacity:.3;
}
.detail-toggle:checked ~ .popup_content_detail {
  display: block;
  opacity:1;
}

/* チェックボックスを非表示にする */
.detail-toggle {
    display: none;
}

/* アコーディオンの見た目を作成 */
.detail-toggle-label {
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 10px;
    display: block;
    width: 150px; /* 適宜調整 */
    text-align: center;
    font-weight: bold;
    background-color: #27af3d;
    color: #fff;
    border-radius: 5px;
}

/* チェックされたときのスタイル */
.detail-toggle:checked + .detail-toggle-label {
    background-color: #d3d3d3;
    color: #333;
}

/* アコーディオンの中身を非表示にする */
.detail-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

/* チェックされたときにアコーディオンの中身を表示 */
.detail-toggle:checked ~ .detail-content {
    max-height: 200px; /* 適宜調整 */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f0f0f0;
    margin-top: 10px;
}

/* ポップアップ　タイトル */
.popup_content_title {
  font-weight: bold;
  font-size: 16px;
}

/* ポップアップ　概要 */
.popup_content_description {
  font-size: 14px;
  font-weight: bold;
}

/* ポップアップ　設計者 */
.popup_content_designer {
  line-height: 180%;
}

/* ポップアップ　カテゴリ */
.popup_content_categories {
  line-height: 180%;
}

/* ポップアップ　タグ */
.popup_content_tags {
  line-height: 180%;
}

/* ポップアップ　書籍全体 */
.popup_content_book_wrapper {
  line-height: 180%;
}

/* ポップアップ　書籍見出し */
.popup_content_book_header {
  line-height: 180%;
}

/* ポップアップ　書籍　画像 */
.popup_content_book_image {
  line-height: 180%;
}
.popup_content_book_image img {
  max-width:100px;
  height: auto;
  max-height: 200px;
  box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
}

/* ポップアップ　書籍　書名 */
.popup_content_book_title {
  line-height: 180%;
}

/* ポップアップ　その他のメニュー　全体 */
.popup_content_othermenu_wrapper {
  line-height: 180%;
}

/* ポップアップ　その他のメニュー　Google検索 */
.popup_content_othermenu_googlesearch {
  line-height: 180%;
}

/* ポップアップ　その他のメニュー　Googleマップ */
.popup_content_othermenu_googlemap {
  line-height: 180%;
}