/*
Theme Name: imxs 2018 (Twenty Seventeen Child)
Theme URI: https://imxs.net/themes/imxs-2018/
Author: imxs
Author URI: https://imxs.net/
Template: twentyseventeen
Description: imxs theme based on Twenty Seventeen Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen-child-imxs
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* フッターテキストを右寄せ */
.site-info {
	text-align: end;
}

/* メニュートグルを右寄せ */
.menu-toggle {
	margin-left: auto;
	margin-right: 0px;
}

/* トップページ用 */
.top-menu-panel-wrap {
	text-align:center;
}

.top-menu-panel {
	width: calc(50% - 32px);
	height: auto;
	margin: 8px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.top-menu-panel img {
	filter: blur(2px) brightness(70%);
	-webkit-filter: blur(2px) brightness(70%);
	transform: scale(1.0);
	transition-duration: 0.3s;
}
.top-menu-panel img:hover {
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	transform: scale(1.2);
	transition-duration: 0.3s;
}

.top-menu-panel p {
	font-size: 18px;
	color: #fff;
	margin: 0;
	width: 100%;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
}

@media screen and (min-width: 768px) {
	.top-menu-panel {
		width: calc(25% - 32px);
	}
}

.custom-logo-link img {
	width: 96px;
	opacity: 0.5;
}

.entry-content h1 {
	border-bottom: medium solid #87cefa;
}