* { box-sizing: border-box; }
body {
    width: 100%;
    font-size: 14px;
	line-height: 1.5em;
    min-width: inherit;
    width: 100%;
}
.paragraph p {
    margin-bottom: 10px;
	text-align: justify;
	line-height: 1.6em;
}
.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%; }

/********************************
*** Header Part
********************************/
header .header-container:before {
	background-image: url(../images/common/sp/naviBg.png);
	background-size: 100%;
}
header .header-container .title-container {
	width: 100%;
	padding: 3px 50px 3px 0;
}
header .header-container .title-container .mTit {
    max-width: 100%;
    padding: 0;
}
header .header-container .title-container .mTit:first-child {
	margin-bottom: -5px;
}
.navi-container {
    padding: 0 18px;
	width: 100%;
	text-align: center;
}
.navi-container .pull-left {
/*	float: none;*/
	display: inline-table;
	text-align: center;
}
.navi-container .naviInfo {
	padding: 3px 0;
}
.input-container .navi-container .navi_btn,
.navi-container div.navi_btn {
	background-size: 481%;
    width: 142px;
	height: 32px;
}
.navi-container div.navi_top { background-position: 6px top; }
.navi-container div.navi_profile { background-position: -131px top; }
.navi-container div.navi_info { background-position: -274px top; }
.navi-container div.navi_sample { background-position: -409px top; }
.navi-container div.navi_input { background-position: -546px top; }
.navi-container div.navi_top:hover { background-position: 6px bottom; }
.navi-container div.navi_profile:hover { background-position: -131px bottom; }
.navi-container div.navi_info:hover { background-position: -274px bottom; }
.navi-container div.navi_sample:hover { background-position: -409px bottom; }
.navi-container div.navi_input:hover { background-position: -546px bottom; }

/********************************
*** Body Part
********************************/
.directLink {
	width: 90%;
	margin: 10px auto;
	padding: 0;
}
.body-footer .copyrightTxt { font-size: 0.8em; }
.full-container {
	background-image: url(../images/common/sp/mBnr.jpg);
	background-size: 100%;
	padding-top: 150px;
	width: 100%;
	min-width: 0;
}
.top-container .full-container { background-image: url(../images/common/sp/mBnr.jpg); padding-top: 150px; }
.body-container {
	background-image: none;
	background-color: #1a151b;
    min-width: 100%;
}
.top-container .body-container { background: #1d1c04 url(../images/common/mBg.jpg) repeat center top; }
.body-container .breadcrumb {
    padding: 0 10px;
	margin: 15px auto;
}

.body-container .commonMenuBox {
	background-image: none;
	margin: 5px auto 10px;
	padding: 0;
}
.body-container .commonMenuBox .info {
	background-image: url(../images/common/menu/sp/menuTop.jpg), url(../images/common/menu/sp/menuBtm.jpg), url(../images/common/menu/sp/menuBg.jpg);
	background-position: center top, center bottom, center top;
	background-size: 100%;
	margin: 0 auto;
	padding: 45px 6px 50px;
}
.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 { font-size: 1em; }
.body-container .commonMenuBox .info .infoelement h3 { line-height: 1.3em; }

/********************************
*** 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: 38px 0 40px;
}
.input-container .one-design .komi_cont .komiTop .txtHide {
    margin-bottom: 40px;
	height: 34px;
}
.input-container .one-design .komiInfo ul { max-width: 90%; }
.input-container .one-design .komiInfo ul li span {
	background-position: left 3px;
	background-size: 21px;
	padding: 1px 0 8px 30px;
}

.two-design {
	background-image: url(../images/input/sp/inpFmMy.jpg), url(../images/input/sp/inpFmBtm.jpg), url(../images/input/sp/inpFmBg.jpg);
	background-size: 100%;
	padding-top: 110px;
	padding-bottom: 50px;
}
.input-container .two-design .secInfo { padding: 0 25px 10px; margin-bottom: 0; }
.input-container .two-design .secInfo .attention { text-align: left; }
.two-design .secTop.target {
	background-image: url(../images/input/sp/inpFmOne.jpg);
	background-size: 100%;
	padding-top: 115px;
}
.input-container table tr th,
.input-container table tr td {
	background-size: 130px;
	display: table;
	width: 100%;
	height: 35px;
}
.input-container form .secInfo .fmTit { background-size: auto 100%; margin-bottom: 3px; }
.input-container form .secInfo .name .fmTit { width: 22px; top: 1px; margin-right: -3px; }
.input-container form .secInfo .birthday .fmTit, .input-container form .secInfo .sex .fmTit { width: 100%; }
.input-container .fmInput { width: 88%; }
.input-container .birthday .fmInput { width: 100%; }
.input-container select {
	position: relative;
	padding: 4px;
	border-radius: 5px;
	z-index: 33;
}
select {
	background: #fff url(../../../images_m/iconArrow.png) no-repeat 93% center;
	background-size: 9px;
	padding-right: 15px!important;
	-webkit-appearance: none;
  	appearance: none;
    -webkit-rtl-ordering: logical;
	-webkit-text-fill-color: #000000;
	opacity: 1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
form input[type="text"] { width: 100%; padding: 6px; }
.spanError { top: 7px; left: 113px; font-size: 9px; }

.free-btn, .charge-btn, .start-btn {
    background-size: 100%;
    width: 280px;
    height: 86px;
}
.start-btn {
	width: 210px;
	height: 64px;
}
.priceHolder { font-size: 1.7em; }
.free-container .charge-btn {
	background-size: 100%;
	width: 200px;
	height: 62px;
	font-size: 0.8em;
}

/********************************
*** sec-cont Part
********************************/
.infCont {
    background-size: 105%;
	padding: 10px 0 32px;
}
.infCont .secTitle {
	margin-bottom: 19px;
	height: 35px;
}
.infCont .paragraph { padding: 0; }
.infCont .secInner .paragraph { padding: 0; }
.infCont dt {
	background-size: 26px;
	padding-top: 2px;
	padding-left: 36px;
}
.infCont dd {
	padding-left: 33px;
	font-size: 0.9em;
}

.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-top: 40px;
}
.infCont.secAbout .secInfo {
	background-image: url(../images/info/sp/infProImg.jpg), url(../images/info/sp/infProNm.jpg);
	background-position: center top, center 165px;
	background-size: 100%;
	padding: 220px 10px 15px;
}
.infCont.secAbout ul li {
	background-size: 25px;
	background-position: left 1px;
	padding-top: 0;
    padding-left: 27px;
	font-size: 0.8em;
}
.infCont .abtTit {
	background-size: 100%;
	padding: 0;
	height: 29px;
}
.infCont .abtSec { padding: 0; }
.infCont .abtSec1 .abtTit { background-image: url(../images/info/sp/infSkillTop2.jpg); }
.infCont .abtSec2 .abtTit { background-image: url(../images/info/sp/infSkillTop3.jpg); }
.infCont .abtSec3 .abtTit { background-image: url(../images/info/sp/infSkillTop4.jpg); }
.infCont .abtSec4 .abtTit { background-image: url(../images/info/sp/infSkillTop5.jpg); }
.infCont .abtSec .paragraph {
	background-size: 100%;
	background-position: center 10px;
	padding: 160px 30px 0;
	max-width: 100%;
}
.infCont .abtSec1 .paragraph { background-image: url(../images/info/sp/infSkillImg1.jpg); }
.infCont .abtSec2 .paragraph { background-image: url(../images/info/sp/infSkillImg2.jpg); }
.infCont .abtSec3 .paragraph { background-image: url(../images/info/sp/infSkillImg3.jpg); padding-top: 170px; }
.infCont .abtSec4 .paragraph { background-image: url(../images/info/sp/infSkillImg4.jpg); }
.infCont.secAbout .secInner {
	background-image: url(../images/info/sp/infProMsg.jpg);
	background-size: 110%;
	padding: 20px 20px 15px;
	font-size: 1em;
}
.infCont.secAbout .secInner .txtHide {
    margin-bottom: 30px;
	height: 20px;
}

.infCont.secSkill {
	background-image: url(../images/info/sp/infSkillTop.jpg), url(../images/info/sp/infSkillBtm.jpg), url(../images/info/sp/infSkillBg.jpg);
	background-size: 100%;
	padding: 40px 0 50px;
}

.infCont.secSpeIntro {
	background-image: url(../images/top/sp/introTop.jpg), url(../images/top/sp/introBtm.jpg), url(../images/top/sp/introBg.jpg);
	background-position: center -17px, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-size: 100%;
	padding: 195px 0 30px;
}
.infCont.secSpeIntro .secInfo .paragraph { padding: 10px 2px; }
.inrSpeIntro { background-size: 100%; }
.inrSpeIntro .inrSpeCatch {
	background-size: 100%;
	padding-top: 200px;
	padding: 15px 26px;
	font-size: 15px;
}
.inrSpeIntro1 .inrSpeCatch { background-image: url(../images/top/sp/introImg1_2.jpg); }
.inrSpeIntro2 .inrSpeCatch { background-image: url(../images/top/sp/introImg2_2.jpg); }
.inrSpeIntro .speProduct { padding: 14px;  max-width: 89%; }
.inrSpeIntro .speProduct a:before {
	content: "";
	background: transparent url(../images/info/sp/infProIcon.jpg) no-repeat center top;
	background-size: 100%;
	display: table;
	float: left;
	width: 23px;
	height: 23px;
}
.infCont.secSample {
	background-size: 100%;
	padding: 30px 0 28px;
}
.infCont.secSample .secInfo {
	padding: 0 20px;
}
.infCont .paragraph { padding: 0; }
.secSample img.pull-left {
	float: left;
	width: 65px;
}

.secSample .test { padding-left: 75px; }
.secSample .test img { max-width: 100%; }
.secSample .test p { padding: 0 15px 0 5px; }
.infCont .secSamp { background-size: 100%; }
.infCont .secSamp.secSamp1 { padding-top: 0; height: 265px; }
.infCont .secSamp.secSamp2 { margin-top: 20px; height: 250px; }
.infCont .secSamp.secSamp3 { height: 345px; }
.infCont .secSamp.secSamp4 { height: 290px; }

.body-container .commonMenuBox .info .infoelement h3:first-child { font-size: 1.1em; }

.infCont.secReview {
	background-image: url(../images/top/sp/revBoardTop.jpg), url(../images/top/sp/revBoardBtm.jpg), url(../images/top/sp/revBoardBg.jpg);
	background-size: 100%;
	padding: 90px 0 35px;
}
.secReview .secInfo { padding: 0; }
.secReview .secInner {
	background-size: 100%;
	padding: 0;
	font-size: 0.85em;
}
.secReview .secInner .revTit {
	background-size: 100%;
	background-repeat: no-repeat;
	height: 80px;
	margin-top: 10px;
}
.secReview .secInner1 .revTit { background-image: url(../images/top/sp/revBoardTop2.jpg), url(../images/top/sp/introInrBtm.jpg), url(../images/top/sp/introInrBg.jpg); }
.secReview .secInner2 .revTit { background-image: url(../images/top/sp/revBoardTop3.jpg), url(../images/top/sp/introInrBtm.jpg), url(../images/top/sp/introInrBg.jpg); }
.secReview .secInner3 .revTit { background-image: url(../images/top/sp/revBoardTop4.jpg), url(../images/top/sp/introInrBtm.jpg), url(../images/top/sp/introInrBg.jpg); }
.secReview .secInner .revAns,
.secReview .secInner .revComment {
	background: none;
	padding: 5px 25px 0;
	height: auto;
	text-indent: 0;
}
.secReview .secInner .revAns { padding-top: 210px; }
.secReview .secInner .revProduct { padding: 7px 6px; max-width: 92%; }
.body-container .revProduct.commonMenuBox .info { font-size: 1.1em; }

/********************************
*** Result Part
********************************/
.result-container .secGreet {
	background-image: url(../images/result/sp/rsltGreetBg.jpg);
	background-size: 100%;
	padding: 70px 10px 20px;
	min-height: auto;
}
.result-container .secGreet .secInfo {
	margin: 0;
	padding: 55px 10px 0;
}
.result-container .greetMsg {
	width: 100%;
	height: 378px;
}
.secListing .typeMsg.first {
	background-image: url(../images/result/sp/rsltLstMsg.jpg);
	background-size: 100%;
	padding: 0;
}
.secListing .typeMsg.first .greetMsg {
	padding: 90px 25px 140px;
    margin-bottom: 0;
    height: auto;
    min-height: 400px;
}
.secCommon {
	background-image: url(../images/result/sp/rsltBg.jpg);
	background-size: 100%;
}
/*.secCommon .secUser { margin-bottom: 10px; }*/
.secCommon .cmnTit {
	background-image: url(../images/result/sp/rsltCmnTit1.jpg);
	background-size: 100%;
	height: 120px;
}
.secCommon .cmnTit1 { background-image: url(../images/result/sp/rsltCmnTit3.jpg); }
.secCommon .cmnTit2 { background-image: url(../images/result/sp/rsltCmnTit4.jpg); }
.secCommon .cmnTit3 { background-image: url(../images/result/sp/rsltCmnTit5.jpg); }
.secCommon .cmnTit4 { background-image: url(../images/result/sp/rsltCmnTit2.jpg); }

.reiBoard {
	background-image: url(../images/result/sp/rsltCmnBg1.jpg);
	background-size: 100%;
	width: 100%;
	height: 210px;
}
.reiBoard2 {
	background-image: url(../images/result/sp/rsltCmnBg3.jpg);
}
.reiBoard .motif {
	top: 40px;
	left: 0;
}
.reiBoard .motif img {
	max-width: 100%;
}
.secListing {
	background-image: url(../images/result/sp/rsltBtm.jpg), url(../images/result/sp/rsltBg.jpg);
	background-size: 100%;
	padding-bottom: 50px;
}
.secListing .secTitle {
	background-image: url(../images/result/sp/rsltLstTitTop.jpg), url(../images/result/sp/rsltLstTitBtm.jpg), url(../images/result/sp/rsltLstTitBg.jpg);
	background-size: 100%;
	padding: 32px 20px;
	font-size: 1.15em;
}
.secListing .secInfo {
	padding: 0;
}
.secListing .final.first {
	background-image: url(../images/result/sp/rsltFinalTop.jpg);
	background-size: 100%;
	padding: 110px 0 0;
}
.secListing .final.first .finalCatch {
	background-image: url(../images/result/sp/rsltFinalTxt.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 65px;
}
.secListing .final.first .secTitle {
	padding: 0;
	min-height: auto;
}
.secListing .final.first .secTitle .paragraph {
    margin: 0 auto;
	padding: 10px;
    max-width: 90%;
}

.secListing .final.first .secInfo {
	background-image: url(../images/result/sp/rsltFinalBg.jpg);
	background-size: 100%;
	padding: 0 0 180px;
}
.secListing .final.first .secInfo .secInList {
    background: none;
	padding: 20px 0;
    width: 100%;
	min-height: auto;
    border: 0;
}
.secListing .first .secTitle {
    background-color: rgba(48, 31, 82, 0.5);
/*    border-top: #333 1px solid;*/
/*    border-bottom: #333 1px solid;*/
	max-width: 100%;
}
.secListing .type1.first .secTitle, .secListing [class*="type3"].first .secTitle {
	padding: 10px 20px;
	max-width: 100%;
}
.secListing .type2.first .secTitle {
	background-image: url(../images/result/sp/rsltT2Tit1.jpg);
	background-size: 100%;
	padding: 180px 0 0;
}
.secListing .type2.first .secTitle.tit1 { background-image: url(../images/result/sp/rsltT2Tit3.jpg); }
.secListing .type2.first .secTitle.tit2 { background-image: url(../images/result/sp/rsltT2Tit4.jpg); }
.secListing .type2.first .secTitle.tit3 { background-image: url(../images/result/sp/rsltT2Tit5.jpg); }
.secListing .type2.first .secTitle.tit4 { background-image: url(../images/result/sp/rsltT2Tit2.jpg); }
.secListing .type2.first .secInfo .paragraph {
	float: none;
	width: 100%;
	padding: 0;
}
.secListing .secMsg .secTitle {
	background-image: url(../images/result/sp/rsltMsgTit.jpg);
	background-size: 100%;
	margin-bottom: 0;
	padding: 22px 40px 20px;
    height: 140px;
}
.secListing .secMsg .secInList .paragraph, .free-container .secListing .secMsg .secInList .paragraph {
	width: 100%;
}
.secListing .type2 .secInfo, .secListing .secMsg .secInfo { padding: 0; }
.secListing .type2 .secInfo .paragraph, .secListing .secMsg .secInfo .paragraph {
	padding: 0 25px;
}
.res_type2_motif_box {
	float: none;
	display: table;
	margin: 0 auto;
}
.secListing [class*="type3"].first .type3Top {
	background-image: url(../images/result/sp/rsltT3Tit1.jpg);
	background-size: 100%;
	height: 104px;
}
.person2 .secListing [class*="type3"].first .type3Top { background-image: url(../images/result/sp/rsltT3Tit2.jpg); }
.motif_box img { max-width: 90%; }
.secListing .secMsg .secInfo { background-image: none; }
.res_sub_img5 { float: none; }
.res_sub_img5, .res_tarot_canvas {
	margin: 0 auto;
	width: 200px;
	height: 280px;
}
.res_sub_img5 > img { max-width: 100%; margin-top: 0; }


/************************************
****	free-container styling
*************************************/
.result-container .blur,
.result-container .paragraph .blur,
.result-container .secLeft .paragraph .blur,
.result-container .secRight .paragraph .blur,
.secListing .type2.first .secInfo .paragraph .blur,
.secListing .final.first .secInfo .blur,
.result-container .secMsg .paragraph .blur {
	background-image: url(../images/result/blur/sp/text_img_m3.png);
	background-size: 90%;
	margin-top: 0;
	padding-top: 40px;
	height: 145px;
}

/************************************
****	top-container styling
*************************************/
.top-container .topCont {
	background-size: 100%;
	padding: 80px 25px 30px;
}
.top-container .topCont.secNew .secMenu + .secMenu {
    border-top: 1px dashed #8c8c8c;
    margin-top: 10px;
    padding-top: 10px;
}
.top-container .topCont.secListing { padding: 130px 10px 30px; }
.top-container .topCont.secLove { background-image: url(../images/top/sp/loveTop.jpg), url(../images/top/sp/loveBtm.jpg), url(../images/top/sp/loveBg.jpg); }
.top-container .topCont.secMarry { background-image: url(../images/top/sp/marrTop.jpg), url(../images/top/sp/marrBtm.jpg), url(../images/top/sp/marrBg.jpg); }
.top-container .topCont.secLife { background-image: url(../images/top/sp/lifeTop.jpg), url(../images/top/sp/lifeBtm.jpg), url(../images/top/sp/lifeBg.jpg); }
.top-container .topCont.secLove .secMenu, .top-container .topCont.secMarry .secMenu,
.top-container .topCont.secLife .secMenu, .top-container .topCont.lstSingle-1 .secMenu.last {
	background: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.top-container .topCont.secListing .menuInfo:first-child { margin-right: 0; }
.top-container .topCont.secListing .menuInfo,
.top-container .topCont.lstSingle-1 .secMenu.last .menuInfo {
	background: #ebe8e8;
	padding: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.top-container .topCont .secMenu .price,
.top-container .topCont.lstSingle-1 .secMenu .price {
	position: relative;
	bottom: auto;
	width: 100%;
}

.secYudo { 
	background-image: url(../images/result/free/sp/rsltYudoTop.jpg), url(../images/result/free/rsltBtm.jpg), url(../images/result/sp/rsltBg.jpg);
	background-size: 100%;
	padding-top: 160px;
}
.secYudo .yudoInner { padding: 0; }
.secYudo .yudoContent { padding: 13px 20px; line-height: 1.5em; font-size: 15px; }
.secYudo .yudoContent .komiTitle {
	background-image: url(../images/result/free/sp/rsltYudoKmTit.png);
	background-size: 100%;
}
.secYudo .yudoResult .fixed-cont { padding: 0 30px; }
.body-container .secYudo .yudoInner .commonMenuBox.noBg { margin: 10px; }
.body-container .secYudo .komiInfo ul li span { font-size: 15px; }
.next_alert { max-width: 87%; }

.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: 245px 10px 40px;
}
.top-container .recommCatch {
	background-image: url(../images/top/sp/revTop.jpg);
	background-size: 100%;
	margin-top: 10px;
	padding: 25px;
	min-height: 400px;
}
.top-container .topCont.secRecomm {
	background-image: url(../images/top/sp/recommBtm.jpg), url(../images/top/sp/recommBg.jpg);
	padding: 0;
}
.secRecomm .secInfo, .free .secRecomm .secInfo { padding: 0 10px 40px; }
.prodDiv { background-size: 112%; height: 28px; }

.top-container .topCont.secFree {
	background-image: url(../images/top/free/sp/freeTop.jpg), url(../images/top/free/sp/freeBtm.jpg), url(../images/top/free/sp/freeBg.jpg);
	background-size: 100%;
	padding: 140px 10px 30px;
}
.top-container .topCont.secFree .secInfo .price { color: #880000; }
.top-container .topCont.secFree .secInfo, 
.top-container .topCont.secFree .secInfo.plural {
	display: block;
	background: none!important;
	padding: 0;
}
.top-container .topCont.secFree .secInfo .menuInfo, 
.top-container .topCont.secFree .secInfo.plural .menuInfo{ background: #ebe8e8!important; margin-bottom: 10px; padding: 10px; }