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

#Container .mix{
  display: none;
}

.filter{
  text-align: center;

  border-radius: 12;    /* CSS3草案 */
  -webkit-border-radius: 12px;  /* Safari,Google Chrome用 */
  -moz-border-radius: 12px; /* Firefox用 */
  height: 70px;

  display: block;
  margin:0;
  padding:0;
  cursor : pointer;

  transition:0.2s
  }

.filter span{
  transition:0.2s
}  

.filter span:hover{
  color: #fff;
  transition:0.2s
}

.filter h1{
  color: #fff;
  font-size: 200% !important;
  font-weight: 800 !important;
}

.filter h2{
  color: #fff;
  font-size: 120% !important;
}
.filter h3{font-size: 120%;}


.day1{
  padding-top:4px;
  background-color: #3cb371;
  border-bottom: solid 6px #2e8b57;
}

.day2{
  padding-top:4px;
  background-color: #00bfff;
  border-bottom: solid 6px #1e90ff ;
}

.filter.all{
  padding-top:4px;
  background-color: #cd5c5c;
  border-bottom: solid 6px #b22222;
}


.day1:hover{
  padding-top:8px;
  background-color: #3cb371;
  border-bottom: solid 2px #2e8b57;
}

.day2:hover{
  padding-top:8px;
  background-color: #00bfff;
  border-bottom: solid 2px #1e90ff;
}

.filter.all:hover{
  padding-top:8px;
  background-color: #cd5c5c;
  border-bottom: solid 2px #b22222;
}



@media (min-width: 359px) {

.filter h1{
  font-size: 150% !important;
  font-weight: 600 !important;
}
.filter h1 i{font-size: 52%; vertical-align: top; padding:30px 0 10px 0;}
.filter h2{font-size: 120%;}
.filter h3{font-size: 120%;}

}