.mc-main .details {
    background: #fff;
    border: 1px solid #000
}

.mc-main.mini .mini-event {
    background: #fff;
    border: 1px solid #000;
    padding: 5px
}

.mc-main.mini .mini-event .details {
    background: 0;
    border: 0
}

.mc-main caption {
    font-weight: 700;
    border: #eaeaea 4px solid;
    padding: 1.125rem 0 1rem;
    border-bottom: 0;
    font-size: .85rem;
    line-height: 1
}

.mc-main .my-calendar-date-switcher {
    padding: 4px;
    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 table,
.mc-main.calendar {
    width: 100% !important;
    margin-bottom: 2rem;
}

.mc-main td {
    vertical-align: top;
    text-align: left;
    height: 70px;
    padding: 2px 2px 0 !important;
    background: #fff;
    border: 1px solid #ccc;
    width: 14.2%;
    width: 142px;
}

.mini td {
    height: auto !important
}

.mc-main th {
    text-align: center;
    padding: 3px 0 !important;
    font-size: .8em
}

.mc-main th abbr {
    border-bottom: 0
}

.mc-main h3,
.mc-main h3 a {
    display: block;
    border-radius: 2px;
    width: 100%;
    margin-bottom: 2px;
    box-shadow: none;
    word-break: break-all;
    line-height: 1.2;
    font-size: .75rem
}

.mc-main h3 a {
    text-decoration: none
}

.mc-main h3 a:hover,
.mc-main h3 a:focus {
    box-shadow: none
}

.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
}

.mc-main .calendar-event .details,
.mc-main .calendar-events {
    position: absolute;
    left: 15%;
    width: 70%;
    padding: 5px;
    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: 0
}

.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 {
    padding: 5px;
    list-style-type: none;
    margin: 0
}

.mc-main .mc-date {
    display: block;
    margin: 6px 0;
    text-align: center;
    font-size: .8rem;
    font-weight: 700;
    line-height: 1
}

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

.mc-main .category-key ul {
    list-style-type: 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 {
    height: 100%;
    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: 0
}

.category-color-sample img {
    margin-right: 5px;
    vertical-align: top
}

.mc-main .my-calendar-nav ul {
    height: 2.95em;
    margin: 0;
    padding: 0
}

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

.mc-main .my-calendar-nav li {
    padding: 0;
    list-style-type: none !important;
    width: calc(50% - 2px)
}

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

.mc-main .my-calendar-nav li a {
    display: block;
    padding: 0 20px;
    box-shadow: none;
    background: #000;
    color: #fff;
    height: 48px;
    line-height: 48px
}

.mc-main .my-calendar-nav li a:hover {
    background: #f70b84
}

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

.mc-main .my-calendar-next {
    text-align: right;
    float: 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-size: .9em;
    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: 2em !important
}

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

.mc-main .nextmonth {
    opacity: .3
}

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

span.mc_grid_in_tag {
    text-align: center;
    display: none;
    letter-spacing: -0.25px;
}

.event-title a {}

thead {
    background: #eaeaea
}

tr.mc-row {
    background: #eaeaea
}

th.day-heading.sun {
    color: #f06
}

th.weekend-heading.sat {
    color: #39f
}

li.my-calendar-prev {
    text-align: left;
    float: left
}

li.my-calendar-next {
    text-align: right
}

table.my-calendar-table {
    border: 4px solid #eaeaea !important;
    margin-bottom: .75rem !important;
    font-family: 'MyFont', "Hiragino Kaku Gothic ProN", meiryo, メイリオ, "ms pgothic", "ms pゴシック", osaka, sans-serif, TakaoPGothic, "Sazanami Gothic" ,monospace;
}

caption.heading.my-calendar-month b {
    display: block;
    font-size: 200%
}

span.mc_grid_in_time {
    display: inline-block;
    padding-right: 6px
}

ul.upcoming-events li {
    list-style: none !important
}

span.mc_list_in_tag {
    font-weight: 400;
    color: #fff;
    font-size: .6875rem;
    padding: 2px 4px;
    min-width: 65px;
    display: inline-block;
    text-align: center;
    line-height: 1.2em;
    margin-right: 6px;
    border-radius: 2px;
    font-family: "Hiragino Kaku Gothic ProN", meiryo, メイリオ, "ms pgothic", "ms pゴシック", osaka, sans-serif, TakaoPGothic, "Sazanami Gothic";
}

ul.upcoming-events {
    border: solid 5px #eaeaea;
    width: 100%;
    font-family: 'MyFont', "Hiragino Kaku Gothic ProN", meiryo, メイリオ, "ms pgothic", "ms pゴシック", osaka, sans-serif, TakaoPGothic, "Sazanami Gothic" ,monospace;
    letter-spacing: 0.035rem;
}

ul.upcoming-events a {
    box-shadow: none;
    display: block;
    border-bottom: solid 1px #eaeaea;
    padding: 0.75rem 1.25rem;
    font-weight: 700;
    font-size: .9375rem;
    word-break: break-all;
    margin-bottom: 0;
    border-top: 0;
    line-height: 1.65;
    background: rgba(255, 255, 255, 0.6)
}

ul.upcoming-events a:hover {
    box-shadow: 0 2px .9375rem 0 rgba(0, 0, 0, 0.15)
}

a:hover span.mc_list_in_tit,
a:hover span.mc_list_in_time {
    color: #f70b84
}

span.mc_list_in_tit {
    line-height: 1.6;
    display: block;
    font-size: 100%
}

span.tagwarp {
    padding: 4px 6px;
    display: block;
}

span.tagwarp:hover {
    box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.3)
}

@media screen and (max-width: 700px) {
	.mc-main td {
    padding: 2px 2px 0!important;
}
}