/*calendar*/
div.cal_wrapper{padding:10px 0;width:50pc;margin:auto}@media screen and (max-width:640px){div.cal_wrapper{width:100%}}div.schedule_wrapper{padding:10px 0;border:solid 2px #ccc;border-radius:10px}div.schedule_wrapper h3{padding:0 10px;font-weight:400;margin:0;font-size:14px;color:#666}div.schedule_wrapper div.schedule_list{padding:0 10px;margin:0;overflow-y:scroll;height:75pt}div.schedule_wrapper div.schedule_list ol{padding:0;margin:5px auto;border-top:solid 1px #ccc}div.schedule_wrapper div.schedule_list ol li{list-style:none;padding:5px 10px 0 0;margin:0 0 0 5px;font-size:.8rem;line-height:1.5em;transition:all .2s ease-in}div.schedule_wrapper div.schedule_list ol li:hover{background:#eee}div.cal_wrapper table{width:100%;table-layout:fixed!important}div.cal_wrapper table th{border-top:1px #9e9c9c solid;border-bottom:1px #9e9c9c solid;padding:10px 5px;width:20%}div.cal_wrapper table.cal tr th p{float:left;padding:5px;margin:0;color:#666;font-size:14px}div.cal_wrapper table.cal tr th div.cal_ui{float:right}div.cal_wrapper table.cal tr th div.cal_ui input{border:solid 1px #ccc;background-color:#fff;font-size:14px;color:#666;margin:0 1px;padding:1px 5px;border-radius:3px}div.cal_wrapper table.cal tr td{border-top:solid 1px #eee;font-size:14px;text-align:center;padding:2px}div.cal_wrapper table.cal tr.headline td{padding:5px 0;color:#666}div.cal_wrapper table.cal tr.headline{background-color:#eee}div.cal_wrapper table.cal tr td div{position:relative;padding:5px 15px;font-size:14px;text-align:center;background-color:#fff;border-radius:3px;white-space:nowrap}div.cal_wrapper table.cal tr td div span{display:none;position:absolute;top:20px;left:0;width:180px;border:solid 1px #eee;background-color:#fff;text-align:left;padding:5px;z-index:3;color:#000;font-weight:400;line-height:1.5em;box-shadow:1px 1px 3px #666;white-space: normal;}div.cal_wrapper table.cal tr td div.Sat{color:#00f}div.cal_wrapper table.cal tr td div.Sun{color:red}div.cal_wrapper table.cal tr td div.Today{border: 2px solid #f90;}div.cal_wrapper table.cal tr td div.Deli{background-color:#efe}div.cal_wrapper table.cal tr td div.Holyday{font-weight:bolder;color:#fff;background-color:#9fb9bf}
div.cal_wrapper table.cal tr td div.Closing{font-weight:bolder;background-color:#9b9694;color:#fff;border-radius:3px}div.cal_wrapper table.cal tr td div.backward{font-weight:400;background-color:#dfdfdf;color:#aaa;border-radius:3px}div.cal_wrapper table.cal tr td div.pointer{cursor:pointer;border: 1px solid #f3f3f3;}div.cal_wrapper table.cal tr td div.pointer:hover{border: 1px solid #9fb9bf;}h3.calt{position:relative;margin-top:20px}h3.calt:before{content:"";display:block;border-top:solid 1px #000;width:100%;height:1px;position:absolute;top:50%;left:15%;z-index:1}h3.calt span{background:#ecefef;padding:0 20px;position:relative;z-index:2;font-size:24px}.caltx{margin:20px 5pc 5px}@media screen and (max-width:640px){.caltx{margin:5px 20px}}


#mobile-detail-container {
  margin-bottom: 0;
  max-height: 0;
  overflow: hidden;
  transition: all .5s ease-in;
  background-color: #fff;
  font-size: .8rem;
  border-radius: 10px;
}

#mobile-detail-container.is-open {
  max-height: 200px;
  margin-bottom: 10px;
  color: #000
}

#mobile-detail-date,
#mobile-detail-content {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}

#mobile-detail-container.is-closing #mobile-detail-date,
#mobile-detail-container.is-closing #mobile-detail-content {
  opacity: 0
}

#mobile-detail-date {
  font-weight: 700;
  color: #1ca31e;
  margin-bottom: 5px
}

#mobile-detail-content {
  white-space: pre-wrap;
}

@media (max-width:768px) {
  div.cal_wrapper table.cal tr td div.pointer:hover {
    border: 1px solid #e5e5e5
  }

  #mobile-detail-container {
    padding: 10px;
    opacity: 0
  }

  #mobile-detail-container.is-open {
    opacity: 1
  }
}

@media (min-width:769px) {

  #mobile-detail-container {
    position: relative;
    max-height: 200px !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    overflow: visible;
    transition: none !important;
    height: 80px;
    color: #000
  }

  #mobile-detail-container:after {
    content: '日付にカーソルを合わせるとここに内容が表示されます';
    opacity: .15;
    position: absolute;
    bottom: .4rem;
    right: 2.5rem;
    font-size: .8rem;
  }

  #mobile-detail-date,
  #mobile-detail-content {
    opacity: 0;
    transition: opacity 0.35s ease-out
  }

  #mobile-detail-container.is-closing #mobile-detail-date,
  #mobile-detail-container.is-closing #mobile-detail-content {
    opacity: 0 !important
  }

  #mobile-detail-container.has-content #mobile-detail-date,
  #mobile-detail-container.has-content #mobile-detail-content {
    opacity: 1
  }
}