
/* イベントCalendar */
.sp_only{display: none;}
.cal-month-tate {
    /* width: 100% !important; */
    border-collapse: collapse !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #fff !important;
}




.cal-month-tate .no-events {
    color: #999 !important;
}

/* クラスによる特別な日付のスタイリング */
.cal-month-tate .sun {
    background-color: #ffebeb !important; /* 日曜日の背景色 */
    color: #d00 !important; /* 日曜日の文字色 */
}


.cal-month-tate .syukujitu-days {
    background-color: #ffebeb !important; /* 日曜日の背景色 */
    color: #ff0000 !important; /* 日曜日の文字色 */
}


.cal-month-tate .sat {
    background-color: #ebf4ff !important; /* 土曜日の背景色 */
    color: #00f !important; /* 土曜日の文字色 */
}




.cal-month-tate .past-days {
    background-color: #f2f2f2 !important; /* 過去の日付の背景色 */
    color: #ccc !important; /* 過去の日付の文字色 */
}


.cal-month-tate .current-day {
    background-color: #fff80047 !important; /* 過去の日付の背景色 */
    color: #000 !important; /* 過去の日付の文字色 */
}



/* イベントスタイル */
.type-tribe_events {
    margin-bottom: 5px !important;
}

.type-tribe_events h3 {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
}

.type-tribe_events h3 a {
    color: #21759b !important;
    text-decoration: none !important;
}

.type-tribe_events h3 a:hover {
    text-decoration: underline !important;
}



/* 上書き */

.tribe-events-calendar th {
	width: auto !important;
	height: auto !important;

}


#tribe-events-content .tribe-events-calendar td {
	width: auto !important;
	height: auto !important;
}

.tribe-events-calendar th {
	width: auto !important;
	height: auto !important;
}


th.cell-day{ width: 15% !important; }
th.cell-event{ width: 85% !important; }





/* レスポンシブ対応など追加のスタイリングが必要な場合は、以下に追記します。 */
@media screen and (max-width: 768px) {
    /* モバイルビューでのスタイルをここに追加 */

  .type-tribe_events {
        display: block !important;
    }


}




/* 月表示のイベント */
.event-single {
display: flex;
}


.tribe-events-event-thumbnai{
padding: auto;1em

}

.tribe-events-event-thumbnai img{
 margin-right: 0.5em;
}





.event-singl{
    padding-bottom: 1em !important;
}



/* the-events-calendar_v3.9.1/resources/tribe-events-full.min.css?ver=3.9.1 */
/* 上書き */


.tribe-events-calendar thead th{
	background: #4CACE2!important;
	color: #fff!important;
	padding: 15px;
	font-size: 16px!important;
}


#tribe-events-content .tribe-events-calendar td{
	padding: 10px!important;
	vertical-align: middle!important;
}
#tribe-events-content .tribe-events-calendar td a{
	color: #333!important;
}
#tribe-events-content .tribe-events-calendar tr td:first-child{
	font-size: 16px!important;
	font-weight: bold;
	padding: 25px 10px!important;
	vertical-align: top!important;
}


.tribe-events-event-thumbnail img{
	width: 50px;height: 50px;
	object-fit: cover;
	margin-right: 15px!important;
}

.events-archive.events-gridview #tribe-events-content table .type-tribe_events {
	margin: 0 !important;
	padding: 15px 5px!important;
	border-bottom: 1px dotted #ccc!important;
	display: flex!important;
	align-items: center;
}
.events-archive.events-gridview #tribe-events-content table .tribe-events-event-thumbnail {
	flex: none;
}
.events-archive.events-gridview #tribe-events-content table td .type-tribe_events:last-child{
	border-bottom: none!important;
}



.events-archive.events-gridview #tribe-events-content table #studio_sc,
.tribe-events-calendar tbody td div[id*="tribe-events-daynum-"]{
	padding: 15px 5px!important;
}
#studio_sc h3{
	margin-bottom: 0!important;
}
#studio_sc h3.tribe-events-month-event-title a,
#tribe-events-content .tribe-events-calendar tbody td:last-child div[id*="tribe-events-daynum-"] a{
	color: #21759b!important;
	font-weight: bold;
	font-size: 14px!important;
	display: inline-block;
}

#studio_sc h3.tribe-events-month-event-title a:after,
.tribe-events-calendar tbody td:last-child div[id*="tribe-events-daynum-"] a:after{
	content: url(/common/img/body/arrow_sm_01.png);
	margin-left: 8px;
}



/*#studio_sc h3.tribe-events-month-event-title a{
	font-size: 14px!important;
}
#studio_sc h3.tribe-events-month-event-title a:before{
	content: url(/common/img/body/arrow_sm_02.png);
	margin-right: 10px;
}*/


.events-archive.events-gridview #tribe-events-content table td .tribe-events-category-e_cat_rest{
	border-bottom: none!important;
}
.tribe-events-category-e_cat_rest + .type-tribe_events{
	display: none!important;
}


.syukujitu-days .cat{
	margin-top: 10px;
	display: inline-block;
	font-size: 14px;
	background: #4CACE2;
	color: #fff;
	padding: 5px 15px;
	border-radius: 20px;
}




@media (max-width: 768px) {
	.sp_only{
		display: block;
	}
	th.cell-day{
		width: 18%!important;
	}
	#tribe-events-pg-template{
		padding: 0!important;
	}
	
	.tribe-events-calendar thead th{
		font-size: 13px!important;
		padding: 10px 0.5em!important;
	}
	
	#tribe-events-content .tribe-events-calendar tr td:first-child{
		font-size: 14px!important;
		padding: 25px 3px!important;
		text-align: center;
	}
	.syukujitu-days .cat{
		font-size: 12px;
		padding: 5px;
	}
	#studio_sc h3.tribe-events-month-event-title a{
		font-size: 12px!important;
	}
	
	.tribe-events-event-thumbnail img{
		width: 40px;height: 40px;
	}
	
	.tribe-events-sub-nav li a{
		padding-bottom: 10px!important;
		margin-bottom: inherit!important;
	}
}