@charset "UTF-8";/* お気に入り登録 */
/* - - - - - - - - - - - - - - - - - - - - - - - - */
/* お気に入り登録ボタン */
/* - - - - - - - - - - - - - - - - - - - - - - - - */
.favBox {
    margin: 50px auto;
    text-align: center;
}

.favorite_button {
    display: block;
    text-align: center;
    position: relative;
}
button.favorite_button_in {
    width: 300px;
    display: inline-block;
    padding: 15px 0;
    border: 1px solid transparent;
    box-shadow: 0 2px 4px -2px rgb(33 37 56 / 25%);
    cursor: pointer;
    border-radius: 0.45rem;
    border-color: rgb(80,80,80,0.1);
    font-size: 16px;
    transition: 0.2s ease-in-out;
    background: #fcfcfc;
    font-weight: 200;
}
button.favorite_button_in p {
    display: inline-block;
    margin: 0;
}
button.favorite_button_in:hover {
    opacity: 0.8;
}
button.favorite_button_in i {
    color: var(--main-color);
    margin-right: 5px;
}
/* お気に入り登録したら */
.is-choosen .favorite_button_in {
    background: var(--main-color);
}
.is-choosen .favorite_button_in i {
    display: none;
}
.is-choosen .favorite_button_in p {
    font-size: 0;
    color: #fff;
    font-weight: bold;
}
.is-choosen .favorite_button_in p:before {
    font-size:16px;
    content: "\f058""  お気に入り登録済";
    font-family: var(--font-a);
}

/* 記事一覧ページへのリンク */
/* - - - - - - - - - - - - - - - */
#favItemBox a {
    display: block;
    margin-top: 10px;
}
#favItemBox a:hover {
    color: var(--main-color);
}
#favItemBox a::after {
    content: '\f138';
    font-family: var(--font-a);
    color: var(--main-color);
    margin-left: 5px;
}
#favItemBox a span {
    text-decoration: underline;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - */
/* お気に入り一覧ページ */
/* - - - - - - - - - - - - - - - - - - - - - - - - */
.topTxt p {
    margin: 0;
    font-size: 14px;
    color: var(--color2);
}