.home .breadcrumb {
    display: flex;
}

.current_title {
    font-weight: normal;
    font-size: 1rem;
}

.current_value {
    font-weight: bold;
    padding: 0 2px 0 4px;
    font-size: 1.1rem;
}

.text-holiday{
    color:rgba(220,53,69);
}
.bg-holiday{
    background-color:rgba(220,53,69);
}
.text-weekend{
    color:rgba(25,135,84);
}
.bg-weekend{
    background-color:rgba(25,135,84);
}
.holidayName{
    font-size: 0.9rem;
}
.bg-today{
    background-color:rgba(255,193,7);
}


.consecutiveHolidays{
    background-color:#FBD2D2;
}


/* 縮小版 */
.y-dayPc{display:block}
.y-daySmp{display:none}
.y-calendar{display:grid;grid-template-columns:repeat(7,1fr)}
.y-weekday,.y-day{border:1px solid #dee2e6;padding:6px}
.y-weekday{text-align:center;font-weight:bold;background:#f8f9fa}
.y-weekdayHead{
}


/* 拡大版 PC */
.dayPc{display:block}
.daySmp{display:none}
.calendar{display:grid;grid-template-columns:repeat(7,1fr)}
.weekday,.day{border:1px solid #dee2e6;min-height:100px;padding:6px}
.weekday{text-align:center;font-weight:bold;background:#f8f9fa}
.weekdayHead{
    min-height:30px;
}

/* 拡大版 スマホ：縦カード */
@media(max-width:576px){
  .calendar{display:block}
  .weekday{display:none}
  .dayPc{display:none}
  .daySmp{display:block}
  .day{border:none;padding:0;margin-bottom:10px;min-height:auto}
  .card-day{border:1px solid #dee2e6;border-radius:10px;padding:12px;background:#fff}
}

/* --- 月別カレンダー用デザイン --- */

/* 1. 全体の枠線を淡くし、外側の角を少し丸める */
div.y-calendar {
    background-color: #fcfcfc !important; /* 罫線（隙間）の色を淡いグレーに */
    gap: 1px !important; /* 罫線の幅 */
    border: 1px solid #dadce0 !important;
    border-radius: 8px !important; /* 全体の角を少し丸める */
    overflow: hidden !important; /* 角丸を綺麗に適用するため */
}

/* 2. 曜日のヘッダー部分 */
div.y-calendar .weekday {
    background-color: #f8f9fa !important; /* 非常に薄いグレー背景 */
    color: #5f6368 !important;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 10px 0 !important;
}

/* 3. 日付セル（四角いまま、白背景） */
div.y-calendar .y-day {
    background-color: #ffffff;
    transition: background-color 0.15s ease !important;
    border-radius: 0 !important; /* 年別用の丸設定が効かないようにリセット */
    /* paddingやmin-heightは元のHTMLの指定（p-1, min-height:100px）を活かします */
}

/* 4. セルにマウスを乗せた時のアクション（ふんわり色を変える） */
div.y-calendar .y-day:hover {
    background-color: #f1f3f4 !important; /* ホバーでほんのりグレーに */
    cursor: pointer;
}
div.y-calendar .y-day.bg-today {
    color:rgba(255,193,7)!important; /* ホバーでほんのりグレーに */
}

/* 5. 祝日・休日（ピンクの背景）を少し優しくモダンな色に */
div.y-calendar .y-day.y-weekend-red {
    background-color: #fff4f3 !important; /* 非常に薄い赤（ほぼ白）で圧迫感を減らす */
}
div.y-calendar .y-day.y-weekend-red:hover {
    background-color: #fce8e6 !important; /* ホバーで少し濃くする */
}
div.y-calendar .consecutiveHolidays {
        border-bottom: solid 2px #facfcf!important;
}
div.calendar .consecutiveHolidays {
        border-bottom: solid 4px #facfcf!important;
}


/* --- 月別カレンダー用デザイン --- */

/* 1. 全体の枠線を淡くし、外側の角を少し丸める */
div.calendar {
    background-color: #fcfcfc !important; /* 罫線（隙間）の色を淡いグレーに */
    gap: 1px !important; /* 罫線の幅 */
    border: 1px solid #dadce0 !important;
    border-radius: 8px !important; /* 全体の角を少し丸める */
    overflow: hidden !important; /* 角丸を綺麗に適用するため */
}

/* 2. 曜日のヘッダー部分 */
div.calendar .weekday {
    background-color: #f8f9fa !important; /* 非常に薄いグレー背景 */
    color: #5f6368 !important;
    font-weight: 600;
    font-size: 0.85rem;
    padding: 10px 0 !important;
}

/* 3. 日付セル（四角いまま、白背景） */
div.calendar .day {
    background-color: #ffffff;
    transition: background-color 0.15s ease !important;
    border-radius: 0 !important; /* 年別用の丸設定が効かないようにリセット */
    /* paddingやmin-heightは元のHTMLの指定（p-1, min-height:100px）を活かします */
}

/* 4. セルにマウスを乗せた時のアクション（ふんわり色を変える） */
div.calendar .day:hover {
    background-color: #f1f3f4 !important; /* ホバーでほんのりグレーに */
    cursor: pointer;
}
div.calendar .day.bg-today {
    color:rgba(255,193,7)!important; /* ホバーでほんのりグレーに */
}