* { box-sizing: border-box; }
body {
    width: 100%;
    font-size: 15px;
	line-height: 1.5em;
    min-width: inherit;
    width: 100%;
}
.paragraph p {
    margin-bottom: 10px;
	text-align: justify;
	line-height: 1.6em;
	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: transparent url(../images/common/sp/mBg.jpg) repeat-y center top;
  background-size: 100%;
}

/********************************
*** Header Part
********************************/
header .header-container { 
	background: none;
	min-height: 95px;
}
.header-container.hasID .navi-container { background-position: center top; }
.navi-container { 
	background: url(../images/common/button/sp/naviSprite.png) no-repeat center bottom;
	background-size: 100%;
	min-height: 42px; 
}
.navi-container .naviInfo a {
    display: inline-table;
}
.navi-container .navi_button {
	background: none;
    width: 158px;
    height: 0;
}
.navi-container .navi_home:hover,
.navi-container .navi_profile:hover,
.navi-container .navi_info:hover,
.navi-container .navi_input:hover { background-position: center bottom; }
.navi-container .navi_button:before {
	background-size: 115px;
    height: 33px;
    top: 2px;
}
.navi-container .navi_home:before { background-position: 27px 6px; }
.navi-container .navi_profile:before { background-position: 27px -28px; }
.navi-container .navi_info:before { background-position: 26px -62px; }
.navi-container .navi_input:before { background-position: 24px -131px; }

.hasID .navi-container .navi_button {
	background: none;
	width: 105px;
}
.hasID .navi-container .navi_home:hover,
.hasID .navi-container .navi_profile:hover,
.hasID .navi-container .navi_info:hover,
.hasID .navi-container .navi_input:hover { background-position: center top; }
.hasID .navi-container .navi_button:before {
	background-size: 100px;
	width: 105px;
    height: 25px;
    top: 12px;
}
.top-container .navi-container .navi_button.navi_profile, 
.info-container .navi-container .navi_button.navi_info, 
.input-container .navi-container .navi_button.navi_input { background-position: center top; }
.hasID .navi-container .navi_home:before { background-position: 7px -3px; }
.hasID .navi-container .navi_profile:before { background-position: 9px -33px; }
.hasID .navi-container .navi_info:before { background-position: 4px -62px; }
.hasID .navi-container .navi_input:before { background-position: 6px -121px; }

/********************************
*** Body Part
********************************/
.directLink {
	width: 90%;
	margin: 10px auto;
}
.full-container {
	background-image: url(../images/common/sp/mBnr.jpg);
	background-size: 100%;
	padding-top: 150px;
	width: 100%;
	min-width: 0;
	overflow: hidden;
}
.body-container {
	background: transparent url(../images/common/sp/mBg.jpg) repeat-y center top;
	background-size: 100%;
}
.body-container section { margin-bottom: -1px; }
.body-container .breadcrumb {
    padding: 0 10px;
	margin: 15px auto;
}

.body-container .commonMenuBox {
	background-image: url(../images/common/menu/sp/cmnTitTop.jpg), url(../images/common/menu/sp/cmnTitBtm.jpg), url(../images/common/menu/sp/cmnTitBg.jpg);
	background-size: 100%;
	padding: 35px 10px;
	margin: 0 auto;
}
.body-container .commonMenuBox .info {
	background-size: 100%;
	padding: 0;
}
.top-container .body-container .commonMenuBox .info { background-image: none; }
.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: 1.1em; }

/********************************
*** input Part
********************************/
.input-container .secDesc {
	margin: 0 auto;
	width: 92%;
	color: #fff;
	text-align: left;
}
.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: 95px 0 50px;
}
.input-container .one-design .komiInfo ul { max-width: 90%; }

.two-design {
	background-image: url(../images/input/sp/inpFmMe.jpg), url(../images/input/sp/inpFmBtm.jpg), url(../images/input/sp/inpFmBg.jpg);
	background-size: 100%;
	padding-top: 100px;
	padding-bottom: 50px;
}
.input-container .two-design .secInfo { margin: 20px auto 10px; }
.two-design .secTop.target {
	background-image: url(../images/input/sp/inpFmYou.jpg);
	background-size: 100%;
	padding-top: 110px;
}
.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%; text-align: center; }
.input-container form .secInfo .fmTit { background-size: auto 100%; }
.input-container form .secInfo .name .fmTit { 
	float: left;
	width: 75px;
}
.input-container form .secInfo .birthday .fmTit, .input-container form .secInfo .sex .fmTit { width: 100%; }
.input-container .fmInput { width: 100%; }
.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; }
.input-container select { padding: 4px; }
.spanError { top: 21px; left: 158px; font-size: 12px; }

.free-btn, .charge-btn, .start-btn {
    background-size: 100%;
    width: 280px;
    height: 72px;
}
.start-btn {
	width: 250px;
	height: 60px;
}
.free-container .charge-btn {
	width: 220px;
	height: 68px;
	background-size: 100%;
}
.free-container a:hover .charge-btn {
  background-position: center -66px;
}
.priceHolder { font-size: 1.7em; }
.free-container .charge-btn {
	font-size: 0.8em;
}
.input-container .two-design .entry_save { margin-top: 6px; }
.input-container .two-design .entry_save h4 { top: 0; }


/********************************
*** sec-cont Part
********************************/
.infCont {
    background-size: 100%;
/*	padding: 10px 0 32px;*/
}
.infCont .secTitle { min-height: 78px; }
.infCont .paragraph { padding: 10px; }
.infCont .secInfo .paragraph { padding: 0 20px; }
.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 40px;
}
.infCont.secAbout .secInfo {
	background-image: url(../images/info/sp/proImg.jpg);
	background-size: 100%;
	padding: 190px 0 15px;
}

.infCont .abtTit {
	background-size: 100%;
	padding-top: 70px;
}
.infCont .abtSec { padding: 0; }
.infCont .abtSec1 .abtTit { background-image: url(../images/info/sp/aboutTitle1.jpg); }
.infCont .abtSec2 .abtTit { background-image: url(../images/info/sp/aboutTitle2.jpg); padding-top: 80px; }
.infCont .abtSec3 .abtTit { background-image: url(../images/info/sp/aboutTitle3.jpg); padding-top: 80px; }
.infCont .abtSec1 .paragraph { background-image: url(../images/info/sp/aboutImg1.jpg); }
.infCont .abtSec2 .paragraph { background-image: url(../images/info/sp/aboutImg2.jpg); }
.infCont .abtSec3 .paragraph { background-image: url(../images/info/sp/aboutImg3.jpg); }
.infCont .abtSec .paragraph {
	background-size: 100%;
	padding: 190px 20px 5px;
  	margin: 0 auto;
	max-width: 100%;
}
.infCont .abtSec2 .paragraph { background-size: 100%; }
.infCont.secAbout .secInner {
	background-image: url(../images/info/sp/proMsgTit.jpg);
	background-size: 100%;
	padding: 0 20px;
	font-size: 1.2em;
}
.infCont.secAbout .secInner .txtHide {
    margin-bottom: 30px;
	height: 55px;
}
.infCont.secAbout .secInner .paragraph { font-size: 0.9em; }
.infCont.secSkill {
	background-image: url(../images/info/sp/aboutTop.jpg), url(../images/info/sp/proBtm.jpg), url(../images/info/sp/proBg.jpg);
	padding-bottom: 40px;
}
.infCont.secSkill .secInfo { padding: 0; }
.infCont.secSkill .secTitle { min-height: 100px; }

/* secIntro styling */
.secIntro {
  	background: url(../images/info/intro/sp/introCatch.jpg) no-repeat center top;
	background-size: 100%;
	padding-top: 278px;
}
.secIntro .secTop {
  background-image: url(../images/info/intro/sp/introTop.jpg), url(../images/info/intro/sp/introBtm.jpg), url(../images/info/intro/sp/introBg.jpg);
  background-position: center top, center bottom, center top;
  background-size: 100%;
  padding: 40px 0;
}
.secIntro .secInfo { padding: 0; }
.secIntro .secInner .introTit {
	background-size: 100%;
	height: 137px;
}
.secIntro .secInner1 .introTit { background-image: url(../images/info/intro/sp/introTit1.jpg); }
.secIntro .secInner2 .introTit { background-image: url(../images/info/intro/sp/introTit2.jpg); height: 140px; }
.secIntro .secInner3 .introTit { background-image: url(../images/info/intro/sp/introTit3.jpg); height: 130px; }

.secIntro .secInner .introComment {
	background-size: 100%;
	background-position: left top;
	padding: 160px 20px 10px;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.secIntro .secInner1 .introComment { background-image: url(../images/info/intro/sp/introImg1.jpg); }
.secIntro .secInner2 .introComment { background-image: url(../images/info/intro/sp/introImg2.jpg); }
.secIntro .secInner .introProduct {
	text-align: left;
}

.secFree {
	background-size: 100%;
	padding: 150px 20px 50px;
}

/* secReview styling */
.secReview {
	background: url(../images/top/sp/reviewCatch.jpg) no-repeat center top;
	padding: 260px 0 0;
	max-width: inherit;
}
.secReview .secTop {
	background-image: url(../images/top/sp/reviewTop.jpg), url(../images/top/sp/reviewBtm.jpg), url(../images/top/sp/reviewBg.jpg);
	background-position: center top, center bottom, center top;
	padding: 45px 0;
}
.secReview .secInfo { padding: 0; }
.secReview .secInner {
	background-image: url(../images/top/sp/reviewDiv.jpg);
	background-size: 90%;
	padding: 30px 10px 15px;
}
.secReview .secInner .revAns { display: none; }
.secReview .secInner .revComment {
	background-size: 35%;
    background-position: left top;
	padding: 0 10px 15px 0;
	margin-left: 10px;
}
.secReview .secInner .revComment:before {
	content: "";
	display: table;
	width: 120px;
	height: 154px;
	float: left;
}
.secReview .secInner .revProduct { padding: 2px 6px 7px; }
.body-container .revProduct.commonMenuBox .info { font-size: 1.1em; }

/********************************
*** Result Part
********************************/

/* ------------------------
 * res_top
 *----------------------- */
 
 .res_top1 {
/*	background: url(../images_sp/common/res_top1.jpg) no-repeat;*/
}

 .res_top2 {
/*	background: url(../images_sp/common/res_top2.jpg) no-repeat;*/
}

 .res_top3 {
/*	background: url(../images_sp/common/res_top3.jpg) no-repeat;*/
}

 .res_top4 {
/*	background: url(../images_sp/common/res_top4.jpg) no-repeat;*/
}

.res_top1, .res_top2, .res_top3, .res_top4 {
	width: 320px;
	height: 270px;
	margin: 0 auto;
	}

.res_center{
	width:320px;
	height:50px;
/*	background: url(../images_sp/common/res_center.jpg) no-repeat;*/
}

.res_center2{
	width:320px;
	height:50px;
/*	background: url(../images_sp/common/res_center2.jpg) no-repeat;*/
}
.res_tl{
	width:320px;
/*	background: url(../images_sp/common/res_tl.jpg) repeat-y;*/
}

/* ----------------------
 * pt1
 *---------------------- */

.res_pt1_box {
	width: 186px;
    padding: 10px;
    text-align: left;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 10px;
    background-color: rgba(163, 128, 208, 0.2);
    float: right;
    margin-top: 38px;
    margin-right: 7px;
}

.res_rec_bg .res_pt1_box {
	width: 186px;
    padding: 10px;
    text-align: left;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 10px;
    background-color: rgba(163, 128, 208, 0.2);
    float: right;
    margin-top: 38px;
    margin-right: 7px;
	margin-bottom:30px;
}

/* ----------------------
 *pt1
 *---------------------- */

/* ----------------------
 * pt2
 *---------------------- */

.res_pt2_box {
	width: 186px;
    padding: 10px;
    text-align: left;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 10px;
    background-color: rgba(163, 128, 208, 0.2);
    float: left;
    margin-top: 38px;
    margin-left: 7px;
}



/* ----------------------
 * pt2
 *---------------------- */

/* ----------------------
 * motif common
 *---------------------- */

.motif_bg {
    height: 160px;
    background: url(../images/result/sp/rsltMotifBg.jpg) no-repeat center top;
    position: relative;
	/*margin-bottom: 20px;*/
}
.motif_bg img { max-width: 100%; height: 100%; }
.motif_box {
	height:160px;
	position: absolute;
	z-index:10;
	left:0;
	right:0;
}
.base_box {
	opacity: 0.7;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1;
}


/* ----------------------
 * motif common
 *---------------------- */

/* ----------------------
 * type2 motif YES NO
 *---------------------- */

.type2_box{
	height:300px;
	position: absolute;
	z-index:10;
}

/* ----------------------
 * type2 motif YES NO
 *---------------------- */
 
/* ----------------------
 * type3 motif view
 *---------------------- */
 
.type3_box{
	height:300px;
	position: absolute;
	z-index:10;
}

/* ----------------------
 * type3 motif view
 *---------------------- */

/* ----------------------
 * type4 motif light
 *---------------------- */

.type4_box{
	height:300px;
	position: absolute;
	z-index:10;
}

/* ----------------------
 * type4 motif light
 *---------------------- */

/* ----------------------
 * type10 motif jiki
 *---------------------- */

.type10_box1{
	top: 10%;
	right: 11%;
}
.type10_box2{
	top: 38%;
	left: 40%;
}
.type10_box3{
	top: 26%;
	left: 10%;
}
.type10_box4{
	top: 50%;
    right: 15%;
}
.type10_box5{
	top: 70%;
	right: 32%;
}
.type10_box6{
	top: 5%;
	right: 60%;
}
.type10_box7{
	top: 30%;
	left: 55%;
}
.type10_box8{
	bottom: 25%;
    left: 23%;
}

.type10_box1, .type10_box2, .type10_box3, .type10_box4, .type10_box5, .type10_box6, .type10_box7, .type10_box8{
	width:78px;
	height:85px;
	position: absolute;
	z-index:20;
	zoom: 70%;
}
	
/* ----------------------
 * type10 motif jiki
 *---------------------- */


/* ----------------------
 * result_text
 *---------------------- */
.res_text_box {
	margin: 0 20px;
	text-align: left;
}
.res_text_box2 {
	margin: 0 auto;
	text-align: left;
}
/* ----------------------
 * result_text
 *---------------------- */
 


/* ----------------------
 * my_top & you_top
 *---------------------- */
.res_my_top {
	width: 320px;
	height: 95px;
/*	background: url(../images_sp/common/res_my_top.jpg) no-repeat;*/
	background-size: 100% 100%;
	clear: both;
}
.res_you_top {
	width: 320px;
	height: 95px;
	margin: 15px 0 0;
/*	background: url(../images_sp/common/res_you_top.jpg) no-repeat;*/
	background-size: 100% 100%;
	clear: both;
}
/* ----------------------
 * my_top & you_top
 *---------------------- */


/* ----------------------
 * result_pattern
 *---------------------- */
/* common------ */
.res_box1 {
	width: 90px;
	float: left;
}
.res_sub_bg5 .res_box1 {
	float: none;
	width: 120px;
	margin: 0 auto;
}
.res_box2 {
	width: 210px;
	text-align: left;
	float: left;
}
.res_sub_bg5 .res_box2 {
	float: none;
	width: 280px;
	margin: 0 auto;
}
.res_box3 {
	width: 210px;
	float: left;
	text-align: left;
}
.res_box4 {
	margin-left: 20px;
}
.res_box5 {
	margin: 0 auto;
}
.res_box6 {
	margin: 0 5%;
    padding: 0 0;
    text-align: left;
}
.time_bg {
	width: 540px;
	height: 66px;
/*	background: url(../images_sp/common/time_bg.gif) no-repeat;*/
	background-size: 100% auto;
	float: left;
}
.time_bg_box {
	margin: 0 50px;
	text-align:center;
	margin-top: 20px;
}
/* common------ */

/* pattern1------ */
.res_sub_top {
	width: 320px;
	height: 50px;
	margin: 0;
/*	background: url(../images_sp/common/res_sub_top.jpg) no-repeat;*/
	background-size: 100% 100%;
}
.res_sub_tl {
	width: 320px;
/*	background: url(../images_sp/common/res_sub_tl.jpg) repeat-y;*/
	background-size: 100% auto;
}
.res_sub_bg {
/*	width: 320px;*/
/*	background: url(../images_sp/common/res_bg.jpg) repeat-y;*/
	background-size: 100% auto;
}
.res_sub_bt {
	display:none;
}
.res_sub_title {
	margin: 0 5%;
	padding: 0 0 ;
	text-align: left;
}
.res_sub_title2 {
	margin: 0 5%;
	padding: 0 0 ;
	text-align: left;
}
.res_sub_box {
	margin: 0 5%;
	padding: 0 0 ;
	text-align: left;
}
.res_sub_box2 {
	float: left;
	width: 430px;
	text-align: left;
}
.res_sub_bg2 .res_sub_box {
	padding: 20px 0 0;
}
.res_sub_center {
	width: 320px;
	height: 50px;
/*	background: url(../images_sp/common/res_sub_center.jpg) no-repeat;*/
	background-size: 100% 100%;
}
/* pattern1------ */

/* pattern2------
.res_sub_top2 {
	width: 320px;
	height: 50px;
	margin: 10px 0 -1px;
	background: url(../images_sp/common/res_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_tl2 {
	width: 320px;
	background: url(../images_sp/common/res_sub_tl.jpg) repeat-y;
	background-size: 100% auto;
}
.res_sub_bg2 {
	width: 320px;
	background: url(../images_sp/common/res_sub_bg2.jpg) repeat-y;
	background-size: 100% auto;
}
.res_sub_bt2 {
	width: 320px;
	height: 60px;
	background: url(../images_sp/common/res_sub_bt2.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_center2 {
	width: 320px;
	height: 50px;
	background: url(../images_sp/common/res_sub_center2.jpg) no-repeat;
	background-size: 100% 100%;
}
pattern2------ */

/* pattern3------ 
.res_sub_top3 {
	width: 320px;
	height: 50px;
	margin: 10px 0 0;
	background: url(../images_sp/common/res_sub_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_tl3 {
	width: 320px;
	background: url(../images_sp/common/res_sub_tl.jpg) repeat-y;
	background-size: 100% auto;
}
.res_sub_bg3 {
	width: 320px;
	background: url(../images_sp/common/res_sub_bg3.jpg) repeat-y;
	background-size: 100% auto;
}
.res_sub_bt3 {
	width: 320px;
	height: 60px;
	background: url(../images_sp/common/res_sub_bt3.jpg) no-repeat;
	background-size: 100% 100%;
}
.res_sub_center3 {
	width: 320px;
	height: 50px;
	background: url(../images_sp/common/res_sub_center3.jpg) no-repeat;
	background-size: 100% 100%;
}
 pattern3------ */

/* pattern4------ */
.res_sub_top4 {
	width: 320px;
	height: 270px;
	margin: 10px 0 -1px;
/*	background: url(../images_sp/common/res_sub_top4.jpg) no-repeat;*/
	background-size: 100% 100%;
}
.res_sub_tl4 {
	width: 320px;
	margin: 0 0 -1px;
/*	background: url(../images_sp/common/res_sub_tl.jpg) repeat-y;*/
	background-size: 100% auto;
}
.res_sub_bg4 {
	width: 320px;
	margin: 0 0 -1px;
/*	background: url(../images_sp/common/res_sub_bg.jpg) repeat-y;*/
	background-size: 100% auto;
}
.res_sub_bt4 {
	display:none;
}
.res_sub_center4 {
	width: 320px;
	height: 50px;
	margin: 0 0 -1px;
/*	background: url(../images_sp/common/res_sub_center.jpg) no-repeat;*/
	background-size: 100% 100%;
}
/* pattern4------ */

/* pattern5------ */
.res_sub_top5 {
	width: 320px;
	height: 119px;
	margin-bottom:-1px;
/*	background: url(../images_sp/common/res_sub_top5.jpg) no-repeat;*/
	background-size: 100% 100%;
}
.res_sub_center5 {
	width: 320px;
	height: 165px;
/*	background: url(../images_sp/common/res_sub_center5.jpg) no-repeat;*/
	background-size: 100% 100%;
}
.res_sub_img5 {
	width: 320px;
	height: 150px;
/*	background: url(../images_sp/common/res_sub_img5.jpg) no-repeat;*/
	background-size: 100% 100%;
}
.res_sub_bg5 {
	width: 320px;
/*	background: url(../images_sp/common/res_sub_bg4.jpg) repeat-y;*/
	background-size: 100% auto;
}
.res_sub_bt5 {
	width: 320px;
	height: 45px;
/*	background: url(../images_sp/common/res_sub_bt4.jpg) no-repeat;*/
	background-size: 100% 100%;
}
.res_card_img {
	width: 280px;
	display: none;
	margin: 0 auto;
}
.res_tarot_canvas {
	overflow: hidden;
}
/* pattern5------ */
/* ----------------------
 * result_pattern
 *---------------------- */

.result-container .secGreet {
	background: transparent url(../images/result/sp/rsltTop1.jpg) no-repeat center top;
	background-size: 100%;
	margin: 0 auto;
    padding: 0;
    max-width: inherit;
    min-height: 280px;
}
.result-container .secGreet .secInfo,
.result-container .secListMsg .secInfo {
	margin-top: 8px;
	margin-right: 5px;
	padding: 20px 20px 10px;
	width: 215px;
	font-size: 1.1em;
	line-height: 1.2em;
	text-shadow: none;
}
.result-container .secListing .secGreet .secInfo { 
	padding: 38px 0 0;
	margin-left: 5px;
}
.result-container .secListing .secGreet .secInfo .paragraph { 
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 10px;
	background-color: rgba(163, 128, 208, 0.2);
	padding: 8px 12px; 
}
.result-container .secListing .secGreet .secInfo .paragraph p { margin-bottom: 0; } 
.secCommon {
	background: transparent url(../images/result/sp/rsltBg.jpg) repeat-y center top;
	background-size: 100%;
	margin: 0 auto;
	max-width: inherit;
}
.secUser {
	background: transparent no-repeat center top;
	padding: 10px 0;
	font-size: 1.2em;
	line-height: 1.5em;
}
.secUser .secInfo .usrBday, .secUser .secInfo .usrGdr { display: inline-table; }
.secUser .secInfo .usrGdr { padding-left: 20px; }

.result-container .secListMsg {
	background: url(../images/result/sp/rsltTop2.jpg) no-repeat center top;
	background-size: 100%;
	margin: 0 auto;
	padding: 20px 0 0;
    max-width: inherit;
    min-height: 280px;
}
.result-container .secListMsg .secInfo { 
	float: right; 
	text-shadow: none;
}
.result-container .secListing .secListMsg .secInfo .paragraph {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 10px;
	background-color: rgba(163, 128, 208, 0.2);
	padding: 8px 12px;
	line-height: 1.5em;
}

/********************************
*** secListing Styling
********************************/
.result-container .secListing .secInfo {
  padding: 10px 0;
}
.result-container .secListing .secInfo .paragraph { padding: 0 15px; }
.secListing {
	background: transparent center bottom;
	background-image: url(../images/result/sp/rsltBtm.jpg), url(../images/result/sp/rsltBg.jpg);
	background-size: 100%;
	background-repeat: no-repeat, repeat-y;
    margin: 0 auto;
	padding-bottom: 50px;
	width: inherit;
}

.secListing .secTitle {
	background: transparent;
	background-image: url(../images/result/sp/rsltTitTop.jpg), url(../images/result/sp/rsltTitBtm.jpg), url(../images/result/sp/rsltTitBg.jpg);
	background-size: 100%;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	padding: 42px 16px;
	font-size: 1.1em;
}
.secListing .secList .secInList span {
    font-weight: bold;
	font-size: 1.2em;
    line-height: 1em;
}
.secListing .secList .secInList strong {
    color: #ffbf29;
    font-weight: bold;
	font-size: 1.5em;
    line-height: 1.5em;
}
/******************************** End secListing Styling ********************************/

/********************************
*** jiki Styling
********************************/
.result-container .secListing .listJiki .secListMsg { 
	background: url(../images/result/sp/rsltTop3.jpg) no-repeat center top; 
	background-size: 100%;
}
.result-container .listJiki .secListMsg .secInfo { float: left; }
/******************************** End jiki Styling ********************************/

/********************************
*** listTarot Styling
********************************/
.secListing .listTarot .secTitle { display: none; }
.secListing .listTarot .secTarotTit {
	background: transparent;
	background-image: url(../images/result/sp/rsltTitTop.jpg), url(../images/result/sp/rsltTitBtm.jpg), url(../images/result/sp/rsltTitBg.jpg);
	background-size: 100%;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	padding: 42px 16px;
	font-size: 1.1em;
}
/******************************** End listTarot Styling ********************************/

/************************************
****	blur styling
*************************************/
.result-container .paragraph .blur,
.result-container .paragraph.half .blur {
	background-image: url(../images/result/blur/sp/res_text_img1.png);
	background-size: 100%;
	padding-top: 10px;
	height: 124px;
}

/************************************
****	top-container styling
*************************************/
.top-container .topCont {
	background-size: 100%;
	margin-bottom: 0;
}

.top-container .topCatch {
	background: url(../images/top/sp/newCatch.png) no-repeat center top;
    background-size: 100%;
	margin: -52px auto 0;
	padding-top: 535px;
}
.top-container .topCont.secNew { 
	background-image: url(../images/top/sp/newBtm.jpg), url(../images/top/sp/newBg.jpg); 
	padding: 0 0 15px;
}
.top-container .topCont.secNew .commonMenuBox .info {
    padding: 0 5px 20px;
    margin: 0 15px 20px;
	border-bottom: 1px #000 dashed;
}
.top-container .topCont.secNew .commonMenuBox:first-child .info { 
	background: url(../images/top/sp/newDiv.jpg) no-repeat center bottom; 
	background-size: 100%;
	padding: 0 20px 40px;
	margin: 0 auto 15px;
	border-bottom: 0px #000 dashed;
}
.top-container .topCont.secNew .commonMenuBox:last-child .info {
    padding-bottom: 30px;
    margin-bottom: 0;
	border-bottom: 0px #000 dashed;
}

.secRecomm {
	background-image: url(../images/top/sp/recommTop.jpg), url(../images/top/sp/recommBtm.jpg), url(../images/top/sp/recommBg.jpg);
	background-size: 100%;
	padding: 330px 0 20px;
}
.body-container .secRecomm .commonMenuBox .info { padding: 10px 20px; }
.body-container .secRecomm .commonMenuBox .info .infoelement { width: 200px; font-size: 12px; }

.top-container .secIntro .secInner2 .introTit {
	background-image: url(../images/top/sp/topIntroTit2.jpg);
	height: 110px;
}
.top-container .topCont.secSpecial { 
	background: url(../images/top/sp/spTop.jpg) no-repeat center top; 
	background-size: 100%;
	padding: 104px 0 0;
}
.top-container .topCont.secSpecial .secTop { 
	background: url(../images/top/sp/spBg.jpg) no-repeat center top; 
	background-size: 100%;
	padding: 10px 10px 0px;
  	min-height: 256px;
}
.top-container .topCont.secSpecial .secInfo {
	width: 195px;
	padding: 0;
    margin-right: 0;
}
.top-container .secSpecial .spBtn {
    padding: 0 0;
	width: 100%;
	margin: 0 auto;
}
.top-container .secSpecial .sp-btn, 
.top-container .secSpecial a {
	padding: 8px;
	margin-bottom: 6px;
    font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.top-container .topCont.secFree {
	background-image: url(../images/top/free/sp/freeTop.jpg), url(../images/top/sp/reviewBtm.jpg), url(../images/top/sp/reviewBg.jpg);
	padding: 110px 0 50px;
}
.top-container .testFree { padding: 10px 0 0; }
.naviCate .cateBtn {
    width: 100px;
	height: 60px;
    background-size: 100%;
}
.naviCate .cateBtn.cateLove { background-image: url(../images/top/sp/naviLove.jpg); }
.naviCate .cateBtn.cateMarry { background-image: url(../images/top/sp/naviMarr.jpg); }
.naviCate .cateBtn.cateLife { background-image: url(../images/top/sp/naviLife.jpg); }

.top-container .secListing.topCont {
    background: transparent;
    background-image: url(../images/top/sp/loveTop.jpg), url(../images/top/sp/lmlBtm.jpg), url(../images/top/sp/lmlBg.jpg);
    background-position: center top, center bottom, center top;
    background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 100%;
    padding: 130px 0px 35px;
    margin-bottom: 0;
}
.top-container .secListing.topCont.secMarry { background-image: url(../images/top/sp/marrTop.jpg), url(../images/top/sp/lmlBtm.jpg), url(../images/top/sp/lmlBg.jpg); }
.top-container .secListing.topCont.secLife { background-image: url(../images/top/sp/lifeTop.jpg), url(../images/top/sp/lmlBtm.jpg), url(../images/top/sp/lmlBg.jpg); }
.top-container .secListing .secInfo { padding: 0 0; }
.top-container .topCont.secListing .commonMenuBox .info { margin: 0 20px; }
.top-container .topCont .commonMenuBox .info { padding: 10px; }

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

.secYudo {
	background-image: url(../images/result/free/sp/yudoTop.png), url(../images/result/sp/rsltBtm.jpg), url(../images/result/sp/rsltBg.jpg);
	background-size: 100%;
	padding: 100px 0 60px;
}
.yudoMsg .text-white {
    margin-right: 20px;
    width: 170px;
	min-height: 194px;
    font-size: 14px;
}
.body-container .secYudo .commonMenuBox.noBg .info { padding: 20px 10px 10px; }
.body-container .secYudo .commonMenuBox .info .infoelement .productTitle { font-size: 13px; }
.secYudo .komi_cont { margin-bottom: -20px; padding: 130px 10px 60px; }
.secYudo .komi_cont {
	background-image: url(../images/result/free/sp/yudoKmTit.jpg), url(../images/result/free/sp/yudoKmBtm.jpg), url(../images/result/free/sp/yudoKmBg.jpg);
	background-size: 100%;
}
.next_alert { max-width: 90%; }