@charset "UTF-8";

ul.sche-midashi{
  width: 100%;
  border-top: 1px solid #ccc;
  color: #595757;
}
ul.sche-midashi ul{
  display: flex;
	border-bottom: 1px solid #ccc;
}
ul.sche-midashi ul.ul01{
  border-bottom: 0;
}
ul.sche-midashi ul li{
  flex-grow: 1;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  text-align: center;
  padding: 5px;
	align-self: center;
	height: 100%;
}
ul.sche-midashi ul li:nth-child(1){
  width: 12%;
}
ul.sche-midashi ul li:nth-child(2){
  width: 9%;
	font-size: 0.9em;
}
      ul.sche-midashi ul li:nth-child(2) span{
		  display: none
       }
ul.sche-midashi ul li:nth-child(3){
  width: 32%;
	text-align: left;
}
      ul.sche-midashi ul li:nth-child(3) span{
			display: inline-block;
    		margin-right: 0.5rem;
    		padding: 0.2rem 0.5rem;
    		color: #fff;
       }
ul.sche-midashi ul li:nth-child(4){
  width: 32%;
}
ul.sche-midashi ul li:last-child{
	width: 11%;
  border-right: none;
	text-align: left;
}
ul.sche-midashi ul.ul01 li{
  background-color: #ffeaea;
}
ul.sche-midashi ul.ul01 li.li01{
  background-color: #ff9191;  
}
li.bg-month{
	background-color: #dbdbdb;
	padding: 5px;
	color: #A00002;
	font-size: 1.2em;
}

ul.bg-sche-line li:nth-child(2n){
	background-color: #f7f7f7;
}
ul.bg-sche-line li ul li:nth-child(2n){
	background-color:transparent;
}

.month-top{
	margin-top: 4rem;
	text-align: center;
}

ul.sche-midashi li.pc-sche-tit ul li:nth-child(3){
	text-align: center;
}
ul.sche-midashi li.pc-sche-tit ul li:last-child{
	text-align: center;
}


@media screen and (max-width: 640px) {
  ul.sche-midashi ul{
    flex-wrap:wrap;
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe),color-stop(1, #eee));
	  padding: 1rem;
  }

	
	ul.sche-midashi ul li{
		text-align: left;
		padding: 2px;
		border-right: none;
}
	ul.sche-midashi ul li:first-child{
  width:auto;
		order: 1;
		color: #A00002;
}
	ul.sche-midashi ul li:nth-child(2){
  width:auto;
		order: 2;
}
	ul.sche-midashi ul li:nth-child(2) br{
  display:none;
}
      ul.sche-midashi ul li:nth-child(2) span{
		  display:contents;
       }
	ul.sche-midashi ul li:nth-child(3){
  width: 100%;
		order: 4;
}
		ul.sche-midashi ul li:nth-child(4){
  width: 100%;
			order: 3;
			font-size: 1.2em;
}
		ul.sche-midashi ul li:nth-child(5){
  width: 100%;
			order: 5;
			text-align: center;
}
		ul.sche-midashi ul li:nth-child(5) div{
  width: 48%;
			display: inline-block;
			margin: 0 3px;
}
	li.pc-sche-tit{
		display: none;
	}
button.sbsc-bot {
  width: 17em;
}	
}

/* CSS Document */