.breadcrumb ul li a.last:before,
.breadcrumb ul li a.middle:before {
  content: "\e62d";
}
.cheeco_advise h1:before {
  font-size: 22px;
  font-size: 2.2rem;
  font-family: 'icon_00';
  vertical-align: -2px;
  padding-right: 4px;
  content: "\e62d";
  color: black;
}
.cheeco_advise .btn_purple_on {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  color: #ffffff;
  background-color: #AB7DDE;
  padding: 6px 16px;
  margin-right: 20px;
  text-align: center;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
}
.cheeco_advise .btn_purple_off {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  color: #ffffff;
  background-color: #AEAEAE;
  padding: 6px 16px;
  text-align: center;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.matter_area {
  padding-left: 20px;
  margin: 20px auto;
}
.matter_area dt {
  font-size: 16px;
  font-size: 1.6rem;
}
.matter_area .title {
  padding-left: 20px;
  margin-top: -10px;
  margin-bottom: 10px;
}
.matter_area .title a {
  display: inline-block;
  width: 65%;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: text-bottom;
}
.matter_area .title.heart_rev:before {
  font-family: 'icon_00';
  content: "\e628";
  font-size: 26px;
  font-size: 2.6rem;
  color: #FF9EBA;
  padding-right: 10px;
  vertical-align: -4px;
}
.matter_area .title.bag_rev:before {
  font-family: 'icon_00';
  content: "\e641";
  font-size: 26px;
  font-size: 2.6rem;
  color: #B0DE29;
  padding-right: 10px;
  vertical-align: -4px;
}
.matter_area .title.man_rev:before {
  font-family: 'icon_00';
  content: "\e64a";
  font-size: 26px;
  font-size: 2.6rem;
  color: #8CD6FF;
  padding-right: 10px;
  vertical-align: -4px;
}
.matter_area .chara {
  display: inline-block;
  width: 27%;
  font-size: 48px;
  font-size: 4.8rem;
  color: #BA854D;
}
.matter_area.past dt,
.matter_area.past dd {
  display: inline-block;
}
.matter_area.past dt {
  width: 30%;
  text-align: center;
}
.matter_area.past dd {
  width: 67%;
}
h2.heart_rev:before {
  font-family: 'icon_00';
  content: "\e628";
  font-size: 26px;
  font-size: 2.6rem;
  color: #FF9EBA;
  padding-right: 10px;
  vertical-align: -5px;
}
h2.bag_rev:before {
  font-family: 'icon_00';
  content: "\e641";
  font-size: 26px;
  font-size: 2.6rem;
  color: #B0DE29;
  padding-right: 10px;
  vertical-align: -5px;
}
h2.man_rev:before {
  font-family: 'icon_00';
  content: "\e64a";
  font-size: 26px;
  font-size: 2.6rem;
  color: #8CD6FF;
  padding-right: 10px;
  vertical-align: -5px;
}
/* cheeco_advise_answer
---------------------------------------*/
.chara_adviser {
  text-align: center;
  margin: auto;
}
.chara_adviser img {
  width: 186px;
  height: 186px;
  background-color: #fff;
  border: 3px solid #FFAD4D;
  margin: 0 auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-sizing: border-box;
}
.chara_consulter {
  text-align: center;
  width: 80%;
  margin: auto;
}
.chara_consulter img {
  display: block;
  width: 186px;
  height: 186px;
  background-color: #fff;
  border: 3px solid #FFAD4D;
  margin: 0 auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  box-sizing: border-box;
}
.uranai_input {
  border-bottom: 4px solid #E0D6C7;
  padding: 20px 0;
  margin: 10px auto 30px;
}
.uranai_input .left {
  border-right: 1px dotted #AD9682;
}
.uranai_input .right {
  border-left: 1px dotted #AD9682;
}
.uranai_input .icon-heart_rev {
  color: #FF9EBA;
}
.uranai_input .icon-bag_rev {
  color: #B0DE29;
}
.uranai_input .icon-man_rev {
  color: #8CD6FF;
}
[class^='input_area'] {
  margin: 10px auto;
  padding: 6px;
}
[class^='input_area'] legend {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px dotted #AD9682;
  padding-bottom: 6px;
}
[class^='input_area'] table {
  width: 100%;
}
[class^='input_area'] table th {
  width: 25%;
}
[class^='input_area'] th,
[class^='input_area'] td {
  vertical-align: middle;
  padding: 6px 4px;
}
[class^='input_area'] td div {
  display: inline;
}
[class^='input_area'] .input_form {
  margin-bottom: 4px;
  max-width: 170px;
}
[class^='input_area'] label[for="method_select"],
[class^='input_area'] label[for="method_select2"],
[class^='input_area'] label[for="method_input"],
[class^='input_area'] label[for="method_input2"],
[class^='input_area'] label[for^="blood_type_"],
[class^='input_area'] label[for^="gender_m"],
[class^='input_area'] label[for^="gender_f"] {
  display: inline;
  background: #b9b9b9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 3px 6px;
  cursor: pointer;
  border: 1px solid #b9b9b9;
}
[class^='input_area'] input[name="method"]:checked ~ label[for="method_select"],
[class^='input_area'] input[name="method2"]:checked ~ label[for="method_select2"],
[class^='input_area'] input[name="method"]:checked ~ label[for="method_input"],
[class^='input_area'] input[name="method2"]:checked ~ label[for="method_input2"],
[class^='input_area'] input[id^="blood_type_"]:checked + label[for^="blood_type_"] {
  background: #FFA600;
  cursor: pointer;
  border: 1px solid #FFA600;
}
[class^='input_area'] input[id^="gender_m"]:checked + label[for^="gender_m"] {
  border: 1px solid #75BDFF;
  background: none;
}
[class^='input_area'] input[id^="gender_f"]:checked + label[for^="gender_f"] {
  border: 1px solid #FF82A1;
  background: none;
}
[class^='input_area'] .btn_uranai {
  display: block;
  width: 140px;
  height: 34px;
  background-color: #9C73CC;
  text-align: center;
  position: relative;
  padding: 0 4px;
  margin: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #9C73CC;
}
[class^='input_area'] .btn_uranai:before {
  position: absolute;
  top: 0px;
  left: 12px;
  font-family: 'icon_00';
  content: "\e631";
  color: white;
  font-size: 19px;
  font-size: 1.9rem;
}
[class^='input_area'] .btn_uranai input,
[class^='input_area'] .btn_uranai button {
  display: block;
  width: 98%;
  height: 100%;
  margin: auto;
  border: none;
  background: none;
  color: white;
  font-size: 17px;
  font-size: 1.7rem;
}
[class^='input_area'] .btn_uranai input:hover,
[class^='input_area'] .btn_uranai button:hover {
  color: #874AAB;
}
[class^='input_area'] .btn_uranai input:before,
[class^='input_area'] .btn_uranai button:before {
  color: #874AAB;
}
[class^='input_area'] .btn_uranai:hover {
  background-color: white;
  border: 1px solid #874AAB;
}
[class^='input_area'] .btn_uranai:hover input {
  color: #874AAB;
}
[class^='input_area'] .btn_uranai:hover:before {
  color: #874AAB;
}
[class^='input_area'] a.btn_uranai {
  padding-top: 4px;
  font-size: 17px;
  font-size: 1.7rem;
}
.input_area .btn_status {
  color: #856B54;
  padding: 4px 10px;
  text-align: center;
  border: 1px solid #D89D27;
  background-color: #FFFFFF;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: inline-block;
  min-width: 50%;
  max-width: 80%;
  margin: 4px auto;
  cursor: pointer;
}
.input_area .btn_status span {
  color: #FAB505;
}
.input_area .btn_area li > button span {
  padding-right: 4px;
  font-size: 16px;
  font-size: 1.6rem;
}
.input_select {
  margin: 0;
  text-align: center;
}
.input_select #label_select,
.input_select #label_select2 {
  margin-bottom: 10px;
}
.input_select #label_select .body,
.input_select #label_select2 .body {
  padding-left: 32px;
}
.input_select #label_select .body > div,
.input_select #label_select2 .body > div {
  margin-bottom: 8px;
}
.input_select #label_select .body.close,
.input_select #label_select2 .body.close {
  height: 0px;
  overflow: hidden;
}
.input_select #label_select .body.open,
.input_select #label_select2 .body.open {
  display: block;
  height: auto;
  margin-top: 10px;
}
.input_select #label_input,
.input_select #label_input2 {
  margin-bottom: 10px;
}
.input_select #label_input .body,
.input_select #label_input2 .body {
  padding-left: 32px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.input_select #label_input .body > div,
.input_select #label_input2 .body > div {
  margin-bottom: 8px;
}
.input_select label[for^='method_'] {
  width: 220px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 3px 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.input_select select[name*="who"],
.input_select select[name="who2"] {
  width: 230px;
  text-overflow: ellipsis;
}
.result_chara_past {
  width: 180px;
  height: 180px;
  background-color: #fff;
  border: 3px solid #FFAD4D;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 0 auto;
}
.result_arrow_box_00,
.result_arrow_box_01 {
  width: 80%;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #FFF3B6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 14px;
  margin: 20px auto 30px;
}
.result_arrow_box_00:after {
  bottom: 100%;
  left: 25%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: ;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #FFF3B6;
  border-width: 16px;
  margin-left: -16px;
}
.result_arrow_box_01:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: ;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #FFF3B6;
  border-width: 16px;
  margin-left: -16px;
}
/* cheeco_advise_past
---------------------------------------*/
.cheeco_advise_past .list_box {
  background-color: #F9F2E4;
  border-bottom: 1px dashed #C19672;
  padding: 6px 30px;
}
.box_yellow_type2 {
  background-color: #FFF3B6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 14px;
}