@charset "EUC-JP";
/* --------------------------------------------------
reset
-------------------------------------------------- */
html, body, div, span, applet, object, iframe, hr,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote :before, blockquote :after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
a:focus {
  outline: 1px dotted;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select, img {
  vertical-align: middle;
}

input[type="checkbox"] {
    width: 20px;
}

img {
  border: 0px;
  line-height: 0;
}

br {
  letter-spacing: 0em;
}

html {
  height: 100%;
  min-height: 100%;
}

body {
	-webkit-text-size-adjust: 100%;
}

a, a:visited { color: #00afc9; text-decoration: underline; }
a:hover { color: #FFF68F; text-decoration: none;}

/* clearfix */
.clearfix:after,
.clearfix:before {
  content: '';
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clear {
  clear: both;
}

/* --------------------------------------------------
font color
-------------------------------------------------- */

.red{ color: #FF3B3F; }
.dred{ color: #C22628; }
.yellow{ color: #FF0; }
.Lyellow{ color: #FBFF6B; }
.blue{ color: #30C; }
.Lblue{ color: #43A9FF; }
.pink{ color: #FF4281; }
.Lpink{ color: #FF8898; }
.Hpink{ color: #ff69b4;}
.green{ color: #009944; }
.dgreen{ color: #060; }
.Lgreen{ color: #3CFF74; }
.violet{ color: #90019d; }
.Bviolet{ color: #6200FF; }
.Lviolet{ color: #c000ff; }
.orange{ color: #FF8C00; }

/* font span */
.bold{ font-weight: bold; }
.center{ text-align: center; }

/* --------------------------------------------------
display
-------------------------------------------------- */
.disp0{
	display: none !important;
}

/* --------------------------------------------------
common
-------------------------------------------------- */
body {
  line-height: 1;
  background-color: #000;
  text-align: start;
  /*Android用*/
}

#mkbwrapper {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Arial", Sans-serif;
	/*height: 100%;*/
	width: auto;
	margin: 0 auto;
	min-width: 950px;
	padding: 0;
	color: #FFF;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	background: url(../images/common/bg.jpg) repeat-y top center !important;
}

#content {
	width: 100%;
	min-width: 950px;
	padding: 0;
	margin: 0 auto;
	line-height: 1.4em;
	background: url(../images/common/bg_header.jpg) no-repeat top center !important;
}
#content_top {
	width: 100%;
	min-width: 950px;
	padding: 0;
	margin: 0 auto;
	line-height: 1.4em;
	background: url(../images/common/bg_header_top.jpg) no-repeat top center !important;
}

/* --------------------------------------------------
header　トップ以降
-------------------------------------------------- */
#header { /*　トップ以降　*/
	width: 100%;
	min-width: 950px;
	height: 274px;
	margin: 0 auto;
	background: url(../images/common/header.jpg) no-repeat top center !important;
	text-indent: -9999px;
	text-align: center;
	background-color: #000;
}

#header .TopTitle,
#headerExc .TopTitle {
	height: 236px;
}
#header .title a,
#headerExc .title a {
	display: inline-block;
	width: 950px;
	height: 180px;
}

/* --------------------------------------------------
navi
-------------------------------------------------- */
#NaviBox { /*　トップ以降　*/
	width: 100%;
	min-width: 950px;
	height: 75px;
	margin: 0 auto;
	background: url(../images/common/navi_bg.jpg) no-repeat top center !important;
}
#NaviBox ul{
  width: 675px;
  margin: 0 auto;
}

.navbutton {
	width: 310px;	
	height: 95px;
	float: left;
}
.navbutton a {
	width: 310px;	
	height: 90px;
	overflow: hidden;
	display: block;
	background-image: url(../images/common/navi_btn_top.png);
	text-indent: 100%;
}

.senja{
	margin: -16px 50px 0 0;
}
.senjutsu{
	margin: -16px 0 0 0;	
}

.navbutton a{ text-indent: -9999px; }

.senja a { background-position: 0 0; }
.senja a:hover { background-position: 0 -85px; }

.senjutsu a { background-position: 315px 0; }
.senjutsu a:hover { background-position: 315px -85px; }

/* --------------------------------------------------
BreadBox
-------------------------------------------------- */
.breadBox{
    width: 630px;
    height: 56px;
    margin: 0 auto;
    padding: 0 60px 0 0;
    line-height: 1.8em;
    font-size: 85%;
    color: #FFF;
    text-align: left;	
	/*
    width: 570px;
    height: 56px;
    margin: 0 auto;
    padding: 40px 0 0 0;
    line-height: 1.8em;
    font-size: 95%;
    color: #FFF;
    text-align: left;
	*/
}
.breadBox a, .breadBox a:visited{ color: #FFE900; }

/* --------------------------------------------------
MenuTitle
-------------------------------------------------- */
.MenuTitle{
	width: 868px;
	height: 255px;
	margin: 0 auto;
	background: url(../images/common/menu_title.png) no-repeat top center;
	position: relative;
}

.MenuTitle ul {
	width: 756px;
	margin: 0 auto;
	padding: 40px 0 0 36px;
}
.MenuTitle .icon {
    width: 107px;
    height: 133px;
    padding: 26px 10px 0 0;
    float: left;
}
.MenuTitle .title {
	width: 570px;
	padding: 47px 0 0 0;
	float: left;
}

/* MenuTitlePack */
.MenuTitlePack{
	width: 818px;
	height: 230px;
	margin: 0 auto;
	background: url(../images/common/menu_title_pack.png) no-repeat top center;
	position: relative;
}

.MenuTitlePack .title {
    width: 630px;
    margin: 0 auto;
    padding: 65px 0 0 0;
}

/* --------------------------------------------------
Fortbtn
-------------------------------------------------- */
#FortbtnWrap,
#FortbtnWrap1,
#FortbtnWrap2,
#FortbtnWrap3{
	width: 700px;
	margin: 0 auto;
	position: absolute;
}
.fortBtnWrap_pay{
    position: relative;
    top: 630px;
    left: 88px;
}
.fortBtnWrap_free{
    position: relative;
    top: 630px;
    left: 82px;
}

.BtnFree{
    width: 404px;
    height: 140px;
    margin: 0 auto;
    background: url(../images/common/btn_result.png) no-repeat top center;
    display: block;
    text-indent: -9999px;
}
.BtnFree:hover{
	background-position: 0 -142px;
}

a.BtnGlimpse{
    width: 349px;
    height: 140px;
    background: url(../images/common/btn_glimpse.png) no-repeat top center;
    display: block;
    text-indent: -9999px;
	float: left;
}
.BtnGlimpse:hover{
	background-position: 0 -145px;
 }
.BtnPay{
    width: 349px;
    height: 140px;
	background: url(../images/common/btn_pay.png) no-repeat top center;
	display: block;
	text-indent: -9999px;
	float: left;
}
.BtnPay:hover{
	background-position: 7px -144px;
}

/* --------------------------------------------------
TarotBox
-------------------------------------------------- */
#TarotBox,
#NTarotBox,
#NTarotBox1,
#NTarotBox2,
#NTarotBox3{
	width: 868px;
	height: 785px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/input/Tarot_bg.jpg) no-repeat top center;
	position: relative;
}

#RTarotBox,
#RTarotBox_1,
#RTarotBox_2,
#RTarotBox_3{
	width: 949px;
	height: 775px;
	margin: 0 auto;
	background: url(../images/result/tarot_bg_result.jpg) center top no-repeat;	
	position: relative;
}

#TarotBox_D,
#TarotBox_D_1,
#TarotBox_D_2,
#TarotBox_D_3{
	width: 803px;
	height: 750px;
	margin: 0 auto;
	background-image: url(../images/common/Tarot_bg_decision.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: absolute;
	top: 23px;
	left: 31px;
}

.PackspTilte{
	width: 246px;
	height: 67px;
	margin: 0 auto;
	padding: 25px 0 0 0;
}

/* --------------------------------------------------
TarotBox - btn -
-------------------------------------------------- */
.btn_start{
	width: 392px;
	height: 140px;
	background: url(../images/common/btn_shuffleS.png) no-repeat top center;	
    position: absolute;
    bottom: 50px;
    left: 238px;
	cursor: pointer;
	z-index: 2;
}
.btn_start:hover{
	background-position: 0 -140px;
}

.btn_stop{
	width: 404px;
	height: 140px;
	background: url(../images/common/btn_shuffleF.png) no-repeat top center;		
    position: absolute;
    bottom: 50px;
    left: 238px;
    cursor: pointer;
	z-index: 2;	
}
.btn_stop:hover{
	background-position: 0 -140px;
}

.btn_more{
    width: 159px;
    height: 73px;
    position: absolute;
    bottom: 50px;
    left: 8px;
    cursor: pointer;
    z-index: 2;
}
.btn_again{
    width: 175px;
    height: 93px;
	background: url(../images/common/btn_shuffleAA.png) no-repeat top center;
	/*background-size: 65%;*/		
    position: absolute;
    bottom: 48px;
    left: 152px;
    cursor: pointer;
    z-index: 25;
}
.btn_end{
    width: 156px;
    height: 81px;
    position: absolute;
    bottom: 50px;
    left: 15px;
    cursor: pointer;
    z-index: 2;
}
.btn_open{
	width: 404px;
	height: 140px;
	background: url(../images/common/btn_shuffleO.png) no-repeat top center;		
    position: absolute;
    bottom: 70px;
    left: 226px;
    cursor: pointer;
	z-index: 2;	
}
.btn_open:hover{
	background-position: 0 -140px;
}

.btn_ok{
    width: 335px;
    height: 140px;
    background: url(../images/common/btn_shuffleOK.png) no-repeat top center;
    position: absolute;
    bottom: 25px;
    left: 440px;
    cursor: pointer;
    z-index: 2;
}
.btn_ok:hover{
	background-position: 0 -144px;
}


.card_img_no_core{
    position: absolute;
    z-index: 1;
	display: none;
}
.card_core_tit,
.card_core_text{
	display: none;
	z-index: 200;
	position: relative;
}

.card_img_pack{
    position: absolute;
    top: 148px;
    left: 36px;
	display: none;
}
.card_img_pack_core_1{
	display: none;
	position: absolute;
	top: 155px;
	left: 478px;
}
.card_img_pack_core_2{
	display: none;
	position: absolute;
	top: 360px;
	left: 224px;
}
.card_img_pack_core_3{
	display: none;
	position: absolute;
	top: 295px;
	left: 733px;
}


/* --------------------------------------------------
TarotBox - Text -
-------------------------------------------------- */
.Text2{
	width: 418px;
	height: 118px;
    background: url(../images/common/tarot_text02.png) no-repeat top center;
	position: absolute;
    top: 60px;
    left: 220px;
    z-index: 50;	
}
.Text4{
	width: 631px;
	height: 117px;
    background: url(../images/common/tarot_text04.png) no-repeat top center;	
    position: absolute;
    top: 60px;
    left: 122px;
    z-index: 50;
}
.Text5{
	width: 631px;
	height: 124px;
    background: url(../images/common/tarot_text05.png) no-repeat top center;		
	position: absolute;
    top: 160px;
    left: 120px;
    z-index: 50;	
}
.Text6{
	width: 418px;
	height: 70px;
    background: url(../images/common/tarot_text06.png) no-repeat top center;		
    position: absolute;
    top: 25px;
    left: 240px;
    z-index: 50;
}
.Text7{
	width: 631px;
	height: 76px;
    background: url(../images/common/tarot_text07.png) no-repeat top center;			
	position: absolute;
    top: 25px;
    left: 125px;
    z-index: 50;
}
/* pack onry */
.Text8{
	width: 631px;
	height: 127px;
    background: url(../images/common/tarot_text08.png) no-repeat top center;			
	position: absolute;
    top: 150px;
    left: 125px;
    z-index: 50;
}
.Text9{
	width: 631px;
	height: 108px;
    background: url(../images/common/tarot_text09.png) no-repeat top center;			
	position: absolute;
    top: 150px;
    left: 125px;
    z-index: 50;
}
.Text10{
	width: 631px;
	height: 116px;
    background: url(../images/common/tarot_text10.png) no-repeat top center;			
	position: absolute;
    top: 150px;
    left: 125px;
    z-index: 50;
}
.Text11{
	width: 631px;
	height: 113px;
    background: url(../images/common/tarot_text11.png) no-repeat top center;			
	position: absolute;
    top: 34px;
    left: 125px;
    z-index: 50;
}

/* --------------------------------------------------
KuchikomiBox
-------------------------------------------------- */
#KuchiBox{
	width: 868px;
	margin: 0 auto -10px;
	padding: 0;
	background: url(../images/common/kuchikomi_rp.jpg) top center repeat-y;
}
#KuchiBoxTop{
	width: 868px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url(../images/common/kuchikomi_top.jpg) top center no-repeat;
}
#KuchiBoxBtm{
	width: 868px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	background: url(../images/common/kuchikomi_btm.jpg) bottom center no-repeat;	
}

.Review{
	width: 868px;
	margin: 0 auto;
}
.Review .Line{
	width: 868px;
	height: 30px;
	margin: 5px 0;
	text-align: center;
	background: url(../images/common/kuchikomi_line.jpg) no-repeat;
	background-size: 100% auto;
}
.Review .IconL{
    width: 164px;
    height: 247px;
    padding: 0 0 0 50px;
    float: left;
}
.Review .IconR{
    width: 164px;
    height: 247px;
	padding: 0 53px 0 0;
	float: right;
}

.Review .TextL{
	width: 560px;
	padding: 0;	
	text-align: left;
	font-size: 100%;
	line-height: 1.4em;
	color: #000;
	float: left;
}
.Review .TextR{
width: 560px;
    padding: 10px 0 0 80px;
    text-align: left;
    font-size: 100%;
    line-height: 1.4em;
    color: #000;
    float: left;
}

.Review .LinkL{
    width: 540px;
    padding: 5px 90px 0 0;
    text-align: right;
    font-size: 100%;
    line-height: 1.4em;
    color: #000;
    float: right;
}
.Review .LinkR{
    width: 540px;
    padding: 40px 0 0 80px;
    text-align: left;
    font-size: 100%;
    line-height: 1.4em;
    color: #000;
    float: left;
}
.Review a,
.Review a:visited{
	color: #691B1B;
    text-decoration: underline;
	font-weight: bold;
}
.Review a:hover{
	color: #C20000;
	text-decoration: underline;
}

/* --------------------------------------------------
Sarani
-------------------------------------------------- */
.InfoInductTit{
	width: 873px;
	margin: 0 auto;
}

.InfoInduct{
	width: 873px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/common/ktarot_rp.jpg) top center repeat-y;
	position: relative;
}
.InfoInductTop_1{
	width: 873px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url(../images/common/ktarot_tit_1.jpg) top center no-repeat;	
}
.InfoInductTop_2{
	width: 873px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url(../images/common/ktarot_tit_2.jpg) top center no-repeat;	
}
.InfoInductTop_3{
	width: 873px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url(../images/common/ktarot_tit_3.jpg) top center no-repeat;	
}

.InfoInductBtm{
	width: 873px;
	margin: 0 auto;
	padding: 0 0 60px 0;
	background: url(../images/common/ktarot_btm.jpg) bottom center no-repeat;		
}

.InfoInductTop_1 .Tit01,
.InfoInductTop_2 .Tit02,
.InfoInductTop_3 .Tit03{
	padding: 0 0 0 170px;
}

.InfoInductTop_2 .Pic01{
    width: 873px;
    height: 579px;
    margin: 44px auto 0;
    padding: 0 0 0 0;
    background: url(../images/common/ktarot_sptit_1.jpg) top center no-repeat;
}
.InfoInductTop_2 .Pic02{
    width: 873px;
    height: 587px;
    margin: 44px auto 0;
    padding: 0 0 0 0;
    background: url(../images/common/ktarot_sptit_2.jpg) top center no-repeat;
}

.InfoInductTop_1 .Text{
    width: 550px;
    margin: 0 auto;
    padding: 50px 0 30px 0;	
    font-weight: bold;
    font-size: 100%;
    line-height: 1.7em;
    text-align: left;
    color: #000655;
}
.InfoInductTop_2 .Text{
    width: 550px;
    margin: 0 auto;
	padding: 0 0 30px 0;
    font-weight: bold;
    font-size: 100%;
    line-height: 1.7em;
    text-align: left;
    color: #000655;
}
.InfoInductTop_3 .Text{
    width: 550px;
    margin: 0 auto;
    padding: 50px 0 10px 0;	
    font-weight: bold;
    font-size: 100%;
    line-height: 1.7em;
    text-align: left;
    color: #000655;
}

.InfoSarani{
	width: 873px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/common/sarani_rp.jpg) top center repeat-y;
	position: relative;
}
.InfoSaraniTop{
	width: 873px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	background: url(../images/common/sarani_top.jpg) top center no-repeat;		
}
.InfoSaraniBtm{
	width: 873px;
	margin: 0 auto;
	padding: 0 0 60px 0;
	background: url(../images/common/sarani_btm.jpg) bottom center no-repeat;			
}

.Sbox{
	width: 873px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/common/sarani_komi_rp.jpg) top center repeat-y;
	position: relative;
}
.SboxTop{
	width: 873px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: url(../images/common/sarani_komi_top.jpg) top center no-repeat;			
}
.SboxBtm{
	width: 873px;
	margin: 0 auto;
	padding: 0 0 80px 0;
	background: url(../images/common/sarani_komi_btm.jpg) bottom center no-repeat;			
}

.InfoSarani .Text{
    width: 570px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 100%;
    line-height: 1.5em;
    text-align: center;
    color: #000655;
}

/* --------------------------------------------------
ParkBox
-------------------------------------------------- */
#PackBox{
	width: 870px;
	height: 433px;
	margin: 30px auto 0;
	background: url(../images/common/pack_menu_top.jpg) center top no-repeat;	
	position: relative;
}
#PackBox .Tit{
	position: absolute;
    top: 40px;
    left: 260px;
}
#PackBox .Menu{
    width: 702px;
    margin: 0 auto;
    padding: 130px 0 0 0;	
}
#PackBox .Price{
    width: 702px;
    margin: 0 auto;
    color: #020063;
    text-align: center;
}
.Btn{
    width: 310px;
    height: 115px;
    margin: -10px auto 0;
    text-indent: -9999px;
    background: url(../images/common/btn_pack.png) center top no-repeat;
}
.Btn:hover{
	background-position: 0 -120px;
}
.Btn a{
	width: 310px;
	height: 115px;	
	display: block;
}

/* --------------------------------------------------
RecBox
-------------------------------------------------- */
#RecBox{
	width: 873px;
	margin: 0 auto 30px;
	padding: 0;
	background: url(../images/common/rec_menu_rp.jpg) top center repeat-y;
	position: relative;
}
#RecBoxTop{
	width: 873px;
	margin: 0 auto;
	padding: 200px 0 0 0;
	background: url(../images/common/rec_menu_top.jpg) top center no-repeat;	
}
#RecBoxBtm{
	width: 873px;
	margin: 0 auto;
	padding: 0 0 60px 0;
	background: url(../images/common/rec_menu_btm.jpg) bottom center no-repeat;	
}
#RecBox .Tit01{
    position: absolute;
    top: 80px;
    left: 230px;	
}

/*--- Menu ---*/
#RecBox .MenuBox{
	width: 809px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/common/rec_Listmenu_rp.jpg) top center repeat-y;
	position: relative;
}
#RecBox .MenuBoxTop{
	width: 809px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/common/rec_Listmenu_top.jpg) top center no-repeat;		
}
#RecBox .MenuBoxBtm{
	width: 809px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	background: url(../images/common/rec_Listmenu_btm.jpg) bottom center no-repeat;		
}

.MenuBox .Icon{
    width: 107px;
    height: 133px;
    padding: 40px 15px 0 50px;
    float: left;
}
.MenuBox .Menu{
    width: 530px;
    padding: 30px 0 10px 10px;
    float: left;
    font-size: 140%;
    font-weight: bold;
    line-height: 1.5em;
}
.MenuBox .Read{
    width: 530px;
    padding: 0 0 10px 10px;
    line-height: 1.4em;
    color: #200000;
    float: left;
}
.MenuBox .Price{
    width: 530px;
    padding: 0 80px 0 0;
    font-size: 90%;
    line-height: 1.4em;
    color: #200000;
    float: right;
    text-align: right;
}

#RecBox .Menu a{ color: #3c0012; display: inline-block; }
#RecBox .Menu a:visited{ color: #3c0012; font-weight: bold; }
#RecBox .Menu a:hover{ color: #d1006c; text-decoration: none; }

/* --------------------------------------------------
etcBtn
-------------------------------------------------- */
.to_top{
	margin: 0 auto;
	padding: 60px 0 0;
	text-align: center;
}

/* --------------------------------------------------
ErrBox
-------------------------------------------------- */
#ErrBox{
	width: 950px;
    margin: 0 auto;
    padding: 110px 0 80px 0;
    text-align: center;
}
#ErrBox h2{
	padding: 0 0 30px 0;
}