/* レイアウト */

html,body {
	height:100%;
	background:#ffffff;
}

.wrapper {

}

header {
	z-index: 999;
	width: 100%;
	margin: 0;
	padding: 0;
}

.header_top {
	/* display: table; */
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.header_top_left {
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.header_top_right {
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.header_top_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.header_middle {
	/* display: table; */
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.header_middle_left {
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.header_middle_right {
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.header_middle_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0 0;
	vertical-align: top;
}

.header_bottom {
	/* display: table; */
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.header_bottom_left {
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.header_bottom_right {
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.header_bottom_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

main {
	width: 100%;
	height: 100%;
}

.main_top {
	/* display: table; */
	position: relative;
	width: 100%;
	height: 400px;
	margin: 0 0 7rem;
	padding: 0.5rem 0 2rem;
	vertical-align: top;
}

.main_top_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.main_top_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.main_top_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	min-height: 280px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.main_middle {
	/* display: table; */
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.main_middle_left {
	position: relative;
	display: table-cell;
	width: 15%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.main_middle_right {
	position: relative;
	display: table-cell;
	width: 85%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.main_middle_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto 35px;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.main_bottom {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.main_bottom_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.main_bottom_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.main_bottom_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

footer {
	background: #2969b4;
	width: 100%;
	margin: 0;
	padding: 0;
}

.footer_top {
	/* display: table; */
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.footer_top_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.footer_top_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.footer_top_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 1rem 1rem;
	vertical-align: top;
}

.footer_middle {
	/* display: table; */
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.footer_middle_left {
	position: relative;
	display: table-cell;
	width: 60%;
	margin: 0;
	padding: 0.5rem 0;
	vertical-align: bottom;
}

.footer_middle_right {
	position: relative;
	display: table-cell;
	width: 40%;
	margin: 0;
	padding: 0.5rem 0;
	vertical-align: bottom;
}

.footer_middle_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 1rem 1rem;
}

.footer_bottom {
	/* display: table; */
	width: 100%;
	margin: 0;
	padding: 7rem 0 0;
	vertical-align: top;
}

.footer_bottom_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.footer_bottom_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.footer_bottom_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 1rem 1rem 3rem;
	vertical-align: top;
}

/* パンくず */

.breadcrumbs {
	/* display: table; */
	background: #f6f6f6;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.breadcrumbs_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

/* メインインデックスレイアウト */

.index_top {
	background: #ffffff url("https://www.suzukonet.com/wordpress/wp-content/themes/suzukoulayout/images/index_top_back.jpg") no-repeat top center;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100vh;
	margin: 0 0;
	padding: 0;
}

.index_top_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.index_top_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.index_top_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.index_middle {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 2rem 0 5rem;
	vertical-align: top;
}

.index_middle_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.index_middle_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.index_middle_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.index_bottom {
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.index_bottom_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.index_bottom_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.index_bottom_center {
	position: relative;
	display: table-cell;
	width: 100%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.index_bottom_inner {
	display: table;
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.index_infomation {
	background: #ffffff;
	display: table;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.index_infomation_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.index_infomation_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.index_infomation_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

/* アーカイブレイアウト */

.archive_top {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.archive_top_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.archive_top_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}


.archive_top_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.archive_middle {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.archive_middle_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.archive_middle_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.archive_middle_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.archive_bottom {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.archive_bottom_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.archive_bottom_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.archive_bottom_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

/* 固定ページレイアウト */

.page_top {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.page_top_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.page_top_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.page_top_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.page_middle {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.page_middle_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.page_middle_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.page_middle_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.page_bottom {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.page_bottom_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.page_bottom_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.page_bottom_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

/* 単一記事レイアウト */

.single_top {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.single_top_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.single_top_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}


.single_top_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.single_middle {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.single_middle_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.single_middle_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.single_middle_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.single_bottom {
	/* display: table; */
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.single_bottom_left {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.single_bottom_right {
	position: relative;
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0.5em 0.5em;
	vertical-align: top;
}

.single_bottom_inner {
	/* display: table; */
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.single_content {
	/* display: table; */
	position: relative;
	width: 1100px;
	margin: 0 auto;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

/*スマートフォン*/

@media only screen and (max-width: 768px) {

	/* レイアウト */

	header {
		position: relative;
		top: 0;
	}

	.header_top,
	.header_top_left,
	.header_top_right,
	.header_top_inner,
	.header_middle,
	.header_middle_left,
	.header_middle_right,
	.header_middle_inner,
	.header_bottom,
	.header_bottom_left,
	.header_bottom_right,
	.header_bottom_inner,
	.main_top,
	.main_top_left,
	.main_top_right,
	.main_top_inner,
	.main_middle,
	.main_middle_left,
	.main_middle_right,
	.main_middle_inner,
	.main_bottom,
	.main_bottom_left,
	.main_bottom_right,
	.main_bottom_inner,
	.footer_top,
	.footer_top_left,
	.footer_top_right,
	.footer_top_inner,
	.footer_middle,
	.footer_middle_left,
	.footer_middle_right,
	.footer_middle_inner,
	.footer_bottom,
	.footer_bottom_left,
	.footer_bottom_right,
	.footer_bottom_inner,
	.breadcrumbs_inner {
		display: block;
		width: 100%;
	}

	.main_top_inner {
		min-height: 150px;
	}

	/* インデックスレイアウト */

	.index_top,
	.index_top_left,
	.index_top_right,
	.index_top_inner,
	.index_middle,
	.index_middle_left,
	.index_middle_right,
	.index_middle_inner,
	.index_bottom,
	.index_bottom_left,
	.index_bottom_right,
	.index_bottom_inner,
	.index_infomation,
	.index_infomation_left,
	.index_infomation_right,
	.index_infomation_inner {
		display: block;
		width: 100%;
	}

	.index_top {
		background-attachment: scroll;
	}

	.index_top_left {
		background-size: cover;
		min-width: 100%;
	}

	.index_top_right {
		min-width: 100%;
		height: 0;
	}

	.index_middle {
		padding: 2rem 0 2rem;
	}
	/* アーカイブレイアウト */

	.archive_top,
	.archive_top_left,
	.archive_top_right,
	.archive_top_inner,
	.archive_middle,
	.archive_middle_left,
	.archive_middle_right,
	.archive_middle_inner,
	.archive_bottom,
	.archive_bottom_left,
	.archive_bottom_right,
	.archive_bottom_inner {
		display: block;
		width: 100%;
	}

	/* 固定ページレイアウト */

	.page_top,
	.page_top_left,
	.page_top_right,
	.page_top_inner,
	.page_middle,
	.page_middle_left,
	.page_middle_right,
	.page_middle_inner,
	.page_bottom,
	.page_bottom_left,
	.page_bottom_right,
	.page_bottom_inner {
		display: block;
		width: 100%;
	}

	/* 単一記事レイアウト */

	.single_top,
	.single_top_left,
	.single_top_right,
	.single_top_inner,
	.single_middle,
	.single_middle_left,
	.single_middle_right,
	.single_middle_inner,
	.single_bottom,
	.single_bottom_left,
	.single_bottom_right,
	.single_bottom_inner {
		display: block;
		width: 100%;
	}
	.single_content {
		width: 100%;
	}
}