html { margin: 0; padding: 0; }
body {
	font-family: Arial, "Hiragino Sans GB", "Microsoft Yahei", "微軟雅黑", "宋体", Tahoma, Helvetica, STHeiti;
	background: #000 url(../images/common/mBgTop.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 17px;
	line-height: 1.6em;
}
@media (max-width: 970px) {
	body {
		display: inline-table;
		background-size: 1300px;
		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 { height: 0; overflow: hidden; }
.result-container .paragraph { line-height: 1.8em; }
.result-container .secListing .secInfo { padding-bottom: 10px; }
.result-container .secContent .secInList .paragraph { color: #fefaf3; padding: 5px 120px 30px; }
.result-container .secTitle .paragraph { line-height: 1.5em; }
a { text-decoration: none; }
.paragraph p {
    text-align: justify;
/*    text-indent: 1em;*/
}
.paragraph p + p { margin-top: 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/mBg.png) repeat-y center top; 
	padding: 0 10px 30px;
	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 { position: relative; }
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 url(../images/common/naviBg.png) no-repeat center top;
	position: relative;
    display: flex;
    margin: 0 auto;
    padding: 30px 65px 0;
	width: 100%;
	max-width: 860px;
	height: 115px;
	justify-content: space-around;
    align-items: center;
}
.navi-container .naviInfo {
	position: relative;
	display: flex;
	gap: 10px;
	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; }
.navi-container .navi_button {
	background: url(../images/common/button/naviBtnBg.png) no-repeat center top;
    display: inline-block;
    width: 270px;
    height: 77px;
}
.navi-container .navi_button:before {
	content: "";
    background: url(../images/common/button/btnTxtSprite.png) no-repeat;
	position: relative;
	display: table;
	top: 17px;
	margin: 0 auto;
    width: 100%;
    height: 33px;
}
.navi-container a:hover .navi_button { background-position: center bottom; }


.navi-container .navi_top:before { background-position: center top; }
.navi-container .navi_home:before { background-position: center top; }
.navi-container .navi_profile:before { background-position: center -32px; }
.navi-container .navi_info:before { background-position: center -68px; }
.navi-container .navi_input:before { background-position: center -102px; }

/********************************
*** Common Part
********************************/
.body-container .commonMenuBox {}
.body-container .commonMenuBox:before {
	content: "";
	display: table;
	background: transparent no-repeat center top;
	background-image: url(../images/common/menu/inpMnTop.png);
	height: 88px;
	width: 100%;
}
.body-container .commonMenuBox:after {
	content: "";
	display: table;
	background: transparent no-repeat center bottom;
	background-image: url(../images/common/menu/inpMnBtm.png);
	height: 88px;
	width: 100%;
}
.body-container .commonMenuBox .info {
	background: transparent url(../images/common/menu/inpMnBg.png) repeat-y center top;
    padding: 0 65px;
    color: #fff;
}
.body-container .commonMenuBox.noBg {
	background-image: none;
	margin: 0 auto;
	padding: 0;
}
.body-container .commonMenuBox.noBg .info { padding: 0; }

/* iconelement: free, suyuan, bulun, kulian, fuyuan, lovedirection, danlian, ngrdxy, wakeari, nightqhd, xiangyu, jiehun, life, job, nianyun */
.body-container .commonMenuBox .info .iconelement {
	background: transparent no-repeat left 5px;
    background-size: 80px;
    display: inline-table;
    position: relative;
    padding-top: 0;
    padding-left: 96px;
    min-height: 65px;
}
.body-container .commonMenuBox .info .iconelement.free { background-image: url(../images/common/icon/icon0.png); }
.body-container .commonMenuBox .info .iconelement.suyuan { background-image: url(../images/common/icon/icon1.png); }
.body-container .commonMenuBox .info .iconelement.bulun { background-image: url(../images/common/icon/icon2.png); }
.body-container .commonMenuBox .info .iconelement.kulian { background-image: url(../images/common/icon/icon3.png); }
.body-container .commonMenuBox .info .iconelement.fuyuan { background-image: url(../images/common/icon/icon4.png); }
.body-container .commonMenuBox .info .iconelement.lovedirection { background-image: url(../images/common/icon/icon5.png); }
.body-container .commonMenuBox .info .iconelement.danlian { background-image: url(../images/common/icon/icon6.png); }
.body-container .commonMenuBox .info .iconelement.ngrdxy { background-image: url(../images/common/icon/icon7.png); }
.body-container .commonMenuBox .info .iconelement.wakeari { background-image: url(../images/common/icon/icon8.png); }
.body-container .commonMenuBox .info .iconelement.nightqhd { background-image: url(../images/common/icon/icon9.png); }
.body-container .commonMenuBox .info .iconelement.xiangyu { background-image: url(../images/common/icon/icon10.png); }
.body-container .commonMenuBox .info .iconelement.jiehun { background-image: url(../images/common/icon/icon11.png); }
.body-container .commonMenuBox .info .iconelement.life { background-image: url(../images/common/icon/icon12.png); }
.body-container .commonMenuBox .info .iconelement.job { background-image: url(../images/common/icon/icon13.png); }
.body-container .commonMenuBox .info .iconelement.nianyun { background-image: url(../images/common/icon/icon14.png); }

.body-container .commonMenuBox .info .infoelement {
    display: inline-table;
	color: #fefaf3;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5em;
	font-family: ヒラギノ明朝 ProN W6, HiraMinProN-W6, HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
}
.body-container .commonMenuBox .info .infoelement .productTitle {
	padding-bottom: 0px;
	color: #ffe0a9;
	font-size: 0.9em;
	line-height: 1.3em;
    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;
	background-size: 990px;
	display: table;
	margin: 0 auto;
	padding-top: 170px;
	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/mBg.png) repeat-y center top;
    position: relative;
    display: table;
    margin: 0 auto;
	max-width: 990px;
    min-height: 295px;
	width: 100%;
    z-index: 44;
}
.body-container .subbody-container {
	position: relative;
    margin: 0 auto;
	max-width: 990px;
	z-index: 99;
}
.result-container .subbody-container {
	background: transparent center bottom;
	background-image: url(../images/result/rsltBtm.jpg), url(../images/result/rsltBg.jpg);
	background-repeat: no-repeat, repeat-y;
	padding-bottom: 80px;
}
.body-container .breadcrumb {
	background: transparent url(../images/common/mBg.png) repeat-y center top;
	margin: 0 auto;
	padding: 10px 80px;
	max-width: 990px;
}
.samp-container .breadcrumb {margin-bottom: 0;}
.body-container .breadcrumb span a {
    color: #fff;
    text-decoration: underline;
}
.body-container .breadcrumb span a:hover {
	color: #f9eece;
    text-decoration: none;
    transition: all .3s ease;
}
.body-container section { margin: 0px auto; }

/********************************
*** Input Page
********************************/
.input-container .secDesc {
    margin: 10px auto;
    width: 95%;
    color: #fff;
    font-size: 1.1em;
	line-height: 1.7em;
}
.one-design .fixed-cont + a,
.one-design .fixed-cont + br + a {
	display: table;
	margin: 0 auto;
}
.input-container .one-design .komi_cont {}
.input-container .one-design .komi_cont .komiTop {
	background: transparent url(../images/input/inpKmTop.png) no-repeat center top;
	height: 140px;
}
.input-container .one-design .komi_cont .komiBtm {
	background: transparent url(../images/input/inpKmBtm.png) no-repeat center top;
	height: 70px;
}
.input-container .one-design .komi_cont .komiInfo {
	background: transparent url(../images/input/inpKmBg.png) repeat-y center top;
	padding: 20px 0 10px;
}
.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 3px;
	background-size: 20px;
    display: block;
    padding: 0 0 18px 35px;
	min-height: 29px;
    color: #fefaf3;
	font-size: 1.1em;
}
.body-container .komiInfo ul li span span,
.body-container .komiInfo ul li br {
	display: none;
}

.two-design {
    background: transparent;
	background-image: url(../images/input/inpFmTop.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: 95px 0 120px;
	color: #000;
}
.two-design .secTop.self {
    background: transparent url(../images/input/inpFmMe.png) no-repeat center top;
	background-size: 90%;
	padding-top: 130px;
	width: 100%;
}
.two-design .secTop.target {
    background: transparent url(../images/input/inpFmYou.png) no-repeat center top;
	background-size: 90%;
	padding-top: 130px;
	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 {
	position: relative;
	display: inline-table;
	top: 5px;
	margin: 0 8px;
    width: 140px;
    height: 35px;
    font-size: 1.7em;
	font-family: ヒラギノ明朝 ProN W6, HiraMinProN-W6, HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
}
.input-container form .secInfo label { font-weight: bold; }
.input-container form .secInfo .name .fmTitF,
.input-container form .secInfo .name .fmTitL { width: 80px; }
.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; }

.inputError { border: 0!important; border-bottom: 3px solid #a80000 !important; }
.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: transparent url(../images/common/arrowDown.png) no-repeat 90% center;
    -webkit-background-size: 12px;
    background-size: 12px;
    padding: 0px 0px 3px 0px;
    padding: 5px;
	font-size: 1.2em;
    width: 60px;
	border: 0;
    border-bottom: 2px solid #525252;
    vertical-align: middle;
	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;
}
*:focus { outline: none; }
form input[type="text"] {
	background: none;
	padding: 7px 7px 5px;
	width: 330px;
	border: 0;
	border-bottom: 2px solid #525252;
}
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: -25px;
    left: 86px;
    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 {
	display: flex;
	justify-content: center;
	column-gap: 40px;
}
.input_submit a, .blur a { text-decoration: none; }
.free-btn, .charge-btn, .start-btn {
	background: transparent no-repeat center top;
	background-size: 100%;
	display: table;
    width: 310px;
	height: 105px;
	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: 0 auto;
	width: 420px;
    height: 160px;
}
a:hover .free-btn, a:hover .charge-btn, a:hover .start-btn {
	background-position: center bottom;
}
.free-container .charge-btn { float: none; margin: 0 auto; }
.priceHolder {
	display: flex;
	margin: 0 auto;
	height: 100%;
    color: #ffffc8;
    font-size: 1.5em;
	line-height: 1em;
    font-weight: bold;
	text-align: center;
    pointer-events: none;
	flex-wrap: wrap;
	align-content: center;
    justify-content: center;
	text-shadow: -1px -1px 5px #000, 1px -1px 5px #000, -1px 1px 5px #000, 
		1px 1px 5px #000, 0px 0px 5px #000, 0px 0px 8px #000;
	font-family: ヒラギノ明朝 ProN W6, HiraMinProN-W6, HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
}
.free-container .priceHolder { font-size: 1.8em; }
.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 .secTop {
    margin: 0px auto;
	padding: 0 0 20px;
    max-width: 952px;
	width: 100%;
}
.infCont .secTitle { height: 100%; min-height: 120px; }
.infCont.secSkill .secTitle { min-height: 140px; }
.infCont.secSkill .float {
	background: transparent center bottom;
	background-image: url(../images/info/infAbtBtm.jpg), url(../images/info/infAbtBg.jpg);
	background-repeat: no-repeat, repeat-y;
	padding-bottom: 80px;
	font-size: 1.2em;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.infCont .secInfo .paragraph { padding: 0 90px; font-size: 1.1em; line-height: 1.8em; }
.infCont .secInfo .paragraph dt { margin-top: 20px; }
.infCont.secAbout {}
.infCont.secAbout .secTop {
	background: transparent;
	background-image: url(../images/info/infProTop.jpg), url(../images/info/infProBtm.jpg), url(../images/info/infAbtBg.jpg);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	color: #fefaf3;
}
.infCont.secAbout .secInner {
    background: transparent url(../images/info/infProMsgTit.png) no-repeat center top;
    padding: 0 0 50px;
}
.infCont.secAbout .secInfo { padding-top: 400px; }
.infCont.secAbout .secInner .paragraph {
	background: url(../images/info/infProSign.png) no-repeat 620px bottom;
	background-size: 186px;
	padding-bottom: 110px;
}
.infCont.secAbout .secInner .txtHide { margin-bottom: 40px; height: 90px; }
.infCont.secSkill {
	background: transparent url(../images/info/infAbtTop.jpg) no-repeat center top;
	padding-top: 0;
}
.infCont .abtTit {
	background: transparent;
	background-image: url(../images/info/infTitTop.png), url(../images/info/infTitBtm.png), url(../images/info/infTitBg.png);
	background-position: center top, center bottom, center top;
	background-repeat: no-repeat, no-repeat, repeat-y;
	margin: 25px auto 10px;
	padding: 50px 0 55px;
	font-size: 1.5em;
	line-height: 1.3em;
	text-align: center;
	font-family: ヒラギノ明朝 ProN W6, HiraMinProN-W6, HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
}
.infCont .abtSec .paragraph {
	background: transparent no-repeat left top;
	padding: 0 100px;
	font-size: 1em;
	line-height: 1.6em;
	font-family: initial;
}

/********************************
*** secIntro Section
********************************/
.secIntro {
	background: transparent url(../images/info/introTop.jpg) no-repeat center top;
	background-size: 100%;
	margin: 0 auto;
	padding-top: 500px;
	max-width: 912px;
	color: #fff;
}
.secIntro .secTop {
	background: transparent center bottom;
	background-image: url(../images/info/introBtm.jpg), url(../images/info/introBg.jpg);
	background-repeat: no-repeat, repeat-y;
	background-size: 100%;
	max-width: 100%;
	
}
.secIntro .secInfo { padding: 0; }
.secIntro .secInner {
	padding: 0;
	font-size: 1.3em;
	line-height: 1.6em;
	font-family: ヒラギノ明朝 ProN W6, HiraMinProN-W6, HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
	text-shadow: 0 0 2px #90846a, 0 0 2px #90846a;
}
.secIntro .secInner .introTit {
	background: transparent no-repeat center top;
	background-size: 100%;
}
.secIntro .secInner1 .introTit { background-image: url(../images/info/introTit1.png); }
.secIntro .secInner2 .introTit { background-image: url(../images/info/introTit2.png); }
.secIntro .secInner3 .introTit { background-image: url(../images/info/introTit3.png); }
.secIntro .introTit {
	display: table;
	margin-bottom: 10px;
	height: 100px;
	width: 100%;
	text-indent: -9999px;
}
.secIntro .introComment { padding: 20px 100px; text-shadow: 6px 6px 6px #000000, 0 0 5px #000000; text-indent: 1em; }
.secIntro .secInner + .secInner:before {
	content: "";
	display: table;
	background: url(../images/top/menuDiv.png) no-repeat center top;
	width: 100%;
	height: 40px;
}
.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: 952px;
}
.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; }


/********************************
*** Result Page
********************************/
.result-container .secGreet {
	background: transparent url(../images/result/rsltGreetBg.jpg) no-repeat center top;
	margin: 0 auto;
    padding: 95px 60px 0;
    max-width: 952px;
}
.result-container .secGreet .secInfo {
	font-family: ヒラギノ明朝 ProN W6, HiraMinProN-W6, HG明朝E, ＭＳ Ｐ明朝, MS PMincho, MS 明朝, serif;
    position: relative;
    padding: 0 40px;
	min-height: 190px;
	color: #fff;
    font-size: 1.3em;
    line-height: 1.65em;
    font-weight: bold;
    text-shadow: 0px 2px 4px #000;
}
.result-container .secListMsg {
	display: table;
	margin: 20px auto;
	width: 100%;
	max-width: 800px;
}
.result-container .secListMsg .secInfo {
	background-image: linear-gradient(13deg, rgb(75 0 130 / 48%), rgb(135 0 255 / 20%) 40%, rgb(75 0 130 / 48%));
	padding: 20px;
	color: #fff;
	font-size: 1.2em;
    border-radius: 22px;
    box-shadow: 0 0 12px #38342a, 0 0 8px #8c7531;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.secUser {
	background: transparent no-repeat;
	background-image: url(../images/top/menuDiv.png), url(../images/top/menuDiv.png);
	background-position: center top, center bottom;
	background-size: 100%;
	margin: 0 auto;
	padding: 45px 20px;
	max-width: 810px;
	color: #fff2c7;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.secUser .target { margin-top: 10px; color: #dbebf9; }


.secCommon .motifContent {
	background-image: url(../images/result/rsltLstTitTop.jpg), url(../images/result/rsltLstTitBtm.jpg), url(../images/result/rsltLstTitBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center top;
	padding: 60px 0 65px;
	font-size: 1.5em;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

/********************************
*** secListing Styling
********************************/
.secListing {
    margin: 0 auto;
	max-width: 952px;
	color: #100;
}
.secCommon .secTitle, .secListing .secTitle {
	background: transparent;
	background-image: url(../images/result/rsltTitTop.jpg), url(../images/result/rsltTitBtm.jpg), url(../images/result/rsltTitBg.jpg);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: center top, center bottom, center bottom;
	padding: 53px 105px 56px;
	color: #ddd8dd;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
}

.secListing .secList .secContent { padding: 0; }
.secListing .secList .secContent .secInList { padding: 10px 0 0; }
.secCommon .secList .secContent .paragraph { padding: 20px 80px 60px; }

.secListing .secList .secInList span {
	font-size: 1.3em;
    line-height: 1em;
}
.secListing .secList .secInList strong {
    color: #ffbf29;
    font-weight: bold;
	font-size: 1.5em;
    line-height: 1.5em;
}

.secListing .listYanTelling {
	background: url(../images/result/rsltTypeTit1.jpg) no-repeat center top;
	padding-top: 220px;
}
.person2 .secListing .listYanTelling { background-image: url(../images/result/rsltTypeTit2.jpg); }
.secListing .listYanTelling .yang_telling_background { background: url(../images/result/rsltTypeBg.jpg) no-repeat center top; }
.secListing .listYinTelling {
	background: url(../images/result/rsltTypeTit4.jpg) no-repeat center top;
	padding-top: 220px;
}
.person2 .secListing .listYinTelling { background-image: url(../images/result/rsltTypeTit5.jpg); }
.secListing .listQuestion, .secListing .listLast {
	background: url(../images/top/menuDiv.png) no-repeat center top;
	background-size: 860px;
	padding-top: 40px;
}
.secListing .listGraphAnim {
	background: url(../images/result/rsltTypeTit6.jpg) no-repeat center top;
	background-size: 860px;
	padding-top: 40px;
}
.person2 .secListing .listGraphAnim {
	background: url(../images/result/rsltTypeTit7.jpg) no-repeat center top;
	padding-top: 220px;
}

.result_detail_background {
	background: url('../images/result/rsltTypeBg4.jpg') no-repeat center top;
	background-position: center;
	height: 400px;
	text-align: center;
}
.result_text_box {
	display: flex;
	height: 115px;
	padding-top: 4%;
}
.listYinTelling .result_detail_background { background-image: url(../images/result/rsltTypeBg3.jpg); height: 258px; }
.listYinTelling .result_text_box {
	padding: 6.5% 0 2%;
	height: auto;
}
.result_text_box p {
	margin: auto;
	color: #fefaf3;
	font-size: 2rem;
	line-height: 140%;
	font-weight: bold;
	letter-spacing: 0.05rem;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.result_image_box img { max-width: 20%; }
.result_image_box img + img { margin-left: 5%; }

/******************************** End secListing Styling ********************************/

/********************************
*** blur Styling
********************************/
.result-container .paragraph .blur {
    background: url(../images/result/blur/result_mosaic_text.png) no-repeat center top;
	background-size: 114%;
	margin-top: -20px;
    padding-top: 60px;
    height: 150px;
}

/******************************** 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: 952px;
}
.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; }