@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media only screen and (max-width: 768px) {
}

/***************************************************************************
h1/h2/h3
****************************************************************************/

h1 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

.all_entry_link {
    text-align: right;
    font-weight: bold;
}

/***************************************************************************
news_list_non_sam
****************************************************************************/

#news_list_non_sam li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}
#news_list_non_sam li a {
    flex: 1;
}
#news_list_non_sam li .date,
#news_list_non_sam li .category {
    font-size: 0.9rem;
    text-align: center;
    margin-right: 0.5em;
    padding: 0.2em 0.5em 0.2em 0.5em;
    border-radius: 3px;
    line-height: 1;
}
#news_list_non_sam li .category_a {
    background-color: pink;
}
#news_list_non_sam li .category_b {
    background-color: gold;
}
#news_list_non_sam li .category_c {
    background-color: #CCCCCC;
}
#news_list_non_sam li .entry {
    background-color: orange;
}

/***************************************************************************
news_list_sam
****************************************************************************/

#news_list_sam {
    border: 1px solid #000000;
    padding: 10px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
#news_list_sam {
    border: none;
    padding: 0px;
}
}

#news_list_sam ul {
    display: flex;
}
#news_list_sam li {
    flex: 1;
    border-right: 1px solid #FFFFFF;
    position: relative;
}
#news_list_sam li:last-child {
    border-right: none;
}

@media only screen and (max-width: 768px) {
#news_list_sam ul {
    flex-wrap: wrap;
}
#news_list_sam li {
    width: 100%;
    flex: initial;
    border-right: none;
    border-bottom: 1px solid #000000;
    margin-bottom: 10px;
}
}

#news_list_sam li a {
    display: block;
}
#news_list_sam span {
    display: block;
}
#news_list_sam .sam_outline {
    height: 230px;
    position: relative;
}
#news_list_sam .sam_outline:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: css_fade_in 0.5s forwards;
    animation-delay: 1s;
    background-image: url(../../img/index/sam_no_img.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0;
}
@keyframes css_fade_in {
0% {
}
100% {
    opacity: 1;
}
}

#news_list_sam .sam {
    width: 100%;
    height: 100%;
    background-position: center top;
    background-size: cover;
    position: relative;
    z-index: 2;
}
#news_list_sam .ttl_outline {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(232,68,126,0.8);
    color: #FFFFFF;
    padding: 5px 8px 5px 8px;
    font-size: 12px;
}
#news_list_sam .entry_ttl {
    font-size: 15px;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
#news_list_sam li a {
    display: flex;
    justify-content: space-between;
}
#news_list_sam .sam_outline {
    height: auto;
    width: 30%;
}
#news_list_sam .sam {
    position: relative;
    padding-top: 64%;
}
#news_list_sam .ttl_outline {
    position: relative;
    bottom: inherit;
    left: inherit;
    color: inherit;
    width: 69%;
    background-color: inherit;
    font-size: 10px;
    line-height: 1.3;
    background-image: url(../../img/common/contents/bg-arrow_right_yellow_w45.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15px auto;
}
#news_list_sam .entry_ttl {
    font-size: 12px;
    margin-bottom: 5px;
    white-space: inherit;
}
}