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

	body {
		padding-top: 60px;
	}

	.header-bar {
		background-color: #FFF;
		padding-top: 0px;
		height: 60px;
		box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
		overflow: hidden;
	}
	
	.ios .scrolled .header-bar {
		background-color: rgba(255,255,255,0.7);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
	}
	
	.scrolled .header-bar {
		height: 44px;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}

	.header-bar-inner,
	.home .header-bar-inner,
	.archive .header-bar-inner,
	.search-results .header-bar-inner {
		width: 100%;
	}
	
	.header-bar h2 a.main-logo {
		margin-left: 0px;
		width: 233px;
		height: 60px;
		background-size: 233.3px 60px;
	}
	
	.home .header-bar h2 a.main-logo,
	.archive .header-bar h2 a.main-logo,
	.search-results .header-bar h2 a.main-logo {
		margin-left: 0px;
	}

	.scrolled .header-bar h2 a.main-logo {
		width: 175px;
		height: 45px;
		background-size: 175px 45px;
		margin-left: -117px;
	}
	
	.header-bar h2 a.sub-logo {
		left: 167px;
		top: 5px;
		width: 36px;
		height: 36px;
		background-size: 32px 32px;
		background-position: 4px 4px;
		transform: scale3d(1.2,1.2,1);
	}

	.scrolled .header-bar h2 a.sub-logo {
		top: 2px;
		left: 2px;
		border-bottom: none;
		transform: scale3d(1,1,1);
	}
	
	.scrolled .header-bar h2 a.sub-logo:hover {
		border-bottom: none;
	}
	
	.loaded .header-bar h2 a.main-logo:hover {
		box-shadow: none;
	}
	
	.global-nav {
		left: 0px;
		right: 0px;
		top: 60px;
		text-align: center;
	}
	
	.global-nav li {
		display: inline-block;
		float: none;
	}
	
	.menu-active .global-nav {
		top: 180px;
		opacity: 1;
		transition: all 0.4s cubic-bezier(.55,0,.1,1);
	}
	
	.global-nav li a {
		padding: 0px 8px;
	}
	
	.header-search {
		top: 60px;
		opacity: 0;
	}
	
	.scrolled .header-search {
		top: 60px;
		right: 50%;
		margin-right: -121px;
	}
	
	.menu-active .header-search {
		top: 130px;
		opacity: 1;
		transition: all 0.4s cubic-bezier(.55,0,.1,1);
	}
	
	.scrolled.menu-active .header-search {
		top: 130px;
		margin-right: -128px;
		right: 50%;
	}

	.header-menu-toggle {
		display: block;
	}

	.scrolled .header-menu-toggle,
	.menu-active .header-menu-toggle {
		bottom: 0px;
		right: 50%;
		width: 128px;
		margin-right: -64px;
	}

	.main {
		width: 100%;
		margin: 0px;
	}

	.error404 .main {
		max-width: 100%;
		margin: 0px auto;
	}

	.entry-header-img {
		margin: -30px -30px 10px -30px;
	}

	.entry-header-img img {
		width: 100%;
		height: auto;
		margin: 0px;
	}

	.share-section {
		display: none;
	}
	
	.afterpost-block {
		width: 100%;
	}

	.next-post-box, .prev-post-box {
		position: relative;
		top: 0px;
		padding-top: 30px;
	}
	
	.next-post, .prev-post {
		margin: 0px auto;
	}
	
	.link-to-top {
		display: none;
	}
	
	.footer-top {
		width: 80%;
	}
	
	.rich-footer {
		max-width: 100%;
		overflow-x: hidden;
	}
	
	.footer-camera,
	.footer-instagram {
		display: none;
	}

	.prev-post-box:hover:after,
	.next-post-box:hover:after {
		display: none;
	}

	.menu-active .header-bar,
	.ios .menu-active.scrolled .header-bar {
		height: 360px;
		background-color: #FFF;
		transition: all 0.3s cubic-bezier(.55,0,.1,1);
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}
	
	.menu-active .header-bar h2 a.main-logo,
	.menu-active.scrolled .header-bar h2 a.main-logo {
		top: 37px;
		margin-left: calc(100vw / 2 - 116px);
		width: 233px;
		height: 60px;
		background-size: 233.3px 60px;
		opacity: 1;
	}

	.menu-active .header-bar h2 a.sub-logo,
	.menu-active.scrolled .header-bar h2 a.sub-logo {
		opacity: 0;
		top: 42px;
		left: calc(100vw / 2 + 51px);
		transform: scale3d(1.3,1.3,1);
	}
	
	.list-title {
		width: 90%;
	}
	
	.header-subscription-box {
		display: block;
	}

	/* モバイル版記事 */
	.embed-vine {
		width: 100%;
		padding-top: 100%;
		position: relative;
	}
	.embed-vine .vine-embed {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	.entry-main-content blockquote {
		margin: 20px -20px 20px -20px
	}
	.single-entry .entry h1 a,
	.single-page .entry h1 a {
		font-size: 24px;
		line-height: 36px;
	}
	.entry-main-content img {
		max-width: 100%;
		height: auto;
		margin: 0px auto;
	}
	.entry-main-content .exit-links img {
		margin: 0px;
	}
	.mobile-sidescroll {
		transform: translateZ(0);
		-webkit-overflow-scrolling: touch;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: scroll;
		width: 100%;
		padding-bottom: 10px;	
	}
	.exit-links {
		margin: 20px -10px 0px -10px;
	}
	.wp-caption {
		max-width: 100%;
	}
	.entry-main-content img.size-edge-to-edge {
		margin: 0px auto;
		border-radius: 0px;
		max-width: 100%;
		display: block;
	}
	.edge-to-edge-link {
		margin: 30px -30px -1em -30px;
		display: block;
	}
	.entry-main-content iframe[src*="youtube"], .entry iframe[src*="vimeo"] {
		height: 280px;
		height: calc(100vw / 16 * 9);
		margin: 0px;
		margin: 0px calc(0px - 30px);
		width: 100%;
		width: calc(100vw);
	}
	.twitter-tweet, .vine-embed {
		max-width: 100%;
	}
	.entry-main-content h3 {
		margin: 20px -24px 30px -24px;
		font-size: 28px;
	}
	.in-site-link {
		width: auto;
		height: 100px;
		margin: 15px -30px;
		border-radius: 0px;
	}
	.in-site-link-thumb {
		width: 120px;
		height: 120px;
	}
	.in-site-link-thumb img {
		width: 120px;
		height: 120px;
	}
	.in-site-link-text {
		left: 120px;
		padding: 10px;
	}
	.in-site-link-title {
		font-size: 16px;
	}
	.in-site-link-excerpt {
		display: none;
	}
	.in-site-link-date {
		background: none;
	}
	.in-site-link:after {
		display: none;
	}
	.entry table {
		margin-left: calc(0px - 20px);
		margin-right: calc(0px - 20px);
		width: calc(100% + 40px);
		max-width: calc(100% + 40px);
		border: none;
	}
	.entry th {
/*		white-space: nowrap; */
	}

	.header-share {
		position: fixed;
		top: 7px;
		right: 7px;
		transition: all 0.3s cubic-bezier(.55,0,.1,1);
		z-index: 1500;
	}
	.share-active .header-share,
	.share-active.scrolled .header-share {
		top: 8px;
		right: 8px;
	}
	.scrolled .header-share {
		top: 0px;
		right: 0px;
	}
	.menu-active.scrolled .header-share {
		top: 7px;
		right: 7px;
	}
	.header-share-button {
		display: block;
	}
	.single-entry .entry h1 {
		padding-top: 10px;
	}
	.page-title {
		width: 90%;
		font-size: 20px;
		line-height: 30px;
		padding: 10px 0px;
	}
	.single-page .entry p {
		padding: 10px 0px;
	}
	.entry-main-content ul.timeline {
		width: calc(100% + 40px);
		margin: 30px -20px;
	}
	.tl-year {
		left: 0px;
		top: 0px;
		text-align: left;
		padding-left: 15px;
	}
	.entry-main-content ul.timeline {
		padding-left: 0px;
	}
	.tl-year:after {
		left: -9px;
	}
	.timeline:before,
	.timeline:after {
		left: 0px;
	}
	.entry-main-content ul.timeline li {
		padding-top: 30px;
		padding-bottom: 20px;
	}
}

@media screen and (min-width: 730px) and (max-width: 1019px) {
	#entries {
		width: 700px;
	}
}

@media only screen and (max-width : 729px)  {
	#entries {
		width: 100%;
		padding-left: 0px;
	}
	#entries li.post {
		float: none;
		margin: 0px auto 30px auto;
	}
}

@media screen and (min-width: 1445px) and (max-width: 1794px) {
	#entries {
		width: 1415px;
	}
	.home .header-bar-inner,
	.archive .header-bar-inner,
	.search-results .header-bar-inner {
		width: 1386px;
	}
	.home .header-bar h2 a.main-logo,
	.archive .header-bar h2 a.main-logo,
	.search-results .header-bar h2 a.main-logo {
		margin-left: 518px;
	}
	.scrolled .header-bar h2 a.main-logo {
		margin-left: -160px;
	}
}

@media screen and (min-width: 1795px) {
	#entries {
		width: 1765px;
	}
	.home .header-bar-inner,
	.archive .header-bar-inner,
	.search-results .header-bar-inner {
		width: 1736px;
	}
	.home .header-bar h2 a.main-logo,
	.archive .header-bar h2 a.main-logo,
	.search-results .header-bar h2 a.main-logo {
		margin-left: 693px;
	}
	.scrolled .header-bar h2 a.main-logo {
		margin-left: -160px;
	}
}

@media screen and (min-width: 2145px) {
	#entries {
		width: 2115px;
	}
	.home .header-bar-inner,
	.archive .header-bar-inner,
	.search-results .header-bar-inner {
		width: 2086px;
	}
	.home .header-bar h2 a.main-logo,
	.archive .header-bar h2 a.main-logo,
	.search-results .header-bar h2 a.main-logo {
		margin-left: 868px;
	}
	.scrolled .header-bar h2 a.main-logo {
		margin-left: -160px;
	}
}