.right_box > .content.play_friend_main .only-waiting-view {
    display: flex;
    justify-content: right;
    margin: 7rem 12rem;
}
.right_box > .content.play_friend_main .only-waiting-toggle {
    display: flex;
    align-items: center;
}

.right_box > .content.play_friend_main .only-waiting-toggle .toggle-name {
    font-weight: 300;
    font-size: 10rem;
    line-height: 10rem;
    margin-right: 6rem;
    color: #747473;
}

.right_box > .content.play_friend_main .pf-list-empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 58rem;
    pointer-events: none;
}
.right_box > .content.play_friend_main .pf-list-empty .empty-image {
    background-image: url(/skin/basic/images_ddakple/image/squirrel-empty.png);
    background-size: 96rem;
    width: 96rem;
    height: 138rem;
    background-repeat: no-repeat;
    background-position: center;
}
.right_box > .content.play_friend_main .pf-list-empty span {
    font-weight: 300;
    font-size: 11rem;
    line-height: 15rem;
    color: #747473;
    margin-top: 14rem;
}

.right_box > .content .pf-card {
    display: grid;
    grid-template-columns: 1fr 87rem;
    background: #FFFFFF;
    box-shadow: 0rem 2rem 5rem rgb(0 0 0 / 15%);
    border-radius: 5rem;
    margin: 0 14rem 9rem 14rem;
    padding: 15rem;
    cursor: pointer;
}

.right_box > .content .pf-card .tag-list > span {
    margin-right: 2rem;
    padding: 0 4rem;
    line-height: 15rem;
    font-weight: 500;
    font-size: 9rem;
    display: inline-flex;
    align-items: center;
    background: #F1F1F1;
    border-radius: 1rem;
}

.right_box > .content .pf-card .tag-list > span.vip {color: #D16A65;background: #FCEEEE;}
.right_box > .content .pf-card .tag-list > span.guest {color: #7A79EE;background: #EFEFFF;}
.right_box > .content .pf-card .tag-list > span.lightning {color: #5792B2;background: #DDE6ED;}
.right_box > .content .pf-card .tag-list > span.club {color: #454545;background: #F1F1F1;}
.right_box > .content .pf-card .tag-list > span.lesson {color: #57B286;background: #DDEDE3;}
.right_box > .content .pf-card .tag-list > span.competition {color: #2A60BE;background: #A6C2F2;}

.right_box > .content .pf-card h3 {
    font-weight: 700;
    font-size: 13rem;
    line-height: 18rem;
    margin: 6rem 0 4rem 0;
}
.right_box > .content .pf-card.completed h3,
.right_box > .content .pf-card.outdated h3  {
    color: #BABABA;
}

.right_box > .content .pf-card .info_box {
    display: grid;
    grid-template-columns: auto 1fr;
    font-weight: 300;
    font-size: 11rem;
    line-height: 15rem;
    row-gap: 1rem;
    margin-bottom: 1rem;
}
.right_box > .content .pf-card .info_box span.info_contents:before {
    content: ':';
    margin-right: 7rem;
    margin-left: 1rem;
}
.right_box > .content .pf-card.completed .info_box span,
.right_box > .content .pf-card.outdated .info_box span {
    color: #BABABA;
}
.right_box > .content .pf-card .pf-place {
    display: flex;
}
.right_box > .content .pf-card .pf-place-addr {
    margin-top: 8rem;
    margin-right: 14rem;
    padding: 0 10rem 0 20rem;
    border: 1px solid #EDEDED;
    border-radius: 16rem;
    color: #FF0049;
    font-weight: 300;
    font-size: 11rem;
    height: 28rem;
    box-sizing: border-box;
    line-height: 24rem;
    background-image: url(/skin/basic/images_partner/icon/etc/icon_position_marker.svg);
    background-repeat: no-repeat;
    background-size: 7rem;
    background-position: left 9rem center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200rem;
}
.right_box > .content .pf-card.completed .pf-place-addr,
.right_box > .content .pf-card.outdated .pf-place-addr  {
    color: #BABABA;
    background-image: url(/skin/basic/images_partner/icon/etc/icon_position_marker_gray.svg);
}
.right_box > .content .pf-card .pf-like {
    display: flex;
    justify-content: right;
    align-items: end;
}
.right_box > .content .pf-card .pf-like .pf-like-btn {
    font-weight: 500;
    font-size: 9rem;
    line-height: 15rem;
    color: #BABABA;
    padding-right: 18rem;
    background-image: url(/skin/basic/images_ddakple/icon/heart-empty.svg);
    background-repeat: no-repeat;
    background-position: right center;
}

.right_box > .content .pf-card .pf-like .pf-like-btn.on {
    background-image: url(/skin/basic/images_ddakple/icon/heart-red.svg);
}

.right_box > .content .pf-card .pf-thumbnail-item {
    width: 87rem;
    height: 65rem;
    background-image: url(/skin/basic/images_ddakple/pf-thumbnail.svg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 10rem;
    line-height: 14rem;
    color: #FFF;
}
.right_box > .content .pf-card.completed .pf-thumbnail-item,
.right_box > .content .pf-card.outdated .pf-thumbnail-item {
    background-color: rgba(0,0,0,0.4);
    background-blend-mode: multiply;
}

.ddakple-popup.filter-place-popup .popup-body {
    display: grid;
    grid-template-columns: 100rem 1fr;
}
.ddakple-popup.filter-place-popup .place-1-wrapper {
    overflow-y: scroll;
}
.ddakple-popup.filter-place-popup .place-1 {
    font-weight: 700;
    font-size: 11rem;
    line-height: 40rem;
    text-align: center;
    background-color: #FAFAFA;
    border-bottom: 1px solid #F1F1F1;
    cursor: pointer;
}
.ddakple-popup.filter-place-popup .place-1.selected {
    background-color: #FFF;
}
.ddakple-popup.filter-place-popup .place-2-wrapper {
    overflow-y: scroll;
}
.ddakple-popup.filter-place-popup .place-2-wrapper .place-2-group {
    display: none;
}
.ddakple-popup.filter-place-popup .place-2 {
    font-size: 11rem;
    line-height: 40rem;
    border-bottom: 1px solid #F1F1F1;
    margin-left: 26rem;
    cursor: pointer;
    background-image: url(/skin/basic/images_ddakple/icon/right-arrow-header.svg);
    background-repeat: no-repeat;
    background-position: right 17rem center;
    background-size: 7rem;
}

.right_box > .content .pf-content-top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 42rem;
    z-index: 9;
    margin-left: 42rem;
}
.right_box > .content .pf-content-top ul.top-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}
.right_box > .content .pf-content-top ul.top-actions li {
    width: 16rem;
    height: 16rem;
    margin-right: 7rem;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.right_box > .content .pf-content-top ul.top-actions li.more-btn {
    background-image: url(/skin/basic/images_ddakple/icon/more.svg);
}
.right_box > .content .pf-content-top ul.top-actions li.heart {
    background-image: url(/skin/basic/images_ddakple/icon/heart-empty-black.svg);
    background-size: 16rem;
}
.right_box > .content .pf-content-top ul.top-actions li.heart.active {
    background-image: url(/skin/basic/images_ddakple/icon/heart-red.svg);
}

/* width MAX */
@media all and (min-width:1351px) {
    .right_box > .content .pf-content-top {position: relative;}
}