@charset "utf-8";
/* CSS Document */



/* XO Event Calendar ------------------------- */

.aside_inner #xo_event_calendar-2 {
	width:50%;
	margin:50px auto;
}

.aside_inner .xo-event-calendar {
    margin: 0 auto;
}
.aside_inner .xo-months {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	/*justify-content: center; */    /* アイテムを中央に寄せる */
	/*justify-content: space-around;*/  /* 各アイテムを均等に配置し
                                   各アイテムの両側に半分の大きさの
                                   間隔を置く */
    justify-content: space-between;
}
.aside_inner .xo-month-wrap {
    width: 47%; //カレンダーの横幅の最大を47%とする
}


 /* 他の月の背景を白にする */
.aside_inner #calendar-year .other-month,.xo-event-calendar table.xo-month .month-dayname td div.other-month {
	background-color:#FFF !important;
}


.aside_inner #xo_event_calendar-2 .widget-title {
	color:#333333;
}

@media screen and (max-width: 768px) {
	
.aside_inner #xo_event_calendar-2 {
	width:70%;
	margin:50px auto;
}
	
.aside_inner .xo-event-calendar {
        width: 90%; //カレンダー全体の表示幅の最大を70%とする
    }
.aside_inner .xo-months {
        display: block; //カレンダーを縦に並べる
    }
.aside_inner .xo-month-wrap {
        width: 100%; //カレンダーの横幅の最大を100%とする
    }
}

@media screen and (max-width: 768px) {
.aside_inner .xo-month-wrap:last-child,
.xo-month-wrap:nth-child(2) {
        display: none;
    }
}