@charset "utf-8";

/* クラスの定義

/* 平日のみ（休診日でも祝日でも今日でもない） →　td-weekdayのみ
/* 平日の休診日（今日でない） 　　　　　　　→　td-offdayのみ
/* 平日の祝日（今日でない） 　　　　　　　　→　td-holidayのみ
/* 平日の休診日＋祝日（今日でない） 　　　　→　td-offday + td-holiday
/* 平日のみ（休診日でも祝日でもなくて今日）　→　td-weekday + td-today
/* 平日の休診日（今日） 　　　　　　　　　　→　td-offday + td-today
/* 平日の祝日（今日） 　　　　　　　　　　　→　td-holiday + td-today
/* 平日の休診日＋祝日（今日） 　　　　　　　→　td-offday + td-holiday + td-today
/* 日曜日のみ（休診日でも祝日でも今日でもない）→　td-sundayのみ
/* 日曜日の休診日（今日でない） 　　　　　　→　td-sunday + td-offday
/* 日曜日の祝日（今日でない） 　　　　　　　→　td-sunday + td-holiday
/* 日曜日の休診日＋祝日（今日でない） 　　　→　td-sunday + td-offday + td-holiday
/* 日曜日のみ（休診日でも祝日でもなくて今日）→　td-sunday + td-today
/* 日曜日の休診日（今日） 　　　　　　　　　→　td-sunday + td-offday + td-today
/* 日曜日の祝日（今日） 　　　　　　　　　　→　td-sunday + td-holiday + td-today
/* 日曜日の休診日＋祝日（今日） 　　　　　　→　td-sunday + td-offday + td-holiday + td-today
/* 土曜日のみ（休診日でも祝日でも今日でもない）→　td-saturdayのみ
/* 土曜日の休診日（今日でない） 　　　　　　→　td-saturday + td-offday
/* 土曜日の祝日（今日でない） 　　　　　　　→　td-saturday + td-holiday
/* 土曜日の休診日＋祝日（今日でない） 　　　→　td-saturday + td-offday + td-holiday
/* 土曜日のみ（休診日でも祝日でもなくて今日）→　td-saturday + td-today
/* 土曜日の休診日（今日） 　　　　　　　　　→　td-saturday + td-offday + td-today
/* 土曜日の祝日（今日） 　　　　　　　　　　→　td-saturday + td-holiday + td-today
/* 土曜日の休診日＋祝日（今日） 　　　　　　→　td-saturday + td-offday + td-holiday + td-today

/* 全体のリセット */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* フォントサイズの定義 */
* html {
    font-size: small;
}
*:first-child+html body {
    font-size: small;
}

/* ハイライト色の無効化 */
a {
    -webkit-tap-highlight-color: transparent;
}

/* 画像スタイル */
img {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: top;
}

/* リストのスタイル */
ul, dl, ol {
    text-indent: 0;
    list-style-position: outside;
}

/* カレンダー全体のスタイル */
#ul-calendar-3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin:0 auto;
    width:870px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    backface-visibility: hidden;
    perspective: 1000;
}

/* カレンダーの各月のスタイル */
#li-calendar-1, #li-calendar-2, #li-calendar-3 {
    width:250px;
}

/* テーブルスタイル */
#table-calendar-1, #table-calendar-2, #table-calendar-3 {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    background-color: #FFFFFF;
    text-align: center;
}

/* キャプションスタイル */
#caption-calendar-1, #caption-calendar-2, #caption-calendar-3 {
    font-size:30px;
    color: #666;
}

#span-caption-calendar-1-month, #span-caption-calendar-2-month, #span-caption-calendar-3-month {
    font-size:20px;
    padding-left:3px;
}

#span-caption-calendar-1-year, #span-caption-calendar-2-year, #span-caption-calendar-3-year {
    position: absolute;
    left: 2px;
    top: 18px;
    font-size: 14px;
    color: #888;
}

/* 曜日のスタイル */
.tr-bg-week {
    height:24px;
    background-color: #f9f4f4;
}

.td-weekday {
    color: #444444;
    padding:7px 0;
    font-size:15px;
}

.td-week-saturday {
    color: #0000bb;
    font-size:15px;
}

.td-week-sunday {
    color: #d12e53;
    font-size:15px;
}

.span-calendar-holiday-square {
    position: absolute;
    right: 2px;
    top: 9px;
    font-size: 13px;
    margin-top: 3px;
    text-align: right;
    color: #ffd9d9;
}

.span-calendar-holiday {
    padding-left: 5px;
    line-height: 2.0;
    font-size: 15px;
    color: #d12e53;
}

/* 今日の日付スタイル */
.td-today {
    text-decoration: underline;
    font-weight: bold;
}

/* 日曜日、土曜日、祝日、平日のスタイル */
.td-sunday, .td-saturday, .td-holiday, .td-weekday, .td-offday {
    padding: 7px 0;
    font-size: 15px;
}

.td-sunday {
    color: #d12e53;
}

.td-saturday {
    color: #0000bb;
}

.td-holiday {
    color: #d12e53;
}

.td-offday {
    border-radius: 3px;
    background-color: #ffd9d9;
}
