body {
	font-size: 14px;
	line-height: 1.4em;
}

.hidden-sm { display: none !important; }
br.hidden-md { display: block !important; }

img.center,
img.block-center {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	z-index: 22;
}
.paragraph p { padding: 0 10px; text-indent: 13px; }
.full-container {
    background: transparent url(../images/common/sp/mBg.jpg) repeat-y center top;
    padding-top: 0;
}
.body-container {
	background-image: url(../images/common/sp/mBnr.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	padding-top: 199px;
}
.header-container {
	background-image: url(../images/common/sp/naviBg.jpg);
	background-size: 110%;
    padding: 0;
}
.body-footer {
	background-image: url(../images/common/sp/mBg.jpg);
	background-repeat: repeat;
	background-size: 100%;
	padding: 40px 10px 10px;
}

.body-footer .copyrightTxt {
	font-size: .8em;
	margin: 5px auto;
}

.breadcrumb {
	max-width: 95%;
	margin: 5px auto 10px;
	font-size: 80%;
	line-height: 1.3em;
}

.navi-container { min-height: 37px; }
.navi-container .naviInfo { display: block; left: 0; height: 50px; }
.navi-container .naviInfo a { margin: 0 -2px; }
.navi-container .navi_button {
	background-size: 100%;
    width: 161px;
    height: 49px;
    margin: 0 auto;
	top: 0;
}
.navi-container .navi_info { background-image: url(../images/common/button/sp/naviInfo.jpg); }
.navi-container .navi_input { background-image: url(../images/common/button/sp/naviInput.jpg); }
.navi-container .navi_profile { background-image: url(../images/common/button/sp/naviProfile.jpg); }
.navi-container .navi_home { background-image: url(../images/common/button/sp/naviTop.jpg); }

.info-container .navi-container .navi_info { background-position: center bottom; pointer-events: none; }
.body-container .commonMenuBox {
    background-size: 100%;
    padding: 25px 5px;
}
.commonMenuBox .infoelement { padding: 0px 10px; }
.commonMenuBox .titelement .title { font-size: 1.6em; }
.commonMenuBox .iconelement {
    margin-right: 5px;
    width: 63px;
    height: 64px;
}
.commonMenuBox .titelement {
	padding-left: 75px;
	font-size: 70%;
}
header .secDesc {
    width: 90%;
    margin: 10px auto 12px;
}
.secDesc br { display: none; }

/*##################
	  Button
##################*/
.free-btn,
.charge-btn {
	background-size: 100%;
	display: table;
	height: 136px;
	width: 275px;
	margin: 0 auto;
}

.free-container .submit-btn {
	width: 220px;
    height: 66px;
    font-size: 1.1em;
    background-size: 100%;
}

/*################## Button End ##################*/

/*################## 
	info-container
##################*/
.info-container .infoProfile p { padding: 5px 10px; line-height: 1.4em; }
.milestone {
	background-position: right bottom;
	background-size: 160px;
    margin: 0 auto 20px;
	padding-right: 24px;
    font-size: 12px;
}
.info-container .section {
	padding-bottom: 40px;
}
.info-container .section .heading {
	background-size: 100%;
	position: relative;
	width: 100%;
	height: 65px;
}
.info-container .section.proMsg {
	background-image: url(../images/info/sp/infProMsg.jpg), url(../images/info/sp/infProInrBtm.jpg), url(../images/info/sp/infProInrBg.jpg);
	background-size: 105%;
}
.info-container .section.proMsg .heading { height: 30px; margin-bottom: 0; }
.info-container .section.proMsg .paragraph br { display: none; }
.info-container .section.profile {
	background-image: url(../images/info/sp/infProTop.jpg), url(../images/info/sp/infProBtm.jpg), url(../images/info/sp/infProBg.jpg);
	background-size: 105%;
}
.info-container .section.profile .secInfo { padding: 140px 0 0; }
.info-container .section.proMsg .secInfo { padding-top: 30px; }
.info-container .section.profile .secInfo ul li {
    margin-bottom: 0;
    padding-top: 7px;
    padding-left: 38px;
	min-height: 32px;
}
.info-container .section.profile .secInfo ul li span { color: #000; font-size: 1.3em; }
.info-container .section.about {
	background-image: url(../images/info/sp/infAbtTit.jpg), url(../images/info/sp/infAbtBtm.jpg), url(../images/info/sp/infAbtBg.jpg);
	background-size: 100%;
	position: relative;
	padding-top: 68px;
	padding-bottom: 20px;
}
.info-container .section.about .heading {
	background-image: url(../images/info/sp/infAbtSubTit.jpg);
	background-size: 238px;
	position: absolute;
	top: 63px;
}
.info-container .section.about .secCover {
	background-image: url(../images/info/sp/infAbtCover.jpg);
	background-size: 100%;
}
.info-container .section .secInfo { padding: 10px 0; }
.info-container .section.about .secInfo {
	padding: 52px 0 0px;
}
.info-container .section .proSign {
    background-position: 80% top;
	background-size: 50%;
	width: 100%;
}
.info-container .section .secInfo .paragraph { padding: 0 12px; }
.globalDiv { background-size: 100%; height: 32px; }


.info-container img.center,
.info-container img.block-center {
    max-width: 90%;
}

/*########### intro #############*/
.info-container .section.intro {
	background-size: 100%;
	padding-bottom: 20px;
	width: 100%;
}
.about .intro .introTit {
	background-image: url(../images/info/sp/infAbtSkill.jpg);
	background-size: 96%;
	height: 50px;
}
.about .intro .introSec {
	background-size: 96%;
	padding: 70px 10px 10px;
	width: 100%;
}
.about .intro .introSec .introTit {
	background-size: 104%;
}
.about .intro .introSec2 { background-image: url(../images/info/sp/infAbtSkill2.jpg); background-size: 100%; }
.about .intro .introSec3 { background-image: url(../images/info/sp/infAbtSkill3.jpg); }
.about .intro .introSec1 .introTit { background-image: url(../images/info/sp/infAbtImg1.jpg); height: 130px; }
.about .intro .introSec2 .introTit { height: 140px; }
.about .intro .introSec3 .introTit { height: 200px; }

/*################## info-container End ##################*/

/*##########################
	input-container 
##########################*/
.input-container .komiCatch {
	background-image: url(../images/input/sp/inpKmCatch.jpg);
	background-size: 100%;
    height: 230px;
}
.komi {
	background-size: 100%;
	padding: 60px 25px 50px;
	font-size: .8em;
}
.komi ul li {
    background-position: 3px -1px;
	background-size: 17px;
    padding-left: 25px;
    margin-top: 10px;
    font-size: 1.2em;
}

/*######### question #########*/
.question {
    background-image: url(../images/input/sp/inpFmBtm.jpg),url(../images/input/sp/inpFmBg.jpg);
	background-size: 100%;
	padding-bottom: 40px;
}
.question .top-heading.self {
	background-image: url(../images/input/sp/inpFmMe.jpg);
	padding: 65px 25px 10px;
	background-size: 100%;
}
.question .top-heading.target {
	background-image: url(../images/input/sp/inpFmYou.jpg);
	padding: 50px 25px 0;
	background-size: 100%;
}
.question .formInfo .inputHolder {
	display: table;
	margin: 0 auto;
}
.question form label.inbold { line-height: 29px; }
.question form span.inbold,
.question form span.bold {
    text-align: left;
}
.question form span.bold.birth {
	display: inline-table;
    width: 100%;
}
.question form span.inbold { 
    color: #000;
    font-size: 1.2em;
}
.question form #sex11+span,
.question form #sex21+span {
    display: initial;
	background: none;
}
.question form span.birth_unit {
	display: inline-table;
    margin-left: -2px;
    width: 13px;
    height: 29px;
    font-weight: bold;
}
.question .inputRow.name .col:first-child { text-align: left; }
.question .inputRow .attention {
	font-size: .7em;
	margin-top: -10px;
}
.question select.form_year {
	margin-left: 0px;
	width: 75px;
}
span.spanError:before { top: -24px; left: 123px; }

/*################## input-container End ##################*/


/*########################## 
	result-container   
##########################*/
/*######### blur #########*/
.free-container .blur, .free-container .listImg .blur {
	background: transparent url(../images/result/blur/sp/text_img_m3.png) no-repeat center top;
    padding-top: 36px;
	height: 140px;
}
.free-container .listCommon [class^="res_type1_bg"] .blur { height: 147px; width: 100%; }
.free-container .listCommon .blur {
	background: transparent url(../images/result/blur/sp/text_img_m3.png) no-repeat center top;
    background-size: 100%;
    float: none;
	margin: 0 auto;
    padding-top: 22px;
    max-width: 100%;
    width: 280px;
    height: 140px;
}
.free-container .listCommon .blur { background-repeat: repeat-y; padding-top: 26px; height: 125px; }
.free-container .listCommon .secInList .blur {
	background-size: 93%;
	width: 100%;
	height: 124px;
}
.free-container .blur a { text-decoration: none; }

/*######### blur End #########*/

.result-container .subbody-container {
	background-size: 100%;
	max-width: 860px;
}

.fukiBlock {
	background-image: url(../images/result/sp/rsltMsgBg7.jpg);
	background-size: 96%;
	padding: 0px 10px 5px;
    min-height: 180px;
	font-size: 15px;
    line-height: 1.5em;
	text-align: justify;
}
.fukiBlock:after {
	content: "";
	display: table;
	clear: both;
}
.listCommon .fukiBlock { padding: 10px 15px; }
.listQna .fukiBlock { background-image: url(../images/result/sp/rsltMsgBg2.jpg); background-size: 97%; min-height: 130px; }
.listQna.listQna2 .fukiBlock { background-image: url(../images/result/sp/rsltMsgBg6.jpg); }
.listQna.listQna3 .fukiBlock { background-image: url(../images/result/sp/rsltMsgBg3.jpg); }
.listQna.listQna4 .fukiBlock { background-image: url(../images/result/sp/rsltMsgBg4.jpg); }
.listQna .fukiBlock .float.answer { max-width: 222px; }
.listQna.qnaImg .fukiBlock .float.answer .paragraph { min-height: 140px; }

.result-container .secGreet {
	background-image: url(../images/result/sp/rsltGreet.jpg), url(../images/result/sp/rsltBg.jpg);
	background-size: 100%;
	padding: 50px 10px 5px;
	font-size: 1.1em;
	min-height: 180px;
}
.result-container .secGreet .greetInfo:before {
	width: 120px;
	height: 120px;
}
.fukiBlock .float {
	background-size: 100%;
	top: 16%;
	padding: 10px 0;
	width: 200px;
	font-size: 13px;
    line-height: 1.7em;
}
.result-container .secList .paragraph { padding: 0 10px; }
.fukiBlock .float strong { font-size: 117%; line-height: 120%; }
.result-container .commonMsg {
	padding: 0 5px;
}
.result-container .commonMsg .float {
	margin-bottom: 10px;
	padding: 10px 0 1px;
	border-radius: 10px;
}

.result-container .secUser { margin: 0 auto 10px; clear: both; }
.result-container .secUser .userTit { 
	color: #fea;
	margin-bottom: 10px;
	font-weight: bold;
}
.result-container .secUser .usrDate span { margin-left: 10px; }
.secListing {
	background-image: url(../images/result/sp/rsltBtm.jpg), url(../images/result/sp/rsltBg.jpg);
	background-size: 100%;
	padding-bottom: 20px;
}
.result-container .secList .secTitle {
	background-image: url(../images/result/sp/rsltTitTop.jpg), url(../images/result/sp/rsltTitBtm.jpg), url(../images/result/sp/rsltTitBg.jpg);
	background-size: 100%;
	margin-bottom: 10px;
	padding: 20px 13px;
	max-width: 97%;
}
.result-container .secList .secTitle .titFloat { padding: 0; font-size: 1em; }
.result-container .secList.listCommon .secTitle { font-size: 1.25em; }
.result-container .secList .secInList .secTitle {
	background-size: 104%;
	margin: 0px auto 10px;
	padding: 25px 15px;
	max-width: 100%;
	font-size: 15px;
}
.result-container .secList .secInList .paragraph { padding: 0 10px; }
.result-container .secList.listQna .secTitle { padding: 20px 15px; font-size: 1.2em; }
.result-container .secList.listQna .secTitle .titFloat { padding-left: 30px; padding-right: 10px; }
.result-container .secList.listQna .secTitle:before, 
.listQna .fukiBlock .float.answer:before {
	background-size: 100%;
	top: 0;
	left: -3px;
	width: 48px;
	height: 48px;
}
.listQna .fukiBlock .float.answer:before { top: -20px; left: -20px; }
.fukiBlock > .float .paragraph { padding: 0; }
.result-container .secList.listJiki .secInfo,
.result-container .secList.listQna .secInfo {
	margin: 0 auto 10px;
	max-width: 97%;
}
.result-container .secList.listJiki .secInfo .float,
.result-container .secList.listQna .secInfo .float {
	padding: 0;
	max-width: 100%;
	line-height: 1.8em;
}
.result-container .secList .secInList .float {
	margin: 0 auto 10px;
	padding: 13px 2px 5px;
	max-width: 97%;
	border-radius: 10px;
}
.result-container .secList.listCard .secInList .paragraph { padding: 0; }

.commonTit {
	background-size: 100%;
	margin-bottom: 10px;
	padding: 19px;
	font-size: 1.4em;
}
.listQna .commonTit {
	background-image: url(../images/result/sp/rsltQnaTit.jpg);
	background-size: 100%;
	margin-top: 0;
	height: 95px;
}
.result-container .secList.listImg .secInList .paragraph {
	background: none!important;
	min-height: auto;
	padding: 0 10px!important;
}

.date-container {
	padding: 20px 10px;
	max-width: 90%;
	font-size: 1.8em;
}

/* ----------------------
 * result_type2
 *---------------------- */
/*trial*/
[class^="res_type2_trial"] {
	display: block;
	width: 100%;
}
.res_type2_box1 {
	position: relative;
	width: 312px;
	height: 218px;
	margin: 0 auto;
}
.res_type2_box2 {
	position: relative;
	width: 312px;
	height: 312px;
	margin: 0 auto 10px;
}
/*[class^="res_type2_box"] div,[class^="res_type2_box"] img,*/
[class^="res_type2_box"] p {
	display: block;
	position: absolute;
}
.res_type2_bg1 {background-image: url(../images/result/rsltCmnCoverBg1.jpg);}
.res_type2_bg2 {background-image: url(../images/result/rsltCmnCoverBg2.jpg);}

[class^="res_type2_bg"] {
	display: block;
	position: absolute;
	width: 312px;
	height: 100%;
	top: 0;
	left: 0;
	background-size: 100% 100%;
}



[class^="res_type2_box"] p {
	line-height: 0;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align: center;
}

[class^="res_type2_name"] {
	font-size: 10px;
	letter-spacing: -0.04em;
	text-shadow: 0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff;
}
.res_type2_name1 {color: #800;width: 134px;top: 21px;left: 16px;}
.res_type2_name2 {color: #800;width: 134px;top: 21px;left: 16px;}
.res_type2_name3 {color: #005;width: 134px;top: 21px;left: 165px;}

[class^="res_type2_birth"] {
	color: #fff;
	font-size: 10px;
	text-shadow: 0px 0px 4px #000,0px 0px 4px #000,0px 0px 4px #000;
}
.res_type2_birth1 {width: 134px;top: 198px;left: 12px;}
.res_type2_birth2 {width: 134px;top: 141px;left: 12px;}
.res_type2_birth3 {width: 134px;top: 141px;left: 166px;}

[class^="res_type2_txt"] {
	font-size: 16px;
	text-shadow: 0px 0px 4px #fff,0px 0px 4px #fff,0px 0px 4px #fff;
	letter-spacing: -0.05em;
}
p.res_type2_txt1_1 {color: #800;width: 178px;top: 36px;left: 141px;}
p.res_type2_txt1_2 {font-size: 12px;color: #005;width: 113px;top: 51px;left: 172px;line-height: 12px;}
p.res_type2_txt2_1 {color: #800;width: 312px;top: 176px;left: 0;}
p.res_type2_txt2_2 {font-size: 12px;color: #005;width: 312px;top: 194px;left: 0;}


.res_type2_chart_box1 {
	position: absolute;
	width: 129px;
	height: 116px;
	top: 82px;
	left: 166px;
}
.res_type2_chart_box2 {
	position: absolute;
	width: 267px;
	height: 89px;
	top: 203px;
	left: 22px;
}
/*maru*/
div[class^="maru"] {
	position: absolute;
	width: 31px;
	height: 22px;
	opacity: 0;
}
div[class^="maru1"] {
	width: 34px;
	height: 24px;
}
div[class^="maru3"] { }
.maru1_1 {top: 103px;left: 52px;}
.maru1_2 {top: 75px;left: 69px;}
.maru1_3 {top: 141px;left: 69px;}
.maru1_4 {top: 121px;left: 69px;}
.maru1_5 {top: 116px;left: 112px;}
.maru2_1 {top: 70px;left: 88px;}
.maru2_2 {top: 40px;left: 71px;}
.maru2_3 {top: 105px;left: 71px;}
.maru2_4 {top: 86px;left: 71px;}
.maru2_5 {top: 85px;left: 104px;}
.maru3_1 {top: 70px;left: 193px;}
.maru3_2 {top: 40px;left: 210px;}
.maru3_3 {top: 105px;left: 212px;}
.maru3_4 {top: 86px;left: 211px;}
.maru3_5 {top: 85px;left: 175px;}

/*strong*/
.strong2_1 {background: url(../images/result/type/res_type2_strong2_1.png) no-repeat;}
.strong2_2 {background: url(../images/result/type/res_type2_strong2_2.png) no-repeat;}
.strong2_3 {background: url(../images/result/type/res_type2_strong2_3.png) no-repeat;}
.strong2_4 {background: url(../images/result/type/res_type2_strong2_4.png) no-repeat;}
.strong2_5 {background: url(../images/result/type/res_type2_strong2_5.png) no-repeat;}
div[class^="strong"] {
	position: absolute;
	width: 134px;
	height: 134px;
	top: 0;
	left: 89px;
	background-size: 100% 100%;
	transform-origin: 50% 100%;
	transform: scale(0) translateY(-50px);
	opacity: 0;
}

/*star*/
.res_type2_star_box1 {
	width: 100%;
	height: 22px;
}
.res_type2_star_box2 {
	width: 100%;
	height: 18px;
}
[class^="res_type2_strng_box"] {
	width: 100%;
	height: 22px;
	position: absolute;
	left: 0px;
}
.res_type2_star_box1 img,
.res_type2_star_box2 img,
[class^="res_type2_strng_box"] img {
	height: 20px;
}

.res_type2_strng_box1 {top: 0px;}
.res_type2_strng_box2 {top: 22px;}
.res_type2_strng_box3 {top: 44px;}
.res_type2_strng_box4 {top: 66px;}
.res_type2_strng_box5 {top: 88px;}
.res_type2_chart_box2 [class^="res_type2_strng_box"] {
	height: 18px;
}
.res_type2_chart_box2 .res_type2_strng_box1 {top: 0px;}
.res_type2_chart_box2 .res_type2_strng_box2 {top: 18px;}
.res_type2_chart_box2 .res_type2_strng_box3 {top: 36px;}
.res_type2_chart_box2 .res_type2_strng_box4 {top: 54px;}
.res_type2_chart_box2 .res_type2_strng_box5 {top: 72px;}

.star1 {background: url(../images/result/type/res_type2_star1.png) no-repeat;}
.star2 {background: url(../images/result/type/res_type2_star2.png) no-repeat;}
.star3 {background: url(../images/result/type/res_type2_star3.png) no-repeat;}
.star4 {background: url(../images/result/type/res_type2_star4.png) no-repeat;}
.star5 {background: url(../images/result/type/spacer.png) no-repeat;}
div[class^="star"] {
	display: inline-block;
	position: static;
	width: 20px;
	height: 20px;
	margin: 0 -2px;
	background-size: 100% 100%;
}
[class^="res_type2_chart_box"].normal [class^="star"] {transform: scale(0);}
[class^="res_type2_chart_box"] [class^="res_type2_strng_box"] *,
[class^="res_type2_chart_box"].trial img {opacity:0;}

.label_show {opacity: 1;}
.label_hide {opacity: 0;}

@keyframes fadein {
    100% {opacity: 1;}
}
@keyframes fadeout {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes star_anime1_1 {
    0% {transform: translate(0px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(0px,-10px) scale(1.2) rotateY(1800deg);}
    70% {transform: translate(0px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime1_2 {
    0% {transform: translate(-16px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-16px,-10px) scale(1.2) rotateY(1800deg);}
    65% {transform: translate(-16px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime1_3 {
    0% {transform: translate(-32px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-32px,-10px) scale(1.2) rotateY(1800deg);}
    60% {transform: translate(-32px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime1_4 {
    0% {transform: translate(-48px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-48px,-10px) scale(1.2) rotateY(1800deg);}
    55% {transform: translate(-48px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime1_5 {
    0% {transform: translate(-64px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-64px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_1 {
    0% {transform: translate(0px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(0px,-10px) scale(1.2) rotateY(1800deg);}
    72.5% {transform: translate(0px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_2 {
    0% {transform: translate(-16px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-16px,-10px) scale(1.2) rotateY(1800deg);}
    70% {transform: translate(-16px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_3 {
    0% {transform: translate(-32px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-32px,-10px) scale(1.2) rotateY(1800deg);}
    67.5% {transform: translate(-32px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_4 {
    0% {transform: translate(-48px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-48px,-10px) scale(1.2) rotateY(1800deg);}
    65% {transform: translate(-48px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_5 {
    0% {transform: translate(-64px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-64px,-10px) scale(1.2) rotateY(1800deg);}
    62.5% {transform: translate(-64px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_6 {
    0% {transform: translate(-80px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-80px,-10px) scale(1.2) rotateY(1800deg);}
    60% {transform: translate(-80px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_7 {
    0% {transform: translate(-96px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-96px,-10px) scale(1.2) rotateY(1800deg);}
    57.5% {transform: translate(-96px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_8 {
    0% {transform: translate(-112px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-112px,-10px) scale(1.2) rotateY(1800deg);}
    55% {transform: translate(-112px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_9 {
    0% {transform: translate(-128px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-128px,-10px) scale(1.2) rotateY(1800deg);}
    52.5% {transform: translate(-128px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}
@keyframes star_anime2_10 {
    0% {transform: translate(-144px,0px) scale(0) rotateY(0deg);}
    50% {transform: translate(-144px,-10px) scale(1.2) rotateY(1800deg);}
    100% {transform: translate(0px,0px) scale(1) rotateY(1800deg);}
}

@keyframes star_strong {
    0% {transform: scale(0); opacity: 0;}
    50% {transform: scale(1.4); opacity: 1;}
    100% {transform: scale(1); opacity: 1;}
}
@keyframes maru_anime {
	0% {transform: scale(2); opacity: 0;}
	100% {transform: scale(1); opacity: 1;}
}
@keyframes strong_maru {
	100% {opacity: 1; transform: scale(1) translateY(0px);}
}
.anime1 div:nth-of-type(2)[class^="maru1"] {animation: maru_anime 1s ease 0.5s 1 forwards;}
.anime1 div:nth-of-type(3)[class^="maru1"] {animation: maru_anime 1s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(1)[class^="star"] {animation: star_anime1_1 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(2)[class^="star"] {animation: star_anime1_2 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(3)[class^="star"] {animation: star_anime1_3 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(4)[class^="star"] {animation: star_anime1_4 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1.normal div:nth-of-type(5)[class^="star"] {animation: star_anime1_5 2s ease 0.75s 1 forwards;}
.anime1 .res_type2_chart_box1 [class^="res_type2_strng_box"] [class^="star"] {animation: star_strong 2s ease 2.75s 1 forwards;}
.anime1 .res_type2_chart_box1 [class^="res_type2_strng_box"] img {animation: fadein 1s ease 3.75s 1 forwards;}

.anime_trial1 div:nth-of-type(2)[class^="maru1"] {animation: maru_anime 1s ease 0.5s 1 forwards;}
.anime_trial1 div:nth-of-type(3)[class^="maru1"] {animation: maru_anime 1s ease 0.75s 1 forwards;}
.anime_trial1 .res_type2_chart_box1.trial img {animation: fadein 2s ease 0.75s 1 forwards;}

.anime2 div:nth-of-type(3)[class^="maru2"] {animation: maru_anime 1s ease 0.5s 1 forwards;}
.anime2 div:nth-of-type(5)[class^="maru3"] {animation: maru_anime 1s ease 0.75s 1 forwards;}
.anime2 div:nth-of-type(4)[class^="maru"],
.anime2 div:nth-of-type(6)[class^="maru"] {animation: maru_anime 1s ease 1.75s 1 forwards;}
.anime2 div:nth-of-type(2)[class^="strong"] {animation: strong_maru 0.5s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(1)[class^="star"] {animation: star_anime2_1 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(2)[class^="star"] {animation: star_anime2_2 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(3)[class^="star"] {animation: star_anime2_3 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(4)[class^="star"] {animation: star_anime2_4 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(5)[class^="star"] {animation: star_anime2_5 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(6)[class^="star"] {animation: star_anime2_6 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(7)[class^="star"] {animation: star_anime2_7 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(8)[class^="star"] {animation: star_anime2_8 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(9)[class^="star"] {animation: star_anime2_9 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2.normal div:nth-of-type(10)[class^="star"] {animation: star_anime2_10 2s ease 3s 1 forwards;}
.anime2 .res_type2_chart_box2 [class^="res_type2_strng_box"] [class^="star"] {animation: star_strong 2s ease 5s 1 forwards;}
.anime2 .res_type2_chart_box2 [class^="res_type2_strng_box"] img {animation: fadein 1s ease 6s 1 forwards;}

.anime_trial2 div:nth-of-type(3)[class^="maru2"] {animation: maru_anime 1s ease 0.5s 1 forwards;}
.anime_trial2 div:nth-of-type(5)[class^="maru3"] {animation: maru_anime 1s ease 0.75s 1 forwards;}
.anime_trial2 div:nth-of-type(4)[class^="maru"],
.anime_trial2 div:nth-of-type(6)[class^="maru"] {animation: maru_anime 1s ease 1.75s 1 forwards;}
.anime_trial2 div:nth-of-type(2)[class^="strong"] {animation: strong_maru 0.5s ease 3s 1 forwards;}
.anime_trial2 .res_type2_chart_box2.trial img {animation: fadein 2s ease 3s 1 forwards;}
/* ----------------------
 * result_type2
 *---------------------- */



/* ----------------------
 * result_type3
 *---------------------- */
.res_type3_box1 {
	position: relative;
	width: 312px;
	height: 112px;
	margin: 0 auto;
}

.res_type3_bg1 {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/result/type/res_type3_bg1.jpg) no-repeat;
	background-size: 100% 100%;
}

.res_type3_box1 div {
	display: block;
	position: absolute;
}
.res_type3_box1 p {
	display: block;
	position: absolute;
	color: #fff;
	font-size: 8px;
	line-height: 0;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-shadow: 0px 0px 4px #000,0px 0px 4px #000,0px 0px 4px #000;
	top: 96px;
	width: 44px;
	text-align: center;
}
.res_type3_box2 p.year1 {left: 24px;}
.res_type3_box2 p.year2 {left: 46px;}
.res_type3_box2 p.year3 {left: 68px;}
.res_type3_box2 p.year4 {left: 90px;}
.res_type3_box2 p.year5 {left: 112px;}
.res_type3_box2 p.year6 {left: 134px;}
.res_type3_box2 p.year7 {left: 156px;}
.res_type3_box2 p.year8 {left: 178px;}
.res_type3_box2 p.year9 {left: 200px;}
.res_type3_box2 p.year10 {left: 222px;}
.res_type3_box2 p.year11 {left: 244px;}
.res_type3_box2 p.year12 {left: 266px;}

.res_type3_box1 img {
	display: block;
	position: absolute;
	width: 44px;
	height: 112px;
	top: 0;
}
.res_type3_box2 img:nth-of-type(1) {left: 24px;}
.res_type3_box2 img:nth-of-type(2) {left: 46px;}
.res_type3_box2 img:nth-of-type(3) {left: 68px;}
.res_type3_box2 img:nth-of-type(4) {left: 90px;}
.res_type3_box2 img:nth-of-type(5) {left: 112px;}
.res_type3_box2 img:nth-of-type(6) {left: 134px;}
.res_type3_box2 img:nth-of-type(7) {left: 156px;}
.res_type3_box2 img:nth-of-type(8) {left: 178px;}
.res_type3_box2 img:nth-of-type(9) {left: 200px;}
.res_type3_box2 img:nth-of-type(10) {left: 222px;}
.res_type3_box2 img:nth-of-type(11) {left: 244px;}
.res_type3_box2 img:nth-of-type(12) {left: 266px;}

/*trial*/
.res_type3_trial_box1 {
	position: relative;
	width: 312px;
	height: 112px;
	margin: -10px auto 0;
	background: url(../images/result/type/res_tarot_btn_box1.png) no-repeat;
	background-size: 100% 100%;
}
.res_type3_box1 .res_type3_trial_box1 p {
	position: static;
	color: #ff0;
	font-size: 15px;
	line-height: 118%;
	width: 92%;
	margin: 0 auto;
	padding: 20px 0 4px;
	background: url(../images/result/type/res_tarot_btn_box1.png) no-repeat;
	background-size: 100% 100%;
	text-shadow:  0px 0px 5px #f00,0px 0px 5px #f00,0px 0px 5px #000,0px 0px 5px #000,0px 0px 10px #000,0px 0px 10px #000;
}
.res_type3_trial_box1 .blur { margin: 0 auto; padding-top: 0; }
/*
.res_type3_box1 .res_type3_trial_box1 div {
	position: static;
	margin: 0 auto;
	padding: 0;
}
.res_type3_box1 .res_type3_trial_box1 input {
	width: 180px;
	height: 53px;
}
*/

.secMessage {
	background-size: 100%;
	padding: 40px 20px;
	font-size: 13px;
	line-height: 1.5em;
}
.secMessage .msgInfo:before {
	width: 105px;
	height: 120px;
}

/*####################
	top-container
######################*/
.top-container .fixed-cont { display: none; }
.info-container .header-container:not(.hasID) .navi-container .navi_button.navi_input,
.info-container .header-container.hasID .navi-container .navi_button.navi_info,
.top-container .navi-container .navi_button.navi_input { display: none; }
.top-container .full-container .info { 
	display: block;
	width: inherit; 
}

/*#################### End top-container ######################*/

.result-container .secYudoMsg {
	background-image: url(../images/result/sp/unmeiTopImg2.jpg);
	background-size: 100%;
	padding: 10px 15px 20px;
	min-height: 165px;
}
.result-container .secYudoMsg .float {
	margin: 0 0 0 auto;
	padding: 11px 14px;
	width: 227px;
	font-size: 16px;
	line-height: 1.6em;
}
.result-container .secYudoMsg .float p { text-indent: 15px; }
.body-container .secYudo .commonMenuBox { background-image: url(../images/result/free/sp/cmnMenuTop.jpg), url(../images/result/free/sp/cmnMenuBtm.jpg), url(../images/result/free/sp/cmnMenuBg.jpg); }
.body-container .secYudo .yudo1 .commonMenuBox { background-image: url(../images/result/free/cmnMenuTop.jpg), url(../images/result/free/cmnMenuBtm.jpg), url(../images/result/free/cmnMenuBg.jpg); background-size: 98%; }
.result-container .secYudo .yudoBlock.yudo2 {
	background: transparent url(../images/result/sp/cmnBtm.jpg) no-repeat center top;
	background-size: 100%;
	padding-top: 40px;
}
.body-container .secYudo .yudo2 .commonMenuBox { padding: 45px 10px 32px; }
.result-container .secYudo .yudo2 .secList .secTitle {
	background-image: url(../images/result/free/sp/rsltKmTop.jpg),url(../images/result/free/sp/rsltKmBtm.jpg),url(../images/result/free/sp/rsltKmBg.jpg);
}
.secYudo .komiInfo {
	background-image: url(../images/result/free/sp/komiTopTit.png), url(../images/result/free/sp/komiBtm.png), url(../images/result/free/sp/komiBg.png);
	background-size: 100%;
	padding: 60px 25px 30px;
}
.next_alert { max-width: 90%; }

.top-container .secFree {
	background-size: 100%;
	padding-top: 65px;
	padding-bottom: 10px;
}
.top-container .secFree .productBtn {
	background-size: 100%;
	height: 125px;
}