@charset "UTF-8";

.red-box {
	border: 1px solid #e51118;
	color: #e51118;
	padding: 10px;
	margin: 20px 0 40px;
	text-align: center;
	font-size: 108.71%;
	line-height: 1.5;
}
.gray_tbl th {
	width: 20% !important;
}
.gray_tbl td {
	width: 10%;
}
/* --------------------------------
	calendar-title
-------------------------------- */
.calendar-title {
	font-size: 168.71%;
	font-weight: 600;
	text-align: center;
	margin: 20px 0 0px;
	padding-bottom: 10px;
}
/* --------------------------------
	calendar
-------------------------------- */
#calendar-block li {
	padding: 20px 0;
}
#calendar-block li:first-child {
	padding: 0px;
}
#calendar-block li.color {
	/*background-color: #fef8f8;*/
}
.calendar-small {
	font-size: 80%;
}
#calendar-block .content-title {
	font-size: 186.71%;
}
#calendar-block table {
	width: 100%;
	border-collapse: collapse;
}
#calendar-block table th {
	width: 12%;
	padding: 8px 0;
	text-align: center;
	vertical-align: top;
	color: #333;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
	font-family: "FP-ヒラギノ丸ゴ StdN W5", "FP-HiraMaruStdN-W5";
}
#calendar-block table th.sun {
	color: #e60012;
}
#calendar-block table th.sat {
	color: #0068b7;
}
#calendar-block table span {
	display: block;
	margin-top: 5px;
	line-height: 1.4;
	font-size: 92.71%;
}
#calendar-block table span.col01 {
	background-color: #448aca;
	color: #fff;
	padding: 5px;
}
#calendar-block table span.col02 {
	background-color: #c00913;
	color: #fff;
	padding: 5px;
}
#calendar-block table span.col03 {
	background-color: #028d0c;
	color: #fff;
	padding: 5px;
}
#calendar-block table span.col04 {
	background-color: #18b8fb;
	color: #fff;
	padding: 5px;
}
#calendar-block table span.col05 {
	background-color: #01c06d;
	color: #fff;
	padding: 5px;
}
#calendar-block table span.col06 {
	background-color: #e404ad;
	color: #fff;
	padding: 5px;
}
#calendar-block table span.col10 {
	background-color: #c6c9c7;
	color: #6b6b6b;
	padding: 5px;
}

#calendar-block table td.closed {
	background-color: #fae1e2;
	color: #e60012;
}
#calendar-block table td.none {
	background-color: #fff;
}
#calendar-block table td.attention {
	background-color: #f9f1c6;
}
#calendar-block table td.special {
	background-color: #fedba2;
}

#calendar-block table td {
	padding: 15px 6px;
	text-align: center;
}
#calendar-block p {
	font-size: 126.71%;
}
#calendar-block span.cheap {
	color: #febcbd;
}
#calendar-desc { margin-bottom: 40px; }
#calendar-desc li {
	color: #666;
	line-height: 1.5;
}


@media screen and (max-width: 600px) {
    #calendar-block th,
    #calendar-block td.none {
        display: none;
        width:0;
    }
    #calendar-block td {
        display: block;
       	border-left: 1px solid #ccc;
       	border-right: 1px solid #ccc;
       	border-bottom: 1px solid #ccc;
        width: 97%;
        padding: 0;
        background-color: #fff;
    }
    #calendar-block td.top {
       	border-top: 1px solid #ccc;
    }
    #mini-calendar td {
        height: auto;
        display: -webkit-flex;
        display: flex;
    }
    #calendar-block .calendar-none {
        display: none
    }

    #calendar-block .calendar-labels {
        padding: 5px;
    }
    #calendar-block [class*=calender-label] {
        display: inline-block;
        padding: 5px;
        margin-top: 0;
        margin-right: 5px;
        font-size: 12px;
    }

    /* 日付 */
    #calendar-block td .calendar-day-number {
        font-weight: normal;
        padding: 7px;
        font-size: 18px;
        display: block;
        background: #f2e6cd;
        margin-bottom: 10px;
        height: auto;
    }
    #calendar-block td.calendar-holiday .calendar-day-number,
    #calendar-block td.closed .calendar-day-number,
    #calendar-block td.special .calendar-day-number {
        background: #fff;
    }
    #calendar-block td.calendar-sat .calendar-day-number {
        background: #c8ebfe;
    }
    /* モバイル用曜日を追加 */
    #calendar-block td span:after {
        font-size: 12px;
        position: relative;
        left: -5px;
    }
    #calendar-block td:nth-child(1) span.calendar-day-number:after {
        content: "（日）";
    }
    #calendar-block td:nth-child(2) span.calendar-day-number:after {
        content: "（月）";
    }
    #calendar-block td:nth-child(3) span.calendar-day-number:after {
        content: "（火）";
    }
    #calendar-block td:nth-child(4) span.calendar-day-number:after {
        content: "（水）";
    }
    #calendar-block td:nth-child(5) span.calendar-day-number:after {
        content: "（木）";
    }
    #calendar-block td:nth-child(6) span.calendar-day-number:after {
        content: "（金）";
    }
    #calendar-block td:nth-child(7) span.calendar-day-number:after {
        content: "（土）";
    }
    #calendar-block table td.attention {
	background-color: #fffcec;
	}
}


/* PC SIZE */
@media screen and (min-width: 600px){
	/* --------------------------------
		calendar
	-------------------------------- */
	#calendar-block table td {
		border: 1px solid #ccc;
		/*background-color: #fffcec;*/
	}
    /* 日付 */
    #calendar-block td .calendar-day-number {
        font-size: 112.71%;
    }
	#calendar-block {
		padding: 0 0 0px;
	}
}
/* SMARTPHONES SIZE */
@media screen and (max-width: 980px){
}
@media screen and (max-width: 480px){
}