@charset "euc-jp";

.anime_box .free_info_box { width: 290px; margin: 0 auto; }

/* top_intro_anime */
.anime_box1, .anime_box2, .anime_box3 {
	margin: 0 auto;
	width: 320px;
	overflow: hidden;
}
.anime_box2, .anime_box3 { }
.anime_box2, .anime_box3 { margin-top: 10px; }
[class^="anime_box"] img { position: absolute; }

.anime_box .side_by_side {
	width: 92%;
	margin: 0 auto;
	word-break: break-all;
}
.anime_box .res_type1_bg2 .side_by_side div {
	float: left;
}
.anime_box .my_name,
.anime_box .single_name {
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	width: 50%;
	color: #a42cc9;
	font-size: 62%;
	text-align: center;
	line-height: 100%;
	padding: 1px 0 0;
	letter-spacing: -0.05rem;
}
.anime_box .you_name,
.anime_box .single_name_you{
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	width: 50%;
	color: #2a7228;
	font-size: 62%;
	text-align: center;
	line-height: 100%;
	padding: 1px 0 0;
	letter-spacing: -0.05rem;
}

.anime_box .res_headline1 {
	width: 300px;
	margin: 10px auto;
	text-align: center;
	color: #fff;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 90%;
	line-height: 1.4;
}

/*anime_box1*/
.anime_box .res_type1_bg2,
.anime_box .res_type1_chart {
	width: 300px;
	margin: 0 auto 10px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
}
.anime_box .res_type1_bg2 {
	height: 346px;
	background-image: url(../images/result/type/res_type1_bg2.jpg);
}
.anime_box .res_type1_chart.cate5 {
	height: 292px;
}

/*¥Á¥ã¥¯¥é*/
.anime_box [class^="res_type1_chakra"] img {
	width: 23px;
	height: 23px;
	position: absolute;
}
.anime_box .res_type1_bg2 .res_type1_chakra1 img:nth-of-type(1) { top: 48px; left: 48.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra1 img:nth-of-type(2) { top: 65px; left: 76.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra1 img:nth-of-type(3) { top: 86px; left: 63.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra1 img:nth-of-type(4) { top: 126px; left: 63.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra1 img:nth-of-type(5) { top: 160px; left: 63.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra1 img:nth-of-type(6) { top: 183px; left: 63.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra1 img:nth-of-type(7) { top: 206px; left: 63.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra2 img:nth-of-type(1) { top: 48px; left: 228.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra2 img:nth-of-type(2) { top: 65px; left: 200.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra2 img:nth-of-type(3) { top: 86px; left: 213.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra2 img:nth-of-type(4) { top: 126px; left: 213.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra2 img:nth-of-type(5) { top: 160px; left: 213.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra2 img:nth-of-type(6) { top: 183px; left: 213.5px; }
.anime_box .res_type1_bg2 .res_type1_chakra2 img:nth-of-type(7) { top: 206px; left: 213.5px; }

/*¡û*/
.anime_box .res_type1_maru1 img,
.anime_box .res_type1_maru2 img {
	width: 50px;
	height: 38px;
	position: absolute;
}
.anime_box .res_type1_bg2 .res_type1_maru1 img:nth-of-type(1) { top: 41px; left: 34px; }
.anime_box .res_type1_bg2 .res_type1_maru1 img:nth-of-type(2) { top: 57px; left: 62px; }
.anime_box .res_type1_bg2 .res_type1_maru1 img:nth-of-type(3) { top: 78px; left: 48px; }
.anime_box .res_type1_bg2 .res_type1_maru1 img:nth-of-type(4) { top: 118px; left: 48px; }
.anime_box .res_type1_bg2 .res_type1_maru1 img:nth-of-type(5) { top: 152px; left: 48px; }
.anime_box .res_type1_bg2 .res_type1_maru1 img:nth-of-type(6) { top: 175px; left: 48px; }
.anime_box .res_type1_bg2 .res_type1_maru1 img:nth-of-type(7) { top: 198px; left: 48px; }

.anime_box .res_type1_bg2 .res_type1_maru2 img:nth-of-type(1) { top: 41px; left: 214px; }
.anime_box .res_type1_bg2 .res_type1_maru2 img:nth-of-type(2) { top: 57px; left: 186px; }
.anime_box .res_type1_bg2 .res_type1_maru2 img:nth-of-type(3) { top: 78px; left: 200px; }
.anime_box .res_type1_bg2 .res_type1_maru2 img:nth-of-type(4) { top: 118px; left: 200px; }
.anime_box .res_type1_bg2 .res_type1_maru2 img:nth-of-type(5) { top: 152px; left: 200px; }
.anime_box .res_type1_bg2 .res_type1_maru2 img:nth-of-type(6) { top: 175px; left: 200px; }
.anime_box .res_type1_bg2 .res_type1_maru2 img:nth-of-type(7) { top: 198px; left: 200px; }

/*½ÅÍ×*/
.anime_box .res_type1_strong img {
	width: 192px;
	height: 146px;
	position: absolute;
	top: 65px;
	left: 54px;
}

/*¼ê*/
.anime_box .res_type1_hand {
	background-image: url(../images/result/type/res_type1_hand.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	width: 77px;
	height: 65px;
	top: 140px;
	left: 150px;
}

/*¥Æ¥­¥¹¥È*/
.anime_box .res_type1_bg2 .res_type1_text1 {
	width: 100%;
	position: absolute;
	margin: 0 auto;
	text-align: center;
	top: 10px;
	left: 0;
}
.anime_box .res_type1_bg2 .res_type1_text1 .res_type1_title {
	font-size: 90%;
	line-height: 1;
	color: #875109;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}
.anime_box .res_type1_bg2 .res_type1_text1 .res_type1_title strong {
	color: #4028B7;
	font-size: 100%;
	font-weight: normal;
}
.anime_box .res_type1_bg2 .res_type1_text2 {
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif; 
	position: absolute;
    margin: 0 auto;
    color: #000;
    font-size: 10px;
    line-height: 13px;
    text-align: left;
    box-sizing: border-box;
}
.anime_box .res_type1_bg2 .res_type1_text2 {
    top: 230px;
    left: 0px;
	width: 300px;
}
.anime_box .res_type1_text2 i,
.anime_box .res_type1_text2 strong { 
	font-size: 105%;
	color: #c20a0a;
}

/*anime_box2*/
.anime_box .res_type1_chart .res_type1_chartbg {
	width: 138px;
	height: 138px;
	position: absolute;
	top: 0;
	left: 10px;
	background-image: url(../images/result/type/res_type1_chartbg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.anime_box .res_type1_chart .res_type1_chartbg.you {
	left: 152px;
}

/*ËÀ¥°¥é¥Õ*/
.anime_box .res_type1_chart .res_type1_bargragh1 {
	top: 15px;
	left: 193px;
	height: 108px;
	width: 90px;
}
.anime_box .res_type1_chart .res_type1_bargragh1 div {
	position: absolute;
	display: block;
	width: 100%;
}
.anime_box .res_type1_chart.cate5 .res_type1_bargragh1 div:nth-of-type(1) { top: 4px; height: 8px; }
.anime_box .res_type1_chart.cate5 .res_type1_bargragh1 div:nth-of-type(2) { top: 19px; height: 8px; }
.anime_box .res_type1_chart.cate5 .res_type1_bargragh1 div:nth-of-type(3) { top: 35px; height: 8px; }
.anime_box .res_type1_chart.cate5 .res_type1_bargragh1 div:nth-of-type(4) { top: 50px; height: 8px; }
.anime_box .res_type1_chart.cate5 .res_type1_bargragh1 div:nth-of-type(5) { top: 65px; height: 8px; }
.anime_box .res_type1_chart.cate5 .res_type1_bargragh1 div:nth-of-type(6) { top: 81px; height: 8px; }
.anime_box .res_type1_chart.cate5 .res_type1_bargragh1 div:nth-of-type(7) { top: 96px; height: 8px; }

.anime_box .res_type1_chart [class^="res_type1_bargragh"] div img {
	width: 0%;
	height: 100%;
	display: block;
	margin: 0 auto 0 0;
}

.anime_box [class^="res_type1_bargragh"] div img.bar_point5 {width:5%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point10 {width:10%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point15 {width:15%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point20 {width:20%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point25 {width:25%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point30 {width:30%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point35 {width:35%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point40 {width:40%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point45 {width:45%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point50 {width:50%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point55 {width:55%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point60 {width:60%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point65 {width:65%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point70 {width:70%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point75 {width:75%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point80 {width:80%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point85 {width:85%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point90 {width:90%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point95 {width:95%;}
.anime_box [class^="res_type1_bargragh"] div img.bar_point100 {width:100%;}

.anime_box .res_type2_text1 {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	width: 150px;
	height: 138px;
	top: 0px;
	left: 150px;
}
.anime_box .res_type2_text2 {
	position: absolute;
	width: 127px;
	height: 8em;
	overflow: hidden;
	top: 26px;
	left: 162px;
	margin: 0 auto;
	padding: 0px 0px;
	color: #000;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	font-size: 11px;
    line-height: 14px;
	font-weight: normal;
	text-align: left;
	box-sizing: border-box;
	letter-spacing: -0.02em;
}
.anime_box .res_type2_text2 strong,
.anime_box .res_type2_text2 i {
	font-size: 108%;
}
.anime_box .res_type2_text2 strong { color: #c30a0a; }
.anime_box .res_type2_text2 i { color: #0a50c3; }

.anime_box [class^="res_type2_img"] img {
	width: 50px;
	height: 27px;
	position: absolute;
}
.anime_box .res_type1_chart.cate5 .res_type2_img1 img:nth-of-type(1) { top: 0px; left: 58px; }
.anime_box .res_type1_chart.cate5 .res_type2_img1 img:nth-of-type(2) { top: 14px; left: 105px; }
.anime_box .res_type1_chart.cate5 .res_type2_img1 img:nth-of-type(3) { top: 81px; left: 118px; }
.anime_box .res_type1_chart.cate5 .res_type2_img1 img:nth-of-type(4) { top: 109px; left: 90px; }
.anime_box .res_type1_chart.cate5 .res_type2_img1 img:nth-of-type(5) { top: 109px; left: 21px; }
.anime_box .res_type1_chart.cate5 .res_type2_img1 img:nth-of-type(6) { top: 81px; left: -2px; }
.anime_box .res_type1_chart.cate5 .res_type2_img1 img:nth-of-type(7) { top: 14px; left: 11px; }
.anime_box .res_type1_chart.cate5 .res_type2_img2 img { display: none; }

/*¼ê*/
.anime_box .res_type2_hand {
	background-image: url(../images/result/type/res_type1_hand.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
}
.anime_box .res_type1_chart.cate5 .res_type2_hand {
	width: 77px;
	height: 65px;
	top: 20px;
	left: 170px;
}


/*anime_box3*/
.anime_box .res_type3_bg {
	width: 308px;
	margin: 0 auto 10px;
	background-repeat: no-repeat;
	background-size: 246px auto;
	background-position: top center;
	position: relative;
	overflow: hidden;
	height: 246px;
	background-image: url(../images/result/type/res_type3_bg1.jpg);
}
/*¥Æ¥­¥¹¥È*/
.anime_box [class^="res_type3_text"] {
	width: 300px;
	position: absolute;
	left: 4px;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
    line-height: 20px;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
	letter-spacing: -0.05em;
}
.anime_box .res_type3_text1 {
	color: #000;
	top: 15px;
}
.anime_box .res_type3_text2 {
	color: #b210b4;
	bottom: 15px;
}
/*¥¿¥í¥Ã¥È*/
.anime_box .res_type3_tarot_box {
	width: 246px;
	height: 246px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 31px;
}
.anime_box .res_type3_tarot_box [class^="res_tarot_img"] {
	width: 35px;
	height: 58px;
	position: absolute;
}
.anime_box .res_tarot_bg2 {
	width: 246px;
	height: 246px;
	position: absolute;
	top: 0;
	left: 31px;
}
/*¥·¥ã¥Ã¥Õ¥ëÁ°*/
.anime_box .res_type3_bg .res_tarot_img0 { top: 13px; left: 2px; }
/*PAT4¡§¼Â¤ê¤Î¥¹¥×¥ì¥Ã¥É*/
.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(1),
.anime_box .res_type3_bg.pat4 .res_tarot_img2:nth-of-type(1),
.anime_box .res_type3_bg.pat4 .res_tarot_img3:nth-of-type(1),
.anime_box .res_type3_bg.pat4 .res_tarot_img4:nth-of-type(1) { top: 51px; left: 106px; }

.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(2),
.anime_box .res_type3_bg.pat4 .res_tarot_img2:nth-of-type(2),
.anime_box .res_type3_bg.pat4 .res_tarot_img3:nth-of-type(2),
.anime_box .res_type3_bg.pat4 .res_tarot_img4:nth-of-type(2) { top: 80px; left: 71px; }

.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(3),
.anime_box .res_type3_bg.pat4 .res_tarot_img2:nth-of-type(3),
.anime_box .res_type3_bg.pat4 .res_tarot_img3:nth-of-type(3),
.anime_box .res_type3_bg.pat4 .res_tarot_img4:nth-of-type(3) { top: 109px; left: 37px; }

.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(4),
.anime_box .res_type3_bg.pat4 .res_tarot_img2:nth-of-type(4),
.anime_box .res_type3_bg.pat4 .res_tarot_img3:nth-of-type(4),
.anime_box .res_type3_bg.pat4 .res_tarot_img4:nth-of-type(4) { top: 138px; left: 71px; }

.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(5),
.anime_box .res_type3_bg.pat4 .res_tarot_img2:nth-of-type(5),
.anime_box .res_type3_bg.pat4 .res_tarot_img3:nth-of-type(5),
.anime_box .res_type3_bg.pat4 .res_tarot_img4:nth-of-type(5) { top: 138px; left: 140px; }

.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(6),
.anime_box .res_type3_bg.pat4 .res_tarot_img2:nth-of-type(6),
.anime_box .res_type3_bg.pat4 .res_tarot_img3:nth-of-type(6),
.anime_box .res_type3_bg.pat4 .res_tarot_img4:nth-of-type(6) { top: 109px; left: 175px; }

.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(7),
.anime_box .res_type3_bg.pat4 .res_tarot_img2:nth-of-type(7),
.anime_box .res_type3_bg.pat4 .res_tarot_img3:nth-of-type(7),
.anime_box .res_type3_bg.pat4 .res_tarot_img4:nth-of-type(7) { top: 80px; left: 140px; }

/*¥µ¥ó¥×¥ëɽ¼¨¥Æ¥­¥¹¥È*/
.anime_box .res_text_sample {
	margin: 0 auto;
	position: absolute;
	font-size: 130%;
	color: #000;
	font-family: "¥Ò¥é¥®¥ÎÌÀÄ« ProN W6", "HiraMinProN-W6", "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", "MS ÌÀÄ«", serif;
	text-shadow: 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff, 0 0 8px #fff;
}
.anime_box1 .res_text_sample {
	width: 300px;
	left: 0;
	top: 70px;
	text-align: center;
}
.anime_box2 .res_text_sample {
	width: 138px;
	left: 10px;
	top: 54px;
	text-align: center;
}
.anime_box3 .res_text_sample {
	width: 308px;
	left: 0;
	top: 130px;
	text-align: center;
}

/* ----------------------
 * animation
 *---------------------- */
@keyframes fadein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadein2 {
	0% {opacity: 0; transform:scale(1.3);}
	100% {opacity: 1; transform:scale(1.0);}
}
@keyframes fadein3 {
	0% {opacity: 0; transform:scale(0.8);}
	100% {opacity: 1; transform:scale(1.0);}
}
@keyframes fadeout {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeinout {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes fadeinout2 {
    0% {opacity: 0; transform: scale(0.5)}
    50% {opacity: 1;}
    100% {opacity: 0; transform: scale(2.0)}
}
@keyframes movehand {
	0% {transform:rotate(0deg);}
	50% {transform:rotate(-10deg);}
	100% {transform:rotate(0deg);}
}
@keyframes fudeji1 {
	0% {transform:translate(0px,0px);}
	33% {transform:translate(100px,0px);}
	66% {transform:translate(0px,80px);}
	100% {transform:translate(100px,80px);}
}

.anime_box [class^="res_type1_chakra"] img,
.anime_box [class^="res_type1_maru"] img,
.anime_box .res_type1_strong img,
.anime_box .res_type1_bg1 > .res_type1_text2,
.anime_box .res_type1_bg2 > .res_type1_text2,
.anime_box .res_type1_bg3 > .res_type1_text2,
.anime_box .res_type1_hand,
.anime_box .res_type2_img1 img,
.anime_box .res_type2_img2 img,
.anime_box .res_type2_text1,
.anime_box .res_type2_text2,
.anime_box .res_type2_text3,
.anime_box .res_type2_hand,
.anime_box .res_tarot_img2,
.anime_box .res_tarot_img3,
.anime_box .res_tarot_img4,
.anime_box .res_type3_text1,
.anime_box .res_type3_text2,
.top_anime_bg2,
.top_anime_bg3,
.top_anime_bg4,
.top_anime_bg5,
.top_anime_bg6 {
	opacity: 0;
}

.anime_box .res_type3_tarot_box img.res_tarot_img1 {
    transition: transform 0.4s ease-out 0.1s;
}

.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(1) { transform: translate(-104px,-38px); }
.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(2) { transform: translate(-69px,-67px); }
.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(3) { transform: translate(-35px,-96px); }
.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(4) { transform: translate(-69px,-125px); }
.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(5) { transform: translate(-138px,-125px); }
.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(6) { transform: translate(-173px,-96px); }
.anime_box .res_type3_bg.pat4 .res_tarot_img1:nth-of-type(7) { transform: translate(-138px,-67px); }

.anime1 .top_anime_bg2 {animation: fadein 1.5s ease-out 0.5s forwards;}
.anime1 .top_anime_bg3 {animation: fadein 1.5s ease-out 2.0s forwards;}
.anime1 .top_anime_bg4 {animation: fadeinout 3s ease 3.5s 1 forwards;}
.anime1 .top_anime_bg6 {animation: fadeinout2 3.0s ease-out 6.5s forwards;}
.anime1 .top_anime_bg5 {animation: fadein 0.5s ease-out 8.0s forwards;}

.anime_box .anime2 [class^="res_type1_chakra"] img {animation:fadein2 1.0s linear 0.3s 1 forwards;}
.anime_box .anime2 [class^="res_type1_maru"] img,
.anime_box .anime2 .res_type1_strong img {animation:fadein2 0.5s linear 1.3s 1 forwards;}
.anime_box .anime2 .res_type1_hand {transform-origin: right;}
.anime_box .anime2 .res_type1_hand {animation:fadein 0.5s linear 2.0s 1 forwards, movehand 0.3s linear 2.8s 2 forwards, fadeout 0.5s linear 4.0s 1 forwards;}
.anime_box .anime2 .res_type1_text2 {animation:fadein 1.0s linear 4.0s 1 forwards;}

.anime_box .anime3 .res_type2_text1 {animation:fadein 1.0s linear 0.5s 1 forwards;}
.anime_box .anime3 .res_type2_img1 img {animation:fadein3 0.5s linear 1.5s 1 forwards;}
.anime_box .anime3 .res_type2_hand {animation:fadein 0.5s linear 2.0s 1 forwards, fudeji1 1.5s ease 2.5s 1 forwards, fadeout 0.5s linear 4.0s 1 forwards;}
.anime_box .anime3 .res_type2_text2 {animation:fadein 1.0s linear 3.9s 1 forwards;}
.anime_box .anime3 .res_type2_text3 {animation:fadein 1.0s linear 2.0s 1 forwards;}

.anime_box .anime3 .res_type3_tarot_box.dummy img:nth-of-type(1) {animation: fadeout 1s linear 0.1s 1 forwards;}
.anime_box .anime3 .res_tarot_img1 { transform: translate(0px,0px) !important; }
.anime_box .anime3 img.res_tarot_img3 {animation: fadeinout 1s linear 1.1s 1 forwards;}
.anime_box .anime3 img.res_tarot_img3:nth-of-type(1)	{animation-delay: 1.1s;}
.anime_box .anime3 img.res_tarot_img3:nth-of-type(2)	{animation-delay: 1.2s;}
.anime_box .anime3 img.res_tarot_img3:nth-of-type(3)	{animation-delay: 1.3s;}
.anime_box .anime3 img.res_tarot_img3:nth-of-type(4)	{animation-delay: 1.4s;}
.anime_box .anime3 img.res_tarot_img3:nth-of-type(5)	{animation-delay: 1.5s;}
.anime_box .anime3 img.res_tarot_img3:nth-of-type(6)	{animation-delay: 1.6s;}
.anime_box .anime3 img.res_tarot_img3:nth-of-type(7)	{animation-delay: 1.7s;}
.anime_box .anime3 img.res_tarot_img2 {animation: fadein 0.1s linear 1.6s 1 forwards;}
.anime_box .anime3 img.res_tarot_img2:nth-of-type(1)	{animation-delay: 1.6s;}
.anime_box .anime3 img.res_tarot_img2:nth-of-type(2)	{animation-delay: 1.7s;}
.anime_box .anime3 img.res_tarot_img2:nth-of-type(3)	{animation-delay: 1.8s;}
.anime_box .anime3 img.res_tarot_img2:nth-of-type(4)	{animation-delay: 1.9s;}
.anime_box .anime3 img.res_tarot_img2:nth-of-type(5)	{animation-delay: 2.0s;}
.anime_box .anime3 img.res_tarot_img2:nth-of-type(6)	{animation-delay: 2.1s;}
.anime_box .anime3 img.res_tarot_img2:nth-of-type(7)	{animation-delay: 2.2s;}
.anime_box .anime3 img.res_tarot_img4 {animation: fadein 1.0s linear 2.5s 1 forwards;}
.anime_box .anime3 .res_type3_text1,
.anime_box .anime3 .res_type3_text2 {animation: fadein 1.0s linear 1.6s 1 forwards;}
/* ----------------------
 * animation
 *---------------------- */
/* ----------------------
 * form
 *---------------------- */
.inp_top_top {
	width: 320px;
	height: 135px;
	background: url(../images_sp/top/inp_top_top.jpg) no-repeat;
	margin: 0 0 -2px;
	background-size: 100% 100%;
}
.inp_top_top2 {
	width: 320px;
	height: 150px;
	margin: 0;
	background: url(../images_sp/top/pack_top2.jpg) no-repeat;
}

.inp_my_top {
	width: 320px;
	height: 75px;
	display: block;
	background: url(../images_sp/common/inp_my_top.jpg) no-repeat;
	margin: 10px 0;
	background-size: 100% 100%;
}
.inp_top_bg .inp_my_top {
	width: 320px;
	height: 42px;
	display: block;
	background: url(../images_sp/top/inp_top_my_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.inp_you_top {
	width: 320px;
	height: 42px;
	background: url(../images_sp/top/inp_top_you_top.jpg) no-repeat;
	margin: 10px 0;
	background-size: 100% 100%;
}
.inp_top_bg .inp_you_top {
	width: 320px;
	height: 42px;
	background: url(../images_sp/top/inp_top_you_top.jpg) no-repeat;
	margin: 10px 0;
	background-size: 100% 100%;
}
.inp_form_bg {
	width: 320px;
	background: url(../images_sp/common/inp_form_bg.jpg) repeat-y;
	background-size: 100% auto;
}
.inp_form_bt {
	width: 320px;
	height: 40px;
	margin: -1px 0 20px;
	background: url(../images_sp/common/inp_form_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.inp_top_bt {
	width: 320px;
	height: 40px;
	margin: -1px 0 20px;
	background: url(../images_sp/common/inp_form_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.inp_form_box {
	width: 280px;
	text-align: left;
	margin: 0 auto;
}
.inp_form_box1 {
	width: 280px;
	text-align: left;
	margin: 0 0px 5px 0px;
}
.inp_form_box2 {
	width: 280px;
	float: left;
	text-align: left;
}
.inp_form_box3 {
	width: 280px;
	text-align: left;
	float: left;
}
.inp_form_box4 {
	width: 280px;
	padding-left: 20px;
	text-align: left;
}
.inp_form_box input, .inp_form_box2 input, .inp_form_box3 input {
	margin-top: 3px;
}
.nickname_box1 {
	width: 280px;
	float: left;
}
.nickname_box2 {
	width: 280px;
	text-align: left;
	float: left;
	margin-bottom: 5px;
}
.birth_box1 {
	width: 280px;
	float: left;
	margin-bottom: 5px;
}
.birth_box2 {
	width: 280px;
	text-align: left;
	float: left;
	margin-bottom: 5px;
}
.inp_form_title1 {
	width: 110px;
	height: 28px;
	background: url(../images_sp/common/inp_form_title1.png) no-repeat;
	background-size: 100% 100%;
}
.inp_form_title2 {
	width: 110px;
	height: 28px;
	margin: 10px 0 0;
	background: url(../images_sp/common/inp_form_title2.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	margin-top: 20px;
}
.inp_form_title3 {
	width: 110px;
	height: 28px;
	margin: 10px 0 0;
	background: url(../images_sp/common/inp_form_title3.png) no-repeat;
	background-size: 100% 100%;
	float: left;
}
.inp_form_title4 {
	width: 110px;
	height: 28px;
	margin: 10px 0 0;
	background: url(../images_sp/common/inp_form_title4.png) no-repeat;
	background-size: 100% 100%;
	float: left;
}
.inp_form_title5 {
	width: 110px;
	height: 28px;
	margin: 10px 0 4px;
	background: url(../images_sp/common/inp_form_title5.png) no-repeat;
	background-size: 100% 100%;
	float: left;
	margin-top: 10px;
}
.inp_form_title6 {
	float: left;
	width: 115px;
	height: 30px;
	background: url(../images_sp/common/inp_form_title6.gif) no-repeat;
	background-size: 100% 100%;
}
.inp_form_title7 {
	float: left;
	width: 115px;
	height: 30px;
	background: url(../images_sp/common/inp_form_title7.gif) no-repeat;
	background-size: 100% 100%;
}
.nickname_in {
	font-size: 100%;
	width: 270px;
	height: 36px;
}
.yymmdd_in {
	font-size: 96%;
	width: 70px;
	height: 36px;
}
.yymmdd_in2 {
	font-size: 96%;
	width: 60px;
	height: 36px;
}
.hhmm_in {
	font-size: 96%;
	width: 70px;
	height: 36px;
}
.birthplace_in {
	font-size: 96%;
	width: 100px;
	height: 36px;
}
.gender_in{
	font-size: 96%;
	width: 150px;
	height: 36px;
}
.inp_gender_box {
	float: left;
	width: 120px;
	margin: 0 0 0 10px;
}
.inp_radio_box {
	float: left;
	width: 30px;
}
input[type="radio"] {
	-webkit-transform: scale(2.0);
	transform: scale(2.0);
	display: block;
	float: left;
	margin: 1px 16px 0 0;
	line-height: 0;
	vertical-align: middle;
}
/* ----------------------
 * form
 *---------------------- */

/*---------------------------
 * clearfix
 *---------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*---------------------------
 * clearfix
 *---------------------------*/
.empty_box {
	height: 30px;
}
br {
	letter-spacing: 0;
	color: #E8DED0;
	text-align: right;
}
p, li, h3 {
	background: url(../images_sp/common/spacer.gif);
}
.use_pc {
	display: none;
}