/* レイアウト */

html,body {
	width: 100%;
	height: 100%;
}

.wrapper {
	background:#ffffff;
}

.header {
	width: 100%;
	margin: 0;
	padding: 0;
}

.header_top {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.header_top_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.header_middle {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.header_middle_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.header_middle_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.header_middle_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.header_bottom {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.header_bottom_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.header_bottom_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.header_bottom_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

main {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}


footer {
	width: 100%;
	margin: 0;
	padding: 0;
}

.footer_top {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.footer_top_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.footer_top_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.footer_top_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.footer_middle {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.footer_middle_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.footer_middle_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.footer_middle_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.footer_bottom {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.footer_bottom_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.footer_bottom_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.footer_bottom_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

/* パンくず */

.breadcrumb {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.breadcrumb_list {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

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

.index_top {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.index_top_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_top_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_top_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_middle {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.index_middle_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_middle_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_middle_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_bottom {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.index_bottom_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_bottom_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_bottom_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_infomation {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.index_infomation_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_infomation_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.index_infomation_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

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

.archive_top {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.archive_top_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.archive_top_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.archive_top_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.archive_middle {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.archive_middle_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.archive_middle_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.archive_middle_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.archive_bottom {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.archive_bottom_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.archive_bottom_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.archive_bottom_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

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

.page_top {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.page_top_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.page_top_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.page_top_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.page_middle {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.page_middle_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.page_middle_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.page_middle_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.page_bottom {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.page_bottom_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.page_bottom_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.page_bottom_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

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

.single_top {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.single_top_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.single_top_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}


.single_top_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.single_middle {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.single_middle_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.single_middle_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.single_middle_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.single_bottom {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
}

.single_bottom_left {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.single_bottom_right {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

.single_bottom_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 1.5rem;
}

@media (min-width: 961px) {

	/* レイアウト */

	.wrapper {
		min-width: 961px;
	}

	.header_top_inner,
	.header_middle_inner,
	.header_bottom_inner,
	.footer_top_inner,
	.footer_middle_inner,
	.footer_bottom_inner,
	.breadcrumb_list {
		width: 90%;
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 4rem;
	}

	.header_top_left,
	.header_middle_left,
	.header_bottom_left,
	.footer_top_left,
	.footer_middle_left,
	.footer_bottom_left {
		width: 50%;
		padding: 0 4rem 0 0;
	}

	.header_top_right,
	.header_middle_right,
	.header_bottom_right,
	.footer_top_right,
	.footer_middle_right,
	.footer_bottom_right {
		width: 50%;
		padding: 0 0 0 4rem;
	}

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

	.index_top_inner,
	.index_middle_inner,
	.index_bottom_inner {
		width: 90%;
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 4rem;
	}

	.index_top_left,
	.index_middle_left,
	.index_bottom_left {
		width: 50%;
		padding: 0 4rem 0 0;
	}

	.index_top_right,
	.index_middle_right,
	.index_bottom_right {
		width: 50%;
		padding: 0 0 0 4rem;
	}

	.index_top,
	.index_middle {
		background-attachment: scroll;
	}

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

	.archive_top_inner,
	.archive_middle_inner,
	.archive_bottom_inner {
		width: 90%;
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 4rem;
	}

	.archive_top_left,
	.archive_middle_left,
	.archive_bottom_left {
		width: 50%;
		padding: 0 4rem 0 0;
	}

	.archive_top_right,
	.archive_middle_right,
	.archive_bottom_right {
		width: 50%;
		padding: 0 0 0 4rem;
	}


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

	.page_top_inner,
	.page_middle_inner,
	.page_bottom_inner {
		width: 90%;
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 4rem;
	}

	.page_top_left,
	.page_middle_left,
	.page_bottom_left {
		width: 50%;
		padding: 0 4rem 0 0;
	}

	.page_top_right,
	.page_middle_right,
	.page_bottom_right {
		width: 50%;
		padding: 0 0 0 4rem;
	}

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

	.single_top_inner,
	.single_middle_inner,
	.single_bottom_inner {
		width: 90%;
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 4rem;
	}

	.single_top_left,
	.single_middle_left,
	.single_bottom_left {
		width: 50%;
		padding: 0 4rem 0 0;
	}

	.single_top_right,
	.single_middle_right,
	.single_bottom_right {
		width: 50%;
		padding: 0 0 0 4rem;
	}
}