/* A light-colored theme almost entirely in whites and light grays with black text. */

/*2025追加*/
/*Eventある日の日付背景無しに*/
.mc-date {background: none !important;}
.mc-day-number {color: #333 !important;}
/*.mc-row {border-bottom: 1px solid #333 !important;}*/

.event-title,
.single-event-title,
.list-event-title {
	padding: 0 !important;
	font-size: 0.8em !important;
	line-height: 0.8em !important;
}




.mc-main, .mc-list {
    background: #fff;
    padding: 10px;
    color: #333;
}

.mc-main caption, .mc-main .my-calendar-date-switcher, .mc-main .category-key, .mc-main .calendar-event .details,
.mc-main .calendar-events {
    background: #fff;
}

.mc-main .category-key .no-icon {
    border: 1px solid #555;
}

.mc-main caption, .mc-main .my-calendar-date-switcher, .mc-main .my-calendar-nav li a:hover, .mc-main .category-key {
    /*border: 1px solid #ddd;*/
}

.mc-main .my-calendar-date-switcher {
    padding: 10px;
    margin: 0 0 10px;
}

.mc-main .my-calendar-date-switcher input, .mc-main .my-calendar-date-switcher label, .mc-main .my-calendar-date-switcher select {
    margin: 0;
    padding: 0;
}

.mc-main .my-calendar-date-switcher .button {
    font-size: .9em;
}

.mc-main td {border: 1px solid #B7B7B7;}
/*.mc-main .list-event .details {border: 1px solid #B7B7B7;}*/

.mc-main .calendar-event .details, .mc-main .calendar-events {
    color: #000;
}
.mc-main .my-calendar-nav li a, .mc-main .calendar-event .details, .mc-main .calendar-events {
    border: 1px solid #CCC;
}

.mc-main .list-event .details {
    /*background: #fafafa;*/
}

.mc-main .nextmonth, .mc-main .nextmonth .weekend {
    color: #777;
}
.mc-main .mc-list li {
    text-align: left;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
.mc-main .mc-list li:last-child {
    border-bottom: 1px solid #333;
}
.mc-main .mc-list .odd {
    background: #F2F2F2;
}

.mc-main .odd .list-event .details {
    /*background: #f3f3f3;*/
    /*border: 1px solid #d3d3d3;*/
}

.mc-main .current-day {
    background: #ffd;
}

.mc-main .current-day .mc-date {
    color: #000;
    /*background: #eee;*/
}

.mc-main .weekend {
    background: #ffeaf1;
    color: #000;
}

.mc-main .mc-date {
    /*background: #f6f6f6;*/
}

.mc-main .my-calendar-nav li a {
    color: #000;
   /* background: #F2F2F2;*/
}

.mc-main .my-calendar-nav li a:hover {
    color: #000;
    /*border: 1px solid #00a;*/
}
.my-calendar-today {display: none;}

.upcoming-events .past-event {
    color: #777;
}

.upcoming-events .today {
    color: #111;
}

.upcoming-events .future-event {
    color: #555;
}

.mc-main caption {
    margin: 5px 0;
    font-weight: 300;
    padding: 5px;
}

.mc-main table, .mc-main.calendar {
    width: 100% !important;
    line-height: 1.2;
    border-collapse: collapse;
}

.mc-main td {
    vertical-align: top;
    text-align: left;
    width: 13%;
    height: 30%;
    padding: 10px !important;
}

.mini td {
    height: auto !important;
}

.mc-main th {
    text-align: center;
    padding: 10px 0 !important;
    letter-spacing: 1px;
}

.mc-main th abbr {
    border-bottom: none;
	font-weight: 100;
	font-size: 140%;
	padding-bottom: 0;
	text-decoration: none;
}
.my-calendar-table .my-calendar-month {font-size: 150%;}
#schedule .my-calendar-table .my-calendar-month {font-size: 200% !important;}
.mc-main h2 {margin-bottom: 5%;}
.mc-main h3, .mc-main h3 a {
    display: block;
    font: 700 10px Arial, Verdana, sans-serif;
    margin: 3px 0;
    /*width: 100%;*/
    clear: none;
    line-height: 1.3;
    text-transform: none;
    letter-spacing: 100%;
	text-align: center;
}

.mc-main h3 a {
    text-decoration: none;
	display: block;
    padding: 5px 3px;
}

.mc-main h3 a:hover, .mc-main h3 a:focus {
    /*text-decoration: underline;*/
}

.mc-main h3 img {
    vertical-align: middle;
    margin: 0 3px 0 0 !important;
}

.mc-main .mc-list h3 img {
    vertical-align: middle;
}

.mc-main .list-event h3 {
    font-size: 1.2em;
    margin: 0;
    padding: 5px;
}
/*
.mc-main .calendar-event .details, .mc-main .calendar-events {
    position: absolute;
    left: 35%;
    width: 50%;
    padding: 10px;
    z-index: 3;
}

.mc-main .details .close {
    float: right;
    width: 16px !important;
    padding: 2px 2px 7px 7px;
}

.mc-main.mini .details .close {
    position: absolute;
    top: 8px;
    right: 8px;
}

.mc-main .calendar-events {
    width: 200px !important;
    left: 0px;
}*/

.mc-main .list-event .details {
    margin: 5px 0;
    padding: 5px 5px 0;
}

.mc-main .mc-list {
    margin: 0;
    padding: 0;
}

.mc-main .mc-list li {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
	margin-bottom: 0 !important;
}

.mc-main .mc-date {
    display: block;
    margin: -2px -2px 2px;
    padding: 2px 4px;
}

.mc-main th {
    font-size: .8em;
    text-transform: uppercase;
    padding: 2px 4px 2px 0;
}

.mc-main .category-key {
    padding: 5px;
    margin: 5px 0;
}

.mc-main .category-key ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.mc-main .category-key li {
    margin: 2px 10px;
}

.mc-main .category-key span {
    margin-right: 5px;
    vertical-align: middle;
}

.mc-main .category-key .no-icon {
    width: 10px;
    height: 10px;
    display: inline-block;
}

.mc-list li {
    text-indent: 0;
    margin: 0;
    padding: 0;
}

.mc-main .calendar-event .event-time, .mc-main .list-event .event-time {
    display: block;
    height: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: .9em;
}

.mc-main p {
    line-height: 1.5;
    margin: 0 0 1em;
    padding: 0;
}

.mc-main .vcard {
    font-size: .9em;
    margin: 10px 0;
}

.mc-main .calendar-event .vcard {
    margin: 0 0 10px;
}

.mc-main {
    position: relative;
}

.mc-main img {
    border: none;
}

.category-color-sample img {
    margin-right: 5px;
    vertical-align: top;
}
.mc-main .my-calendar-nav {width: 100% !important;}
.mc-main .my-calendar-nav ul {
    height: 2.95em;
    padding: 0;
	width: 100% !important;
}

.mini .my-calendar-nav ul {
    height: 1.5em !important;
}

.mc-main .my-calendar-nav li {
    margin: 0 5%;
    padding: 0;
    list-style-type: none !important; /* It really is pretty important. */
    list-style-image: none;
}

.mc-main .my-calendar-nav li:before {
    content: '';
}

.mc-main .my-calendar-nav li a {
    display: block;
    text-align: center;
    padding: 2px 10px;
}

.mini .my-calendar-nav li a {
    padding: 1px 3px !important;
    font-size: .7em;
}

.my-calendar-navigation {width: 100%;}
.mc-main .my-calendar-next {
    text-align: right;
}

.mc-main.mini .my-calendar-date-switcher label {
    display: block;
    float: left;
    width: 6em;
}

.mc-main.mini .my-calendar-date-switcher {
    padding: 4px;
}

.mc-main.mini td .category-icon {
    display: none;
}

.mc-main.mini h3 {
    font-size: 1.1em;
}

.mc-main.mini .day-with-date span, .mc-main.mini .day-with-date a {
    font: .9em Arial, Verdana, sans-serif;
    padding: 1px;
    text-align: center;
}

.mc-main .mini-event .sub-details {
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 0 0;
    margin-bottom: 5px;
}

.mc-main .mini-event .details img {
    width: 100%;
}

.mc-main .list-event .details img {
    width: auto;
    max-width: 100%;
}

.mc-main.mini .day-with-date a {
    display: block;
    margin: -2px;
    font-weight: 700;
    text-decoration: underline;
}

.mini td {
    height: auto !important;
}

.mini .my-calendar-nav ul {
    height: 1.7em !important;
	width: 100%;
}

.mini .my-calendar-nav li a {
    padding: 1px 3px !important;
    font-size: 10px;
}

.mc-main .nextmonth {
    background: #f6f6f6;
    color: #888;
}

.mc-main .my-calendar-nav {
    /*position: relative;*/
	width: 100% !important;
	margin: 3% auto;
}

.mc-main .my-calendar-prev {
    /*position: absolute;
    left: 0;
    top: 0;*/
	float: left;
	width: 20%;
}

.mc-main .my-calendar-next {
    /*position: absolute;
    right: 0;
    top: 0;*/
	float: right;
	width: 20%;
}

.mc-main .nextmonth .event-title {
    opacity: .7;
}

.mc-main .nextmonth .mc-date {
    /*background: #eee;*/
}

.mc-main .nextmonth .weekend {
    color: #888;
}

.mc-main .vcard, #mc_event .vcard {
    font-size: .9em;
    background: #f6f6f6;
    padding: 10px;
    float: right;
}

.screen-reader-text {
    position: absolute;
    left: -999em;
}
.category-key {
	width: 100% !important;
	clear: both;
}
.category-key ul li {
    float: left;
}
.category-key h3 {
	margin-top: -2px;
	font-size: 105%;
    text-align: left;
}
table.my-calendar-table {
        table-layout: fixed;
        width: 100%;
        margin: 0 auto;
        border-collapse: collapse;
}
.mc-print a {
	display: inline-block;
	background: #F2F2F2;
	border: 1px solid #CCC;
	padding: 2px 20px;
	z-index: 5;
	position: absolute;
}

/*===============================================
SP
===============================================*/
@media screen and (min-width: 0px) and (max-width: 795px){
/*
.event-title,
.single-event-title,
.list-event-title {
	padding: 0 !important;
	font-size: 0.8em !important;
	line-height: 1.3em !important;
} */   
	
.mc-day-date {color: #333 !important;}
.mc-main.my-calendar .my-calendar-nav {
    /*position: relative;*/
	width: 100% !important;
	margin: 3% auto;
	font-size: 0.7em;
}
/*.mc-main.my-calendar .my-calendar-nav ul li {width: 100% !important;}*/
.mc-main.my-calendar .my-calendar-prev {
    /*position: absolute;
    left: 0;
    top: 0;*/
	float: left;
	width: 45% !important;
	font-size: 0.8em !important;
}

.mc-main.my-calendar .my-calendar-next {
    /*position: absolute;
    right: 0;
    top: 0;*/
	float: right;
	width: 45% !important;
	font-size: 0.8em !important;
}

#schedule h2 {font-size: 200% !important;}
.mc-main .mc-list li {margin-bottom: 0 !important;}






/* My Calendarのカレンダーをスマホでも崩れないように2026 */
/* ===== スマホでも曜日を横並びに戻す ===== */

.my-calendar-table .event-title button div,
.my-calendar-table h3.event-title button  {
		font-size: 0.9em !important;
		line-height:1.4em !important;
}

/* カレンダーの外側をスクロール領域に */
    .mc-main {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
	

    /* カレンダー全体をテーブルとして扱う */
    .mc-main table {
        display: table !important;
        table-layout: fixed !important;
       width: 900px !important;
        min-width: 900px !important;
		border-collapse: collapse;
    }
	.mc-main .mc-row,
    .mc-main .mc-cell {
        float: none !important;
        width: auto !important;
    }
	

    /* 行を通常のテーブル行に戻す */
    .mc-main tr {
       display: table-row !important;
		width: 100% !important;
    }

    /* 曜日ヘッダーを横並びに*/ 
   /* .mc-main th {
        display: table-cell !important;
        width: 14.285% !important;  100% ÷ 7日 
        text-align: center;
    }*/
	 /* 曜日ヘッダー左寄りになる為非表示に*/ 
	.mc-main th { 
		display: none !important;
	}

    /* 日付セルも同様 */
    .mc-main td {
        display: table-cell !important;
        width: 14.285% !important;
        vertical-align: top;
    }
	
	.my-calendar-table th,
	.my-calendar-table td {
    width: 14.285% !important; /* 100 ÷ 7 */
    box-sizing: border-box;
    padding: 4px !important;
    text-align: center;
    vertical-align: top;
}

/* 曜日ヘッダーの余白リセット*/ 
.my-calendar-table th.day-heading,
.my-calendar-table th.weekend-heading {
    padding: 4px 0 !important;
}



	
    
	
	
	
}