/*
	Style Sheet for KYORITZ Site
		by AYA 2021/06/15 
*/
<style type="text/css">
	body.menu {
		margin-left: auto;
		margin-right: auto;
	}
	span.invalid-feedback {
		font-size: 10pt;
		color: #ff0000;
	}
	div.card-header {
		font-size: 16pt;
		font-waight: bold;
	}
	div.menutitle {
		font-size: 24pt;
		font-waight: bold;
	}
	table.outline {
		margin-left: auto;
		margin-right: auto;
		border: 5px #000000 solid;
		border-color: #cceeff;
		padding: 5px;
		width: auto;
	}
	table.menu {
		background-color: #ccffff;
		padding: 10px;
	}
	table.table-01 {
		border-collapse: collapse;
		border-spacing: 0;
	}
	table.table-02 {
		border-collapse: collapse;
		border-spacing: 0;
		width: 300px;
	}
	font.sunday {
		color : #ffffff;
		background-color: #ff0000;
	}
	font.saturday {
		color : #ffffff;
		background-color: #00cccc;
	}
	th.simple_r {
		border: thin #cccccc solid;
		background-color: #eeeeee;
		text-align: right;
		width: 40px;
	}
	th.name,td.name {
		border: thin #cccccc solid;
		background-color: #eeeeee;
		font-size: 16pt;
		font-weight: bold;
		text-align: center;
		width: 210px;
		height: 20px;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	td.names {
		border: thin #cccccc solid;
		background-color: #eeeeee;
		width:  30px;
		height: 20px;
	}
	th.namered {
		border: thin #cccccc solid;
		color: #ff0000;
		background-color: #eeeeee;
		font-size: 16pt;
		font-weight: bold;
		text-align: center;
		width: 210px;
		height: 20px;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}

	td.simple_r {
		border: thin #cccccc solid;
		text-align: right;
		width: 40px;
	}
	td.date, th.date {
		border: thin   #cccccc	 solid;
		background-color: #ffffcc;
		text-align: center;
		width: 30px;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		color: #000000;
	}
	td.datesat, th.datesat {
		border: thin   #cccccc	 solid;
		background-color: #66ccff;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		color: #000000;
	}
	td.datesun, th.datesun {
		border: thin   #cccccc	 solid;
		background-color: #dd5555;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		color: #ffffff;
	}
	td.datehol, th.datehol {
		border: thin   #cccccc	 solid;
		background-color: #dd99bb;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		color: #ffffff;
	}
	td.solotext {
		border: thin #cccccc solid;
                height: 25px;
                text-align: center;
		width: 90%;
        }

	td.text {
		border: thin #cccccc solid;
		height: 25px;
		text-align: center;
	}
	td.text3 {
		border: thin #cccccc solid;
		height: 25px;
		text-align: center;
		width: 30%;
        }
	td.texthon {	// 本番日タイトル用
		border: thin #cccccc solid;
		height: 25px;
		text-align: center;
		background-color: #bbbbbb;
	}
	td.textallrest {	//全日休業
		border: thin #cccccc solid;
		height: 25px;
		text-align: center;
		background-color: #5b9bd5;
	}
	td.textoff {
		border: thin #cccccc solid;
		height: 25px;
		text-align: center;
		background-color: #ffccff;
	}
	td.texthoff {
		border: thin #cccccc solid;
		height: 25px;
		text-align: center;
		background-color: #ccffff;
	}
	td.textnicyoku {
		border: thin #cccccc solid;
		height: 25px;
		text-align: center;
		background-color: #a9cc8e;
	}
	td.textdesk {
		border: thin #cccccc solid;
		height: 25px;
		text-align: center;
		background-color: #ffc000;
	}
	td.textred {
		border: thin #cccccc solid;
		height: 25px;
		text-align: center;
		color: red;
	}
	td.status {
		border: thin #cccccc solid;
		height: 25px;
		width: 70px;
	}
	td.s1 { border: thin	 #cccccc   solid;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	td.s2 { border: thin	 #cccccc   solid;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	td.s3 { border: thin	 #cccccc   solid;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
	td.s4 { border: thick	 #00ffff   inset;  }
	td.s5 { border: medium	 #ff00ff   outset; }
	td.s6 { border: thick	 #ffff00   outset; }

	.widebutton {
	    font-size: 1em;
	    line-height: 1.2;
	    padding: 0.5em var(--padding-x);
	    min-width: 200px;
        }
	select.box, input.button, button.button {
		/* 高さに影響するプロパティが同じ値であることを確認 */
		//font-size: 1em;
		//line-height: 1.2;
		//padding: 0.5em var(--padding-x);
	    font-size: 1em;
	    line-height: 1.2;
	    padding: 0.5em var(--padding-x);
	}
	input.right,button.right {
		font-size: 1em;
		align-items: center; /* コンテンツを垂直方向に中央揃え */
		display: inline-flex;
		display: block;
		margin: 0 0 0 auto;
	}
	select.box {
		font-size: 1.2em;
		width: 150px;
		align-items: center; /* コンテンツを垂直方向に中央揃え */
		display: inline-flex;
	}
        select.boxl {
                font-size: 1.5em;
                width: 300px;
                align-items: center; /* コンテンツを垂直方向に中央揃え */
                display: inline-flex;
        }
	input.button, button.button {
		font-size: 1em;
		align-items: center; /* コンテンツを垂直方向に中央揃え */
		display: inline-flex;
	}
	p.loadmsg {
		text-align: center;
		animation: blinkAnime .5s infinite alternate;
	}
	@keyframes blinkAnime{
	   0% { color: #000000 }
	 100% { color: #cccccc }
	}
</style>