html { margin: 0; padding: 0; }
body {
	font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "微軟雅黑", "宋体", Tahoma, Helvetica, STHeiti;
	background: #000 url(../images/common/mBg.jpg) no-repeat center top;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 17px;
	line-height: 1.6em;
}
@media (max-width: 1300px) {
	body {
		display: inline-table;
		background-size: 2000px;
		background-position: -330px 0px;
	}
}
div { display: block; }
.hidden-md { display: none; }
.txtHide { display: block; text-indent: -9999px; }
.fixed-cont {
    width: 880px;
    margin: 0 auto;
}
.clearfix:after {
	display: block;
	content: "";
	clear: both;
}

/********************************
*** Paragraph & Padding Styling
********************************/
h2 {
    font-size: 1.2em;
    line-height: 1.3em;
    color: #ff0;
}
.scroll_box { overflow: hidden; display: none; }
.result-container .paragraph { line-height: 1.8em; }
.result-container .secListing .secInfo { padding-bottom: 10px; }
.result-container .secContent .secInList .paragraph { padding: 10px 90px 70px; }
.result-container .secTitle .paragraph { line-height: 1.5em; }
a { text-decoration: none; }
.paragraph p {
    text-align: justify;
    text-indent: 16px;
    margin-bottom: 20px;
}
p.no-indent { text-indent: 0 !important; }
strong { font-weight: bold; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-black { color: #000; }
.text-yellow { color: #ffe400; }
.text-dark-red { color: #990000; }
.text-purple { color: #990099; }
.text-soft-purple { color: #800b8b !important; }
.text-dark-purple { color: #1b0142; }
.text-pink { color: #ffa5d8; }
.text-blue { color: #004672; }
.text-pgreen { color: #CC0; }
.attention { color: #550171; font-size: 0.9em; font-weight: bold; }
span.red { color: #ff0000; font-weight: bold; }

section.no-margin { margin: 0; }
section.no-padding { padding: 0; }

.float-top {
    position: relative;
    z-index: 22;
}

.block-center {
	display: table;
	margin: 0 auto;
	text-align: center;
}
.half {
	width: 50%;
    float: left;
}
.pull-left { float: left; }
.pull-right { float: right; }
img-responsive {
	max-width: 100%;
	margin: 0 auto;
}
img { border: none; }
img.pull-left { margin-right: 15px; }
img.pull-right { margin-left: 15px; }

.center {
    margin: 0 auto;
    display: block;
	text-align: center;
}
.bodyFooter { display: none; }
.body-footer { 
	background: transparent url(../images/common/mBgSub.png) repeat-y center top; 
	padding: 30px 10px; text-align: center;
}
.body-footer a, .bodyFooter .center { 
	display: block;
	margin-bottom: 30px; 
	color: #e8ca22; 
}
.body-footer a, .bodyFooter .center:hover { color: #b89a02; }

.clear { clear: both; }

.in {
	text-align: center;
	color: #fff;
}
.inImg {
	float: right;
	padding-right: 85px;
}
.inTex {
	width: 300px;
	float: left;
	padding-left: 85px;
}

/********************************
*** Header Part
********************************/
header .header-container {
	background: transparent url(../images/common/naviBg.png) no-repeat center top;
	position: relative;
	min-height: 208px;
}
header .header-container .title-container {
	width: 960px;
	margin: 0 auto;
}
header .header-container .title-container .mTit {
	position: relative;
	z-index: 33;
	margin-bottom: -10px;
}
header .header-container .title-container .mTit:first-child {
	margin-bottom: -34px;
	z-index: 30;
}

.navi-container {
	background: transparent no-repeat;
	background-image: url(../images/common/button/naviL.png), url(../images/common/button/naviM.png), url(../images/common/button/naviR.png);
	background-position: left top,center top,right top;
	position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
	width: 100%;
	min-height: 60px;
	max-width: 840px;
}
.navi-container .naviInfo {
	position: relative;
	display: table;
	top: 0;
	padding-top: 1px;
	line-height: 0;
	z-index: 45;
}
.navi-container .naviInfo a { display: inline-block; }
.paid-container .navi-container .naviInfo { display: none; }

.navi-container a.linkNinput { visibility: hidden; }
.input-container .navi-container a.linkNinput,
.hasID .navi-container a.linkNinput { visibility: inherit; }
.input-container .linkNinput .navi_button {
	display: none;
	width: 270px; 
}
.navi-container .navi_button {
	background: url(../images/common/button/naviL.png) no-repeat center top;
    display: inline-block;
    width: 280px;
    height: 60px;
}
.navi-container .navi_button:before {
    background: url(../images/common/button/btnTxtSprite.png) no-repeat;
	content: "";
	position: relative;
	display: table;
	top: 14px;
	margin: 0 auto;
    width: 280px;
    height: 33px;
}
.navi-container .navi_home:hover,
.navi-container .navi_profile:hover,
.navi-container .navi_info:hover,
.navi-container .navi_input:hover { background-position: center top; }
/*
.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 -70px; pointer-events: none; }
*/

.navi-container .navi_top { background-image: url(../images/common/button/naviL.png); }
.navi-container .navi_home { background-image: url(../images/common/button/naviL.png); }
.navi-container .navi_profile { background-image: url(../images/common/button/naviL.png); }
.navi-container .navi_info { background-image: url(../images/common/button/naviM.png); }
.navi-container .navi_input { background-image: url(../images/common/button/naviR.png); }
.navi-container a:hover .navi_home,
.navi-container a:hover .navi_profile,
.navi-container a:hover .navi_info,
.navi-container a:hover .navi_input { background-position: center bottom; }

.navi-container .navi_top:before { background-position: center 2px; }
.navi-container .navi_home:before { background-position: center 2px; }
.navi-container .navi_profile:before { background-position: center -36px; }
.navi-container .navi_info:before { background-position: center -74px; }
.navi-container .navi_input:before { background-position: center -108px; }

/********************************
*** Common Part
********************************/
.body-container .commonMenuBox {
	background: transparent;
    background-image: url(../images/common/menu/inpMnTop.jpg), url(../images/common/menu/inpMnBtm.jpg), url(../images/common/menu/inpMnBg.jpg);
    background-position: center top, center bottom, center 49px;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-size: 100% 50px, 100% 50px, 100%;
    margin: 0 auto 0;
    padding: 55px 0;
}
.body-container .commonMenuBox .info {
    padding: 0 110px;
    color: #fff;
}
.body-container .commonMenuBox.noBg {
	background-image: none;
	margin: 0 auto;
	padding: 0;
}
.body-container .commonMenuBox.noBg .info { padding: 0; }

/* iconelement: free, xiangyu, danlian, erdwl, ngrdxy, reason, qihedu, jiehun, life, future, job, total, bulun, fuhe, qingyu, kulian, jwzh, nianyun, jueduan, fuyuan, lovedirection, rjkx, spdyx, suyuan, zhenxin, ngrday, kaiyun, zaihun, lihun, ageDiff, yueyun, kindanLove, spdlq, nightqhd, ngrday */
.body-container .commonMenuBox .info .iconelement {
	background: transparent no-repeat left 4px;
    background-size: 70px;
    display: inline-table;
    position: relative;
    padding-top: 0;
    padding-left: 82px;
    min-height: 65px;
}
.body-container .commonMenuBox .info .iconelement.free { background-image: url(../images/common/icon/icon0.png); }
.body-container .commonMenuBox .info .iconelement.xiangyu { background-image: url(../images/common/icon/icon1.png); }
.body-container .commonMenuBox .info .iconelement.danlian { background-image: url(../images/common/icon/icon2.png); }
.body-container .commonMenuBox .info .iconelement.erdwl { background-image: url(../images/common/icon/icon3.png); }
.body-container .commonMenuBox .info .iconelement.ngrdxy { background-image: url(../images/common/icon/icon4.png); }
.body-container .commonMenuBox .info .iconelement.reason { background-image: url(../images/common/icon/icon5.png); }
.body-container .commonMenuBox .info .iconelement.qihedu { background-image: url(../images/common/icon/icon6.png); }
.body-container .commonMenuBox .info .iconelement.jiehun { background-image: url(../images/common/icon/icon7.png); }
.body-container .commonMenuBox .info .iconelement.life { background-image: url(../images/common/icon/icon8.png); }
.body-container .commonMenuBox .info .iconelement.future { background-image: url(../images/common/icon/icon9.png); }
.body-container .commonMenuBox .info .iconelement.job { background-image: url(../images/common/icon/icon10.png); }
.body-container .commonMenuBox .info .iconelement.total { background-image: url(../images/common/icon/icon11.png); }
.body-container .commonMenuBox .info .iconelement.bulun { background-image: url(../images/common/icon/icon12.png); }
.body-container .commonMenuBox .info .iconelement.fuhe { background-image: url(../images/common/icon/icon13.png); }
.body-container .commonMenuBox .info .iconelement.qingyu { background-image: url(../images/common/icon/icon14.png); }
.body-container .commonMenuBox .info .iconelement.kulian { background-image: url(../images/common/icon/icon15.png); }
.body-container .commonMenuBox .info .iconelement.jwzh { background-image: url(../images/common/icon/icon16.png); }
.body-container .commonMenuBox .info .iconelement.nianyun { background-image: url(../images/common/icon/icon17.png); }
.body-container .commonMenuBox .info .iconelement.jueduan { background-image: url(../images/common/icon/icon18.png); }
.body-container .commonMenuBox .info .iconelement.fuyuan { background-image: url(../images/common/icon/icon19.png); }
.body-container .commonMenuBox .info .iconelement.lovedirection { background-image: url(../images/common/icon/icon20.png); }
.body-container .commonMenuBox .info .iconelement.rjkx { background-image: url(../images/common/icon/icon21.png); }
.body-container .commonMenuBox .info .iconelement.spdyx { background-image: url(../images/common/icon/icon22.png); }
.body-container .commonMenuBox .info .iconelement.suyuan { background-image: url(../images/common/icon/icon23.png); }
.body-container .commonMenuBox .info .iconelement.zhenxin { background-image: url(../images/common/icon/icon24.png); }
.body-container .commonMenuBox .info .iconelement.ngrday { background-image: url(../images/common/icon/icon26.png); }
.body-container .commonMenuBox .info .iconelement.kaiyun { background-image: url(../images/common/icon/icon27.png); }
.body-container .commonMenuBox .info .iconelement.zaihun { background-image: url(../images/common/icon/icon28.png); }
.body-container .commonMenuBox .info .iconelement.lihun { background-image: url(../images/common/icon/icon29.png); }
.body-container .commonMenuBox .info .iconelement.ageDiff { background-image: url(../images/common/icon/icon30.png); }
.body-container .commonMenuBox .info .iconelement.yueyun { background-image: url(../images/common/icon/icon31.png); }
.body-container .commonMenuBox .info .iconelement.kindanLove { background-image: url(../images/common/icon/icon32.png); }
.body-container .commonMenuBox .info .iconelement.spdlq { background-image: url(../images/common/icon/icon33.png); }
.body-container .commonMenuBox .info .iconelement.nightqhd { background-image: url(../images/common/icon/icon34.png); }
.body-container .commonMenuBox .info .iconelement.ngrday { background-image: url(../images/common/icon/icon35.png); }


.body-container .commonMenuBox .info .infoelement {
    display: inline-table;
	color: #dcd090;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
}
.body-container .commonMenuBox .info .infoelement .productTitle {
	color: #fe7b1e;
	padding-bottom: 4px;
    font-weight: bold;
}
.body-container .commonMenuBox .info .infoelement a {
	display: table;
	color: #e6d4e3;
	text-decoration: underline;
}
.body-container .commonMenuBox .info .infoelement a:hover { text-decoration: none; }
.body-container .commonMenuBox .price {
	color: #770000;
	text-align: right;
	font-weight: bold;
}

/********************************
*** Body Part
********************************/
.full-container {
	background: transparent url(../images/common/mBnr.png) no-repeat center top;
	display: table;
	margin: 0 auto;
	padding-top: 280px;
	width: 100%;
}
.top-container .full-container {
	background-image: url(../images/top/mBnrTop.png);
	padding-top: 550px;
}

.topBnrButton {
	background: transparent no-repeat center top;
	background-size: 100%;
	width: 482px;
	height: 100px;
	margin-left: 70px;
	margin-bottom: 20px;
}
.topBnrButton.tBtnUes04 { background-image: url(../images/top/topBtn1.png); }
.topBnrButton.tBtnUes04 { background-image: url(../images/top/topBtn1.png); }
.topBnrButton:hover { background-position: center bottom; }

.body-container {
	background: transparent url(../images/common/mBgSub.png) repeat-y center top;
    position: relative;
    display: table;
    margin: 0 auto;
	max-width: 950px;
    min-height: 295px;
	width: 100%;
    z-index: 44;
}
.body-container .subbody-container {
	position: relative;
    margin: 0 auto;
	max-width: 880px;
	z-index: 99;
}
.body-container .breadcrumb {
	margin: 40px auto;
	max-width: 720px;
}
.samp-container .breadcrumb {margin-bottom: 0;}
.body-container .breadcrumb span a {
    color: #abc;
    text-decoration: underline;
}
.body-container .breadcrumb span a:hover {
	color: #fff;
    text-decoration: none;
}
.body-container section { margin: 0px auto 20px; }

/********************************
*** Input Page
********************************/
.input-container .secDesc {
    margin: 10px auto;
    width: 75%;
    color: #ccc;
    font-size: 1em;
    text-align: center;
}
.one-design .fixed-cont + a,
.one-design .fixed-cont + br + a {
	display: table;
	margin: 0 auto;
}
.input-container .one-design .komi_cont {	
    background: transparent;
	background-image: url(../images/input/inpKmTop.jpg), url(../images/input/inpKmBtm.jpg), url(../images/input/inpKmBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position:  center top, center bottom, center top;
	padding: 150px 90px 100px;
}
.input-container .one-design .komiInfo ul {
    display: table;
    margin: 0 auto;
    max-width: 90%;
	min-width: 60%;
}
.body-container .komiInfo ul li.disp-0 { display: none; }
.body-container .komiInfo ul li span {
    background: transparent url(../images/input/iconStar.png) no-repeat left 2px;
    display: block;
    padding: 2px 0px 10px 35px;
	min-height: 29px;
    color: #fff;
}
.body-container .komiInfo ul li span span,
.body-container .komiInfo ul li br {
	display: none;
}

.two-design {
    background: transparent;
	background-image: url(../images/input/inpFmMe.jpg), url(../images/input/inpFmBtm.jpg), url(../images/input/inpFmBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
    position: relative;
	padding: 180px 0 120px;
	color: #000;
}
.two-design .secTop.target {
    background: transparent url(../images/input/inpFmYou.jpg) no-repeat center top;
	padding-top: 140px;
	width: 100%;
}
.two-design .secTitle {
    background: transparent url(../images/input/inTop.png) no-repeat center top;
    position: relative;
    top: -15px;
    width: 100%;
    height: 72px;
    padding: 45px 0 0;
    text-indent: -9999px;
}
.input-container .two-design .secInfo {
	display: table;
	margin: 0 auto 10px;
}
.input-container .two-design .secInfo .attention { font-weight: normal; }
.input-container .two-design .secInfo .fmDiv {
    display: table;
	margin-bottom: 20px;
}
.input-container .fmTit {
    background: transparent no-repeat center top;
	position: relative;
	display: inline-table;
	top: -5px;
	margin: 0 8px;
    width: 200px;
    height: 35px;
    font-size: 1em;
    text-indent: -9999px;
}
.input-container form .secInfo .name .fmTitF { width: 40px; background-image: url(../images/input/inpFmTit7.gif); }
.input-container form .secInfo .name .fmTitL { width: 40px; background-image: url(../images/input/inpFmTit1.gif); }
.input-container form .secInfo .birthday .fmTit { background-image: url(../images/input/inpFmTit2.gif); }
.input-container form .secInfo .birthday select + label { margin-right: 5px; }
.input-container form .secInfo .sex .fmTit { background-image: url(../images/input/inpFmTit5.gif); }
.input-container form .secInfo .sex select + label { margin-right: 5px; }

.input-container .fmInput { display: inline-table; }
.input-container form .secInfo .sex .fmInput {
    position: relative;
	top: 6px;
    font-size: 1.3em;
}
.input-container form .secInfo .sex .fmInput input[type="radio"] {
	position: relative;
	top: -3px;
}
input, select {
    font-size: 1.1em;
    padding: 5px;
    margin-bottom: 2px;
	text-align: left;
    border: 2px solid #525252;
    vertical-align: middle;
}
.input-container select {
	background: #fff url(../images/common/arrowDown.png) no-repeat 90% center;
    -webkit-background-size: 12px;
    background-size: 12px;
    padding: 0px 0px 3px 0px;
    padding: 10px;
	font-size: 1.2em;
    width: 60px;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    border: 2px solid #525252;
    border-radius: 5px;
    vertical-align: middle;
    -webkit-border-radius: 5px;
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
	
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    cursor: default;
}
.input-container select.form_year {
	width: 90px;
}
form input[type="text"] {
	padding: 7px;
	width: 210px;
    border-radius: 5px;
}
form input[type="radio"], form input[type="checkbox"] {
    margin: 0 8px;
    vertical-align: middle;
}
form input[type="image"] {
	display: table;
	margin: 20px auto;
	padding: 0;
    border: 0;
}
.input-container .entry_save { margin: 20px auto 0; }
.input-container .entry_save h4 {
	position: relative;
    float: left;
	top: 3px;
	margin-right: 11px;
    margin-top: -3px;
    line-height: 1.6em;
}
.spanError {
    position: absolute;
    display: none;
    color: #ffc200;
	top: -22px;
    left: 152px;
    background: rgba(22,22,22,66%);
    border: 1px solid #171717;
    font-size: 13px;
    width: 120px;
    text-align: center;
    line-height: 1.5em;
	border-radius: 3px;
	text-indent: 0;
}

/********************************
*** Button Styling
********************************/
.input_submit a, .blur a {
    display: table;
    margin: 0 auto;
    text-decoration: none;
}
.free-btn, .charge-btn, .start-btn {
	background: transparent no-repeat center top;
	display: table;
    width: 540px;
    height: 180px;
    margin: 10px auto 0;
	pointer-events: none;
}
.free-btn { background-image: url(../images/common/button/btnFree.png); }
.charge-btn { background-image: url(../images/common/button/btnSubmit.png); }
.start-btn {
	background-image: url(../images/common/button/btnStart.png);
	margin-bottom: 20px;
	width: 380px;
    height: 110px;
}
a:hover .free-btn, a:hover .charge-btn, a:hover .start-btn {
	background-position: center bottom;
}
.free-container .charge-btn {
    background: url(../images/common/button/btnNext.png) no-repeat center top;
	float: none;
	width: 295px;
    height: 90px;
    padding: 0;
    font-size: 0.5em;
    text-align: center;
    clear: both;
}
.free-container a:hover .charge-btn { background-position: center bottom; }
.priceHolder {
	display: table-cell;
	width: 100%;
	height: 100%;
    color: #fffac8;
    font-size: 45px;
    font-weight: normal;
	text-align: center;
    pointer-events: none;
	vertical-align: middle;
	text-shadow: -1px -1px 5px #192730, 1px -1px 5px #192730, -1px 1px 5px #192730, 
		1px 1px 5px #192730, 0px 0px 5px #192730, 0px 0px 8px #101e27;
}
.free-container .priceHolder { font-size: 26px; }
.free-btn:hover .priceHolder, .charge-btn:hover .priceHolder { text-shadow: 0 0 1px rgba(88, 88, 88, 0.7), 0 0 3px rgba(88, 88, 88, 0.7); }
.charge-btn:hover .priceHolder { color: #fff; }

/********************************
*** Info Page
********************************/
.info-container .infCont{ font-family: 微軟正黑體, 蘋果儷黑體, 新細明體, Verdana, sans-serif; }
.infCont {
	background: transparent;
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
    position: relative;
    margin: 0px auto;
	padding: 0 0 20px;
    max-width: 880px;
	width: 100%;
}
.infCont .secTitle { height: 100%; min-height: 120px; }
.infCont.secSkill .secTitle { min-height: 70px; }
.infCont .secInfo { padding: 0px 30px; }
.infCont.secSkill .secInfo { padding: 40px 0 0; }
.infCont .secInfo .paragraph { padding: 0 70px; }
.infCont.secAbout .secInfo {
	background: transparent no-repeat;
	background-image: url(../images/info/infProImg.jpg), url(../images/info/infPronNm.jpg);
	background-position: left top, right top;
	padding-top: 440px;
}
.infCont.secAbout { background-image: url(../images/info/infProTop.jpg), url(../images/info/infProBtm.jpg), url(../images/info/infProBg.jpg); }
.infCont.secSkill { background-image: url(../images/info/infAbtTop.jpg), url(../images/info/infAbtBtm.jpg), url(../images/info/infAbtBg.jpg); }

.infCont.secAbout .media {
	padding-left: 40px;
	font-size: 15px;
}
.infCont.secAbout .media .icon {
	background: url(../images/info/infProIcon.png) no-repeat left top;
	padding-left: 45px;
}
.infCont.secAbout .media > .paragraph { padding: 0 50px 20px; }
.infCont.secAbout .secInner {
    background: transparent center top;
	background-image: url(../images/info/infProMsgTit.jpg), url(../images/info/infProInrBg.jpg);
	background-repeat: no-repeat, repeat-y;
    padding: 60px 0 20px;
	color: #100;
}
.infCont.secAbout .secInner .paragraph {
	background: url(../images/info/infProSign.jpg) no-repeat 560px bottom;
	padding-bottom: 60px;
}

.infCont.secAbout .secInner .txtHide { height: 80px; }
.infCont .abtTit {
	background: transparent no-repeat center top;
	margin: 0 auto;
	padding: 30px 0;
    height: 55px;
	text-indent: -9999px;
}
.infCont .abtSec1 .abtTit { background-image: url(../images/info/infAbtTit1.jpg); }
.infCont .abtSec2 .abtTit { background-image: url(../images/info/infAbtTit2.jpg); }
.infCont .abtSec3 .abtTit { background-image: url(../images/info/infAbtTit3.jpg); padding: 20px 0; height: 95px; }
.infCont .abtSec .paragraph {
	background: transparent no-repeat left top;
	padding: 50px 80px 0 440px;
    min-height: 360px;
}
.infCont .abtSec1 .paragraph { background-image: url(../images/info/infAbtImg.jpg); }
.infCont .abtSec2 .paragraph {
	background-image: url(../images/info/introImg1.jpg); 
	background-position: 440px 20px;
	padding: 50px 480px 0 80px;
	min-height: 300px;
}
.infCont .abtSec3 .paragraph { 
	background-image: url(../images/info/introImg2.jpg);
	background-position: 60px 20px;
	padding-left: 480px;
	min-height: 420px;
}

/********************************
*** secIntro Section
********************************/
.secIntro {
	max-width: 880px;
	color: #fff;
}
.secIntro .secInfo { padding: 0; }
.secIntro .secInner {
	background: transparent;
/*
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
*/
	background-position: center top;
	background-repeat: no-repeat, repeat-y;
	padding: 550px 60px 0;
}
.secIntro .secInner1 { background-image: url(../images/info/introTop1.jpg), url(../images/info/introBg.jpg); }
.secIntro .secInner2 { background-image: url(../images/info/introTop2.jpg), url(../images/info/introBg.jpg); padding-top: 440px; padding-bottom: 0; }
.secIntro .secInner3 { background-image: url(../images/info/introBtm.jpg), url(../images/info/introBg.jpg); background-position: center bottom, center top; padding-top: 10px; padding-bottom: 80px; }
.secIntro .introTit { display: none; }
.secIntro .secInner3 .introTit {
    background: linear-gradient(180deg, #640b5d, #760c6d);
    position: relative;
	display: block;
	margin: 20px 100px;
    padding: 20px;
    text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	line-height: 1.4em;
    border-radius: 30px;
}
.secIntro .secInner3 .introTit:before {
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #760c6d;
}
.secIntro .secInner .introComment {
	background: transparent no-repeat left top;
	background-size: 300px;
    display: table;
	padding-left: 330px;
	min-height: 260px;
}
.secIntro .secInner1 .introComment { background-image: url(../images/info/introImg1.jpg); }
.secIntro .secInner2 .introComment { background-image: url(../images/info/introImg2.jpg); min-height: 360px; }
.secIntro .secInner3 .introComment { display: none; }


.secIntro .secInner .introProduct {
	display: table;
	background: none;
	text-align: center;
	margin: 0 auto;
    padding: 10px 20px;
	font-size: 14px;
}
.secIntro .secInner .introProduct .info a { 
	color: #B9D7EA; 
	text-decoration: underline; 
}
.secIntro .secInner .introProduct .info a:hover { 
	color: #fff; 
	text-decoration: none; 
}

/********************************
*** secRecomm Section
********************************/
.secRecomm {
	background: transparent;
	background-image: url(../images/top/ichiTop.jpg), url(../images/top/newBtm.jpg), url(../images/top/newBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 550px 0 100px;
	max-width: 880px;
}
.secRecomm .secInfo { padding: 0 90px; }

/********************************
*** secPack Section
********************************/
.secPack .packTop {
	background: transparent;
	background-image: url(../images/top/packTop1.jpg), url(../images/top/packBtm.jpg), url(../images/top/packBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 590px 40px 90px;
	min-height: 380px;
}
.top-container .secPack .commonMenuBox { padding: 0 40px; }
.top-container .secPack .commonMenuBox .info .infoelement h3 { color: #000; font-size: 17px; }
.top-container .secPack .commonMenuBox .info .infoelement a { font-size: 20px; color: #631d7d;  }
.top-container .secPack .commonMenuBox .info .infoelement a:hover { color: #8126a2; }
.secPack .two-design {
	background: none;
	padding: 0;
}
.secPack .secTop {
	background: transparent no-repeat center top;
	height: 116px;
}
.secPack .secTop.self { background-image: url(../images/top/packTitMe.jpg); }
.secPack .secTop.target { background-image: url(../images/top/packTitYou.jpg); padding: 0; margin-bottom: 20px; }

/********************************
*** secShowcase Section
********************************/
.secShowcase .secTop {
	background: transparent;
	background-image: url(../images/top/spTop.jpg), url(../images/top/spBg.jpg);
	background-position: center top, center 235px;
	background-repeat: no-repeat;
	padding: 260px 30px 0;
	min-height: 380px;
}
.secShowcase .float {
	width: 500px;
	float: right;
}
.spBtn, .spShuffleBtn {
	display: block;
	margin: 0 auto 20px;
	width: 100%;
	font-size: 24px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	vertical-align: middle;
	clear: both;
}
.spBtn a, .spShuffleBtn a { display: block; color: #fff; text-decoration: none; }
.spBtn a { padding: 18px; }
.spShuffleBtn a { padding: 10px; }
.spBtnlove {
	display:block;
	background: #a62cda;
	background: -webkit-gradient(linear, left top, left bottom, from(#a62cda), to(#5b0a7e));
	background: -webkit-linear-gradient(top, #a62cda, #5b0a7e);
	background: -moz-linear-gradient(top, #a62cda, #5b0a7e);
	background: -ms-linear-gradient(top, #a62cda, #5b0a7e);
	background: -o-linear-gradient(top, #a62cda, #5b0a7e);
	border:1px solid #aa17ca;
}
.spBtnlove:hover { border-top-color: #e230d7; background: #e60dd9; }
.spBtnlove:active { border-top-color: #e230d7; background: #d00dc4; }

.spBtnmarry {
	background: #c73f00;
	background: -webkit-gradient(linear, left top, left bottom, from(#c73f00), to(#8a0b48));
	background: -webkit-linear-gradient(top, #c73f00, #8a0b48);
	background: -moz-linear-gradient(top, #c73f00, #8a0b48);
	background: -ms-linear-gradient(top, #c73f00, #8a0b48);
	background: -o-linear-gradient(top, #c73f00, #8a0b48);
	border:1px solid #e83182;
}
.spBtnmarry:hover { border-top-color: #ff54a1; background: #ff54a1; }
.spBtnmarry:active { border-top-color: #ff54a1; background: #d7135c; }

.spBtnlife {
	background: #099064;
	background: -webkit-gradient(linear, left top, left bottom, from(#099064), to(#01362c));
	background: -webkit-linear-gradient(top, #099064, #01362c);
	background: -moz-linear-gradient(top, #099064, #01362c);
	background: -ms-linear-gradient(top, #099064, #01362c);
	background: -o-linear-gradient(top, #099064, #01362c);
	border: 1px solid #1e8d70;
}
.spBtnlife:hover { border-top-color: #55a6ff; background: #42B095; }
.spBtnlife:active { border-top-color: #55a6ff; background: #0f45a1; }
.spShuffleBtn {
    background: #544f51;
    background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#544f51));
    background: -webkit-linear-gradient(top, #707070, #544f51);
    background: -moz-linear-gradient(top, #707070, #544f51);
    background: -ms-linear-gradient(top, #707070, #544f51);
    background: -o-linear-gradient(top, #707070, #544f51);
    border-top: 1px solid #e3e3e3;
	width: 50%;
	margin: 0 auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgb(0 0 0) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgb(0 0 0) 0 1px 0;
    text-shadow: rgb(0 0 0 / 40%) 0 1px 0;
    color: white;
    font-size: 18px;
    font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
}
.spShuffleBtn:hover { background: #cfcfcf; border-top-color: #cfcfcf; }
.spShuffleBtn:active { background: #878787; border-top-color: #878787; }

/********************************
*** secReview Section
********************************/
.secReview { max-width: 880px; }
.secReview .secTop {
	background: transparent;
	background-image: url(../images/top/reviewTop.jpg), url(../images/top/reviewBtm.jpg), url(../images/top/reviewBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 720px 0 80px;
}
.secReview .secInner {
	background: url(../images/top/reviewDiv.jpg) no-repeat center top;
	padding: 60px 50px 10px;
}
.secReview .secInner:first-child { background: none; }
.secReview .secInner.secInner1 { padding-top: 0; }

.secReview .secInner .revTit {
	background: rgba(85, 7, 163, 0.75);
	position: relative;
	color: #ddd;
    padding: 15px 20px;
	margin-left: 180px;
	margin-bottom: 20px;
	min-height: 100px;
	width: 490px;
	color: #fcdbff;
	font-size: 1em;
	border-radius: 15px;
}
.secReview .secInner .revTit:after {
	content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 12px solid rgba(85,7,163,0.75);
    z-index: 2;
}
.secReview .secInner .inrInfo:before {
	content: "";
	position: absolute;
	left: 60px;
	margin-top: -10px;
	display: table;
	width: 150px;
	height: 150px;
}
.secReview .secInner .revUser {
	position: absolute;
	bottom: 15px;
	right: 20px;
	color: #fff;
}
.secReview .secInner.secInner1 .inrInfo:before { background-image: url(../images/top/reviewIcon.png); }
.secReview .secInner.secInner2 .inrInfo:before { background-image: url(../images/top/reviewIcon2.png); }
.secReview .secInner.secInner3 .inrInfo:before { background-image: url(../images/top/reviewIcon3.png); }
.secReview .secInner .revTit h3 {
    font-size: 1.5em;
    line-height: 1.4em;
}
.secReview .secInner .revComment {
	background: transparent no-repeat left top;
	color: #ddd;
	padding: 0 10px 20px;
	margin-left: 20px;
	clear: both;
}
.secReview .secInner1 .revComment { background-image: url(../images/top/reviewImg1.png); }
.secReview .secInner2 .revComment { background-image: url(../images/top/reviewImg2.png); }
.secReview .secInner3 .revComment { background-image: url(../images/top/reviewImg3.png); }

.secReview .secInner .revProduct {
	background: none;
	margin: 0 0 10px;
    padding: 10px 20px;
}
.secReview .secInner .revProduct .info {
	padding: 0;
	width: 100%; 
}
.secReview .secInner .revProduct .info .productTitle { color: #cb4fff; }
.secReview .secInner .revProduct .info .infoelement a { 
	color: #ffffa6; 
	font-size: 1em;
	line-height: 1.5em;
}
.secReview .secInner .revProduct .info .infoelement a:hover { 
    color: #ffffd8;
    text-decoration: none;
}


/********************************
*** Result Page
********************************/
.result-container .secGreet,
.result-container .secListMsg {
	background: transparent url(../images/result/rsltGreetBg.jpg) no-repeat center top;
	margin: 0 auto;
    padding: 20px 60px 0;
    max-width: 880px;
    min-height: 460px;
}
.result-container .secListMsg.secListMsg1 { background-image: url(../images/result/rsltImg3.jpg); }
.result-container .secListMsg.secListMsg2 { background-image: url(../images/result/rsltImg2.jpg); }
.result-container .secListMsg.secListMsg3 { background-image: url(../images/result/rsltImg4.jpg); }
.result-container .secListMsg.secListMsg4 { background-image: url(../images/result/rsltImg5.jpg); }
.result-container .secListMsg.motif_box1_bg2 {
	background: url(../images/result/rsltMotifImg.jpg) no-repeat;
	background-size: 100%;
	width: 880px;
	padding: 20px 0;
	min-height: 470px;
}
.result-container .secGreet .secInfo,
.result-container .secListMsg .secInfo {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background: rgba(40, 6, 78, 0.71);
    position: relative;
	float: right;
    padding: 20px;
	min-height: 190px;
    width: 400px;
	color: #fff;
    font-size: 1.2em;
    line-height: 1.65em;
    font-weight: bold;
    text-shadow: 0px 2px 4px #000;
	border-radius: 5%;
}
.result-container .secCommon .secListMsg .secInfo, 
.result-container .secListMsg.secListMsg2 .secInfo { float: left; margin-left: 60px; }
.result-container .secGreet .secInfo .paragraph { padding: 5px 20px 10px; }

.secCommon .motifContent {
	background-image: url(../images/result/rsltMotifTop.jpg), url(../images/result/rsltMotifBtm.jpg), url(../images/result/rsltMotifBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	padding: 50px 0 70px;
}
.secCommon .motifContent .motifTitle {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	color: #87F1D5;
    font-size: 27px;
    line-height: 40px;
    font-weight: bold;
	text-align: center;
}

.motif_box1, .motif_box2 { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; }
.motif_box1 tr td, .motif_box2 tr td { padding: 10px 0; }
.ansTxt {
	color: #E2D799;
	font-size: 26px;
}
.motif_div {
	background: url(../images/result/rsltMotifDiv.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	height: 40px;
}

/*motif_pattern1*/
.motif_img {
	background: url(../images/result/rsltLstMotif.jpg) no-repeat center center;
	background-size: 100%;
	height: 220px;
	text-align: center;
}
.motif_info_text2, .motif_info_text1 strong { color: #FAC333; font-size: 120%; line-height: 150%; }
.motif_box1_midashi {
	margin: 0 100px;
	text-align: center;
}
.motif_box1_midashi2 { text-align: center; }
.motif_box1 {
	margin: 10px auto;
    width: 80%;
}
.motif_size1 img { width: 100px; }

th { padding-top: 5px; }
.motif_box1_2 {
	background: url(../images/common/motif_box1_2bg.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto 20px;
	height: 220px;
}

@keyframes eff1 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes eff2 {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes eff3 {
	0% {opacity: 0; transform: translateX(-20px);}
	100% {opacity: 1; transform: translateX(0px);}
}
@keyframes eff4 {
	0% {opacity: 0; transform: translateY(-20px);}
	100% {opacity: 1; transform: translateX(0px);}
}
@keyframes eff5 {
    0% {opacity: 0;transform: scale(1);}
    50% {opacity: 1;transform: scale(1);}
    100% {opacity: 0;transform: scale(1.4);}
}
.motif_box1 img, .motif_box1 .motif_table_text1, .motif_box1 .motif_table_text2 {
	color: #DCDCDC;
	text-align: center;
	font-size: 19px;
	vertical-align: middle;
	opacity: 0;
}
.motif_box1 img { transform: translateY(-20px); }
.motif_box1 .motif_table_text1 { transform: translateX(-20px); }
.motif_box1.anime1 tr:nth-of-type(1) .motif_table_text1 {animation: eff3 1.5s linear 0s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(2) td:nth-of-type(1) img {animation: eff4 1s linear 0.25s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(2) td:nth-of-type(2) img {animation: eff4 1s linear 0.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(2) td:nth-of-type(3) img {animation: eff4 1s linear 0.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(2) td:nth-of-type(4) img {animation: eff4 1s linear 1s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(2) td:nth-of-type(5) img {animation: eff4 1s linear 1.25s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(2) .motif_table_text2 {animation: eff1 1s linear 1s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(3) .motif_table_text1 {animation: eff3 1.5s linear 1.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(4) td:nth-of-type(1) img {animation: eff4 1s linear 1.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(4) td:nth-of-type(2) img {animation: eff4 1s linear 2s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(4) td:nth-of-type(3) img {animation: eff4 1s linear 2.25s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(4) td:nth-of-type(4) img {animation: eff4 1s linear 2.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(4) td:nth-of-type(5) img {animation: eff4 1s linear 2.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(4) .motif_table_text2 {animation: eff1 1s linear 2.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(5) .motif_table_text1 {animation: eff3 1.5s linear 2.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(1) img {animation: eff4 1s linear 3s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(2) img {animation: eff4 1s linear 3.25s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(3) img {animation: eff4 1s linear 3.5s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(4) img {animation: eff4 1s linear 3.75s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) td:nth-of-type(5) img {animation: eff4 1s linear 4s 1 forwards;}
.motif_box1.anime1 tr:nth-of-type(6) .motif_table_text2 {animation: eff1 1s linear 3.75s 1 forwards;}

/*motif_pattern2*/
.motif_box2_top {
	background: url(../images/common/motif_box2_top.jpg) no-repeat;
	background-size: 100% 100%;
	width: 880px;
	height: 60px;
}
.motif_box2_bg {
	background: url(../images/common/motif_box2_bg.jpg) repeat-y;
	background-size: 100%;
	width: 880px;
}
.motif_box2_bt {
	background: url(../images/common/motif_box2_bt.jpg) no-repeat;
	background-size: 100% 100%;
	width: 880px;
	height: 50px;
}
.graph_y {
	margin: 0 120px;
	color: #FFE17E;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight: bold;
}
.graph_y_L { float: left; }
.graph_y_R { float: right; }
.card_box1 {
	width: 655px;
	height: 500px;
	position: relative;
	margin: 0 auto 30px;
}
.card_box2 { margin-bottom: 20px; text-align: center; }
.card_box3 {
	width: 655px;
	height: 500px;
	position: relative;
	margin: 0 auto 30px;
}
.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: 131px;
	height: 163px;
}
.card_box1 img:nth-of-type(2), .card_box3 img:nth-of-type(4) {top:1px;left:0px;}
.card_box1 img:nth-of-type(3), .card_box3 img:nth-of-type(5) {top:1px;left:131px;}
.card_box1 img:nth-of-type(4), .card_box3 img:nth-of-type(6) {top:1px;left:262px;}
.card_box1 img:nth-of-type(5), .card_box3 img:nth-of-type(7) {top:1px;left:393px;}
.card_box1 img:nth-of-type(6), .card_box3 img:nth-of-type(8) {top:1px;left:524px;}
.card_box1 img:nth-of-type(7), .card_box3 img:nth-of-type(9) {top:167px;left:0px;}
.card_box1 img:nth-of-type(8), .card_box3 img:nth-of-type(10) {top:167px;left:131px;}
.card_box1 img:nth-of-type(9), .card_box3 img:nth-of-type(11) {top:167px;left:262px;}
.card_box1 img:nth-of-type(10), .card_box3 img:nth-of-type(12) {top:167px;left:393px;}
.card_box1 img:nth-of-type(11), .card_box3 img:nth-of-type(13) {top:167px;left:524px;}
.card_box1 img:nth-of-type(12), .card_box3 img:nth-of-type(14) {top:333px;left:0px;}
.card_box1 img:nth-of-type(13), .card_box3 img:nth-of-type(15) {top:333px;left:131px;}
.card_box1 img:nth-of-type(14), .card_box3 img:nth-of-type(16) {top:333px;left:262px;}
.card_box1 img:nth-of-type(15), .card_box3 img:nth-of-type(17) {top:333px;left:393px;}
.card_box1 img:nth-of-type(16), .card_box3 img:nth-of-type(18) {top:333px;left:524px;}

.card_box1.anime2 img:nth-of-type(2),
.card_box3.anime5 img:nth-of-type(4) {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;}
.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;}
.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;}
.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;}
.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;}
.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;}

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

/*motif_jiki*/
.jiki_bg {
	position: relative;
	background: url(../images/result/jikiBg.jpg) no-repeat center top;
	background-size: 100% 100%;
	width: 880px;
	height: 340px;
	margin-bottom: 40px;
}
.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_n1, .jiki_n2, .jiki_n3, .jiki_n4, .jiki_n5, .jiki_n6, .jiki_n7, .jiki_n8, .jiki_box {
	position: absolute;
	z-index: 20;
	opacity: 0;
}
.jiki_box {
    background-color: rgba(47,32,103,0.53);
	position: relative;
	top: 90%;
	margin: 0 auto;
    padding: 17px 0 15px;
    width: 650px;
    text-align: center;
}
.jiki_box p {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    color: yellow;
    font-size: 210%;
    font-weight: bold;
    line-height: inherit;
    text-shadow: 2px 1px 0 #000;
}
.jiki_bg.anime3 .jiki_n1 { animation: eff1 2s linear 0s 1 forwards; }
.jiki_bg.anime3 .jiki_n2 { animation: eff1 2s linear 0.5s 1 forwards; }
.jiki_bg.anime3 .jiki_n3 { animation: eff1 2s linear 1s 1 forwards; }
.jiki_bg.anime3 .jiki_n4 { animation: eff1 2s linear 1.5s 1 forwards; }
.jiki_bg.anime3 .jiki_n5 { animation: eff1 2s linear 2s 1 forwards; }
.jiki_bg.anime3 .jiki_n6 { animation: eff1 2s linear 2.5s 1 forwards; }
.jiki_bg.anime3 .jiki_n7 { animation: eff1 2s linear 3s 1 forwards; }
.jiki_bg.anime3 .jiki_n8 { animation: eff1 2s linear 3.5s 1 forwards; }
.jiki_bg.anime3 .jiki_box { animation: eff1 2s linear 4s 1 forwards; }
.jiki_number {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 400%;
    color: #fff;
    font-weight: bold;
	line-height: initial;
    text-shadow: 0 0 15px #54ffc4, 0 0 15px #54ffc4;
}
/*motif_jiki end*/

/* pattern5------ */
.final_tarot_bg {
	width: 880px;
	height: 454px;
	margin: 0 auto;
	overflow: hidden;
	background: url("../images/common/final_tarot_bg.jpg") no-repeat;
}

.final_tarot_upper {
	position: relative;
	margin: 30px auto 0;
	width: 711px;
	height: 180px;
}
.final_tarot_bottom {
	position: relative;
	margin: 20px auto ;
	width: 711px;
	height: 180px;
}

.final_tarot_upper img,
.final_tarot_bottom img {
	position: absolute;
	top: 0;
	left: 0;
}
.final_tarot_upper img:nth-of-type(n+2),
.final_tarot_bottom img:nth-of-type(n+2) {
	width: 141px;
	height: 177px;
}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(2) {top:1px;left:1px;}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(3) {top:1px;left:143px;}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(4) {top:1px;left:285px;}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(5) {top:1px;left:427px;}
.final_tarot_bg [class^="final_tarot_"] img:nth-of-type(6) {top:1px;left:569px;}

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

/********************************
*** secListing Styling
********************************/
.secListing {
    margin: 0 auto;
	max-width: 880px;
	color: #100;
}
.secCommon .secTitle, .secListing .secTitle {
	background: transparent;
	background-image: url(../images/result/rsltLstTitTop.jpg), url(../images/result/rsltLstDiv.jpg), url(../images/result/rsltLstTitBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center bottom;
	padding: 70px 70px 50px;
	color: #ddd8dd;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
}
.secListing .secList .motif_box {
	background: transparent;
	background-image: url(../images/result/rsltLstMotifTop.jpg), url(../images/result/rsltLstMotifBtm.jpg), url(../images/result/rsltLstMotifBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center bottom;
	padding: 60px 0 50px;
}
.secCommon .secList, .secListing .secList .secContent {
	background: transparent;
	background-image: url(../images/result/rsltLstTop.jpg), url(../images/result/rsltLstBtm.jpg), url(../images/result/rsltLstBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center bottom;
	color: #100;
}
.secListing .secList .secContent { padding: 30px 0 0; }
.secCommon .secList .secContent .paragraph { padding: 20px 80px 60px; }
.secListing .secList.listMotif_box2_bg .secInfo {
	background-image: url(../images/result/rsltLstMotifTop.jpg), url(../images/result/rsltLstMotifBtm.jpg), url(../images/result/rsltLstMotifBg.jpg);
}
.secListing .secList .secInList span {
    font-weight: bold;
	font-size: 1.6em;
    line-height: 1em;
}
.secListing .secList .secInList span.master_text2 {
    display: table;
	color: #990000;
    font-size: 20px;
    text-indent: 0;
}
.secListing .secList .secInList strong {
    color: #ffbf29;
    font-weight: bold;
	font-size: 1.5em;
    line-height: 1.5em;
}
/******************************** End secListing Styling ********************************/


/********************************
*** blur Styling
********************************/
.result-container .paragraph .blur {
    background: url(../images/result/blur/text_img_m.png) no-repeat center top;
	background-size: 100%;
    height: 180px;
    padding-top: 61px;
}
.result-container .paragraph.half .blur {
	background-image: url(../images/result/blur/sp/text_img_s.png);
	background-repeat: repeat-y;
	height: 255px;
}
/******************************** End blur Styling ********************************/

/********************************
*** top-container Styling
********************************/
.top-container .breadcrumb { display: none; }
.top-container .body-container .commonMenuBox .info .iconelement { min-height: 75px; }
.top-container .commonMenuBox .info .infoelement { font-size: 1.1em; }
.top-container .commonMenuBox .info .infoelement a { 
	color: #ffffa6;     
	text-shadow: none;
}
.top-container .commonMenuBox .info .infoelement a:hover { 
	color: #ffffd8; 
	text-decoration: none;
}
/*.top-container .commonMenuBox .info .infoelement a h3 { color: #ee9cff; }*/
/*.top-container .commonMenuBox .info .infoelement a:hover h3 { color: #dac1e8; }*/
.top-container .topCont .commonMenuBox .info { padding: 0 40px 20px; }

.top-container .topCatch {
	background: url(../images/top/topCatch.jpg) no-repeat center top;
	margin: -130px auto 0;
	padding-top: 440px;
}
.top-container .topCont {
	background: transparent;
	background-image: url(../images/top/newTop.jpg), url(../images/top/newBtm.jpg), url(../images/top/newBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 310px 65px 80px;
	margin: 0 auto 20px;
}
.top-container .topCont.secNew .commonMenuBox .info { padding: 0 60px 20px; }
.top-container .topCont.secNew .commonMenuBox:first-child .info {
	background: url(../images/top/newDiv.jpg) no-repeat center bottom;
	background-size: 109%;
	padding-bottom: 50px;
	margin-bottom: 30px;
}
.top-container .topCont.has-1 .commonMenuBox .info {
	background: none !important;
	border: 0 !important;
	margin-bottom: 0;
}
.secNew .commonMenuBox .info .infoelement h3, .secRecomm .commonMenuBox .info .infoelement h3 { color: #4b0390; }
.secNew .commonMenuBox .info .infoelement a, .secRecomm .commonMenuBox .info .infoelement a { color: #41384f; }
.secNew .commonMenuBox .info .infoelement a:hover h3,
.secNew .commonMenuBox .info .infoelement a:hover
.secRecomm .commonMenuBox .info .infoelement a:hover h3,
.secRecomm .commonMenuBox .info .infoelement a:hover { 
	color: #300979; 
}
.secNew .commonMenuBox .info .description, .secRecomm .commonMenuBox .info .description { 
	color: #191919; 
	margin-top: 10px; 
}
.topCont.secNew .commonMenuBox .info .description .price, .secRecomm .commonMenuBox .info .description .price { color: #770000; }

.top-container .secIntro .secInner2 .introTit { background-image: url(../images/top/topIntroTit2.jpg); }
.top-container .testFree { padding: 20px 0; }
.top-container .topCont.secSpecial {
	background: url(../images/top/spTop.jpg) no-repeat center top;
	margin-bottom: 0;
	padding: 214px 0 0;
}
.top-container .topCont.secSpecial .secTop { 
	background: url(../images/top/spBg.jpg) no-repeat center top; 
	padding: 20px;
	min-height: 517px;
}
.top-container .topCont.secSpecial .secInfo {
	width: 500px;
	padding: 20px;
	margin-right: 20px;
	float: right;
}
.top-container .secSpecial .sp-btn,
.top-container .secSpecial a {
	display: block;
	color: #fff;
    padding: 20px;
	margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    text-decoration: none;
	text-align: center;
    vertical-align: middle;
	font-size: 20px;
    font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
}
.top-container .secSpecial .secLove a {
    background: #a62cda;
    background: -webkit-gradient(linear, left top, left bottom, from(#a62cda), to(#5b0a7e));
    background: -webkit-linear-gradient(top, #a62cda, #5b0a7e);
    background: -moz-linear-gradient(top, #a62cda, #5b0a7e);
    background: -ms-linear-gradient(top, #a62cda, #5b0a7e);
    background: -o-linear-gradient(top, #a62cda, #5b0a7e);
    border: 1px solid #aa17ca;
}
.top-container .secSpecial .secLove a:hover {
    border-top-color: #e230d7;
	background: #e60dd9;
}
.top-container .secSpecial .secMarry a {
    background: #c73f00;
    background: -webkit-gradient(linear, left top, left bottom, from(#c73f00), to(#8a0b48));
    background: -webkit-linear-gradient(top, #c73f00, #8a0b48);
    background: -moz-linear-gradient(top, #c73f00, #8a0b48);
    background: -ms-linear-gradient(top, #c73f00, #8a0b48);
    background: -o-linear-gradient(top, #c73f00, #8a0b48);
    border: 1px solid #e83182;
}
.top-container .secSpecial .secMarry a:hover {
    border-top-color: #ff54a1;
    background: #ff54a1;
}
.top-container .secSpecial .secLife a {
    background: #099064;
    background: -webkit-gradient(linear, left top, left bottom, from(#099064), to(#01362c));
    background: -webkit-linear-gradient(top, #099064, #01362c);
    background: -moz-linear-gradient(top, #099064, #01362c);
    background: -ms-linear-gradient(top, #099064, #01362c);
    background: -o-linear-gradient(top, #099064, #01362c);
    border: 1px solid #1e8d70;
}
.top-container .secSpecial .secLife a:hover {
    border-top-color: #55a6ff;
	background: #42B095;
}
.top-container .secSpecial .spBtn { padding: 0 100px; }
.top-container .secSpecial .sp-btn {
    border-top: 1px solid #e3e3e3;
    background: #544f51;
    background: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#544f51));
    background: -webkit-linear-gradient(top, #707070, #544f51);
    background: -moz-linear-gradient(top, #707070, #544f51);
    background: -ms-linear-gradient(top, #707070, #544f51);
    background: -o-linear-gradient(top, #707070, #544f51);
}
.top-container .secSpecial .sp-btn:hover {
    border-top-color: #cfcfcf;
    background: #cfcfcf;
    color: #000000;
}
.topBtnBox { margin: -45px auto 5px; text-align: center; }
.topBtnBox a { display: inline-table; }
.topBtnBox a .topBtnProd {
	background: url(../images/top/head_btn.png) no-repeat center top;
	display: inline-table;
	width: 420px;
	height: 197px;
	text-indent: -9999px;
}
.topBtnBox a .topBtnProd2 { background-image: url(../images/top/head_btn2.png); height: 193px; }
.topBtnBox a:hover .topBtnProd { background-position: center -210px; }
.topBtnBox a:hover .topBtnProd2 { background-position: center -213px; }
.directLink {
	display: table;
	margin: 30px auto 0;
	max-width: 90%;
	width: 100%;
	color: #e8ca22;
	text-align: right;
	font-weight: bold;
}
.directLink:hover { color: #e8ca22; }
.directLink:visited { color: #c80; }
.naviCate {
	margin: 20px auto 0;
	text-align: center;
}
.naviCate a { display: inline-table; }
.naviCate .cateBtn {
	background: transparent no-repeat center top;
	display: inline-table;
	width: 260px;
	height: 120px;
	pointer-events: none;
}
.naviCate .cateBtn.cateLove { background-image: url(../images/top/loveBtn.jpg); }
.naviCate .cateBtn.cateMarry { background-image: url(../images/top/marrBtn.jpg); }
.naviCate .cateBtn.cateLife { background-image: url(../images/top/lifeBtn.jpg); }
.naviCate a:hover .cateBtn { opacity: 0.8; }
.top-container .cateTop { padding: 0 100px; }
.top-container .cateTop .directLink {
    max-width: inherit;
    width: inherit;
    margin: -10px auto 15px;
    font-weight: normal;
	float: right;
}
.top-container .cateTop a.directLink:hover { color: #e8ca22; }

.top-container .secListing .secInfo { padding: 20px 0 0; }
.top-container .secListing.topCont {
	background: transparent;
	background-image: url(../images/top/loveTop.jpg), url(../images/top/loveBtm.jpg), url(../images/top/loveBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	padding: 240px 5px 5px;
	margin-bottom: 0;
}
.top-container .secListing.topCont.secLove { padding-top: 280px; }
.top-container .secListing.topCont.secMarry { background-image: url(../images/top/marrTop.jpg), url(../images/top/marrBtm.jpg), url(../images/top/marrBg.jpg); }
.top-container .secListing.topCont.secLife { background-image: url(../images/top/lifeTop.jpg), url(../images/top/lifeBtm.jpg), url(../images/top/lifeBg.jpg); }
.top-container .secListing .secInfo .description { margin-top: 10px; }
.top-container .secListing .secInfo .description .price { color: #ff9d31; }

.top-container .secListing .secMenu:last-child.last .commonMenuBox:nth-child(1) .info,
.top-container .secListing .secMenu:last-child .commonMenuBox:nth-child(2) .info { 
	border-bottom: 0px; 
}
.top-container .body-container .secListing .commonMenuBox {
	background-image: url(../images/top/cateKmTop.jpg), url(../images/top/cateKmBtm.jpg), url(../images/top/cateKmBg.jpg);
}
.top-container .secListing .commonMenuBox .info {
	margin: 0 auto;
	padding: 55px 100px 50px;
}
/******************************** End top-container Styling ********************************/

.yudoMsg .text-white {
	float: right;
	margin-right: 70px;
	width: 460px;
	min-height: 320px;
	font-size: 24px;
	line-height: 1.4em;
	text-indent: 24px;
	text-align: justify;
}
/*
.yudoDiv {
	background: transparent url(../images/result/free/yudoKmDiv.jpg) no-repeat center top;
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
	height: 30px;
    color: #100;
}
*/
.yudoDiv p { text-align: center; }
.next_alert {
	display: table;
	margin: 20px auto;
	padding: 10px 12px;
	max-width: 410px;
	color: #FDDD4A;
	font-size: 15px;
	line-height: 1.5em;
	border: 1px solid #FDDD4A;
}
.secYudo {
	background: transparent;
	background-image: url(../images/result/free/yudoTop.jpg), url(../images/result/rsltBtm.jpg), url(../images/result/rsltBg.jpg);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center top, center bottom, center top;
	margin: 0 auto;
    padding: 0 0 90px;
	max-width: 880px;
}
.secYudo .secMenu { max-width: 690px; }
.secYudo .yudoInner { padding: 0; }


.secYudo .komi_cont {
    background-color: rgba(30,5,72,0.68);
    width: 600px;
    padding: 20px;
    margin: 20px auto;
    border: 1px solid rgba(93,21,170,1.00);
}
.secYudo .komi_cont .komiTitle {
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	margin-bottom: 20px;
	color: #87F1D5;
	font-size: 170%;
	font-weight: bold;
	text-align: center;
}
.secYudo .komi_cont ul {
    display: table;
    margin: 0 auto 30px;
    max-width: 90%;
	min-width: 60%;
}
.secYudo .komiInfo ul li span {
    background-image: url(../images/input/iconStarRec.gif);
	background-position: left 10px;
    display: block;
    padding: 2px 0px 8px 25px;
	min-height: 29px;
    color: #fff;
}
.secYudo .komi_cont  li span span, .secYudo .komi_cont ul li br { display: none; }

/********************************
*** secFree Part
********************************/
.top-container .topCont.secFree {
	background: none;
	margin: 0 auto 20px;
	padding: 0;
	max-width: 900px;
}
.top-container .topCont.secFree .productBanner {
	background: transparent url(../images/top/freeBtn1.png) no-repeat center top;
	text-indent: -9999px;
	height: 221px;
}
.top-container .topCont.secFree a:hover .productBanner { background-position: center bottom; }
.top-container .topCont.secFree .info { padding: 0 60px; }
.top-container .topCont.secFree .description { color: #fff; }