@charset 'UTF-8';
/*---------------------------------------------------------------------------------
blood
---------------------------------------------------------------------------------*/

.wrap_cnt {
  border-top: 1px solid #787878;
}

.result {
  padding-top: 5px;
}

.wrap_cnt dl,
.wrap_cnt dt,
.wrap_cnt dd {
  margin: 0;
  padding: 0;
}

.index p {
  font-size: 12px;
  line-height: 1.6;
  margin: 10px auto;
  text-align: center;
  width: 300px;
}

.outer .intro {
  margin: 20px 0;
}

.index .inner {
  background: #f2e6d0;
  border-top: 2px solid #231815;
  padding: 10px 0;
}

.index .inner .basic {
  font-size: 0;
  margin: 10px auto 0;
  padding: 0;
  width: 300px;
}

.index .inner .basic li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  width: 50%;
}

.index .inner .basic li:nth-of-type(odd) {
  padding-right: 5px;
}

.index .inner .basic li:nth-of-type(even) {
  padding-left: 5px;
}

.index .inner .basic li a {
  border: 2px solid #231815;
  border-radius: 10px;
  display: block;
  padding: 5px 25px 5px 5px;
  position: relative;
}

.index .inner .basic li a:before,
.index .inner .situation li a p:before {
  background-color: #231815;
  border-radius: 20px;
  content: "";
  display: block;
  height: 20px;
  margin-top: -10px;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 20px;
}

.index .inner .situation li a p:before {
  right: 10px;
}

.index .inner .basic li:nth-of-type(1) a:before,
.word .typea .exam .for .happy dt {
  background-color: #ea608e;
}

.index .inner .basic li:nth-of-type(2) a:before,
.word .typeb .exam .for .happy dt {
  background-color: #00afcc;
}

.index .inner .basic li:nth-of-type(3) a:before,
.word .typeo .exam .for .happy dt {
  background-color: #ee7800;
}

.index .inner .basic li:nth-of-type(4) a:before,
.word .typeab .exam .for .happy dt {
  background-color: #6fba2c;
}

.index .inner .basic li a:after,
.index .inner .situation li a p:after {
  background: url(/blood2017/img/arrow.png) -21px center no-repeat;
  -webkit-background-size: auto 12px;
  background-size: auto 12px;
  content: "";
  display: block;
  position: absolute;
  height: 12px;
  margin-top: -6px;
  right: 6px;
  top: 50%;
  width: 12px;
}

.index .inner .situation li a p:after {
  right: 11px;
}

.index .girl,
.index .word {
  background: #fff;
}

.index .girl li a,
.index .word li a {
  background: #f2e6d0;
}

.men .sub {
  border-bottom: 2px solid #231815;
  display: block;
  font-size: 20px;
  margin: 0 auto;
  padding: 0 0 5px;
  position: relative;
  width: 300px;
}

.men.result .sub {
  margin-top: 10px;
}

.men .sub:before,
.men .sub:after {
  border-style: solid;
  border-width: 15px 10px 0 10px;
  content: "";
  left: 50%;
  margin-left: -10px;
  position: absolute;
}

.men .sub:before {
  border-color: #231815 transparent transparent transparent;
  bottom: -15px;
}

.men .sub:after {
  border-color: #f2e6d0 transparent transparent transparent;
  bottom: -12px;
}

.index .men .situation {
  border-top: 1px dashed #231815;
  list-style: none;
  margin: 10px 0 0;
  padding: 10px 0;
}

.index .men .situation li {
  margin: 10px auto 0;
  padding: 0;
  width: 300px;
}

.index .men .situation li a,
.result .situation {
  background: #fff;
  border-radius: 10px;
  color: #231815;
  font-size: 12px;
  line-height: 1.5;
  padding: 5px;
  text-align: left;
  text-decoration: none;
}

.index .men .situation li a p,
.result .situation p {
  background: no-repeat 0 center;
  -webkit-background-size: 80px auto;
  background-size: 80px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.4;
  padding: 0 30px 0 85px;
  position: relative;
  text-align: left;
}

.index .men .situation li:nth-of-type(1) a p,
.result .situation01 p {
  background-image: url(/blood2017/img/situ01.png);
}

.index .men .situation li:nth-of-type(2) a p,
.result .situation02 p {
  background-image: url(/blood2017/img/situ02.png);
}

.index .men .situation li:nth-of-type(3) a p,
.result .situation03 p {
  background-image: url(/blood2017/img/situ03.png);
}

.index .men .situation li a strong,
.result .situation strong {
  display: block;
  font-size: 16px;
}

.index .men .situation li a p,
.result .situation p {
  margin: 5px 0 0;
}

.shop_data dt {
  border-bottom: 6px double #ed7a9b;
  border-top: 6px double #ed7a9b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ed7a9b;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
}

.shop_data dt span {
  background: url(../img/arw_open_b.png) no-repeat 98% center;
  -webkit-background-size: 13px auto;
  background-size: 13px auto;
  display: block;
  margin: 0 auto;
  width: 300px;
}

.shop_data dt span.close {
  background-image: url(../img/arw_close_b.png);
}

.shop_data dd {
  display: none;
  padding: 5px 0 0;
  margin: 0 auto;
  text-align: justify;
  width: 300px;
}

.shop_data dd strong {
  display: block;
}

.shop_data .profile {
  background: url(/blood2017/img/amity.jpg) no-repeat left top;
  -webkit-background-size: 80px;
  background-size: 80px;
  padding-left: 85px;
  font-size: 12px;
  text-align: justify;
  width: auto;
}

.shop_data dd span {
  background: #ec7aac;
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 0 0 5px;
  padding: 5px;
}

.shop_data ul {
  line-height: 1.5;
  padding: 0 0 5px;
}

.shop_data li {
  font-size: 12px;
  padding-left: 17px;
  text-align: left;
}

.shop_data li:nth-of-type(1) {
  background: url(/blood2017/img/icon_time.png) no-repeat left center;
  background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -webkit-background-size: 15px 15px;
}

.shop_data li:nth-of-type(2) {
  background: url(/blood2017/img/icon_address.png) no-repeat left center;
  background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -webkit-background-size: 15px 15px;
}

.shop_data dd img {
  width: 100%;
}

.shop_data a {
  background-position: 10px center, 98% center, left;
  background-repeat: no-repeat;
  background-size: 30px 30px, 13px 20px, auto;
  -moz-background-size: 30px 30px, 13px 20px, auto;
  -webkit-background-size: 30px 30px, 13px 20px, auto;
  border: 2px solid #ec79ac;
  box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 5px 0;
  padding: 8px 10px 8px 45px;
  text-align: left;
  text-decoration: none;
}

.shop_data a + p {
  font-size: 12px;
  margin-bottom: 5px;
}

.shop_data .tel {
  background-image: url(/blood2017/img/icon_tel.png), url(/blood2017/img/icon_arrow_w.png), -moz-linear-gradient(top, #f3a4c7, #ec79ac);
  background-image: url(/blood2017/img/icon_tel.png), url(/blood2017/img/icon_arrow_w.png), -webkit-gradient(linear, left top, left bottom, from(#f3a4c7), to(#ec79ac));
}

.result .detail {
  background: no-repeat center 10px;
  -webkit-background-size: 200px auto;
  background-size: 200px auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px auto;
  overflow: hidden;
  padding: 115px 10px 10px;
  width: 300px;
}

.result .detail p {
  font-size: 14px;
  line-height: 1.7;
  margin: 0;
  text-align: justify;
}

.result .detail .catch {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.result .detail dl,
.result .detail dt,
.result .detail dd {
  margin: 0;
  padding: 0;
}

.result .detail dl {
  background: #fff;
  border: 2px dashed #231815;
  margin: 10px 0 0;
  padding: 10px;
}

.result .detail dt {
  background: url(/blood2017/img/line01.png) repeat-y left top, url(/blood2017/img/line01.png) repeat-y right top;
  -webkit-background-size: 5px auto;
  background-size: 5px auto;
  font-size: 18px;
  margin-bottom: 5px;
  padding: 0;
}

.result .detail dd {
  font-size: 14px;
  line-height: 1.7;
  text-align: justify;
}

.result .typea dt,
.men .typea p span,
.men .typea.situ .catch,
.word .typea .exam strong {
  color: #ea608e;
}

.result .typeb dt,
.men .typeb p span,
.men .typeb.situ .catch,
.word .typeb .exam strong {
  color: #00afcc;
}

.result .typeo dt,
.men .typeo p span,
.men .typeo.situ .catch,
.word .typeo .exam strong {
  color: #ee7800;
}

.result .typeab dt,
.men .typeab p span,
.men .typeab.situ .catch,
.word .typeab .exam strong {
  color: #6fba2c;
}

.girl .detail {
  background-color: #f2e6d0;
  border: 2px solid #231815;
}

.girl .detail p span {
  background: #fff100;
}

.girl .typea {
  background-image: url(/blood2017/img/mnga.png);
}

.girl .typeb {
  background-image: url(/blood2017/img/mngb.png);
}

.girl .typeo {
  background-image: url(/blood2017/img/mngo.png);
}

.girl .typeab {
  background-image: url(/blood2017/img/mngab.png);
}

.men.result,
.word.result {
  background: #f2e6d0;
  padding: 5px 0;
}

.men .detail {
  padding: 115px 0 0;
}

.men .detail .catch {
  font-size: 18px;
  margin-top: 5px;
}

.men .situ {
  background-color: #fff;
}

.men .typea {
  background-image: url(/blood2017/img/mnba.png);
}

.men .typeb {
  background-image: url(/blood2017/img/mnbb.png);
}

.men .typeo {
  background-image: url(/blood2017/img/mnbo.png);
}

.men .typeab {
  background-image: url(/blood2017/img/mnbab.png);
}

.men .detail dl {
  border-width: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 5px;
}

.men .detail dt {
  margin-bottom: 0;
}

.men .detail dd {
  line-height: normal;
  font-size: 16px;
  text-align: center;
}

.men .detail dd span {
  font-size: 26px;
}

.result .situation {
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px auto;
  width: 300px;
}

.result .situation p {
  padding-right: 5px;
}

.result .situ {
  overflow: visible;
  padding: 115px 10px 10px;
  position: relative;
}

.result .situ img {
  position: absolute;
  right: -10px;
  top: -10px;
}

.result .situ dl {
  background: #fff;
  border: 2px dashed #231815;
  float: none;
  margin: 10px 0 0;
  width: auto;
}

.result .situ dt {
  background-image: url(/blood2017/img/line02.png), url(/blood2017/img/line02.png);
  color: #ff0;
  margin-bottom: 10px;
}

.result .situ dd {
  color: #fff;
  font-size: 14px;
  text-align: justify;
}

.result .typea.situ dl {
  background-color: rgba(234, 96, 142, .8);
}

.result .typeb.situ dl {
  background-color: rgba(0, 175, 204, 8);
}

.result .typeo.situ dl {
  background-color: rgba(238, 120, 0, 8);
}

.result .typeab.situ dl {
  background-color: rgba(111, 186, 44, .8);
}

.word .detail {
  background: #fff;
  padding: 10px;
}

.word .detail .exam {
  margin: 10px 0 0;
}

.word .detail .exam strong {
  border: 2px solid;
  display: block;
  font-size: 18px;
  padding: 10px;
  text-align: center;
}

.word .detail .exam .for dl {
  background: #000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 0;
  margin: 10px 0 5px;
  position: relative;
}

.word .detail .exam .for dt,
.word .detail .exam .for dd {
  color: #000;
  display: inline-block;
  line-height: 1.4;
  vertical-align: middle;
}

.word .detail .exam .for .happy:after {
  border-color: transparent transparent #000 transparent;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  content: "";
  left: 50%;
  margin-left: -10px;
  position: absolute;
  top: -20px;
  z-index: 2;
}

.word .detail .exam .for dt {
  background-color: #888;
  background-image: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 12px;
  margin: 0 10px 0 0;
  padding: 5px;
  width: 80px;
}

.word .detail .exam .for dd {
  color: #fff;
  font-size: 16px;
  text-align: center;
  width: 160px;
}

.word .detail .exam p {
  font-size: 12px;
}

.button {
  background: -moz-linear-gradient(top, #fff, #eee);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  border: 1px solid #999;
  border-radius: 3px;
  box-shadow: inset 1px 1px 1px #fff;
  -moz-box-shadow: inset 1px 1px 1px #fff;
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  color: #f66;
  font-size: 14px;
  font-weight: bold;
  margin: 20px auto;
  padding: 10px 0;
  text-decoration: none;
  width: 300px;
}