@charset "utf-8";
.shop_contents_list .time_update {
    top: 9px;
    right: 11px;
    color: #999;
    font-size: 10px;
    position: absolute;
}
.keep-btn {
    position: absolute;
    bottom: 11px;
    right: 6px;
    width: 138px;
    height: 20px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    padding: 1px 4px;
    border: 1px solid #ccc;
    border-radius: 20px;
    cursor: pointer;
}
.keep-btn.is-active {
    width: 93px;
    transition: all ease-out 0.2s;
}
.keep-btn-icon {
    height: 18px;
/* ↓ アイコンと文字の区切り線重複対応 @SC 2025/06/30 */
    position: relative;
    top: -1px;
/* ↑ アイコンと文字の区切り線重複対応 @SC 2025/06/30 */
}
.keep-btn.is-active>.keep-btn-icon {
    animation: keepedBound 0.5s ease-out forwards;
}

@keyframes keepedBound{
    0%  {transform: scale(1);}
    40% {transform: scale(1.3);}
    80% {transform: scale(0.8);}
    100%{transform: scale(1);}
}
.keep-btn.is-cannot{
    animation: cannotKeep 0.3s ease-out forwards;
}
@keyframes cannotKeep{
    0%  {transform: translateX(0);}
    20% {transform: translateX(-5px);}
    40% {transform: translateX(5px);}
    60% {transform: translateX(-5px);}
    80% {transform: translateX(5px);}
    100%{transform: translateX(0);}
}
.keep-btn-text {
    vertical-align: top;
    line-height: 16px;
    color: #888;
    font-weight: bold;
    font-size: 10px;
}
.keep-btn:hover{
	text-decoration: none !important;
}
ul.recruit_icon_list.base_info.clearfix {
    position: relative;
    top: 0px;
    margin-top: 16px;
}


#keepFunction .keepMenuItem>.number.is-animation{
    animation: scaleUp 0.3s ease-out forwards;
}
@keyframes scaleUp{
    0%  {transform: scale(0.8);}
    40% {transform: scale(1.3);}
    80% {transform: scale(0.6);}
    100%{transform: scale(0.8);}
}

div#keepToast {
    position: fixed;
    bottom: 10px;
    right: 40px;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    background: #c00;
    color: #fff;
    z-index: 100001;
    pointer-events: none;
    opacity: 0;
}
div#keepToast.is-animation {
    animation: fadeIn-out 1.4s ease-out forwards;
}
@keyframes fadeIn-out{
    0%  {opacity: 0;}
    30% {opacity: 1;}
    60% {opacity: 1;}
    100%{opacity: 0;}
}
/* ↓[H]口コミ改修対応：[フロント]お店検索結果への投稿件数表示対応 2019/04/10 */
.review_cnt_btn {
    font-weight:bold;
    background-color:#EEE;
    padding:1px 5px;
    text-decoration:underline;
}
/* ↑[H]口コミ改修対応：[フロント]お店検索結果への投稿件数表示対応 2019/04/10 */
/* ↓ランキング検索の口コミ数表示対応 2019/11/21 */
.review_cnt_btn_ranking {
    font-weight:bold;
    background-color:#EEE;
    padding:1px 5px;
    text-decoration:underline;
    font-size: 14px;
}
/* ↑ランキング検索の口コミ数表示対応 2019/11/21 */