/*
Theme Name:twentyseventeen-child
Template:twentyseventeen
*/
/* TwentySeventtenの最大幅の変更 */
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 1100px;/*記事・サイドバー・余白の全幅*/
		padding-left: 2em;/*記事の左余白*/
		padding-right: 2em;/*サイドバーの右余白*/
	}
	.has-sidebar:not(.error404) #primary {
		fioat: left;
		width: 67.0%;/*記事幅*/
	}
	.has-sidebar #secondary {
		Float: right;
    	padding-top: 0;
		width: 29.0%;/*サイドバー幅*/
	}
	.navigation-top .wrap {
		max-width: 1100px;/*メニューバー幅*/
		padding: 0.75em 3.4166666666667em
	}
	.site-content {
		padding: 2em 0 0;/*メニューバーと記事の間隔*/
	}
}

/* 1カラムの固定ページ（フロントページ除く）の最大幅の変更 */
    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
	    max-width: 1100px;/*記事幅の最大値（初期740px）*/
}

/*メニューが空リンクの場合ポインター表示*/
nav a:not([href]) {
	cursor:pointer;
}

/*アイキャッチ画像削除 */
    .single-featured-image-header {
    display: none;
}

/*ブロックギャラリーで画像の大きさを揃える（クラスにfg-0）*/
    .wp-block-gallery.has-nested-images.fg-0 figure.wp-block-image {
    flex-grow: 0;
}
/*スマホでもナビゲーションを画面上部に固定*/
.site-navigation-fixed.navigation-top {
	bottom: auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 7;
}

/*スマホでもPC同様ページへのリンクを表示*/
.page-numbers {
    display: inline-block;
}

.page-numbers.current .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

/*各記事ヘッダー部分のカスタマイズ*/
    .posted-on,
    .entry-date,
    .byline,
    .cat-links,
    .edit-link {
     font-weight: normal;/*太さを普通に*/
     font-size: 12px;
}

/*各記事ヘッダー部分のカテゴリー表示の文字間*/
    .cat-links {
     margin-left: 4px;
}

/*各記事ヘッダー部分の投稿者名表示*/
    .byline {
  /* display: inline; 表示する時 */
     text-transform: none;/*大文字表示をノーマル表示に*/
    }

/*最終更新日の表示*/
time.updated:not(.published) {
    display: inline;
    font-weight: normal;/*太さを普通に*/
    font-size: 12px;
    margin-left: 0.5em;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.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,
.page-header a:focus,
.page-header a:hover,
.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;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(238, 130, 238, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(238, 130, 238, 1);
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
	padding: 2em 0 2em;
}

@media screen and (min-width: 48em) { /* two column start */
	/* Layout */
	.twentyseventeen-front-page.page-one-column #primary {
		float: left;
		width: 60%;
	}
	.twentyseventeen-front-page.page-one-column #secondary {
		float: right;
		padding-top: 2em;
		width: 36%;
	}
	.twentyseventeen-front-page .site-content {
		padding: 2em 0 2em;
	}
}