/* Googleカレンダー行事リストのスタイル */
#inu-no-hi-calendar-display-area ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#inu-no-hi-calendar-display-area .inu-no-hi-item {
    margin: 0 !important; 
    padding: 0.8em 0.5em !important; /* 線と文字の間の余白を少し調整 */
    color: #333;
    line-height: 1.5;
    position: relative; /* 線の位置の基準にするため */
}

/* 日付を太字にする */
#inu-no-hi-calendar-display-area .inu-no-hi-date {
    font-weight: bold;
}

/* ★★★★★ ここからが新しい線の表示方法です ★★★★★ */

/* * 各項目の下部に、線の役割をする擬似要素を作成します。
 * :not(:last-child) で、一番最後の項目には線が付かないようにします。
*/
#inu-no-hi-calendar-display-area .inu-no-hi-item:not(:last-child)::after {
    content: '';
    display: block;
    width: 100%; /* 幅を親要素いっぱいに */
    height: 1px;  /* 線の太さ */
    background-color: #ccc; /* 線の色 */
    position: absolute; /* 位置を絶対指定 */
    bottom: 0; /* 親要素の真下に配置 */
    left: 0;   /* 親要素の左端に配置 */
}

/* * 「区切り線無し」の場合、上で作成した線を非表示にします。
*/
#inu-no-hi-calendar-display-area.no-inner-borders .inu-no-hi-item::after {
    display: none;
}

/* * 「区切り線無し」の場合の行間調整
*/
#inu-no-hi-calendar-display-area.no-inner-borders .inu-no-hi-item {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
    line-height: 1.5;
}