@charset "UTF-8";
/* Scss Document */
/*メディアサイズ*/
/*色*/
/*フォントサイズ*/
/* Scss Document */
/*メデイアクエリブレイクポイント*/
/*clearfix*/
/*webfont*/
.event-day-data {
  display: none; }

.wrap-calen {
  position: relative;
  overflow: hidden; }

.wrap-calen-bana {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: .5s;
  transition: .5s;
  background: rgba(255, 255, 255, 0.7); }

.wrap-calen-bana.on {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

#calen-bana > li {
  display: none; }

#calen-bana > li.on {
  display: block; }

.onEvent {
  cursor: pointer; }

.onEvent a {
  text-decoration: none;
  display: block;
  height: 100%; }

#eventDay {
  margin: 0;
  text-align: center;
  line-height: 100%;
  font-size: 1.4rem;
 }


#month {
  font-family: din-2014, sans-serif;
  text-align: center;
  font-size: 2rem;
  line-height: 100%;
  margin: 2rem 0 -2.5rem;
  line-height: 100%;
  padding: 0;
  background: none;
  border-radius: 0;
  transform: translateX(-1rem);
  color: #555; }

#month small {
  font-size: 0.6em; }

ul#caleButton {
  display: table;
  margin: 0 0 1rem 0;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 1 }

ul#caleButton > li {
  list-style: none;
  display: table-cell;
  width: 50%; }

ul#caleButton > li:nth-child(1) {
  text-align: left;
  padding-left: .5rem; }

ul#caleButton > li:nth-child(2) {
  text-align: right;
  padding-right: .5rem; }

ul#caleButton input[type="button"] {
  font-size: .8rem;
  padding: 0.5rem 1rem;
}

.weekHead, .weekHead li, .calendar ul, .calendar li {
  margin: 0;
  padding: 0;
  list-style: none; }


.dayList {
  background:#FFF;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: solid 1px #AAA;
}

.weekHead > li, .dayList > li {
  box-shadow: 1px 1px #AAA inset;
  position: relative; }

.dayList > li.today {
  background: #EBF7FF;
  position: relative; }
.dayList > li.today .num {
  color: #555;
}

.week {
  text-align: center;
  background: #CCC;
  color: #FFF;
  padding: 0.2rem;
  font-size: 0.8rem; }

.dayList > li.sun .week, .dayList > li.holiday .week,
.weekHead .week.sun, .weekHead .week.holiday {
  background: #f091a7; }

.dayList > li.sat .week,
.weekHead .week.sat {
  background: #83ccd3; }

.dayList > li.onEvent {
  position: relative; }


.calendar .num {
  text-align: center;
  color: #555;
  font-size: 1.3rem;
  line-height: 100%;
  padding: 0.3rem 0 0; }

.dayList .event {
  padding: 0 5%;
  text-align: center;
}

.dayList .event .clen__tag {
  display: block;
  font-size: .8rem;
  width: 100%;
  margin: 5% 0;
	color: #FFF;
}
@media screen and (max-width: 40em) {
  .dayList .event .clen__tag {
    font-size: .7rem;
  }
}


.dayList .event li a {
  display: block;
  padding: 0.3rem 0;
	font-size:80%;
  /*background: #F5F5F5;*/
  color: #FFF;
  border-radius: 3px;
  text-decoration: none;
}

@media screen and (max-width: 40em) {
.dayList .event li a {
  font-size: 85%;
}
}

.ngaMarginWrap {
  display: inline-block;
  margin: auto; }

/*@media screen and (min-width: 35em) {*/
.weekHead, .dayList, #mCSB_1_container {
  width: 100% !important;
  overflow: hidden; }

.weekHead > li {
  width: 14.28% !important;
  padding: 0.3em 0 !important;
  padding: 0.3rem 0 !important;
  float: left; }

.dayList > li {
  width: 14.28% !important;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.7);
  min-height: 4em !important;
  min-height: 4rem !important; }

.weekHead > li:nth-child(7n), .dayList > li:nth-child(7n) {
  box-shadow: 1px 1px #AAA inset, -1px 0 #AAA inset;
  position: relative; }

.dayList > li.fin {
  background: #E5E5E5; }

.dayList > li.fin ul.event {
  display: none; }

.day .week {
  display: none; }

.day .num {
  font-family: din-2014, sans-serif;
  display: block;
  font-weight: bold;
  font-size: 1.5em;
  font-size: 1.5rem; }

.dayList > li.sun .num, .dayList > li.holiday .num {
  color: #f091a7; }

.dayList > li.sat .num {
  color: #83ccd4; }
.calen__bottom{
    padding:.5rem 0;
    font-size:.8rem;
    text-align:center;margin:0;
  }