@charset "utf-8";

@-ms-viewport {
    width: device-width;
}


/* check
*{
	border:1px solid #FF0000;
}
*/

/* clearfix
------------------------------------------------*/
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after {
	display: table;
	content:"";
	line-height: 0;
}
.clearfix:after { clear: both; }

/* 全体
------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
    font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: url("../img/pat_01.png") repeat center,#04091c;
	position: relative;
	width: 100%;
}
.wrap_1060{
	width:1060px;
	margin: 0 auto;
	position: relative;
}
.wrap_960{
	width:960px;
	margin: 0 auto;
	position: relative;
}
/* ローディング画面
------------------------------------------------*/
#loading {
  transition: all 1s;
}
.spinner {

  text-align: center;
}
.spinner > div {
  width: 10px;
  height: 10px;
  background:#c70009;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.loaded {
  opacity: 0;
  visibility: hidden;
}
/* hover
------------------------------------------------*/
nav a:hover img{
opacity:1;
}
a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}

a:hover{
opacity:0.9;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}
button[type='submit']:hover{
opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}
input[type="image"]:hover{
opacity:0.8;
filter: alpha(opacity=80);
-moz-opacity:0.8;
}
nav a{
	position: relative;
	display: inline-block;
	transition: 0.5s;
}
nav a::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  border-bottom: solid 1px #99ffff;
  transition: 0.5s;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
nav a:hover::after {
  width: 100%;
}
nav a:hover{
	color: #99ffff;
}
/* TOPへ戻る
------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 40px;
    z-index: 9999999;
}

#page-top a {
    display: block;
}

#page-top a img{
	width:110px;
}

#login_page-top #page-top {
    position: absolute;
    top: -20px!important;
    right: 40px!important;
    z-index: 999;
	height:90px;
}
#login_page-top #page-top a img{
	width: 90px;
}
/* ボタン系
------------------------------------------------*/
.btn_common{
	text-align: center;
	color: #04091c;
	margin: 30px auto;
}
.btn_common a{
	background: #99ffff;
	padding: 0.5em 2em;
	border-radius: 4px;
	text-decoration-line: none!important;
}
.btn_common input[type='submit']{
	background: #99ffff;
	padding: 0.5em 2em;
	border-radius: 4px;
}
/*共通　ゴールドボタン*/
.gold_btn_center{
	text-align: center;
}
.btn,
a.btn,
button.btn {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.5rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.btn-border-gradient-wrap {
  display: inline-block;
  padding: 0.12rem;
  border-radius: 0.5rem;
	margin: 30px auto 40px auto;
}
.btn-border-gradient-wrap--gold {
  background-image: -webkit-linear-gradient(
    315deg,
    #704308 0%,
    #ffce08 37%,
    #fefeb2 47%,
    #fafad6 50%,
    #fefeb2 53%,
    #e1ce08 63%,
    #704308 100%
  );
  background-image: linear-gradient(
    135deg,
    #704308 0%,
    #ffce08 37%,
    #fefeb2 47%,
    #fafad6 50%,
    #fefeb2 53%,
    #e1ce08 63%,
    #704308 100%
  );
}
.btn-border-gradient-wrap--gold:hover a.btn {
  text-shadow: 0 0 15px rgba(250, 250, 214, 0.5),
    0 0 15px rgba(250, 250, 214, 0.5), 0 0 15px rgba(250, 250, 214, 0.5),
    0 0 15px rgba(250, 250, 214, 0.5);
}
a.btn-border-gradient {
  background: #000;
	text-decoration-line: none!important;
}
.btn-text-gradient--gold {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",
    "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", serif;

  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#ffffdb),
    to(#a16422)
  );

  background: -webkit-linear-gradient(bottom, #ffffdb, #a16422);

  background: linear-gradient(to top, #ffffdb, #a16422);
  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;
}

/* PCログイン前　ハンバーガーメニュー（登録・ログイン促し）
------------------------------------------------*/
/*ドロワーメニューをOPENにするスタイルシート*/
#wrapper{
 width: 100%;
 overflow-x: hidden;
}
#nav{
  position: fixed;
  z-index: 99999;
  left: 0;
  bottom: 0;
  width: 300px;
  transition: .5s transform ease-in-out;
  transform: translateX( -300px );
  -webkit-overflow-scrolling: touch;
}
#nav-inner{
  height: 100%;
  overflow-y: auto;
	color:#ffffff;
	position: relative;
	background: rgba(4,9,28,0.6);
	background: url(../img/pat_02.png) repeat-y top right / 3px,url(../img/pat_02.png) repeat-y top left / 3px,url(../img/pat_01.png) repeat center / 100px,url(../img/bg_voice_left.png) no-repeat top 10px left 10px / 80px,url(../img/bg_voice_right.png) no-repeat bottom 10px right 10px / 90px,url(../img/bg_voice_inner.png) no-repeat bottom -20px left -20px / 120px,url(../img/bg_voice_inner.png) no-repeat top -30px right -30px / 110px,rgba(4,9,28,0.6);
	padding: 10px 10px;
	border-top:1px solid #ff0a44;
}
#nav-btn{
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99999;
  transition: .5s transform ease-in-out;
  transform: translateX( 0 );
}
#nav-btn img{
	width: 70px;
}

/*メニューオープン時*/
.nav-open{
  position: fixed;
  left: 0;
}
.nav-open:after{
  content:'';
  display: block;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.6);
}
.nav-open #nav{
  transform: translateX( 0 );
	z-index: 99999999;
}
.nav-open #nav-btn{
 transform: translateX( 300px );
 z-index: 999999999;
}
.nav-open img.nav-opn_btn{
	display: none;
}
.nav-open #nav-btn:before {
	content: "";
	display: inline-block;
	background: url(../img/btn_nav_close.png) no-repeat bottom left / 100%;
	height:345.63px;
	width:70px;
	position: fixed;
	left: 0;
	bottom: 0;
}

/* PCログイン前　ハンバーガーメニュー（登録・ログイン促し nav内レイアウト）
------------------------------------------------*/
/*全体*/
.nav_box h1 img{
	width: 80%;
	margin: 0 auto;
}
.nav_box h2 img{
	width: 75%;
	margin: 10px auto;
}
/*登録フォーム周り*/
.regist_form_nav_inner ul{
	width: 95%;
	margin: 0 auto;
}
.regist_form_nav_inner ul li{
	width: 100%;
	text-align: center;
}
.regist_form_nav_inner ul li input[type="email"]{
	width: 100%;
	padding: 5px 0;
	-webkit-box-shadow: 0 0 10px 0 #99ffff;
	-moz-box-shadow: 0 0 10px 0 #99ffff;
	box-shadow: 0 0 10px 0 #99ffff;
	border-radius: 4px;
	border: 1px solid #525252;
	outline: none;
	margin: 10px 0;
	text-align: center;
	font-size: 14px;
}
.regist_form_nav_inner ul li input[type="image"]{
	width: 75%;
	margin-bottom: 5px;
}
.regist_form_nav_inner .agree{
	color: #a7a7a7;
	text-align: center;
	font-size: 11px;
}
.regist_form_nav_inner input[type="checkbox"]{
	margin-right: 5px;
}
/*SNSログイン周り*/
.entry_sns_nav_inner dl{
	width: 100%;
}
.entry_sns_nav_inner dl dt{
	width: 100%;
	position: relative;
}
.entry_sns_nav_inner dl dt h1 img{
	width: 80%;
	margin: 10px auto 15px auto;
}
.entry_sns_nav_inner dl dd{
	width: 100%;
	margin: 0;
}
.entry_sns_nav_inner dl dd ul{
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 10px;
}
.entry_sns_nav_inner dl dd ul li img{
	width: 90%;
	margin: 0 auto;
}
.entry_sns_nav_inner dl dd p{
	color: #a7a7a7;
	text-align: center;
	font-size: 10px;
	margin-bottom: 15px;
}
.entry_sns_nav_inner dl dd p a{
	text-decoration: underline;
}
/*ログイン周り*/
.pc_login_nav_inner{
	margin: 30px auto 0 auto;
}
.pc_login_nav_inner ul.login_form li:nth-of-type(2){
	text-align: center;
}
.pc_login_nav_inner ul.login_form li button[type="submit"]{
	width: 50%;
	margin: 20px 0;
}
.pc_login_nav_inner ul.login_form li button[type="submit"] img{
	width: 100%;
}
.pc_login_nav_inner dl{
	width: 100%;
	font-size: 13px;
	position: relative;
	margin-bottom: 35px;
}
.pc_login_nav_inner dl:nth-of-type(2){
	margin-bottom: 0;
}
.pc_login_nav_inner dl dt img{
	position: absolute;
	width: 100px;
	top:-15px;
	left: 0;
}
.pc_login_nav_inner dl dd input[type="text"]{
	color: #99ffff;
	background: #000000;
	width: 95%;
	font-style:oblique;
	border: 1px solid #99ffff;
	padding: 3px 3px 3px 65px;
	-webkit-box-shadow: 0 0 10px 0 #99ffff;
    -moz-box-shadow: 0 0 10px 0 #99ffff;
    box-shadow: 0 0 10px 0 #99ffff;
}
.pc_login_nav_inner .pc_login dl dd input::placeholder{
	color: #c7cfcf;
	font-style:oblique;
}
.pc_login_nav_inner .login_caution{
	font-size: 12px;
	text-align: center;
}
.pc_login_nav_inner .login_caution ul li.login_error{
	background: #ff0a44;
	color: #ffffff;
	border-radius: 4px;
	padding: 2px 8px;
	display: inline-block;
	margin-bottom: 10px;
}
.pc_login_nav_inner .login_caution ul li a　.contact{
	color: #ff0a44;
	text-decoration: underline;
}
/* オープニングアニメーション
------------------------------------------------*/
/* 読み込み中　サイトロゴ表示 */
#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url(../img/bg_opening_full.jpg) no-repeat center center / cover;
  z-index: 9999999;
  text-align:center;
}
#splash-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#splash-logo img{
	width: 360px;
}

body.appear{
    background:#fff;/*画面を開いた後の背景色を指定*/
}

/*画面遷移アニメーション*/
.splashbg1,
.splashbg2{
    display: none;
}

/*bodyにappearクラスがついたら出現*/
body.appear .splashbg1,
body.appear .splashbg2{
  display:block;
}

/*右に消えるエリア*/
body.appear .splashbg1{
  animation-name:PageAnime;
  animation-duration:1.2s;
  animation-timing-function:ease-in-out;
  animation-fill-mode:forwards;
    content: "";
    position:fixed;
  z-index: 999;
    width: 100%;
    height: 100vh;
    top: 0;
  left:50%;
    transform: scaleX(1);
}

@keyframes PageAnime{
  0% {
    transform-origin:left;
    transform:scaleX(1);
  }
  50% {
    transform-origin:right;
  }
  100% {
    transform-origin:right;
    transform:scaleX(0);
  }
}

body.appear .splashbg1 img{
	width: 50%;
	height: 100vh;
	position: absolute;
	top:0;
}
body.appear .splashbg2 img{
	width: 50%;
	height: 100vh;
	position: absolute;
	top:0;
	right:0;
}
/*左に消えるエリア*/
body.appear .splashbg2{
  animation-name:PageAnime2;
  animation-duration:1.2s;
  animation-timing-function:ease-in-out;
  animation-fill-mode:forwards;
    content: "";
    position:fixed;
  z-index: 999;
    width: 100%;
    height: 100vh;
    top: 0;
  right:50%;
    transform: scaleX(1);
}

@keyframes PageAnime2{
  0% {
    transform-origin:right;
    transform:scaleX(1);
  }

  50% {
    transform-origin:left;
  }
  100% {
    transform-origin:left;
    transform:scaleX(0);
  }
}

/*画面遷移の後現れるコンテンツ設定*/
#container{
  opacity: 0;/*はじめは透過0に*/
}

/*bodyにappearクラスがついたら出現*/
body.appear #container{
  animation-name:PageAnimeAppear;
  animation-duration:1s;
  animation-delay:0.2s;
  animation-fill-mode:forwards;
  opacity: 0;
}

@keyframes PageAnimeAppear{
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
}
}

/* PCログイン前　header
------------------------------------------------*/
header{
	position: absolute;
	top:0;
	width: 100%;
    z-index: 100;
    height: 188px;
    background: url(../img/header_bg.png) no-repeat center bottom;
	background-size: 100%;
}

@media screen and (max-width: 1680px){
	header {
    background-size: 1680px;
}
}

header ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
}
header img.header_logo{
	width: 200px;
	position: absolute;
	top: 30px;
	left: 10px;
}
header .pc_login{
	text-align: right;
}
header .pc_login ul.login_form li:nth-child(1){
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
}
header .pc_login ul.login_form li:nth-child(2){
	display: inline;
	width: 135px;
}
header .pc_login ul.login_form li button[type="submit"] img{
	width: 100%;
	float: right;
}
header .pc_login dl{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	font-size: 13px;
	position: relative;
}
header .pc_login dl dt img{
	position: absolute;
	width: 100px;
	top:-15px;
	left: 0;
}
header .pc_login dl dd{
	margin-right: 15px;
}
header .pc_login dl dd input[type="text"]{
	color: #99ffff;
	background: #000000;
	width: 100%;
	font-style:oblique;
	border: 1px solid #99ffff;
	padding: 3px 3px 3px 65px;
	-webkit-box-shadow: 0 0 10px 0 #99ffff;
    -moz-box-shadow: 0 0 10px 0 #99ffff;
    box-shadow: 0 0 10px 0 #99ffff;
}
header .pc_login dl dd input::placeholder{
	color: #c7cfcf;
	font-style:oblique;
}
header .pc_login ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
}
.login_caution{
	font-size: 12px;
}
.login_caution ul li.login_error{
	background: #ff0a44;
	color: #ffffff;
	border-radius: 4px;
	padding: 2px 8px;
	margin-right: 10px;
}
.login_caution ul li a .contact{
	color: #ff0a44;
	text-decoration: underline;
}
/* PCログイン前　メインビジュアル
------------------------------------------------*/
section.main{
	background: url(../img/pat_01.png) repeat center / 100px,url(../img/main_pc_bg.jpg) no-repeat center center / cover;
	height: 100vh;
	position: relative;
	z-index: 1;
}
.main_title_box{
	width: 700px;
	position: absolute;
	top: 54%;;
	left: 50%;
	transform: translate(-50%, -50%);
}
.main_title_box h1 img{
	width: 100%;
	margin: 0 auto;
}
section.main h2 img{
	position: absolute;
	right:30px;
	top: 180px;
	width: auto;
	height: 70vh;
}

img.main_copy{
	position: absolute;
	left: 50%;
	bottom: 1%;
	transform: translateX(-50%);
}

img.main_scroll{
	width: 40px;
	position: absolute;
	left: 50%;
	bottom: 2%;
	transform: translateX(-50%);
	animation: arrowmove 1s ease-in-out infinite;
	margin-bottom: 15px;
}
@keyframes arrowmove{
      0%{bottom:2%;}
      50%{bottom:3.2%;}
     100%{bottom:2%;}
 }

/* PCログイン前　メインビジュアル内の登録箇所
------------------------------------------------*/
.entry_box{
	width: 600px;
	margin: 15px auto;
}
.entry_box h1 img{
	width: 100%;
	margin: 0 auto;
}
.regist_form ul{
	width: 90%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
}
.regist_form ul li:nth-child(1){
	width: 57%;
	padding: 20px 0;
}
.regist_form ul li input[type="email"]{
	width: 100%;
	padding: 5px 5px 5px 15px;
	-webkit-box-shadow: 0 0 10px 0 #99ffff;
	-moz-box-shadow: 0 0 10px 0 #99ffff;
	box-shadow: 0 0 10px 0 #99ffff;
	border-radius: 4px;
	border: 1px solid #525252;
	outline: none;
}
.regist_form ul li:nth-child(2){
	width: 43%;
	position: relative;
}
.regist_form ul li input[type="image"]{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
}
.regist_form .agree{
	color: #a7a7a7;
	text-align: center;
	font-size: 12px;
}
.regist_form input[type="checkbox"]{
	margin-right: 5px;
}
.entry_sns dl{
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 10px auto 0 auto;
}
.entry_sns dl dt{
	width: 40%;
	position: relative;
}
.entry_sns dl dt h1 img{
	width: 95%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.entry_sns dl dd{
	width: 60%;
	margin: 0;
}
.entry_sns dl dd ul{
	width: 100%;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}
.entry_sns dl dd ul li img{
	width: 90%;
	margin: 0 auto;
	display: inline;
}
.entry_sns dl dd p{
	color: #a7a7a7;
	text-align: center;
	font-size: 10px;
	margin-top: 8px;
}
.entry_sns dl dd p a{
	text-decoration: underline;
}

/* PCログイン前後　宇宙背景 固定
------------------------------------------------*/
.bg_cosmo{
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url(../img/pat_02.png) repeat-y top right 10px / 12px,url("../img/bg_horse.png") no-repeat top 100px left -500px / 1200px,url("../img/bg_planet.png") no-repeat bottom right -600px / 1200px,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),url(../img/bg_space_02.jpg) no-repeat center / cover;
	padding: 120px 0 80px 0;
	background-attachment: fixed;
}

.bg_cosmo_login{
	background: #04091c;
	background: url(../img/bg_parts_left.png) no-repeat top 120px left / 300px,url(../img/bg_parts_right.png) no-repeat bottom right / 300px,url(../img/pat_01.png) repeat center / 100px,url(../img/pat_02.png) repeat-y top right 10px / 12px,url(../img/pat_02.png) repeat-y top left 10px / 12px,url("../img/bg_horse.png") no-repeat top 360px left -550px / 1100px,url("../img/bg_planet.png") no-repeat bottom right -400px / 1200px,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),url(../img/bg_space_02.jpg) no-repeat center / cover;
	padding: 200px 0 80px 0;
}

/* PCログイン前　血統（section2)
------------------------------------------------*/
.section_02{
	padding-bottom: 60px;
}
.section_02_inner dl{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.section_02_inner dl dt{
	width: 100px;
}
.section_02_inner dl dd{
	width: 860px;
	margin: 0;
}
.section_02_inner dl dt h1 img{
	width: 100%;
	margin: 160px auto 0 auto;
	animation-delay: 1.3s;
}
.section_02_inner dl dd h2 img{
	width: 100%!important;
}
.section_02_inner dl dd ul li img{
	width: 85%;
	margin-bottom: 50px;
	display: inline;
}
.section_02_inner dl dd ul li:nth-child(even){
	text-align: right;
}
.section_02_inner dl dd ul li img.section_02_big_text{
	width: 100%;
	margin-top: 60px;
	display: inline;
}
/* PCログイン前　無料情報（section3)
------------------------------------------------*/
.section_03 .section_03_inner h1 img{
	width: 860px;
	margin: 0 auto;
}
.slider{
	width:80%;
	margin:120px auto 80px auto;
	position: relative;
  }
.slider img{
	width:100%;
  }
.slick-slide{
	height:auto!important;
  }
.slick-next{
	position: absolute;
	top:-50px!important;
	left: 50%!important;
	transform: translateX(-50%);
  }
.slick-next:before{
    background: url(../img/btn_slide_top.png)!important;
    background-size: contain!important;
  }
.slick-prev{
    position: absolute;
	bottom:-50px!important;
	left: 50%!important;
	transform: translateX(-50%);
  }
.slick-prev:before{
    background: url(../img/btn_slide_bottom.png)!important;
    background-size: contain!important;
  }
.slick-arrow{
    z-index:2!important;
    width:45px!important;
    height:45px!important;
  }
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1!important;
  }

/* PCログイン前　的中実績と感謝の声（section4)
------------------------------------------------*/
/*全体*/
.section_04{
	padding: 100px 0;
	background: url(../img/siber_line.png) no-repeat center / 82px;
}
.section_04 ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}
.section_04 ul li{
	width: 45%;
	margin: 0 auto;
}
.section_04 ul li h1 img.win_result_title{
	margin-bottom: 60px;
}
.section_04 ul li h1 img{
	width: 90%;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

/*的中実績*/
.win_result_set{
	background: url(../img/bg_winresult_left.png) no-repeat top left / 140px,url(../img/bg_winresult_right.png) no-repeat bottom right / 150px;
	width: 95%;
	padding: 20px;
	margin: 20px auto 30px auto;
}
.win_result_set_inner{
	width: 100%;
	border: 3px solid #99ffff;
	background: #04091c;
	background: url(../img/win_result_title.png) no-repeat top left 5px / 155px,url(../img/winresult_rigit_top.png) no-repeat top right / 100px,url(../img/pat_01.png) repeat center / 100px,url("../img/bg_planet.png") no-repeat center bottom -80px / 100%,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9));
	padding-top: 50px;
}
.win_result_set_inner table{
	color: #030e26;
	border-left: 3px solid #99ffff;
	background:#ffffff ;
	width: 92%;
	margin: 0 auto 15px auto;
	text-align: center;
	font-size: 17px;
}
.win_result_set_inner table th{
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),rgba(0,0,0,0.9);
	border-top: 3px solid #99ffff;
	border-bottom: 3px solid #99ffff;
	border-right: 3px solid #99ffff;
	width: 50%;
}
.win_result_set_inner table th img{
	margin: 0 auto;
	width: 50%;
}
.win_result_set_inner table td{
	border-right: 3px solid #99ffff;
	padding: 5px;
	width: 50%;
}
.win_result_set_inner table td.win_result_money{
	font-weight: bold;
	color: #ff0a44;
	font-size: 18px;
}
/*感謝の声*/
.user_voice_set{
	background: url(../img/bg_voice_left.png) no-repeat top left / 150px,url(../img/bg_voice_right.png) no-repeat bottom right / 220px;
	width: 90%!important;
	margin: 20px auto;
	padding: 20px 0 15px 0;
}
.user_voice_set_inner{
	border:3px solid #ff0a44;
	color: #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url(../img/bg_voice_inner.png) no-repeat right -10px bottom -30px / 120px,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),rgba(0,0,0,0.9);
	padding: 15px;
	width: 100%;
}
.user_voice_set_inner dl dt:after{
	content: "";
	background: #99ffff;
	height:1px;
	width: 100%;
	display: block;
	margin: 6px 0 10px 0;
}
.user_voice_set_inner dl{
	text-align: left;
}
.user_voice_set_inner dl dd{
	margin: 0;
}
.voice_wrap{
	position: relative;
	margin-top: 50px;
	text-align: center;
}
/*感謝の声 上下のグラデ透かし*/
img.voice_grad_top{
	position: absolute;
	left: 50%;
	top:-40px;
	transform: translateX(-50%);
	width: 105%;
    z-index: 1;
}
img.voice_grad_bottom{
	position: absolute;
	left: 50%;
	bottom:-40px;
	transform: translateX(-50%);
	width: 105%;
    z-index: 1;
}
/*感謝の声 スライダーの矢印*/
.voice_slider .slick-next{
	position: absolute;
	top:-10px!important;
	left: 50%!important;
	transform: translateX(-50%);
  }
.voice_slider .slick-next:before{
    background: url(../img/btn_slide_top_red.png)!important;
    background-size: contain!important;
  }
.voice_slider .slick-prev{
    position: absolute;
	left: 50%!important;
	bottom:-20px!important;
	transform: translateX(-50%);
  }
.voice_slider .slick-prev:before{
    background: url(../img/btn_slide_bottom_red.png)!important;
    background-size: contain!important;
  }
.voice_slider .slick-arrow{
    z-index:2!important;
    width:45px!important;
    height:45px!important;
  }
.voice_slider .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1!important;
  }

/* PCログイン前　過去レースを分析　大波乱レース（section5)
------------------------------------------------*/
.section_05{
	padding: 80px 0 120px 0;
}
.section_05 h1 img{
	width: 860px;
	margin: 0 auto 90px auto;
}
.section_05 ul li img{
	display: inline;
}
.section_05 ul li.section_05_text_01{
	text-align: right;
}
.section_05 ul li.section_05_text_01 img{
	width: 75%;
	margin-bottom: 80px;
}
.section_05 ul li.section_05_text_02{
	text-align: left;
}
.section_05 ul li.section_05_text_02 img{
	width: 75%;
	margin-bottom: 100px;
}
.section_05 ul li.section_05_text_03{
	text-align: center;
}
.section_05 ul li.section_05_text_03 img{
	width: 80%;
	margin-bottom: 100px;
}
.section_05 ul li.section_05_text_04{
	text-align: center;
}
.section_05 ul li.section_05_text_04 img{
	width: 90%;
}

/* PCログイン前　ページ下部の登録箇所
------------------------------------------------*/
.other_entry_zone{
	background: url(../img/bg_wide.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 380px;
    position: relative;
    z-index: 9999;
    overflow: hidden;
}
.other_entry_box{
	width: 740px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.other_entry_box h1 img{
	margin-bottom: 20px;
}
.other_entry_box .regist_form{
	margin-bottom: 30px;
}
.other_entry_box .agree p{
	color: #ffffff;
}
.other_entry_box .entry_sns p{
	color: #ffffff;
}

/* PCログイン前　footer
------------------------------------------------*/
footer{
	position: relative;
	width:100%;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),rgba(0,0,0,0.9);
	height: 350px;
	color: #ffffff;
	padding-top: 30px
}
footer .footer_bg{
	position: absolute;
	bottom:0;
	width: 100%;
    z-index: 100;
    height: 268px;
    background: url(../img/footer_bg.png) no-repeat center bottom;
	background-size: 100%;
}
img.footer_copy{
	position: absolute;
	right:10px;
	bottom: 10px;
	width: 320px;
}
.footer_inner{
	width: 860px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	bottom: 10%;
	transform: translateX(-50%);
}
.footer_inner nav{
	float: right;
	color: #04091c;
}
.footer_inner nav ul{
	display: inline-block;
	margin-right: 30px;
}
.footer_inner nav ul:last-of-type{
	margin-right: 0;
}
.footer_inner nav li{
	margin-bottom: 10px;
}
.caution{
	width: 800px;
	margin: 0 auto;
	color: #d7d7d7;
	font-size: 12px;
	position: relative;
	z-index: 999;
}
.caution ul{
	width: 80%;
	margin: 0 auto;
}
img.footer_logo{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 150px;
}

/* PCログイン前　その他ページ
------------------------------------------------*/
/*共通箇所*/
.other_page{
	padding: 70px 0 0 0;
	text-align: center;
}
/*ページタイトル*/
.deco_other_page_title{
	color: #ffffff;
	background: url(../img/deco_dotted_border_01.png) no-repeat left top / 450px,url(../img/deco_dotted_border_02.png) no-repeat right bottom / 450px;
	padding: 20px 80px;
	position: relative;
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	margin-bottom: 10px;
}
.deco_other_page_title h1{
	position: relative;
	z-index: 1;
	text-shadow: 2px 2px 10px #5bbab2,-2px 2px 10px #5bbab2,2px -2px 10px #5bbab2,-2px -2px 10px #5bbab2;
	font-size: 25px;
}
img.other_page_title_deco{
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
	width: 120px;
}
img.other_page_title_deco02{
	position: absolute;
	bottom: -10px;
	right: -50px;
	width: 80px;
}

/*ページタイトル　タイトル画像*/
.deco_other_page_title h1 img{
	width: 100%;
	margin: 0 auto;
}
img.other_page_title_deco_img{
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	width: 120px;
}
img.other_page_title_deco_img_02{
	position: absolute;
	bottom: -10px;
	right: 20px;
	width: 80px;
}

/*ページの内容*/
.other_page_content{
	background: url(../img/bg_voice_right.png) no-repeat top right 20px / 200px,url(../img/bg_voice_right.png) no-repeat bottom left 20px / 200px,url(../img/bg_winresult_left.png) no-repeat top left / 130px,url(../img/bg_winresult_right.png) no-repeat bottom right / 140px;
	width: 80%;
	padding: 20px;
	margin: 40px auto;
}
.other_page_content_inner{
	width: 100%;
	margin: 0 auto;
	border: 3px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url("../img/bg_planet.png") no-repeat center bottom -80px / 100%,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9));
	color: #99ffff;
	padding: 25px;
	text-align: left;
}
.other_page_content_inner h2 img,
.main_cotent_text h2 img{
	margin: 0 auto 10px auto;
	width: 80%;
}
.other_page_content_inner p,
.main_cotent_text p{
	font-size: 15px;
	margin-bottom: 10px;
	color: #99ffff;
}
.other_page_content_inner dl dt,
.main_cotent_text dl dt{
	font-size: 16px;
	font-style: oblique;
	margin-bottom: 5px;
	font-weight: bold;
	color: #99ffff;
}
.other_page_content_inner dl dd,
.main_cotent_text dl dd{
	margin-left: 1em;
	font-size: 85%;
	margin-bottom: 10px;
	color: #99ffff;
}
.main_cotent_text a{
	text-decoration-line: underline;
}
/*ログアウト画面のスライドショー*/
.other_page_content_inner .slider{
	width:90%;
	margin: 80px auto 60px auto;
}

/* PCログイン後　header
------------------------------------------------*/
/*header背景*/
#header{
	position: absolute;
	top:0;
	width: 100%;
    z-index: 100;
    height: 190px;
    background: url(../img/header_bg_login.png) no-repeat center bottom;
	background-size: 100%;
}

@media screen and (max-width: 1680px){
	#header {
    background-size: 1680px;
}
}
/*header　会員IDと所持PT数*/
#header .login_header_right{
	margin-top: 20px;
}
#header .login_header_right .my_acount ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
}
#header .login_header_right .my_acount dl{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	font-size: 14px;
	position: relative;
}
#header .login_header_right .my_acount{
	margin-bottom: 10px;
}
#header .login_header_right .my_acount dl dt img{
	position: absolute;
	width: 100px;
	top:-15px;
	left: 0;
}
#header .login_header_right .my_acount dl dd{
	margin-right: 15px;
}
#header .login_header_right .my_acount dl dd.my_acount_pt{
	margin-right: 0;
}
#header .login_header_right .my_acount dl dd.my_acount_pt:after{
	content: "pt";
	margin-left: 5px;
}
#header .login_header_right .my_acount dl dd{
	color: #99ffff;
	background: #000000;
	width: 100%;
	font-style:oblique;
	border: 1px solid #99ffff;
	padding: 3px 15px 3px 65px;
	-webkit-box-shadow: 0 0 10px 0 #99ffff;
    -moz-box-shadow: 0 0 10px 0 #99ffff;
    box-shadow: 0 0 10px 0 #99ffff;
}

/*header　会員情報の確認・変更ボタン*/
.login_header_btn{
	text-align: right;
}
.login_header_btn a img{
	display: inline;
	width: 190px;
}

/*header　LINEバナー*/
#header .line_bnr {
	margin-left: 26%;
	margin-top: 2%;
	display: inline;
}

#header .line_bnr img {
	width: 85%;
}

/* PCログイン後　メインのスライドショー
------------------------------------------------*/
.main_slider{
	position: absolute;
	top:180px;
	padding: 15px 0 35px 0;
	width: 100%;
	background: url(../img/bg.jpg) no-repeat center;
	background-size: cover;
	box-shadow: 0 -10px 8px -5px rgba(0, 0, 0, 0.5)inset;
}
.main_slider a img{
	width: 98%;
	display: inline;
}

/*スライドショー矢印*/
.main_slider .slick-slide{
	height:auto!important;
  }
.main_slider .slick-next{
	position: absolute;
	top: 50%!important;
    right: 0!important;
    left: 24%!important;
    transform: translateY(-50%);
  }
.main_slider .slick-next:before{
    background: url(../img/btn_slide_left_red.png)!important;
    background-size: contain!important;
  }
.main_slider .slick-prev{
    position: absolute;
	top: 50%!important;
    right: 0!important;
    left: 72.3%!important;
    transform: translateY(-50%);
  }
.main_slider .slick-prev:before{
    background: url(../img/btn_slide_right_red.png)!important;
    background-size: contain!important;
  }
.main_slider .slick-arrow{
    z-index:2!important;
    width:45px!important;
    height:45px!important;
  }
.main_slider .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1!important;
  }

/*スライドショードット*/
.main_slider .slick-dots{
	position: absolute;
	bottom: 10px;
	z-index: 1;
}
.main_slider .slick-dots li.slick-active button:before{
	color: #ff0a44;
	opacity: 1;
}

/* PCログイン後　メインコンテンツ
------------------------------------------------*/
/*全体*/
.main_wrapper{
	width: 980px;
	margin: 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*左側メインコンテンツ*/
.main_cotent{
	width: 780px;
}

/*メインコンテンツ　基本の枠線*/
.main_cotent_box{
	background: url(../img/bg_winresult_left.png) no-repeat top left / 140px,url(../img/bg_voice_right.png) no-repeat top right 25px / 220px,url(../img/bg_winresult_right.png) no-repeat bottom right / 150px,url(../img/bg_voice_right.png) no-repeat bottom left 25px / 220px;
	width: 95%;
	padding: 20px;
	margin: 20px auto 30px auto;
}
.main_cotent_box_inner{
	width: 100%;
	border: 3px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	padding: 40px 20px;
	text-align: center;
}

/*メインコンテンツ　基本の枠線　メールボックス*/
.main_cotent_box_inner_mail_box{
	width: 100%;
	border: 3px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url(../img/mail_box_bg.png) no-repeat top right / 60%,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	padding: 40px 20px;
	text-align: center;
}

/*メインコンテンツ　基本の枠線　メールボックス*/
.main_cotent_box_inner_inquiry{
	width: 100%;
	border: 3px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url(../img/inquiry_bg.png) no-repeat top right / 60%,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	padding: 40px 20px;
	text-align: center;
}

/*メインコンテンツ　基本の枠線　感謝の声*/
.main_cotent_box_inner_voice{
	width: 100%;
	border: 3px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url(../img/voice_bg.png) no-repeat top right / 60%,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	padding: 40px 20px;
	text-align: center;
}

/*メインコンテンツ　基本の枠線　近走の的中実績*/
.main_cotent_box_inner_win_result{
	width: 100%;
	border: 3px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url(../img/win_result_bg.png) no-repeat top right / 60%,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	padding: 40px 20px;
	text-align: center;
}

/*メインコンテンツ　基本の枠線　無料コンテンツ*/
.main_cotent_box_inner_free_content{
	width: 100%;
	border: 3px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url(../img/free_content_bg.png) no-repeat top right / 60%,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	padding: 40px 20px;
	text-align: center;
}


/*ページタイトル　文字多め*/
.main_cotent_page_title{
	color: #ffffff;
	background: url(../img/deco_dotted_border_01.png) no-repeat left top / 450px,url(../img/deco_dotted_border_02.png) no-repeat right bottom / 450px;
	padding: 20px 0;
	position: relative;
	display: inline-block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	width: 80%;
	margin-bottom: 20px;
}
.main_cotent_page_title h1{
	position: relative;
	z-index: 1;
	text-shadow: 2px 2px 10px #5bbab2,-2px 2px 10px #5bbab2,2px -2px 10px #5bbab2,-2px -2px 10px #5bbab2;
	font-size: 20px;
	text-align: left;
}
img.main_cotent_title_deco{
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
	width: 100px;
}
img.main_cotent_title_deco02{
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
	width: 80px;
}

/*メインコンテンツ　バナーエリア*/
.main_cotent_bn{
	text-align: center;
}
.main_cotent_bn a img{
	width: 90%;
	margin: 10px auto 20px auto;
	display: inline;
}
.main_cotent_bn img{
	width: 90%;
	margin: 10px auto 20px auto;
}

/*メインコンテンツ　テキストエリア*/
.main_cotent_text{
	width: 95%;
	margin: 20px auto 0 auto;
	color: #ffffff;
	text-align: left;
}

/*画像ボタン*/
.btn_img{
	text-align: center;
	margin-top: 30px;
}
.btn_img a img{
	display: inline;
	width: 460px;
}

/*右側ナビゲーション*/
.main_cotent_nav{
	width: 200px;
	text-align: center;
	padding-top: 30px;
}
.main_cotent_nav a img{
	display: inline;
	width: 100%;
}
.main_cotent_nav ul li img.main_cotent_nav_mini_btn{
	width: 90%;
	margin: 5px 0;
}
.main_cotent_nav nav a::after{
	border-bottom: none;
}
.main_cotent_nav ul li.reserve_btn{
	position: relative;
}
.main_cotent_nav ul li.reserve_btn img.alert_reserve{
	position: absolute;
	width: 26px;
	top:0;
	right:0;
}

/*下側ナビゲーション*/
.main_cotent_bottom_nav{
	width: 95%;
	margin: 0 auto;
}
.main_cotent_bottom_nav nav ul{
	width: 100%;
	margin: 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.main_cotent_bottom_nav nav ul li img{
	width: 95%;
	margin: 0 auto;
}
.main_cotent_bottom_nav nav a::after{
	border-bottom: none;
}

/* PCログイン後　footer
------------------------------------------------*/
#login_footer{
	position: relative;
	width: 100%;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),rgba(0,0,0,0.9);
	color: #ffffff;
	padding-top: 0;
	height: auto;
}
footer .login_footer_bg{
	width: 100%;
    height: 197px;
    background: url(../img/footer_bg_login.png) no-repeat center top;
	background-size: cover;
}
/*footer nav*/
.login_footer_inner nav ul{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 980px;
	margin: 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #121212;
	font-size: 14px;
}
.login_footer_inner nav ul li{
	position: relative;
}
.login_footer_inner nav ul li:after{
	content: "|";
	margin: 0 15px;
}
.login_footer_inner nav ul li:last-child:after{
	content: none;
	margin-right: 0;
}
.login_footer_bottom{
	color: #d7d7d7;
	position: relative;
	padding: 20px;
	font-size: 12px;
}
/*footer ロゴとcopy*/
.login_footer_logo_copy{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	text-align: right;
}
.login_footer_logo_copy a img{
	width: 140px;
	float: right;
	margin-bottom: 10px;
}
.login_footer_logo_copy img{
	width: 310px;
}

/* PCログイン後　無料情報スライドショー
------------------------------------------------*/
.login_free_content{
	width: 840px;
	margin: 120px auto 0 auto;
	position: relative;
}
.free_content_slider{
	width: 100%;
	margin: 0 auto;
}
.free_content_slider img{
	width: 100%;
}
.login_free_content h1 img{
	position: absolute;
	top:-85px;
	right: 0;
	width: 460px;
	z-index: 1;
}
/*無料情報 スライダーの矢印*/
.free_content_slider .slick-next{
	position: absolute;
	top: 50%!important;
	left: -30px!important;
	transform: translateY(-50%);
  }
.free_content_slider .slick-next:before{
    background: url(../img/btn_slide_left.png)!important;
    background-size: contain!important;
  }
.free_content_slider .slick-prev{
    position: absolute;
	top: 50%!important;
	left: 100%!important;
	transform: translateY(-50%);
  }
.free_content_slider .slick-prev:before{
    background: url(../img/btn_slide_right.png)!important;
    background-size: contain!important;
  }
.free_content_slider .slick-arrow{
    z-index:2!important;
    width:45px!important;
    height:45px!important;
  }
.free_content_slider .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity:1!important;
  }

/* PCログイン後　お問い合わせ
------------------------------------------------*/
.contact_form{
	width: 100%;
	margin: 0 auto;
}
.contact_form h1{
	font-weight: normal;
	font-size: 1.3em;
	margin-bottom: 0.5em;
	color: #99ffff;
}
.contact_form p{
	margin-bottom: 1em;
	font-size: 0.9em;
}
.contact_form_inner{
	width:90%;
	margin: 0 auto;
	border:1px solid #99ffff;
	padding: 1em 2em 2em 2em;
	border-radius: 4px;
}
.contact_form label{
	display: block;
	margin-bottom: 10px;
}
.contact_form input[type='text']{
   width:100%;
	padding: 0.5em;
}
.contact_form input,
.contact_form select{
	color: #121212;
	padding: 0.5em;
}
.contact_form_set textarea{
	width:100%;
	color: #121212;
	padding: 0.5em;
}
.contact_form_set{
	border-bottom: 1px solid #99ffff;
	padding: 1.5em 0;
}
.contact_form_set span{
	background: #f21d1d;
	border-radius: 4px;
	color: #ffffff;
	padding: 0.2em 0.5em;
	font-size: 11px;
	margin-left:0.5em;
}
.contact_form_set span.glay_bg{
	background: #a4a4a4;
	color: #585858;
}
p.contact_error_text{
	color:#f21d1d;
	font-size: 13px;
}
.contact_form_set p{
	display: inline-block;
	width:70%;
}
.retouch_btn_zone{
	text-align: center;
}
.retouch_btn{
	background: #a4a4a4;
	border: 1px solid #585858;
	color: #585858;
    padding: 0.2em 1em;
    text-align: center;
    border-radius: 2px;
	display: inline-block;
	font-size: 12px;
	margin-top: 3em;
}
.btn_zone{
	text-align: center;
	margin-top: 30px;
}
.btn_zone button[type='submit']{
   background: #99ffff;
    color: #1b1f31;
    padding: 0.5em 2.5em 0.4em 2.5em;
    text-align: center;
    border-radius: 2px;
	font-size: 13px;
}
.btn_zone .btn a{
	background: #99ffff;
    color: #1b1f31;
    padding: 0.4em 3em;
    text-align: center;
    border-radius: 2px;
	display: inline-block;
}

/* PCログイン後　感謝の声＆的中実績 ページャー部分
------------------------------------------------*/
.pager{
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.pager_wrap .pager{
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
	position: relative;
    top: 0;
    left: 0;
    transform: none;
    padding: 0;
    z-index: 1;
}
.pager_wrap .pager:before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background:none;
}
.pager_wrap .pager span{
    margin:5px;
    padding:8px;
    color:#444;
    background:#ffffff;
	border-radius: 4px;
	font-size: 13px;
    border: 1px solid #cecece;
}
.pager_wrap .pager span:hover{
    cursor:pointer;
    background:#f1f1f1;
    border: 1px solid #a8a8a8;
	color:#444;
    text-decoration: underline;
}
/* 開いているページ（current）*/
.pager_wrap .pager span.current{
    color:#ffffff;
    background:#444;
    border: 1px solid #444;
}
.pager_wrap .pager span.current:hover{
    cursor:default;
    text-decoration: none;
}
/* 前へ　次へ（invalid）*/
.pager_wrap .pager span.invalid{
    background: #eee;
    border: solid 1px #eee;
    color: #aaa;
}
.pager_wrap .pager span.invalid:hover{
    cursor:default;
    text-decoration: none;
}
/* …点々（ellipsis）*/
.pager_wrap .pager span.ellipsis{
    color:#C8C8C8;
    background:none;
    border: none;
}
.pager_wrap .pager span.ellipsis:hover{
    cursor:default;
    text-decoration: none;
}

/* PCログイン後　メール受信BOX
------------------------------------------------*/
.mail_box_set{
	border: 2px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9));
	color: #99ffff;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	padding: 1em 1em 0 1em;
	width: 100%;
	margin: 0 auto 2em auto;
}
.mail_box_title{
	width: 100%;
	margin-bottom: 0.5em;
}
.mail_box_title a{
	text-decoration: underline;
}
.mail_box_bottom{
	width: 100%;
	text-align: right;
}
.mail_box_bottom span.mail_unread{
	color: #fee300;
	font-weight: bold;
}
.mail_box_unread:before{
	box-sizing: border-box;
    content: '\f0e0';
    display: inline;
    font-family:"Font Awesome 5 Free";
	font-weight: 900;
	font-size: 17px;
	color: #fee300;
}
.mail_box_bottom span.mail_read{
	color: #99ffff;
	font-weight: bold;
}
.mail_box_read:before{
	box-sizing: border-box;
    content: '\f2b6';
    display: inline;
    font-family:"Font Awesome 5 Free";
	font-weight: 900;
	font-size: 17px;
	color: #99ffff;
}
span.mail_day{
	margin-right: 0.5em;
}
.mail_box_inner_title{
	font-weight: bold;
	margin-bottom: 1em;
}
.mail_box_inner_text{
	font-size: 13px;
	margin-bottom: 0.5em;
}

/* PCログイン後　共通の枠
------------------------------------------------*/
.common_box{
	border: 2px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9));
	margin: 20px auto;
	text-align: center;
	border-radius: 8px;
	overflow: hidden;
	padding-bottom: 30px;
}
.common_box_inner{
	width: 95%;
	margin: 10px auto;
}
.common_box_inner p{
	text-align: left;
}
/* PCログイン後　登録情報の確認・変更
------------------------------------------------*/
.common_box dl dt h1{
	text-align: center;
	padding: 1em 0.5em;
	background: url(../img/pat_01.png) repeat center / 100px,url("../img/bg_planet.png") no-repeat right -150px bottom -70px / 400px,url(../img/bg_space_01.jpg) no-repeat center / 100%;
	border-bottom: 2px solid #99ffff;
	border-top: 2px solid #99ffff;
	font-size: 18px;
	margin: 30px 0;
}
.common_box dl dt h1.border_none{
	border-top: none;
	margin: 0;
}
.mypage_my_account ul.my_acount{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 50px auto -20px auto;
}
.mypage_my_account .my_acount dl{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	font-size: 16px;
	position: relative;
}
.mypage_my_account .my_acount{
	margin-bottom: 10px;
}
.mypage_my_account .my_acount dl dt img{
	position: absolute;
	width: 110px;
	top:-15px;
	left: -20px;
}
.mypage_my_account .my_acount dl dd{
	margin-right: 35px;
	width: 100%;
	margin-left: 0;
}
.mypage_my_account .my_acount dl dd.my_acount_pt{
	margin-right: 0;
}
.mypage_my_account .my_acount dl dd.my_acount_pt:after{
	content: "pt";
	margin-left: 5px;
}
.mypage_my_account .my_acount dl dd{
	color: #99ffff;
	background: #000000;
	width: 100%;
	font-style:oblique;
	border: 1px solid #99ffff;
	padding: 5px 20px 5px 100px;
	-webkit-box-shadow: 0 0 10px 0 #99ffff;
    -moz-box-shadow: 0 0 10px 0 #99ffff;
    box-shadow: 0 0 10px 0 #99ffff;
}
.mypage_pass{
	width:60%;
	margin: 0 auto;
}
.mypage_pass dl{
	text-align: center;
	padding: 0;
}
.mypage_pass dl dd{
	margin: 0;
	padding: 0.5em;
}
.mypage_pass input{
	color: #333333;
	width:100%;
	border: 1px solid #99ffff;
	-webkit-box-shadow: 0 0 10px 0 #99ffff;
    -moz-box-shadow: 0 0 10px 0 #99ffff;
    box-shadow: 0 0 10px 0 #99ffff;
	padding: 0.5em;
	text-align: center;
	font-size: 13px;
	margin-bottom: 20px;
}
.mypage_pass input.m_none{
	margin-bottom: 0;
}
.MyPagePass input:last-child{
	margin-bottom: 0;
}

/* PCログイン後　馬券購入ガイド
------------------------------------------------*/
span.title_caption{
	background: #99ffff;
	padding: 0.3em 1em;
	color: #04091c;
	border-radius: 6px;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
}
table.guide_table{
	width:90%;
	margin: 20px auto;
	border: 2px solid #99ffff;
}
table.guide_table td.guide_table_title{
	text-align: center;
	padding: 1em 0.5em;
	background: url(../img/pat_01.png) repeat center / 100px,url("../img/bg_horse.png") no-repeat left -160px bottom -120px / 350px,url("../img/deco_cosmo.png") no-repeat right -10px center / 90px,url(../img/bg_space_01.jpg) no-repeat center / 100%;
	border-top: 2px solid #99ffff;
	border-bottom: 2px solid #99ffff;
	font-size: 17px;
}
table.guide_table td{
	text-align: left;
	padding: 0.6em 0.5em;
	font-size: 14px;
	border: none;
}

/* PCログイン後　感謝の声
------------------------------------------------*/
.voice_set{
	border: 2px solid #99ffff;
    background: #04091c;
    background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9));
    color: #99ffff;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    padding: 1em 1em 0 1em;
    width: 100%;
    margin: 0 auto 2em auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.voice_set dl.voice_img{
	width: 25%;
}
.voice_set dl.voice_text{
	width: 75%;
	padding: 0 0.5em 1em 1em;
}
.voice_set dl.voice_img img{
	width: 100%;
}
.voice_set dl.voice_text dt{
	color: #fee300;
}
.voice_set dl.voice_text dt:after{
	content: "";
	background: #99ffff;
	height:1px;
	width: 100%;
	display: block;
	margin: 6px 0 10px 0;
}
.voice_set dl.voice_text dd{
	margin: 0;
}
.voice_set dl.voice_text dd:after{
	content: "";
	background: #99ffff;
	height:1px;
	width: 100%;
	display: block;
	margin: 6px 0 10px 0;
}
.voice_set dl.voice_text dd:last-child{
	text-align: right;
	color: #a7a7a7;
}
.voice_set dl.voice_text dd:last-child:after{
	content: none;
}
.voice_set dl.voice_text dd span.place,
.voice_set dl.voice_text dd span.name{
	margin-right: 0.5em;
}
.voice_set dl.voice_text dd span.name:after{
	content: "様";
	margin-left: 0.1em;
}

/* PCログイン後　近走の的中実績
------------------------------------------------*/
ul.win_result_wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.win_result_set02{
	background: url(../img/bg_winresult_left.png) no-repeat top left / 60px,url(../img/bg_winresult_right.png) no-repeat bottom right / 60px;
	width: 95%;
	padding: 10px;
	margin: 20px auto;
	text-align: center;
}
.win_result_set_inner02{
	width: 100%;
	border: 2px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url("../img/bg_planet.png") no-repeat center bottom / 120%,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9));
	padding: 0.8em 0.5em;
}
ul.win_result_wrap li{
	width: calc(100% / 3);
}
.win_result_set02 dl dt img{
	width: 100%;
	margin: 0 auto 20px auto;
}
.win_result_set02 dl dd{
	margin: 0;
}
.win_result_set02 dl dd.win_money{
	color: #ff0a44;
	font-weight: bold;
	font-size: 18px;
	margin-top: 1em;
}

/* PCログイン後　よくある質問
------------------------------------------------*/
.faq_wrap{
	margin: 30px auto;
}
/* アコーディオンメニュー */
.faq_set{
	border-bottom: 1px solid #99ffff;
	width:100%;
	margin: 0 auto 20px auto;
}
.acd-check{
    display: none;
}
.acd-label-Faq{
    display: block;
    margin: 0 auto 20px auto;
	position: relative;
	font-size: 15px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 30px;
}
.acd-label-Faq:after{
    box-sizing: border-box;
    content: '\f107';
    display: block;
    font-family:"Font Awesome 5 Free";
    padding: 10px;
    position: absolute;
    right: 0;
    top: 50%;
	transform: translateY(-50%);
	font-weight: 600;
	font-size: 25px;
	color: #fee300;
}
.acd-content-Faq{
    height: 0;
    opacity: 0;
    transition: .3s;
    visibility: hidden;
	width: 100%;
	margin: 0 auto;
	color: #121212;
	font-size: 13px;
}
.acd-check:checked + .acd-label-Faq:after{
    content: '\f106';
}
.acd-check:checked + .acd-label-Faq + .acd-content-Faq{
    height: auto;
    opacity: 1;
    padding: 10px 20px;
    visibility: visible;
	margin:5px auto;
}
p.faq_title{
	width: 100%;
	color: #fee300;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding-left: 50px;
	padding-right: 40px;
}
span.faq_icon img{
	width: 40px;
	position: absolute;
    left: 0;
    top: 50%;
	transform: translateY(-50%);
}
span.faq_icon_float img{
	width: 40px;
	float: left;
	margin: 0 5px 5px 0;
}

/* PCログイン後　無料コンテンツ
------------------------------------------------*/
.free_content_wrap{
	margin-top: 30px;
}
.free_content_wrap img{
	margin-bottom: 40px!important;
}
dl.free_content_info{
	width: 95%;
	margin: 20px auto 0 auto;
	border: 2px solid #99ffff;
	padding-bottom: 20px;
}
dl.free_content_info dt{
	text-align: center;
	font-size: 20px;
	font-style:normal;
	padding: 0.5em 0;
}
dl.free_content_info dt:after{
	content: "";
	background: url(../img/pat_03.png) repeat-x center bottom / 10px,url(../img/pat_03.png) repeat-x center bottom / 10px,url(../img/pat_03.png) repeat-x center bottom / 10px,url(../img/pat_03.png) repeat-x center bottom / 10px;
	height:5px;
	width: 100%;
	display: block;
	margin-top: 0.5em;
}
dl.free_content_info dd{
	margin: 0.5em auto;
	width: 93%;
}

/* PCログイン後　プラン詳細
------------------------------------------------*/
.plan_wrap{
	width: 100%;
}
.plan_wrap table{
	border: 2px solid #99ffff;
	width: 95%;
	margin: 0 auto;
}
.plan_wrap table tr td:nth-of-type(1){
	width: 25%;
	text-align: center;
	border-bottom: 2px solid #99ffff;
	border-right: 2px solid #99ffff;
	padding: 0.5em;
}
.plan_wrap table tr td:nth-of-type(2){
	width: 75%;
	border-bottom: 2px solid #99ffff;
	padding: 0.5em;
}

/* PCログイン後　購入関係
------------------------------------------------*/
/* 購入関係　全体 */
dl.buy_wrap{
	border: 2px solid #99ffff;
	margin: 20px auto;
	text-align: center
}
dl.buy_wrap dt h1{
	text-align: center;
	font-size: 20px;
	font-style:normal;
	padding: 0.5em 0 0.4em 0;
}
dl.buy_wrap dt:after{
	content: "";
	background: url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px;
	height:5px;
	width: 100%;
	display: block;
	margin-bottom: 1.5em;
}
dl.buy_wrap dt:nth-of-type(2):before{
	content: "";
	background: url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px;
	height:5px;
	width: 100%;
	display: block;
	margin-top: 1.5em
}
dl.buy_wrap dt:nth-of-type(3):before{
	content: "";
	background: url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px;
	height:5px;
	width: 100%;
	display: block;
	margin-top: 1.5em
}
dl.buy_wrap dt:nth-of-type(4):before{
	content: "";
	background: url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px,url(../img/pat_03.png) repeat-x center bottom / 6px;
	height:5px;
	width: 100%;
	display: block;
	margin-top: 1.5em
}
dl.buy_wrap dd{
	margin: 0 auto;
	text-align: left;
	width: 90%;
}
img.bank_credit_img{
	width: 55%;
	margin: 0 auto;
}

/* 商品セット関係 */
.ProductMenu{
	width: 92%;
	margin: 0 auto;
}
.ProductSet td:nth-child(1){
	background: #04091c;
	border: 2px solid #99ffff;
	box-sizing: border-box;
	width:10%;
}
.ProductSet td:nth-child(2){
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	border: 2px solid #99ffff;
	box-sizing: border-box;
	text-align: left;
	padding: 1em 0.3em 1em 0.8em;
	text-shadow: none;
	color: #ffffff;
	line-height: 1.5em;
}
.ProductSet td:nth-child(3){
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	border: 2px solid #99ffff;
	box-sizing: border-box;
	width:22%;
	text-align: center;
	vertical-align: middle;
	text-shadow: none;
	color: #fee300;
	font-weight: bold;
}

/* ポイントセット関係 */
.PointMenu{
	width: 92%;
	margin: 20px auto 0 auto;
}
.point_title{
	margin-top: 40px;
}
.PointSet td:nth-child(1){
	background: #04091c;
	border: 2px solid #99ffff;
	box-sizing: border-box;
	width:10%;
}
.PointSet td:nth-child(2){
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	border: 2px solid #99ffff;
	box-sizing: border-box;
	text-align: left;
	padding: 1em 0.3em 1em 0.8em;
	text-shadow: none;
	color: #ffffff;
	line-height: 1.5em;
}
.PointSet td:nth-child(3){
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	border: 2px solid #99ffff;
	box-sizing: border-box;
	width:22%;
	text-align: center;
	vertical-align: middle;
	text-shadow: none;
	color: #fee300;
	font-weight: bold;
}

/* 商品セット（ラジオボタン付き） */
table{
	width:100%;
	margin:0 auto;
}
th {
  border: solid 1px gray;
}

td {
  min-width: 3em;
  position: relative;
  border: solid 1px gray;
}
td label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}
input[type="Radio"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
	color: #dd020f;
}

/* 決済内容の確認 */
.ConfiLine td:nth-child(1){
	background: #04091c;
	border: 2px solid #99ffff;
	box-sizing: border-box;
	width:30%;
	text-align: center;
	vertical-align: middle;
}
.ConfiLine td:nth-child(2){
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,linear-gradient(90deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4)),linear-gradient(180deg,rgba(0,0,0,0.4),rgba(0,0,0,0) 50%, rgba(0,0,0,0.4));
	border: 2px solid #99ffff;
	box-sizing: border-box;
	text-align: left;
	padding: 1em 0.3em 1em 0.8em;
	width:70%;
	text-shadow: none;
	line-height: 1.4em;
	color: #ffffff;
}
td.Total{
	background:#ff0a45!important;
	color: #ffffff;
	font-weight: bold;
}
td.TotalBg{
	color: #fee300!important;
	font-weight: bold;
	font-size: 16px;
}
.caution_red{
	font-size: 12px!important;
	text-align: center;
	margin-top: -25px;
	color: #f00000;
}
/* 決済に関するお願い */
.caution_buy{
	width: 80%;
	margin: 1.5em auto 2em auto;
	border: 1px solid #99ffff;
	border-radius: 6px;
}
.caution_buy dl{
	padding: 0;
}
.caution_buy dl dt{
	text-align: center;
	color: #99ffff;
	font-style: normal;
	padding: 0.8em 0;
	border-bottom:1px solid #99ffff;
	font-size: 14px;
}
.caution_buy dl dt:after{
	content: none;
}
.caution_buy dl dd{
	margin: 0;
	font-size: 12px;
	padding: 0.5em 1em 1em 0.5em;
	width: 100%;
}
.caution_buy ul{
	width: 100%;
	padding: 0.8em 1em;
}
.caution_buy ul li{
	text-align: left;
	color: #99ffff;
	font-size: 14px;
}
/* 予約商品アラート */
.reserve_box{
	width: 100%;
	margin: 0 auto 3em auto;
	border: 1px solid #b28850;
	background: #000000;
	padding: 1em 0.7em;
	position: relative;
}
.reserve_box ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
}
.reserve_box ul li:nth-child(1){
	width: 65%;
	font-size: 13px;
}
.reserve_box ul li:nth-child(2){
	width: 35%;
	position: relative;
}
.reserve_box ul td:nth-child(1){
	width: 20%;
}
.btn_reserve{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}
.btn_reserve img{
	width: 90%;
	margin: 0 auto;
	display: inline;
}
p.reserve_cancel{
	position: absolute;
	right:15px;
	bottom: 10px;
	font-size: 11px;
	color: #808080;
}

/* PCログイン後　予想家紹介
------------------------------------------------*/
.tipster_wrap{
	margin: 30px auto 0 auto;
	text-align: center;
}
.tipster_wrap ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 50px;
}
.tipster_wrap ul:last-child{
	margin-bottom: 20px;
}
.tipster_wrap ul li a img{
	width: 93%;
	display: inline;
}


.tipster-popup {
	position: relative;
	border-radius: 6px;
	border: 2px solid #99ffff;
	background: #04091c;
	background: url(../img/pat_01.png) repeat center / 100px,url(../img/bg_winresult_left.png) no-repeat top left / 120px,url(../img/bg_winresult_right.png) no-repeat bottom right / 120px,url("../img/bg_planet.png") no-repeat center bottom -45px / 110%,linear-gradient(90deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9)),linear-gradient(180deg,rgba(0,0,0,0.9),rgba(0,0,0,0) 50%, rgba(0,0,0,0.9));
	width: auto;
	max-width: 500px;
	margin: 0 auto;
	padding: 40px 15px;
}
.mfp-close{
	color: #ffffff!important;
	text-shadow: 2px 2px 10px #5bbab2,-2px 2px 10px #5bbab2,2px -2px 10px #5bbab2,-2px -2px 10px #5bbab2;
	opacity: 1!important;
}
.tipster_prof_inner{
	width: 90%;
	margin: 0 auto;
}
.tipster_prof_inner h1 img{
	width: 60%;
	margin: 0 auto 20px auto;
}
.tipster_prof_inner h2{
	text-align: center;
	color: #fee300;
	margin-bottom: 20px;
}
.tipster_prof_inner img.tipster_img{
	float: left;
	width: 80%;
	margin-right: -32%;
}
.tipster_prof_inner p{
	color: #ffffff;
	text-align: left;
	text-shadow: 0px 1px 0px #04091c, 0px -1px 0px #04091c, 1px 0px 0px #04091c, -1px 0px 0px #04091c, 2px 2px 0px #04091c;
}
p.tipster_caption{
	font-size: 11px;
	text-align: right;
	color: #767676;
	margin-top: 15px;
	text-shadow: none;
}
/*ページタイトル　ポップアップ内*/
.deco_popup_page_title{
	color: #ffffff;
	background: url(../img/deco_dotted_border_01.png) no-repeat left top / 90%,url(../img/deco_dotted_border_02.png) no-repeat right bottom / 90%;
	padding: 20px 0;
	position: relative;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	margin-bottom: 20px;
}
.popup_page_title h1{
	position: relative;
	z-index: 1;
	text-shadow: 2px 2px 10px #5bbab2,-2px 2px 10px #5bbab2,2px -2px 10px #5bbab2,-2px -2px 10px #5bbab2;
	font-size: 25px;
}
img.popup_title_deco{
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	width: 120px;
}
img.popup_title_deco02{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 80px;
}

/* PCログイン後　予想家ありのTOPページ
------------------------------------------------*/
.main_cotent_tipster{
	color: #99ffff;
	width: 95%;
	margin: 0.5em auto 3em auto;
	text-align: left;
	font-size: 15px;
}
.main_cotent_tipster ul li img{
	float: left;
	width: 60%;
	margin: 0 15px 10px 0;
}

/* PCログイン前後　メール不着のご案内
------------------------------------------------*/
.Mail{
	width:95%;
	margin: 2em auto;
	border: 1px solid #99ffff;
	padding: 1.8em 1.5em;
	text-align: center;
	border-radius: 6px;
}
.Mail dl dt{
	background: #ff0a44;
	color: #ffffff;
	display: inline-block;
	margin: 0 auto 1.5em auto;
	padding: 0.6em 1.5em;
	border-radius: 6px;
	font-weight: bold;
}
.Mail dl dd{
	text-align: left;
	margin:0;
}
.MailCopyZone{
	width:100%;
	margin-top: 1.5em;
	text-align: center;
}
.MailCopyZone input{
	width:50%;
	text-align: center;
	padding: 8px 0;
	pointer-events : none;
	font-weight: bold;
	margin-top: 0.6em;
	color: #121212;
}
#btnCopy{
	margin: 12px auto 0 auto;
	border-radius: 4px;
	background:#ff0a44;
	background-size: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 1em;
	padding: 8px 18px;
}
.MailBtn{
	width:60%;
	margin: 25px auto 10px auto;
	border-radius: 4px;
	border: 1px solid #99ffff;
	background-size: 50px;
	text-align: center;
	color: #99ffff;
	position: relative;
	z-index: 9;
	font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.MailBtn a{
	text-decoration: none;
}
.MailBtn p{
	margin: 0.6em 0;
}
.MailBtn p:after{
    box-sizing: border-box;
    content: '\f35d';
    display: block;
    font-family:"Font Awesome 5 Free";
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
	font-weight: 900;
	font-size: 17px;
	color: #99ffff;
}