@charset "utf-8";

table.head{
	width: 100%;
	margin-top: 24px;
}
table.head2{
margin-top: 8px;
}
.prevM{}
.thisM{ text-align: center;}
.nextM{ text-align: right;}

.closed-calendar{ width: 100%; border-collapse:collapse; margin: 8px 0;}
.closed-calendar th{ background: #666; color: #fff; padding: 8px;border: 1px solid #ddd;}
.closed-calendar th.Month{background: #fff; color: #333; text-align: center;}
.closed-calendar td{ padding: 8px; border: 1px solid #ddd; vertical-align: top;  font-size: 14px; background: #fff; height: 5em; width: 20%; text-align: left;}
.closed-calendar td p{ }
.closed-calendar td p.day{ margin-bottom: 8px; font-size: 0.9em;}
.closed-calendar td p.day span{display: none;}
.closed-calendar td p.edit{ }
.closed-calendar td p b{}
.closed-calendar td.sat{ color: #00f; background: #f9f9ff;}
.closed-calendar td.sun{ color: #c00; background: #fff9f9;}
.closed-calendar td.today{  background: #f9fff9;}
.closed-calendar td.sat p{}
.closed-calendar td.sun p{}

.closed-calendar td div{display: flex; justify-content: space-between;border-bottom: 1px dotted #ccc; padding: 0 0 8px; margin-bottom: 8px; font-size: 12px;}

.input_form{ padding: 24px; background: #f0f0f0;}
.input_form table{ width: 100%;}
.input_form table textarea{width: 100%; height: 100px;}
.input_form table input{padding: 8px 24px;}

.narashino-contents.w1240{
  max-width: 92%;
  margin: auto;
}
.closed-calendar th.holiday,
.closed-calendar td.holiday{ display: none;}


@media (max-width: 540px) {
  .closed-calendar{}
  .closed-calendar tr{
    display: block;
  }
  .closed-calendar th{
    display: block
  }
  .closed-calendar td{
    display: block;
  }
  .closed-calendar .pc,
  .pc{
    display: none;
  }
  span.sp{
    display: inline-block;
    padding-left: 1em;
  }
.closed-calendar td p.day span{display: inline-block;}
.closed-calendar th.holiday,
.closed-calendar td.holiday{opacity: 0.4; display: block;}
  .closed-calendar td.pc,
  .pc{
    display: none;
  }

  
}