@charset "utf-8";
/*----------------------------------
Reset Setting
-----------------------------------*/
*,
*:before,
*:after {
  margin: 0px;
  padding: 0px;
}
html {
  overflow-x: hidden;
  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, sans-serif;
}
body {
  min-width: 950px;
  background: #000;
}
/* 開発環境 */
html.devel body::before{
  content: "devel";
  text-align: center;
  color: #fff;
  position: fixed;
  top: 3px;
  left: 50%;
  margin: 0 0 0 -20px;
  padding: 3px;
  border-radius: 3px;
  line-height: 1;
  font-size: 12px;
  background-color: rgba(240, 0, 0, .75);
  width: 80px;
  display: block;
  z-index: 19999;
}
input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}
input[type="button"]:focus,
button:focus {
	outline:0;
}
#cp_content {
  font-size: 100%; /*16px;*/
  line-height: 1.3;
  font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
  _line-break: strict;
  -webkit-text-size-adjust: 100%;
  text-align: center;
  color: #000;
  letter-spacing: 0;
}
#cp_content *{
  box-sizing: border-box;
}
#cp_content img {
  border: 0;
  vertical-align: middle;
}
#cp_content form {
  margin: 0 auto;
  padding: 0;
}
#cp_content table {
  border-collapse: collapse;
  border-spacing: 0px;
  empty-cells: hide;
  text-align: left;
  font-size: 1em;
  border: 0;
  padding: 0;
}
#cp_content tr, #cp_content td, #cp_content th, #cp_content thead, #cp_content tbody, #cp_content tfoot, #cp_content colgroup, #cp_content col {
  border-width: 0px;
}
#cp_content ul, #cp_content ol{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#cp_content li {
  margin: 0;
  padding: 0;
}
#cp_content h1, #cp_content h2, #cp_content h3, #cp_content h4, #cp_content h5 {
  margin: 0 auto;
  text-align: left;
  font-weight: bold !important;
  font-size: 1.1em;
  font-weight: bold;
}
#cp_content P {
  margin: 0 auto;
  text-align: left;
}
#cp_content hr {
  display: none;
}
#cp_content em {
  font-style: normal;
  font-weight: bold;
}
#cp_content a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
#cp_content a:hover {
  text-decoration: none;
}
#cp_content a:visited {}
#cp_content p, #cp_content div, #cp_content li {
}
#cp_content h4 a {
  font-size: 110%;
  display: block;
}
#cp_content em {
  font-weight: bold;
  font-style: normal;
}
#cp_content .price_info em{
  font-weight: normal;
}
#cp_content div, #cp_content dl, #cp_content dt, #cp_content dd, #cp_content ul, #cp_content ol, #cp_content li, #cp_content pre, #cp_content form, #cp_content fieldset, #cp_content input, #cp_content textarea, #cp_content p, #cp_content blockquote, #cp_content th, #cp_content td {
  line-height: 1.4;
  word-break: break-all;
  word-wrap: break-word;
}
#cp_content h1, #cp_content h2, #cp_content h3, #cp_content h4, #cp_content h5, #cp_content h6 {
  font-size: 1.1em;
  font-weight: bold;
}
#cp_content .img_center {
  text-align: center;
}
#cp_content input[type="text"], #cp_content textarea {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.4;
  padding: 5px 20px;
  margin: 0 5px 0 0;
  word-break: break-all;
  word-wrap: break-word;
  height: auto;
  vertical-align: middle;
  border: 2px solid #777;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}
#cp_content select {
  font-size: 20px;
  padding: 5px 50px 5px 20px;
  vertical-align: middle;
  border: 2px solid #777;
  background-color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	-moz-appearance: none; 
	-webkit-appearance: none; 
  appearance: none;
  background-image: url(./../img/input/select_icon.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: contain;
}
#cp_content select::-ms-expand {
  display: none;
}

/*--------------------
共通クラス
--------------------*/
/* メニュー枠 */
#cp_content .icon {
  float: left;
}
#cp_content .tbl:after {
  content: "";
  clear: both;
  display: block;
}
#cp_content .tbl .inner::after {
  content: "";
  clear: both;
  display: block;
}
#cp_content .menu_info {
  float: right;
}
#cp_content .price_info {
  text-align: right;
  margin-top: .2em;
}
#cp_content .price_info SPAN{
  font-weight: normal;
  color: #000;
}
#cp_content .update {
  text-align: right;
}
#cp_content .menu_info_bot {
  float: left;
  width: 100%;
}

/* 説明設定 一式*/
#cp_content .description {
  width: 950px;
  margin: 0 auto;
}
#cp_content .description p {
  text-align: center;
}
#cp_content .description em {}
#cp_content .description a {
  font-weight: bold;
}
#cp_content .description {
}
#cp_content .description p {
  color: #fff;
}
#cp_content .description .caption {
  margin-top: 1em;
  color: #fff;
}
#cp_content .description .menucaption {
  color: #fff;
  text-align: left;
  width: 740px;
  margin: 10px auto 10px;
  line-height: 1.7;
  font-size: 18px;
}
#cp_content .description .normal_price {
  color: #fff;
}
#cp_content .description .special_price {
  color: #fff100;
}
#cp_content .description em, #cp_content .description .premium, #cp_content .description a, #cp_content .description .pr {
  color: #fff;
}
#cp_content .description a {
  color: #fff100;
}

/*input用*/
#cp_content.input .description {
}
#cp_content.inputfree .description {
}

#cp_content .info_text {
	text-align: center;
	color: #fff;
  margin: 1.5% auto 1%;
  font-size: 18px;
}

/*マウスオーバー*/
img.overBtn {
}
img.overBtn.hover {
  animation: btnBright 500ms linear 0ms 1;
}
@keyframes btnBright {
  0% {
    filter: brightness(1);
  }
  5% {
    filter: brightness(1.3);
  }
  100% {
    filter: brightness(1);
  }
}


/*--------------------
コンテンツ
--------------------*/
body {
	background-image: url(./../img/common/bg_body_hdr.jpg), url(./../img/common/bg_body_bdy.jpg);
  background-repeat: no-repeat, repeat-y;
  background-position: center top, center top;
  background-attachment: fixed;
}
#cp_content {
  font-size: 100%; /*16px;*/
  line-height: 1.3;
  font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, sans-serif;
  _line-break: strict;
  -webkit-text-size-adjust: 100%;
}
#cp_content .icon {
  width: 72px;
  width: 86px;
}
#cp_content .icon img {
  width: 72px;
  width: 86px;
}
#cp_content .menu_info img {
  max-width: 100%;
}
#cp_content #error {
  width: 856px;
  min-height: 30vh;
  margin: 0px auto;
  color: #fff;
  display: flex;
  align-items: center;
}
#cp_content #error p {
	font-size: 110%;
  text-align: center;
}

/*----------------------------------
プリロード
--------------------------------------*/
#preloaded_images {
	width: 0px;
	height: 0px;
	display: inline;
}
.index #preloaded_images {
	background-image: url(./../img/index/topmenu_btn1_on.png),
  url(./../img/index/topmenu_btn2_on.png),
  url(./../img/index/cat_nav_on.jpg),
  url(./../img/index/btn_kantei_on.png);
}
.profile #preloaded_images {
}
.input #preloaded_images {
  background-image: url(./../img/input/btn_imasugu_on.png),
  url(./../img/shuffle/btn_tryal_off.png),
  url(./../img/shuffle/btn_tryal_on.png),
  url(./../img/shuffle/btn_charge_off.png),
  url(./../img/shuffle/btn_charge_on.png),
  url(./../img/shuffle/btn_start_off.png),
  url(./../img/shuffle/btn_start_on.png),
  url(./../img/shuffle/btn_end_off.png),
  url(./../img/shuffle/btn_end_on.png),
  url(./../img/shuffle/btn_continue_off.png),
  url(./../img/shuffle/btn_continue_on.png),
  url(./../img/shuffle/btn_reshuffle_off.png),
  url(./../img/shuffle/btn_reshuffle_on.png);
}
.result #preloaded_images {
  background-image: url(../img/result/btn_next_on.png),
  url(./../img/shuffle/btn_tryal_off.png),
  url(./../img/shuffle/btn_tryal_on.png),
  url(./../img/shuffle/btn_charge_off.png),
  url(./../img/shuffle/btn_charge_on.png),
  url(./../img/shuffle/btn_start_off.png),
  url(./../img/shuffle/btn_start_on.png),
  url(./../img/shuffle/btn_end_off.png),
  url(./../img/shuffle/btn_end_on.png),
  url(./../img/shuffle/btn_continue_off.png),
  url(./../img/shuffle/btn_continue_on.png),
  url(./../img/shuffle/btn_reshuffle_off.png),
  url(./../img/shuffle/btn_reshuffle_on.png);
}



/*--------------------
pay_attention
--------------------*/
#cp_content .pay_attention {
  width: 820px;
  margin: 20px auto 20px;
  text-align: center;
}
#cp_content .pay_attention P {
  text-align: center;
  color: #fff;
  margin-top: 1em;
  line-height: 1.6;
}
#cp_content .pay_attention P EM {
  color: #FFF100;
  font-weight: bold;
}
#cp_content .pay_attention P.premium {
  color: #fff;
  font-weight: bold;
}
#cp_content .pay_attention P.premium A {
  color: #FFF100;
  font-weight: bold;
}
#cp_content .pay_attention P .special_price {
  color: #FFF100;
  font-weight: bold;
}
#cp_content .pay_attention P .normal_price {
  color: #fff;
  font-weight: bold;
}
#cp_content .pay_attention .text_box {
  text-align: center;
  margin-top: 0;
}

#cp_content.result .pay_attention STRONG A{
  color: #FFF100;
}

#cp_content.result .pay_attention .next_btn {
  margin-top: 20px;
}

#cp_content.index .content_box {}
#cp_content.index #header {
  background: url(./../img/common/kv_top.png) no-repeat 50% top;
  height: 840px;
  position: relative;
  z-index: 10;
}
#cp_content.index #header .header_bdy {
  width: 950px;
  height: 430px;
  margin: 0 auto;
  position: relative;
}
#cp_content.index #header H1 {
  width: 950px;
  height: 540px;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;
  text-indent: -9999px;
}
#cp_content #g_menu {
  margin: -25px auto -150px;
  background: url(./../img/common/nav_off.png) no-repeat 50% top;
  padding: 55px 0 28px 0;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 258px;
}
#cp_content #g_menu .nav {
  width: 912px;
  height: 87px;
  margin: 0px auto;
  padding: 0;
}
#cp_content #g_menu .nav UL {
  display: flex;
  justify-content: space-between;
}
#cp_content #g_menu LI {
  display: block;
  width: 455px;
}
#cp_content #g_menu LI A,
#cp_content #g_menu LI SPAN {
  display: block;
  width: 100%;
  height: 87px;
  background: url(./../img/common/nav_on.jpg) no-repeat;
  text-indent: -9999px;
}
#cp_content #g_menu LI A {
  opacity: 0;
  transition: opacity .3s;
}
#cp_content #g_menu LI SPAN {
  opacity: 1;
}
#cp_content #g_menu LI.nav1 {
}
#cp_content #g_menu LI.nav2 {
}
#cp_content #g_menu LI.nav1 A,
#cp_content #g_menu LI.nav1 SPAN {
  background-position: 0px 0px;
}
#cp_content #g_menu LI.nav2 A,
#cp_content #g_menu LI.nav2 SPAN {
  background-position: -457px 0px;
}
#cp_content #g_menu LI A:hover {
  opacity: 1;
}
#cp_content .h_text {
  text-align: center;
  margin: 0 auto 110px;
}
#cp_content #contentmain {
  margin: 0;
  padding: 84px 0 0 0;
  background: url(./../img/common/bg_content.png) repeat-y 50% 40px;
}


/*--------------------
index topmenu
--------------------*/
#cp_content #topmenu {
  width: 940px;
  height: 305px;
  margin: 0px auto;
  /*
  display: flex;
  justify-content: space-between;
  */
  z-index: 1;
  position: relative;
  top: 536px;
}
#cp_content #topmenu P {
  /*flex: 0 0 469px;*/
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  position: relative;
  padding: 35px 5px 10px;
  width: 469px;
  height: 305px;
}
#cp_content #topmenu P::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
#cp_content #topmenu P:hover::after {
  opacity: 1;
  animation: topmenuHover 200ms linear 0ms 1 normal forwards;
}
#cp_content #topmenu .btn1 {
  background-image: url(./../img/index/topmenu_btn1_off.png);
  float: left;
}
#cp_content #topmenu .btn1::after {
  background-image: url(./../img/index/topmenu_btn1_on.png);
}
#cp_content #topmenu .btn2 {
  background-image: url(./../img/index/topmenu_btn2_off.png);
  float: right;
}
#cp_content #topmenu .btn2::after {
  background-image: url(./../img/index/topmenu_btn2_on.png);
}
#cp_content #topmenu A {
  text-indent: -9999px;
  display: block;
  pointer-events: auto;
  width: 100%;
  height: 100%;
}

@keyframes topmenuHover {
  /*
  0% {
    filter: brightness(1);
  }
  5% {
    filter: brightness(1.3);
  }
  100% {
    filter: brightness(1);
  }
  */
  0% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}


/*--------------------
index toptextmenu
--------------------*/
#cp_content #toptextmenu{
  text-align: center;
  font-size: 20px;
  margin: 15px 0 25px 0;
}
#cp_content #toptextmenu a{
  line-height: 2;
}
#cp_content #toptextmenu a{
  color: #fff;
  text-decoration: underline;
}
#cp_content #toptextmenu a:hover{
  text-decoration: none;
}

/*--------------------
top_img
--------------------*/
#cp_content.index .top_img1{
  margin-bottom: 10px;
}

/*--------------------
new
--------------------*/
#cp_content #new {
  width: 900px;
  margin: 0px auto;
  background-image: url(./../img/index/new_hdr.jpg), url(./../img/index/new_ftr.jpg), url(./../img/index/new_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 0 0 58px;
  font-size: 18px;
  position: relative;
}
#cp_content #new .wrap  {
  width: 100%;
  height: auto;
  padding: 0;
}
#cp_content #new H2 {
  text-indent: -9999px;
  height: 200px;
}
#cp_content #new .tbl {
  width: 768px;
  margin: 0px auto 0;
  background-image: url(./../img/index/new_in_hdr.jpg), url(./../img/index/new_in_ftr.jpg), url(./../img/index/new_in_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 45px 0 30px;
  position: relative;
  z-index: 10;
}
#cp_content #new .inner {
  width: 680px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 11;
}
#cp_content #new .menu_info {
  width: 580px;
  margin-top: 4px;
}
#cp_content #new .menu_info_bot {
  margin-top: 8px;
  margin-bottom: 8px;
}
#cp_content #new H4 {
  font-size: 24px;
  margin-bottom: 10px;
}
#cp_content #new H4 a {
  color: #000;
}
#cp_content #new H4 a:hover {
  color: #e60012;
}
#cp_content #new .caption {
  margin-bottom: 4px;
}
#cp_content #new .update {
  color: #e60012;
  font-weight: normal;
  /*margin-right: .6em;*/
}
#cp_content #new .price_info {
  color: #e60012;
}


/*--------------------
whats_premium
--------------------*/
#cp_content #whats_premium {
  margin: 0 0 30px 0;
}
#cp_content #whats_premium P{
  text-align: center;
  color: #fff;
  font-size: 22px;
}
#cp_content #whats_premium A{
  color: #FFF100;
}

/*--------------------
selection
--------------------*/
#cp_content #selection {
  width: 900px;
  margin: 0px auto;
  background-image: url(./../img/index/selection_hdr.jpg), url(./../img/index/selection_ftr.jpg), url(./../img/index/selection_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 0 0 58px;
  font-size: 18px;
}
#cp_content #selection h2 {
  text-indent: -9999px;
  height: 274px;
  margin-bottom: 0;
}
#cp_content #selection .tbl {
  width: 768px;
  margin: 0 auto 4px;
  background-image: url(./../img/index/selection_in_hdr.jpg), url(./../img/index/selection_in_ftr.jpg), url(./../img/index/selection_in_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 40px 0 34px;
}
#cp_content #selection .inner {
  width: 680px;
  margin: 0 auto;
  color: #000;
}
#cp_content #selection .menu_info {
  width: 580px;
  margin-top: 4px;
}
#cp_content #selection .menu_info_bot {
  margin-top: 8px;
  margin-bottom: 8px;
}
#cp_content #selection h4 {
  font-size: 24px;
  margin-bottom: 0;
  min-height: 86px;
}
#cp_content #selection h4 A {
  color: #000;
}
#cp_content #selection H4 A:hover {
  color: #e60012;
}
#cp_content #selection .caption {
  margin-bottom: 0.5em;
}
#cp_content #selection .price_info {
  color: #e60012;
  font-weight: bold;
}


/*--------------------
top_img2
--------------------*/
#cp_content .top_img2 {
}

/*--------------------
top_img34
--------------------*/
#cp_content .top_img34 {
  position: relative;
  width: 900px;
}

/*--------------------
.special
--------------------*/
#cp_content .special {
  width: 900px;
  margin: 0px auto 0px;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  background-image: url(./../img/index/special_hdr.jpg), url(./../img/index/special_ftr.jpg), url(./../img/index/special_bdy.jpg);
  padding: 0 0 40px;
  font-size: 18px;
  position: relative;
}
#cp_content .special .wrap  {
  width: 100%;
  height: auto;
  padding: 0;
}
#cp_content .special H2 {
  text-indent: -9999px;
  height: 214px;
}
#cp_content .special .tbl {
  width: 796px;
  margin: 0px auto 5px;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  background-image: url(./../img/index/special_in_hdr.jpg), url(./../img/index/special_in_ftr.jpg), url(./../img/index/special_in_bdy.jpg);
  padding: 40px 0 30px;
  position: relative;
  z-index: 10;
}
#cp_content .special .tbl:last-child {
  margin-bottom: 0;
}
#cp_content .special .inner {
  width: 680px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 11;
}
#cp_content .special .tbl:last-child .inner{
  padding: 0 0 10px 0;
}
#cp_content .special .menu_info {
  width: 580px;
  margin-top: 4px;
}
#cp_content .special .menu_info_bot {
  clear: both;
  margin-top: 8px;
}
#cp_content .special H4 {
  font-size: 24px;
  margin-bottom: 10px;
}
#cp_content .special H4 a {
  color: #000;
}
#cp_content .special H4 a:hover {
  color: #e60012;
}
#cp_content .special .caption {
  margin-bottom: 5px;
}
#cp_content .special .price_info {
  color: #e60012;
  font-weight: bold;
}

/* #renai */
#cp_content #renai {
  background-image: url(./../img/index/special_renai_hdr.jpg), url(./../img/index/special_renai_ftr.jpg), url(./../img/index/special_renai_bdy.jpg);
}
#cp_content #renai .tbl {
  background-image: url(./../img/index/special_renai_in_hdr.jpg), url(./../img/index/special_renai_in_ftr.jpg), url(./../img/index/special_renai_in_bdy.jpg);
}

/* #kekkon */
#cp_content #kekkon {
  background-image: url(./../img/index/special_kekkon_hdr.jpg), url(./../img/index/special_kekkon_ftr.jpg), url(./../img/index/special_kekkon_bdy.jpg);
}
#cp_content #kekkon .tbl {
  background-image: url(./../img/index/special_kekkon_in_hdr.jpg), url(./../img/index/special_kekkon_in_ftr.jpg), url(./../img/index/special_kekkon_in_bdy.jpg);
}

/* #jinsei */
#cp_content #jinsei {
  background-image: url(./../img/index/special_jinsei_hdr.jpg), url(./../img/index/special_jinsei_ftr.jpg), url(./../img/index/special_jinsei_bdy.jpg);
}
#cp_content #jinsei .tbl {
  background-image: url(./../img/index/special_jinsei_in_hdr.jpg), url(./../img/index/special_jinsei_in_ftr.jpg), url(./../img/index/special_jinsei_in_bdy.jpg);
}

#cp_content .special h5 {
  width: 688px;
  height: 133px;
  margin: 0 auto 10px;
}
#cp_content .book_sample{
  position: relative;
}
#cp_content .book_sample::after{
  content: "";
  position: absolute;
  z-index: 10;
  top: 0;
  left: 50%;
  background-image: url(./../img/book/frame.png);
  background-size: 100% 100%;
  background-position: top center;
  width: 660px;
  height: 500px;
  margin-left: -330px;
}
#cp_content .book_sample #fixed_book{
  transform-origin: top center;
  transform: scale(0.75);
  margin-bottom: -60px;
  top: 35px;
}
#cp_content .angel_sample #fixed_angel_box{
  background-image: url(./../img/angel/frame.jpg);
  width: 606px;
  height: 460px;
  min-height: auto;
  padding: 27px 0 0 0;
  margin-bottom: 20px;
}
#cp_content .angel_sample .angel_image{
  transform-origin: top center;
  transform: scale(1);
}

#cp_content .btn_kantei{
  display: block;
  width: 488px;
  height: 128px;
  margin: 0 auto 20px;
}

/*----------*/
#cp_content .ex_graphic {
  position: relative;
  margin: 5px 0 15px 0;
  z-index: 20;
}
#cp_content .ex_graphic a{
  display: block;
  width: 488px;
  height: 128px;
  margin: -5px auto 0;
}

/*--------------------
osusume
--------------------*/
#cp_content #osusume {
  width: 900px;
  margin: 0px auto;
  background-image: url(./../img/index/osusume_hdr.jpg), url(./../img/index/osusume_ftr.jpg), url(./../img/index/osusume_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 0 0 64px;
  font-size: 18px;
}
#cp_content #osusume h2 {
  text-indent: -9999px;
  height: 214px;
  margin-bottom: 0;
}
#cp_content #osusume .tbl {
  width: 768px;
  margin: 0 auto;
  background-image: url(./../img/common/blank.png), url(./../img/index/osusume_in_bdr.jpg), url(./../img/index/osusume_in_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 5px 0 20px;
}
#cp_content #osusume .tbl:first-child {
  background-image: url(./../img/index/osusume_in_hdr.jpg), url(./../img/index/osusume_in_bdr.jpg), url(./../img/index/osusume_in_bdy.jpg);
  padding: 40px 0 20px;
}
#cp_content #osusume .tbl:last-child {
  background-image: url(./../img/common/blank.png), url(./../img/index/osusume_in_ftr.jpg), url(./../img/index/osusume_in_bdy.jpg);
  padding: 5px 0 35px;
}
#cp_content #osusume .inner {
  width: 690px;
  margin: 0 auto;
}
#cp_content #osusume .menu_info {
  width: 590px;
  margin-top: 4px;
}
#cp_content #osusume .menu_info_bot {
  float: right;
  width: 590px;
  margin-bottom: 8px;
}
#cp_content #osusume H4 {
  font-size: 24px;
  margin-bottom: 0;
  min-height: 72px;
}
#cp_content #osusume H4 A {
  color: #000;
}
#cp_content #osusume H4 A:hover {
  color: #e60012;
}
#cp_content #osusume .price_info {
  color: #e60012;
  font-weight: bold;
  margin-top: .4em;
}

/*--------------------
free
--------------------*/
#cp_content #free {
  width: 900px;
  margin: 0px auto 0px;
  background-image: url(./../img/index/free_hdr.jpg), url(./../img/index/free_ftr.jpg), url(./../img/index/free_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 0 0 62px;
  font-size: 18px;
  position: relative;
}
#cp_content #free .wrap  {
  width: 100%;
  height: auto;
  padding: 0;
}
#cp_content #free H2 {
  text-indent: -9999px;
  height: 236px;
}
#cp_content #free .tbl {
  width: 796px;
  margin: 0px auto 2px;
  background-image: url(./../img/index/free_in_hdr.jpg), url(./../img/index/free_in_ftr.jpg), url(./../img/index/free_in_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 40px 0 40px;
  position: relative;
  z-index: 10;
}
#cp_content #free .tbl:last-child {
  margin-bottom: 0;
}
#cp_content #free .inner {
  width: 680px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 11;
}
#cp_content #free .menu_info {
  width: 580px;
  margin-top: 4px;
}
#cp_content #free .menu_info_bot {
  width: 100%;
}
#cp_content #free H4 {
  font-size: 24px;
  margin-bottom: 10px;
}
#cp_content #free H4 a {
  color: #000;
}
#cp_content #free H4 a:hover {
  color: #e60012;
}
#cp_content #free .price_info {
  color: #e60012;
  font-weight: bold;
}


/*--------------------
cat_menu
--------------------*/
#cp_content .cat_menu {
  width: 900px;
  height: 128px;
  margin: 0px auto 4px;
  background-image: url(./../img/index/cat_nav_on.jpg);
  background-repeat: no-repeat;
  padding: 15px 34px 0px 34px;
  display: flex;
  justify-content: space-between;
}
#cp_content .cat_menu LI {
  display: block;
}
#cp_content .cat_menu LI A {
  display: block;
  width: 272px;
  height: 88px;
  text-indent: -9999px;
  transition: 1.0s;
  background-image: url(./../img/index/cat_nav_off.jpg);
  background-repeat: no-repeat;
}
#cp_content .cat_menu LI A.love {
  background-position: -34px -15px;
}
#cp_content .cat_menu LI A.enc {
  background-position: -314px -15px;
}
#cp_content .cat_menu LI A.life {
  background-position: -594px -15px;
}
#cp_content .cat_menu LI A:hover {
  transition: 200ms;
  opacity: 0;
}

/*--------------------
category
--------------------*/
#cp_content #category {
  width: 900px;
  margin: 40px auto 0;
  font-size: 18px;
}

/* カテゴリー共通 */
#cp_content #category > div[id^="cat"] {
  width: 100%;
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
  background-color: #0e0515;
  padding-bottom: 38px;
  margin-bottom: 24px;
}
#cp_content #category H3 {
  width: 900px;
  height: 296px;
  margin-bottom: 0;
  text-indent: -9999px;
}
#cp_content #category .catbox {
  width: 754px;
  margin: 0 auto;
}
#cp_content #category .catbox .tbl {
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 35px 35px 35px;
  margin-bottom: 10px;
  position: relative;
}
#cp_content #category .catbox .tbl:last-child {
  margin-bottom: 0;
}
#cp_content #category .inner {
  color: #000;
  position: relative;
  z-index: 12;
}
#cp_content #category .menu_info {
  width: 580px;
  margin-top: 4px;
}
#cp_content #category .menu_info_bot {
  clear: both;
  margin-top: 8px;
}
#cp_content #category H4 {
  font-size: 24px;
  margin-bottom: 10px;
}
#cp_content #category h4 A {
  color: #000;
}
#cp_content #category h4 a:hover {
  color: rgba(0,0,0,.8);
}
#cp_content #category .caption {
  margin-bottom: 0.6em;
}
#cp_content #category .price_info {
  font-weight: bold;
}
#cp_content #category h4 a:hover{
	color: #e60012;
}
#cp_content #category .price_info {
  color: #e60012;
}

/*--------------------
cat1
--------------------*/
#cp_content #cat1 {
  background-image: url(./../img/index/cat1_hdr.jpg), url(./../img/index/cat1_ftr.jpg);
}
#cp_content #cat1 .tbl {
  background-image: url(./../img/index/cat1_in_hdr.jpg), url(./../img/index/cat1_in_ftr.jpg), url(./../img/index/cat1_in_bdy.jpg);
}

/*--------------------
cat2
--------------------*/
#cp_content #cat2 {
  background-image: url(./../img/index/cat2_hdr.jpg), url(./../img/index/cat2_ftr.jpg);
}
#cp_content #cat2 .tbl {
  background-image: url(./../img/index/cat2_in_hdr.jpg), url(./../img/index/cat2_in_ftr.jpg), url(./../img/index/cat2_in_bdy.jpg);
}

/*--------------------
cat3
--------------------*/
#cp_content #cat3 {
  background-image: url(./../img/index/cat3_hdr.jpg), url(./../img/index/cat3_ftr.jpg);
  margin-bottom: 10px !important;
}
#cp_content #cat3 .tbl {
  background-image: url(./../img/index/cat3_in_hdr.jpg), url(./../img/index/cat3_in_ftr.jpg), url(./../img/index/cat3_in_bdy.jpg);
}

/*===================================================*/
/*--------------------
下層ページ全般
--------------------*/
#cp_content.under .content_box {
  margin-bottom: 0px;
}
#cp_content.under #contentmain {
  margin: 0;
  padding: 75px 0 0;
  background: url(./../img/common/bg_content.png) repeat-y 50% top;
}
#cp_content.under #header {
  background: url(./../img/common/kv_under.png) no-repeat 50% top;
  height: 476px;
}
#cp_content.under #header .kv_bdy {
  margin: 0 auto;
  position: relative;
}
#cp_content.under #header H1 {
  width: 950px;
  height: 420px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-indent: -9999px;
}
#cp_content.under #header H1 A {
  display: block;
  width: 950px;
  height: 420px;
}
#cp_content.under #g_menu {
  margin: -96px auto -150px;
}
#cp_content #under_navi {
  width: 856px;
  margin: 0px auto 10px;
  font-size: 110%;
  color: #fff;
  padding-top: 0;
  position: relative;
  z-index: 10;
}
#cp_content #under_navi a {
  color: #fff100;
}

/*--------------------
監修者紹介
--------------------*/
#cp_content.profile #profile {
  width: 900px;
  margin: 0px auto 35px;
  background-image: url(./../img/profile/profile_hdr.jpg), url(./../img/profile/profile_ftr.jpg), url(./../img/profile/profile_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  color: #fff;
  padding: 0 0 40px;
  text-align: left;
}
#cp_content.profile #profile H2 {
  height: 172px;
  text-indent: -9999px;
}
#cp_content.profile #profile H3 {
  height: 260px;
  text-indent: -9999px;
}
#cp_content.profile #profile .inner {
  margin: 0 auto;
  overflow: hidden;
  width: 720px;
}
#cp_content.profile #profile .inner P {
  padding: 0;
  margin-bottom: 1em;
  line-height: 1.8;
  font-size: 18px;
}
#cp_content.profile #profile .inner P.right {
  text-align: right;
  margin-top: -1em;
}

#cp_content.profile #profile .inner DL {
  padding: 0 20px;
  margin-bottom: 1.5em;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
#cp_content.profile #profile .inner DL DT {
  flex: 0 0 4em;
  line-height: 1.8;
}
#cp_content.profile #profile .inner DL DD {
  flex: 0 0 90%;
  line-height: 1.8;
}
#cp_content.profile #profile .inner .name {
  margin: 0 0 10px -20px;
}
#cp_content.profile #profile .book {
  margin: 20px auto 0;
  width: 772px;
}
#cp_content.profile #profile .book P{
  text-align: center;
}
#cp_content.profile #profile .search{
  margin: 20px auto 20px;
  width: 520px;
  background-color: #fff;
  padding: 10px;
}

#cp_content.profile #divination {
  width: 900px;
  margin: 0px auto 20px;
  background-image: url(./../img/profile/divination_hdr.jpg), url(./../img/profile/divination_ftr.jpg), url(./../img/profile/divination_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  color: #fff;
  padding: 0 0 50px;
  text-align: left;
}
#cp_content.profile #divination H2 {
  height: 178px;
  text-indent: -9999px;
}
#cp_content.profile #divination H3 {
  text-align: center;
}
#cp_content.profile p.explain {
  width: 738px;
  margin: 0 auto 30px;
}
#cp_content.profile #divination .inner {
  margin: 20px auto 0;
  overflow: hidden;
  width: 720px;
}
#cp_content.profile #divination .inner P {
  padding: 0;
  margin-bottom: 1em;
  line-height: 1.8;
  font-size: 18px;
}

#cp_content.profile #message {
  width: 900px;
  margin: 0px auto;
  background-image: url(./../img/profile/message_hdr.jpg), url(./../img/profile/message_ftr.jpg), url(./../img/profile/message_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  color: #fff;
  padding: 0 0 140px;
  text-align: left;
}
#cp_content.profile #message H2 {
  height: 280px;
  text-indent: -9999px;
}
#cp_content.profile #message .inner {
  margin: 0 auto;
  overflow: hidden;
  width: 720px;
}
#cp_content.profile #message .inner P {
  padding: 0;
  margin-bottom: 1em;
  line-height: 1.8;
  font-size: 18px;
}

#cp_content.profile .profile_img1 {
  margin-bottom: 10px;
}

#cp_content.profile #spreads {
  display: flex;
  width: 900px;
  margin: 0 auto;
}
#cp_content.profile #spreads IMG{
}


/*--------------------
入力ページ
--------------------*/
#cp_content .menu_title {
  background-image: url(./../img/common/menu_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  height: auto;
  width: 880px;
  margin: 10px auto 10px;
  color: #000;
  position: relative;
}
#cp_content .menu_title H2 {
  width: 620px;
  height: 197px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#cp_content .menu_title img {
  flex: 0 0 80px;
}
#cp_content .menu_title H2 .title {
  flex: 0 0 520px;
  font-size: 26px;
  margin: 0;
}

#cp_content .btn_imasugu {
  margin: 10px 0 10px;
}

#cp_content .error_msg {
  width: 740px;
  margin: 1em auto;
  color: #e20000;
  font-weight: bold;
}

/*--------------------
judge_topic
--------------------*/
#cp_content #judge_topic {
  width: 858px;
  margin: 0px auto 0;
  background-image: url(./../img/common/judge_topic_hdr.png), url(./../img/common/judge_topic_ftr.png);
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
  padding: 0 0 98px;
  position: relative;
  min-height: 350px;
}
#cp_content #judge_topic::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: calc(100% - 334px);
  top: 204px;
  left: 0;
  background-image: url(./../img/common/judge_topic_bdy.png);
  background-repeat: repeat-y;
  background-position: center top;
  z-index: 9;
}
#cp_content #judge_topic H3 {
  height: 175px;
  text-indent: -9999px;
  margin-bottom: 0;
}
#cp_content #judge_topic .list {
  list-style-type: none;
  width: 680px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
#cp_content #judge_topic OL {
  list-style-type: none;
  padding: 15px 0;
  margin: 0 auto;
  color: #fff;
}
#cp_content #judge_topic LI {
  text-align: left;
  padding: 10px 0 10px 38px;
  background: url(./../img/common/blank.png) no-repeat left center;
  background-repeat: no-repeat;
  font-size: 18px;
}
#cp_content #judge_topic .menuattention .attention_txt {
  padding: 0;
  color: #fff;
  font-size: 100%;
  line-height: 116%;
  text-align: center;
}
#cp_content #judge_topic .menuattention .attention_txt STRONG {
  color: #fff;
}

/*--------------------
input_img1
--------------------*/
#cp_content .input_img1 {
  margin-top: -40px;
}

#cp_content .input_caption {
  margin: 20px 0 10px;
  text-align: center;
  color: #fff;
}
#cp_content .input_caption em {
  color: #fff;
}

/*--------------------
shuffle
--------------------*/
#cp_content .shuffle {
  width: 850px;
  height: 1150px;
  margin: 0 auto;
  padding: 0;
  background-image: url(./../img/shuffle/spread_bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  position: relative;
  transform: translate3d(0,0,0);
}
#cp_content .shuffle .cards {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#cp_content .shuffle .spread {
  display: none;
}
#cp_content .shuffle .btn_start {
  position: absolute;
  top: 66%;
  left: 50%;
  width: 524px;
  height: 295px;
  margin-left: -262px;
  backface-visibility: hidden;
}
#cp_content .shuffle .btn_end {
  position: absolute;
  top: 66%;
  left: 50%;
  width: 524px;
  height: 295px;
  margin-left: -262px;
  backface-visibility: hidden;
  display: none;
}
#cp_content .shuffle .frm_btn {
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 100;
  display: none;
}
#cp_content .shuffle .cards .tarot_card,
#cp_content .spread .spread_cards .tarot_card{
  position: absolute;
  margin: -242.5px 0 0 -140px;
  top: 44%;
  left: 50%;
}

@keyframes spin1 {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
@keyframes spin2 {
  0% {transform: rotate(360deg);}
  100% {transform: rotate(0deg);}
}

#cp_content .shuffle.s5 .btn_start, 
#cp_content .shuffle.s5 .btn_end {
  display: none;
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(n+10){
  transition: opacity 300ms linear 500ms;
  opacity: 0;
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(1),
#cp_content .spread.free .spread_cards .tarot_card:nth-last-child(9){
  transform: translate(-270px, 220px) scale(0.35);
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(2),
#cp_content .spread.free .spread_cards .tarot_card:nth-last-child(8){
  transform: translate(-210px, 170px) scale(0.35);
  z-index: 2;
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(3),
#cp_content .spread.free .spread_cards .tarot_card:nth-last-child(7){
  transform: translate(270px, 220px) scale(0.35);
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(4),
#cp_content .spread.free .spread_cards .tarot_card:nth-last-child(6){
  transform: translate(210px, 170px) scale(0.35);
  z-index: 2;
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(5),
#cp_content .spread.free .spread_cards .tarot_card:nth-last-child(5){
  transform: translate(-110px, -150px) scale(0.35);
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(6),
#cp_content .spread.free .spread_cards .tarot_card:nth-last-child(4){
  transform: translate(0px, -150px) scale(0.35);
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(7),
#cp_content .spread.free .spread_cards .tarot_card:nth-last-child(3){
  transform: translate(110px, -150px) scale(0.35);
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(8),
#cp_content .spread.free .spread_cards .tarot_card:nth-last-child(2){
  transform: translate(-320px, -150px) scale(0.35);
}
#cp_content .shuffle.s5.free .cards .tarot_card:nth-last-child(9),
#cp_content .spread.free .spread_cards .tarot_card:nth-last-child(1){
  transform: translate(320px, -150px) scale(0.35);
}

#cp_content .shuffle.s5 .cards .tarot_card{
  transform: translate(-180px, -350px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card.bright::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 80px #FFF, 0 0 10px #FFF;
  opacity: 0;
  will-change: opacity;
  backface-visibility: hidden;
  animation: cardBright 600ms ease 0ms 11 alternate forwards;
  z-index: -1;
}
@keyframes cardBright {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(n+30){
  transition: opacity 300ms linear 500ms;
  opacity: 0;
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(1),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(29){
  transform: translate(-180px, 76px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(2),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(28){
  transform: translate(-120px, 132px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(3),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(27){
  transform: translate(-60px, 188px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(4),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(26){
  transform: translate(0px, 244px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(5),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(25){
  transform: translate(60px, 188px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(6),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(24){
  transform: translate(120px, 132px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(7),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(23){
  transform: translate(180px, 76px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(8),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(22){
  transform: translate(120px, 20px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(9),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(21){
  transform: translate(60px, -30px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(10),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(20){
  transform: translate(0px, -70px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(11),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(19){
  transform: translate(-60px, -30px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(12),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(18){
  transform: translate(-120px, 20px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(13),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(17){
  transform: translate(0, 76px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(14),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(16){
  transform: translate(-218px, -98px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(15),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(15){
  transform: translate(218px, -98px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(16),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(14){
  transform: translate(-218px, 252px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(17),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(13){
  transform: translate(218px, 252px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(18),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(12){
  transform: translate(-60px, -170px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(19),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(11){
  transform: translate(0px, -170px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(20),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(10){
  transform: translate(60px, -170px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(21),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(9){
  transform: translate(-60px, 344px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(22),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(8){
  transform: translate(0px, 344px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(23),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(7){
  transform: translate(60px, 344px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(24),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(6){
  transform: translate(-354px, 76px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(25),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(5){
  transform: translate(-296px, 76px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(26),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(4){
  transform: translate(-238px, 76px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(27),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(3){
  transform: translate(238px, 76px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(28),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(2){
  transform: translate(296px, 76px) scale(0.2);
}
#cp_content .shuffle.s5 .cards .tarot_card:nth-last-child(29),
#cp_content .spread .spread_cards .tarot_card:nth-last-child(1){
  transform: translate(354px, 76px) scale(0.2);
}

/* 再シャッフル */
#cp_content .shuffle.sa .cards .tarot_card {
  /*display: none;*/
}
#cp_content .shuffle.sa .btn_start {
  display: none;
}
#cp_content .shuffle.sa .spread {
  display: block;
  z-index: 100;
}
#cp_content .shuffle .spread .relation_btn {
  position: absolute;
  top: 70%;
  left: 0;
  z-index: 100;
}
#cp_content .relation_btn.disabled {
  opacity: .4;
  pointer-events: none;
}

/*以下ボタン設定*/
#cp_content .btnarea {
  position: relative;
}
#cp_content .btnarea::after {
  content: "";
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.01;
  transition: 0.3s;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
#cp_content .btnarea:hover::after {
  opacity: 1;
}
#cp_content .btnarea INPUT {
  display: block;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  border-width: 0;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 100%;
}
#cp_content .btn_wrap {
  width: 850px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/*一部無料*/
#cp_content .form_btn_trial {
  width: 420px;
  height: 245px;
}
#cp_content .form_btn_trial INPUT {
  background-image: url(./../img/shuffle/btn_tryal_off.png);
}
#cp_content .form_btn_trial::after {
  background-image: url(./../img/shuffle/btn_tryal_on.png);
}
/*有料*/
#cp_content .form_btn_charge {
  width: 420px;
  height: 245px;
}
#cp_content .form_btn_charge INPUT {
  background-image: url(./../img/shuffle/btn_charge_off.png);
}
#cp_content .form_btn_charge::after {
  background-image: url(./../img/shuffle/btn_charge_on.png);
}
/*無料*/
#cp_content .form_btn_free {
  width: 420px;
  height: 245px;
}
#cp_content .form_btn_free INPUT {
  background-image: url(./../img/shuffle/btn_free_off.png);
}
#cp_content .form_btn_free::after {
  background-image: url(./../img/shuffle/btn_free_on.png);
}
/*シャッフル開始*/
#cp_content .shuffle .btn_start {
  width: 524px;
  height: 295px;
}
#cp_content .shuffle .btn_start INPUT {
  background-image: url(./../img/shuffle/btn_start_off.png);
}
#cp_content .shuffle .btn_start::after {
  background-image: url(./../img/shuffle/btn_start_on.png);
}
/*シャッフル終了*/
#cp_content .shuffle .btn_end {
  width: 524px;
  height: 295px;
}
#cp_content .shuffle .btn_end INPUT {
  background-image: url(./../img/shuffle/btn_end_off.png);
}
#cp_content .shuffle .btn_end::after {
  background-image: url(./../img/shuffle/btn_end_on.png);
}

/*続きを見る*/
#cp_content .btn_continue {
  width: 420px;
  height: 245px;
  margin: 0 auto;
}
#cp_content .btn_continue INPUT {
  background-image: url(./../img/shuffle/btn_continue_off.png);
}
#cp_content .btn_continue::after {
  background-image: url(./../img/shuffle/btn_continue_on.png);
}
/*再シャッフル*/
#cp_content .btn_reshuffle {
  width: 420px;
  height: 245px;
  margin: 0 auto;
}
#cp_content .btn_reshuffle INPUT {
  background-image: url(./../img/shuffle/btn_reshuffle_off.png);
}
#cp_content .btn_reshuffle::after {
  background-image: url(./../img/shuffle/btn_reshuffle_on.png);
}

/*--------------------
プライバシー
--------------------*/
#cp_content #privacy {
  margin: 0 auto;
  width: 720px;
  padding: 20px 10px;
  background-image: url(./../img/input/privacy_hdr.png), url(./../img/input/privacy_ftr.png), url(./../img/input/privacy_bdy.png);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
}
#cp_content #privacy P {
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  text-align: center;
}
#cp_content #privacy P A {
  color: #a40000;
}
/*--------------------
結果ページ
--------------------*/
#cp_content.result .introductory_wrap {
  display: flex;
}
#cp_content.result .text_introductory {
  width: 968px;
  height: 416px;
  margin: -20px auto 0;
  background-image: url(./../img/result/result_img1.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  justify-content: left;
  align-items: center;
}
#cp_content.result .text_introductory P {
  width: 400px;
  padding: 40px 40px;
  margin: -20px 0 0 130px;
  border-radius: 60px;
  font-size: 20px;
  line-height: 1.7;
  color: #fff;
  background-color: rgba(189, 10, 175, .6);
  box-shadow: 0px 0px 10px 0px #000;
}

/*------スプレッド----*/
#cp_content.result .spread {
  width: 850px;
  height: 1156px;
  background-image: url(./../img/shuffle/spread_bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto;
  position: relative;
}
#cp_content.result .spread .spread_cards{
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#cp_content.result .spread .spread_cards .select::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  box-shadow: 0 0 10px #FFF, 0 0 10px #FFF, 0 0 20px #FFE, 0 0 60px #FFC;
  opacity: 0;
  animation: cardBright 600ms ease 0ms 21 alternate forwards;
  z-index: -1;
}

/*------モザイク----*/
#cp_content.result .mosaic {
  font-size: 0;
  position: relative;
  text-align: left;
}
#cp_content.result .mosaic IMG{
  height: 30px;
  width: auto;
  margin-right: -3px;
  opacity: .7;
  filter: blur(3px);
}

/*--*/
#cp_content.result a.btn_continue {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  transition: 0.5s;
  background: url("../img/result/btn_next_off.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 488px;
  height: 128px;
  margin: auto auto auto -244px;
  cursor: pointer;
}
#cp_content.result a.btn_continue:hover {
  transition: 0.5s;
  background: url("../img/result/btn_next_on.png");
}
#cp_content.result a span {
  display: none;
}


/*------鑑定結果枠----*/
#cp_content.result .res_box {
  font-size: 18px;
}
#cp_content.result .res_box .box {
  width: 868px;
  margin: 0px auto 10px;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  position: relative;
  min-height: 240px;
  padding: 131px 0 186px 0;
  color: #fff;
}
#cp_content.result .res_box .inner {
  width: 660px;
  margin: 20px auto 0;
  position: relative;
  z-index: 11;
  background-repeat: no-repeat;
}
#cp_content.result .res_box H3 {
  position: relative;
  z-index: 11;
  color: #fff;
  font-size: 24px;
  display: flex;
  width: 474px;
  height: 74px;
  margin: 0 auto 36px;
  align-items: center;
  justify-content: center;
}
#cp_content.result .res_box H3 span{
  text-align: center;
}

#cp_content.result .res_box .tpl1{
  background-image: url(./../img/result/tpl1_hdr.jpg), url(./../img/result/tpl1_ftr.jpg), url(./../img/result/tpl1_bdy.jpg);
}
#cp_content.result .res_box .tpl2{
  background-image: url(./../img/result/tpl2_hdr.jpg), url(./../img/result/tpl2_ftr.jpg), url(./../img/result/tpl2_bdy.jpg);
}
#cp_content.result .res_box .tpl3{
  background-image: url(./../img/result/tpl3_hdr.jpg), url(./../img/result/tpl3_ftr.jpg), url(./../img/result/tpl3_bdy.jpg);
}
#cp_content.result .res_box .tpl4{
  background-image: url(./../img/result/tpl4_hdr.jpg), url(./../img/result/tpl4_ftr.jpg), url(./../img/result/tpl4_bdy.jpg);
}

#cp_content.result .res_box .tpl2,
#cp_content.result .res_box .tpl3{
  padding-top: 420px;
}
#cp_content.result .res_box .tpl4{
  padding: 320px 0 120px 0;
  min-height: 590px;
}
#cp_content.result .res_box .tpl2 H3,
#cp_content.result .res_box .tpl3 H3,
#cp_content.result .res_box .tpl4 H3{
  display: none;
}

/* タロットカード */
#cp_content .tarot_card{
  will-change: top, left, opacity, transform;
  width: 280px;
  height: 485px;
}
#cp_content .tarot_card SPAN{
  background-image: url(./../img/card_l/0.jpg);
  background-position: center;
  background-repeat: no-repeat;
  backface-visibility: hidden;
  display: block;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  will-change: transform;
}
#cp_content .tarot_card.n1 SPAN{ background-image: url(./../img/card_l/1.jpg); }
#cp_content .tarot_card.n2 SPAN{ background-image: url(./../img/card_l/1.jpg); }
#cp_content .tarot_card.n3 SPAN{ background-image: url(./../img/card_l/3.jpg); }
#cp_content .tarot_card.n4 SPAN{ background-image: url(./../img/card_l/3.jpg); }
#cp_content .tarot_card.n5 SPAN{ background-image: url(./../img/card_l/5.jpg); }
#cp_content .tarot_card.n6 SPAN{ background-image: url(./../img/card_l/5.jpg); }
#cp_content .tarot_card.n7 SPAN{ background-image: url(./../img/card_l/7.jpg); }
#cp_content .tarot_card.n8 SPAN{ background-image: url(./../img/card_l/7.jpg); }
#cp_content .tarot_card.n9 SPAN{ background-image: url(./../img/card_l/9.jpg); }
#cp_content .tarot_card.n10 SPAN{ background-image: url(./../img/card_l/9.jpg); }
#cp_content .tarot_card.n11 SPAN{ background-image: url(./../img/card_l/11.jpg); }
#cp_content .tarot_card.n12 SPAN{ background-image: url(./../img/card_l/11.jpg); }
#cp_content .tarot_card.n13 SPAN{ background-image: url(./../img/card_l/13.jpg); }
#cp_content .tarot_card.n14 SPAN{ background-image: url(./../img/card_l/13.jpg); }
#cp_content .tarot_card.n15 SPAN{ background-image: url(./../img/card_l/15.jpg); }
#cp_content .tarot_card.n16 SPAN{ background-image: url(./../img/card_l/15.jpg); }
#cp_content .tarot_card.n17 SPAN{ background-image: url(./../img/card_l/17.jpg); }
#cp_content .tarot_card.n18 SPAN{ background-image: url(./../img/card_l/17.jpg); }
#cp_content .tarot_card.n19 SPAN{ background-image: url(./../img/card_l/19.jpg); }
#cp_content .tarot_card.n20 SPAN{ background-image: url(./../img/card_l/19.jpg); }
#cp_content .tarot_card.n21 SPAN{ background-image: url(./../img/card_l/21.jpg); }
#cp_content .tarot_card.n22 SPAN{ background-image: url(./../img/card_l/21.jpg); }
#cp_content .tarot_card.n23 SPAN{ background-image: url(./../img/card_l/23.jpg); }
#cp_content .tarot_card.n24 SPAN{ background-image: url(./../img/card_l/23.jpg); }
#cp_content .tarot_card.n25 SPAN{ background-image: url(./../img/card_l/25.jpg); }
#cp_content .tarot_card.n26 SPAN{ background-image: url(./../img/card_l/25.jpg); }
#cp_content .tarot_card.n27 SPAN{ background-image: url(./../img/card_l/27.jpg); }
#cp_content .tarot_card.n28 SPAN{ background-image: url(./../img/card_l/27.jpg); }
#cp_content .tarot_card.n29 SPAN{ background-image: url(./../img/card_l/29.jpg); }
#cp_content .tarot_card.n30 SPAN{ background-image: url(./../img/card_l/29.jpg); }
#cp_content .tarot_card.n31 SPAN{ background-image: url(./../img/card_l/31.jpg); }
#cp_content .tarot_card.n32 SPAN{ background-image: url(./../img/card_l/31.jpg); }
#cp_content .tarot_card.n33 SPAN{ background-image: url(./../img/card_l/33.jpg); }
#cp_content .tarot_card.n34 SPAN{ background-image: url(./../img/card_l/33.jpg); }
#cp_content .tarot_card.n35 SPAN{ background-image: url(./../img/card_l/35.jpg); }
#cp_content .tarot_card.n36 SPAN{ background-image: url(./../img/card_l/35.jpg); }
#cp_content .tarot_card.n37 SPAN{ background-image: url(./../img/card_l/37.jpg); }
#cp_content .tarot_card.n38 SPAN{ background-image: url(./../img/card_l/37.jpg); }
#cp_content .tarot_card.n39 SPAN{ background-image: url(./../img/card_l/39.jpg); }
#cp_content .tarot_card.n40 SPAN{ background-image: url(./../img/card_l/39.jpg); }
#cp_content .tarot_card.n41 SPAN{ background-image: url(./../img/card_l/41.jpg); }
#cp_content .tarot_card.n42 SPAN{ background-image: url(./../img/card_l/41.jpg); }
#cp_content .tarot_card.n43 SPAN{ background-image: url(./../img/card_l/43.jpg); }
#cp_content .tarot_card.n44 SPAN{ background-image: url(./../img/card_l/43.jpg); }
#cp_content .tarot_card.n45 SPAN{ background-image: url(./../img/card_l/45.jpg); }
#cp_content .tarot_card.n46 SPAN{ background-image: url(./../img/card_l/45.jpg); }
#cp_content .tarot_card.n47 SPAN{ background-image: url(./../img/card_l/47.jpg); }
#cp_content .tarot_card.n48 SPAN{ background-image: url(./../img/card_l/47.jpg); }
#cp_content .tarot_card.n49 SPAN{ background-image: url(./../img/card_l/49.jpg); }
#cp_content .tarot_card.n50 SPAN{ background-image: url(./../img/card_l/49.jpg); }
#cp_content .tarot_card.n51 SPAN{ background-image: url(./../img/card_l/51.jpg); }
#cp_content .tarot_card.n52 SPAN{ background-image: url(./../img/card_l/51.jpg); }
#cp_content .tarot_card.n53 SPAN{ background-image: url(./../img/card_l/53.jpg); }
#cp_content .tarot_card.n54 SPAN{ background-image: url(./../img/card_l/53.jpg); }
#cp_content .tarot_card.n55 SPAN{ background-image: url(./../img/card_l/55.jpg); }
#cp_content .tarot_card.n56 SPAN{ background-image: url(./../img/card_l/55.jpg); }
#cp_content .tarot_card.n57 SPAN{ background-image: url(./../img/card_l/57.jpg); }
#cp_content .tarot_card.n58 SPAN{ background-image: url(./../img/card_l/57.jpg); }
#cp_content .tarot_card.n59 SPAN{ background-image: url(./../img/card_l/59.jpg); }
#cp_content .tarot_card.n60 SPAN{ background-image: url(./../img/card_l/59.jpg); }
#cp_content .tarot_card.n61 SPAN{ background-image: url(./../img/card_l/61.jpg); }
#cp_content .tarot_card.n62 SPAN{ background-image: url(./../img/card_l/61.jpg); }
#cp_content .tarot_card.n63 SPAN{ background-image: url(./../img/card_l/63.jpg); }
#cp_content .tarot_card.n64 SPAN{ background-image: url(./../img/card_l/63.jpg); }
#cp_content .tarot_card.n65 SPAN{ background-image: url(./../img/card_l/65.jpg); }
#cp_content .tarot_card.n66 SPAN{ background-image: url(./../img/card_l/65.jpg); }
#cp_content .tarot_card.n67 SPAN{ background-image: url(./../img/card_l/67.jpg); }
#cp_content .tarot_card.n68 SPAN{ background-image: url(./../img/card_l/67.jpg); }
#cp_content .tarot_card.n69 SPAN{ background-image: url(./../img/card_l/69.jpg); }
#cp_content .tarot_card.n70 SPAN{ background-image: url(./../img/card_l/69.jpg); }
#cp_content .tarot_card.n71 SPAN{ background-image: url(./../img/card_l/71.jpg); }
#cp_content .tarot_card.n72 SPAN{ background-image: url(./../img/card_l/71.jpg); }
#cp_content .tarot_card.n73 SPAN{ background-image: url(./../img/card_l/73.jpg); }
#cp_content .tarot_card.n74 SPAN{ background-image: url(./../img/card_l/73.jpg); }
#cp_content .tarot_card.n75 SPAN{ background-image: url(./../img/card_l/75.jpg); }
#cp_content .tarot_card.n76 SPAN{ background-image: url(./../img/card_l/75.jpg); }
#cp_content .tarot_card.n77 SPAN{ background-image: url(./../img/card_l/77.jpg); }
#cp_content .tarot_card.n78 SPAN{ background-image: url(./../img/card_l/77.jpg); }
#cp_content .tarot_card.n79 SPAN{ background-image: url(./../img/card_l/79.jpg); }
#cp_content .tarot_card.n80 SPAN{ background-image: url(./../img/card_l/79.jpg); }
#cp_content .tarot_card.n81 SPAN{ background-image: url(./../img/card_l/81.jpg); }
#cp_content .tarot_card.n82 SPAN{ background-image: url(./../img/card_l/81.jpg); }
#cp_content .tarot_card.n83 SPAN{ background-image: url(./../img/card_l/83.jpg); }
#cp_content .tarot_card.n84 SPAN{ background-image: url(./../img/card_l/83.jpg); }
#cp_content .tarot_card.n85 SPAN{ background-image: url(./../img/card_l/85.jpg); }
#cp_content .tarot_card.n86 SPAN{ background-image: url(./../img/card_l/85.jpg); }
#cp_content .tarot_card.n87 SPAN{ background-image: url(./../img/card_l/87.jpg); }
#cp_content .tarot_card.n88 SPAN{ background-image: url(./../img/card_l/87.jpg); }
#cp_content .tarot_card.n89 SPAN{ background-image: url(./../img/card_l/89.jpg); }
#cp_content .tarot_card.n90 SPAN{ background-image: url(./../img/card_l/89.jpg); }
#cp_content .tarot_card.n91 SPAN{ background-image: url(./../img/card_l/91.jpg); }
#cp_content .tarot_card.n92 SPAN{ background-image: url(./../img/card_l/91.jpg); }
#cp_content .tarot_card.n93 SPAN{ background-image: url(./../img/card_l/93.jpg); }
#cp_content .tarot_card.n94 SPAN{ background-image: url(./../img/card_l/93.jpg); }
#cp_content .tarot_card.n95 SPAN{ background-image: url(./../img/card_l/95.jpg); }
#cp_content .tarot_card.n96 SPAN{ background-image: url(./../img/card_l/95.jpg); }
#cp_content .tarot_card.n97 SPAN{ background-image: url(./../img/card_l/97.jpg); }
#cp_content .tarot_card.n98 SPAN{ background-image: url(./../img/card_l/97.jpg); }
#cp_content .tarot_card.n99 SPAN{ background-image: url(./../img/card_l/99.jpg); }
#cp_content .tarot_card.n100 SPAN{ background-image: url(./../img/card_l/99.jpg); }
#cp_content .tarot_card.n101 SPAN{ background-image: url(./../img/card_l/101.jpg); }
#cp_content .tarot_card.n102 SPAN{ background-image: url(./../img/card_l/101.jpg); }
#cp_content .tarot_card.n103 SPAN{ background-image: url(./../img/card_l/103.jpg); }
#cp_content .tarot_card.n104 SPAN{ background-image: url(./../img/card_l/103.jpg); }
#cp_content .tarot_card.n105 SPAN{ background-image: url(./../img/card_l/105.jpg); }
#cp_content .tarot_card.n106 SPAN{ background-image: url(./../img/card_l/105.jpg); }
#cp_content .tarot_card.n107 SPAN{ background-image: url(./../img/card_l/107.jpg); }
#cp_content .tarot_card.n108 SPAN{ background-image: url(./../img/card_l/107.jpg); }
#cp_content .tarot_card.n109 SPAN{ background-image: url(./../img/card_l/109.jpg); }
#cp_content .tarot_card.n110 SPAN{ background-image: url(./../img/card_l/109.jpg); }
#cp_content .tarot_card.n111 SPAN{ background-image: url(./../img/card_l/111.jpg); }
#cp_content .tarot_card.n112 SPAN{ background-image: url(./../img/card_l/111.jpg); }
#cp_content .tarot_card.n113 SPAN{ background-image: url(./../img/card_l/113.jpg); }
#cp_content .tarot_card.n114 SPAN{ background-image: url(./../img/card_l/113.jpg); }
#cp_content .tarot_card.n115 SPAN{ background-image: url(./../img/card_l/115.jpg); }
#cp_content .tarot_card.n116 SPAN{ background-image: url(./../img/card_l/115.jpg); }
#cp_content .tarot_card.n117 SPAN{ background-image: url(./../img/card_l/117.jpg); }
#cp_content .tarot_card.n118 SPAN{ background-image: url(./../img/card_l/117.jpg); }
#cp_content .tarot_card.n119 SPAN{ background-image: url(./../img/card_l/119.jpg); }
#cp_content .tarot_card.n120 SPAN{ background-image: url(./../img/card_l/119.jpg); }
#cp_content .tarot_card.n121 SPAN{ background-image: url(./../img/card_l/121.jpg); }
#cp_content .tarot_card.n122 SPAN{ background-image: url(./../img/card_l/121.jpg); }
#cp_content .tarot_card.n123 SPAN{ background-image: url(./../img/card_l/123.jpg); }
#cp_content .tarot_card.n124 SPAN{ background-image: url(./../img/card_l/123.jpg); }
#cp_content .tarot_card.n125 SPAN{ background-image: url(./../img/card_l/125.jpg); }
#cp_content .tarot_card.n126 SPAN{ background-image: url(./../img/card_l/125.jpg); }
#cp_content .tarot_card.n127 SPAN{ background-image: url(./../img/card_l/127.jpg); }
#cp_content .tarot_card.n128 SPAN{ background-image: url(./../img/card_l/127.jpg); }
#cp_content .tarot_card.n129 SPAN{ background-image: url(./../img/card_l/129.jpg); }
#cp_content .tarot_card.n130 SPAN{ background-image: url(./../img/card_l/129.jpg); }
#cp_content .tarot_card.n131 SPAN{ background-image: url(./../img/card_l/131.jpg); }
#cp_content .tarot_card.n132 SPAN{ background-image: url(./../img/card_l/131.jpg); }
#cp_content .tarot_card.n133 SPAN{ background-image: url(./../img/card_l/133.jpg); }
#cp_content .tarot_card.n134 SPAN{ background-image: url(./../img/card_l/133.jpg); }
#cp_content .tarot_card.n135 SPAN{ background-image: url(./../img/card_l/135.jpg); }
#cp_content .tarot_card.n136 SPAN{ background-image: url(./../img/card_l/135.jpg); }
#cp_content .tarot_card.n137 SPAN{ background-image: url(./../img/card_l/137.jpg); }
#cp_content .tarot_card.n138 SPAN{ background-image: url(./../img/card_l/137.jpg); }
#cp_content .tarot_card.n139 SPAN{ background-image: url(./../img/card_l/139.jpg); }
#cp_content .tarot_card.n140 SPAN{ background-image: url(./../img/card_l/139.jpg); }
#cp_content .tarot_card.n141 SPAN{ background-image: url(./../img/card_l/141.jpg); }
#cp_content .tarot_card.n142 SPAN{ background-image: url(./../img/card_l/141.jpg); }
#cp_content .tarot_card.n143 SPAN{ background-image: url(./../img/card_l/143.jpg); }
#cp_content .tarot_card.n144 SPAN{ background-image: url(./../img/card_l/143.jpg); }
#cp_content .tarot_card.n145 SPAN{ background-image: url(./../img/card_l/145.jpg); }
#cp_content .tarot_card.n146 SPAN{ background-image: url(./../img/card_l/145.jpg); }
#cp_content .tarot_card.n147 SPAN{ background-image: url(./../img/card_l/147.jpg); }
#cp_content .tarot_card.n148 SPAN{ background-image: url(./../img/card_l/147.jpg); }
#cp_content .tarot_card.n149 SPAN{ background-image: url(./../img/card_l/149.jpg); }
#cp_content .tarot_card.n150 SPAN{ background-image: url(./../img/card_l/149.jpg); }
#cp_content .tarot_card.n151 SPAN{ background-image: url(./../img/card_l/151.jpg); }
#cp_content .tarot_card.n152 SPAN{ background-image: url(./../img/card_l/151.jpg); }
#cp_content .tarot_card.n153 SPAN{ background-image: url(./../img/card_l/153.jpg); }
#cp_content .tarot_card.n154 SPAN{ background-image: url(./../img/card_l/153.jpg); }
#cp_content .tarot_card.n155 SPAN{ background-image: url(./../img/card_l/155.jpg); }
#cp_content .tarot_card.n156 SPAN{ background-image: url(./../img/card_l/155.jpg); }
#cp_content .tarot_card.n2 SPAN,
#cp_content .tarot_card.n4 SPAN,
#cp_content .tarot_card.n6 SPAN,
#cp_content .tarot_card.n8 SPAN,
#cp_content .tarot_card.n10 SPAN,
#cp_content .tarot_card.n12 SPAN,
#cp_content .tarot_card.n14 SPAN,
#cp_content .tarot_card.n16 SPAN,
#cp_content .tarot_card.n18 SPAN,
#cp_content .tarot_card.n20 SPAN,
#cp_content .tarot_card.n22 SPAN,
#cp_content .tarot_card.n24 SPAN,
#cp_content .tarot_card.n26 SPAN,
#cp_content .tarot_card.n28 SPAN,
#cp_content .tarot_card.n30 SPAN,
#cp_content .tarot_card.n32 SPAN,
#cp_content .tarot_card.n34 SPAN,
#cp_content .tarot_card.n36 SPAN,
#cp_content .tarot_card.n38 SPAN,
#cp_content .tarot_card.n40 SPAN,
#cp_content .tarot_card.n42 SPAN,
#cp_content .tarot_card.n44 SPAN,
#cp_content .tarot_card.n46 SPAN,
#cp_content .tarot_card.n48 SPAN,
#cp_content .tarot_card.n50 SPAN,
#cp_content .tarot_card.n52 SPAN,
#cp_content .tarot_card.n54 SPAN,
#cp_content .tarot_card.n56 SPAN,
#cp_content .tarot_card.n58 SPAN,
#cp_content .tarot_card.n60 SPAN,
#cp_content .tarot_card.n62 SPAN,
#cp_content .tarot_card.n64 SPAN,
#cp_content .tarot_card.n66 SPAN,
#cp_content .tarot_card.n68 SPAN,
#cp_content .tarot_card.n70 SPAN,
#cp_content .tarot_card.n72 SPAN,
#cp_content .tarot_card.n74 SPAN,
#cp_content .tarot_card.n76 SPAN,
#cp_content .tarot_card.n78 SPAN,
#cp_content .tarot_card.n80 SPAN,
#cp_content .tarot_card.n82 SPAN,
#cp_content .tarot_card.n84 SPAN,
#cp_content .tarot_card.n86 SPAN,
#cp_content .tarot_card.n88 SPAN,
#cp_content .tarot_card.n90 SPAN,
#cp_content .tarot_card.n92 SPAN,
#cp_content .tarot_card.n94 SPAN,
#cp_content .tarot_card.n96 SPAN,
#cp_content .tarot_card.n98 SPAN,
#cp_content .tarot_card.n100 SPAN,
#cp_content .tarot_card.n102 SPAN,
#cp_content .tarot_card.n104 SPAN,
#cp_content .tarot_card.n106 SPAN,
#cp_content .tarot_card.n108 SPAN,
#cp_content .tarot_card.n110 SPAN,
#cp_content .tarot_card.n112 SPAN,
#cp_content .tarot_card.n114 SPAN,
#cp_content .tarot_card.n116 SPAN,
#cp_content .tarot_card.n118 SPAN,
#cp_content .tarot_card.n120 SPAN,
#cp_content .tarot_card.n122 SPAN,
#cp_content .tarot_card.n124 SPAN,
#cp_content .tarot_card.n126 SPAN,
#cp_content .tarot_card.n128 SPAN,
#cp_content .tarot_card.n130 SPAN,
#cp_content .tarot_card.n132 SPAN,
#cp_content .tarot_card.n134 SPAN,
#cp_content .tarot_card.n136 SPAN,
#cp_content .tarot_card.n138 SPAN,
#cp_content .tarot_card.n140 SPAN,
#cp_content .tarot_card.n142 SPAN,
#cp_content .tarot_card.n144 SPAN,
#cp_content .tarot_card.n146 SPAN,
#cp_content .tarot_card.n148 SPAN,
#cp_content .tarot_card.n150 SPAN,
#cp_content .tarot_card.n152 SPAN,
#cp_content .tarot_card.n154 SPAN,
#cp_content .tarot_card.n156 SPAN{
  transform: rotate(180deg);
}
/**/
#cp_content .res_box .tarot_card{
  margin: 0 auto;
  box-shadow: 0 0 10px 2px rgba(0,0,0,.6);
}


#cp_content .box.scrl_anim .card_wrap {
  position: relative;
  z-index: 100;
  opacity: 0;
  transition: opacity 200ms linear 0ms;
}
#cp_content .box.scrl_anim .card_wrap .tarot_card {
  transform: scaleX(0);
  transition: transform 300ms ease-out 600ms;
}
#cp_content .box.scrl_anim .card_wrap::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url(./../img/card_l/0.jpg);
  width: 280px;
  height: 485px;
  top: 50%;
  left: 50%;
  margin-left: -140px;
  transform: scaleX(1);
  transition: top 300ms ease-out, transform 300ms ease-in 300ms;
}
#cp_content .box.scrl_anim.open .card_wrap {
  opacity: 1;
}
#cp_content .box.scrl_anim.open .card_wrap .tarot_card {
  transform: scaleX(1);
  box-shadow: 0 0 30px #FFF, 0 0 20px #FFF, 0 0 10px #FFF;
}
#cp_content .box.scrl_anim.open .card_wrap::before {
  transform: scaleX(0);
  top: 0;
}


/*あおり*/
#cp_content.result .induction_aori {
  display: flex;
}
#cp_content.result .induction_aori .teller_msg {
  width: 968px;
  height: 416px;
  margin: 0 auto 0;
  background-image: url(./../img/result/result_img2.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  display: flex;
  justify-content: left;
  align-items: center;
}
#cp_content.result .induction_aori .teller_msg P {
  width: 500px;
  padding: 30px 30px;
  margin: -20px 0 0 80px;
  border-radius: 60px;
  font-size: 18px;
  line-height: 1.7;
  color: #fff;
  background-color: rgba(189, 10, 175, .7);
  box-shadow: 0px 0px 10px 0px #000;
}
#cp_content.result .teller_msg EM{
  color: #4cff61;
}
#cp_content.result .teller_msg SMALL{
  font-size: 80%;
}

/*------誘導枠----*/
#cp_content.result .relation_img1 {
  text-indent: -9999px;
  width: 968px;
  height: 386px;
  margin-top: -20px;
}
#cp_content.result .relation_img1.single {
  background-image: url(./../img/result/relation_img_1_1.jpg);
}
#cp_content.result .relation_img1.double {
  background-image: url(./../img/result/relation_img_1_2.jpg);
}

#cp_content.result .relation_img2 {
  text-indent: -9999px;
  width: 968px;
  height: 418px;
  background-image: url(./../img/result/relation_img_2.jpg);
}

#cp_content.result .induction {
  width: 900px;
  margin: 0px auto;
  padding: 25px 0 25px;
  background-size: 100% auto, 100% auto, 100% auto;
  -webkit-background-size: 100% auto, 100% auto, 100% auto;
  background-image: url(./../img/result/relation_bg_hdr.jpg), url(./../img/result/relation_bg_ftr.jpg), url(./../img/result/relation_bg_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
}

#cp_content.result .next_btn {
  width: 720px;
  height: 128px;
  position: relative;
  margin-top: 20px;
}


/*--------------------
footer
--------------------*/
#cp_content .goto_top {
  margin: 0 auto 30px;
  text-align: right;
  width: 800px;
  line-height: 1.8;
}
#cp_content .goto_top a {
  color: #ffe400;
}
/*--------------------
footer_box
--------------------*/
#cp_content #footer_box {
  width: 900px;
  margin: 25px auto 0px;
  padding: 40px 0 40px;
  background-image: url(./../img/common/footer_hdr.jpg), url(./../img/common/footer_bdy.jpg);
  background-repeat: no-repeat, repeat-y;
  background-position: center top, center top;
  /*background: url(./../img/common/bg_content.png) repeat-y 50% top;*/
}
#cp_content.extra #footer_box {
  margin: 0px auto 0px;
  padding: 0px 0;
  /*background: url(./../img/common/bg_content.png) repeat-y 50% top;*/
  padding-top: 10px;
  padding-bottom: 40px;
}
#cp_content #footer_box P{
  text-align: center;
  color: #fff;
  line-height: 1.7;
}
#cp_content #footer_box A {
  color: #fff100;
}
#cp_content #footer_box A.red {
  color: #ff0000;
}
#cp_content #footer_box LI A:visited {
  color: #fff100;
}
#cp_content #footer_box LI A:hover {
  color: #fff100;
}
#cp_content #footernavi {
  text-align: center;
  padding: 0px 0px 0px;
  margin-bottom: 15px;
}
#cp_content #footernavi UL {
	font-size: 0;
	display: inline-block;
	border-left: 1px solid #fff;
}
#cp_content #footernavi LI {
	font-size: 1rem;
	display: inline-block;
	padding: 0 .6em;
	color: #fff;
  line-height: 1;
	border-right: 1px solid #fff;
}
#cp_content #footernavi LI A {
  color: #fff100;
}

/*--------------------
attention
--------------------*/
#attention .attentionwrap{
  color:#fff;
}
#attention h3{
  color: #fff100;
  text-align: center;
  margin: 10px 0 10px;
  font-size: 22px;
}
#attention h4{
  color: #fff100;
  font-size: 16px;
  line-height: 1.6;
}
#attention P{
  margin: 0 0 1.5em;
  font-size: 16px;
  line-height: 1.6;
}
#attention table,
#attention th,
#attention td{
  border:1px solid #fff;
  color:#fff;
}
#attention A{color:#fff100;}
#attention A:hover{}
#attention A:visited{}

#attention .attentionwrap{
  width: 760px;
  margin: 0 auto 0px;
}

#attention table{margin:10px; padding:0px;}
#attention table tr{margin:0px; padding:0px; }
#attention table th{padding:7px 15px; text-align:center;vertical-align:middle;}
#attention table td{margin:0px; padding:7px;vertical-align:middle;}

#attention UL{
  margin: 0;
  font-size: 16px;
  list-style: none;
  text-align: left;
}
#attention LI{
  margin: 0 0 1.5em 0;

}


/*--------------------
pay
--------------------*/
body#pay{
  min-width: auto;
  background: #fff;
  color: #000;
  font-size: 13px;
}
body#pay a{
  color: #B90101;
  text-decoration: underline;
  font-weight: bold;
}
body#pay a:hover{
  text-decoration: none;
  color: #f00;
}
body#pay a.black{
  color: #000;
  font-weight: normal;
}
body#pay .content{
  max-width: 620px;
  margin: 0 auto;
  padding: 0 5px;
}
body#pay .box_other{
  text-align: center;
}
body#pay .pay_title{
  margin: 0px;
  padding: 10px 0px;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: bold;
}
body#pay .box_other table{
  width: 100%;
  border: 1px solid #ccc;
  text-align: left;
  margin: 0 0 15px 0;
}
body#pay .box_other table th,
body#pay .box_other table td{
  border: 1px solid #ccc;
  font-weight: normal;
  padding: 5px;
}
body#pay .box_other table th{
  width: 20%;
}
body#pay .box_other table td{
  width: 80%;
}
body#pay .box_other p{
  margin: 0 0 15px 0;
}
body#pay hr{
  border-bottom: 6px solid #003366;
  margin: 0 0 15px 0;
}
body#pay .copy{
  font-size: 11px;
}