/*
Theme Name:foliopress-child
Theme URI:
Description:WordPressテーマ「foliopress」の自作子テーマです
Template:foliopress
Author:Momoko Kobayashi
Author URI:
Version:1.1.8
*/

body {
	overflow:auto;
}

.wp-custom-header {
	height: calc(100vh - 60px);
}

/* header */

nav.navbar {
	background: #0f0f0f;
	color: #f0f0f0;
}

nav.navbar h1.site-title a:hover {
	text-decoration: none;
}

nav.navbar div.main-navigation ul li a, nav.navbar span.search-toggle {
	color: #ffffff;
}

nav.navbar div.main-navigation ul li:hover a {
	color: #50c3dc;
}

.site-main .post {
	margin-bottom: 48px;
	border-bottom: none;
}

nav.posts-navigation {
	display: none;
}

/* footer */

footer.site-footer {
	background: #0f0f0f;
	color: #f0f0f0;
}

footer.site-footer .copyright .social-profiles ul li a {
	color: #ffffff;
}

footer.site-footer .copyright .theme-link a {
	color: #ffffff;
}

footer.site-footer .copyright .theme-link a:hover {
	color: #50c3dc;
}

footer.site-footer .copyright .theme-link:after {
	content: none;
}
footer.site-footer .copyright .author-link, footer.site-footer .copyright .wp-link {
	display: none;
}

footer.site-footer  .social-profiles ul li a {
	color : #ffffff;
}

/* about */

h2.decorate_h2 {
	margin: 2em 0 1em;
	padding: 0.5em;
	color: #0f0f0f;
	background: #dcf1f7;
	border-bottom: solid 3px #50c3dc;
}

h3.decorate_h3 {
	margin: 1.5em 0 1em;
	padding: 0.25em 0.5em;
	color: #363636;
	background: transparent;
	border-left: solid 5px #50c3dc;
	font-size: 1.5em;
}



/* cts */

.entry-title {
	margin-bottom: 30px;
}

.entry-meta {
	display: none;
}

nav.post-navigation {
	display: none;
}
.comments-area {
	display: none;
}

.site-main .post {
    margin-bottom: 60px;
}

.post .entry-wrap:before {
    padding-top: 56.25%;
}

/* 1. iframeを囲むコンテナのCSS */
.video-container {
    /* アスペクト比 16:9 を維持するための設定 */
    position: relative;
    width: 100%;
    /* 高さの比率を padding-top で指定 (9 / 16 * 100 = 56.25%) */
    padding-top: 56.25%; 
    height: 0;
    overflow: hidden;
}

/* 2. iframe 自体のCSS */
.video-container iframe {
    /* コンテナの幅いっぱいに広げ、アスペクト比で確保した領域に配置 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#mobile-video-placeholder #wp-custom-header-video {
    width: 100%;
    height: 100vh;
}

/*

@media (max-width: 899px) {
    #wp-custom-header {
        display: none !important; 
    }
}

*/