@charset "utf-8";

/*
 * ----- スマスマ ~575px -----
 */
@media screen and (max-width:575px) {
}
/*
 * ----- 小 576px ~ -----
 */
@media screen and (min-width:576px) {
}
/*
 * ----- 中 768px ~ -----
 */
@media screen and (min-width:768px) {
}
/*
 * ----- 大 992px ~ -----
 */
@media screen and (min-width:992px) {
}
/*
 * ----- 特大 1200px ~ -----
 */
@media screen and (min-width:1200px) {
}

/* 共通アイテムリスト */
.flog .item-list h1 {
    display:inline-block;
    font-size: .8rem;
    margin-bottom: 0;
    color: #888;
}
.flog .item-list h2 {
    font-weight: bold;
    font-size: 1.4rem;
    color: #4c5b9c;
    margin-bottom: 0;
}
.flog .item-list h2.flog-portal-logo {
}
.flog .item-list h2.flog-portal-logo span {
    font-size: 1rem;
    color: #888;
}

.flog .item-list h3,
.flog .item-list span.h3 {
    font-size: .8rem;
    color: #888;
    margin: .5rem 0 0 0;
}

.flog .item-list h2.title {
    font-size: 1.4rem;
    font-weight: bold;
}
.flog .item-list h2.title a {
    color: #4c5b9c;
    text-decoration: none;
}

.flog .item-list h3.list-title {
    width: fit-content;
}
.flog .item-list h3.list-title,
.flog .sidebar-item h3 {
    color: #fff;
    background-color: #4c5b9c!important;
    padding: .5rem .6rem .4rem .6rem;
    border-radius: 5px;
    margin: 0 0 1rem 0;
}
.flog .item-list h3.list-title a,
.flog .sidebar-item h3 a {
    color: #fff;
}
.flog .item-list h3.list-title a:hover,
.flog .sidebar-item h3. a:hover {
    color: #fff;
    text-decoration: underline;
}

.flog .sidebar-item h4 {
    width: fit-content;
    font-size: .8rem;
    color: #fff;
    background-color: #764e98!important;
    padding: .5rem .6rem .4rem .6rem;
    border-radius: 5px;
    margin: 0 0 1rem 0;
}
.flog .sidebar-item h4.list-title-red {
    background-color: #f00!important;
}

.flog .item-list .flog-member-header {
}
.flog .item-list .flog-member-header {
}
.flog .item-list .flog-member-header p.description {
}

.flog .item-list ul {
    list-style:none;
    margin: 0 0 1rem 0;
    padding: 0;
}
.flog .item-list ul li {}
.flog .item-list ul li div.open_datetime {
    font-size: .8rem;
    color: #888;
}
.flog .item-list ul li div.category {
    font-size: .8rem;
    color: #888;
    text-align: right;
}
.flog .item-list ul li div.title a {
    font-size: 1rem;
    color: #000;
    text-decoration: none;
}
.flog .item-list ul li div.title a:visited {
    font-size: 1rem;
    color: #333;
    text-decoration: none;
}
.flog .item-list ul li div.title a:hover {
    text-decoration: underline;
    color: #f00;
}

/* flog portal top page */
.flog .item-list ul.new-item-list {}
.flog .item-list ul.new-item-list li {}
.flog .item-list ul.new-item-list li a.entry-link,
.flog .item-list ul.flogger-list li a {
    color: #1da1f2!important;
    text-decoration: none;
    font-weight: bold;
}
.flog .item-list ul.new-item-list li a.entry-link:hover,
.flog .item-list ul.flogger-list li a:hover {
    color: #747db5!important;
    text-decoration: underline;
}
.flog .item-list ul.new-item-list li a.flogger-link {
    color: #888!important;
    text-decoration: none;
    font-weight: normal;
    font-size: .75rem;
}
.flog .item-list ul.new-item-list li a.flogger-link:hover {
    color: #888!important;
    text-decoration: underline;
}
.flog .item-list ul.new-item-list li .body {
    font-size: .75rem;
    color: #888;
}

.flog .sidebar-item ul.sidebar-ranking {

}
.flog .sidebar-item ul.sidebar-ranking li {

}
.flog .sidebar-item ul.sidebar-ranking li span {
    display: inline-block;
    width: 1.5rem;
    padding: 0 .4rem;
    margin: 0 .2rem 0 0;
    font-weight: bold;
    text-align: center;
}
.flog .sidebar-item ul.sidebar-ranking li:nth-child(1) span.rank {
    background-color: #fdfe23;
    color: #000;
}
.flog .sidebar-item ul.sidebar-ranking li:nth-child(1) span.rank:before {
    content: "1";
}
.flog .sidebar-item ul.sidebar-ranking li:nth-child(2) span.rank {
    background-color: #A5A5A5;
    color: #000;
}
.flog .sidebar-item ul.sidebar-ranking li:nth-child(2) span.rank:before {
    content: "2";
}
.flog .sidebar-item ul.sidebar-ranking li:nth-child(3) span.rank {
    background-color: #AA8420;
    color: #000;
}
.flog .sidebar-item ul.sidebar-ranking li:nth-child(3) span.rank:before {
    content: "3";
}
.flog .sidebar-item ul.sidebar-ranking li:nth-child(4) span.rank:before {
    content: "4";
}
.flog .sidebar-item ul.sidebar-ranking li:nth-child(5) span.rank:before {
    content: "5";
}

.flog .sidebar-item ul.sidebar-tags li {
    display: inline-block;
}
.flog .sidebar-item ul.sidebar-tags li a,
.flog .sidebar-item ul.sidebar-tags li span.no-entry {
    /*
    display: block;
    padding: 2px 15px;
    margin: 0 0 4px 0;
    border-radius: 0 5px 5px 0;
    background-color: #747db5;
    color: #fff;
    text-decoration: none;
    */
}
.flog .sidebar-item ul.sidebar-tags li a:hover {
    /*
    text-decoration: none;
    background-color: #4c5b9c;
    */
}
.my-category{
    padding: 3px 10px;
    /*
    border: 1px solid #333;
    */
    background-color: #A5A5A5;
    color: #fff;
    border-radius: 2px;
}
.my-category a{
    color: #fff;
}
.my-category a:hover{
    color: #0ff;
    text-decoration: none;
}

.my-tag{
    background-color: #A5A5A5;
    border-radius: 0px 2px 2px 0px;
    color: #fff;
    display: inline-block;
    /*
    font-size: 11px;
    font-weight: 700;
    */
    line-height: 1.27273;
    margin: 2px 4px 2px 10px;
    padding: 3px 7px;
    position: relative;
    text-transform: uppercase;
    }
    .my-tag:before{
    border-top: 12px solid transparent;
    border-right: 8px solid #A5A5A5;
    border-bottom: 11px solid transparent;
    content: "";
    height: 0px;
    position: absolute;
    top: 0px;
    left: -8px;
    width: 0px;
    }
    .my-tag:after{
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 4px;
    position: absolute;
    top: 10px;
    left: -2px;
    width: 4px;
    }
.my-tag a {
    color: #fff;
    text-decoration: none;
}
.my-tag a:hover {
    color: #0ff;
    text-decoration: none;
}


/* flog portal top page END. */