@charset "UTF-8";

.corners {width:1000px; margin: 5% auto;}
.corners h3 {
    color: #fff;
    border-radius: 6px 6px 0 0;
    padding: 7px 15px;
    font-size: 18px;
    font-weight: 100;
}
.BlueBox h3 {
    background-color: #414141 !important;
}
.bgG, .bgR, .bgS {
    padding: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bgG {
    background-color: #f1f1f1;
}
.p10_0 {padding: 10px 0;}


.mypagesample {width: 1000px; margin: 0 auto;}


/* ここから　追加+変更のstyle
------------------------------------*/
.ReservsBox h3 {background: #414141;}
.font115 {font-size: 115%;}
.redtxt {color: #bf0008;}
.my_planame {width: 30% !important;}
.myBox00 {margin: 2% auto 3%; border-bottom: #666 solid 1px; }
.myBox00:last-child {border-bottom: none;}
.yoyaku01, .yoyaku02, .yoyaku03 {font-size: 155%; font-weight: bold; color: #000; letter-spacing: 1px;}
.yoyaku01 {/*color: #bf0008;*/}
.yoyaku02 {/*color: #0f74bb;*/}
.mySt01, .mySt02, .mySt03 {border-radius: 4px; color: #fff; padding: 0.3% 1% 0.5%; margin-left: 0.5%;font-size: 95%;}
.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: 40%; 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: 40%;
  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 {
  border: none;
  cursor: pointer;
}

.myBox01 {padding-bottom: 2%; width: 75%; margin: 1% auto; text-align: center;}
.myBox01 p {text-align: center; border-radius: 4px; width: 32%; margin-right: 1%; display: inline-block; box-sizing: border-box; font-size: 135%; font-weight: bold;}
.myBox01 a {display: block; padding: 5% 2%; text-decoration: none; color: #fff; font-weight: bold;}

.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);
  margin-right: 0 !important;
}
.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: 1.6% 2%;
}
/*.myBtn04:hover {
  background: #666;
  box-shadow: 0 3px 0 #666;
}
.myBtn04:active {
  top: 3px;
  box-shadow: none;
}*/

th.myPastdays {width: 23%;}
td.myPaststore {width: 55%; text-align: center;}
.myCardchange a {
  display: block;
    background: #bf0008;
    padding: 2%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    width: 60%;
    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;
}