@charset "UTF-8";

    .kaisyo_text {
      color: black !important;
      font-weight: bold !important;
    }

    .information_text {
      line-height: 1.8;
    }

    .information_text {
      text-align: left !important;
    }

    @media (min-width: 768px) {
      .information_text {
        text-align: left !important;
      }

    }

    .status-badge {
      color: #e00 !important;
      font-family: inherit !important;
      /*padding: 2px 6px;*/
      margin-left: 1rem !important;
      display: inline-block;
      font-size: inherit
    }

    .custom-card-link {
      overflow: hidden;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
      /* ← 通常状態に書く */
    }

    /* マウスホバーで浮き上がる */
    .custom-card-link:hover {
      transform: translateY(-4px);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
      transition: transform 0.2s, box-shadow 0.2s;
    }

    /* 押したときに沈み込む */
    .custom-card-link:active {
      transform: translateY(2px);
      box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
    }

    .card-btn {
      cursor: pointer;
      transition: transform 0.2s, box-shadow 0.2s;
    }

    .card-btn:hover {
      transform: translateY(-4px);
      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }


    .bg-beige {
      background-color: #f4f1e9;
    }

    .heading-card {
      background: #fff;
      border: none;
      /*
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      */
      padding: 1rem 1.25rem;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-decoration: none;
      color: #000;
      font-weight: 500;
      border-left: 2px solid #ccc;
      /* 左にボーダー */
      border-bottom: 2px solid #ccc;
      /* 下にボーダー */
    }

    .link-card {
      background: #fff;
      border: none;
      /*
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      */
      padding: 1rem 1.25rem;
      margin-bottom: 1rem;
      transition: transform 0.2s, box-shadow 0.2s;
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-decoration: none;
      color: #000;
      font-weight: 500;
      border-left: 2px solid #ccc;
      /* 左にボーダー */
      border-bottom: 2px solid #ccc;
      /* 下にボーダー */
    }

    .link-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
      text-decoration: none;
      color: #000;
    }

    .link-card:active {
      transform: translateY(2px);
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
      background: #eee;
    }

    .link-card.locked {
      color: #333;
    }

    .link-card .fa-lock {
      color: #001f3f;
      /* 濃紺系 */
      margin-left: 0.5rem;
    }


    .link-card-2 {
      background: transparent;
      border: none;
      /*
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      */
      padding: 0.2rem 1.25rem;
      margin-bottom: 1rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      text-decoration: none;
      color: #000;
      font-weight: 500;
      border: 2px solid #b4b4b4;
    }

    .link-card-2:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
      text-decoration: none;
      color: #000;
    }

    .link-card-2:active {
      transform: translateY(2px);
      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
      background: #eee;
    }


    .pseudo-dot {
      list-style: none;
      /* デフォルトのドットを消す */
      padding-left: 0;
    }

    .pseudo-dot li {
      position: relative;
      padding-left: 1.0em;
      margin-left: 0.2em;
      font-family: "Aoto Gothic Light";
    }

    .pseudo-dot li::before {
      content: "・";
      /* 小さい中黒 */
      position: absolute;
      left: 0;
      color: #000;
      /* 色も調整可能 */
      font-size: 1em;
      /* サイズ調整 */
    }

    .pseudo-dot li a {
      color: darkblue !important;
    }

    .pseudo-dot li a:hover {
      color: darkorange !important;
    }

    .link-primary2,
    .text-primary2 {
      color: darkblue
    }

    .table {
      font-weight: bold;
      border: none !important
    }

    .link a:hover {
      background: #ddd
    }

h4 {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 5px;
	border-left: solid 5px #35b597;
}
.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #35b597 !important;
  border: solid 2px #35b597;
  border-radius: 3px;
  transition: .4s;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:500; /* 300;400;500;700 */
}

.btn-flat-border:hover {
  background: #35b597;
  color: white !important;
}

.hikarinoyakata a {
    color: #35b597 !important;
    text-decoration: none !important;
}
.hikarinoyakata a:hover, a:active {
    color: #fff !important;
    text-decoration: none !important;
}

.c_red{color:red}


    /*　予定表ページ　*/
    .link {
      position: relative;
      height: 50px;
    }

    .cel_saturday {
      padding: 0.5em;
    }

    .cel_holiday {
      background-color: #FFEBEB !important;
    }

    .cel_weekday {
      background-color: #FAFAFA !important;
    }

    .cel_saturday {
      background-color: #F3FDFF !important;
    }

    .cel_kyukobi {
      background-color: #CCCCCC !important;
    }

    .link .all {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 10px 0px;
      text-align: center;
    }


    /* テーブルデザイン */

    .zebra td,
    .zebra th {
      padding: 5px;
      border: 1px solid #6E6E6E;
      height: auto;
      line-height: 1.8
    }

    .zebra tbody tr:nth-child(even) {
      background: #ffffff;
      -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
      -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;
      box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset;

    }

    .zebra th {
      text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
      border: 1px solid #808080;
      background-color: #eee;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
      background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
      background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
      background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
      background-image: -o-linear-gradient(top, #f5f5f5, #eee);
      background-image: linear-gradient(top, #f5f5f5, #eee);
    }

    .zebra th:first-child {
      -moz-border-radius: 0px 0 0 0;
      -webkit-border-radius: 0px 0 0 0;
      border-radius: 0px 0 0 0;
    }

    .zebra th:last-child {
      -moz-border-radius: 0 0px 0 0;
      -webkit-border-radius: 0 0px 0 0;
      border-radius: 0 0px 0 0;
    }

    .zebra th:only-child {
      -moz-border-radius: 0px 0px 0 0;
      -webkit-border-radius: 0px 0px 0 0;
      border-radius: 0px 0px 0 0;
    }

    .zebra tfoot td {
      border-bottom: 0;
      border-top: 1px solid #fff;
      background-color: #f1f1f1;
    }

    .zebra tfoot td:first-child {
      -moz-border-radius: 0 0 0 0px;
      -webkit-border-radius: 0 0 0 0px;
      border-radius: 0 0 0 0px;
    }

    .zebra tfoot td:last-child {
      -moz-border-radius: 0 0 0px 0;
      -webkit-border-radius: 0 0 0px 0;
      border-radius: 0 0 0px 0;
    }

    .zebra tfoot td:only-child {
      -moz-border-radius: 0 0 0px 0px;
      -webkit-border-radius: 0 0 0px 0px;
      border-radius: 0 0 0px 0px
    }

    .table tr:last-child {
      border-right: 1px solid #000;
    }

#q_a p{background-color: rgb(255, 255, 238);}

.btn a{text-decoration: none;color: #333;}

h5,h6{font-family: sans-serif;}