@charset "utf-8";

:root {
	--page-main-font: #137289; /* タイトルなどの文字色 */
	--page-main-bg: #def9ff; /* 背景色 */

	--sub-color-1: #fcff38; /* 差し色 中間 */
    --sub-color-2: #fdffd1; /* 差し色 薄い */
    --sub-color-3: #ece434; /* 差し色 濃い */
    --bt-color: #767100; /* BT 文字色 */
	
    --keywordbt-color: #49abf2; /* キーワードBT 文字色 */
	
    --tab-month-1-font: #3d6763; /* タブ1つ目 文字色 */
    --tab-month-2-font: #0b6087; /* タブ2つ目 文字色 */
    --tab-month-3-font: #104979; /* タブ3つ目 文字色 */
	
    --tab-month-1-bg: #aef0f3; /* タブ1つ目 背景色 */
    --tab-month-2-bg: #c5edff; /* タブ1つ目 背景色 */
    --tab-month-3-bg: #bae0ff; /* タブ1つ目 背景色 */
	
	--mv-font1: #477dba; /* MV 2文字目・MV ボタンライン・スライダーのボタン色 */
	--mv-font2: #6cbbcc; /* MV 3文字目 */
	--mv-font3: #234997; /* MV 下文字 */
	
	--mv-font_gradient1: #f83600; /* MV 1文字目グラデ */
	--mv-font_gradient2: #facc22; /* MV 1文字目グラデ */
	
	--pagenav_gradient1: #7fadf8; /* PAGENAVグラデ */
	--pagenav_gradient2: #8fd3f4; /* PAGENAVグラデ */	
}

/*カレンダー調整　20251215*/
@media screen and (min-width: 768px) {
    .c-cal__item {width: calc(calc(100% - 4.5em) / 5) !important;}
    .c-cal__item .floatNavi {width: 100% !important;}
}
@media screen and (max-width: 767px) {
    .c-cal__item {width: calc(calc(100% - 1.5em) / 4) !important;}
    .c-cal__item .floatNavi {width: calc(165% + 1.75em) !important;}
    .c-cal__list {justify-content:space-evenly !important;}
}