/*
 Theme Name:   af_theme_child
 Theme URI:
 Description:
 Author:
 Author URI:
 Template:     af_theme
 Version:      1.0.0
 License:
 License URI:
 Tags:
 Text Domain:
*/
header {
	background: #d31522;
}
header .head .logo a {
	color: #fff;
	font-weight: bold;
}
h2 a {
	color: #fff;
	text-decoration: none;
	display: block;
}

.content {
	position: relative;
}

.sidebar img {
width: 100%;
height: auto;
max-height: 100%;
display: block;
}

.sidebar img[width="1"] {
height: 0;
overflow: hidden;
}

.sidebar .youtube_style .thumbnail {
	float: left;
	width: 40%;
	margin-right: 0.5rem;
	overflow: hidden;


}
.sidebar .youtube_style .thumbnail img {
	width: 100%;
	object-fit: cover;
	height: 55px;
}

.sidebar .youtube_style {
	font-size: 0.9em;
	border-bottom: 1px dashed #ccc;
	padding: 0.5rem;
	-webkit-transition: 0.25s;
	   -moz-transition: 0.25s;
	    -ms-transition: 0.25s;
	     -o-transition: 0.25s;
	        transition: 0.25s;
}
.sidebar .youtube_style:nth-of-type(1) {
}
.sidebar .youtube_style:last-child {
	margin-bottom: 0;
}
.sidebar a .youtube_style {
	line-height: 1.3;
}
.sidebar a .youtube_style:hover {
	background: #FFE9E3;
}


.js_fixed_sidebar {
	display: inline-block;
}

.content main {
	float: left;
}
.content main.full {
	width: 100%;
	padding: 0;
}

.post_content {
	font-size: 0.9em;
}

.main_visual {
	background-position: center center;
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
.main_visual:before {
	content:"";
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

.main_visual .main_catch_title {
	position: relative;
	text-shadow: 0 0 2px #fff;
	z-index: 10;
}

.youtube_movie {
	min-height: 215px;
}


	@media screen and (max-width: 768px) {
		.youtube_movie {
			width: 100%;
			height: auto;
			min-height: 215px;
		}
	}

iframe { max-width: 100%;}

.tags_list { margin: 1.5rem 0; }
.tags_list li {
	background: #FFE9E3;
	padding: 0.25rem 0.5rem;
	border-radius: 5px;
	margin-right: 0.5rem;
	list-style: none;
	display: inline-block;
	float: left;
	margin-bottom: 0.5rem;
}
.tags_list li:last-child {
	display: none;
}

.social-button {
    justify-content: space-evenly;
}

/* 一覧用 */
.post {
	list-style: none;
	display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;

}
.post li {
	/*border: 1px solid #ccc;*/
	padding: 0.5rem;
	transition: 0.25s;
	width: 25%;
}
.post li:hover {
	background: #FFE9E3;
}

.post .title {
	border: none;
	padding: 0;
	margin-bottom: 0;
	font-size: 0.9em;
	font-weight: normal;
}
.post a {
	color: #222;
	text-decoration: none;

}
.post .thumbnail {
	overflow: hidden;
}
.post .thumbnail img {
	width: 100%;
	object-fit: cover;
	height: 126px;
}

	@media screen and (max-width: 1000px) {
		.post li {
			width: 33%;
		}
		.post .thumbnail img {
			height: 160px;
		}
	}

	@media screen and (max-width: 768px) {
		.post li {
			width: 100%;
			display: block;
		}
		.post .thumbnail {
			float: left;
			width: 40%;
			margin-right: 1rem;
		}
		.post .thumbnail img {
			height: 100px;
		}
		.post .title {
			font-size: 1rem;
		}

		body .column>div.column4 {
width: 100%;
margin-bottom: 1rem!important;
}

body .column>div.column4 .thumbnail {
	width: 35%;
    float: left;
    margin-right: 1rem;
}

	}