@charset 'utf-8';
.fortune{width: 840px; margin: 0 auto;}
.fortune .at{font-size: 0.8em; margin: 0 auto 30px;}
.subtitle{color: #ff5f72; text-align: center;}
.fortune .point {
    position: relative;
    padding: 0.9em 0 0.7em;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 0;
    text-align: center;
}
.fortune .point::before, .fortune .point::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 6px;
    box-sizing: border-box;
}
.fortune .point::before {
    top: 0;
    border-top: 2px solid #ffd9dc;
    border-bottom: 1px solid #ffd9dc;
}
.fortune .point::after {
    bottom: 0;
    border-top: 1px solid #ffd9dc;
    border-bottom: 2px solid #ffd9dc;
}
.fortune ol {
	counter-reset:sect;
	background-color:#fff6f7;
	padding: 2em 3em 1em;
	margin-bottom: 30px;
}
.fortune ol li:before {
    content: counter(sect);
    counter-increment: sect;
    color: #ff5f72;
    font-style: italic;
    font-weight: 800;
	font-size: 1.3em;
    position: absolute;
    left: -33px;
    top: 0;
    width: 22px;
    text-align: right;
}
.fortune ol li {
    line-height: 1.6em;
    margin: 0 0 10px 33px;
    position: relative;
}
.fortune ol li .ttl {
	font-size: 1.1em;
}
.fortune ol li p {
	margin-bottom: 6px;
}
.fortune .button_info {
    background: #80c9c5;
    border: none;
    color: #fff;
    cursor: pointer;
    height: 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.2em;
	font-weight: 800;
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: capitalize;
    transition: background 0.3s ease-in-out;
    width: 100%;
    max-width: 360px;
    border-bottom: solid 4px #42bbbc;
    border-radius: 6px;
	display: block;
    line-height: 50px;
    margin: 0 auto 40px;
}