body {
	background: none;
	font-size: 14px;
	line-height: 1.4em;
}

.hidden-sm { display: none !important; }
br.hidden-md { display: block !important; }

img.center,
img.block-center {
	position: relative;
	margin: 0 auto;
	max-width: 100%;
	z-index: 22;
}

.full-container {
	background-image: url(../images/common/sp/mBnr.jpg);
	background-size: 100%;
	padding-top: 300px;
}

.body-container {
	background-image: url(../images/common/sp/mBg.jpg);
	background-size: 100%;
}

.body-footer { 
	background-image: url(../images/common/sp/mBg.jpg);
	background-size: 100%;
	padding: 30px 10px 20px;
}
.body-footer .copyrightTxt {
	font-size: .8em;
	margin: 5px auto;
}

/********************************
*** Header Part
********************************/
header {
	background-image: url(../images/common/sp/naviBg.jpg);
    background-size: 100%;
	min-height: auto;
}
.navi-container { height: auto; min-height: 40px; }
.navi-container .naviInfo { display: table; margin: 0 auto; padding-top: 0; }
.navi-container .navi_btn {
	background-image: url(../images/common/button/sp/naviTop.jpg);
	background-size: 100%;
	margin: 0 auto;
	width: 160px;
	height: 45px;
}
.navi-container .navi_profile { background-image: url(../images/common/button/sp/naviProfile.jpg); }
.navi-container .navi_info { background-image: url(../images/common/button/sp/naviInfo.jpg); }
.navi-container .navi_input { background-image: url(../images/common/button/sp/naviInput.jpg); }

.breadcrumb {
	margin: 6px auto 10px;
	padding: 5px 12px 0;
	max-width: inherit;
	font-size: 0.9em;
}

/******************************** Header Part End ********************************/
.body-container .commonMenuBox {
	background-image: url(../images/common/menu/sp/inpMnBg.jpg);
	background-size: 100%;
}
.body-container .commonMenuBox .cmnTop {
    background-image: url(../images/common/menu/sp/inpMnTop.jpg);
	min-height: 50px;
}
.body-container .commonMenuBox .cmnBtm {
    background-image: url(../images/common/menu/sp/inpMnBtm.jpg);
	min-height: 45px;
}
.body-container .commonMenuBox .cmnTop, .body-container .commonMenuBox .cmnBtm {
	background-size: 100%;
	margin: 0 auto;
}
.body-container .commonMenuBox .cmnInfo { margin: -20px auto; }
.commonMenuBox .infoelement { padding: 0px 15px; }
.commonMenuBox .iconelement {
    margin-right: 5px;
    width: 50px;
    height: 50px;
}
.commonMenuBox .infoelement .titelement h3 { font-size: 18px; }
.commonMenuBox .infoelement .titelement h3:first-child { font-size: 16px; }
.commonMenuBox .titelement {
	padding-left: 56px;
	font-size: 79%;
}
.commonMenuBox .titelement .title { font-size: 1.6em; }

header .secDesc { width: 89%; margin: 10px auto 12px; }
.secDesc br { display: none; }

/*##################
	  Button
##################*/
.free-btn, .charge-btn, .start-btn {
	background-size: 100%;
	display: table;
	margin: 0 auto 10px;
	width: 245px;
	height: 122px;
}
.free-btn:hover .title, .charge-btn:hover .title { opacity: 0.9; }
.start-btn { height: 88px; }
.start-btn:hover { background-position: center -85px; }

.free-container .submit-btn {
	width: 180px;
    height: 62px;
    font-size: 1.1em;
    background-size: 100%;
}
.free-container .secCommon .submit-btn {
	width: 200px;
    height: 59px;
	font-size: 0.9em;
}
/*
.secCommon .submit-btn-trial { top: 120px; height: 72px; }
.res_type1_box1 .submit-btn-trial { top: 52px; height: 72px; z-index: 33; }
.free-container .submit-btn:hover, .submit-btn-trial:hover, .submit-btn-type3:hover, .submit-btn-type4:hover { background-position: center bottom; }
*/
.free-container .submit-btn .title { top: 26%; }
.free-btn .title, .submit-btn .title { top: 35%; }
.free-container .secCommon .smpAnimWrapper .submit-btn,
.free-container .listCore .smpAnimWrapper .submit-btn {
	width: 250px;
    height: 68px;
}
.free-container .listLast .submit-btn {
	width: 270px;
    height: 61px;
}
.charge-btn .title { top: 23%; }

/*################## Button End ##################*/

/*################## 
	info-container
##################*/
.info-container .section {
	background-image: url(../images/info/sp/proTop.jpg), url(../images/info/sp/proBtm.jpg), url(../images/info/sp/proBg.jpg);
	background-size: 100%;
	margin: 0 auto 10px;
	max-width: inherit;
	font-size: 1em;
}
.info-container .section.profile { padding: 65px 0 45px; }
.info-container .section.profile .secInfo {
	background-image: url(../images/info/sp/proImg.jpg), url(../images/info/sp/proNm.jpg);
	background-position: left top, 119px top;
	background-size: auto 158px;
	padding: 124px 20px 0;
}
.info-container .section.profile .secInfo ul li { margin-bottom: 6px; padding-right: 15px; }
.info-container .section.profile .secInner {
	background-image: url(../images/info/sp/proMsgTit.jpg), url(../images/info/sp/proInrBtm.jpg), url(../images/info/sp/proInrBg.jpg);
	background-size: 100%;
	padding: 55px 20px 30px;
	margin-bottom: 0;
}
.info-container .section.profile .proSign {
	background-size: 100%;
	width: 175px;
	height: 60px;
}
/*###### End Profile ######*/

.info-container .section.about {
	background-image: url(../images/info/sp/abtTop.jpg), url(../images/info/sp/abtCover.jpg), url(../images/info/sp/abtBtm.jpg), url(../images/info/sp/abtBg.jpg);
	background-position: center top, center 71px, center bottom, center top;
	background-size: 100%;
	padding: 12px 0 0;
}
.info-container .section.about .heading { height: 55px; }

.info-container .abtSec .abtTit {
	background-size: 100%;
	margin-bottom: 0;
	padding: 0;
	height: 70px;
}
.info-container .abtSec1 .abtTit { background-image: url(../images/info/sp/abtTit1.jpg); }
.info-container .abtSec2 .abtTit { background-image: url(../images/info/sp/abtTit2.jpg); }
.info-container .abtSecBtm {
	background-image: url(../images/info/sp/abtBtmCatch.jpg);
	background-size: 100%;
	padding: 40px 0 41px;
}
.info-container .abtSec .abtSubtTit {
	background-image: url(../images/result/sp/rsltCmnTitTop.jpg), url(../images/result/sp/rsltCmnTitBtm.jpg), url(../images/result/sp/rsltCmnTitBg.jpg);
	background-size: 98%;
	padding: 23px 15px 24px;
	color: #ffc;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.info-container .abtSecTit .contentWrapper { padding: 0 20px; }
.info-container .abtSecBtm .float {
	margin: 0 15px 10px auto;
	padding: 15px 15px 0;
	width: 68%;
	font-size: 108%;
}
.info-container .abtSec .samplePhrase {
	margin-bottom: 10px;
	font-size: 180%;
}
/*###### End About ######*/

.top_intro_textbox, .result-container .top_intro_textbox {
	padding: 15px 15px 5px;
	max-width: 95%;
	font-size: 102%;
	margin-top: 0;
}

/*##########################
	input-container 
##########################*/
.input-container .aisatsuBlock {
	background-image: url(../images/input/sp/inpKmCatch.jpg);
	background-size: 100%;
	padding: 0 20px;
}
.input-container .aisatsuBlock .float {
    float: right;
    margin: 0 auto 20px;
	width: 82%;
}

.komi {
	background-image: url(../images/input/sp/inpKmTop.jpg), url(../images/input/sp/inpKmBtm.jpg), url(../images/input/sp/inpKmBg.jpg);
	background-size: 100%;
	margin-bottom: -12px;
	padding: 70px 25px 50px;
	font-size: 0.9em;
}
.komi .komiUl { font-size: inherit; }
.komi ul li {
	background-size: 20px;
	font-size: 1.1em;
	padding-left: 25px;
    margin-top: 10px;
}

/*######### question #########*/
.input-container .formCatch {
	background: transparent url(../images/input/sp/formCatch.jpg) no-repeat center top;
	background-size: 100%;
	padding-top: 68px;
	width: 100%;
}
.question {
    background-image: url(../images/input/sp/inpFmBtm.jpg),url(../images/input/sp/inpFmBg.jpg);
	background-size: 100%;
	padding-bottom: 50px;
}

.question .top-heading.self {
    background-image: url(../images/input/sp/inpFmMe.jpg);
	padding: 70px 25px 10px;
	background-size: 100%;
}

.question .top-heading.target {
    background-image: url(../images/input/sp/inpFmYou.jpg);
	padding: 50px 25px 0;
	background-size: 100%;
}

.question .formInfo .inputHolder {
	display: table;
	margin: 0 auto;
}

.question form span.inbold,
.question form span.bold {
    text-align: left;
}

.question form span.bold.birthTime,
.question form span.bold.birth {
	display: inline-table;
    width: 100%;
}
.question form span.inbold { 
    color: #000;
    font-size: 1.3em;
}
.question select.form_mm { margin-left: 6px; }
.question .inputRow.rBirthTime .attention { margin-top: 0; }

.question .rGender { margin: 10px 7px 10px 1px; }

.question form #sex11+span,
.question form #sex21+span {
    display: initial;
	background: none;
}
.question .rGender span {
	margin-right: 0;
	min-width: 80px;
}

.question form span.birth_unit {
	display: inline-table;
    margin-left: -2px;
    width: 13px;
    height: 29px;
    font-weight: bold;
}

.question .inputRow.name .col:first-child { 
	height: 32px;
	text-align: left; 
}
.question .inputRow .attention { 
	margin-top: -10px; 
	font-size: 0.8em;
}
.question select.form_year {
	margin-left: 0px;
	width: 75px;
}
select {
    -webkit-rtl-ordering: logical;
	-webkit-text-fill-color: #000000;
	opacity: 1;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.question select.form_hh { margin-left: 0px; }
input[type="text"],
input[type="date"] { 
	margin-left: 0; 
	width: 230px;
}
.secYudo .input_submit { margin: 0 auto 10px; }
.input_submit a { display: table; }
span.spanError:before { top: -25px; left: 129px; }
/*################## input-container End ##################*/

/*########################## 
	result-container   
##########################*/
.result-container .subbody-container {
	background-image: url(../images/result/sp/res_balloon_img1.jpg), url(../images/result/sp/rsltBtm.jpg), url(../images/result/sp/rsltBg.jpg);
	background-size: 100%;
	max-width: inherit;
	padding: 0;
}
.result-container .secGreeting {
    background-position: right top;
	background-size: 86%;
	min-height: 120px;
	padding: 18px 0 0;
}
.result-container .secGreeting:before {
	content: "";
	float: left;
	display: table;
	width: 70px;
	height: 100px;
}
.result-container .secGreeting .greetingInfo {
	background-image: url(../images/result/sp/resMsgImg2.jpg);
	background-size: 100%;
	padding: 20px 20px 0;
	min-height: 130px;
}
.result-container .secGreeting .greetingInfo .paragraph { padding-top: 12px; }

.result-container .phraseCap {
	background-image: url(../images/result/sp/res_balloon4.jpg);
	background-size: 98% 100%;
	font-size: 110%;
}
.result-container .phraseCap .float { padding: 10px; }

.result-container .secTitle .paragraph {
	padding: 0 10px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.result-container .secCommon .secTitle .paragraph, .result-container .secListing .secTitle .paragraph { padding: 0; line-height: 1.3em; }
.result-container .secTitle .paragraph p { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
.result-container .secCommon .secTitle .paragraph br, .result-container .secListing .secTitle .paragraph br { display: none; }

/*######### secCommon #########*/
.result-container .bigTit {
	background-size: 100%;
}
.result-container .secCommonSub .secInfo .secInList {
	margin-left: 10px;
	padding: 10px 10px 2px;
	width: 68%;
}

.result-container .secUser {
	padding: 10px 0;
	max-width: 95%;
}
.result-container .secUser.inCol {
	flex-direction: column;
    align-items: center;
}

/*######### secCommon End #########*/

.result-container .secMsg { padding: 20px 20px 0; }
.secMsg .paragraph p { padding-bottom: 0; }
.result-container .commonCatch { padding: 0 12px; }
.result-container .secCommonSub .listCommonSub + .commonCatch p { padding-bottom: 0; }
.result-container .secCommonSub .secTitle, .result-container .listLast .imgTit + .secTitle {
	position: relative;
    top: -30px;
    margin-top: 20px;
	margin-bottom: -20px;
	font-size: 19px;
}
.result-container .listLast .imgTit + .secTitle { top: 0; margin: 0 auto; }
.result-container .secCommonSub .secTitle .paragraph, .result-container .listLast .imgTit + .secTitle .paragraph { margin-top: 5px; line-height: 1.3em; }
.result-container .listJikiPre .secTitle.imgTit {
	background-image: url(../images/result/sp/rsltJikiTit.jpg);
	background-size: 98%;
	padding: 15px 10px 5px;
	height: 62px;
}
.result-container .listLast .secTitle.imgTit {
	background-image: url(../images/result/sp/rsltLstTit.jpg);
	background-size: 98%;
	height: 80px;
}
.result-container .listLast .imgTit + .secTitle:before {
	background-size: 250px;
	margin-left: 5px;
	margin-right: -10px;
	width: 104px;
	height: 125px;
}

/*######### secListing #########*/
.result-container .secListing { background-size: 98%; padding: 40px 0; }
.result-container .secListing .fixed-cont { width: inherit; }

.result-container .secList.listCommonSub {
	margin: 0 auto;
	width: 98%;
	min-height: 170px;
}
.result-container .secTitle.subTit {
	background-image: url(../images/result/sp/resTit3.jpg);
	max-width: 95%;
	font-size: 17px;
}
/*.result-container .secListing .secList { padding-bottom: 10px; }*/
.result-container .secListing .secInfo { min-height: 60px; }
.result-container .secListing .innerList .paragraph { padding: 0; }

.result-container .secTitle {
	background-image: url(../images/result/sp/rsltKmTitTop.jpg), url(../images/result/sp/rsltKmTitBtm.jpg), url(../images/result/sp/rsltKmTitBg.jpg);
	background-size: 98%;
	padding: 16px 10px;
	font-size: 17px;
}
.result-container .listCore .secTitle, .result-container .secTitle.bigTit {
	background-image: url(../images/result/sp/rsltCmnTitTop.jpg), url(../images/result/sp/rsltCmnTitBtm.jpg), url(../images/result/sp/rsltCmnTitBg.jpg);
	background-size: 98%;
	padding: 20px 0 21px;
	font-size: 120%;
	color: #ffc;
}
.result-container .listJikiPre .secTitle.bigTit {
	background-image: url(../images/result/sp/rsltJikiTitTop.png), url(../images/result/sp/rsltJikiTitBtm.png), url(../images/result/sp/rsltJikiTitBg.jpg);
	padding: 22px 0 6px;
	color: #fff;
	text-shadow: none;
}
.result-container .listJikiPre .secTitle strong {
	text-shadow: 0px 0px 5px rgba(0,255,255,1), 0px 0px 5px rgba(0,255,255,1);
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	letter-spacing: -2px;
}

.result-container .secList.listCore .phraseBtm, .result-container .secList[class*=type] .phraseBtm {
	background-size: 98%;
	height: 65px;
}
.result-container .secList.type1 .phraseBtm { background-image: url(../images/result/sp/rsltCmnTop.jpg); }
.result-container .secList.type2 .phraseBtm { background-image: url(../images/result/sp/rsltCmnTop2.jpg); }
.result-container .secInfo .secInList {
	margin: 0 auto 10px;
	padding: 12px 12px 0;
	max-width: 95%;
}
.result-container .listLast .paragraph {
	float: none;
	margin: 0 auto;
	width: 98%;
}

/*######### secListing End #########*/


.jikiBox { font-size: 190%; }
.smpAnimWrapper { margin-bottom: 0; }
.free-container .blur {
	background-image: url(../images/result/blur/sp/text_img_m3.png);
	margin-top: 5px;
	padding-top: 30px;
	height: 125px;
}
.free-container .secCommonSub .blur { height: 80px; }
.free-container .listLast .blur {
	background-size: 96% 100%;
    width: 99%;
    height: 120px;
}

/*######### blur End #########*/
/*########################## result-container End ##########################*/

.next_alert {
	width: 87%;
	font-size: 13px;
}
.result-container .secYudo .yudo2 {
	background-image: url(../images/result/sp/resInfoTop14.jpg);
	background-size: 100%;
	padding-top: 40px;
}
.result-container .secYudoMsg { padding: 0 10px 20px; width: 100%; }
.result-container .secYudoMsg .float { margin: 0 auto 0 0; width: 100%; }
.result-container .secYudoMsg, .result-container .secListing .secYudo .listLast .secYudoMsg { min-height: 230px; }
.result-container .secYudoMsg { background-image: url(../images/result/sp/resMsgImg8.jpg); }
.result-container .secListing .secYudo .listLast .secYudoMsg { background-image: url(../images/result/sp/resMsgImg7.jpg); }
.result-container .secYudoMsg .float,
.result-container .secListing .secYudo .listLast .secYudoMsg .float {
	padding: 10px 16px;
	width: 220px;
	max-width: 100%;
	font-size: 0.85em;
    line-height: 1.7em;
}

.secYudo .komiInfo {
	background-size: 100%;
	margin-bottom: 10px;
	padding: 70px 20px 30px;
}
.secCont.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: 325px 15px 40px;
}
.secCont.secIntro {
	background-image: url(../images/top/sp/introTop.jpg),url(../images/top/sp/introBg.jpg);
	background-size: 100%;
	padding: 250px 0 10px;
}

.introSummary .introSummBtn {
    background-size: 100%;
    margin: 0 auto;
	width: 155px;
	height: 82px;
}
.introSummary .introSummBtn.introSummBtn1 { background-image: url(../images/top/sp/introBtn1.jpg); }
.introSummary .introSummBtn.introSummBtn2 { background-image: url(../images/top/sp/introBtn2.jpg); }
.top-container .secCont .secInner {
	background: url(../images/top/sp/newDiv.png) no-repeat center top;
	background-size: 100%;
	margin-bottom: 6px;
	padding-top: 18px;
	display: table;
	width: 100%;
	height: 30px;
}
.top-container .secCont .secInner:first-child { background: none; padding-top: 0; }

.secCont.secSpecial {
	background-image: url(../images/top/sp/spTop.jpg),url(../images/top/sp/spBtm.jpg),url(../images/top/sp/spBg.jpg);
	background-size: 100%;
	padding: 285px 10px 50px;
}
.secCont.secSpecial .spCatch {
	background-image: url(../images/top/sp/boxTop.png),url(../images/top/sp/boxBtm.png),url(../images/top/sp/boxBg.png);
	background-size: 104%;
	margin-bottom: 10px;
	padding: 13px;
}
.secCont.secReview {
	background-image: url(../images/top/sp/reviewTop.jpg),url(../images/top/sp/reviewBtm.jpg),url(../images/top/sp/reviewBg.jpg);
	background-size: 100%;
	padding: 215px 10px 40px;
}
.secCont.secReview .reviewMessage {
	background-position: -20px top;
	background-size: 85px;
	margin-bottom: 10px;
	padding-left: 65px;
	font-size: 1em;
}
.secCont.secReview .reviewTitle {
	background-image: url(../images/top/sp/boxTop.png),url(../images/top/sp/boxBtm.png),url(../images/top/sp/boxBg.png);
	background-size: 104% auto;
	padding: 14px;
}
.secCont.secReview .reviewQuestion {
	padding: 8px 10px;
}
.secCont.secReview .reviewBlock {
	margin-bottom: 10px;
	padding: 0 10px 20px;
}
.secCont.secReview .reviewComment {
	padding: 0 5px;
}

.top-container .secCont .secList {
	background-size: 100%;
	padding: 111px 5px 30px;
}
.top-container .secCont .secList.secLove { background-image: url(../images/top/sp/cateTop1.jpg),url(../images/top/sp/cateBtm1.jpg),url(../images/top/sp/cateBg1.jpg); }
.top-container .secCont .secList.secMarry { background-image: url(../images/top/sp/cateTop2.jpg),url(../images/top/sp/cateBtm2.jpg),url(../images/top/sp/cateBg2.jpg); }
.top-container .secCont .secList.secLife { background-image: url(../images/top/sp/cateTop3.jpg),url(../images/top/sp/cateBtm3.jpg),url(../images/top/sp/cateBg3.jpg); }
.top-container .secCont .secList .ichiInner,
.top-container .secCont .secList .secInnerInfo {
	background-size: 100%;
	margin-bottom: 0;
	padding: 0;
}
.top-container .secCont .secList .ichiInner,
.top-container .secCont .secList .secInnerInfo { padding: 30px 20px 15px; }
.top-container .secCont .secList.secLove .ichiInner, .top-container .secCont .secList.secLove .secInnerInfo { background-image: url(../images/top/sp/cateSpTop1.jpg),url(../images/top/sp/cateSpBtm1.jpg),url(../images/top/sp/cateSpBg1.jpg); }
.top-container .secCont .secList.secMarry .ichiInner, .top-container .secCont .secList.secMarry .secInnerInfo { background-image: url(../images/top/sp/cateSpTop2.jpg),url(../images/top/sp/cateSpBtm2.jpg),url(../images/top/sp/cateSpBg2.jpg); }
.top-container .secCont .secList.secLife .ichiInner, .top-container .secCont .secList.secLife .secInnerInfo { background-image: url(../images/top/sp/cateSpTop3.jpg),url(../images/top/sp/cateSpBtm3.jpg),url(../images/top/sp/cateSpBg3.jpg); }
.top-container .secCont .secList .secInnerInfo .secInner { flex: 100%; padding: 0; }

.top-container .secFree .productBtn {
	background-size: 102%;
	height: 127px;
}
.top-container .secFree .productBtn.bnkf01 { background-image: url(../images/top/sp/freeBtn1.jpg); }
/*
.top-container .secFree .productBtn.bnk00 { background-image: url(../images/top/sp/freeBtn2.jpg); }
.top-container .secFree .productBtn.bnk97 { background-image: url(../images/top/sp/freeBtn3.jpg); }
*/

.top-container .naviCate { display: none; }
.top-container .secCont .cateTop { margin-bottom: 20px; padding: 0 20px; }