* { box-sizing: border-box; }
body {
    width: 100%;
    font-size: 14px;
	line-height: 1.6em;
    min-width: inherit;
    width: 100%;
}
.paragraph p {
    margin-bottom: 10px;
	text-align: justify;
	line-height: 1.6em;
	text-indent: 13px;
	word-break: break-all;
}
.half {
    float: none;
    width: 100%;
    padding: 5px 0;
}
img.center {
    width: 100%;
    margin: 0 auto;
}
img.pull-left {
    float: none;
    display: table;
    margin: 0 auto;
}
.block-center {
    max-width: 100%;
}
img.pull-left.block-center {
	width: 40%;
	float: left;
}
.img-responsive { width: 100%; }

.hidden-md { display: block; }
.hidden-sm { display: none !important; }
.fixed-cont { width: 100%; }
.body-footer {
	background-image: url(../images/common/sp/mBg.jpg);
	background-size: 109%;
	padding: 10px;
	font-size: 12px;
}
.body-footer a { display: table; margin: 0 auto; }
.body-footer a:hover { text-decoration: underline; }

/********************************
*** Header Part
********************************/
header .header-container {
	background: none;
	min-height: 55px;
}
.navi-container {
	background-image: url(../images/common/sp/naviBg.jpg);
	background-size: 100%;
	min-height: 55px;
}
.navi-container .navi_button {
    background-size: 100%;
    width: 150px;
	height: 37px;
}
.navi-container .naviInfo {
	top: 5px;
	column-gap: 5px;
	justify-content: space-evenly;
}

/********************************
*** Body Part
********************************/
.directLink {
	width: 90%;
	margin: 10px auto;
}
.full-container {
	background-image: url(../images/common/sp/mBnr.jpg);
	background-size: 100%;
	padding-top: 175px;
	width: 100%;
	min-width: 0;
	overflow: hidden;
}
.top-container .full-container {
	background-image: url(../images/top/sp/mBnr.jpg);
	padding-top: 392px;
}
.body-container {
	background-image: url(../images/common/sp/mBg.jpg);
	background-size: 100%;
}
.body-container section { margin-bottom: -1px; }
.body-container .breadcrumb {
    padding: 0 10px;
	margin: 10px auto;
	font-size: 13px;
    line-height: 1.3em;
}

.body-container .commonMenuBox {
	background-image: url(../images/common/menu/sp/cmnTitTop.png), url(../images/common/menu/sp/cmnTitBtm.png), url(../images/common/menu/sp/cmnTitBg.png);
	background-size: 100%;
	padding: 25px 10px;
	margin: 0 auto;
}
.body-container .commonMenuBox .info {
	background-size: 100%;
	padding: 0;
}
.top-container .body-container .commonMenuBox .info { background-image: none; }
.top-container .body-container .commonMenuBox .info .iconelement { min-height: auto; }
.body-container .commonMenuBox .info .iconelement {
	background-position: 5px top;
	background-size: 59px;
	padding-left: 70px;
}
.body-container .commonMenuBox .info .infoelement .productTitle { padding: 0; }
.body-container .commonMenuBox .info .infoelement { font-size: 16px; }

/********************************
*** input Part
********************************/
.input-container .secDesc {
	margin: 10px auto 0;
	width: 92%;
	color: #fff;
	text-align: justify;
}
.input-container .aisatsuBlock {
	background-image: url(../images/input/sp/inpCatchBg.jpg);
	background-size: 100%;
	padding: 5px 0 0;
	min-height: 230px;
}
.input-container .aisatsuBlock .float {
	margin: 10px 85px 0 15px;
	padding: 11px;
	font-size: 14px;
	line-height: 1.6em;
	text-align: justify;
	border-radius: 15px;
}
.input-container .aisatsuBlock .float span { font-size: 1.3em; }
.input-container .one-design .komi_cont {
	background-image: url(../images/input/sp/inpKmTop.jpg), url(../images/input/sp/inpKmBtm.jpg), url(../images/input/sp/inpKmBg.jpg);
	background-size: 100%;
	padding: 65px 10px 50px;
}
.input-container .one-design .komiInfo ul { max-width: 90%; }
.body-container .komiInfo ul li span { background-size: 25px; padding-top: 1px; padding-left: 36px; }

.two-design {
	background-image: url(../images/input/sp/inpFmTop.jpg), url(../images/input/sp/inpFmBtm.jpg), url(../images/input/sp/inpFmBg.jpg);
	background-size: 100%;
	padding: 60px 0 50px;
}
.input-container .fmTit { margin: 0; }
.input-container .two-design .secInfo { margin: 20px auto 10px; max-width: 88%; }
.input-container .two-design .secInfo { margin-top: 10px; }
.top-container.input-container .two-design .secInfo { max-width: 80%; }
.input-container .two-design .secInfo .attention { text-align: left; }
.two-design .secTop {
	background-image: url(../images/input/sp/inpFmMe.png);
	background-size: 100%;
	padding-top: 50px;
}
.two-design .secTop.target {
	background-image: url(../images/input/sp/inpFmOne.png);
}
.input-container table tr th,
.input-container table tr td {
	background-size: 130px;
	display: table;
	width: 100%;
	height: 35px;
}
.input-container .two-design .secInfo .fmDiv { width: 100%; }
.input-container form .secInfo .fmTit { background-size: auto 100%; width: 130px; }
.input-container form .secInfo .name .fmTit {
	float: left;
	top: 0;
	width: 39px;
}
.input-container form .secInfo .sex .fmInput { text-align: left; }
.input-container form .secInfo .birthday .fmTit, .input-container form .secInfo .sex .fmTit { float: left; }
.input-container .fmInput { width: 80%; margin-bottom: 5px; }
.input-container .birthday .fmInput { width: 100%; }
.input-container select {
	position: relative;
	padding: 3px;
	z-index: 33;
	width: 55px;
}
select {
    -webkit-rtl-ordering: logical;
	-webkit-text-fill-color: #000000;
	opacity: 1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.input-container select.form_year { width: 74px; }
form input[type="text"] { width: 98%; padding: 6px; }
.top-container form input[type="text"] { width: 110%; }
form input[type="radio"], form input[type="checkbox"] { margin-left: 0; }
.entry_save input[type="checkbox"] { position: relative; top: -4px; }
.input-container select { padding: 4px; }

.free-btn, .charge-btn, .start-btn {
    background-size: 100%;
	background-position: 0 0;
	width: 260px;
    height: 106px;
}
.start-btn { width: 250px; height: 84px; }
a:hover .free-btn { background-position: 0 -105px; }
a:hover .charge-btn { background-position: 1px -105px; }
a:hover .start-btn { background-position: center -81px; }
.free-container .charge-btn {
	background-size: 100%;
	width: 182px;
    height: 55px;
}
.priceHolder { font-size: 1.5em; }
.top-container .free-btn { height: 107px; }
.free-container .charge-btn { font-size: 0.8em; }
.free-container .priceHolder { font-size: 19px; }
.input-container .two-design .entry_save { margin-top: 6px; }
.input-container .two-design .entry_save h4 { top: 0; }
.spanError { top: -16px; left: 149px; font-size: 9px; }

/********************************
*** sec-cont Part
********************************/
.infCont {
    background-size: 100%;
	padding-bottom: 0;
}
.infCont .secTitle { min-height: 38px; }
.infCont .paragraph { padding: 10px; }
.infCont .secInfo .paragraph { padding: 0 18px; }
.infCont.secAbout .media .icon {
	background-image: url(../images/input/iconStar.png);
    background-position: 0px 2px;
    background-size: 22px;
	font-weight: bold;
	padding-left: 0;
}
.infCont.secAbout .media > .paragraph { padding: 0 15px 20px 8px; font-size: 13px; }
.infCont .secInner .paragraph { padding: 0; }

.infCont.secAbout {
	background-image: url(../images/info/sp/proTop.jpg), url(../images/info/sp/proBtm.jpg), url(../images/info/sp/proBg.jpg);
	background-size: 100%;
	padding: 12px 0 14px;
}
.infCont.secAbout .secInfo {
	background-image: url(../images/info/sp/infProImg.jpg), url(../images/info/sp/infProNm.jpg);
	background-size: auto 190px;
	padding: 175px 0 15px;
}
.infCont.secAbout .media { padding-left: 20px; }

.infCont .abtTit {
	background-size: 100%;
	margin-bottom: 10px;
	padding: 10px 0;
    height: 55px;
}
.infCont .abtSec { padding: 0; }
.infCont .abtSec1 .abtTit { background-image: url(../images/info/sp/aboutSubTit1.jpg); }
.infCont .abtSec2 .abtTit { background-image: url(../images/info/sp/aboutSubTit2.jpg); }

.sample-text { top: 100px; left: 70px; font-size: 310%; }
.illumina_sign_animation, .last_result_tarot { min-height: 66vw; }
.illumina_sign_animation [name=illumina_sign_morif_0_0] { width: 55%; left: 0px; top: 1%; }
.illumina_sign_animation [name=illumina_sign_morif_0_1] { width: 55%; left: 0px; top: 1%; }
.illumina_sign_animation [name=illumina_sign_morif_0_2] { width: 55%; left: 0px; top: 1%; }
.illumina_sign_animation [name=illumina_sign_morif_1_0] { width: 60%; top: 48%; left: -2%; }
.illumina_sign_animation [name=illumina_sign_morif_1_1] { width: 60%; top: 48%; left: -2%; }
.illumina_sign_animation [name=illumina_sign_morif_1_2] { width: 60%; top: 48%; left: -2%; }
.illumina_sign_animation [name=illumina_sign_morif_2_0] { width: 60%; top: 48%; left: -2%; }
.illumina_sign_animation [name=illumina_sign_morif_3_0] { width: 55%; top: auto; bottom: 3%; left: auto; right: 20px; }
.illumina_sign_animation [name=illumina_sign_morif_3_1] { width: 48%; top: auto; bottom: 3%; left: auto; right: 20px; }
.illumina_sign_animation [name=illumina_sign_morif_3_2] { width: 55%; top: auto; bottom: 3%; left: auto; right: 20px; }
.illumina_sign_animation [name=illumina_sign_morif_4_0] { width: 60%; top: auto; bottom: 3%; left: auto; right: 3%; }
.illumina_sign_animation [name=illumina_sign_morif_4_1] { width: 60%; top: auto; bottom: 3%; left: auto; right: 3%; }
.illumina_sign_animation [name=illumina_sign_morif_4_2] { width: 60%; top: auto; bottom: 3%; left: auto; right: 3%; }
.illumina_sign_animation [name=illumina_sign_morif_5_0] { width: 60%; top: auto; bottom: 3%; left: auto; right: 3%;  }
.last_result_tarot [name=last_back_card_1] { top: 25%; left: 5%; }
.last_result_tarot [name=last_back_card_2] { top: 25%; left: 38.5%; }
.last_result_tarot [name=last_back_card_3] { top: 25%; right: 5%; }
.last_result_tarot [name=last_front_card_1] { top: 25%; left: 5%; }
.last_result_tarot [name=last_front_card_2] { top: 25%; left: 38.5%; }
.last_result_tarot [name=last_front_card_3] { top: 25%; right: 5%; }
.last_result_tarot [name=last_light_card_1] { top: 20.5%; left: 2.1%; }
.last_result_tarot [name=last_light_card_2] { top: 20.5%; left: 35.6%; }
.last_result_tarot [name=last_light_card_3] { top: 20.5%; right: 2%; }

#result_card_13[name^=illumina_black_card_1_] { left: 12.8vw; }
#result_card_13[name^=illumina_black_card_2_] { left: 12.8vw; }
#result_card_13[name^=illumina_black_card_3_] { left: 12.5vw; }
#result_card_13[name^=illumina_black_card_4_] { left: 12.3vw; }
#result_card_13[name^=illumina_black_card_5_] { left: 12.4vw; }
#result_card_13[name^=illumina_black_card_6_] { left: 12.3vw; }
#result_card_13[name^=illumina_black_card_7_] { left: 12.3vw; }
#result_card_13[name^=illumina_black_card_8_] { left: 12.8vw; }

.illumina-card-move1{ animation: last-tarot-move1 0.3s ease-in-out forwards; }
@keyframes last-tarot-move1 {
	100%{ transform: translate(-9vw,22.6vw); }
}
.illumina-card-move2{ animation: last-tarot-move2 0.3s ease-in-out forwards; }
@keyframes last-tarot-move2 {
	100%{ transform: translate(10.7vw,29.4vw); }
}
.illumina-card-move3{ animation: last-tarot-move3 0.3s ease-in-out forwards; }
@keyframes last-tarot-move3 {
	100%{ transform: translate(18vw,6.4vw); }
}.illumina-card-move4{ animation: last-tarot-move4 0.3s ease-in-out forwards; }
@keyframes last-tarot-move4 {
	100%{ transform: translate(40vw,-5vw); }
}
.illumina-card-move5{ animation: last-tarot-move5 0.3s ease-in-out forwards; }
@keyframes last-tarot-move5 {
	100%{ transform: translate(65vw,4vw); }
}
.illumina-card-move6{ animation: last-tarot-move6 0.3s ease-in-out forwards; }
@keyframes last-tarot-move6 {
	100%{ transform: translate(43vw,22.6vw); }
}
.illumina-card-move7{ animation: last-tarot-move7 0.3s ease-in-out forwards; }
@keyframes last-tarot-move7 {
	100%{ transform: translate(60.7vw,26.2vw); }
}
_::-webkit-full-page-media, _:future, :root .illumina-card-move1{ animation: safari-last-tarot-move1 0.3s ease-in-out forwards; }
@keyframes safari-last-tarot-move1 {
	100%{ transform: translate(-60%,120%); }
}
_::-webkit-full-page-media, _:future, :root .illumina-card-move2{ animation: safari-last-tarot-move2 0.3s ease-in-out forwards; }
@keyframes safari-last-tarot-move2 {
	100%{ transform: translate(90%,150%); }
}
_::-webkit-full-page-media, _:future, :root .illumina-card-move3{ animation: safari-last-tarot-move3 0.3s ease-in-out forwards; }
@keyframes safari-last-tarot-move3 {
	100%{ transform: translate(130%,20%); }
}
_::-webkit-full-page-media, _:future, :root .illumina-card-move4{ animation: safari-last-tarot-move4 0.3s ease-in-out forwards; }
@keyframes safari-last-tarot-move4 {
	100%{ transform: translate(300%,-20%); }
}
_::-webkit-full-page-media, _:future, :root .illumina-card-move5{ animation: safari-last-tarot-move5 0.3s ease-in-out forwards; }
@keyframes safari-last-tarot-move5 {
	100%{ transform: translate(500%,20%); }
}
_::-webkit-full-page-media, _:future, :root .illumina-card-move6{ animation: safari-last-tarot-move6 0.3s ease-in-out forwards; }
@keyframes safari-last-tarot-move6 {
	100%{ transform: translate(330%,120%); }
}
_::-webkit-full-page-media, _:future, :root .illumina-card-move7{ animation: safari-last-tarot-move7 0.3s ease-in-out forwards; }
@keyframes safari-last-tarot-move7 {
	100%{ transform: translate(470%,150%); }
}
.result_pickup-tarot-parent { height: 60vw; }
.result_pickup-tarot-parent img + a { display: block; }

.infCont.secAbout .secInner {
	background-image: url(../images/info/sp/proMsgTit.jpg);
	background-size: 100%;
	padding: 0 19px;
	font-size: 1.05em;
}
.infCont.secAbout .secInner .txtHide {
    margin-bottom: 10px;
	height: 55px;
}
.infCont.secAbout .secInner .paragraph { background-position: 114% bottom; background-size: 150px; padding-bottom: 70px; font-size: 0.9em; }
.infCont.secSkill {
	background-image: url(../images/info/sp/aboutTop.jpg), url(../images/info/sp/aboutBtm.jpg), url(../images/info/sp/aboutBg.jpg);
	padding-bottom: 40px;
	padding-top: 20px;
}
.infCont.secSkill .secInfo { padding: 0; }
.infCont.secSkill .secTitle { min-height: 40px; }
.infCont .skillCatch {
	margin: 10px 20px 20px;
    padding: 16px;
    font-size: 1.1em;
    line-height: 1.5em;
}

/* secIntro styling */
.secIntro {}
.secIntro .secInner { background-size: 100%; padding: 350px 0 0; }
.secIntro .secInner1 { background-image: url(../images/info/sp/introTop1.jpg), url(../images/info/sp/introBg.jpg); }
.secIntro .secInner2 {
	background-image: url(../images/info/sp/introTop2.jpg), url(../images/info/sp/introBg.jpg);
	padding-top: 215px;
}
.secIntro .secInner3 { background-image: url(../images/info/sp/introBtm.jpg), url(../images/info/sp/introBg.jpg); padding: 5px 0 40px; }
.secIntro .secInner3 .introTit { margin: 10px 24px 15px; font-size: 18px; }
.secIntro .secInner3 .introDiv { display: none; }
.secIntro .secInner .introComment {
	background-position: center top;
	background-size: 180px;
	padding: 162px 20px 10px;
}
.secIntro .secInner .introDiv {
	background: transparent url(../images/top/reviewDiv.jpg) no-repeat center top;
	background-size: 101%;
	height: 20px;
}
.secIntro .secInner2 .introComment { padding-top: 225px; padding-bottom: 10px; }


/* result-container */
.result-container .content-container {
	background-image: url(../images/result/sp/rsltTop.jpg),url(../images/result/sp/rsltBtm.jpg),url(../images/result/sp/rsltBg.jpg);
	padding: 45px 0 40px;
}
.result-container .secGreet {
	background-image: url(../images/result/sp/rsltGreetBg.jpg);
	background-size: 100%;
	padding: 0;
	min-height: 230px;
}
.result-container .secGreet:after {
	content: "";
	display: block;
	width: 100%;
	clear: both;
}
.result-container .secGreet .secInfo {
	padding: 15px 19px 8px;
	border-radius: 10px;
}

.secCommon {
	background: transparent url(../images/result/sp/rsltBg.jpg) repeat-y center top;
	background-size: 100%;
	margin: 0 auto;
	max-width: inherit;
}
.result-container .secUser {
	background-size: 108%;
	padding: 18px 0 25px;
	font-size: 1.2em;
	line-height: 1.5em;
}
.result-container .secUser .float { flex-direction: column; row-gap: 10px; }

.komiMsg {
	margin: 10px auto;
	max-width: 87%;
	font-size: 18px;
	text-align: left;
}
.time-menu-blockwrap { width:100vw; height:70vw; }
.illumina_text { font-size: 5vw; z-index: 66; }
.illumina_cover { z-index: 55; }
_::-webkit-full-page-media, _:future, :root .illumina_cover { display: none; }
.illumina_card_animation { min-height: 68vw; }
#illumina-card-background { background-size: 97% 100%; }
#illumina-card-background > div { width: auto!important; height:70vw!important; }
.time-menu-result { min-height: 70vw; }
.time-result-answer { font-size: 9vw; }
#wrap {
	background-size: 97% 100%;
    background-position: 1vw;
}
#wrap1 {
	background-image: url('../images/result/sp/rsltTypeLine1.png');
	background-size: 100vw 35vw;
	top: 22vw;
}
#wrap2 {
	background-image: url('../images/result/sp/rsltTypeLine2.png');
    background-size: 100vw 35vw;
	top: 22vw;
}
#wrap .time-menu-blockwrap { width:100vw; height:70vw; }

/********************************
*** secListing Styling
********************************/
.secListing .secTitle {
	background-image: url(../images/result/sp/rsltKmTitTop.jpg),url(../images/result/sp/rsltKmTitBtm.jpg),url(../images/result/sp/rsltKmTitBg.jpg);
	background-size: 100%;
	padding: 30px 15px 27px;
}
.result-container .secTitle .paragraph { font-size: 16px; }
.result-container .secTitle .paragraph br { display: none; }
.secListing .listSignMapLove .komiMsg+.secTitle {
	background-image: url(../images/result/sp/rsltTypeTit2.jpg);
	background-size: 101%;
	margin: 0 auto;
	width: 99%;
	height: 90px;
}
.secListing .secList.listCard { background: 99%; padding-top: 0; }
.result-container .secInList .paragraph { padding: 10px 20px; }

.illumina_card_holder { margin-top: 10px; height: 70px; }
[name=illumina_card_animation_text_13] { margin: 0 auto; max-width: 80%; font-size: 18px; line-height: 1.5em; }
[name=illumina_card_animation_text_13] span { font-size: 171%; font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; }

[name^=text_animation_type4_0_] { font-size: 23px; }
[name^=result_type4_0_animation_], [name^=result_type4_1_animation_], [name^=result_type4_2_animation_] { font-size: 10vw; }
[name=illumina_light_flash_1_2] { position:absolute; top:50px; left:30px; width:50%; height:60%; z-index:1; opacity:0; }
[name=illumina_light_flash_2_2] { position:absolute; top:180px; width:50%; right: 30px; height:60%; z-index:1; opacity:0; }
[name^=illumina_sign_detail_motif_] { min-height: 55vw; }
[name^=illumina_sign_detail_motif_] [name^=front_back_motif_third_1_] { top: 6%; left: 14%; width:70%; }
[name^=illumina_sign_detail_motif_] [name^=front_back_motif_third_2_] { top: 76%; left: 14%; width:70%; }
[name^=illumina_sign_detail_motif_] [name^=front_back_motif_third_3_] { top: 76%; left: 14%; width:70%; }
[name^=fade_in_animation_type4_] [name^=front_back_motif_third_1_] { width: 50%; right: 0vw; top: 20vw; }
[name^=fade_in_animation_type4_] [name^=front_back_motif_third_2_] { width: 50%; right: 0vw; top: 50vw; }
[name^=fade_in_animation_type4_] [name^=front_back_motif_third_3_] { width: 50%; right: 50vw; top: 5vw; }
[name^=fade_in_animation_type4_] [name^=front_back_motif_third_4_] { width: 50%; right: 50vw; top: 35vw; }

.illumina-cards { top: 32.2vw; left: 15vw; height: 17vw; filter: drop-shadow(1px 1px 4px #aaa); }
_::-webkit-full-page-media, _:future, :root .illumina-cards { height: 17vw; filter: drop-shadow(1px 1px 4px #aaa); }
.illumina-cards1, .illumina-cards2, .illumina-cards3, .illumina-cards4, .illumina-cards5, .illumina-cards6, .illumina-cards7, .illumina-cards8 { top: 32.8vw; height: 17vw; }
_::-webkit-full-page-media, _:future, :root .illumina-cards1, 
_::-webkit-full-page-media, _:future, :root .illumina-cards2, 
_::-webkit-full-page-media, _:future, :root .illumina-cards3, 
_::-webkit-full-page-media, _:future, :root .illumina-cards4, 
_::-webkit-full-page-media, _:future, :root .illumina-cards5, 
_::-webkit-full-page-media, _:future, :root .illumina-cards6, 
_::-webkit-full-page-media, _:future, :root .illumina-cards7, 
_::-webkit-full-page-media, _:future, :root .illumina-cards8 { top: 36.3vw; }
.card-position1 { left: 12%; top: 35.5%; }
.card-position2 { left: 3%; top: 60%; }
.card-position3 { left: 23%; top: 67.7%; }
.card-position4 { left: 30%; top: 42.7%; }
.card-position5 { left: 52%; top: 29.7%; }
.card-position6 { left: 77%; top: 39.9%; }
.card-position7 { left: 55%; top: 60%; }
.card-position8 { left: 73%; top: 64%; }
_::-webkit-full-page-media, _:future, :root .safari-position1 { left: 12.3%; top: 39.5%; }
_::-webkit-full-page-media, _:future, :root .safari-position2 { left: 4.3%; top: 61.7%; }
_::-webkit-full-page-media, _:future, :root .safari-position3 { left: 24.5%; top: 67%; }
_::-webkit-full-page-media, _:future, :root .safari-position4 { left: 29.5%; top: 42.8%; }
_::-webkit-full-page-media, _:future, :root .safari-position5 { left: 51.5%; top: 35.8; }
_::-webkit-full-page-media, _:future, :root .safari-position6 { left: 77.5%; top: 43.2%; }
_::-webkit-full-page-media, _:future, :root .safari-position7 { left: 55%; top: 61.5%; }
_::-webkit-full-page-media, _:future, :root .safari-position8 { left: 73.5%; top: 67%; }
.light-position1 { left: 10.7%; top: 33.7%; }
.light-position2 { left: 1.5%; top: 58.5%; }
.light-position3 { left: 21.5%; top: 66.2%; }
.light-position4 { left: 28.5%; top: 41%; }
.light-position5 { left: 50.5%; top: 28.5%; }
.light-position6 { left: 76%; top: 38.5%; }
.light-position7 { left: 53.5%; top: 58.5%; }
.light-position8 { left: 71.5%; top: 62.5%; }
_::-webkit-full-page-media, _:future, :root .safari-light-position1 { left: 10.6%; top: 37.6; }
_::-webkit-full-page-media, _:future, :root .safari-light-position2 { left: 2.8%; top: 60%; }
_::-webkit-full-page-media, _:future, :root .safari-light-position3 { left: 22.7%; top: 65.3%; }
_::-webkit-full-page-media, _:future, :root .safari-light-position4 { left: 27.8%; top: 41.2%; }
_::-webkit-full-page-media, _:future, :root .safari-light-position5 { left: 49.8%; top: 34.2%; }
_::-webkit-full-page-media, _:future, :root .safari-light-position6 { left: 75.8%; top: 41.3%; }
_::-webkit-full-page-media, _:future, :root .safari-light-position7 { left: 53.8%; top: 59.8%; }
_::-webkit-full-page-media, _:future, :root .safari-light-position8 { left: 72%; top: 65.6%; }

.last-result-tarot { min-height: 60vw; }
.last-result-tarot img + a { top: 95px; left: 70px; }
[name^=last_back_card_1_] { width: 25%; top:15vw; left:8vw; }
[name^=last_back_card_2_] { width: 25%; top:15vw; left:37.5vw; }
[name^=last_back_card_3_] { width: 25%; top:15vw; right:8vw; }
[name^=last_front_card_1_] { width: 25%; top:15vw; left:8vw; }
[name^=last_front_card_2_] { width: 25%; top:15vw; left:37.5vw; }
[name^=last_front_card_3_] { width: 25%; top:15vw; right:8vw; }
[name^=light_card_after_text_] { top: 40px; }
[name^=light_card_1_] { width: 31%; top: 12vw; left: 5vw; }
[name^=light_card_2_] { width: 31%; top: 12vw; left:34.5vw; }
[name^=light_card_3_] { width: 31%; top: 12vw; right: 5vw; }

.illumina_sign_detail_motif_text { font-size: 8vw; }
[name^=illumina_sign_text_] { font-size: 7vw; }
[name^=illumina_sign_animation_] { min-height: 66vw; }
.secListing .listCard [class*=light-position][name^=illumina_light_] { pointer-events: none; }
[name^=illumina_black_card_] img[name^=illumina_white_card_] { pointer-events: all; }
[name^=illumina_light_flash_1_] { top: 15%; right: 47%; width: 50%; height: 50%; z-index: 1; opacity: 0; }
[name^=illumina_light_flash_2_] { top: 40%; width: 50%; left: 49%; height: 50%; z-index: 1; opacity: 0; }
[name^=illumina_sign_morif_0_0_], [name^=illumina_sign_morif_0_1_],
[name^=illumina_sign_morif_0_2_] { left: 0vw; top: 8vw; width: 55%; }
[name^=illumina_sign_morif_1_0_], [name^=illumina_sign_morif_1_1_],
[name^=illumina_sign_morif_1_2_], [name^=illumina_sign_morif_2_0_] { top: 40vw; left: 2vw; width: 50%; }
[name^=illumina_sign_morif_3_0_], [name^=illumina_sign_morif_3_1_],
[name^=illumina_sign_morif_3_2_] { top: 25vw; left: auto; right: 0vw; width: 55%; }
[name^=illumina_sign_morif_4_0_], [name^=illumina_sign_morif_4_1_],
[name^=illumina_sign_morif_4_2_], [name^=illumina_sign_morif_5_0_] { top: 58vw; left: auto; right: 2vw; width: 50%; }

.secListing [class*='listSignMapL'], .secListing .listSignImg, .secListing .listLast { background-size: 106%; padding-top: 30px; }
.secListing .listSignImg .keywordWrapper {
	background-image: url(../images/result/sp/rsltTypeBg4.png);
	background-size: 100%;
	height: 70vw;
}
.secListing .listSignImg .keywordWrapper p {
	width: 60%;
	top: 30vw;
	right: 34%;
	font-size: 9vw;
	line-height: 11vw;
}

/******************************** End secListing Styling ********************************/

/************************************
****	blur styling
*************************************/
.result-container .paragraph .blur {
	background-image: url(../images/result/blur/sp/result_mosaic_text.png);
    background-repeat: repeat-y;
	background-size: 120%;
    padding-top: 30px;
    height: 128px;
}

/************************************
****	top-container styling
*************************************/
.top-container .topCont {
	background-size: 100%;
	margin-bottom: 0;
}
.top-container .topCatch {
	margin: 0 auto;
	background-size: 100%, auto 100%;
	height: 150px;
	padding: 27px 0;
}
.top-container .topCatch img[name=fanned_light] { height: 230px; }

.top-container .topCont .commonMenuBox .info { padding: 0; }
.top-container .commonMenuBox .info .infoelement { font-size: 1em; }
.top-container .topCont.secNew { 
	background-image: url(../images/top/sp/newTop.jpg), url(../images/top/sp/newBtm.jpg), url(../images/top/sp/newBg.jpg);
	background-size: 100%;
	padding: 100px 0 15px;
}
.top-container .topCont.secNew .commonMenuBox .info {
	background: transparent url(../images/top/sp/newDiv2.png) no-repeat center bottom;
	background-size: 100%;
    padding: 0 20px;
}
.top-container .body-container .commonMenuBox,
.top-container .body-container .secListing .commonMenuBox:first-child {
	background-image: url(../images/top/sp/line.png);
	background-size: 100%;
	padding: 30px 0 10px;
}

.top-container .secIntro .secInner2 .introTit {
	background-image: url(../images/top/sp/topIntroTit2.jpg);
	height: 110px;
}

.top-container .topCont.secRecomm {
	background-image: url(../images/top/sp/recommTop.jpg),url(../images/top/sp/newBtm.jpg),url(../images/top/sp/newBg.jpg);
	background-size: 100%;
	padding: 240px 10px 20px;
}
.top-container .topCont.secRecomm .secInfo { padding: 0; }

.top-container .infCont.secSkill {
	background-image: url(../images/top/sp/tellingTop.jpg),url(../images/info/sp/aboutBtm.jpg),url(../images/info/sp/aboutBg.jpg);
	background-size: 100%;
	padding-top: 380px;
	padding-bottom: 0;
}
.top-container .infCont.secSkill .abtSec2 .abtTit { background-image: url(../images/top/sp/tellingTit2.jpg); }
.top-container .infCont .abtSec .paragraph {
	padding: 0 20px;
	font-size: 1em;
	line-height: 1.3em;
}

.top-container .testFree { padding: 10px 0 5px; }
.naviCate { display: none; }

.top-container .secListing.topCont {
    background: transparent;
    background-image: url(../images/top/sp/loveTop.jpg), url(../images/top/sp/loveBtm.jpg), url(../images/top/sp/loveBg.jpg);
    background-position: center top, center bottom, center top;
    background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 100%;
    margin-bottom: 0;
	padding: 100px 20px 15px;
}
.top-container .secListing.topCont.secMarry { background-image: url(../images/top/sp/marrTop.jpg), url(../images/top/sp/marrBtm.jpg), url(../images/top/sp/marrBg.jpg); }
.top-container .secListing.topCont.secLife { background-image: url(../images/top/sp/lifeTop.jpg), url(../images/top/sp/lifeBtm.jpg), url(../images/top/sp/lifeBg.jpg); }
.top-container .secListing .secInfo { padding: 0 0; }
.top-container .topCont.secListing .commonMenuBox .info {
	margin: 0;
	padding: 0;
}

.top-container .cateTop { padding: 0 10px; }
.top-container .cateTop .directLink { margin: 0 auto 15px; }


.secShowcase .secTop {
	background-image: url(../images/top/sp/spTop.jpg), url(../images/top/sp/spBg.jpg);
	background-position: center top, center 121px;
	background-size: 100%;
	padding: 130px 0 30px 60px;
	min-height: 330px;
}
.infCont.secShowcase .secInfo { padding: 0 15px; }
.secShowcase .float {
	width: 100%;
	float: none;
}
.spBtn { margin-bottom: 8px; font-size: 16px; }
.spShuffleBtn { font-size: 14px; }
.spBtn a { padding: 10px; }
.spShuffleBtn a { padding: 5px; }

.secPack .two-design { font-size: 0.9em; }
.secPack form .secInfo .fmTit { font-size: 1.5em; }
.secPack .packTop {
	background-image: url(../images/top/sp/anokimoTop.jpg),url(../images/top/sp/newBtm.jpg),url(../images/top/sp/newBg.jpg);
	background-size: 100%;
	margin-top: -6px;
	padding: 210px 0 40px;
}
.infCont.secPack .secInfo { padding: 0; }
.top-container .secPack .commonMenuBox { padding: 0 20px 5px; }
.top-container .secPack .commonMenuBox .info .infoelement a { font-size: 18px; }
.secPack .secTop { background-size: 100%; height: 50px; }

.secYudo { padding: 20px 0 0; }
.yudoMsg .text-white {
    margin-right: 20px;
    width: 170px;
	min-height: 194px;
    font-size: 14px;
}
.body-container .secYudo .commonMenuBox.noBg .info { padding: 20px 15px 10px; }
.body-container .secYudo .commonMenuBox .info .infoelement .productTitle { font-size: 13px; }
.secYudo .komi_cont {
	padding: 30px 10px;
	width: 100%;
}
.secYudo .komi_cont .komiTitle { font-size: 130%; }
.next_alert { max-width: 90%; }

.top-container .topCont.secFree .info { padding: 0 20px; }
.top-container .topCont.secFree .productBanner {
	background-image: url(../images/top/sp/freeBtn1.png);
	background-size: 100%;
	height: 79px;
}