@charset "UTF-8";



/* ここから
------------------------------------*/

.ReservsBox h3 {background: #414141;}

.redtxt {color: #bf0008;}
.my_planame {width: 30% !important;}
.myBox00 {margin: 2% auto 6%; border-bottom: #666 solid 1px; }
.myBox00:last-child {border-bottom: none;}
.yoyaku01, .yoyaku02, .yoyaku03 { font-weight: bold; color: #000;font-size: 3.7vw;}
.yoyaku01 {/*color: #bf0008; border-bottom: #bf0008 solid 2px;*/}
.yoyaku02 {/*color: #0f74bb; border-bottom: #0f74bb solid 2px;*/}
.mySt01, .mySt02, .mySt03 {border-radius: 1.4vw; color: #fff; padding: 1vw; margin-right: 1%; margin-bottom: 1%; display: block; width: 30vw; text-align: center;}
.mySt01 {background: #bf0008;}
.mySt02 {background: #0f74bb;}
.mySt03 {background: #666;}
.receErr {font-size: 90%; display: block;}
.receIssued {display: block; background: #666; border-radius: 4px; padding: 1% 2%; color: #fff; width: 45%; text-align: center;}
.receipt a {display: block; text-decoration: none; color: #fff; font-weight: bold;}
.receipt {
  position: relative;
  display: block;
  padding: 1% 2%;
  text-align: center;
  background: #ff6600;
  border-radius: 4px;
  color: #fff;
  width: 45%;
  box-sizing: border-box;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #984914;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);}
.receipt:hover {
  background: #fc8535;
  box-shadow: 0 3px 0 #ff6600;
}
.receipt:active {
  top: 3px;
  box-shadow: none;
}
button.receipt {
  font-family: "FOT-筑紫ゴシック Pro E", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 18px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  width: unset;
  padding: 1% 7%;
}

.tableS01 {background: #fff; margin: 2% auto;}
.tableS01 th {border: #ccc solid 1px; padding: 7px 13px; background: #618bd0; color: #fff;}
.tableS01 td {border: #ccc solid 1px; padding: 2% 1%;}

.myBox01 {margin-bottom: 4%; padding-bottom: 2%;}
.myBox01 p {text-align: center; border-radius: 1.4vw; margin: 0 auto 2%; box-sizing: border-box; font-weight: bold; font-size: 120%; color: #fff; width: 80%;}
.myBox01 a {display: block; padding: 2% 1%; text-decoration: none; color: #fff;}

.myBtn01 {
  position: relative;
  background: #3538ad;
  border-radius: 4px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #191c6f;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.myBtn01:hover {
  background: #3f44d7;
  box-shadow: 0 3px 0 #3538ad;
}
.myBtn01:active {
  top: 3px;
  box-shadow: none;
}

.myBtn02 {
  position: relative;
  background: #e5006f;
  border-radius: 4px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #8c0a3b;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.myBtn02:hover {
  background: #ff2b92;
  box-shadow: 0 3px 0 #e5006f;
}
.myBtn02:active {
  top: 3px;
  box-shadow: none;
}

.myBtn03 {
  position: relative;
  background: #008842;
  border-radius: 4px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #07542c;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.myBtn03:hover {
  background: #08b059;
  box-shadow: 0 3px 0 #008842;
}
.myBtn03:active {
  top: 3px;
  box-shadow: none;
}

.myBtn04 {
  position: relative;
  background: #666;
  border-radius: 4px;
  color: #fff;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #333;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 2% 1%;
}
/*.myBtn04:hover {
  background: #666;
  box-shadow: 0 3px 0 #666;
}
.myBtn04:active {
  top: 3px;
  box-shadow: none;
}*/
.myCardchange a {
  display: block;
    background: #bf0008;
    padding: 1% 2%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    width: 75%;
    box-sizing: border-box;
    font-size: 96%;
    border-radius: 5px;
    box-shadow: 0 3px 0 #7e0e13;
  position: relative;
    margin: 1% 0;
  -webkit-transition: none;
  transition: none;}
.myCardchange a:hover {
  background: #f00d17;
  box-shadow: 0 3px 0 #bf0008;
}
.myCardchange a:active {
  top: 3px;
  box-shadow: none;
}