* { 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-size: 100%;
	font-size: 12px;
}

/********************************
*** Header Part
********************************/
header .header-container {
	background: none;
	min-height: 55px;
}
.navi-container {
	background-image: url(../images/common/button/sp/naviL.png), url(../images/common/button/sp/naviR.png);
	background-position: left top, right top;
	background-size: 161px 104px;
	min-height: 42px; 
}
.navi-container .navi_button {
	background-image: url(../images/common/button/sp/naviL.png);
    background-size: 100%;
    width: 160px;
	height: 50px;
}
.navi-container .navi_top { background-image: url(../images/common/button/sp/naviL.png); }
.navi-container .navi_home { background-image: url(../images/common/button/sp/naviL.png); }
.navi-container .navi_profile { background-image: url(../images/common/button/sp/naviL.png); }
.navi-container .navi_info { background-image: url(../images/common/button/sp/naviR.png); }
.navi-container .navi_input { background-image: url(../images/common/button/sp/naviR.png); }

.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;
    top: 1px;
	width: 160px;
    height: 30px;
}
.navi-container .navi_home:before { background-position: center 4px; }
.navi-container .navi_profile:before { background-position: center -22px; }
.navi-container .navi_info:before { background-position: center -49px; }
.navi-container .navi_input:before { background-position: center -74px; }

/*
.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.png);
	background-size: 100%;
	padding-top: 230px;
	width: 100%;
	min-width: 0;
	overflow: hidden;
}
.top-container .full-container {
	background-image: url(../images/top/sp/mBnrTop.jpg);
	padding-top: 380px;
}
.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: 5px auto 10px;
	font-size: 13px;
    line-height: 1.3em;
}

.body-container .commonMenuBox {
	background-image: url(../images/common/menu/sp/inpMnTop.jpg), url(../images/common/menu/sp/inpMnBtm.jpg), url(../images/common/menu/sp/inpMnBg.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: 13px; }

/********************************
*** 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: 65px 10px 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: 60px 0 50px;
}
.input-container .two-design .secInfo { margin: 20px auto 10px; max-width: 88%; }
.two-design .secTop.target {
	background-image: url(../images/input/sp/inpFmYou.jpg);
	background-size: 100%;
	padding-top: 50px;
}
.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%; 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; }
form input[type="radio"], form input[type="checkbox"] { margin-left: 0; }
.input-container select { padding: 4px; }

.free-btn, .charge-btn, .start-btn {
    background-size: 100%;
	width: 260px;
    height: 87px;
}
.start-btn {
	width: 250px;
	height: 94px;
}
.start-btn { background-position: 0px top; }
a:hover .start-btn { background-position: -1px bottom; }
.free-container .charge-btn {
	background-size: 100%;
	width: 182px;
    height: 55px;
}
.priceHolder { font-size: 1.5em; }
.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 30px; }
.infCont.secAbout .media .icon {
	background-image: url(../images/input/iconStar.png); 
    background-size: 22px;
    background-position: 0px 2px;
	padding-left: 28px;
}
.infCont.secAbout .media > .paragraph { padding: 0 26px 20px; font-size: 13px; }
.infCont .secInner .paragraph { padding: 0; }

.infCont.secAbout {
	background-image: url(../images/info/sp/infProTop.jpg), url(../images/info/sp/infProBtm.jpg), url(../images/info/sp/infProBg.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: 190px 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/infAbtTit1.jpg); }
.infCont .abtSec2 .abtTit { background-image: url(../images/info/sp/infAbtTit2.jpg); height: 70px; }
.infCont .abtSec3 .abtTit { background-image: url(../images/info/sp/infAbtTit3.jpg); height: 75px; }
.infCont .abtSec .paragraph {
	padding: 20px 25px 5px;
	min-height: auto;
}
.infCont .abtSec1 .paragraph {
	background-image: url(../images/info/sp/infAbtImg.jpg);
	background-size: 48%;
}
.infCont .abtSec2 .paragraph,
.infCont .abtSec3 .paragraph {
	background-size: 190px;
	background-position: center top;
	padding-top: 170px;
}
.infCont .abtSec3 .paragraph { padding-top: 230px; }
.infCont .abtSec1 .paragraph:before {
	content: "";
	display: table;
	float: left;
	width: 140px;
	height: 130px;
}

.infCont.secAbout .secInner {
	background-image: url(../images/info/sp/infProMsgTit.jpg), url(../images/info/sp/infProInrBg.jpg);
	background-size: 100%;
	padding: 0 30px 15px;
	font-size: 1.05em;
}
.infCont.secAbout .secInner .txtHide {
    margin-bottom: 10px;
	height: 55px;
}
.infCont.secAbout .secInner .paragraph { background-position: right bottom; background-size: 120px; padding-bottom: 30px; font-size: 0.9em; }
.infCont.secSkill {
	background-image: url(../images/info/sp/infAbtTop.jpg), url(../images/info/sp/infAbtBtm.jpg), url(../images/info/sp/infAbtBg.jpg);
	padding-bottom: 40px;
}
.infCont.secSkill .secInfo { padding: 0; }
.infCont.secSkill .secTitle { min-height: 50px; }

/* 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; }

/* secReview styling */
.secReview {}
.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;
	background-size: 100%;
	padding: 390px 0 40px;
}
.secReview .secInfo { padding: 0; }
.secReview .secInner {
	background-image: url(../images/top/sp/reviewDiv.jpg);
	background-size: 100%;
	padding: 30px 10px 0;
}
.secReview .secInner .inrInfo:before {
	background-size: 100%;
	width: 75px;
	height: 75px;
	left: 20px;
	margin-top: 0;
}
.secReview .secInner .revTit:after {
	top: 28%;
	
	border: 12px solid transparent;
    border-right: 12px solid #4d15a0;
}
.secReview .secInner .revTit {
	background: #4d15a0;
	padding: 11px 11px 32px;
	width: 190px;
	margin-left: 100px;
	font-size: 0.8em;
}
.secReview .secInner .revUser { bottom: 6px; }
.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 .revProduct { padding: 2px 6px 7px; margin-bottom: 0; }
.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 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%;
}

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

/* ----------------------
 * 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%;
}

.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-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 .secListMsg.secListMsg4 { background-image: url(../images/result/sp/rsltImg5.jpg); }
.result-container .secGreet .secInfo, .result-container .secListing .secListMsg .secInfo {
	width: 220px;
	margin-right: 10px;
	padding: 10px;
	min-height: 140px;
	font-size: 13px;
}
.result-container .secGreet .secInfo .paragraph { padding: 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; }

.secCommon .secList .secContent .paragraph { padding: 20px 30px 40px; }
.result-container .secListMsg {
	background-size: 100%;
	margin: 0 auto;
	padding: 20px 0 0;
    max-width: inherit;
    min-height: 250px;
}
.result-container .secListMsg.secListMsg1 { background-image: url(../images/result/sp/rsltImg3.jpg); }
.result-container .secCommon .secListMsg .secInfo { 
	width: 190px;
	margin-left: 20px;
}

.secCommon .motifContent {
	background-image: url(../images/result/sp/rsltMotifTop.jpg), url(../images/result/sp/rsltMotifBtm.jpg), url(../images/result/sp/rsltMotifBg.jpg);
	background-size: 100%;
	padding: 30px 20px;
}
.yudoResult .secCommon .motifContent { padding: 10px 0 40px; }
.secCommon .motifContent .motifTitle {
	font-size: 19px;
	line-height: 30px;
}
.secCommon .secTitle, .secListing .secTitle {
	background-image: url(../images/result/sp/rsltLstTitTop.jpg), url(../images/result/sp/rsltLstDiv.jpg), url(../images/result/sp/rsltLstTitBg.jpg);
	background-size: 100%;
	padding: 35px 20px 22px;
	font-size: 14px;
}
.motif_div { background-image: url(../images/result/sp/rsltMotifDiv.jpg); height: 20px; }
.motif_img { background-size: 120%; margin: 20px auto 0; height: auto; max-width: 80%; }
.motif_img img { height: 100px; }
.motif_box1 {
	position: relative;
	display: table;
	margin: 10px auto;
    width: 80%;
}
.motif_size1 img { width: 50px; }

.motif_box1_2 { margin: 0 auto; }
.motif_table_text1 { display: table; }
.motif_box1 img, .motif_box1 .motif_table_text1, .motif_box1 .motif_table_text2 { display: block; font-size: 14px; transform: translateX(0); }
.motif_box1 tr { position: relative; display: table; margin: 0 auto; }
.motif_box1 .motif_table_th { position: absolute; width: 100%; display: block; top: 10px; }
.motif_box1 tr td { padding: 60px 0 10px; }
.motif_box1 .motif_table_text2 {
	margin-top: 20px;
    font-size: 19px;
}
.motif_table_text3, .ansTxt { float: left; display: inline-table; }
.ansTxt { display: block; font-size: 16px; }
.motif_box1.anime1 tr:nth-of-type(1) .motif_table_taxt1    {animation: eff3 1.5s linear 0s 1 forwards; -webkit-animation: eff3 1.5s linear 0s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(3) td:nth-of-type(1) img {animation: eff4 1s linear 0.25s 1 forwards; -webkit-animation: eff4 1s linear 0.25s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(3) td:nth-of-type(2) img {animation: eff4 1s linear 0.5s 1 forwards; -webkit-animation: eff4 1s linear 0.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(3) td:nth-of-type(3) img {animation: eff4 1s linear 0.75s 1 forwards; -webkit-animation: eff4 1s linear 0.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(3) td:nth-of-type(4) img {animation: eff4 1s linear 1s 1 forwards; -webkit-animation: eff4 1s linear 1s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(3) td:nth-of-type(5) img {animation: eff4 1s linear 1.25s 1 forwards; -webkit-animation: eff4 1s linear 1.25s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(2) .motif_table_taxt2    {animation: eff1 1s linear 1s 1 forwards; -webkit-animation: eff1 1s linear 1s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(4) .motif_table_taxt1    {animation: eff3 1.5s linear 1.5s 1 forwards; -webkit-animation: eff3 1.5s linear 1.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(1) img {animation: eff4 1s linear 1.75s 1 forwards; -webkit-animation: eff4 1s linear 1.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(2) img {animation: eff4 1s linear 2s 1 forwards; -webkit-animation: eff4 1s linear 2s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(3) img {animation: eff4 1s linear 2.25s 1 forwards; -webkit-animation: eff4 1s linear 2.25s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(4) img {animation: eff4 1s linear 2.5s 1 forwards; -webkit-animation: eff4 1s linear 2.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(5) img {animation: eff4 1s linear 2.75s 1 forwards; -webkit-animation: eff4 1s linear 2.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(5) .motif_table_taxt2    {animation: eff1 1s linear 2.5s 1 forwards; -webkit-animation: eff1 1s linear 2.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(7) .motif_table_taxt1    {animation: eff3 1.5s linear 2.75s 1 forwards; -webkit-animation: eff3 1.5s linear 2.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(9) td:nth-of-type(1) img {animation: eff4 1s linear 3s 1 forwards; -webkit-animation: eff4 1s linear 3s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(9) td:nth-of-type(2) img {animation: eff4 1s linear 3.25s 1 forwards; -webkit-animation: eff4 1s linear 3.25s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(9) td:nth-of-type(3) img {animation: eff4 1s linear 3.5s 1 forwards; -webkit-animation: eff4 1s linear 3.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(9) td:nth-of-type(4) img {animation: eff4 1s linear 3.75s 1 forwards; -webkit-animation: eff4 1s linear 3.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(9) td:nth-of-type(5) img {animation: eff4 1s linear 4s 1 forwards; -webkit-animation: eff4 1s linear 4s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(8) .motif_table_taxt2    {animation: eff1 1s linear 3.75s 1 forwards; -webkit-animation: eff1 1s linear 3.75s 1 forwards;}
/*motif_pattern1 end*/

/*motif_pattern2*/
.motif_box2_top {
	width: 320px;
	height: 30px;
	background: url(../images_sp/common/motif_box2_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.motif_box2_bg {
	width: 320px;
	background: url(../images_sp/common/motif_box2_bg.jpg) repeat-y;
	background-size: 100% ;
}
.motif_box2_bt {
	width: 320px;
	height: 30px;
	background: url(../images_sp/common/motif_box2_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.motif_box2_line {
	width: 320px;
	height: 40px;
	background: url(../images_sp/common/motif_box2_line.jpg) no-repeat;
	background-size: 100% 100%;
}
.graph_y {
	margin: 0 20px;
	font-size: 11px;
}
.card_box1 {
	width: 280px;
	height: 229px;
	position: relative;
	margin: 0 auto 30px;
}
.card_box2{
	margin: 0 auto 20px;
}
.card_box3 {
	width: 280px;
	height: 229px;
	margin: 0 auto 5px;
	overflow: hidden;
}
.card_box1 img,
.card_box3 img {
	width: 280px;
	height: 229px;
}
.card_box2 img {
	width: 280px;
	height: 109px;
}
.card_box1 img,
.card_box3 img {
	position: absolute;
	top: 0;
	left: 0;
}
.card_box1 img:nth-of-type(n+2),
.card_box3 img:nth-of-type(n+4) {
	width: 56px;
	height: 76px;
}
.card_box1 img:nth-of-type(2), .card_box3 img:nth-of-type(4) {top:0px;left:0px;}
.card_box1 img:nth-of-type(3), .card_box3 img:nth-of-type(5) {top:0px;left:56px;}
.card_box1 img:nth-of-type(4), .card_box3 img:nth-of-type(6) {top:0px;left:112px;}
.card_box1 img:nth-of-type(5), .card_box3 img:nth-of-type(7) {top:0px;left:168px;}
.card_box1 img:nth-of-type(6), .card_box3 img:nth-of-type(8) {top:0px;left:224px;}
.card_box1 img:nth-of-type(7), .card_box3 img:nth-of-type(9) {top:76px;left:0px;}
.card_box1 img:nth-of-type(8), .card_box3 img:nth-of-type(10) {top:76px;left:56px;}
.card_box1 img:nth-of-type(9), .card_box3 img:nth-of-type(11) {top:76px;left:112px;}
.card_box1 img:nth-of-type(10), .card_box3 img:nth-of-type(12) {top:76px;left:168px;}
.card_box1 img:nth-of-type(11), .card_box3 img:nth-of-type(13) {top:76px;left:224px;}
.card_box1 img:nth-of-type(12), .card_box3 img:nth-of-type(14) {top:152px;left:0px;}
.card_box1 img:nth-of-type(13), .card_box3 img:nth-of-type(15) {top:152px;left:56px;}
.card_box1 img:nth-of-type(14), .card_box3 img:nth-of-type(16) {top:152px;left:112px;}
.card_box1 img:nth-of-type(15), .card_box3 img:nth-of-type(17) {top:152px;left:168px;}
.card_box1 img:nth-of-type(16), .card_box3 img:nth-of-type(18) {top:152px;left:224px;}

.card_box1.anime2 img:nth-of-type(2),
.card_box3.anime5 img:nth-of-type(4) {animation: eff2 0.5s linear 0s 1 forwards; -webkit-animation: eff2 0.5s linear 0s 1 forwards;}
.card_box1.anime2 img:nth-of-type(3),
.card_box1.anime2 img:nth-of-type(7),
.card_box3.anime5 img:nth-of-type(5),
.card_box3.anime5 img:nth-of-type(9) {animation: eff2 0.5s linear 0.1s 1 forwards; -webkit-animation: eff2 0.5s linear 0.1s 1 forwards;}
.card_box1.anime2 img:nth-of-type(4),
.card_box1.anime2 img:nth-of-type(8),
.card_box1.anime2 img:nth-of-type(12),
.card_box3.anime5 img:nth-of-type(6),
.card_box3.anime5 img:nth-of-type(10),
.card_box3.anime5 img:nth-of-type(14) {animation: eff2 0.5s linear 0.2s 1 forwards; -webkit-animation: eff2 0.5s linear 0.2s 1 forwards;}
.card_box1.anime2 img:nth-of-type(5),
.card_box1.anime2 img:nth-of-type(9),
.card_box1.anime2 img:nth-of-type(13),
.card_box3.anime5 img:nth-of-type(7),
.card_box3.anime5 img:nth-of-type(11),
.card_box3.anime5 img:nth-of-type(15) {animation: eff2 0.5s linear 0.3s 1 forwards; -webkit-animation: eff2 0.5s linear 0.3s 1 forwards;}
.card_box1.anime2 img:nth-of-type(6),
.card_box1.anime2 img:nth-of-type(10),
.card_box1.anime2 img:nth-of-type(14),
.card_box3.anime5 img:nth-of-type(8),
.card_box3.anime5 img:nth-of-type(12),
.card_box3.anime5 img:nth-of-type(16) {animation: eff2 0.5s linear 0.4s 1 forwards; -webkit-animation: eff2 0.5s linear 0.4s 1 forwards;}
.card_box1.anime2 img:nth-of-type(11),
.card_box1.anime2 img:nth-of-type(15),
.card_box3.anime5 img:nth-of-type(13),
.card_box3.anime5 img:nth-of-type(17) {animation: eff2 0.5s linear 0.5s 1 forwards; -webkit-animation: eff2 0.5s linear 0.5s 1 forwards;}
.card_box1.anime2 img:nth-of-type(16),
.card_box3.anime5 img:nth-of-type(18) {animation: eff2 0.5s linear 0.6s 1 forwards; -webkit-animation: eff2 0.5s linear 0.6s 1 forwards;}

.motif_box2_text{
	margin: 0 130px 10px;
	text-align: left;
}

.card_box3 img:nth-of-type(2),
.card_box3 img:nth-of-type(3) {
	opacity:0;
}

.card_box3.anime5 img:nth-of-type(3) {animation: eff5 3s linear 1.5s 1 forwards;}
.card_box3.anime5 img:nth-of-type(2) {animation: eff1 1s linear 3s 1 forwards;}

.final_tarot_bg {
	width: 320px;
	height: 225px;
	margin: 0 auto;
	overflow: hidden;
	background: url("../images_sp/common/final_tarot_bg.jpg") no-repeat;
}
.final_tarot_upper {
	margin: 30px auto 0;
	width: 280px;
	height: 76px;
	position: relative;
}
.final_tarot_bottom {
	margin: 20px auto ;
	width: 280px;
	height: 76px;
	position: relative;
}

.final_tarot_upper img,
.final_tarot_bottom img {
	position: absolute;
	top: 0;
	left: 0;
	width: 280px;
	height: 76px;
}
.final_tarot_upper img:nth-of-type(n+2),
.final_tarot_bottom img:nth-of-type(n+2) {
	width: 56px;
	height: 75px;
}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(2) {top:0px;left:0px;}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(3) {top:0px;left:56px;}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(4) {top:0px;left:112px;}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(5) {top:0px;left:168px;}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(6) {top:0px;left:225px;}

.final_tarot_bg.anime4 .final_tarot_upper img:nth-of-type(2),
.final_tarot_bg.anime4 .final_tarot_bottom img:nth-of-type(6) {animation: eff2 0.5s linear 0s 1 forwards; -webkit-animation: eff2 0.5s linear 0s 1 forwards;}
.final_tarot_bg.anime4 .final_tarot_upper img:nth-of-type(3),
.final_tarot_bg.anime4 .final_tarot_bottom img:nth-of-type(5) {animation: eff2 0.5s linear 0.1s 1 forwards; -webkit-animation: eff2 0.5s linear 0.1s 1 forwards;}
.final_tarot_bg.anime4 .final_tarot_upper img:nth-of-type(4),
.final_tarot_bg.anime4 .final_tarot_bottom img:nth-of-type(4) {animation: eff2 0.5s linear 0.2s 1 forwards; -webkit-animation: eff2 0.5s linear 0.2s 1 forwards;}
.final_tarot_bg.anime4 .final_tarot_upper img:nth-of-type(5),
.final_tarot_bg.anime4 .final_tarot_bottom img:nth-of-type(3) {animation: eff2 0.5s linear 0.3s 1 forwards; -webkit-animation: eff2 0.5s linear 0.3s 1 forwards;}
.final_tarot_bg.anime4 .final_tarot_upper img:nth-of-type(6),
.final_tarot_bg.anime4 .final_tarot_bottom img:nth-of-type(2) {animation: eff2 0.5s linear 0.4s 1 forwards; -webkit-animation: eff2 0.5s linear 0.4s 1 forwards;}

.result-container .secYudo .secListMsg.secListMsg2 { background-image: url(../images/result/sp/rsltImg2.jpg); min-height: 230px; }
.result-container .secYudo .secListMsg.secListMsg2 .secInfo { margin-left: 10px; }
.result-container .secListMsg.motif_box1_bg2 {
	background-image: url(../images/result/sp/rsltMotifImg.jpg);
	background-size: 100%;
	width: auto;
	min-height: 380px;
}

/*motif_jiki*/
.jiki_bg {
	background-image: url(../images/result/sp/jikiBg.jpg);
	width: 320px;
	height: 170px;
}
.jiki_n1 { top: 10%; left: 50%; }
.jiki_n2 { top: 30%; left: 40%; }
.jiki_n3 { top: 40%; left: 25%; }
.jiki_n4 { top: 35%; left: 60%; }
.jiki_n5 { top: 50%; left: 50%; }
.jiki_n6 { top: 16%; left: 70%; }
.jiki_n7 { top: 60%; left: 66%; }
.jiki_n8 { top: 5%; left: 32%; }
.jiki_box { top: 83%; }
.jiki_number { font-size: 280%; text-shadow: 0 0 15px #54ffc4, 0 0 15px #54ffc4; }
.jiki_bg.anime3 .jiki_n1 { animation: eff1 2s linear 0s 1 forwards; -webkit-animation: eff1 2s linear 0s 1 forwards; }
.jiki_bg.anime3 .jiki_n2 { animation: eff1 2s linear 0.5s 1 forwards; -webkit-animation: eff1 2s linear 0.5s 1 forwards; }
.jiki_bg.anime3 .jiki_n3 { animation: eff1 2s linear 1s 1 forwards; -webkit-animation: eff1 2s linear 1s 1 forwards; }
.jiki_bg.anime3 .jiki_n4 { animation: eff1 2s linear 1.5s 1 forwards; -webkit-animation: eff1 2s linear 1.5s 1 forwards; }
.jiki_bg.anime3 .jiki_n5 { animation: eff1 2s linear 2s 1 forwards; -webkit-animation: eff1 2s linear 2s 1 forwards; }
.jiki_bg.anime3 .jiki_n6 { animation: eff1 2s linear 2.5s 1 forwards; -webkit-animation: eff1 2s linear 2.5s 1 forwards; }
.jiki_bg.anime3 .jiki_n7 { animation: eff1 2s linear 3s 1 forwards; -webkit-animation: eff1 2s linear 3s 1 forwards; }
.jiki_bg.anime3 .jiki_n8 { animation: eff1 2s linear 3.5s 1 forwards; -webkit-animation: eff1 2s linear 3.5s 1 forwards; }

.jiki_box {
	margin: auto;
	padding: 0;
	width: 300px;
}
.jiki_box p { font-size: 96%; }
/*motif_jiki end*/

/********************************
*** secListing Styling
********************************/
.result-container .secListing .secInfo { padding: 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: 20px;
	width: inherit;
}
.secListing .secList .motif_box {
	background-image: url(../images/result/sp/rsltLstMotifTop.jpg), url(../images/result/sp/rsltLstMotifBtm.jpg), url(../images/result/sp/rsltLstMotifBg.jpg);
	background-size: 100%;
	padding: 40px 0 24px;
}
.secCommon .secList, .secListing .secList .secContent {
	background-image: url(../images/result/sp/rsltLstTop.jpg), url(../images/result/sp/rsltLstBtm.jpg), url(../images/result/sp/rsltLstBg.jpg);
	background-size: 100%;
}
.secCommon .secList .secContent, .secListing .secList .secContent { padding: 5px 0 40px; }
.result-container .secContent .paragraph, .result-container .secContent .secInList .paragraph { padding: 25px 20px 0; }
.secListing .secList .secInList span {
	display: block;
	font-size: 1.2em;
    line-height: 1.3em;
    font-weight: bold;
	text-align: center;
	text-indent: 0;
}
.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/text_img_m2.png);
	background-size: 100%;
	padding-top: 30px;
	height: 130px;
}

/************************************
****	top-container styling
*************************************/
.top-container .topCont {
	background-size: 100%;
	margin-bottom: 0;
}
.top-container .topCatch { display: none; }
.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: 200px 0 15px;
}
.top-container .topCont.secNew .commonMenuBox .info {
	background: transparent url(../images/top/sp/newDiv2.png) no-repeat center bottom;
	background-size: 100%;
    margin: 0 15px 20px;
    padding: 0 5px 20px;
}
.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 20px;
	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;
}

.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;
}
.secRecomm { background-size: 100%; padding: 200px 20px 0px; }

.top-container .testFree { padding: 10px 0 0; }
.naviCate .cateBtn {
    background-size: 100%;
    width: 100px;
	height: 35px;
}

.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%;
    margin-bottom: 0;
    padding: 130px 0px 0;
}
.top-container .secListing.topCont.secLove { padding-top: 180px; }
.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 .body-container .secListing .commonMenuBox { padding: 16px; }
.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 .packTop {
	background-image: url(../images/top/sp/packTop.jpg), url(../images/top/sp/packBtm.jpg), url(../images/top/sp/packBg.jpg);
	background-size: 100%;
	margin-top: -6px;
	padding: 355px 0 60px;
}
.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; }
.secPack .secTop.self { background-image: url(../images/top/sp/packTitMe.jpg); }
.secPack .secTop.target { background-image: url(../images/top/sp/packTitYou.jpg); }

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