@charset "UTF-8";

/* --------------------------------------------
 *
 * Format Ver  : 2.4
 * Last UpDate : 2013/02/19
 *
-------------------------------------------- */


.rec-link {
  display: inline-block;
  padding-top: 0.5rem;
  color: #333 !important;
}

.rec-link.none {
  pointer-events: none;
  color: #ccc !important;
}

.rec-btn {
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  background: #ff8000;
  border-radius: 3px;
  padding: 10px 40px;
  display: block;
  width: fit-content;
  margin: 60px auto 20px; 
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
}

.rec-btn:hover {
  background: #ff9933;
  text-decoration: none;
}

.rec-btn::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  transform: rotate(-225deg);
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  margin: auto;
}

.rec-h1 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.rec-h2 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  background: #937617;
  padding: 5px 15px;
}

.rec-div-box {
  text-align: center;
}

.rec-div {
  color: #937617;
  font-size: 26px;
  font-weight: 600;
  margin: 20px 0;
}

.rec-box {
  display:flex;
}

.rec-box-item {
  flex: 0 0 50%;
}

.rec-box-btn {
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  background: #ff8000;
  border-radius: 3px;
  padding: 10px 40px;
  display: block;
  width: 150px;
  margin: 30px auto 10px; 
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
}

.rec-box-btn::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  transform: rotate(-225deg);
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  margin: auto;
}

.rec-box-btn:hover {
  background: #ff9933;
  text-decoration: none;
}

.rec-box-btn.part {
  background: #40b15d !important;
  text-decoration: none;
}

.rec-box-btn.part:hover {
  background: #5DBD75 !important;
  text-decoration: none;
}

.rec-box-btn.disable {
  pointer-events: none;
  background: #ccc !important;
}

.pri-box {
  height: 187.562px;
  overflow: auto;
  line-height: 24px;
}

.thanks-h, .pri-h {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
  text-align: center;
}