@charset "utf-8";
/*----------------------------------
Reset Setting
-----------------------------------*/
*,
*:before,
*:after {
  margin: 0px;
  padding: 0px;
}
html {
  overflow-x: hidden;
}
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, #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: 760px;
  margin: 20px auto 20px;
  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);
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  background-color: #020000;
}
#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/input/btn_tryal_on.png),
  url(./../img/input/btn_charge_on.png),
  url(./../img/input/btn_free_on.png);
}
.result #preloaded_images {
  background-image: url(../img/result/btn_next_on.png);
}

/*--------------------
pay_attention
--------------------*/
#cp_content .pay_attention {
  width: 820px;
  margin: 0 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: #C90012;
  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: #C90012;
  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: 650px;
  position: relative;
  z-index: 10;
}
#cp_content.index #header H1 {
  width: 950px;
  height: 410px;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin: auto;
  text-indent: -9999px;
}
#cp_content #g_menu {
  margin: 0 auto 0;
  background: url(./../img/common/nav_off.jpg) no-repeat 50% top;
  padding: 12px 0 12px 0;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 94px;
}
#cp_content #g_menu .nav {
  width: 898px;
  height: 70px;
  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: 441px;
}
#cp_content #g_menu LI A,
#cp_content #g_menu LI SPAN {
  display: block;
  width: 100%;
  height: 70px;
  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: 30px 0 0 0;
  background-image: url(./../img/common/bg_content_hdr.jpg), url(./../img/common/bg_content_bdy.jpg);
  background-repeat: no-repeat, repeat-y;
  background-position: center top, center top;
}


/*--------------------
index topmenu
--------------------*/
#cp_content #topmenu {
  width: 856px;
  height: 230px;
  margin: 0px auto;
  /*
  display: flex;
  justify-content: space-between;
  */
  z-index: 1;
  position: relative;
  top: 410px;
}
#cp_content #topmenu P {
  /*flex: 0 0 469px;*/
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  position: relative;
  padding: 3px 3px 3px;
  width: 410px;
  height: 230px;
}
#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 300ms 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{
}

/*--------------------
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 12px;
  font-size: 18px;
  position: relative;
}
#cp_content #new .wrap  {
  width: 100%;
  height: auto;
  padding: 0;
}
#cp_content #new H2 {
  text-indent: -9999px;
  height: 138px;
}
#cp_content #new .tbl {
  width: 758px;
  margin: 0px auto 15px;
  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: #C90012;
}
#cp_content #new .caption {
  margin-bottom: 4px;
}
#cp_content #new .update {
  color: #C90012;
  font-weight: normal;
  /*margin-right: .6em;*/
}
#cp_content #new .price_info {
  color: #C90012;
}


/*--------------------
whats_premium
--------------------*/
#cp_content #whats_premium {
  margin: 0 0 10px 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 42px;
  font-size: 18px;
}
#cp_content #selection h2 {
  text-indent: -9999px;
  height: 186px;
  margin-bottom: 0;
}
#cp_content #selection .tbl {
  width: 768px;
  margin: 0 auto 15px;
  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: #C90012;
}
#cp_content #selection .caption {
  margin-bottom: 0.5em;
}
#cp_content #selection .price_info {
  color: #C90012;
  font-weight: bold;
}


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

/*--------------------
.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;
  padding: 0 0 25px;
  font-size: 18px;
  position: relative;
}
#cp_content .special .wrap  {
  width: 100%;
  height: auto;
  padding: 0;
}
#cp_content .special H2 {
  text-indent: -9999px;
  height: 374px;
}
#cp_content .special .tbl {
  width: 796px;
  margin: 0px auto 10px;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  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: #C90012;
}
#cp_content .special .caption {
  margin-bottom: 5px;
}
#cp_content .special .price_info {
  color: #C90012;
  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/in_renai_hdr.jpg), url(./../img/index/in_renai_ftr.jpg), url(./../img/index/in_renai_bdy.jpg);
}
#cp_content #renai #fixed_ekiban {
  border-top: 1px solid #726451;
  border-bottom: 1px solid #726451;
  border-left: 2px solid #58321b;
  border-right: 2px solid #58321b;
  width: 778px;
  height: 768px;
  margin-bottom: 12px;
  left: 0px;
}

/* #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 H2{
  height: 668px;
  margin-bottom: 8px;
}
#cp_content #kekkon .tbl {
  background-image: url(./../img/index/in_kekkon_hdr.jpg), url(./../img/index/in_kekkon_ftr.jpg), url(./../img/index/in_kekkon_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/in_jinsei_hdr.jpg), url(./../img/index/in_jinsei_ftr.jpg), url(./../img/index/in_jinsei_bdy.jpg);
}
#cp_content #fuda {
  margin: -3px auto 12px auto;
}

#cp_content .special h5 {
  width: 688px;
  height: 133px;
  margin: 0 auto 10px;
}

#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;
}


/*--------------------
kuchikomi
--------------------*/
#cp_content #kuchikomi {
  width: 900px;
  margin: 0px auto 20px;
  background-image: url(./../img/index/kuchikomi_hdr.jpg), url(./../img/index/kuchikomi_ftr.jpg), url(./../img/index/kuchikomi_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 0 0 52px;
  font-size: 18px;
}
#cp_content #kuchikomi h2 {
  text-indent: -9999px;
  height: 388px;
  margin-bottom: 0;
}
#cp_content #kuchikomi .tbl {
  width: 782px;
  height: 316px;
  margin: 0 auto 2px;
  background-repeat: no-repeat;
  background-position: center top;
  padding: 0 0 30px;
}
#cp_content #kuchikomi .tbl:nth-child(1) {
  background-image: url(./../img/index/kuchikomi_in_1.jpg);
}
#cp_content #kuchikomi .tbl:nth-child(2) {
  background-image: url(./../img/index/kuchikomi_in_2.jpg);
}
#cp_content #kuchikomi .tbl:nth-child(3) {
  background-image: url(./../img/index/kuchikomi_in_3.jpg);
}
#cp_content #kuchikomi .tbl p.kuchikomi_txt{
  text-indent: -9999px;
  height: 156px;
  margin-bottom: 0;
}
#cp_content #kuchikomi .inner {
  width: 680px;
  margin: 0 auto;
  color: #000;
}
#cp_content #kuchikomi .menu_info {
  width: 580px;
  margin-top: 4px;
}
#cp_content #kuchikomi .menu_info_bot {
  margin-top: 0;
}
#cp_content #kuchikomi h4 {
  font-size: 24px;
  margin-bottom: 0;
  min-height: 86px;
}
#cp_content #kuchikomi h4 A {
  color: #000;
}
#cp_content #kuchikomi H4 A:hover {
  color: #C90012;
}
#cp_content #kuchikomi .caption {
  margin-bottom: 0.5em;
}
#cp_content #kuchikomi .price_info {
  color: #C90012;
  font-weight: bold;
}

/*--------------------
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 38px;
  font-size: 18px;
}
#cp_content #osusume h2 {
  text-indent: -9999px;
  height: 186px;
  margin-bottom: 0;
}
#cp_content #osusume .tbl {
  width: 768px;
  margin: 0 auto 15px;
  background-image: url(./../img/index/osusume_in_hdr.jpg), url(./../img/index/osusume_in_ftr.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: 40px 0 34px;
}
#cp_content #osusume .inner {
  width: 680px;
  margin: 0 auto;
  color: #000;
}
#cp_content #osusume .menu_info {
  width: 580px;
  margin-top: 4px;
}
#cp_content #osusume .menu_info_bot {
  margin-top: 8px;
  margin-bottom: 8px;
}
#cp_content #osusume h4 {
  font-size: 24px;
  margin-bottom: 0;
  min-height: 86px;
}
#cp_content #osusume h4 A {
  color: #000;
}
#cp_content #osusume H4 A:hover {
  color: #C90012;
}
#cp_content #osusume .caption {
  margin-bottom: 0.5em;
}
#cp_content #osusume .price_info {
  color: #C90012;
  font-weight: bold;
}


/*--------------------
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 58px;
  font-size: 18px;
  position: relative;
}
#cp_content #free .wrap  {
  width: 100%;
  height: auto;
  padding: 0;
}
#cp_content #free H2 {
  text-indent: -9999px;
  height: 136px;
}
#cp_content #free .tbl {
  width: 796px;
  margin: 0px auto 15px;
  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: #C90012;
}
#cp_content #free .price_info {
  color: #C90012;
  font-weight: bold;
}


/*--------------------
cat_menu
--------------------*/
#cp_content .cat_menu {
  width: 914px;
  height: 94px;
  margin: 0px auto 0;
  background-image: url(./../img/index/cat_nav_on.jpg);
  background-repeat: no-repeat;
  padding: 12px 24px 15px 25px;
  display: flex;
  justify-content: space-between;
}
#cp_content .cat_menu LI {
  display: block;
}
#cp_content .cat_menu LI A {
  display: block;
  width: 286px;
  height: 70px;
  text-indent: -9999px;
  transition: 1.0s;
  background-image: url(./../img/index/cat_nav_off.jpg);
  background-repeat: no-repeat;
  opacity: 1;
}
#cp_content .cat_menu LI A.love {
  background-position: -25px -12px;
}
#cp_content .cat_menu LI A.enc {
  background-position: -315px -12px;
}
#cp_content .cat_menu LI A.life {
  background-position: -604px -12px;
}
#cp_content .cat_menu LI A:hover {
  transition: 400ms;
  opacity: 0;
}

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

/* カテゴリー共通 */
#cp_content #category > div[id^="cat"] {
  width: 100%;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  background-color: #0e0515;
  padding-bottom: 25px;
}
#cp_content #category H3 {
  width: 914px;
  height: 170px;
  margin-bottom: 0;
  text-indent: -9999px;
}
#cp_content #category .catbox {
  width: 758px;
  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: 15px;
  position: relative;
  box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.75);
}
#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: #C90012;
}
#cp_content #category .price_info {
  color: #C90012;
}

/*--------------------
cat1
--------------------*/
#cp_content #cat1 {
  background-image: url(./../img/index/cat1_hdr.jpg), url(./../img/index/cat1_ftr.jpg), url(./../img/index/cat1_bdy.jpg);
}
#cp_content #cat1 .tbl {
  background-image: url(./../img/index/in_renai_hdr.jpg), url(./../img/index/in_renai_ftr.jpg), url(./../img/index/in_renai_bdy.jpg);
}

/*--------------------
cat2
--------------------*/
#cp_content #cat2 {
  background-image: url(./../img/index/cat2_hdr.jpg), url(./../img/index/cat2_ftr.jpg), url(./../img/index/cat2_bdy.jpg);
}
#cp_content #cat2 .tbl {
  background-image: url(./../img/index/in_kekkon_hdr.jpg), url(./../img/index/in_kekkon_ftr.jpg), url(./../img/index/in_kekkon_bdy.jpg);
}

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

/*===================================================*/
/*--------------------
下層ページ全般
--------------------*/
#cp_content.under .content_box {
  margin-bottom: 0px;
}
#cp_content.under #contentmain {
  margin: 0;
  padding: 25px 0 0;
}
#cp_content.under #header {
  background: url(./../img/common/kv_under.png) no-repeat 50% top;
  height: 518px;
}
#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 0;
}
#cp_content #under_navi {
  width: 830px;
  margin: 0px auto 20px;
  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 136px;
  text-align: left;
}
#cp_content.profile #profile H2 {
  height: 122px;
  text-indent: -9999px;
}
#cp_content.profile #profile H3 {
  height: 328px;
  text-indent: -9999px;
}
#cp_content.profile #profile .inner {
  margin: 0 auto;
  overflow: hidden;
  width: 740px;
}
#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 #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 38px;
  text-align: left;
}
#cp_content.profile #divination H2 {
  height: 120px;
  text-indent: -9999px;
}
#cp_content.profile #divination H3 {
  height: 176px;
  text-indent: -9999px;
}
#cp_content.profile #divination .inner {
  margin: 0 auto 0;
  padding: 20px 0;
  overflow: hidden;
  width: 820px;
  background-image: url(./../img/profile/divination_bdr.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 774px 14px;
}
#cp_content.profile #divination .inner P {
  padding: 0;
  line-height: 1.8;
  letter-spacing: -0.5px;
  font-size: 21px;
  text-align: center;
}
#cp_content.profile #divination .inner P B {
  font-weight: normal;
  color: #fff100;
}
#cp_content.profile #divination .inner P EM {
  font-weight: normal;
  color: #fd0014;
}
#cp_content.profile #divination IMG {
  display: block;
  margin: 0 auto;
}
#cp_content.profile #divination .inner.inner2 {
  background-image: url(./../img/profile/divination_in_hdr.jpg), url(./../img/profile/divination_in_bdy.jpg);
  background-repeat: no-repeat, repeat-y;
  background-position: center top, center top;
}
#cp_content.profile #divination .fuda_sample {
  margin: 7px auto 13px;
}

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

/*--------------------
入力ページ
--------------------*/
#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: 850px;
  margin: 10px auto 10px;
  color: #000;
  position: relative;
}
#cp_content .menu_title H2 {
  width: 620px;
  height: 148px;
  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-bottom: 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 122px;
  position: relative;
}
#cp_content #judge_topic::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: calc(100% - 362px);
  top: 195px;
  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: 144px;
  text-indent: -9999px;
  margin-bottom: 0;
}
#cp_content #judge_topic .list {
  list-style-type: none;
  width: 660px;
  min-height: 110px;
  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;
}
#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-bottom: -20px;
}

/*--------------------
judeg_form
--------------------*/
#cp_content #judeg_form {
  width: 900px;
  margin: 10px auto 15px;
  background-image: url(./../img/input/form_hdr.jpg), url(./../img/input/form_ftr.jpg), url(./../img/input/form_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 300px 0 40px;
}
#cp_content #judeg_form .wrap{
  margin: 0px auto;
  background-repeat: no-repeat, repeat-y;
  background-position: center top, center top;
  padding: 0;
}
#cp_content #judeg_form H3 {
  height: 108px;
  text-indent: -9999px;
}
#cp_content #judeg_form TABLE {
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
  padding: 25px 0 15px; 
  width: 800px;
  display: block;
  margin: 0 auto;
  position: relative;
}
#cp_content #judeg_form TABLE::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: calc(100% - 88px);
  top: 44px;
  left: 0;
  background-repeat: repeat-y;
  background-position: center top;
  z-index: 1;
}
#cp_content #judeg_form .input_tbl TBODY{
  width: 700px;
  display: block;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 2;
}
#cp_content #judeg_form .input_tbl TH {
  width: 150px;
  margin-bottom: 10px;
  text-align: right;
}
#cp_content #judeg_form .input_tbl TH IMG {
  margin-right: 10px;
  height: 34px;
  width: auto;
}
#cp_content #judeg_form .input_tbl TD IMG {
  margin: 0 2px 0 2px;
  height: 32px;
  width: auto;
}
#cp_content #judeg_form .input_tbl TD strong{
  color: #ffff33;
  font-size: 15px;
  letter-spacing: 1px;
}
#cp_content #judeg_form .input_tbl TD .error{
  color: #ffff00;
  font-weight: bold;
  font-size: 14px;
}
#cp_content #judeg_form .input_tbl SELECT {
  margin-right: -5px;
}
#cp_content #judeg_form .input_tbl .tr_attention TD {
  font-size: 16px;
  line-height: 1.5;
  padding: 5px 0;
  color: #000;
}
#cp_content #judeg_form .input_tbl .tr_attention2 TD{
  height: 10px;
}
#cp_content #judeg_form .input_tbl .tr_attention TD strong a {
  color: #a40000;
}
#cp_content #judeg_form .input_user1{
  background-image: url(./../img/input/form_user1_hdr.jpg), url(./../img/input/form_user1_bdy.jpg);
}
#cp_content #judeg_form .input_user2 {
  background-image: url(./../img/input/form_user2_hdr.jpg), url(./../img/input/form_user2_bdy.jpg);
}
#cp_content #judeg_form .input_user2 H3 {
  height: 112px;
}
#cp_content #judeg_form .input_name {
  width: 360px;
}
#cp_content #judeg_form .input_caption {
  margin: 0 0 10px;
  text-align: center;
  color: #fff;
}
#cp_content #judeg_form .input_caption em {
  color: #fff;
}

#cp_content #judeg_form .inner {
  background-image: url(./../img/input/form_in_hdr.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  padding: 20px 0 10px 0;
}
/*--------------------
入力内容の保存
--------------------*/
#cp_content .save_input {
  text-align: center;
  margin: .8em 0 1em;
}
#cp_content .save_input LABEL{
  color: #FFF;
  font-size: 110%;
  user-select: none;
}
#cp_content .save_input input[type=checkbox] {
  transform: scale(1.5, 1.5);
  vertical-align: baseline;
  margin: 0 10px 0 0;
}

/*--------------------
フォームボタン設定
--------------------*/
#cp_content #frm_btn {
  margin: 0px auto 5px;
}
#cp_content #frm_btn P {
  text-align: center;
  color: #fff;
  margin-top: 10px;
}
#cp_content #frm_btn P EM {
  color: #040f65;
  font-weight: bold;
}
#cp_content #frm_btn P.premium, #cp_content #frm_btn P.premium A {
  color: #040f65;
  font-weight: bold;
}
#cp_content #frm_btn P .special_price {
  color: #C00000;
}
#cp_content #frm_btn P .normal_price {
  color: #040f65;
}
#cp_content #frm_btn .price_area {
  width: 774px;
  margin: 0 auto 0;
  overflow: hidden;
}
/*以下ボタン設定*/
#cp_content #frm_btn .btnarea {
  width: 386px;
  height: 126px;
}
#cp_content #frm_btn .btnarea INPUT {
  display: block;
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
  transition: 1.0s;
  width: 386px;
  height: 126px;
}
#cp_content #frm_btn .btnarea INPUT:hover {
  transition: 1.0s;
  opacity: 0;
}
/*一部無料*/
#cp_content #frm_btn .form_btn_trial {
  background: url(./../img/input/btn_tryal_on.png) no-repeat 50% top;
  margin: 0 auto;
  float: left;
}
#cp_content #frm_btn .form_btn_trial INPUT {
  background: url(./../img/input/btn_tryal_off.png) no-repeat 50% top;
}
/*有料*/
#cp_content #frm_btn .form_btn_charge {
  background: url(./../img/input/btn_charge_on.png) no-repeat 50% top;
  margin: 0 auto;
  float: right;
}
#cp_content #frm_btn .form_btn_charge INPUT {
  background: url(./../img/input/btn_charge_off.png) no-repeat 50% top;
}
/*無料*/
#cp_content #frm_btn .form_btn_free {
  background: url(./../img/input/btn_free_on.png) no-repeat 50% top;
  margin: 10px auto 0;
}
#cp_content #frm_btn .form_btn_free INPUT {
  background: url(./../img/input/btn_free_off.png) no-repeat 50% top;
}
/*--------------------
プライバシー
--------------------*/
#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: 914px;
  height: 432px;
  margin: 0 auto;
  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: 480px;
  padding: 30px 30px;
  margin: -50px 0 0 40px;
  border-radius: 60px;
  font-size: 20px;
  line-height: 1.7;
  color: #fff;
  background-color: rgba(128, 0, 124, .6);
  box-shadow: 0px 0px 10px 0px #000;
  border: 2px solid #cece91;
}

/*------入力情報----*/
#cp_content.result #input_box {
  width: 760px;
  padding: 38px 20px 25px;
  margin: 0 auto 8px;
  background-image: url(./../img/result/name_bg_hdr.jpg), url(./../img/result/name_bg_ftr.jpg), url(./../img/result/name_bg_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
}
#cp_content.result #input_box P {
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 15px;
}
#cp_content.result #input_box #input_user1{
  text-shadow: 0 0 6px #ff005a,0 0 10px #ff005a;
}
#cp_content.result #input_box #input_user2{
  text-shadow: 0 0 6px #0078ff,0 0 10px #0078ff;
}

/*------固定項目----*/
#cp_content.result #fixed_box {
  width: 900px;
  margin: 0 auto 20px;
  background-image: url(./../img/result/fixed_hdr.jpg), url(./../img/result/fixed_ftr.jpg), url(./../img/result/fixed_bdy.jpg);
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 50px 0 50px;
  position: relative;
}
#cp_content.result #fixed_box h2 {
  width: 832px;
  height: 216px;
  text-indent: -9999px;
  background-image: url(./../img/result/fixed_user1_hdr.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
#cp_content.result #fixed_box.double h2{
  background-image: url(./../img/result/fixed_user2_hdr.jpg);
}
#cp_content.result #fixed_box p.read {
  display: none;
}

/* 易盤 */
#cp_content #fixed_ekiban {
  width: 776px;
  height: 766px;
  margin: 0 auto;
  position: relative;
  left: 1px;
  padding: 0;
  color: #fff;
  background-repeat: no-repeat;
  background-position: center top;
}
#cp_content #fixed_ekiban.sign_1 {
  background-image: url(./../img/ekiban/bg1.jpg);
}
#cp_content #fixed_ekiban.sign_2 {
  background-image: url(./../img/ekiban/bg2.jpg);
}
#cp_content #fixed_ekiban.sign_3 {
  background-image: url(./../img/ekiban/bg3.jpg);
}
#cp_content #fixed_ekiban.sign_4 {
  background-image: url(./../img/ekiban/bg4.jpg);
}
#cp_content #fixed_ekiban.sign_5 {
  background-image: url(./../img/ekiban/bg5.jpg);
}
#cp_content #fixed_ekiban.sign_6 {
  background-image: url(./../img/ekiban/bg6.jpg);
}
#cp_content #fixed_ekiban.sign_7 {
  background-image: url(./../img/ekiban/bg7.jpg);
}
#cp_content #fixed_ekiban.sign_8 {
  background-image: url(./../img/ekiban/bg8.jpg);
}
#cp_content #fixed_ekiban.sign_9 {
  background-image: url(./../img/ekiban/bg9.jpg);
}
#cp_content #fixed_ekiban.sign_10 {
  background-image: url(./../img/ekiban/bg10.jpg);
}
#cp_content #fixed_ekiban.sign_11 {
  background-image: url(./../img/ekiban/bg11.jpg);
}
#cp_content #fixed_ekiban.sign_12 {
  background-image: url(./../img/ekiban/bg12.jpg);
}
#cp_content #fixed_ekiban .scrl_anim > DIV {
  position: absolute;
}
#cp_content #fixed_ekiban .onmyou{
  background-image: url(./../img/ekiban/onmyou.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 410px;
  height: 410px;
  top: 177px;
  left: 182px;
  opacity: 1;
}
#cp_content #fixed_ekiban .open .onmyou{
  transition: opacity 500ms 0ms ease-in;
  opacity: 0;
}

#cp_content #fixed_ekiban [class^="line_"]{
  width: 354px;
  height: 310px;
  top: 178px;
  left: 209px;
  display: flex;
  justify-content: center;
}
#cp_content #fixed_ekiban .line_blue{
  align-items: flex-end;
}
#cp_content #fixed_ekiban .line_red{
  align-items: flex-start;
  height: 309px;
  top: 276px;
}
#cp_content #fixed_ekiban [class^="line_"] > DIV{
  background-repeat: no-repeat;
}
#cp_content #fixed_ekiban .line_blue > DIV{
  background-image: url(./../img/ekiban/line_blue.png);
  background-position: center bottom;
  width: 0px;
  height: 22px;
}
#cp_content #fixed_ekiban .line_red > DIV{
  background-image: url(./../img/ekiban/line_red.png);
  background-position: center top;
  width: 0px;
  height: 22px;
}

#cp_content #fixed_ekiban .open .line_blue > DIV{
  animation: line_blue 1500ms ease-in-out 500ms 1 forwards;
}
@keyframes line_blue {
  0% {
    width: 0px;
    height: 22px;
  }
  30% {
    width: 354px;
    height: 22px;
  }
  100% {
    width: 354px;
    height: 310px;
  }
}
#cp_content #fixed_ekiban .open .line_red > DIV{
  animation: line_red 1500ms ease-in-out 500ms 1 forwards;
}
@keyframes line_red {
  0% {
    width: 0px;
    height: 22px;
  }
  30% {
    width: 354px;
    height: 22px;
  }
  100% {
    width: 354px;
    height: 309px;
  }
}

#cp_content #fixed_ekiban .mozi{
  /*
  background-image: url(./../img/ekiban/64.png);
  background-repeat: no-repeat;
  background-position: center;
  */
  width: 300px;
  height: 300px;
  top: 245px;
  left: 240px;
  font-family: 'Shippori Mincho', serif;
  color: #000;
  font-size: 116px;
  letter-spacing: 0.05em;
  line-height: 1.1;
  text-align: center;
  /*
  -webkit-text-stroke-width: 5px;
  -webkit-text-stroke-color: #8d00da;
  */
  text-shadow: 0 0 4px #fff, 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,
  0 0 4px #fff, 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,
  0 0 4px #fff, 0 0 4px #fff,0 0 4px #fff,0 0 4px #fff,
  0 0 10px #ffa800, 0 0 10px #ffa800, 0 0 10px #ffa800, 0 0 10px #ffa800,
  0 0 10px #ffa800, 0 0 10px #ffa800, 0 0 10px #ffa800, 0 0 10px #ffa800,
  0 0 20px #ffa800, 0 0 20px #ffa800, 0 0 20px #ffa800, 0 0 20px #ffa800;
  opacity: 0;
  filter: blur(10px) brightness(10);
}
#cp_content #fixed_ekiban .open .mozi{
  transition: all 1000ms 2000ms ease-in;
  opacity: 1;
  filter: blur(0) brightness(1);
}

/*
#cp_content #fixed_ekiban .scrl_anim{
  width: 776px;
  height: 766px;
  position: relative;
}
*/

#cp_content #fixed_ekiban .sample{
  text-indent: -9999px;
  position: absolute;
  right: 20px;
  bottom: 10px;
  background-image: url(./../img/ekiban/sample.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 222px;
  height: 59px;
}

/*------あなた、2人に起こるうれしいこと----*/
#cp_content.result .fixed_detail {
  background-repeat: no-repeat;
  background-position: center top;
  padding: 0 0 0 0;
}
#cp_content.result #fixed_user1_1 {
  background-image: url(./../img/result/fixed_user1_ttl1.jpg);
}
#cp_content.result #fixed_user1_2 {
  background-image: url(./../img/result/fixed_user1_ttl2.jpg);
}
#cp_content.result #fixed_user2_1 {
  background-image: url(./../img/result/fixed_user2_ttl1.jpg);
}
#cp_content.result #fixed_user2_2 {
  background-image: url(./../img/result/fixed_user2_ttl2.jpg);
}
#cp_content.result .fixed_detail H3{
  width: 100%;
  height: 104px;
  text-indent: -9999px;
  margin-bottom: 16px;
}
#cp_content.result .fixed_txt {
  width: 792px;
  min-height: 200px;
  margin: 0px auto;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
  padding: 0px 50px 15px;
  position: relative;
  font-size: 18px;
  opacity: 0;
}
#cp_content.result .fixed_txt.open {
  transition: all 1000ms 1000ms ease-in;
  opacity: 1;
}
#cp_content.result #fixed_user1 .fixed_txt {
  background-image: url(./../img/result/fixed_user1_in_hdr.jpg), url(./../img/result/fixed_user1_in_ftr.jpg), url(./../img/result/fixed_user1_in_bdy.jpg);
}
#cp_content.result #fixed_user2 .fixed_txt {
  background-image: url(./../img/result/fixed_user2_in_hdr.jpg), url(./../img/result/fixed_user2_in_ftr.jpg), url(./../img/result/fixed_user2_in_bdy.jpg);
}
#cp_content.result .fixed_txt H4{
  width: 100%;
  height: 48px;
  margin-bottom: 35px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
#cp_content.result .fixed_txt P{
  color: #fff;
}

#cp_content.result #fixed_exp {
  padding: .5em 0;
  text-align: center;
}
#cp_content.result #fixed_exp A{
  color: #fff;
  text-decoration: none;
}
#cp_content.result #fixed_exp A:hover{
  color: #ffff00;
}
#cp_content.result #fixed_exp_wrap {
  display: none;
  width: 680px;
  margin: 0 auto;
  padding-top: 1em;
}
#cp_content.result #fixed_exp_wrap P{
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 1em;
  text-align: left;
}

/* 守り札 */
#fuda {
  width: 760px;
  height: 402px;
  margin: 0 auto 20px;
  background: url("../img/fuda/bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 100;
}
#fuda .scrl_anim > DIV{
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}
#fuda .fukuro {
  background: url("../img/fuda/fukuro.png");
  width: 246px;
  height: 312px;
  top: 49px;
  left: 158px;
}
#fuda .kifuda {
  background: url("../img/fuda/kifuda.png");
  width: 112px;
  height: 220px;
  top: 110px;
  /*left: 448px;*/
  left: 280px;
}
#fuda .shine {
  background: url("../img/fuda/shine.jpg");
  width: 760px;
  height: 402px;
  top: 0;
  left: 0;
  opacity: 0;
}
#fuda .open .shine{
  animation: shine 1800ms linear 0ms 1;
}
@keyframes shine {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
#fuda .open .kifuda{
  transition: all 1000ms ease-out 1800ms;
  left: 448px;
}
#fuda .fuda_image {
  width: 399px;
  height: 310px;
  top: 48px;
  left: 160px;
}
#fuda .fuda_image span{
  display: none;
}
#fuda .fuda_image::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  width: 399px;
  height: 310px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: blur(10px) brightness(1);
}
#fuda .fuda_image_mosaic::after {
  background: url("../img/fuda/mosaic.png");
}
#fuda .fuda_image_1::after {
  background: url("../img/fuda/1.png");
}
#fuda .fuda_image_2::after {
  background: url("../img/fuda/2.png");
}
#fuda .fuda_image_3::after {
  background: url("../img/fuda/3.png");
}
#fuda .fuda_image_4::after {
  background: url("../img/fuda/4.png");
}
#fuda .fuda_image_5::after {
  background: url("../img/fuda/5.png");
}
#fuda .fuda_image_6::after {
  background: url("../img/fuda/6.png");
}
#fuda .fuda_image_7::after {
  background: url("../img/fuda/7.png");
}
#fuda .fuda_image_8::after {
  background: url("../img/fuda/8.png");
}
#fuda .fuda_image_9::after {
  background: url("../img/fuda/9.png");
}
#fuda .fuda_image_10::after {
  background: url("../img/fuda/10.png");
}
#fuda .fuda_image_11::after {
  background: url("../img/fuda/11.png");
}
#fuda .fuda_image_12::after {
  background: url("../img/fuda/12.png");
}
#fuda .fuda_image_13::after {
  background: url("../img/fuda/13.png");
}
#fuda .fuda_image_14::after {
  background: url("../img/fuda/14.png");
}
#fuda .fuda_image_15::after {
  background: url("../img/fuda/15.png");
}
#fuda .fuda_image_16::after {
  background: url("../img/fuda/16.png");
}
#fuda .fuda_image_17::after {
  background: url("../img/fuda/17.png");
}
#fuda .fuda_image_18::after {
  background: url("../img/fuda/18.png");
}
#fuda .fuda_image_19::after {
  background: url("../img/fuda/19.png");
}
#fuda .fuda_image_20::after {
  background: url("../img/fuda/20.png");
}

#fuda .scrl_anim.open .fuda_image::after {
  transition: all 1200ms linear 2800ms;
  opacity: 1;
  filter: blur(0) brightness(1);
}

#fuda .sample{
  text-indent: -9999px;
  position: absolute;
  right: 15px;
  bottom: 25px;
  background-image: url(./../img/fuda/sample.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 222px;
  height: 59px;
}

/*------result_img2----*/
#cp_content.result .result_img2 {
  margin: 0;
}


/*------モザイク----*/
#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: 386px;
  height: 126px;
  margin: auto auto auto -193px;
  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: 914px;
  margin: 0px auto 15px;
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
  position: relative;
}
#cp_content.result .res_box .box::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  background-repeat: repeat-y;
  background-position: center top;
  left: 0;
  z-index: 9;
}
#cp_content.result .res_box .inner {
  width: 700px;
  margin: 0 auto;
  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: 520px;
  height: 74px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
}
#cp_content.result .res_box H3 span{
  text-align: center;
}
#cp_content.result .res_box p.read{
  display: none;
}

#cp_content.result .res_box .tpl1 {
  background-image: url(./../img/result/tpl1_hdr.png), url(./../img/result/tpl1_ftr.png);
}
#cp_content.result .res_box .tpl2 {
  background-image: url(./../img/result/tpl2_hdr.png), url(./../img/result/tpl2_ftr.png);
}
#cp_content.result .res_box .tpl3 {
  background-image: url(./../img/result/tpl3_hdr.png), url(./../img/result/tpl3_ftr.png);
}
#cp_content.result .res_box .tpl4 {
  background-image: url(./../img/result/tpl4_hdr.png), url(./../img/result/tpl4_ftr.png);
}
#cp_content.result .res_box .tpl5 {
  background-image: url(./../img/result/tpl5_hdr.png), url(./../img/result/tpl5_ftr.png);
}
#cp_content.result .res_box .tpl6 {
  background-image: url(./../img/result/tpl6_hdr.png), url(./../img/result/tpl6_ftr.png);
}
#cp_content.result .res_box .tpl7 {
  background-image: url(./../img/result/tpl7_hdr_1.png), url(./../img/result/tpl7_ftr.png);
}
#cp_content.result .res_box .tpl7.double {
  background-image: url(./../img/result/tpl7_hdr_2.png), url(./../img/result/tpl7_ftr.png);
}
#cp_content.result .res_box .tpl8 {
  background-image: url(./../img/result/tpl8_hdr.png), url(./../img/result/tpl8_ftr.png);
}
#cp_content.result .res_box .tpl9 {
  background-image: url(./../img/result/tpl9_hdr.png), url(./../img/result/tpl9_ftr.png);
}
#cp_content.result .res_box .tpl1::before {
  background-image: url(./../img/result/tpl1_bdy.png);
}
#cp_content.result .res_box .tpl2::before {
  background-image: url(./../img/result/tpl2_bdy.png);
}
#cp_content.result .res_box .tpl3::before {
  background-image: url(./../img/result/tpl3_bdy.png);
}
#cp_content.result .res_box .tpl4::before {
  background-image: url(./../img/result/tpl4_bdy.png);
}
#cp_content.result .res_box .tpl5::before {
  background-image: url(./../img/result/tpl5_bdy.png);
}
#cp_content.result .res_box .tpl6::before {
  background-image: url(./../img/result/tpl6_bdy.png);
}
#cp_content.result .res_box .tpl7::before {
  background-image: url(./../img/result/tpl7_bdy.png);
}
#cp_content.result .res_box .tpl8::before {
  background-image: url(./../img/result/tpl8_bdy.png);
}
#cp_content.result .res_box .tpl9::before {
  background-image: url(./../img/result/tpl9_bdy.png);
}

#cp_content.result .res_box .tpl1,
#cp_content.result .res_box .tpl3,
#cp_content.result .res_box .tpl4 {
  min-height: 240px;
  padding: 54px 0 50px 0;
}
#cp_content.result .res_box .tpl1::before,
#cp_content.result .res_box .tpl3::before,
#cp_content.result .res_box .tpl4::before {
  height: calc(100% - 188px);
  top: 139px;
}
#cp_content.result .res_box .tpl1 H3,
#cp_content.result .res_box .tpl3 H3,
#cp_content.result .res_box .tpl4 H3 {
  margin-bottom: 25px;
}

#cp_content.result .res_box .tpl5,
#cp_content.result .res_box .tpl6 {
  min-height: 240px;
  padding: 90px 0 80px 0;
}
#cp_content.result .res_box .tpl5::before,
#cp_content.result .res_box .tpl6::before {
  height: calc(100% - 248px);
  top: 177px;
}
#cp_content.result .res_box .tpl5 H3,
#cp_content.result .res_box .tpl6 H3 {
  margin-bottom: 25px;
}
#cp_content.result .res_box .tpl5 .inner,
#cp_content.result .res_box .tpl6 .inner {
  color: #fff;
}

#cp_content.result .res_box .tpl3::after,
#cp_content.result .res_box .tpl4::after,
#cp_content.result .res_box .tpl5::after,
#cp_content.result .res_box .tpl6::after{
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 11;
  width: 244px;
  height: 360px;
}
#cp_content.result .res_box .tpl3::after {
  background-image: url(./../img/result/tpl3_img.png);
  left: 83px;
  bottom: 35px;
}
#cp_content.result .res_box .tpl3 .wrap {
  width: 480px;
  margin-left: 220px;
}
#cp_content.result .res_box .tpl4::after {
  background-image: url(./../img/result/tpl4_img.png);
  right: 82px;
  bottom: 35px;
}
#cp_content.result .res_box .tpl4 .wrap {
  width: 480px;
  margin-left: 0;
}
#cp_content.result .res_box .tpl5::after {
  background-image: url(./../img/result/tpl5_img.png);
  left: 81px;
  bottom: 68px;
}
#cp_content.result .res_box .tpl5 .wrap {
  width: 480px;
  margin-left: 220px;
}
#cp_content.result .res_box .tpl6::after {
  background-image: url(./../img/result/tpl6_img.png);
  right: 83px;
  bottom: 67px;
}
#cp_content.result .res_box .tpl6 .wrap {
  width: 460px;
  margin-left: 0;
}

#cp_content.result .res_box .tpl2 {
  min-height: 240px;
  padding: 155px 0 140px 0;
}
#cp_content.result .res_box .tpl2::before {
  height: calc(100% - 405px);
  top: 241px;
}
#cp_content.result .res_box .tpl2 H3 {
  margin-bottom: 25px;
}
#cp_content.result .res_box .tpl2 .inner {
  width: 680px;
  color: #fff;
}

#cp_content.result .res_box .tpl7 {
  min-height: 240px;
  padding: 455px 0 140px 0;
}
#cp_content.result .res_box .tpl7::before {
  height: calc(100% - 920px);
  top: 753px;
}
#cp_content.result .res_box .tpl7 H3 {
  margin-bottom: 38px;
  width: 600px;
  height: 107px;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 28px;
  color: #fffff9;
  text-shadow: 0 0 6px #000, 0 0 6px #000;
}
#cp_content.result .res_box .tpl7 .date {
  width: 690px;
  height: 136px;
  margin: 0 auto 30px;
  text-align: center;
  /*
  display: flex;
  justify-content: center;
  align-items: center;
  */
}
#cp_content.result .res_box .tpl7 .date P{
  display: inline-block;
  position: relative;
  font-weight: bold;
  font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
  font-size: 70px;
  line-height: 1;
  margin-top: 28px;
}
@media all and (-ms-high-contrast: none) {
  /*IEのみ*/
#cp_content.result .res_box .tpl7 .date P{
  margin-top: 44px;
}
}
#cp_content.result .res_box .tpl7 .date P EM{
  font-weight: bold;
  position: relative;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #8d00da;
  text-shadow: 1px 0 10px #8d00da, -1px 0 10px #8d00da, 0 1px 10px #8d00da, 0 -1px 10px #8d00da,
      1px 1px 10px #8d00da, -1px 1px 10px #8d00da, -1px -1px 10px #8d00da, 1px -1px 10px #8d00da;
}
#cp_content.result .res_box .tpl7 .date P SPAN{
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
}
#cp_content.result .res_box .tpl7 .inner {
  width: 680px;
  color: #fff;
}

#cp_content.result .res_box .tpl8 {
  min-height: 240px;
  padding: 15px 0 60px 0;
}
#cp_content.result .res_box .tpl8::before {
  height: calc(100% - 548px);
  top: 499px;
}
#cp_content.result .res_box .tpl8 H3 {
  margin-bottom: 0;
  text-indent: -9999px;
  height: 400px;
}
#cp_content.result .res_box .tpl8 .inner {
  color: #fff;
}
#cp_content.result .res_box .tpl8 .tpl8txt {
  opacity: 0;
}
#cp_content.result .res_box .tpl8 .tpl8txt.open {
  transition: opacity 1200ms 1000ms ease-in;
  opacity: 1;
}
#cp_content.result .res_box .tpl9 {
  min-height: 240px;
  padding: 275px 0 130px 0;
}
#cp_content.result .res_box .tpl9::before {
  height: calc(100% - 650px);
  top: 485px;
}
#cp_content.result .res_box .tpl9 H3 {
  margin-bottom: 45px;
  text-indent: -9999px;
  height: 170px;
}
#cp_content.result .res_box .tpl9 .inner {
  width: 660px;
  color: #fff;
}

/*------誘導枠----*/
#cp_content.result .induction {
  width: 914px;
  margin: 0px auto;
  padding: 344px 0 30px;
  background-size: 100% auto, 100% auto, 100% auto;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: center top, center bottom, center top;
}
#cp_content.result .induction.more {
  padding-top: 337px;
  margin-bottom: 30px;
}
#cp_content.result .induction.single {
  background-image: url(./../img/result/relation_bg_hdr_1_1.jpg), url(./../img/result/relation_bg_ftr.jpg), url(./../img/result/relation_bg_bdy.jpg);
}
#cp_content.result .induction.double {
  background-image: url(./../img/result/relation_bg_hdr_1_2.jpg), url(./../img/result/relation_bg_ftr.jpg), url(./../img/result/relation_bg_bdy.jpg);
}
#cp_content.result .induction.more.single {
  background-image: url(./../img/result/relation_bg_hdr_2_1.jpg), url(./../img/result/relation_bg_ftr.jpg), url(./../img/result/relation_bg_bdy.jpg);
}
#cp_content.result .induction.more.double {
  background-image: url(./../img/result/relation_bg_hdr_2_2.jpg), url(./../img/result/relation_bg_ftr.jpg), url(./../img/result/relation_bg_bdy.jpg);
}

#cp_content.result .induction .relation_read {
  display: none;
}

#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;
}
#cp_content .goto_top a {
  color: #ffe400;
}
/*--------------------
footer_box
--------------------*/
#cp_content #footer_box {
  width: 914px;
  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;
}