.foretelling_list {
  padding: 0 2.5%;
  list-style: none; }
  .foretelling_list > li {
    margin-bottom: .47em;
    border: 1px solid #c0cde6;
    border-radius: .45em;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13);
    background-color: #fff; }
    .foretelling_list > li > .detail {
      display: none;
      background: #f1f1f1;
      padding: .7em .5em;
      border-radius: 5px;
      margin: .4em 2% .8em 2%; }

.foretelling_list_title {
  font-weight: normal;
  position: relative; }
  .foretelling_list_title .num {
    font-size: 250%;
    font-weight: bold;
    display: inline-block;
    margin: .4em 2% 0 2% }
  .foretelling_list_title .month {
    font-size: 80%;
    display: inline-block;
    position: relative;
    top: .2em; }

.foretelling_detail_list {
  list-style: none;
  padding: 0;
  margin: 0 0 .75em;
  zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .foretelling_detail_list:before, .foretelling_detail_list:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .foretelling_detail_list:after {
    clear: both; }
  .foretelling_detail_list li {
    width: 20%;
    float: left;
    text-align: center; }
    .foretelling_detail_list li p {
      font-size: 120%;
      margin-bottom: .85em; }
      .foretelling_detail_list li p img {
        height: 1.15em; }
    .foretelling_detail_list li .ico {
      font-size: 220%; }

.foretelling_detail_comment {
  background: #fff;
  border: 1px solid #624382;
  color: #634a76;
  margin: 0 1% 1.6em 1%;
  padding: .8em 1.1em;
  text-align: center;
  font-size: 120%;
  font-weight: bold; }

.foretelling_detail_title {
  font-size: 120%;
  color: #3b175b;
  padding-left: 1em;
  position: relative;
  margin-left: .3em;
  margin-bottom: .5em;
  font-weight: bold; }
  .foretelling_detail_title:before {
    width: .35em;
    height: 1.3em;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#A877B6), color-stop(97%, #5B3D7D));
    background-image: linear-gradient(-180deg, #A877B6 0%, #5B3D7D 97%);
    border-radius: 1em; }

.foretelling_detail_lucky {
  list-style: none;
  zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          //align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 1%; }
  .foretelling_detail_lucky:before, .foretelling_detail_lucky:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .foretelling_detail_lucky:after {
    clear: both; }
  .foretelling_detail_lucky li {
    width: 20%;
    float: left;
    font-size: 90%;
    text-align: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 2%; }
  .foretelling_detail_lucky .title {
    font-size: 120%;
    color: #fff;
    background: #5f6f9b;
    border-radius: 1.5em;
    font-weight: normal;
    margin: 0 auto .75em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .foretelling_detail_lucky .text {
    font-size: 120%;
    font-weight: bold; }

.foretelling_header {
  text-align: center;
  zoom: 1;
  padding: 0; }
  .foretelling_header:before, .foretelling_header:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"; }
  .foretelling_header:after {
    clear: both; }
  .foretelling_header .normal,
  .foretelling_header .lucky,                                                                          
  .foretelling_header .unlucky {
    display: inline-block;
    width: 80%;
    height: 8.25em;
    background-size: 98% auto;
    background-repeat: no-repeat;
    margin-top: -.2em;
    color: #fff; }
    .foretelling_header .normal .title,
    .foretelling_header .lucky .title,
    .foretelling_header .unlucky .title {
      text-align: left;
      text-indent: -9999px;
      overflow: hidden; }
    .foretelling_header .normal .detail,
    .foretelling_header .lucky .detail,                                                                
    .foretelling_header .unlucky .detail {
      font-size: 60%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      padding-top: 1.8em; }
    .foretelling_header .normal .num,
    .foretelling_header .lucky .num,  
    .foretelling_header .unlucky .num {
      font-size: 400%;
      font-weight: bold; }
    .foretelling_header .normal .month,
    .foretelling_header .lucky .month,                                                                 
    .foretelling_header .unlucky .month {
      font-size: 260%; }
  .foretelling_header .normal {
    background-image: url(../common/img/foretelling/foretelling_00.png); }
  .foretelling_header .lucky {
    background-image: url(../common/img/foretelling/foretelling_02.png); }
  .foretelling_header .unlucky {
    background-image: url(../common/img/foretelling/foretelling_03.png); }

.foretelling_subTitle {
  padding: 0 23%;
  margin-bottom: .5em; }
  .foretelling_subTitle img {
    width: 100%; }

.ico {
  display: inline-block;
  vertical-align: middle; }

.ico-circle {
  width: 1em;
  height: 1em;
  background: url(../common/img/ico/ico_foretelling01.png) no-repeat;
  background-size: 100% auto; }

.ico-triangle {
  width: 1em;
  height: 1em;
  background: url(../common/img/ico/ico_foretelling02.png) no-repeat;
  background-size: 100% auto; }

.ico-cross {
  width: 1em;
  height: 1em;
  background: url(../common/img/ico/ico_foretelling03.png) no-repeat;
  background-size: 100% auto; }

.ico-triangle02 {
  width: 1em;
  height: 1em;
  background: url(../common/img/ico/ico_foretelling04.png) no-repeat;
  background-size: 100% auto; }

.ico-circle02 {
  width: 1em;
  height: 1em;
  background: url(../common/img/ico/ico_foretelling05.png) no-repeat;
  background-size: 100% auto; }

.table-block-uranai01{
  margin-top:5px;
  display:block;
  background:#f1f1f1;
  padding:.7em .5em;
  border-radius:5px;
  margin:.4em 2% .8em 2%;
}

.table-block-uranai02 {
  margin-top:5px;
  display:block;
  border-radius:5px;
  margin:.4em 2% .8em 2%;
}