.fortune-contents{display:flex ; align-items: flex-start; justify-content: space-between;}
.fortune-contents p{margin:0;}
.fortune-contents .fortune-sidebar {width: 15%; border: 1px solid #dddada;margin: 0;}
.fortune-contents .fortune-main{width:85%;margin-left:15px;}

.fortune-nav .nav-title{
    background: linear-gradient(#595959, #595959);
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-shadow: black 0px 1px 2px;
}
.fortune-nav .nav-title a {display: block;color:#fff;padding: 10px 11px;}
.fortune-nav .nav-title a:hover{color:#fff;}
.fortune-nav .fortune-group .group-title{
    padding: 5px 0 5px 14px;
    color: #000;
    font-weight: bold;
    font-size: 13px;
    background: radial-gradient(#efefef, transparent);
    border: 1px solid #e5e5e5;
    border-left: 0;
    border-right: 0;
}
.fortune-nav .fortune-group:first-of-type .group-title{margin-top:0;}
.fortune-nav .fortune-group .fortune-list{line-height:1.7; padding:10px 0 15px 0;}
.fortune-nav .fortune-group .fortune-list li{margin-left:10px;}
.fortune-nav .fortune-group .fortune-list li::before{content:"¤ý";font-weight: bold;font-size: 12px;margin-right: 2px;}

.fortune-main .fortune-category{margin-top: 23px;}
.horoscope-fortune{margin: 23px 0;}
.fortune-main .fortune-category.today-fortune{margin-top: 16px;}
.fortune-main .fortune-category .main-title{
    color: #252525;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0 0 10px;
    margin-bottom: 6px;
}
.fortune-main .fortune-category .main-title::before,
.fortune-main .horoscope-fortune .main-title::before{content:"¡Ý";font-weight: bold;font-size: 12px;color: #595959;vertical-align: text-bottom;margin: 0 5px 0 0;}
.fortune-main .fortune-category.couple-fortune .main-title,
.fortune-main .fortune-category.recommended-fortune .main-title{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #252525;
    font-size: 14px;
    font-weight: bold;
}
.fortune-main .fortune-category.couple-fortune .fortune-part,
.fortune-main .fortune-category.recommended-fortune .fortune-part{width: 25%;padding: 0 10px;box-sizing: border-box;}
.fortune-main .fortune-category.couple-fortune .fortune-part a,
.fortune-main .fortune-category.recommended-fortune .fortune-part a{display: block;}
.fortune-main .fortune-category.couple-fortune .fortune-part a img,
.fortune-main .fortune-category.recommended-fortune .fortune-part a img{
    width: 100%;
    height: 100px;
    object-fit: contain;
    border: 1px solid #ccc;
    padding: 5px 5px 0px 5px;
    box-sizing: border-box;
    margin-bottom: 5px;
}
.fortune-main .fortune-category.recommended-fortune .fortune-part:nth-of-type(3) img{padding-top: 19px;}
.fortune-main .fortune-category.recommended-fortune .fortune-part:nth-of-type(4) img{padding-top: 16px;}
.fortune-main .fortune-category.couple-fortune .fortune-part:nth-of-type(3) img{padding-top: 31px;}
.fortune-main .fortune-category .fortune-part .sub-title{
    margin-bottom: 5px;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}
.fortune-main .fortune-category .fortune-part .sub-text{
    color: #6e6e6e; 
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.fortune-main .fortune-category .fortune-wrap{display: flex;align-items: flex-start;}
.fortune-main .fortune-category.today-fortune .fortune-wrap{flex-wrap: wrap;border: 5px solid #e5e5e5;}
.fortune-main .fortune-category.today-fortune .fortune-part{display: inline-block;width: 50%;height: 100px;position: relative;box-sizing: border-box;padding: 10px 10px 0px 180px;}
.fortune-main .fortune-category.today-fortune .fortune-part:first-of-type{border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.fortune-main .fortune-category.today-fortune .fortune-part:nth-of-type(2){border-bottom: 1px solid #e5e5e5;}
.fortune-main .fortune-category.today-fortune .fortune-part:nth-of-type(3){border-right: 1px solid #e5e5e5;}
.fortune-main .fortune-category.today-fortune .fortune-part a{display: block;height: 100%;}
.fortune-main .fortune-category.today-fortune .fortune-part a img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 150px;
    height: 80%;
    object-fit: contain;
}
.fortune-main .fortune-category.today-fortune .fortune-part:first-of-type a img{
    transform: initial;
    top: initial;
    bottom: 0;
}
.fortune-main .horoscope-fortune .main-title{
    color: #252525;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left:10px;
}
.fortune-main .horoscope-fortune .horoscope-wrap{background: url(/fortune/n_img/star_bg.gif) no-repeat;background-position-y: -33px;height: 367px;padding-top: 28px;box-sizing: border-box;}
.fortune-main .horoscope-list{display: flex;justify-content: space-between;padding: 0 10px;box-sizing: border-box;margin-bottom: 30px;}
.fortune-main .horoscope-list:last-of-type{margin:0;}
.fortune-main .horoscope-list .list-item{width: 15%;}
.fortune-main .horoscope-list .list-item a{display: block;text-align: center;}
.fortune-main .horoscope-list .list-item a img{object-fit: contain;width: 100%;height: 100px;}
.fortune-main .horoscope-list .list-item .sub-text{color: #fff;margin-top: 5px;}

.fortune-detail .fortune-content{
    border: 2px solid #e4e4e4;
    display: inline-block;
    width:100%;
    height: 170px;
    position: relative;
    box-sizing: border-box;
    padding: 10px 10px 0px 300px;
    margin: 15px 0;
}
.fortune-detail .fortune-content>img{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 260px;
    height: 100%;
    object-fit: contain;
}
.fortune-detail .fortune-content.css-head-1004>img,
.fortune-detail .fortune-content.css-head-1005>img,
.fortune-detail .fortune-content.css-head-1006>img,
.fortune-detail .fortune-content.css-head-1011>img,
.fortune-detail .fortune-content.css-head-1015>img,
.fortune-detail .fortune-content.css-head-1016>img,
.fortune-detail .fortune-content.css-head-1021>img,
.fortune-detail .fortune-content.css-head-1024>img,
.fortune-detail .fortune-content.css-head-1041>img{left: 15px;}

.fortune-detail .fortune-content .sub-title{
    color: #47567b;
    font-weight: bold;
    font-size: 28px;
    margin: 0 0 3px 0;
    letter-spacing: -3px;
}
.fortune-detail .fortune-content .sub-title>small{font-size: 17px;color: #70788e;letter-spacing: -1.5px;}
.fortune-detail .fortune-content .sub-text{
    line-height: 1.8;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
}
.fortune-uesrInfo form{
    position: relative;
    box-sizing: border-box;
    padding: 15px 0;
}
.fortune-uesrInfo form fieldset{position:relative;}
.fortune-uesrInfo form fieldset:first-of-type{margin-bottom:10px;}
.fortune-uesrInfo .form-title{position: absolute;top: 0;left: 0;background-color: #e5e5e5;font-size: 13px;font-weight: bold;color: #333;padding: 4px 8px 3px 10px;box-sizing: border-box;z-index: 10;}
.fortune-uesrInfo .form-title::after{content:"";display: inline-block;background: #e5e5e5;width: 20px;height: 20px;right: -10px;transform: rotate(45deg);position: absolute;z-index: -1;}
.fortune-uesrInfo .form-line {padding: 0 0 0 110px;margin-bottom: 10px;font-size: 12px;}
.fortune-uesrInfo .form-line:last-of-type{margin:0;}
.fortune-uesrInfo .form-line.birth2{display: flex;align-items: flex-start;padding-left: 215px;}
.fortune-uesrInfo .form-line.birth2 .line{margin: 0 7px;}
.fortune-uesrInfo .form-line.blood{padding-left: 100px;}
.fortune-uesrInfo .form-line.days2 .line{vertical-align: top;color: #898989;}
.fortune-uesrInfo .form-line.days2 fieldset{display: inline;}
.fortune-uesrInfo .form-line input{margin: 0.3em 3px 0 0px;vertical-align: top;}
.fortune-uesrInfo .front{display: inline-block;width: 100px;}
.fortune-uesrInfo .front::before{content: "¤ý";font-weight: bold;font-size: 12px;margin-right: 2px;}
.fortune-uesrInfo .sr-only{position: absolute; left: -9999px;}
.fortune-uesrInfo .sub-reference{padding-left: 195px; font-size: 12px; margin: 10px 0;}
.fortune-uesrInfo .btn-box{text-align: center; margin-top:20px;}
.fortune-uesrInfo .btn-box .results{
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px 35px;
    background: linear-gradient(#fcfcfc, #f0f0f0);
    color: #333;
    cursor: pointer;
}

.dream-detail{font-size: 0;}
.dream-detail h2{width: 100%;margin: 15px 0 20px 0;}
.dream-detail .dream-title{
    position: relative;
    background-color: #e5e5e5;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    padding: 5px 8px 4px 10px;
    box-sizing: border-box;
    display: inline-block;
}
.dream-detail .dream-title::after{content:"";display: inline-block;background: #e5e5e5;width: 20px;height: 20px;right: -10px;transform: rotate(45deg);position: absolute;z-index: -1;}
.dream-detail .dream-category::after{content:""; clear:both; display:block;}
.dream-detail .dream-list{float:left;margin-bottom: 20px;width: 50%;display: inline-block;padding-left: 10px;box-sizing: border-box;}
.dream-detail .dream-list:nth-of-type(2n){float:right;}
.dream-detail .dream-list .list-title{color: #333;margin-bottom: 5px;}
.dream-detail .dream-list .list-title::before{content: "¢º";color: #fb9a15;display: inline-block;vertical-align: top;margin: -0.1em 3px 0 0;}
.dream-detail .dream-list ul{line-height: 2.2;}
.dream-detail .dream-list ul li{color: #6e6e6e;font-size: 12px;}

.fortune-contents .fortune-result{line-height: 2;}
.fortune-contents .fortune-result .title_bg{
    background: url(/fortune/n_img/line_bg.gif) 0px center no-repeat, 3px center;
    font-weight: bold;
    padding: 0 0 0 7px;
    margin: 15px 0 10px 0;
}
.fortune-contents .fortune-result .title_bg:first-of-type{margin-top:25px;}
.fortune-result .result-text{line-height: 1.8;margin-bottom: 30px;}
.fortune-result .result-item{position: relative;border-top: 1px dotted #ccc;margin: 20px 0 25px 0;line-height: 1.8;}
.fortune-result .result-item .item-title{
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 0;
    background-color: #e5e5e5;
    font-size: 11px;
    font-weight: bold;
    color: #404040;
    padding: 0px 35px 0px 9px;
    box-sizing: border-box;
    z-index: 10;
}
.fortune-result .result-item .item-title::after{content:"";display: inline-block;width: 14px;height: 14px;background-color: #e5e5e5;transform: rotate(45deg);top: 3px;right: -7px;position: absolute;z-index: -1;}
.fortune-result .result-item .item-text{margin: 20px 0;}