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 16px; text-indent: 13px; }
.full-container {
    background: transparent url(../images/common/sp/mBg.jpg) repeat-y center top;
    padding-top: 0;
}
.body-container {
	background: transparent url(../images/common/sp/mBnr.jpg) no-repeat center top;
	background-size: 100%;
	padding-top: 160px;
}
.header-container {
	background-image: url(../images/common/sp/naviBg.jpg);
	background-size: 120%;
    padding: 5px 0px;
}
.body-footer {
	background-image: url(../images/common/footerTop.jpg), url(../images/common/sp/mBg.jpg);
	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: 50px; }
.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: 38px;
    margin: 0 auto;
	top: 0;
}
.navi-container .navi_info { background-image: url(../images/common/button/sp/btnInfo.jpg); }
.navi-container .navi_input { background-image: url(../images/common/button/sp/btnInput.jpg); }
.navi-container .navi_profile { background-image: url(../images/common/button/sp/btnProfile.jpg); }
.navi-container .navi_home { background-image: url(../images/common/button/sp/btnTop.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 20px;
	padding-right: 0;
	padding-bottom: 190px;
    font-size: 12px;
}
.info-container .section .heading {
	position: relative;
	width: 100%;
	height: 65px;
}
.info-container .section.proMsg { 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-size: 105%; }
.info-container .section.profile .secInfo { padding: 140px 0 25px; }
.info-container .section.proMsg .secInfo { padding-top: 30px; }
.info-container .section.profile .secInfo ul li {
    margin-bottom: 0px;
    padding-left: 15px;
}
.info-container .section.about { background-size: 105%; }
.info-container .section.about .secCover {
	background-size: 100%;
	height: 213px;
}
.info-container .section .secInfo { padding: 10px 0; }
.info-container .section.about .secInfo { padding: 20px 20px 25px; }
.info-container .section .proSign {
    background-position: 90% top;
	background-size: 50%;
}
.info-container .section .secInfo .paragraph { padding: 0 20px; }
.globalDiv { background-size: 100%; height: 32px; }

.info-container .section.induct {
	background-image: url(../images/info/intro/sp/abtTop.jpg), url(../images/info/intro/sp/abtBtm.jpg), url(../images/info/intro/sp/abtBg.jpg);
 	background-size: 100%;	
	margin: 0 auto 0px;
	padding: 92px 0 45px;
}

.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%;
}

.section.intro .introTop {
    background: transparent url(../images/info/intro/sp/introTop.jpg) no-repeat center top;
	background-size: 100%;
    height: 51px;
}

.section.intro .introSec {
	background-size: 100%;
	padding: 20px 0px 10px;
	width: 100%;
}
.section.intro .introSecTopTit .introTit {
   	background: transparent url(../images/info/intro/sp/introTopTit.jpg) no-repeat center top;
    background-size: 100%;
    height: 72px;
    margin: 0px 0;
}

.section.intro .paragraph {
   	padding: 0 10px;
    font-size: 1em;
    line-height: 1.8em;
}
.section.intro .paragraph .float { margin-bottom: 10px; padding: 11px 0px 1px; }
.section.intro .introSec1 .introTit,
.section.intro .introSec2 .introTit,
.section.intro .introSec3 .introTit {
    background-size: 100%;
    height: 80px;
}
.section.intro .introSec1 .introTit { height: 60px; }

.info-container .section.intro img.center,
.info-container .section.intro img.block-center {
    max-width: 100%;
}
.free_scroll_box {
	overflow: hidden;
	display: none;
}

.t_anime1 .res_type_text0 {animation:fadein 0.5s linear 0.3s 1 forwards, fadeout 0.5s linear 2.5s 1 forwards;}
.t_anime1 .res_type_text1 {animation:fadein 0.5s linear 2.7s 1 forwards, fadeout 0.5s linear 4.7s 1 forwards;}
.t_anime1 .res_type1_img.first img {animation:fadein2 1.0s linear 2.7s 1 forwards;}
.t_anime1 .res_type1_img.second img {animation:fadein 1.5s linear 4.7s 1 forwards;}
.t_anime1 .res_type1_guide1 {animation:fadeout 1.0s linear 4.7s 1 forwards;}
.t_anime1 .res_type1_title1,
.t_anime1 .res_type1_title2,
.t_anime1 .res_type1_name img,
.t_anime1 .res_type_text2_wrap {animation:fadein 1.0s linear 5.2s 1 forwards;}

.info-container .res_type2_star_box1.star .star3 {visibility: hidden;}
.info-container .res_type2_star_box1.star div:nth-of-type(1) {transform: translate(0px, 0px) scale(0);}
.info-container .res_type2_star_box1.star div:nth-of-type(2) {transform: translate(-13px, -10px) scale(1.2);}
.info-container .res_type2_star_box1.star div:nth-of-type(3) {transform: translate(-27px, -10px) scale(1.2);}
.info-container .res_type2_star_box1.star div:nth-of-type(4) {transform: translate(-40px, -10px) scale(1.2);}
.info-container .res_type2_star_box1.star div:nth-of-type(5) {transform: translate(-53px, -10px) scale(1.2);}

.t_anime2 .res_type2_box1 .res_type2_word img {animation:fadein 0.5s linear 0.3s 1 forwards;}
.t_anime2 .res_type2_box2 .res_type2_word img {animation:fadein 0.5s linear 0.5s 1 forwards;}
.t_anime2 .res_type2_box3 .res_type2_word img {animation:fadein 0.5s linear 0.7s 1 forwards;}
.t_anime2 .res_type2_box4 .res_type2_word img {animation:fadein 0.5s linear 0.9s 1 forwards;}
.t_anime2 .res_type2_box5 .res_type2_word img {animation:fadein 0.5s linear 1.1s 1 forwards;}
.t_anime2 .res_type2_box6 .res_type2_word img {animation:fadein 0.5s linear 1.3s 1 forwards;}
.t_anime2 .res_type2_box7 .res_type2_word img {animation:fadein 0.5s linear 1.5s 1 forwards;}
.t_anime2 .res_type2_box8 .res_type2_word img {animation:fadein 0.5s linear 1.7s 1 forwards;}
.t_anime2 .res_type2_box9 .res_type2_word img {animation:fadein 0.5s linear 1.9s 1 forwards;}
.t_anime2 .res_type2_box10 .res_type2_word img {animation:fadein 0.5s linear 2.1s 1 forwards;}
.t_anime2 .res_type2_box11 .res_type2_word img {animation:fadein 0.5s linear 2.3s 1 forwards;}
.t_anime2 .res_type2_box12 .res_type2_word img {animation:fadein 0.5s linear 2.5s 1 forwards;}
.t_anime2 .res_type2_star_box1.star div:nth-of-type(1) {animation: star_anime1 2s ease 2s 1 forwards;}
.t_anime2 .res_type2_star_box1.star div:nth-of-type(n+2) {
	opacity:1;
	transform: translate(0px, 0px) scale(1);
	transition: opacity 0.1s linear 3.3s, transform 0.6s ease 3.4s;
}
.t_anime2 .res_type2_point {animation:fadein3 0.5s ease-out 4.1s 1 forwards;}
.t_anime2 .res_type2_point img {animation:fadein3 0.5s ease-out 4.6s 1 forwards, check_move 0.5s linear 5.1s 1 forwards;}
.t_anime2.anime_box12 .res_type2_star_box1.star div:nth-of-type(1) {animation-delay:3.2s;}
.t_anime2.anime_box12 .res_type2_star_box1.star div:nth-of-type(n+2) {transition-delay:4.5s,4.6s;}
.t_anime2.anime_box12 .res_type2_point {animation-delay:5.3s;}
.t_anime2.anime_box12 .res_type2_point img {animation-delay:5.8s,6.3s;}

.info-container .tarot_anime .res_type3_card.back img {top: -60px !important;}
.info-container .res_type3_card.back img {transition: top 0.5s ease 4.5s;}

.t_anime3 .res_type_text0 {animation:fadein 0.5s linear 0.3s 1 forwards, fadeout 0.5s linear 2.5s 1 forwards;}
.t_anime3 .res_type3_bg2 {animation:fadein 1.5s ease 2.0s 1 forwards, fadeout 1.0s linear 3.5s 1 forwards;}
.t_anime3 .res_type3_bg1 {animation:fadeout 1.0s linear 3.5s 1 forwards;}
.t_anime3 .res_type3_card.front img {animation:fadein 0.5s linear 0s 1 forwards;}
.t_anime3 .res_type3_card.front img:nth-of-type(1) {animation-delay: 5.5s;}
.t_anime3 .res_type3_card.front img:nth-of-type(2) {animation-delay: 5.6s;}
.t_anime3 .res_type3_card.front img:nth-of-type(3) {animation-delay: 5.7s;}
.t_anime3 .res_type3_card.front img:nth-of-type(4) {animation-delay: 5.8s;}
.t_anime3 .res_type3_card.front img:nth-of-type(5) {animation-delay: 5.9s;}
.t_anime3 .res_type3_card.front img:nth-of-type(6) {animation-delay: 6.0s;}
/*########### intro End #############*/
/*################## info-container End ##################*/

/*##########################
	input-container 
##########################*/
.input-container .komiCatch {
	background: transparent url(../images/input/sp/komiCatch.jpg) no-repeat center top;
	background-size: 100%;
    display: table;
    margin: 0 auto;
    padding-top: 250px;
    width: 100%;
}
.komi {
	background-size: 100%;
	padding: 60px 25px 30px;
	font-size: .8em;
}
.komi ul li {
	background-size: 20px;
	font-size: 1.1em;
	padding-left: 25px;
    margin-top: 10px;
}

/*######### 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 {
	padding: 70px 25px 10px;
	background-size: 100%;
}
.question .top-heading.target {
	padding: 70px 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 {
	background: transparent url(../images/result/blur/sp/text_img_m3.png) no-repeat center top;
    padding-top: 36px;
}
.free-container .listCommon [class^="res_type1_bg"] .blur { height: 147px; width: 100%; }
.free-container .animeCardMsg .blur,
.free-container .listInncommon .blur,
.free-container .listSentiensu .blur,
.free-container .listCommon .blur {
	background: transparent url(../images/result/blur/sp/text_img_m3.png) no-repeat center top;
    background-size: 100%;
    float: none;
    padding-top: 22px;
    max-width: 100%;
    width: 270px;
    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 .listCard .blur, .free-container .listGraph .blur {
	background-position: left top;
	background-size: 95%;
	padding-top: 60px;
	height: 190px;
}
.free-container .res_card_btn_box.blur.nobg {
	padding-top: 40px;
}
.free-container .listGraph .res_card_btn_box.blur.nobg {
    position: absolute;
    top: 0;
    margin: 0;
}

.free-container .blur a { text-decoration: none; }

.free-container .res_tarot_btn_box1 .blur { background: none; } 
.free-container .res_tarot_btn_box1 .submit-btn .title {
    top: 32%;
    font-size: .8em;
}
/*######### blur End #########*/

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

.fukiBlock {
	background-size: 100%;
	padding: 20px 10px 30px;
    min-height: 180px;
    font-size: 19px;
}
.result-container .secGreet {
	background-size: 100%;
	padding: 20px 10px;
	font-size: 1.1em;
	min-height: 180px;
}
.result-container .secGreet .greetInfo:before {
	width: 120px;
	height: 140px;
}
.fukiBlock .float {
	background-size: 100%;
	top: 16%;
	padding: 10px 0;
	font-size: 13px;
    line-height: 1.7em;
}
.result-container .secList.listJiki .secInfo .fukiBlock .float,
.result-container .secList.listQna .secInfo .fukiBlock .float {
	padding: 7px;
}
.fukiBlock .float { width: 160px; }
.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; }
.result-container .secUser .userTit { 
	color: #fea;
	margin-bottom: 10px;
	font-weight: bold;
}
.result-container .secUser .usrDate span { margin-left: 10px; }
.result-container .secList .secTitle {
	border-image-slice: 30 30 30 30 fill;
    border-image-width: 15px 15px 15px 15px;
    border-image-repeat: round stretch;
	margin-bottom: 10px;
	padding: 16px 13px;
	max-width: 94%;
}
.result-container .secList .secTitle .titFloat { padding: 0; font-size: 1em; }
.result-container .secList .secInList .secTitle {
	margin-bottom: 0px auto 10px;
	padding: 17px 10px;
	font-size: 15px;
}
.result-container .secList .secInList .paragraph { padding: 0 10px; }
.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%;
}
.result-container .secList .secInList .float {
	margin: 0 auto 10px;
	padding: 13px 2px;
	max-width: 97%;
	border-radius: 10px;
}
.result-container .secList.listCard .secInList .paragraph { padding: 0; }

.commonTit {
	border-image-slice: 10 0 10 0 fill;
    border-image-width: 5px 0px 5px 0px;
	padding: 19px;
	font-size: 1.4em;
}
.motifImg {
	margin: 0 12px 0 14px;
	width: 100px;
}
.motifImg img {
	max-width: 100%;
	height: auto;
}

/* ----------------------
 * result_type1
 *---------------------- */
/*背景*/
.res_type1_bg1,
.res_type1_bg2 {
	width: 300px;
	min-height: 177px;
	margin: 0 auto 10px;
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-position: center top;
	position: relative;
	overflow: hidden;
}
.res_type1_bg1 { background-image: url(../images/result/sp/rsltType1Bg.png); }
.res_type1_bg2 { background-image: url(../images/result/sp/rsltType1Bg2.png); }

.res_type1_bg1_top,
.res_type1_bg2_top {
	width: 300px;
	min-height: 171px;
	margin: 0 auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
.res_type1_bg1_top { background-image: url(../images/result/sp/rsltType1Cover.png); }
.res_type1_bg2_top { background-image: url(../images/result/sp/rsltType1Cover2.png); }

.res_type1_bg1_bt,
.res_type1_bg2_bt {
	width: 300px;
	height: 6px;
	margin: 0 auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}
.res_type1_bg1_bt { background-image: url(../images/result/sp/rsltType1Btm.png); }
.res_type1_bg2_bt { background-image: url(../images/result/sp/rsltType1Btm2.png); }
.res_type1_guide1,
.res_type1_title1,
.res_type1_title2,
.res_type1_title3,
.res_type1_title4 {
	width: 300px;
	height: 171px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: 0;
	left: 0;
}
.res_type1_guide1 { background-image: url(../images/result/sp/rsltType1Guide1.png); }
.res_type1_img img, .res_type1_name img {
	position: absolute;
	width: 300px;
	height: 171px;
	top: 0;
	left: 0;
}

/*テキスト*/
[class^="res_type1_bg"] .res_type_text0 {
	width: 120px;
	top: 62px;
	left: 15px;
	font-size: 80%;
	line-height: 130%;
	text-align: center;
}
[class^="res_type1_bg"] .res_type_text1 {
	width: 154px;
	top: 6px;
	left: 137px;
	font-size: 90%;
	line-height: 130%;
	text-align: center;
}
.res_type_text2_wrap {
	width: 300px;
	min-height: 171px;
	padding-top: 77px;
	padding-left: 133px;
	box-sizing: border-box;
	position: relative;
} 
[class^="res_type1_bg"] .res_type_text2 {
	width: 146px;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 8px;
	position: relative;
	font-size: 100%;
	line-height: 135%;
	text-shadow: none;
}
.res_type1_bg1 .res_type_text2 { background-color: rgba(255,240,185,0.8); }
.res_type1_bg2 .res_type_text2 { background-color: rgba(242,217,255,0.8); }
.res_type_text2 div {
	background-size: 8%;
	padding-left: 13px;
	font-size: 12px;
	line-height: 1.3em;
}

.res_type1_text {
	width: 266px;
	margin: 0 auto;
	padding-top: 4px;
	padding-bottom: 6px;
}
.res_type1_text.text2 {
	text-align: left;
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	letter-spacing: -0.05rem;
}
.res_type1_bg2 .res_type1_text.text2 { color: #fff; }

/* ----------------------
 * result_type2
 *---------------------- */
/*背景*/
.res_type2_bg2_wrap {
	width: 320px;
	margin: 0 auto 10px;
}

.res_type2_bg1,
.res_type2_bg2 {
	width: 300px;
	margin: 0 auto;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
.res_type2_bg1{ background-image: url(../images/result/sp/rsltType2Bg1.jpg); height: 168px; }
.res_type2_bg2{ background-image: url(../images/result/sp/rsltType2Bg2.jpg); height: 321px; }

[class^="res_type2_box"] img { position: absolute; }
[class^="res_type2_box"] {
	width: 300px;
	height: 25px;
	position: absolute;
	left: 1px;
}
.res_type2_box1 { top: 14px; }
.res_type2_box2 { top: 39px; }
.res_type2_box3 { top: 65px; }
.res_type2_box4 { top: 90px; }
.res_type2_box5 { top: 116px; }
.res_type2_box6 { top: 141px; }
.res_type2_box7 { top: 167px; }
.res_type2_box8 { top: 192px; }
.res_type2_box9 { top: 218px; }
.res_type2_box10 { top: 243px; }
.res_type2_box11 { top: 269px; }
.res_type2_box12 { top: 294px; }

.res_type2_bg1 .res_type2_box7,
.res_type2_bg1 .res_type2_box8,
.res_type2_bg1 .res_type2_box9,
.res_type2_bg1 .res_type2_box10,
.res_type2_bg1 .res_type2_box11,
.res_type2_bg1 .res_type2_box12 { display: none; }

.res_type2_date_y {
	position: absolute;
	left: 0;
	top: 0px;
}
.res_type2_date_y img { width: 32px; }
.res_type2_date_m {
	position: absolute;
	left: 0;
	top: 11px;
}
.res_type2_bg1 .res_type2_date_m { display: none; }
.res_type2_date_m img {
	width: 32px;
}
.res_type2_animal{
	top: 0px;
	left: 34px;
}
.res_type2_animal img {
  width: 82px;
}
.res_type2_word {
	top: 0;
	left: 117px;
}
.res_type2_word img{
	width: 99px;
	height: 25px;
}

/*カレー*/
.res_type2_star_box1 {
	top: 2px;
	left: 224px;
	width: 82px;
	height: 16px;
}
.res_type2_star_box1.star { left: 210px; }
.info-container .res_type2_star_box1 { top: 5px; left: 221px; }
div[class^="star"] {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	position: static;
	width: 14px;
	height: 14px;
	margin: 0 -2px;
}
.t_anime2.anime_box12 .res_type2_star_box1.star div:nth-of-type(1) { opacity: 1; }
/*
.star4 { background-image: url(../images_sp/common/spacer.png); }
.star5 { background-image: url(../images/result/sp/res_type2_trial4.png); }
*/

.res_type2_point {
	background-size: 100% 100%;
	width: 311px;
	height: 35px;
	/*border: 2px solid #f00;*/
	position: absolute;
	left: -5px;
}
.res_type2_point.m1 { top: 9px; }
.res_type2_point.m2 { top: 34px; }
.res_type2_point.m3 { top: 60px; }
.res_type2_point.m4 { top: 85px; }
.res_type2_point.m5 { top: 111px; }
.res_type2_point.m6 { top: 136px; }
.res_type2_point.m7 { top: 162px; }
.res_type2_point.m8 { top: 187px; }
.res_type2_point.m9 { top: 212px; }
.res_type2_point.m10 { top: 238px; }
.res_type2_point.m11 { top: 263px; }
.res_type2_point.m12 { top: 289px; }

.res_type2_point img{
	position: absolute;
	left: 78px;
	top: -24px;
	width: 49px;
	height: auto;
}

/*モチーフ詳細*/
.res_type2_img2 {
	float: left;
	height: auto;
	width: 110px;
}
.res_type2_point2 {
	background-size: 100% 100%;
	top: -9px;
	left: 48px;
	width: 49px;
	height: 39px;
}
/* ----------------------
 * result_type2
 *---------------------- */



/* ----------------------
 * result_type3
 *---------------------- */
/*背景*/
[class^="res_type3_bg"] {
	width: 280px;
	height: 210px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
}
.res_type3_bg {
	margin: 0 auto 10px;
	background-image: url(../images/result/sp/rsltType3Bg3.jpg);
	overflow: hidden;
}
/*先生*/
.res_type3_bg1 {
	background-image: url(../images/result/sp/rsltType3Bg1.jpg);
	top: 0;
	left: 0;
}
.res_type3_bg2 {
	background-image: url(../images/result/sp/rsltType3Bg2.jpg);
	top: 0;
	left: 0;
}
/*テキスト*/
.res_type3_bg .res_type_text0 {
	width: 228px;
	top: 7px;
	left: 26px;
	font-size: 90%;
	line-height: 130%;
	text-align: center;
}

/*スプレッド５パターン（p1-p5）*/
.res_type3_card img {
	width: 44px;
	height: 60px;
	position: absolute;
}
.res_type3_bg.p1 .res_type3_card img {
	width: 74px;
	height: 101px;
}

/*p1：１枚パターン*/
.res_type3_bg.p1 .res_type3_card img:nth-of-type(1) { top: 55px; left: 103px; }
.res_type3_bg.p1 .res_type3_card img:nth-of-type(2),
.res_type3_bg.p1 .res_type3_card img:nth-of-type(3),
.res_type3_bg.p1 .res_type3_card img:nth-of-type(4),
.res_type3_bg.p1 .res_type3_card img:nth-of-type(5),
.res_type3_bg.p1 .res_type3_card img:nth-of-type(6) { display: none; }

/*p2：２枚パターン*/
.res_type3_bg.p2 .res_type3_card img:nth-of-type(1) { top: 75px; left: 55px; }
.res_type3_bg.p2 .res_type3_card img:nth-of-type(2) { top: 75px; left: 181px; }

.res_type3_bg.p2 .res_type3_card img:nth-of-type(3),
.res_type3_bg.p2 .res_type3_card img:nth-of-type(4),
.res_type3_bg.p2 .res_type3_card img:nth-of-type(5),
.res_type3_bg.p2 .res_type3_card img:nth-of-type(6) { display: none; }

/*p3：３枚パターン*/
.res_type3_bg.p3 .res_type3_card img:nth-of-type(1) { top: 21px; left: 118px; }
.res_type3_bg.p3 .res_type3_card img:nth-of-type(2) { top: 124px; left: 46px; }
.res_type3_bg.p3 .res_type3_card img:nth-of-type(3) { top: 124px; left: 190px; }

.res_type3_bg.p3 .res_type3_card img:nth-of-type(4),
.res_type3_bg.p3 .res_type3_card img:nth-of-type(5),
.res_type3_bg.p3 .res_type3_card img:nth-of-type(6) { display: none; }

/*p4：５枚パターン*/
.res_type3_bg.p4 .res_type3_card img:nth-of-type(1) { top: 21px; left: 118px; }
.res_type3_bg.p4 .res_type3_card img:nth-of-type(2) { top: 55px; left: 42px; }
.res_type3_bg.p4 .res_type3_card img:nth-of-type(3) { top: 55px; left: 194px; }
.res_type3_bg.p4 .res_type3_card img:nth-of-type(4) { top: 129px; left: 74px; }
.res_type3_bg.p4 .res_type3_card img:nth-of-type(5) { top: 129px; left: 163px; }
.res_type3_bg.p4 .res_type3_card img:nth-of-type(6) { display: none; }

/*p5：６枚パターン*/
.res_type3_bg.p5 .res_type3_card img:nth-of-type(1) { top: 21px; left: 118px; }
.res_type3_bg.p5 .res_type3_card img:nth-of-type(2) { top: 39px; left: 42px; }
.res_type3_bg.p5 .res_type3_card img:nth-of-type(3) { top: 39px; left: 194px; }
.res_type3_bg.p5 .res_type3_card img:nth-of-type(4) { top: 111px; left: 42px; }
.res_type3_bg.p5 .res_type3_card img:nth-of-type(5) { top: 111px; left: 194px; }
.res_type3_bg.p5 .res_type3_card img:nth-of-type(6) { top: 129px; left: 118px; }


/* 続きを読む */
.res_card_btn_box input {
	position: absolute;
	width: 158px;
	height: 47px;
	top: 81px;
	left: 61px;
}
.res_card_btn_mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/*モチーフ詳細*/
.res_type3_img2 {
	float: left;
	margin-top: 0px;
	width: 110px;
	height: 148px;
}
.res_type3_img2 img {
	width: 100px;
	height: 138px;
}

/* ----------------------
 * animation
 *---------------------- */
.res_type1_title1,
.res_type1_title2,
.res_type1_title3,
.res_type1_title4,
.res_type_text0,
.res_type_text1,
.res_type_text2_wrap,
.res_type1_name img,
.res_type1_img img,
.res_type2_star_box1.star div:nth-of-type(n+2),
.res_type2_word img,
.res_type2_point,
.res_type2_point img,
.res_type3_bg2,
.res_type3_card.front img,
.res_card_btn_box input,
.res_info_top5.anime .res_info_box_nobd strong {
	opacity: 0;
}
.anime1 .res_type_text0 {animation:fadein 0.5s linear 0.3s 1 forwards, fadeout 0.5s linear 2.5s 1 forwards;}
.anime1 .res_type_text1 {animation:fadein 0.5s linear 2.7s 1 forwards, fadeout 0.5s linear 4.7s 1 forwards;}
.anime1 .res_type1_img.first img {animation:fadein2 1.0s linear 2.7s 1 forwards;}
.anime1 .res_type1_img.second img {animation:fadein 1.5s linear 4.7s 1 forwards;}
.anime1 .res_type1_guide1 {animation:fadeout 1.0s linear 4.7s 1 forwards;}
.anime1 .res_type1_title1,
.anime1 .res_type1_title2,
.anime1 .res_type1_title3,
.anime1 .res_type1_title4,
.anime1 .res_type1_name img,
.anime1 .res_type_text2_wrap {animation:fadein 1.0s linear 5.2s 1 forwards;}

.res_type2_star_box1.star .star3 {visibility: hidden;}
.res_type2_star_box1.star div:nth-of-type(1) {transform: translate(0px, 0px) scale(0);}
.res_type2_star_box1.star div:nth-of-type(2) {transform: translate(-13px, -10px) scale(1.2);}
.res_type2_star_box1.star div:nth-of-type(3) {transform: translate(-27px, -10px) scale(1.2);}
.res_type2_star_box1.star div:nth-of-type(4) {transform: translate(-40px, -10px) scale(1.2);}
.res_type2_star_box1.star div:nth-of-type(5) {transform: translate(-53px, -10px) scale(1.2);}

.anime2 .res_type2_box1 .res_type2_word img {animation:fadein 0.5s linear 0.3s 1 forwards;}
.anime2 .res_type2_box2 .res_type2_word img {animation:fadein 0.5s linear 0.5s 1 forwards;}
.anime2 .res_type2_box3 .res_type2_word img {animation:fadein 0.5s linear 0.7s 1 forwards;}
.anime2 .res_type2_box4 .res_type2_word img {animation:fadein 0.5s linear 0.9s 1 forwards;}
.anime2 .res_type2_box5 .res_type2_word img {animation:fadein 0.5s linear 1.1s 1 forwards;}
.anime2 .res_type2_box6 .res_type2_word img {animation:fadein 0.5s linear 1.3s 1 forwards;}
.anime2 .res_type2_box7 .res_type2_word img {animation:fadein 0.5s linear 1.5s 1 forwards;}
.anime2 .res_type2_box8 .res_type2_word img {animation:fadein 0.5s linear 1.7s 1 forwards;}
.anime2 .res_type2_box9 .res_type2_word img {animation:fadein 0.5s linear 1.9s 1 forwards;}
.anime2 .res_type2_box10 .res_type2_word img {animation:fadein 0.5s linear 2.1s 1 forwards;}
.anime2 .res_type2_box11 .res_type2_word img {animation:fadein 0.5s linear 2.3s 1 forwards;}
.anime2 .res_type2_box12 .res_type2_word img {animation:fadein 0.5s linear 2.5s 1 forwards;}
.anime2 .res_type2_star_box1.star div:nth-of-type(1) {animation: star_anime1 2s ease 2s 1 forwards;}
.anime2 .res_type2_star_box1.star div:nth-of-type(n+2) {
	opacity:1;
	transform: translate(0px, 0px) scale(1);
	transition: opacity 0.1s linear 3.3s, transform 0.6s ease 3.4s;
}
.anime2 .res_type2_point {animation:fadein3 0.5s ease-out 4.1s 1 forwards;}
.anime2 .res_type2_point img {animation:fadein3 0.5s ease-out 4.6s 1 forwards, check_move 0.5s linear 5.1s 1 forwards;}
/*
.anime2.anime_box12 .res_type2_star_box1.star div:nth-of-type(1) {animation-delay:2.7s,3.2s;}
.anime2.anime_box12 .res_type2_star_box1.star div:nth-of-type(n+2) {transition-delay:4.5s,4.6s;}
*/
.anime2.anime_box12 .res_type2_point {animation-delay:5.3s;}
.anime2.anime_box12 .res_type2_point img {animation-delay:5.8s,6.3s;}

.tarot_anime .res_type3_card.back img {top: -60px !important;}
.p1.tarot_anime .res_type3_card.back img {top: -101px !important;}
.res_type3_card.back img {transition: top 0.5s ease 4.5s;}

.anime3 .res_type_text0 {animation:fadein 0.5s linear 0.3s 1 forwards, fadeout 0.5s linear 2.5s 1 forwards;}
.anime3 .res_type3_bg2 {animation:fadein 1.5s ease 2.0s 1 forwards, fadeout 1.0s linear 3.5s 1 forwards;}
.anime3 .res_type3_bg1 {animation:fadeout 1.0s linear 3.5s 1 forwards;}
.anime3 .res_type3_card.front img {animation:fadein 0.5s linear 0s 1 forwards;}
.anime3 .res_type3_card.front img:nth-of-type(1) {animation-delay: 5.5s;}
.anime3 .res_type3_card.front img:nth-of-type(2) {animation-delay: 5.6s;}
.anime3 .res_type3_card.front img:nth-of-type(3) {animation-delay: 5.7s;}
.anime3 .res_type3_card.front img:nth-of-type(4) {animation-delay: 5.8s;}
.anime3 .res_type3_card.front img:nth-of-type(5) {animation-delay: 5.9s;}
.anime3 .res_type3_card.front img:nth-of-type(6) {animation-delay: 6.0s;}

.anime4 .res_info_top4 {animation: fadeout 0.5s alternate 0s infinite;}
.anime4 .res_info_box_nobd strong {animation:fadein 0.5s linear 1.0s 1 forwards;}

.res_info_top3, .res_info_top4, .res_info_top5,
.res_info_top6, .res_info_top7 {
	width: 280px;
	height: 128px;
	min-height: auto;
	background-repeat: no-repeat;
	margin: 0 auto 10px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 110px;
	position: relative;
	background-size: 100% auto;
}
.res_info_top5.anime {
	display: block;
	position: relative;
	padding: 0;
}
.res_info_top4.anime {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.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;
}