body {
  font-family: "Kosugi Maru";
}

.libe-main-bgcolor {
  background-color: #254590;
}

.libe-main-color {
  color: #254590;
}

.libe-base-color {
  color: #333333;
}

.libe-white-color {
  color: #ffffff;
}

h2 {
  color: #254590;
  text-align: center;
  margin: 0.5em;
}

.libe-dv-center {
  vertical-align: middle;
}

.libe-border {
  border: 2px solid #254590;
  opacity: 1;
}

.libe-font {
  font: normal normal normal 32px/54px Hiragino Kaku Gothic ProN;
}

.hover_td td:hover {
  background-color: #eef4fa;
}

table,
td,
th {
  border: 1px solid #cccccc;
  padding: 5px;
}

table {
  width: 100%;
}

.libe-table-month {
  table-layout: fixed;
}

.libe-table-striped {
  border-collapse: collapse;
}
.libe-table-striped tr:nth-child(odd) {
  background-color: #eef4fa;
}
.libe-table-striped tr:nth-child(even) {
  background-color: #dbe8f4;
}
.libe-table-striped tr td {
  border: 1px solid #c0c0c0;
}

.libe-accorion {
  background-color: #dbe8f4;
}

.libe-btn-secondary {
  border: 1px solid #639fd6;
  border-radius: 4px;
  opacity: 1;
  font: normal normal normal 16px/27px Kosugi Maru;
  letter-spacing: 0px;
  color: #639fd6;
}

.libe-btn-admin {
  border: 1px solid #da5266;
  border-radius: 4px;
  opacity: 1;
  font: bold normal normal 16px/27px Kosugi Maru;
  letter-spacing: 0px;
  color: #da5266;
}

.libe-btn-nav {
  border: 1px solid #ffffff;
  border-radius: 3px;
  opacity: 1;
  font: normal normal normal 16px/27px Kosugi Maru;
  letter-spacing: 0px;
  color: #ffffff;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

span {
  display: inline-block;
}
.img_logo {
  border-radius: 0%; /* 丸にしない */
}

.round {
  border-radius: 50%; /* 角丸半径を50%にする(=円形にする) */
}

img {
  border-radius: 50%; /* 角丸半径を50%にする(=円形にする) */
}

h5 {
  border-bottom: 2px solid #254590;
}

.footerFixed {
  min-height: 100vh; /* ←コンテンツの高さの最小値＝ブラウザの高さに指定 */
  position: relative; /* ←相対位置 */
  padding-bottom: 40px; /* ←フッターの高さを指定 */
  box-sizing: border-box;
  width: 100%;
  /* ↑ヘッダーやフッターを含むすべての要素の高さ＝min-height:100vhになるように指定 */
}

.navbar-toggler-icon {
  /* 三本線 */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.th_detail {
  background-color: #254590;
  color: #ffffff;
  font-weight: bold;
}
.amount {
  width: 5em;
  text-align: right;
}

.btn-tag {
  border-radius: 0%; /* 角丸半径を50%にする(=円形にする) */
}

.tag_btn_label {
  margin: 1px; /* ボタン同士の間隔 */
}
.tag_btn_input {
  display: none; /* デフォルトのinputは非表示にする */
}
.tag_btn_span {
  color: #333; /* 文字色を黒に */
  font-size: 14px; /* 文字サイズを14pxに */
  border: 1px solid #333; /* 淵の線を指定 */
  border-radius: 20px; /* 角丸を入れて、左右が丸いボタンにする */
  padding: 5px 20px; /* 上下左右に余白をトル */
}
.tag_btn_label .tag_btn_input:checked + .tag_btn_span {
  color: #fff; /* 文字色を白に */
  background: #5d83dc; /* 背景色を薄い青に */
  border: 1px solid #5d83dc; /* 淵の線を薄い青に */
}

.tag_btn_area_input {
  display: none; /* デフォルトのinputは非表示にする */
}
.tag_btn_area_span {
  color: #333; /* 文字色を黒に */
  font-size: 14px; /* 文字サイズを14pxに */
  border: 1px solid #333; /* 淵の線を指定 */
  border-radius: 20px; /* 角丸を入れて、左右が丸いボタンにする */
  padding: 5px 20px; /* 上下左右に余白をトル */
}
.tag_btn_area_label .tag_btn_area_input:checked + .tag_btn_area_span {
  color: #fff; /* 文字色を白に */
  background: #068383; /* 背景色を薄い青に */
  border: 1px solid #5d83dc; /* 淵の線を薄い青に */
}

.img_parent {
  position: relative;
  width: 100%;
}

.img_parent:before {
  content: "";
  display: block;
  padding-top: 75%;
}

.img_child {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.img_item {
  border-radius: 0%; /* 丸にしない */
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.user_iconbox {
  width: 25%;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  z-index: 1;
}

.h_w_size_20 {
  min-width: 20px;
  max-height: 20px;
  max-width: 20px;
}

.h_w_size_30 {
  min-width: 30px;
  max-height: 30px;
  max-width: 30px;
}

.h_w_size_40 {
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
}
.shop-card {
  /* カード自体に対するスタイリング。必要に応じて追加してください。 */
  border: 1px solid #ccc; /* 例として境界線を追加 */
  padding: 1px; /* 内側の余白 */
  text-align: left;
  font: bold;
}

.shop-card a {
  display: block; /* ブロックレベル要素として振る舞うように設定 */
  text-decoration: none; /* リンクの下線を除去 */
  color: inherit; /* リンクの色を継承 */
}

.shop-card img {
  width: 100%; /* 画像が親要素の幅に合わせて拡大/縮小するように設定 */
  height: auto; /* 画像の高さを自動調整してアスペクト比を維持 */
}
.like-button {
  position: absolute;
  right: 10px; /* 右から10pxの位置 */
  top: 10px; /* 下から10pxの位置 */
  background-color: #fff; /* 背景色 */
  /* その他のボタンのスタイル */
}