@media only screen and (max-width: 1280px) {
	#top-link {
		margin-left: 560px;
	}
}

@media only screen and (max-width: 1024px) {
	.header {
		border-radius: 0;
		margin: 0 0 70px;
		max-width: none;
	}

	.paper-main {
		padding: 40px 50px 20px;
	}

	.post-md img {
		max-width: 100%;
	}
	.about-avatar {
		margin: -70px auto 0;
	}

	.archive li {
		width: 100%;
	}
	a.archive-link {
		white-space: normal;
	}
	.header,
	.post-title,
	.post-main-title,
	.post-prev b,
	.post-next b,
	.post-comments,
	.post-more h2,
	.archive-link {
		font-family: 'Helvetica Neue', sans-serif !important;
	}

	.post-sharing span {
		display: none;
	}
	.header + .google-advert {
		padding: 0;
		margin: 0 10px;
		width: auto;
	}
}

@media only screen and (max-width: 600px) {
	body {
		background: #fff;
		width: 100%;
		overflow-x: hidden;
	}
	.header {
		padding: 5px 10px;
		border-radius: 0;
		margin: 0;
	}

	.logo {
		position: relative;
		color: #fff;
		padding: 5px 0 10px;
		font-size: 2rem;
	}

	.lang-switch {
		font-size: 1rem;
		margin: 15px 0 0 10px;
	}
	.lang-switch select {
		padding: 0;
		margin: 0;
		width: 21px;
		line-height: 22px;
	}
	.lang-switch option {
		line-height: 22px;
	}

	.nav {
		padding-right: 5px;
		font-size: 1rem;
	}

	.nav li {
		margin-left: 10px;
	}

	.paper {
		margin-top: 0;
		padding: 20px 0 10px;
	}

	.paper-main {
		padding: 20px 10px 20px;
		box-shadow: none;
	}

	.post {
		padding-bottom: 20px;
	}
	.post-title,
	.post-main-title {
		font-size: 1.6rem;
		line-height: 1.3;
		font-weight: 400;
		letter-spacing: -1px;
	}
	.post-image {
		height: 14rem;
		margin: 10px 0;
	}
	.paginator {
		padding: 0 0 20px;
		white-space: nowrap;
	}
	.paginator .prev {
		display: none;
	}
	.paginator .next {
		display: none;
	}
	.google-advert {
		padding-bottom: 20px;
	}
	.footer {
		padding: 20px 0 0;
	}

	.post-md img {
		max-width: 100%;
	}

	.post-md .video-container {
		max-height: 240px;
	}
	.post-md .video-container iframe {
		max-height: 240px;
	}

	.post-meta {
		margin: 10px 0;
	}
	.post-main {
		padding-bottom: 20px;
	}
	.post-comments {
		padding-top: 20px;
	}

	.post-navigation {
		padding-bottom: 20px;
		margin: 20px 0 0;
	}
	.post-prev b {
		margin-left: -25px;
		display: block;
	}
	.about-avatar {
		float: right;
		margin: 10px;
	}

	.post-next b,
	.post-prev b {
		display: block;
		font-weight: 400;
	}

	.post-navigation {
		display: flex;
		flex-direction: column-reverse;
	}

	.post-prev,
	.post-next {
		clear: both;
		float: none;
		max-width: 100%;
		width: 100%;
	}

	.post-prev {
		margin-left: 0;
	}

	.post-prev div,
	.post-next div {
		width: 100px;
		height: 60px;
	}

	.archive > li {
		height: 100px;
		display: block;
		position: relative;
	}
	.archive-link {
		white-space: normal;
		padding: 0 10px 0 0;
		width: auto;
	}

	a.archive-link {
		font-size: 16px;
		line-height: 1.3;
		max-height: 42px;
		font-weight: 400;
		overflow: hidden;
	}

	.archive-title .tag-list-item {
		margin: 0 10px 0 0;
	}

	.archive-date {
		flex: none;
		position: absolute;
		bottom: 10px;
		right: 10px;
		padding: 0;
		line-height: 1;
	}

	.archive-img {
		flex: none;
		float: left;
		height: 100px;
		margin-right: 10px;
	}

	.archive .google-advert {
		padding-top: 5px;
	}

	.archive .post-comments-count {
		margin-left: 0px;
	}
	.header + .google-advert {
		margin-top: 10px;
	}
	.post-more {
		margin-bottom: -24px;
	}
	.theme-switch {
		margin-top: 15px;
		margin-left: 10px;
	}
	.paper {
		padding: 0;
	}
	.paper-main {
		border-radius: 0;
	}
	h2 {
		font-size: 1.6rem;
		letter-spacing: -1px;
		font-weight: 400;
	}
	h2.common-list {
		margin: 0;
		padding: 0;
	}
	ul.archive {
		margin-top: 10px;
	}
}