.container {
        font-family: 'Noto Sans', sans-serif;
          margin-top: 10px;
					margin-bottom: 80px;
/*					width:900px;*/
      }
        h3 {
            margin-bottom: 0;
					  background: #74c855;
						border-bottom: 4px solid #008000;
						margin: 0,0,10px,0;
						font-weight: bold;
						padding: 15px;
				}
				h4 {
					font-weight: bold;
				}
				h5 {
            margin-bottom: 30px;
					  background: #74c855;
						border-bottom: 4px solid #008000;
						margin: 0,0,10px,0;
						font-weight: bold;
						padding: 10px;
						font-size: 18px;
				}
        	.today {
            background: #ffffe0;
        }
				table {
					margin-top: 10px;
				}
			  .sunday{
					color: red;
				}
				.saturday{
					color: blue;
				}
        .holiday{
            color: red;
        }
        .green{
            color: green;
        }
        .slabel_n{
          color: #333333;
          font-weight: normal;
        }
				.slabel_b{
					color: #333333;
					font-weight: bold;
				}
        .slabel_w{
          color: #bbbbbb;
          font-weight: normal;
        }
        .slabel_gb{
          color: #bbbbbb;
          font-weight: bold;
        }
        .slabel_bb{
          color: #0000FF;
          font-weight: bold;
        }
				p.sruline {
					color: white ;
					background: #74c855 ;
/*					font-size: small ; */
					position: absolute;
					right : 20%;
  				display       : inline-block;        /* ブロック化              */
  				padding       : 4px;                 /* 囲み線内の余白          */
					border-left: solid 4px #008000;
				}
				p.sruline:hover{
					color : #333333;
					background: #008800 ;
				}
				p.reserved {
					color: gray;
				}
				p.entered {
					color: #333333;
				}
				p.confirmed {
					color: blue;
					font-weight: bold;
				}
				#right{
					background:rgb(100%,100%,100%);
					padding : 15px;
	/*				width : 600px; */
					float : right;
					font-size: 18px;
				}
				#left{
					color: #333333;
					background:rgb(100%,100%,100%);
					padding : 5px;
					width : 230px;
					float : left;
					font-size: 16px;
					border: solid 3px #008000;/*線*/
					border-radius: 5px;/*角の丸み*/
/*					font-weight: bold; */
				}
				#left li {
					list-style: none;
				}
				#left li a{
					background: #74c855;
					color: white;
					padding: : 5px 10px;
					margin: 0 0 5px 0;
					padding: 3px;
					text-decoration:  none;
					display: block;
					border-left: solid 4px #008000;
				}
				#left li a:hover{
					color : #333333;
					background: #008800 ;
				}
        #navi {
          background:#74c855;/* rgb(25%, 25%, 25%);*/
          padding: 0 0 0 0;
          margin-bottom: 10px;
        }
        #navi ul{
          list-style: none;
          width: 100%;
          margin: 0 auto 0 auto;
        }
        #navi li{
          width: 16%;
          margin: 0 0 0 0;
          float: left;
          text-decoration:  none;
        }
        #navi li a{
          background: #333333; /*#74c855;*/
          color: white;
          padding: 10px 0 10px 0;
          text-decoration:  none;
          text-align: center;
          display: block;
          border-left: solid 4px #008000;
        }
        #navi li a:hover{
          color : #74c855; /* #333333;*/
          background: #008800 ;
        }
        .f_clear{
          clear: both;
        }
        @media screen and (max-width: 991px) {
          .container {
            max-width: none;
            width: none;
            font-size: xxx-large;
            margin: none;
          }
          .table-bordered{
            width: none;
            font-size: xxx-large;
            margin: none;
          }
          p.sruline {
            font-size: xxx-large;
            position: static;
          }
          h3 {
            font-size: xxx-large;
          }
        }


/*				table {
    			border-collapse:  collapse;
					width: 100%;
				}
				th,td {
    		padding: 0 5px 5px 0;
				border: solid 1px;
				}
*/