@charset "utf-8";
/* CSS Document */

#blog ul li img {
display: block;
width: 100%;
}
span.blog_tt {
    display: block;
}

span.blog_ymd {
    display: block;
}

#blog {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 26px;
}

#blog ul {
    display: flex;
    justify-content: space-between;
}
.blog_all {
    margin: 3% 0 0;
}

.blog_all span.btn-arrow:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.blog_all a {
    border: 2px #000 solid;
    padding: 1em 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #343737;
    width: 250px;
    display: block;
    text-align: center;
}
a.btn.btn--etc01.btn--etcblog {
    background-color: #fff;
    border: 2px solid #343737;
    color: #343737;
}
a.btn.btn--etc01.btn--etcblog .btn span.btn-arrow.btn-arrow--white:before {
    background-image: url(../img/common/btn_arrow.png);
}
#blog_wrap {
    padding: 5% 0;
}

#blog h2 {
    font-size: 2.4em;
    font-weight: 500;
    padding: 0 0 5%;
}
a span.blog_txt {
    text-decoration: underline;
}

#blog ul li a:hover {
    opacity: 0.5;
}

#blog ul li a img:hover {
    opacity: 0.5;
}
#blog ul li {
    width: 330px;
    height: auto;
}
span.blog_cat {
    background: #ece9c0;
    display: block;
    width: 40%;
    padding: 0.2em;
    text-align: center;
}

a span.blog_cat:hover {
    background: #1f2323;
    color: #fff;
}
#blog_wrap {
    background: url(../img/top/blog_bk.png)repeat-x;
    background-position: center 65%;
}
    section#wpsp-25 {
display: flex;
    width: 1000px;
    padding-top: 5%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wp-show-posts-columns#wpsp-25 .wp-show-posts-inner {
    margin: 0 0 1em 1em;
}

time.wp-show-posts-updated {
    display: none;
}

#blog h2.wp-show-posts-entry-title a {
    font-size: 14px;
}

#blog h2 {
    padding: 0;
}

.wp-show-posts-entry-meta.wp-show-posts-entry-meta-below-post.post-meta-stack {
    background: #ece9c0;
    display: block;
    width: 40%;
    padding: 0.2em;
    text-align: center;
}

section#wpsp-25 a:hover {
    opacity: 0.8;
}
.wp-show-posts-entry-summary {
    padding-bottom: 1em!important;
}
section#wpsp-25 article {
    max-width: 31%;
    margin-left: 1em;
}

section#wpsp-25 article:nth-child(1){
    margin-left: 0;
}
#blog h2.wp-show-posts-entry-title {
    overflow: hidden;
	text-overflow: clip;
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
	line-height: 0.5em;
}
.wp-show-posts-entry-meta.wp-show-posts-entry-meta-below-title.post-meta-inline {
    padding: 1em 0 0;
}
#blog {
    /*height: 46vh;*/
    overflow: hidden;
    height: 380px;
}
.blog_all_wrap {
    max-width: 1000px;
    margin: 0 auto;
}
@media (max-width: 767px){
section#wpsp-25 {
    display: block;
}

.wp-show-posts-columns#wpsp-25 {
    margin-left: 0!important;
}

section#wpsp-25 {
    width: 100%;
}

.wp-show-posts-columns#wpsp-25 .wp-show-posts-inner {
    margin: 0!important;
    padding: 5% 0;
}

#blog h2 {
    margin: 1em 0 0;
}

#blog_wrap {
    background: none;
}

.blog_all {
    margin: 0 auto;
    padding: 0 2em;
}
.blog_all a.btn.btn--etc01.btn--etcblog {
    height: 55px;
}
.wp-show-posts-image.wpsp-image-center img {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
}

#blog h2.wp-show-posts-entry-title {
    margin: 0;
}
section#wpsp-25 article {
    max-width: 100%;
    margin-left: 0;
}
#blog {
    height: auto;
    overflow: auto;
    padding: 0 20px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px){
#blog_wrap {
    padding: 45px 40px 40px;
}

}