* {
    box-sizing: border-box;
}

#FLOAT_ALL * { font-size: 12px; line-height: 1.5em; }

body {
	display: table;
    min-width: inherit;
    font-size: 14px;
}
p { margin-bottom: 10px; }
.half {
    width: 100%;
    float: none !important;
    padding: 5px 0;
}
h1 { font-size: 1.3em; font-weight: 500; text-indent: 0; margin-bottom: 20px!important; }
h1 strong { font-weight: bold; }
h2 { margin-bottom: 20px!important; font-size: 1.2em; }
img { max-width: 100%; }
img.center {
	display: table;
    width: 100%;
    margin: 0 auto;
}
.message-container + img.center {
	width: 92%;
}
.result-second + img.center {
	width: 115%;
	margin: 0 -20px;
}
.img-responsive { width: 100%; }
.full-container .v-pull { margin: -5px 0px; }
.hidden-md { display: block; }
.hidden-sm { display: none; }

/********************************
*** Header Part
********************************/
.body-container {
    background: none;
    min-width: inherit;
}
header .header-container, .body-container {
    width: 100%;
    min-height: 41px;
    top: 5px;
}
header .full-container {
	background-size: 251%;
    background-position: 65% 0;
    padding: 0;
}
header .full-container .info { margin: 0; }

/********************************
*** Common Part
********************************/

/********************************
*** Body Part
********************************/
.body-container {
    background-size: contain;
}
.body-footer { font-size: 0.85em; }

/********************************
*** Input Page
********************************/
.input-container section:not([class^='lightpick']) { padding-bottom: 40px; }
.input-container [class$='-design'] .info ul li {
	padding: 0 5px;
}
.input-container [class$='-design'] .info ul li.header {
	font-size: 1.1em;
	font-weight: 500;
	padding: 3px 0;
	width: 100%;
}
.input-container [class$='-design'] .info ul li span { padding: 5px 0px 2px 25px; }
.input-container [class$='-design'] .info ul li.noIcon span { padding: 5px 0 2px; }
.input-container [class$='-design'] .info ul li span:before { top: -2px; }
.input-container [class*='fvCatch'] { max-width: 92%; }
.input-container .one-design {
	background-position: center 96.5%;
	background-size: 77%;
	margin-bottom: 0;
	padding: 40px 10px 160px!important;
}
.input-container .one-design .info { padding-bottom: 0; }
.input-container .one-design .top p {
    text-indent: 0;
    font-size: 0.8em;
    line-height: 1.5em;
}

.input-container .two-design form .info {
    padding: 10px 20px;
}
.input-container form table tr th, .input-container form table tr td {
    font-size: 1.0em;
    margin: 0 auto;
    display: block;
}
input, .inputError { margin-bottom: 12px!important; padding: 8px 12px 5px !important; border-radius: 10px; }
form input[type="text"] {
	padding: 8px;
    width: 100%;
	font-size: 1.05em;
}
.input-container .input-holder { padding: 20px 25px; }
.input-container br + .btmLine + .input-holder { margin-top: -10px; }
.input-container .input_submit { margin: 0 auto; }
form input[id^='datepick'] { background-size: 20px; }
.lightpick__month-title > .lightpick__select { color: #000; font-size: 15px !important; }
.lightpick__previous-action, .lightpick__next-action { color: #000; }
.lightpick__month { width: 230px; }
.input-container table select {
	background-size: 20px;
	padding: 8px 12px 5px;
	color: #000;
	font-size: 1.05em;
	border-radius: 10px;
}
.entry_save { margin: 10px auto 30px; font-size: 1.05em; }
.input-container .free-btn, .main-container .charge-btn {
    width: 100%;
    margin: 0 auto;
	padding: 9px 0;
	font-size: 16px;
}
.input-container .free-btn:after, .main-container .charge-btn:after { margin-top: -4px; }
span.spanError:before { top: 2px; left: 140px; }

.input-container section.review-design { padding-bottom: 0; max-width: 100%; font-size: 1.05em; }
.review-design .top { position: relative; padding: 10px 12px 20px; }
.review-design .top .info { margin-left: 3px; max-width: 290px; }
.review-design .top .content {
	margin-top: 34%;
	padding: 0 35px 30px;
}
.owl-theme .owl-nav.owl-nav-side [class*='owl-'] img { width: 40px; }
.owl-theme .owl-nav.owl-nav-side .owl-prev { left: -4vh; }
.owl-theme .owl-nav.owl-nav-side .owl-next { right: -4vh; }
.review-design .top .content h3 { font-size: 1.2em; }
.review-design .top img.roundRadius { max-width: 115px; top: -65px; margin-bottom: -60px; }
.review-design .top .content p { text-align: justify; }

.input-container section.info-design {
	padding: 40px 18px;
	text-align: justify;
}
.input-container section.info-design img { width: 120px; }
.input-container section.info-design .float h3 { margin-bottom: 10px; font-size: 1.05em; }
.input-container section.info-design .float li { padding: 0; font-size: 0.8em; }
.input-container section.jutsu-design { padding: 30px 18px; }
.input-container section.jutsu-design .info ul li {
	margin-bottom: 50px;
	font-size: 1em;
}
.input-container section.jutsu-design .info ul li br { display: none; }
.input-container .jutsu-design .info ul li.header { padding: 0 20px; width: auto; }

/********************************
*** Result Page
********************************/
.greeting-container {
	background-size: 100%;
	padding: 70px 30px 40px 40px;
	height: 290px;
	font-size: 0.75em;
	line-height: 1.7em;
}
.greeting-container .info:before {
	width: 90px;
    height: 65px;
}
.result-listing .content-box {
	padding: 20px 12px;
}
.result-listing .content-box .info {
	padding: 15px 12px;
	font-size: 1em;
	border-radius: 20px;
}

.result-first .content-box .chart-holder {
	margin-bottom: 20px;
	padding: 5px;
	max-width: 310px;
}
.result-first .content-box .chart-container {
	background-size: 100% 100%;
	padding: 10px 84px;
	height: 225px;
}
.result-first .content-box .chart-container .label {
    width: 80px;
}
.result-first .content-box .chart-container .your-soul .label {
    margin: -32px auto 0;
    width: 66%;
}
.result-first .content-box .chart-container .your-concern {
	width: 70px;
	top: 32%;
	left: 6px;
}
.result-first .content-box .chart-container .your-concern .label {
    margin: -32px -3px;
}
.result-first .content-box .chart-container .your-concern .label img.center {
/*    width: 160%;*/
    margin-left: 1%;
}
.result-first .content-box .chart-container .your-guardian { width: 112px; top: 10px; right: 42px; }
.result-first .content-box .chart-container .your-guardian .label { width: 70px; top: 30px; left: 70px; }
.result-first .content-box .chart-container .your-guardian2 { width: 57px; top: 20px; left: 72px; }
.result-first .content-box .chart-container .your-guardian2 .label { margin-top: -73px; margin-left: -55px; width: 112%; }
.result-first .content-box .chart-container .your-guardian3 { width: 58px; top: 105px; right: 10px; }
.result-first .content-box .chart-container .your-guardian3 .label { margin-top: -18px; width: 100%; }

.result-first .input-details {
	font-size: 1em;
	margin-bottom: 10px;
}
.result-first .content-box .info p {
	font-size: 1em;
}
.result-first .content-box .info .inner {
	padding: 20px 12px 20px;
}
.result-first .content-box .info .inner .innerTop img { margin-top: 0; }
[class^='result-']:not(.result-listing,.result-first) .top {
	padding: 30px 12px 20px;
}
[class^='result-']:not(.result-listing,.result-first) .info-title {
	margin-bottom: 20px;
	max-width: 90%;
	border-width: 1px;
}
[class^='result-']:not(.result-listing,.result-first) .info-title .info {
	padding: 10px 0;
	font-size: 1em;
}
.free-container .result-first > .content-box .inner:nth-child(2) .blur {
	margin-bottom: 10px;
	height: 80px;
}
.result-first .target .target-soul {
	width: 115px;
	height: 168px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.result-first .target .content-box .info .inner .info {
	padding: 15px 12px;
}
.result-first .target .content-box .info .inner .innerTop img {
	margin-top: -2px;
}
.result-first .target .content-box .info .inner .innerTop .target-soul > img {
	width: 133%;
}
.result-first .target .content-box .info .inner .innerTop .target-soul .label img {
	top: 20px;
	width: 80px;
}

.result-second .content-box {
	padding: 20px 12px 10px;
	font-size: 1em;
}
.content-box .info-title .titTop {
	font-size: 1.2em;
	margin-bottom: 12px;
	z-index: 3;
}
.content-box .info-title .titTop:before {
	bottom: -16px;
	left: 45%;
	margin-left: -0.6px;
	width: 3px;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 17px solid #fff;
}
.content-box .info-title .titTop:after {
	bottom: -12px;
	left: 45%;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;
	border-top: 18px solid #3A3B70;
}
.content-box .info-title .titTop span {
	padding: 7px 10px;
	font-size: 0.85em;
	font-weight: 500;
	text-align: left;
	border-width: 3px;
}
.content-box .info-title .titTop span:before {
	margin: 0px 8px -1px 0;
	width: 18px;
	height: 28px;
	font-size: 1em;
}
.result-first .content-box .innerTop { padding-top: 0; }
.result-first .content-box .innerTop [class*='info me'] { padding: 10px 0 0; }
.result-first .content-box .innerTop .info.me1 { padding: 10px 0 0; }
.result-listing .content-box {}
.result-first .top-heading {
	font-size: 1.2em;
	padding: 12px 10px;
}

.sale-holder {
	padding: 15px 20px 20px;
	border-radius: 20px;
}
.sale-holder .sale-info {
	margin-bottom: 10px;
	padding: 0 5px;
}
.sale-holder .sale-info .sale-price {
	padding-left: 40px;
}
.sale-holder .sale-info .sale-price:before {
	width: 40px;
	margin: 0;
}
.sale-holder .sale-info .sale-timer {
	min-width: 100px;
}


.float-point {
	top: -20px;
	left: -20px;
	width: 71px;
    height: 71px;
}
.result-third .float-point {
	top: -34px;
    left: 5px;
}
.result2ndTop {
	padding-top: 30px;
}
.result2ndTop img, .result-third img.float-top {
	width: auto;
	max-height: 100px;
}
.result-third {
	padding-top: 30px;
}
.result-third .info-dialog:before {
	background-size: 100%;
	width: 200px;
	height: 200px;
	top: -30px;
	left: -40px;
}
.result-third .info-dialog .info {
	background-size: 100%;
	padding: 28px 15px 30px;
	width: 170px;
	height: 145px;
}
.result-third .content-box {
	padding: 20px 12px;
}
.message-container {
	padding: 20px 12px;
}
.message-container .content-box .info {
	padding: 10px;
}
.message-container .content-box .info:before {
	width: 110px;
	height: 110px;
}
.energy-container .top-heading { padding: 10px 0; font-size: 0.9em; }
.energy-container .top .content-box .info {
	padding: 10px;
}
.energy-container .eneImgCover {
	margin-right: 10px;
    width: 97px;
    height: 164px;
}
.energy-container .eneImgCover img {
	width: 130%;
	max-width: 130%;
}

.free-container .blur {
	background-size: 102%;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 20px;
	height: 278px;
}
.free-container .result-first .info.me1 .blur {
	padding-top: 10px;
	margin-top: 70px;
}
.free-container .result-first .info.me1 .blur:before {
	height: 353px;
}
.free-container .result-second .blur.red { background-repeat: no-repeat; height: 18px; }
.free-container .blur.left {
	margin-top: 10px;
	margin-left: 10px;
}
.free-container .message-container .blur {
	height: 258px;
	margin-top: 10px;
}
.free-container .message-container .blur.left {
	margin-top: 10px;
	margin-left: 0;
	height: 80px;
}
.free-container .blur:before {
	height: 340px;
}
.free-container .message-container .blur:before {
	height: 315px;
}
.free-container .result-third .blur:before {
	height: 333px;
}
.free-container .blur .padlockIcon {
	width: 50px;
	margin-bottom: 10px;
}
.free-container .result-first .info.me1 .blur .padlockIcon {
	top: -80px;
}