/* カスタムテーマ */
/*
Theme Name: Twenty Seventeen Custom
Template: twentyseventeen
Description: Twenty Seventeen 改
*/

/* 固定ページのタイトルフォントを大きくする */
body.page:not(.twentyseventeen-front-page) .entry-title
{
  font-size: 26px;
  font-size: 1.625rem;
  text-transform: none;
}

/* ================================ */
/* セクション                       */
/* ================================ */

/* セクション共通 */
div.entry-content section
{
  margin-bottom: 24px;
}

/* セクションタイトル */
h3.section-title
{
  font-size: 20px;
  font-size: 1.25rem;
  padding-top: 0.5em;
}

h4.section-title
{
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 0.5em;
}

/* セクション 内容 */
div.section-content
{
  margin-left: 16px;
}

/* 番号つきセクション */
section.ordered-section
{
  counter-reset: section-counter;
}

/* 番号つきセクション 見出し番号 */
section.ordered-section h3.section-title:before
{
  counter-increment: section-counter;
  content: counter( section-counter )". ";
}

/* 番号なしセクション 見出し記号 */
section.unordered-section .section-title:before
{
  content: "○ ";
}

/* 番号つき/なしセクション セクションタイトルの調整 */
section.ordered-section .section-title,
section.unordered-section .section-title
{
  padding-top: 0px;
  margin-bottom: 4px;
}

/* ================================ */
/* リスト                           */
/* ================================ */

ul.ss-index
{
  list-style-type: none;
}

ol.ss-index li::marker
{
  font-size: 1.25rem;
}


ul.ss-index li, ol.ss-index li
{
  margin-bottom: 16px;
}

ul.ss-index li div.indent, ol.ss-index li div.indent
{
  margin-left: 32px;
}

ul.ss-index li h3, ol.ss-index li h3
{
  font-size: 1.25rem;
}

ul.version-history > li
{
  padding-bottom: 32px;
}

/* ================================ */
/* スクリーンショット               */
/* ================================ */
div.iphone-ss_single
{
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}

div.iphone-ss_single > img
{
  width: 50%;
}

div.iphone-ss_single > a > img
{
  width: 50%;
}

div.iphone-ss_double
{
  text-align:center;
  margin-top: 16px;
  margin-bottom: 16px;
}

div.iphone-ss_double > img
{
  width: 45%;
}

div.iphone-ss_double > a > img
{
  margin-top: 16px;
  width: 45%;
}

div.iphone-ss_triple
{
  text-align:center;
  margin-top: 16px;
  margin-bottom: 16px;
}

div.iphone-ss_triple > img
{
  width: 30%;
}

div.iphone-ss_triple > a > img
{
  margin-top: 16px;
  width: 30%;
}

div.iphone-ss_scroll
{
  text-align:center;
  margin-top: 16px;
  margin-bottom: 8px;
  overflow-x: auto;
}

div.iphone-ss_scroll > div
{
  display: flex;
  align-items: center;
  margin:0  auto;
}

div.iphone-ss_scroll > div > div
{
  padding-right: 16px;
  padding-bottom: 24px;
}

/* ================================ */
/* レスポンシブデザイン             */
/* ================================ */

@media screen and (min-width: 48em)
{
	/* 固定ページでサイドバーを使用できるようにする */
	body.page-two-column.has-sidebar #primary .entry-header,
	body.page-two-column.has-sidebar #primary .entry-content
	{
		float: none;
		width: auto;
	}
	
	/* 固定ページでサイドバーを有効にした状態でコメントを使用する */
	body.page-two-column #comments
	{
		float: none;
		width: auto;
	}
	
	/* メニューと記事の余白を調整する */
	.site-content
	{
		padding: 2.5em 0 0;
	}
}