/* variable settings --- */
/* --- */
/* mixins --- */
/* --- */
/* line 24, tarot.css.scss */
.tarot .global.main h1 {
  margin: 0;
  padding: 0;
  height: 38px; }
  /* line 28, tarot.css.scss */
  .tarot .global.main h1 img {
    display: block; }
/* line 31, tarot.css.scss */
.tarot .global.main header nav {
  border-bottom: 1px solid #cccccc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(5%, #f2f2f2));
  background-image: -webkit-linear-gradient(#000000, #f2f2f2 5%);
  background-image: -moz-linear-gradient(#000000, #f2f2f2 5%);
  background-image: -o-linear-gradient(#000000, #f2f2f2 5%);
  background-image: linear-gradient(#000000, #f2f2f2 5%);
  height: 39px;
  line-height: 39px; }
  /* line 36, tarot.css.scss */
  .tarot .global.main header nav a {
    font-weight: normal;
    font-size: 14px;
    color: #0499e5;
    height: 39px; }
/* line 42, tarot.css.scss */
.tarot .global.main h2 {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
  background-image: -webkit-linear-gradient(#ffffff, #efefef);
  background-image: -moz-linear-gradient(#ffffff, #efefef);
  background-image: -o-linear-gradient(#ffffff, #efefef);
  background-image: linear-gradient(#ffffff, #efefef);
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px;
  margin-bottom: 14px; }
  /* line 46, tarot.css.scss */
  .tarot .global.main h2 a {
    overflow: hidden;
    *zoom: 1;
    font-weight: bold;
    font-size: 16px;
    color: black;
    display: block;
    padding: 8px 28px 8px 10px;
    background: url(../img/ico_arrow_pink_04.png) no-repeat 302px center;
    background-size: 11px 17px;
    text-decoration: none; }
    /* line 54, tarot.css.scss */
    .tarot .global.main h2 a span {
      display: inline;
      float: right; }

/* line 61, tarot.css.scss */
.tarot_index .global.main {
  background: #fbe3fc; }
  /* line 64, tarot.css.scss */
  .tarot_index .global.main p img {
    display: block; }
  /* line 66, tarot.css.scss */
  .tarot_index .global.main ul {
    overflow: hidden;
    *zoom: 1;
    margin-left: 7px;
    padding-bottom: 7px; }
    /* line 70, tarot.css.scss */
    .tarot_index .global.main ul li {
      display: inline;
      float: left;
      margin-right: 7px;
      margin-bottom: 10px; }
      /* line 75, tarot.css.scss */
      .tarot_index .global.main ul li a img {
        display: block; }

/* line 83, tarot.css.scss */
.tarot_howto .global.main {
  padding-bottom: 20px;
  background: #fbe3fc; }
  /* line 86, tarot.css.scss */
  .tarot_howto .global.main h2 {
    font-weight: bold;
    font-size: 16px;
    color: black;
    padding: 8px 10px; }
  /* line 90, tarot.css.scss */
  .tarot_howto .global.main dl {
    margin-left: auto;
    margin-right: auto;
    width: 300px; }
    /* line 93, tarot.css.scss */
    .tarot_howto .global.main dl dt {
      -moz-border-radius-topleft: 12px;
      -webkit-border-top-left-radius: 12px;
      border-top-left-radius: 12px;
      -moz-border-radius-topright: 12px;
      -webkit-border-top-right-radius: 12px;
      border-top-right-radius: 12px;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a744ab), color-stop(100%, #922f96));
      background-image: -webkit-linear-gradient(#a744ab, #922f96);
      background-image: -moz-linear-gradient(#a744ab, #922f96);
      background-image: -o-linear-gradient(#a744ab, #922f96);
      background-image: linear-gradient(#a744ab, #922f96);
      font-weight: normal;
      font-size: 16px;
      color: white;
      padding: 8px 12px;
      border-bottom: 1px solid #cccccc;
      text-align: center; }
    /* line 101, tarot.css.scss */
    .tarot_howto .global.main dl dd {
      -moz-border-radius-bottomleft: 12px;
      -webkit-border-bottom-left-radius: 12px;
      border-bottom-left-radius: 12px;
      -moz-border-radius-bottomright: 12px;
      -webkit-border-bottom-right-radius: 12px;
      border-bottom-right-radius: 12px;
      -webkit-box-shadow: black 0px 1px 1px;
      -moz-box-shadow: black 0px 1px 1px;
      box-shadow: black 0px 1px 1px;
      font-weight: normal;
      font-size: 14px;
      color: black;
      margin-bottom: 20px;
      padding: 15px;
      background: #fceffd; }
    /* line 109, tarot.css.scss */
    .tarot_howto .global.main dl dd:last-child {
      margin-bottom: 0; }

/* line 113, tarot.css.scss */
.tarot_divine .global.main {
  background: #fbe3fb;
  background-size: 20px 20px;
  padding-bottom: 20px; }
  /* line 117, tarot.css.scss */
  .tarot_divine .global.main h2 {
    font-weight: bold;
    font-size: 16px;
    color: black;
    padding: 8px 10px; }
  /* line 121, tarot.css.scss */
  .tarot_divine .global.main p {
    font-weight: bold;
    font-size: 16px;
    color: black;
    margin: 10px auto;
    width: 304px; }
  /* line 126, tarot.css.scss */
  .tarot_divine .global.main p.input.submit {
    margin-top: 20px; }
  .tarot_divine .global.main canvas {
	zoom: 0.5;
	background-color: #fbe3fb; }

/* line 131, tarot.css.scss */
.tarot_result .global.main {
  background: url(../img/tarot/bg_tarot_01.gif);
  background-size: 20px 20px;
  padding-bottom: 20px; }
  /* line 135, tarot.css.scss */
  .tarot_result .global.main h2 {
    font-weight: bold;
    font-size: 16px;
    color: black;
    padding: 8px 10px; }
  /* line 139, tarot.css.scss */
  .tarot_result .global.main p {
    font-weight: normal;
    font-size: 14px;
    color: black;
    margin: 10px auto;
    width: 304px; }
  /* line 144, tarot.css.scss */
  .tarot_result .global.main p.result {
    font-weight: bold;
    font-size: 16px;
    color: black;
    text-align: center; }

/* line 150, tarot.css.scss */
.tarot_profile .global.main {
  padding-bottom: 20px;
  background: #fbe3fc; }
  /* line 153, tarot.css.scss */
  .tarot_profile .global.main h2 {
    font-weight: bold;
    font-size: 16px;
    color: black;
    padding: 8px 10px; }
  /* line 157, tarot.css.scss */
  .tarot_profile .global.main p.images {
    padding-bottom: 5px;
    margin-bottom: 13px; }
    /* line 160, tarot.css.scss */
    .tarot_profile .global.main p.images img {
      -webkit-box-shadow: black 1px 2px 3px;
      -moz-box-shadow: black 1px 2px 3px;
      box-shadow: black 1px 2px 3px;
      display: block;
      border: 3px solid #fff; }
  /* line 166, tarot.css.scss */
  .tarot_profile .global.main dl {
    margin-left: auto;
    margin-right: auto;
    width: 300px; }
    /* line 169, tarot.css.scss */
    .tarot_profile .global.main dl dt {
      -moz-border-radius-topleft: 12px;
      -webkit-border-top-left-radius: 12px;
      border-top-left-radius: 12px;
      -moz-border-radius-topright: 12px;
      -webkit-border-top-right-radius: 12px;
      border-top-right-radius: 12px;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a744ab), color-stop(100%, #922f96));
      background-image: -webkit-linear-gradient(#a744ab, #922f96);
      background-image: -moz-linear-gradient(#a744ab, #922f96);
      background-image: -o-linear-gradient(#a744ab, #922f96);
      background-image: linear-gradient(#a744ab, #922f96);
      font-weight: normal;
      font-size: 16px;
      color: white;
      padding: 8px 12px;
      border-bottom: 1px solid #cccccc;
      text-align: center; }
    /* line 177, tarot.css.scss */
    .tarot_profile .global.main dl dd {
      -moz-border-radius-bottomleft: 12px;
      -webkit-border-bottom-left-radius: 12px;
      border-bottom-left-radius: 12px;
      -moz-border-radius-bottomright: 12px;
      -webkit-border-bottom-right-radius: 12px;
      border-bottom-right-radius: 12px;
      -webkit-box-shadow: black 0px 1px 1px;
      -moz-box-shadow: black 0px 1px 1px;
      box-shadow: black 0px 1px 1px;
      font-weight: normal;
      font-size: 14px;
      color: black;
      margin-bottom: 20px;
      padding: 15px;
      background: #fceffd; }
    /* line 185, tarot.css.scss */
    .tarot_profile .global.main dl dd:last-child {
      margin-bottom: 0; }

/* tarot_ouhi */
.tarot_ouhi .global.main {
  padding-bottom: 0;
  background: #052468; }
  .tarot_ouhi .global.main h2 {
    margin-bottom: 0;
    padding: 0; }
  .tarot_ouhi .global.main img {
    display: block;
    margin: 0 auto; }
  .tarot_ouhi .global.main dl {
    margin-left: auto;
    margin-right: auto;
    width: 304px; }
    .tarot_ouhi .global.main dl dt {
      -moz-border-radius-topleft: 12px;
      -webkit-border-top-left-radius: 12px;
      border-top-left-radius: 12px;
      -moz-border-radius-topright: 12px;
      -webkit-border-top-right-radius: 12px;
      border-top-right-radius: 12px;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6e30cc), color-stop(100%, #35067d));
      background-image: -webkit-linear-gradient(#6e30cc, #35067d);
      background-image: -moz-linear-gradient(#6e30cc, #35067d);
      background-image: -o-linear-gradient(#6e30cc, #35067d);
      background-image: linear-gradient(#6e30cc, #35067d);
      font-weight: normal;
      font-size: 16px;
      color: white;
      padding: 8px 12px;
      border-bottom: 1px solid #cccccc;
      text-align: center; }
    .tarot_ouhi .global.main dl dd {
      -moz-border-radius-bottomleft: 12px;
      -webkit-border-bottom-left-radius: 12px;
      border-bottom-left-radius: 12px;
      -moz-border-radius-bottomright: 12px;
      -webkit-border-bottom-right-radius: 12px;
      border-bottom-right-radius: 12px;
      -webkit-box-shadow: black 0px 1px 1px;
      -moz-box-shadow: black 0px 1px 1px;
      box-shadow: black 0px 1px 1px;
      margin-bottom: 10px;
      font-weight: normal;
      font-size: 14px;
      color: black;
      background: #f5eeff; }
    .tarot_ouhi .global.main dl dd p { padding: 15px; }
    .tarot_ouhi .global.main dl dd p + p { padding-top: 0; }
    .tarot_ouhi .global.main dl dd p.image { padding: 0 0 15px; }

  .tarot_ouhi .global.main .ouhilist { margin-left: 3px; }
    .tarot_ouhi .global.main .ouhilist li {
      float: left;
      width: 157px;
    }

  .tarot_ouhi .global.main .button {
    margin: 10px auto;
    width: 304px;
  }
    .tarot_ouhi .global.main .button a {
      display: block;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #aa85e1), color-stop(50%, #9365d8), color-stop(50%, #7f49d2), color-stop(100%, #6e31cb));
      background-image: -webkit-linear-gradient(#aa85e1, #9365d8 50%, #7f49d2 50%, #6e31cb);
      background-image: -moz-linear-gradient(#aa85e1, #9365d8 50%, #7f49d2 50%, #6e31cb);
      background-image: -o-linear-gradient(#aa85e1, #9365d8 50%, #7f49d2 50%, #6e31cb);
      background-image: linear-gradient(#aa85e1, #9365d8 50%, #7f49d2 50%, #6e31cb);
      padding: 5px;
      width: 294px;
      font-weight: bold;
      font-size: 17px;
      color: #fff;
      text-align: center;
      text-shadow: 1px 1px 2px rgba(0,0,0,0.75);
    }
  .tarot_ouhi .global.main .period {
    font-weight: bold;
    font-size: 16px;
    color: #561fac;
  }
  .tarot_ouhi .global.main dd a {
    color: #561fac;
    text-decoration: underline;
  }