.button_b {
  display: inline-block;
  width: 550px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_b::before,
.button_b::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_b,
.button_b::before,
.button_b::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_b {
  background-color: #996666;
  border: 2px solid #996666;
  color: #fff;
  line-height: 50px;
}
.button_b:hover {
  background-color: #fff;
  border-color: #996666;
  color: #996666;
  text-decoration:none;
}
.button_lb {
  display: inline-block;
  width: 550px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  
}
.button_lb::before,
.button_lb::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_lb,
.button_lb::before,
.button_lb::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_lb {
  background-color: #ccbaba;
  border: 2px solid #ccbaba;
  color: #fff;
  line-height: 50px;
}
.button_lb:hover {
  background-color: #fff;
  border-color: #ccbaba;
  color: #ccbaba;
  text-decoration:none;
  cursor:default;
}

.button_g {
  display: inline-block;
  width: 550px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_g::before,
.button_g::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_g,
.button_g::before,
.button_g::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_g {
  background-color: #779999;
  border: 2px solid #779999;
  color: #fff;
  line-height: 50px;
}
.button_g:hover {
  background-color: #fff;
  border-color: #779999;
  color: #779999;
  text-decoration:none;
}

.button_r {
  display: inline-block;
  width: 550px;
  height: 60x;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  outline: none;
}
.button_r::before,
.button_r::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_r,
.button_r::before,
.button_r::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_r {
  background-color: #b22222;
  border: 2px solid #b22222;
  color: #fff;
  line-height: 30px;
}
.button_r:hover {
  background-color: #fff;
  border-color: #b22222;
  color: #b22222;
  text-decoration:none;
}

.button_p {
  display: inline-block;
  width: 550px;
  height: 60x;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_p::before,
.button_p::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_p,
.button_p::before,
.button_p::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_p {
  background-color: #cc6666;
  border: 2px solid #cc6666;
  color: #fff;
  line-height: 50px;
}
.button_p:hover {
  background-color: #fff;
  border-color: #cc6666;
  color: #cc6666;
  text-decoration:none;
}

.button_m {
  display: inline-block;
  width: 550px;
  height: 60x;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_m::before,
.button_m::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_m,
.button_m::before,
.button_m::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_m {
/* background-color: #68699b; 
  border: 2px solid #68699b; */
  background-color: #f6b352; 
  border: 2px solid #f6b352;
  color: #fff;
  line-height: 50px;
}
.button_m:hover {
/*  background-color: #fff;
  border-color: #68699b; */
  background-color: #ffffff; 
  border-color: #f6b352;
  color: #f6b352;
  text-decoration:none;
}

.button_lp {
  display: inline-block;
  width: 550px;
  height: 60x;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_lp::before,
.button_lp::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_lp,
.button_lp::before,
.button_lp::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_lp {
  background-color: #ffbaba;
  border: 2px solid #ffbaba;
  color: #fff;
  line-height: 50px;
}
.button_lp:hover {
  background-color: #fff;
  border-color: #ffbaba6;
  color: #ffbaba;
  text-decoration:none;  
  cursor:default;
}

.button_y {
  display: inline-block;
  width: 550px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 60px;
  outline: none;
  margin: 0px 0px -10px 0px;	/* 上側 右側 下側 左側 */
}
.button_y::before,
.button_y::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_y,
.button_y::before,
.button_y::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_y {
  background-color: #999974;
  border: 2px solid #999974;
  color: #fff;
  line-height: 50px;
}
.button_y:hover {
  background-color: #fff;
  border-color: #999974;
  color: #999974;
  text-decoration:none;
}
/* button_my 現在使用していない */
.button_my {
  display: inline-block;
  width: 550px;
  height: 150px;
  text-align: left;
  text-decoration: none;
  line-height: 100px;
  outline: none;
  margin: 0px 0px -20px 0px;	/* 上側 右側 下側 左側 */
}
.button_my::before,
.button_my::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_my,
.button_my::before,
.button_my::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_my {
  background-color: #cccc9b;
  border: 2px solid #cccc9b;
  color: #333;
  line-height: 25px;
}
.button_my:hover {
  background-color: #fff;
  border-color: #cccc9b;
  color: #cccc9b;
  text-decoration:none;
  cursor:default;
}
/* button_ly 現在使用していない */
.button_ly {
  display: inline-block;
  width: 550px;
  height:500px;
  text-decoration: none;
  line-height: 50px;
  outline: none;
}
.button_ly::before,
.button_ly::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_ly,
.button_ly::before,
.button_ly::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_ly {
  background-color: #ffffc2;
  border: 2px solid #ffffc2;
  color: #333;
  line-height: 50px;
}
.button_ly:hover {
  background-color: #fff;
  border-color: #ffffc2;
  color: #ffffc2;
  text-decoration:none;
  cursor:default;
}

.button_bb {
  display: inline-block;
  width: 550px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_bb::before,
.button_bb::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_bb,
.button_bb::before,
.button_bb::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_bb {
  background-color: #6d696a;
  border: 2px solid #6d696a;
  color: #fff;
  line-height: 50px;
}
.button_bb:hover {
  background-color: #fff;
  border-color: #6d696a;
  color: #6d696a;
  text-decoration:none;
}


.button_db {
  display: inline-block;
  width: 550px;
  height: 60px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_db::before,
.button_db::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_db,
.button_db::before,
.button_db::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_db {
  background-color: #2c434b;
  border: 2px solid #2c434b;
  color: #fff;
  line-height: 50px;
}
.button_db:hover {
  background-color: #fff;
  border-color: #2c434b;
  color: #2c434b;
  text-decoration:none;
}

/* 送信[決定]ボタン色付け */
.button_sp {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 10px /* 縦方向5px　横方向10px */
}
.button_sp:hover {
  background-color: #ffbaba;
}

.button_sb {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 10px /* 縦方向5px　横方向10px */
}
.button_sb:hover {
  background-color: #ccbaba;
}

/* 戻るボタン色付け */
.button_modoru {
  font-size: 24px;
  font-weight: bold;
  padding: 0.5em 1.5em;
  text-decoration: none;
  color: #FB7D79;
  background: #ECECEC;
  border-radius: 15px 15px 15px 15px;
  transition: .4s;
  border: solid;
}
.button_modoru:hover {
  color: #FB7D79;
  background: #636363;
  text-decoration: none;
}

/* 戻るボタン小　色付け */
.button_modoru_mini {
  font-size: 12px;
  font-weight: bold;
  padding: 0.5em 1.5em;
  text-decoration: none;
  color: #FB7D79;
  background: #ECECEC;
  border-radius: 15px 15px 15px 15px;
  transition: .4s;
}
.button_modoru:hover {
  color: #FB7D79;
  background: #636363;
  text-decoration: none;
}

/* 回転ボタン */
.button {
  display: inline-block;
  width: 330px;							/* 奥行 */
  height: 55px;							/* 回転判断域 */
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  position: relative;
  -webkit-perspective: 2000px;			/* 3D奥行深さ */
  perspective: 3000px;					/* 3D遠近感 */
}
.button span {
  display: block;
  position: absolute;
  width: 350px;							/* 枠　幅 */
  height: 73px;							/* 枠　高さ */
  border: 2px solid #AE9890;
  text-align: center;
  line-height: 70px;					/* 文字　位置上から */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  pointer-events: none;
}
.button span:nth-child(1) {
  background-color: #AE9890;
  color: #ffffff;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.button span:nth-child(2) {
  background-color: #ffffff;
  color: #4C4C4C;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -30px;
  -moz-transform-origin: 50% 50% -30px;
  transform-origin: 50% 50% -30px;
}
.button:hover span:nth-child(1) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
  background-color: #fff;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

.button_a {
  display: inline-block;
  width: 550px;
  height: 60x;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button_a::before,
.button_a::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_a,
.button_a::before,
.button_a::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_a {
  background-color: #6088C6;
  border: 2px solid #6088C6;
  color: #fff;
  line-height: 50px;
}
.button_a:hover {
  background-color: #fff;
  border-color: #6088C6;
  color: #6088C6;
  text-decoration:none;
}

/* button_la 現在使用していない */
.button_la {
  display: inline-block;
  width: 550px;
  height: 60x;
  text-align: center;
  text-decoration: none;
  line-height: 30px;
  outline: none;
}
.button_la::before,
.button_la::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button_la,
.button_la::before,
.button_la::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button_la {
  background-color: #AEC4E5;
  border: 2px solid #AEC4E5;
  color: #fff;
  line-height: 30px;
}
.button_la:hover {
  background-color: #fff;
  border-color: #AEC4E5;
  color: #AEC4E5;
  text-decoration:none;
}

/* 裏部屋ボタン */
.btn-square-ura {
  font-size: 18px;
  font-weight: normal;
  padding: 0.5em 1.0em;
  text-decoration: none;
  color: #000000;
  background: #ECECEC;
  border-radius: 5px 5px 5px 5px;
  transition: .4s;
}

.btn-square-ura:hover {
  background: #AE9890;
  text-decoration: none;
}

/* 裏部屋ボタン aka*/
.btn-red-ura {
  font-size: 18px;
  font-weight: normal;
  padding: 0.5em 1.0em;
  text-decoration: none;
  color: #aa3300;
  background: #ECECEC;
  border-radius: 5px 5px 5px 5px;
  transition: .4s;
}

.btn-red-ura:hover {
  background: #AE9890;
  text-decoration: none;
}
/* solid010　入れません */
.button_solid010 a {
    background: #4799BB;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 20px 25px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    flex-direction: column;
    border-radius: 8px;
    border-bottom: solid 5px #383838;
}
.button_solid010 a span {
    background: #B0D7D5;
    width: 80%;
    text-align: center;
    position: absolute;
    top: -15px;
    filter: drop-shadow(0px 1px 2px #aaa);
    padding: 3px 0;
    font-size: 0.8rem;
    color: #2A5772;
    border-radius: 5px;
}
.button_solid010 a span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
}
.button_solid010 a:hover {
    border-bottom: solid 2px #2A5772;
    transform: translateY(3px);
}

/* solid011 */
.button_solid011 a {
    background: #6bb6ff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 20px 25px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    flex-direction: column;
    border-radius: 8px;
    border-bottom: solid 5px #1d7fde;
}
.button_solid011 a span {
    background: #FFFF00;
    width: 80%;
    text-align: center;
    position: absolute;
    top: -15px;
    filter: drop-shadow(0px 1px 2px #aaa);
    padding: 3px 0;
    font-size: 0.8rem;
    color: #2b7fde;
    border-radius: 5px;
}
.button_solid011 a span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
}
.button_solid011 a:hover {
    border-bottom: solid 2px #1d7fde;
    transform: translateY(3px);
}

/* solid013 11の逆バージョン */
.button_solid013 a {
    background: #ffc0cb;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 20px 25px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    flex-direction: column;
    border-radius: 8px;
    border-bottom: solid 5px #1d7fde;
}
.button_solid013 a span {
    background: #FFFF00;
    width: 80%;
    text-align: center;
    position: absolute;
    top: -15px;
    filter: drop-shadow(0px 1px 2px #aaa);
    padding: 3px 0;
    font-size: 0.8rem;
    color: #2b7fde;
    border-radius: 5px;
}
.button_solid013 a span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
}
.button_solid013 a:hover {
    border-bottom: solid 2px #1d7fde;
    transform: translateY(3px);
}

/* solid012 吹き出し緑*/
.button_solid012 a {
    background: #6bb6ff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 20px 25px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    flex-direction: column;
    border-radius: 8px;
    border-bottom: solid 5px #1d7fde;
}
.button_solid012 a span {
    background: #99FF00;
    width: 80%;
    text-align: center;
    position: absolute;
    top: -15px;
    filter: drop-shadow(0px 1px 2px #aaa);
    padding: 3px 0;
    font-size: 0.8rem;
    color: #2b7fde;
    border-radius: 5px;
}
.button_solid012 a span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
}
.button_solid012 a:hover {
    border-bottom: solid 2px #1d7fde;
    transform: translateY(3px);
}

/* ホームへ戻るボタン */
.btn-square {
  font-size: 24px;
  font-weight: bold;
  padding: 0.5em 1.0em;
  text-decoration: none;
  color: #FB7D79;
  background: #ECECEC;
  border-radius: 15px 15px 15px 15px;
  transition: .4s;
}

.btn-square:hover {
  background: #636363;
  text-decoration: none;
}


.btn-left-radius {
  font-size: 24px;
  font-weight: bold;
  padding: 0.5em 1.0em;
  text-decoration: none;
  color: #AE9890;
  background: #ECECEC;
  border-radius: 15px 0 0 15px;
  transition: .4s;
}

.btn-left-radius:hover {
  background: #636363;
  text-decoration: none;
}

.btn-right-radius {
  font-size: 24px;
  font-weight: bold;
  padding: 0.5em 1.0em;
  text-decoration: none;
  color: #AE9890;
  background: #ECECEC;
  border-radius: 0 15px 15px 0;
  transition: .4s;
}

.btn-right-radius:hover {
  background: #636363;
  text-decoration: none;
}

.dounyu {
  border-bottom: .1875em solid #1B5E20;
  background-color: #4CAF50;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  padding: 1em 2em;
  margin: 0 0 1em;
  cursor: pointer;
}
.dounyu:hover {
  border-bottom: none;
  transform: translateY(.1875em);
}


.senior {
  border-bottom: .1875em solid #1B5E20;
  background-color: #4CAF50;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  padding: 1em 2em;
  margin: 0 0 1em;
  cursor: pointer;
}
.senior:hover {
  border-bottom: none;
  transform: translateY(.1875em);
}