.cf:after,
.cf:before {
content: '';
display: table;
}
.cf:after {
clear: both;
}
.cf {
zoom: 1;
}
.single_wrap .thn_post_wrap .sindan_form a {
color: #59bdaf !important;
}
.sindan_form {
color: #3b3939;
}
.sindan_form p,
.sindan_form h1,
.sindan_form h2,
.sindan_form h3,
.sindan_form h4,
.sindan_form dd,
.sindan_form dt,
.sindan_form ul {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
line-height: 1.5;
padding: 0;
margin: 0;
}
.sindan_form a {
-webkit-transition: 0.15s;
-moz-transition: 0.15s;
-o-transition: 0.15s;
-ms-transition: 0.15s;
transition: 0.15s;
}
.sindan_form a:hover {
opacity: 0.6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
}
.sindan_form .section-step {
background-image: url(//www.timeless-edition.com/wp-content/themes/custom-data/shindan/images/tedition_shindan_11.gif);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 25px;
margin-bottom: 10px;
}
.sindan_form .section-step h2 {
font-size: 23px;
font-weight: bold;
margin: 0 0 15px 0;
}
.sindan_form .section-step h2 span {
vertical-align: middle;
font-weight: bold;
}
.sindan_form .section-step h2 span::before {
width: 71px;
height: 33px;
position: relative;
top: 7px;
padding-right: 0.5em;
}
.sindan_form .section-step h2 .step1::before {
content: url(//www.timeless-edition.com/wp-content/themes/custom-data/shindan/images/tedition_shindan_01.gif);
}
.sindan_form .section-step h2 .step2::before {
content: url(//www.timeless-edition.com/wp-content/themes/custom-data/shindan/images/tedition_shindan_02.gif);
}
.sindan_form .section-step h2 .step3::before {
content: url(//www.timeless-edition.com/wp-content/themes/custom-data/shindan/images/tedition_shindan_03.gif);
}
.sindan_form .section-step h2 .step4::before {
content: url(//www.timeless-edition.com/wp-content/themes/custom-data/shindan/images/tedition_shindan_04.gif);
}
.sindan_form .section-step h2 .step5::before {
content: url(//www.timeless-edition.com/wp-content/themes/custom-data/shindan/images/tedition_shindan_05.gif);
}
.sindan_form .section-step h2 .step6::before {
content: url(//www.timeless-edition.com/wp-content/themes/custom-data/shindan/images/tedition_shindan_06.gif);
}
.sindan_form .section-step h2 .step7::before {
content: url(//www.timeless-edition.com/wp-content/themes/custom-data/shindan/images/tedition_shindan_07.gif);
}
.sindan_form .section-step h2 .step8::before {
content: url(//www.timeless-edition.com/wp-content/themes/custom-data/shindan/images/tedition_shindan_08.gif);
}
.sindan_form .section-step p.disc {
margin-bottom: 15px;
}
.sindan_form .section-step .area-check ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0;
}
.sindan_form .section-step .area-check ul li {
display: inline-block;
width: 32%;
font-size: 13px;
margin-right: 1.3%;
margin-bottom: 5px;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] {
display: none;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label {
display: block;
margin: 0px;
height: 3em;
line-height: 3em;
text-align: center;
position: relative;
cursor: pointer;
background: #f9f9f9;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 0px #c9c9c9;
box-shadow: 0 0 2px 0px #c9c9c9;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-o-transition: 0.1s;
-ms-transition: 0.1s;
transition: 0.1s;
white-space: nowrap;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label span {
letter-spacing: -0.02em;
padding-left: 14px;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-o-transition: 0.1s;
-ms-transition: 0.1s;
transition: 0.1s;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label::before {
width: 14px;
height: 14px;
line-height: 13px;
display: inline-block;
vertical-align: middle;
text-align: center;
content: "\2713";
text-indent: -3px;
position: absolute;
left: 5px;
top: 13px;
font-size: 16px;
color: transparent;
padding: 0;
border: 2px solid #c1c1c1;
background: #fff;
-webkit-transition: 0.1s;
-moz-transition: 0.1s;
-o-transition: 0.1s;
-ms-transition: 0.1s;
transition: 0.1s;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label:hover {
color: #000;
font-weight: bold;
background: #ddd;
}
.sindan_form .section-step .area-check ul li input[type='checkbox']:checked + .label {
color: #fff;
background: #2bbfa4;
}
.sindan_form .section-step .area-check ul li input[type='checkbox']:checked + .label::before {
font-size: 16px;
font-weight: bold;
background: #fff !important;
border: 2px solid #ddd;
color: #00bda2 !important;
}
.sindan_form .section-submit {
margin-bottom: 15px;
}
.sindan_form .section-submit .button-submit {
text-align: center;
padding: 10px 0;
}
.sindan_form .section-submit .button-submit img {
margin-left:auto;
margin-right:auto;
width: 56%;
max-width: 220px;
}
.sindan_form .section-result {
margin-bottom: 50px;
}
.sindan_form .section-result .area-result {
background: #f9f9f9;
padding: 20px 40px;
margin-bottom: 30px;
}
.sindan_form .section-result .area-result .ttl {
font-size: 18px;
font-weight: bold;
text-align: center;
padding-top: 10px;
padding-bottom: 14px;
}
.sindan_form .section-result .area-result .ttl .strong {
font-size: 24px;
vertical-align: middle;
color: #59bdaf;
font-weight: normal;
display: block;
padding-top: 3px;
}
.sindan_form .section-result .area-result .ttl .result_arrow {
display: none;
}
.sindan_form .section-result .area-result .ttl .strong {
display: block;
}
.sindan_form .section-result .area-result .txt {
padding: 18px 30px 0;
margin-bottom: 22px;
border-top: #ccc solid 1px;
}
.sindan_form .section-result .area-result .txt.text-center {
text-align: center;
}
.sindan_form .section-result .area-result .link-result {
text-align: center;
margin-bottom: 10px;
}
.sindan_form .section-result .area-result .link-result a {
color: #fff !important;
background: #353133;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px 30px;
display: inline-block;
font-size: 16px;
}
.sindan_form .section-result .area-result .link-result a span::before {
content: "▶︎";
vertical-align: middle;
font-size: 10px;
padding-right: 10px;
}
.sindan_form .section-result .area-result .solo_disp {
display: none;
}
.sindan_form .section-result .area-type h2.ttl {
border-left: 5px solid #d3efd9;
padding-left: 8px;
font-size: 18px;
font-weight: bold !important;
letter-spacing: 0;
line-height: 1.8;
margin-left: 5px;
}
.sindan_form .section-result .area-type ul {
padding: 0;
margin: 0;
font-size: 0;
}
.sindan_form .section-result .area-type ul li {
display: inline-block;
font-size: 13px;
vertical-align: top;
width: 49%;
border-right: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}
.sindan_form .section-result .area-type ul li .layout {
padding: 10px 20px 10px 10px;
}
.sindan_form .section-result .area-type ul li .layout h3.subttl {
margin-bottom: 5px;
font-weight: bold;
}
.sindan_form .section-result .area-type ul li .layout p.txt {
line-height: 1.4;
}
.sindan_form .section-result .area-type ul li .layout p.link {
text-align: right;
font-size: 12px;
}
.sindan_form .section-result .area-type ul li:nth-child(even) {
border-right: 1px solid transparent;
}
.sindan_form .section-result .area-type ul li:nth-child(even) .layout {
padding: 10px 10px 10px 20px;
}
.sindan_form .section-result .area-type ul li:last-child {
border-bottom: 1px solid transparent;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dt {
background: #a5c3b4;
font-weight: bold;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dt span {
padding: 5px 5px 5px 10px;
font-size: 13.5px;
display: inline-block;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd.col1 ul {
padding: 5px 0;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd.col1 ul li {
width: 100%;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd.col1 ul li > span {
padding: 0em 5px 0px 10px;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd {
background: #e8e8e8;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd ul li {
margin-left: 0;
margin-right: 0;
font-size: 13.5px;
margin-top: 0px;
margin-bottom: 0;
color: #000;
vertical-align: top;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd ul li > span {
padding: 5px 5px 5px 10px;
display: inline-block;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd ul li > span label input {
display: inline;
vertical-align: middle;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd ul li > span label span {
vertical-align: middle;
}
#ayurveda_shindan.sindan_form .section-step.step2 .area-check dl dt {
background: #a4c2c4;
}
#ayurveda_shindan.sindan_form .section-step.step3 .area-check dl dt {
background: #c2b2c1;
}
#ayurveda_shindan.sindan_form .section-result .area-result {
padding: 20px 30px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl {
display: block;
width: 100%;
padding-bottom: 8px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .left {
display: block;
vertical-align: middle;
text-align: center;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .right {
display: block;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp {
display: none;
margin: 16px 0;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp .all_type {
display: inline-block;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp .all_type .box_layout {
display: table;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp .all_type .box_layout .heading {
display: table-cell;
vertical-align: middle;
width: 4em;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp .all_type .box_layout .heading .result_arrow {
display: inline;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp .all_type .box_layout .strong {
display: table-cell;
vertical-align: middle;
width: 13em;
padding-right: 19px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp ul {
text-align: center;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp ul li {
display: inline-block;
font-size: 13px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp ul li .s_strong {
color: #59bdaf;
padding-left: 1.5em;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .right.solo_disp {
display: none;
}
#ayurveda_shindan.sindan_form .section-result .area-result .txt {
padding: 15px 10px 0;
}
#ayurveda_shindan.sindan_form .section-result .area-result .box_layout {
display: table;
margin: 0 auto;
}
#ayurveda_shindan.sindan_form .section-result .area-result .box_layout .heading {
display: table-cell;
vertical-align: middle;
width: 4em;
}
#ayurveda_shindan.sindan_form .section-result .area-result .box_layout .rebody_layout {
display: table-cell;
vertical-align: middle;
width: 13em;
text-align: left;
}
#ayurveda_shindan.sindan_form .section-result .area-result .other_type {
text-align: center;
}
#ayurveda_shindan.sindan_form .section-result .area-result .other_type > li {
width: 100%;
}
@media (max-width: 1080px) {
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label {
font-size: 12px;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label::before {
left: 4px;
top: 11px;
}
}
@media (max-width: 980px) {
.sindan_form .section-step .area-check ul li {
width: 48%;
margin-right: 2%;
margin-bottom: 7px;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label {
font-size: 13px;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label::before {
left: 5px;
top: 13px;
}
.sindan_form .section-result .area-result {
padding: 10px 20px;
}
.sindan_form .section-result .area-result .txt {
padding: 10px 15px;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd ul {
padding: 5px 0;
}
#ayurveda_shindan.sindan_form .section-step .area-check dl dd ul li > span {
padding: 0em 5px 0px 10px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl {
display: block;
width: 100%;
padding-bottom: 8px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .left {
display: block;
vertical-align: middle;
width: 100%;
margin-bottom: 10px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .right {
display: block;
width: 100%;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp {
display: none;
}
}
@media (max-width: 780px) {
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .right {
display: block;
width: 100%;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp {
display: none;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp ul li {
width: 100%;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_disp .all_type .box_layout .strong {
font-size: 20px;
padding-right: 0;
}
#ayurveda_shindan.sindan_form .section-result .area-result .txt {
padding: 10px 10px 0;
}
}
@media (max-width: 720px) {
.sindan_form .section-step .area-check ul li {
width: 100%;
margin-right: 0%;
margin-bottom: 7px;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label {
font-size: 13px;
}
.sindan_form .section-step .area-check ul li input[type='checkbox'] + .label::before {
left: 5px;
top: 13px;
}
.sindan_form .section-result .area-result {
padding: 10px 20px;
}
.sindan_form .section-result .area-result .ttl .normal {
display: block;
}
.sindan_form .section-result .area-result .ttl .result_arrow {
display: none;
}
.sindan_form .section-result .area-result .ttl .strong {
display: block;
}
.sindan_form .section-result .area-result .txt {
padding: 10px 5px 0;
}
.sindan_form .section-result .area-type h2.ttl {
margin-left: 0;
}
.sindan_form .section-result .area-type ul li {
width: 100%;
border-right: 0px solid transparent;
}
.sindan_form .section-result .area-type ul li .layout {
padding: 10px 0;
}
.sindan_form .section-result .area-type ul li:nth-child(even) .layout {
padding: 10px 0;
}
#ayurveda_shindan.sindan_form .section-result .area-result {
padding: 10px 20px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_arrow {
font-size: 15px;
}
}
@media (max-width: 580px) {
.sindan_form .section-result .area-result .ttl .strong {
font-size: 18px !important;
}
#ayurveda_shindan.sindan_form .s_strong {
padding-left: 0.5em !important;
}
}
@media (max-width: 400px) {
.sindan_form .section-step .area-check dl dd ul li {
font-size: 12.5px !important;
}
.sindan_form .section-result .area-result {
padding: 20px 10px;
}
.sindan_form .section-result .area-result .link-result a {
padding: 8px 22px;
display: inline-block;
font-size: 15px;
}
#ayurveda_shindan.sindan_form .section-result .area-result {
padding: 20px 10px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .all_type_head {
font-size: 14px;
font-weight: bold;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .result_arrow {
font-size: 13px;
}
#ayurveda_shindan.sindan_form .section-result .area-result .ttl .strong {
font-size: 14px;
font-weight: bold;
letter-spacing: -0.02em;
}
#ayurveda_shindan.sindan_form .s_strong {
padding-left: 0em !important;
}
}