body {
  max-width: 750px;
  margin: 0 auto;
}

#head{
	line-height: 0;
	margin: 0;
	vertical-align: top;
}

#bg_img{
	/*background-color: #000;*/
	background-image: url(../img/kv_bg_a.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	width: 100%;
  z-index: -1;
}

/*------------------------------------------------------------------
title
------------------------------------------------------------------*/
#c_title{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index: 5;
}

.title{
	width: 100%;
	margin: 0 auto;
	z-index: 11;
}

#grd{
	margin: 0 auto;
	width: 100%;
	/*background-color:rgba(0,0,0,0.5);*/
}

#main{
	margin: 0 auto;
	position: relative;
	width: 100%;
	/*padding-top:40%;*/
	padding-top:60%;
	/*padding-bottom:70%;*/
	padding-bottom:100vw;
	overflow:hidden;
}

#c1{
	position:absolute;
	/*margin: 10% auto 0;*/
	margin: 10% auto 0;
	width: 100%;
	height: 50px;
}

/*------------------------------------------------------------------
card
------------------------------------------------------------------*/
#card_cycle{
	position: relative;
	margin:40px auto 0 auto;
	width: 200px;
	height: 200px;
	z-index: 5;
}

img.card0{
	position: absolute;
	/*z-index: 998;*/
	z-index: 88;
	width: 100%;
}

img.card_l{
	position: absolute;
	/*z-index: 998;*/
	z-index: 88;
	width: 100%;
}

div.card01{
	position: absolute;
	top: -150px;
	left: 50px;
	z-index: 6;
	width: 60px;
	height: 100px;
}

div.card02{
	position: absolute;
	top: -300px;
	left: 150px;
	z-index: 8;
	width: 60px;
	height: 100px;
}

div.card03{
	position: absolute;
	top: 150px;
	left: -80px;
	z-index: 10;
	width: 60px;
	height: 100px;
}

div.card04{
	position: absolute;
	top: -90px;
	left: 150px;
	z-index: 10;
	width: 60px;
	height: 100px;
}

img.card5{
	position: absolute;
	top: 160px;
	left: 190px;
	z-index: 6;
	width: 60px;
	height: 100px;
}

img.card6{
	position: absolute;
	top: -200px;
	left: -250px;
	z-index: 8;
	width: 60px;
	height: 100px;
}

img.card7{
	position: absolute;
	top: 250px;
	left: 130px;
	z-index: 10;
	width: 60px;
	height: 100px;
}


img.card8{
	position: absolute;
	top:300px;
	left: 210px;
	z-index: 10;
	width: 60px;
	height: 100px;
}

img.card9{
	position: absolute;
	top: 180px;
	left: 50px;
	z-index: 6;
	width: 60px;
	height: 100px;
}

img.card10{
	position: absolute;
	top: 130px;
	left: 320px;
	z-index: 8;
	width: 60px;
	height: 100px;
}

img.card11{
	position: absolute;
	top: 80;
	left: -200;
	z-index: 10;
	width: 60px;
	height: 100px;
}

img.card12{
	position: absolute;
	top: 90px;
	left: -50px;
	z-index: 10;
	width: 60px;
	height: 100px;
}

.stop{
	position: absolute;
	width: 100%;
	text-align:center;
	/*margin: -33.3vh auto 0;*/
	margin: -48.5vh auto 0;
	/*z-index: 999;*/
	z-index: 111;
}

.stop_btn{
	/*width: 83%;*/
	width: 71vw;
}

/*------------------------------------------------------------------
profile
------------------------------------------------------------------*/
#prof{
	/*background-color: rgba( 210, 0, 110, 0.55 );*/
	/*margin-top: -250px;*/
	margin-top: -139%;
	position: absolute;
	width: 100%;
	/*z-index: 994;*/
	z-index: 4;
}

#prof_t2{
	/*height: 300px;*/
	/*height: 530px;*/
	height: 700px;
	margin: 0 auto;
	padding-bottom: 70%;
	/*padding-top: 20%;*/
	padding-top: 3%;
	position: relative;
	text-align:top;
	width: 100%;
}

/* 画面サイズ別表示位置振り分け */
/* ▼すべての場合に適用 */
#c2{
	/*margin: -83% 3% 0 30%;*/
	/*margin: -84% 3% 0 27%;*/
	margin: 0 auto;
	position:relative;
	/*width: 200px;*/
}

img.c2{
	width: 100%;
}

.q1{
	position: absolute;
	text-align: center;
	width: 100%;
}

.q1_btn {
    position: relative;
    padding: 55vw 0 0 0;
    width: 100%;
    text-decoration:none;
    text-align:center;
}

.t_af00{
  margin:0 auto;
  position: relative;
  top: 0%;
  width: 69.0vw;
  /*z-index: 995;*/
	z-index: 85;
  max-width: 650px;
}

/*------------------------------------------------------------------
section 1
------------------------------------------------------------------*/
#sec1{
	background-image: url(../img/sec1_bg_a.png);
	background-size: 100% auto;
	/*background-size: cover;*/
	background-repeat: no-repeat;
	/*margin: -42.7vw 0 0 0;*/
	margin: -72.7vw 0 0 0;
	width: 100%;
	position: relative;
	line-height:0;
}

.sec1_teller{
	margin: 0vw 0 0 0;
	position: relative;
	width: 100%;
}

#d_text{
    /*background-image: url("../tarot/ex_back02.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;*/
    position: relative;
    text-align: center;
    width: 100%;
	margin:0 auto;
}

.d_text{
    /*background-image: url("../tarot/ex_back02.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;*/
    position: relative;
    text-align: center;
    width: 100%;
	margin:0 auto;
}

.btn1_h{
	margin: 0 auto;
	position: relative;
  max-width: 750px;
}

img.bt1{
  margin:0 auto;
  position: relative;
  top: 0%;
  width: 69.0vw;
  /*z-index: 995;*/
	z-index: 85;
  max-width: 650px;
}

/*------------------------------------------------------------------
section 2
------------------------------------------------------------------*/
#sec2{
	background-image: url(../img/sec2_bg_a.jpg);
	background-size: 100% auto;
	/*background-size: cover;*/
	background-repeat: no-repeat;
	line-height:0;
	margin: 0 auto;
	position: relative;
	vertical-align: top;
	width: 100%;
}

/*------------------------------------------------------------------
section 3
------------------------------------------------------------------*/
#sec3{
	background-image: url(../img/sec3_bg_a.png);
	background-size: 100% auto;
	/*background-size: cover;*/
	background-repeat: repeat-y;
	line-height:0;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

#sec4{
	background-image: url(../img/sec4_bg_a.jpg);
	/*background-size: 100% auto;*/
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 100%;
	position: relative;
	line-height:0;
}

div.footer_txt {
text-align: center;
clear: both;
border-top:1px solid #b72690;
margin:1em auto;
padding-bottom: 9em;
}

div.footer_txt p {
padding-top:0.5em;
font-size:80%;
}

div.footer_txt p a {
color:#ff4ef5 !important;
text-decoration: underline;
}

div.footer_txt p.copy {
color:#b72690;
}
section.page_title {
margin-bottom: .2em;
}

h2 {
font-size:22px;
line-height:1.3em;
padding:0.4em 0.5em 0.2em;
color:#36040f;
border-bottom:solid 3px #b72690;/*下線*/
}


section p {
width:95%;
margin:0 auto;
font-size:100%;
text-align:left;
line-height: 1.7em;
}

section.text p {
margin-bottom:1.3em;
font-size: 85%;
}

section.text p a {
color:#ff4ef5 !important;
text-decoration: underline;
}