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

/* =カレンダーテーブル部分
-----------------------------------------------------------------------------*/
div#business-calendar { width: 100%; position: relative; margin-bottom: 2.0em; }
div#business-calendar p { font-size: 1.6rem; }
div#business-calendar table { font-size: 1.5rem; line-height: 1.0; }
div#business-calendar table, div#business-calendar table tr th, div#business-calendar table tr td { text-align: center; border-collapse: collapse; border: 2px solid rgba(255,255,255,1.0); }
div#business-calendar table tr th, div#business-calendar table tr td { padding: 5px; }
div#business-calendar table { width: 100%; background: rgba(255,255,255,1.0); }
div#business-calendar table th { font-weight: normal; }
div#business-calendar table th.week-bg { background: rgba(235,235,235,1.0); }
div#business-calendar table tr#year-month th, div#business-calendar table tr#year-month td { padding: 10px 0; }

/* =前月翌月ボタン部分
-----------------------------------------------------------------------------*/
div#business-calendar table tr#year-month th ul { width: 100%; display: flex; justify-content: space-between; margin-top: 0!important; padding-top: 0!important; }
div#business-calendar table tr#year-month ul li a { color: rgba(255,255,255,1.0); font-size: 90%; background: rgba(65,40,25,0.6); border-radius: 5px; transition: all 0.5s ease; padding: 2px 8px 3px; }
div#business-calendar table tr#year-month ul li a:hover { cursor: pointer; background: rgba(65,40,25,1.0); transition: all 0.5s ease; }
div#business-calendar table th.saturday, div#business-calendar table td.saturday { color: rgba(0,100,200,1.0); }
div#business-calendar table th.sunday, div#business-calendar table td.sunday { color: rgba(200,0,0,1.0); }

/* =定休日部分
-----------------------------------------------------------------------------*/
div#business-calendar table td.holiday { color: rgba(255,255,255,1.0); background: rgba(200,0,0,1.0); }

/* =最下部テキスト部分
-----------------------------------------------------------------------------*/
div#business-calendar p.holiday-string { font-size: 1.5rem; margin: 15px 0 0; }
div#business-calendar p.holiday-string:before { content: "■"; }
div#business-calendar p.holiday-string:before { color: rgba(200,0,0,1.0); }

/* =ローディング部分
-----------------------------------------------------------------------------*/
span.loading { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translateZ( 0 ); animation: load-circle 1.0s linear infinite; margin-top: -30px; margin-left: -30px; }
span.loading { border-radius: 50%; border-top: 5px solid rgba(0,0,0,0.15); border-right: 5px solid rgba(0,0,0,0.15); border-bottom: 5px solid rgba(0,0,0,0.15); border-left: 5px solid rgba(255,255,255,1.0); }

@-webkit-keyframes load-circle {
	0% { transform: rotate( 0deg ); }
	100% { transform: rotate( 360deg ); }
}

@keyframes load-circle {
	0% { transform: rotate( 0deg ); }
	100% { transform: rotate( 360deg ); }
}