/*
Theme Name: Twenty Seventeen Child
Template:   twentyseventeen
*/


.site-content {
	padding: 0.5em 0 0; /*記事とアイキャッチとの間隔*/
}

/* モバイルの記事幅 */
.wrap {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* 固定ページ幅と背景色を変更 */
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 1000px; /*記事幅の最大値（初期740px）*/
	background-color: #fff;/*記事の背景色*/
	padding: 2% 6%;/*記事周り余白*/
}

.page.page-one-column:not(.twentyseventeen-front-page) .site-content-contain {
	background-color: rgb(240,250,250);/*記事周りの背景色*/
}

/* フロントページ幅と背景色を変更 */
.twentyseventeen-front-page .site-content-contain {
	background-color: rgb(240,250,250);/*全体背景色*/
}
.page-one-column .panel-content .wrap {
	background-color: #fff;/*記事の背景色*/
	padding: 2% 6%;/*記事周り余白*/
}

/*画面幅30em以上*/
@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 1000px;/*記事幅の最大値（初期740px）*/
		margin-top: 0.5em;/*記事とアイキャッチとの間隔*/
		margin-bottom: 0.5em;/*記事とフッターとの間隔*/	}
}

/*goglmapスマホ*/
@media (max-width: 767px) {
	.google-maps {
		position: relative;
		padding-bottom: 75%;/*これが縦横比*/
		height: 0;
		overflow: hidden;
	}
	.google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

/*リンクの黒い下線*/
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);/*下線の太さと色*/
	box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);/*下線の太さと色*/
}

/*全体文字サイズ*/
@media screen and (min-width: 30em) {
	h1 {
		font-size: 26px;/*記事タイトル30pxから小さく*/
		font-size: 1.625rem;/*記事タイトル1.875remから小さく*/
	}
	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;/*本文18pxから小さく*/
		font-size: 1rem;/*本文1.125remから小さく*/
	}
	h2,
	.page .panel-content .recent-posts .entry-title {
		font-size: 24px;/*h2見出し26pxから小さく*/
		font-size: 1.5rem;/*h2見出し1.625remから小さく*/
	}
}

@media screen and (min-width: 48em) {
	.site-title {
		font-size: 30px;/*サイトタイトル36pxから小さく*/
		font-size: 1.875rem;/*サイトタイトル2.25remから小さく*/
	}
	body,
	button,
	input,
	select,
	textarea {
		line-height: 1.7;/*本文行高1.5から高く*/
	}
	h2.widget-title {
		font-size: 12px;/*ウィジェットタイトル文字11pxから大きく*/
		font-size: 0.75rem;/*ウィジェットタイトル文字0.6875remから大きく*/
		margin-bottom: 1.5em;/*ウィジェットタイトル文字下余白2emから狭く*/
	}
}