@charset "UTF-8";

/*Googleカレンダー*/
.calendar-container {
    max-width: 100%;
    position: relative;
    padding-bottom: 90%;
    height: 0;
    overflow: hidden;
  }
  .calendar-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .tzcal-container iframe {
    border: 1px solid #eeeeee!important;
    background-color: rgba(230,230,230,0.4)!important;
    border-radius: 3px;
  }
  .cal_wrapper {
    max-width: 960px;
    min-width: 200px;
    margin: 2.0833% auto;
  }
  .tzcal {
    position: relative;
    padding-bottom: 100%;
    height: 0;
  }
  .tzcal iframe {
    position: absolute;
    top: 0;
    left: 0;
    max-width: inherit !important;
    width: 100% !important;
    height: 100% !important;
  }
  .tzcal iframe {
    border: 1px solid #eeeeee!important;
    padding: 4px!important;
    background-color: rgba(230,230,230,0.4)!important;
    border-radius: 3px;
  }

/*フォームエラーメッセージ*/
.formError .formErrorContent{
  line-height: 1.5;
}

/*============================
レスポンシブ（768px以下）
=============================*/
@media screen and (max-width:768px) {
  /*youtube*/
  .sectionBox .sectionBoxDiv iframe {
    max-width: none;
    width: 100%;
    height: 51vw;
  }
}
@media only screen and (min-width: 768px) {
.tzcal {padding-bottom: 75%;}
}
/*============================
レスポンシブ（600px以下）
=============================*/
@media only screen and (min-width: 600px) {
    .calendar-container {padding-bottom: 75%;}
}