@charset "UTF-8";

#colorlib-hero{ min-height:400px; }
#colorlib-hero .flexslider .slides li{ min-height:400px; }
#colorlib-hero .flexslider .slider-text > .slider-text-inner{ height:400px; }
#colorlib-hero .flexslider .slider-text{ height:400px; }
.blog-wrap{
	max-width:1170px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
/*
.h-item-wrap{
	display:flex;
	flex-wrap:wrap;
	margin:15px auto;
	width:1170px;
}
.h-item{
	width:373px;
	margin-right:25px;
}
.h-item:nth-of-type(3n){
	margin-right:0;
}
.h-item .article-entry{
	height:auto;
}
.article-entry .blog-img{
	width:374px;
	height:250px;
}

*/
.article-entry .blog-img img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}

.article-entry .blog-img .meta .day{
	background: #600;
	background: -moz-linear-gradient(bottom left, #dc2f2f 0%, #600 100%);
	background: -webkit-linear-gradient(bottom left, #dc2f2f 0%, #600 100%);
	background: -o-linear-gradient(bottom left, #dc2f2f 0%, #600 100%);
	background: -ms-linear-gradient(bottom left, #dc2f2f 0%, #600 100%);
	background: linear-gradient(to top right, #dc2f2f 0%, #600 100%);
}
.article-entry .desc h2{
	font-size:18px;
}
.moreapp{
	font-size:12px;
}
/*20190828修正*/
.h-item-wrap{
	width:1170px;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	padding-top:25px;
}
.h-item{
	width:calc(100%/3 - 17.5px);
	width: -webkit-calc(100%/3 - 17.5px);
	margin-right:10px;
}
.h-item:nth-child(3n){
	margin-right:10px;
}
/*style.css打消し*/
.article-entry .blog-img{
	max-height:100%;
    height: auto;
}
@media screen and (max-width: 786px) {

	.blog-wrap{
		min-width:100%;
	}
	div.h-item-wrap{
		width:100%;
	}

	.colorlib-blog{
		padding:3em 0;
	}
/*
	.h-item{
		width:100%;
		height:auto;
		margin-right:0;
		text-align:center;
	}
	
	.blog-img{
		width:100%;
		height:auto;
	}
	.article-entry .blog-img{
		width:100%;
		height:auto;
	}
*/

	.h-item-wrap{
		flex-direction:column;
	}
	
	.h-item{
		width: 100%;
	    height: auto;
	    margin-right: 0;
	    //text-align: center;
	}
	.blog-img{
	    max-width: 100%;
	    max-height: 100%;
	    width: auto;
	    height: auto;
	}
	.article-entry .blog-img{
		width:100%;
		height:auto;
	}
	.article-entry .desc{
		padding:0.5em 0.5em 0;
	}
}
/*1ブログ表示の時*/
ul.blog-header{
	list-style:none;
	padding:0;
	display:flex;
	justify-content:space-between;
	background: #600;
	background: -moz-linear-gradient(bottom left, #dc2f2f 0%, #600 100%);
	background: -webkit-linear-gradient(bottom left, #dc2f2f 0%, #600 100%);
	background: -o-linear-gradient(bottom left, #dc2f2f 0%, #600 100%);
	background: -ms-linear-gradient(bottom left, #dc2f2f 0%, #600 100%);
	background: linear-gradient(to top right, #dc2f2f 0%, #600 100%);
	padding:1em;
	box-sizing:border-box;
	color:#fff;
	font-size:20px;
}
.b-title{
	font-weight:600;
}
.re-btn a{
	  width: 50px;
    height: 50px;
		line-height:50px;
    display: block;
    background: black;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.re-btn a:hover{
	opacity:0.7;
}

@media screen and (max-width: 1200px) and (min-width: 767px) {

  .h-item-wrap{
    width:100%;
  }

  .h-item{
    width: calc(50% - 12.5px);
    margin-right:25px;
  }

  .h-item:nth-child(2n){
    margin-right:0;
  }

}

@media screen and (max-width: 768px) {
	ul.blog-header{
		display:block;
	}
	ul.blog-header li{
		width:100%;
		display:block;
	}
}
.sns-total {
    display: inline-block;
    width: fit-content;
    margin: 0 auto 30px;
    padding: 12px 30px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(135deg, #e60012, #111);
    border-radius: 50px;
    letter-spacing: 0.05em;
}
#links_t {
    text-align: center;
    margin-top: 5em;
}
.sns-total .num {
    font-size: 26px;
    margin: 0 5px;
}
/* ブログ記事内の動画を画面幅に合わせる */
video {
    max-width: 100%;  /* 横幅は親要素に合わせる */
    height: auto;     /* 縦横比を維持 */
    display: block;   /* ブロック表示にして余白を整える */
    margin: 0 auto;   /* 中央寄せ */
}
.con_bl img {
    max-width: 400px;
    width: 100%;
    height: auto;
    display:block;
}
.con_bl video {
    max-width: 400px !important;
    width: 100%;
    height: auto;
}