@charset "utf-8";

/*====================↓カレンダー====================*/


.calendar_frame{
  width: 90%;
  padding: 30px 15px 50px 15px;
  margin-top:30px;
  margin-right:auto;
  margin-left:auto;
  background:#FFF;
}
.calendar_container{
  max-width:1100px;
  display:flex;
  margin:auto;
  padding-bottom:30px;
}
.calendar_container iframe{
  flex-grow:1;
  flex-shrink:1;
  padding-right:30px;
  width:100%;
}
.calendar_container iframe:last-child{
  padding-right:0px;
}
.calendar_container.tablet_size{
  display:none;
}
.calendar_container.sp_size{
  display:none;
}
/* 1100px以下に適用されるCSS */
@media screen and (max-width: 1100px) {
  .calendar_container.pc_size{
    display:none;
  }
  .calendar_container.tablet_size{
    display:block flex;
  }
  .calendar_container.sp_size{
    display:none;
  }
}
/* 835px以下に適用されるCSS */
@media screen and (max-width: 835px) {
  .calendar_container.pc_size{
    display:none;
  }
  .calendar_container.tablet_size{
    display:none;
  }
  .calendar_container.sp_size{
    display:block flex;
  }
}


/*====================↑カレンダー====================*/







/*====================↓日付パターン====================*/


#iframe_calendar_info{
  display: block;
  margin: auto;
  max-width: 1100px;
  width: 100%;
}
/* 1100px以下に適用されるCSS */
@media screen and (max-width: 1100px) {
}
/* 835px以下に適用されるCSS */
@media screen and (max-width: 835px) {
}


/*====================↑日付パターン====================*/