/* レイアウト */

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

.wrapper {
	background:#f3f8fd;
}

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

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

.header_top_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.header_middle_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.header_middle_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.header_middle_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.header_bottom_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.header_bottom_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.header_bottom_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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


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

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

.footer_top_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.footer_top_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.footer_top_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.footer_middle_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.footer_middle_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.footer_middle_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.footer_bottom_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.footer_bottom_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.footer_bottom_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

/* パンくず */

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

.breadcrumb_list {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

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

.index_top_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.index_top_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.index_top_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.index_middle_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.index_middle_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.index_middle_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.index_bottom_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.index_bottom_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.index_bottom_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.index_infomation_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.index_infomation_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.index_infomation_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

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

.archive_top_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.archive_top_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.archive_top_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.archive_middle_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.archive_middle_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.archive_middle_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.archive_bottom_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.archive_bottom_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.archive_bottom_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

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

.page_top_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.page_top_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.page_top_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.page_middle_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.page_middle_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.page_middle_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.page_bottom_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.page_bottom_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.page_bottom_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

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

.single_top_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.single_top_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}


.single_top_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.single_middle_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
	vertical-align: top;
}

.single_middle_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.single_middle_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

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

.single_bottom_left {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.single_bottom_right {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0.5rem 1rem;
}

.single_bottom_inner {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0.5rem 1rem;
}

/*スマートフォン*/

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

	/* レイアウト */

	.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,
	.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,
	.breadcrumb,
	.breadcrumb_list {
		display: block;
		width: 100%;
	}

	.footer_top_left,
	.footer_top_right,
	.footer_top_inner,
	.footer_middle_left,
	.footer_middle_right,
	.footer_middle_inner,
	.footer_bottom_left,
	.footer_bottom_right,
	.footer_bottom_inner,
	.breadcrumb_list {
		padding: 0.5rem 1rem;
	}

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

	.index_top,
	.index_middle,
	.index_bottom,
	.index_infomation {
		display: block;
		width: 100%;
	margin: 0;
		padding: 0 0;
	}

	.index_top_left,
	.index_top_right,
	.index_top_inner,
	.index_middle_left,
	.index_middle_right,
	.index_middle_inner,
	.index_bottom_left,
	.index_bottom_right,
	.index_bottom_inner,
	.index_infomation_left,
	.index_infomation_right,
	.index_infomation_inner {
		display: block;
		width: 100%;
	margin: 0;
		padding: 0.5rem 0rem;
	}

	.index_top {
		background-attachment: scroll;
	}

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

	.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%;
		padding: 0.5rem 1rem;
	}

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

	.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%;
		padding: 0.5rem 1rem;
	}

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

	.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%;
		padding: 0.5rem 1rem;
	}

}