/*
 Theme Name: My Twenty Seventeen
 Template: twentyseventeen
*/@charset "UTF-8";
/* CSS Document */

/*フォント設定*/
html[lang="ja"] body, html[lang="ja"] button, html[lang="ja"] input, html[lang="ja"] select, html[lang="ja"] textarea {
	font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif !important;
}



/*スマホ メニュー上部固定*/
.navigation-top{
	bottom: auto;
	left:0;
	right:0;
	top:0;
	width:100%;
	z-index:7;
	background-color: rgba(255, 255, 255, 0);
	border-bottom:1px !important;
	border-bottom-color:#000000 !important;
}
/*メニューを上部に*/
.navigation-top{
	max-width:100%;
	position:fixed;
	border:none;
}

.site-header {
	background-color:#ffffff;
}



/****メニュー --****/
/*[スマホ、タブレット]*/
/*背景色*/
.menu-toggle{
	/*outline:none;*/
	border: 1px solid;
	border-color:rgba(200, 200, 200, 0.5);
	border-radius: 5px;
	margin-right:0.5em;
	background-color: rgba(255, 255, 255, 0.5);
	}
/*タッチしたときの枠を消去*/
.menu-toggle:hover, .menu-toggle:focus {
	outline:none;
	background-color: rgba(0, 255, 0, 0.9);
}
/*メニュー全体の背景*/
.main-navigation.toggled-on{
	background-color: rgba(160, 160, 160, 0.6);
		border-bottom: 1px solid;
		border-bottom-color: #dddddd;
}

/*メニューボタンを外部でタッチすると選択状態が解除されてしまうので通常時と同じ背景色をセット*/
:not( .mejs-button ) > button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background-color: rgba(255, 255, 255, 0.9) !important;
}
:not( .mejs-button ) > button:focus, input[type="button"]:focus, input[type="submit"]:focus {
	background-color: rgba(255, 255, 255, 0.5) !important;
}
/*ハンバーガーメニューの文字調整*/
.menu-toggle .icon-bars{
	margin-right:5px;
	margin-left:5px;
}
.menu-toggle .icon-close{
	margin-right:5px;
	margin-left:5px;
}

/*[PC]*/
/*メニューの背景色*/
.menu-commenu-container{
	background-color: rgba(255, 255, 255, 0.9);
	}
@media screen and (min-width: 48em) {
	.navigation-top nav {
		/*width:40em !important;*/
		margin-left: 0em !important;
		margin-left:auto;
		margin-right:auto;
	}
	.menu-commenu-container{
	background-color: rgba(255, 255, 255, 0.9);
		border: 1px solid;
	border-color:rgba(240, 240, 240, 1);
	border-radius: 5px;
	}
}

/*[共通]*/
/*メニュー文字色*/
.menu-commenu-container a:link {
	color:#666666;
}
/*メニューで現在の表示しているページの文字色を変更*/
.menu-commenu-container li.current_page_item a:link{
	color:#000000;
}
.main-navigation ul {
		background-color: rgba(255, 255, 255, 0);
}






/*hover, focusの再設定  */
/*黒い下線がセットされているので書き換える  */
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover 
{
    color: #000 !important;
    -webkit-box-shadow: inset 0 0 0 rgb(0 0 0 / 0%), 0px 3px 0px rgb(0, 0, 0, 0.2) !important;
    box-shadow: inset 0 0 0 rgb(0 0 0 / 0%), 0px 3px 0px rgb(0, 0, 0, 0.2) !important;
}