/*
 Theme Name:   Twenty Seventeen Child List
 Description:  Twenty Seventeen Child Theme
 Author:       Masayoshi Akiyama
 Author URI:   https://mtac.jp
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-seventeen-child
*/


/*--------------------------------------------------------------
0.0 MTA Original
--------------------------------------------------------------*/

/* listing posts page */
.home-box {
	position: relative;
}
.home-box .home-thumbnail {
	width: 18%;
}
.home-box .home-thumbnail img {
	box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}
.home-box .home-content {
	position: absolute;
	top: 0;
	margin-left: 22%;
}
.home-box .home-content .entry-header {
	margin: 0;
	padding: 0;
}
.home-box .home-content .entry-title {
	font-size: 12px;
	font-size: 0.75rem;
}
.home-box .home-excerpt {
	display: none;
}
/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 0.2em; /* 2em */
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {
	.home-box .home-content .entry-title {
		font-size: 12px;
		font-size: 0.75rem;
	}
}

@media screen and (min-width: 30em) {

	/* listing posts page */
	.home-box .home-content .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}
	.home-box .home-excerpt {
		display: block;
		font-size: 12px;
		font-size: 0.75rem;
		line-height: 1.4em;
	}


}

@media screen and (min-width: 48em) { /* two column start */

	/* listing posts page */
	.home-box .home-content .entry-title {
		font-size: 14px;
		font-size: 0.875rem;
	}
	.home-box .home-excerpt {
		display: none;
	}
	
	/* Blog, archive, search */

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 0.4em; /* 4em */
	}
}

@media screen and ( min-width: 67em ) {

	/* listing posts page */
	.home-box .home-content .entry-title {
		font-size: 16px;
		font-size: 1rem;
	}
	.home-box .home-excerpt {
		display: block;
		font-size: 12px;
		font-size: 0.75rem;
		line-height: 1.4em;
	}
}
@media screen and ( min-width: 79em ) {

}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

}




.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
  height: 50vh;  /* 75vh  */
}
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
  position: absolute; /* fixed */
}

@media screen and (min-width: 48em) {
  .has-header-image.twentyseventeen-front-page .custom-header,
  .has-header-video.twentyseventeen-front-page .custom-header,
  .has-header-image.home.blog .custom-header,
  .has-header-video.home.blog .custom-header {
    height: auto;
  }
  .twentyseventeen-front-page.has-header-image .custom-header-media,
  .twentyseventeen-front-page.has-header-video .custom-header-media,
  .home.blog.has-header-image .custom-header-media,
  .home.blog.has-header-video .custom-header-media {
    height: 75vh; /* 100vh */
  }
}