@charset "utf-8";
body {
    margin: 50px 25px;    font-size: 1em;
    font-family: Meiryo ,"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
.fc-unthemed {
    min-width: 700px; max-width: 1280px; padding: 0 15px;
    margin: 0 auto;
}
.response {
    height: 60px;
}
.success {
    background: #cdf3cd;    padding: 10px 60px;    border: #c3e6c3 1px solid;    display: inline-block;
}
#fm label{ display: inline-block; }
table tr td{   
  border-bottom: 1px solid #ccc;  padding: 1px 0;
}
#fm input,#fm textarea,#fm select{
  font-size: 1em; border: 1px solid #ccc;
}
#fm > div{position: relative;}
input[name="ninzu"],input[name="weight"],input[name="age"]{width: 5em}
input[name="email"]{width: 27em}
input[name="zip"]{width: 7em}
input[name="addr"]{width: 30em}
input[type="password"]{width: 7em}
/* #pswd_wrqap{display: none;} */
#fm i:before{content:"※ " ;color:#d65c74;font-size: .7em; font-weight: 600;}
#fm i{color: #d65c74;  font-size: 0.8em;  margin-right: 1em;}
.balloon {
  display: none;    background-color: #fff0f0;    padding: 10px 20px;    position: absolute;    font-size: .8em;    border-radius: 5px;
    border: 1px solid #777;    box-shadow: 3px 3px 4px #bbb; z-index: 9;left: 133px;
}
.balloon:after {
    border-bottom: 12px solid #fff0f0;    border-right: 12px solid transparent;    border-left: 12px solid transparent;    content: '';
    margin-left: -10px;    position: absolute;    top: -12px;    left: 41%;
    }
.balloon:before {
    border-bottom: 12px solid #777;    border-right: 15px solid transparent;    border-left: 15px solid transparent;    content: '';
    margin-left: -13px;    position: absolute;    top: -13px;    left: 41%;
}
.balloon strong{
  width: 23px;height: 23px; font-size: 2em;background: #0ff;
}
.balloon strong {
    width: 23px;    height: 25px;    font-size: 1.5em;    background: #f5b82d;    display: block;   float: left;    padding: 0px 4px 2px 8px;    box-sizing: border-box;    color: #fff;  border-radius: 3px;    margin-right: 5px;
}


.dialog-in {
  width: 50%;
  height: 100%;
  background: #424242b5;
  box-shadow: 0px 1px 12px #999;
  margin: auto;
  border-radius: 6px;
  position: relative;
  z-index: 10;
  padding: 66px 20px 0;
}

#dialog {
  margin-top: 40vh;
  padding: 30px 20px;
  display: none;
  position: absolute;
  width: 100%;
  height: 120px;
  top: 0;
  left: 0;
}

.acount{    position: absolute;
  top: 0;
  right: 0;
  padding-right: 2em;}

.xdsoft_datetimepicker.xdsoft_noselect {
    position: fixed;
    z-index: 999999;
}

.cource-option{display: flex;}
#fm .cource-option > label{display: block;width: 240px;}
.inner form > div >label:nth-of-type(1){background-color: #ededed;line-height: 45px; width: 10em;
  border-bottom: solid 1px #fff;margin: 0;
  padding: 0 5px;}


#calendar {
    min-width: 700px;
    margin: 0 auto;
}

.response {
    height: 60px;
}

.success {
    background: #cdf3cd;
    padding: 10px 60px;
    border: #c3e6c3 1px solid;
    display: inline-block;
}
a.modalOpen {
  display:block;
  width:200px;
  margin:20px auto 0;
  text-align:center;
  color:#fff;
  background:#000;
  text-decoration:none;
  padding:15px 0;
}
.modal {
  position:absolute;
  /* width:100%;
  height:100vh; */
  top:0;
  left:0;
  display:none;
}
.overLay {
  position: fixed;;
  background:rgba(200,200,200,0.9);
  width:100%;
  height:100vh;
  z-index:10;
  display: block;top: 0;right: 0;color: #777;border: 1px solid;text-decoration: none;padding: 0 ;
}

.modal .inner {
  position: fixed;;
  z-index:999999;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  background:#fff;
  padding:20px;min-width: 800px;
}
.fc-past{color: #ddd;}
.fc-day-top.fc-other-month{opacity: 1; color: #aaa;}
 .modal .inner { box-shadow: 1px 2px 5px #aaa;  text-align: left;}
 
#fm > div >label{font-size: 15px;}
input[name="kibobi"],input[name="tel"]{width: 110px;}
input[name="kokyakuMei"]
,input[name="kokyakuMei-furigana"]
{width: 30%;}
textarea[name="comment"]
{width: 70%; margin-left: 2px}

.tsuika-l{line-height:20px !important; }
.tsuika-r{padding-left:4px;max-width: calc(100% - 13em);}

.tart{text-align: right;}
.closeButton{display: inline-block;
  height: 20px;
  border: solid 1px #ddd;
  width: 20px;
  text-decoration: none;
  padding: 0px 5px 4px 0;
  background: #ddd;
  font-weight: 900;
  font-family: cursive;}

#wpbody-content .fc-day-grid-event:hover{background-color: #FF9800;}
.btn-success{color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;}
.btn-danger{olor: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;}

@media (max-width: 768px){
  .modal{width: 100%;}
  .modal .inner {
    top:0; left:0; transform:translate(0,0); position: absolute;width:100%; padding: 0; min-width: unset;
  }
  #fm > div {
    margin: 23px 10px;
  }
  #fm label {
    display: block;
  }
  #fm > div >label {
    font-size: 1.2em;
  }
  #fm input, #fm textarea, #fm select {
    font-size: 1.15em;
  }
  .inner form > div >label:nth-of-type(1) {
    background-color: unset;
    line-height: 45px;
    width: unset;
  }
  #calendar {
    max-width: unset; min-width: unset;
  }
  input[name="email"]
  ,input[name="addr"]
  ,#comment
  { width: 88%;
  }
  #comment{height: 3em;}
  .mb-block{display: block;}
  .tsuika-l{width: 35% !important; line-height: 1em !important;}
  .tsuika-r{width: 65%;max-width: unset;}
  .tsuika-r label{margin-bottom: 0.4em;}
  #fm input[type="checkbox"]{zoom: 145%; vertical-align: bottom;}
  .overLay {position: static;background: unset;width: unset;height: unset;z-index: 10;display: block;top: 0;right: 0;color: #777;border: none; }

}