.cf:after,
.cf:before {
content: '';
display: table;
}
.cf {
zoom: 1;
}
.cf:after {
clear: both;
}
.single_wrap .thn_post_wrap .sindan_form a {
color: #59bdaf !important;
}
img {
display: inline;
}
@media (max-width: 980px) {
.postid-42028 .main-container,
.postid-42028 .post-content {
overflow: visible;
}
}
.postid-42028 .main-container #check-list,
.postid-42028 .post-content #check-list {
margin-bottom: 0;
}
.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.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
-ms-transition: 0.25s;
transition: 0.25s;
}
.sindan_form a:hover {
opacity: 0.6;
}
.sindan_form .section-step:nth-child(1) {
background: #fbf3f0;
}
.sindan_form .section-step:nth-child(2) {
background: #f6ede5;
}
.sindan_form .section-step:nth-child(3) {
background: #f4f2e6;
}
.sindan_form .section-step:nth-child(4) {
background: #f3f6ed;
}
.sindan_form .section-step:nth-child(5) {
background: #e6eeef;
}
.sindan_form .section-step:nth-child(6) {
background: #e8ebf4;
}
.sindan_form .section-step:nth-child(7) {
background: #f5ebf3;
}
.sindan_form .section-step .area-check ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 0;
padding: 14px 16px;
margin-bottom: 28px;
}
@media (max-width: 480px) {
.sindan_form .section-step .area-check ul {
margin-bottom: 22px;
}
}
.sindan_form .section-step .area-check ul li {
font-size: 15px;
line-height: 1.6;
margin: 16px 0px;
}
@media (max-width: 378px) {
.sindan_form .section-step .area-check ul li {
font-size: 14px;
}
}
.sindan_form .section-step .area-check ul li label br {
display: none;
}
.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;
text-align: left;
position: relative;
cursor: pointer;
-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 span {
letter-spacing: -0.02em;
display: inline-block;
padding-left: 26px;
transition: 0.5s;
}
.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: 0px;
top: 5.2px;
font-size: 16px;
color: transparent;
padding: 0;
border: 2px solid #c1c1c1;
-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: #109ead;
}
.sindan_form .section-step .area-check ul li input[type='checkbox']:checked + .label::before {
font-size: 16px;
font-weight: bold;
border: 2px solid #ddd;
color: #00bda2 !important;
}
.sindan_form .section-submit {
margin-bottom: 15px;
}
.sindan_form .section-submit .button-submit {
text-align: center;
padding: 32px 0 12px;
}
.sindan_form .section-submit .button-submit a {
cursor: pointer;
}
.sindan_form .section-submit .button-submit img {
margin-left: auto;
margin-right: auto;
width: 100%;
height: auto;
max-width: 142px;
}
.sindan_form .not-check {
text-align: center;
font-weight: bold;
margin: 40px 0 80px;
font-size: 17px;
}
@media (max-width: 480px) {
.sindan_form .not-check {
font-size: 15px;
}
}
.sindan_form .not-check a {
color: #f00;
border: 1px solid #f00;
padding: 8px 16px;
animation: blinking 0.8s ease-in-out infinite alternate;
}
@-moz-keyframes blinking {
0% {
opacity: 0.8;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes blinking {
0% {
opacity: 0.8;
}
100% {
opacity: 1;
}
}
@-o-keyframes blinking {
0% {
opacity: 0.8;
}
100% {
opacity: 1;
}
}
@keyframes blinking {
0% {
opacity: 0.8;
}
100% {
opacity: 1;
}
}
.sindan_form .section-result {
margin-bottom: 50px;
}
.sindan_form .section-result .area-result {
margin-bottom: 30px;
}
.sindan_form .section-result .area-result-head {
text-align: center;
margin: 80px 0 40px;
}
.sindan_form .section-result .area-result-head img {
max-width: 188px;
width: 33%;
min-width: 160px;
}
.sindan_form .section-result .area-result-bg {
background: #f0f0ef;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.sindan_form .section-result .area-result-bg .ttl {
font-size: 18px;
text-align: center;
padding: 48px 8px 16px;
}
@media (max-width: 414px) {
.sindan_form .section-result .area-result-bg .ttl {
font-size: 17px;
}
}
.sindan_form .section-result .area-result-bg .ttl .strong {
font-size: 24px;
vertical-align: middle;
color: #59bdaf;
font-weight: normal;
display: block;
padding-top: 16px;
display: block;
}
.sindan_form .section-result .area-result-bg .ttl .strong img {
max-width: 320px;
width: 60%;
}
.sindan_form .section-result .area-result-bg .ttl .result_arrow {
display: none;
}
.sindan_form .section-result .area-result-bg .txt {
padding: 18px 30px 0;
margin-bottom: 22px;
border-top: #ccc solid 1px;
}
.sindan_form .section-result .area-result-bg .txt.text-center {
text-align: center;
}
.sindan_form .section-result .area-result-bg .link-result {
text-align: center;
margin-bottom: 10px;
}
.sindan_form .section-result .area-result-bg .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-bg .link-result a span::before {
content: "▶︎";
vertical-align: middle;
font-size: 10px;
padding-right: 10px;
}
.sindan_form .section-result .area-result-bg .solo_disp {
display: none;
}
.sindan_form .section-result .result-text,
.sindan_form .section-result .howto,
.sindan_form .section-result .yoga {
font-size: 17px;
margin: 24px 0;
}
.sindan_form .section-result .result-text p.txt,
.sindan_form .section-result .howto p.txt,
.sindan_form .section-result .yoga p.txt {
line-height: 2;
}
@media (max-width: 480px) {
.sindan_form .section-result .result-text p.txt,
.sindan_form .section-result .howto p.txt,
.sindan_form .section-result .yoga p.txt {
line-height: 1.8;
}
}
.sindan_form .section-result .result-text .img,
.sindan_form .section-result .howto .img,
.sindan_form .section-result .yoga .img {
text-align: center;
}
.sindan_form .section-result .result-text .img img,
.sindan_form .section-result .howto .img img,
.sindan_form .section-result .yoga .img img {
width: 60%;
min-width: 268px;
max-width: 360px;
}
.sindan_form .section-result .result-text {
margin-top: 40px;
}
.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;
}