/*
Theme Name: aete 1.32
Theme URI: 
Author: aete
Author URI: 
Description: aete WordPress Themes
Version: 1.31
License: 
License URI: 
Tags: white

FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
*/


/**
 * Reset
 * ==========================================================================
 */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	line-height: 1;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: inherit;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
}

ul,
ol {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
	word-break: break-all;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 0 auto;
	padding: 0;
}

label {
	display: inline-block;
	vertical-align: middle;
}

pre {
	max-width: 100%;
	margin-bottom: 12px;
	padding: 10px;
	overflow: auto;
	line-height: 1.2;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-family: Inconsolata, monospace;
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid #eee;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

input,
select,
textarea,
button {
	margin: 0;
	padding: 0;
	line-height: inherit;
	letter-spacing: inherit;
	vertical-align: middle;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"],
input[type="file"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="range"],
input[type="color"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
button,
label {
	cursor: pointer;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="image"],
input[type="button"],
input[type="submit"],
input[type="reset"],
textarea,
select,
button {
	background: none;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea {
	resize: vertical;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}


/**
 * Base
 * ==========================================================================
 */


/**
 * Fonts @font-face
 */

i {
	line-height: 1;
	letter-spacing: 0;
	font-weight: normal;
	font-style: normal;
	font-family: FontAwesome;
}


/**
 * General
 */

html {
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}

body {
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	overflow-x: hidden;
	line-height: 1.0;
	word-wrap: break-word;
	font-size: 13px;
	font-weight: 500;
	font-family: 'Roboto Condensed', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color: #222;
}

::selection {
	color: #fff;
	background: #555;
}

::-moz-selection {
	color: #fff;
	background: #555;
}

::-webkit-input-placeholder {
	color: #aaa;
}

::-moz-placeholder {
	color: #aaa;
}

:-ms-input-placeholder {
	color: #aaa;
}

:placeholder {
	color: #aaa;
}


/**
 * WordPress
 */

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

div.fb-page,
div.fb-page iframe[style],
div.fb-page span {
	width: 100% !important;
}

@media screen and (max-width: 600px) {
	html #wpadminbar {
		position: fixed;
	}
}


/**
 * Class
 * ==========================================================================
 */


/**
 * Parts
 */

.scroll_show {
	opacity: 0;
	-webkit-transform: translate3d(0, 20px, 0);
			transform: translate3d(0, 20px, 0);
	-webkit-transition: opacity ease 1.3s, -webkit-transform ease 1.3s;
			transition: opacity ease 1.3s, 		   transform ease 1.3s;
}

.scroll_show.show {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.more_link {
	width: 200px;
	margin: 50px auto;
	padding: 20px;
	display: none;
	text-align: center;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #000;
    -webkit-transition: color ease 0.2s, background ease 0.2s;
    		transition: color ease 0.2s, background ease 0.2s;
}

.more_link:hover {
	color: #fff;
	background: #000;
}

#jp_en-trigger {
	margin-bottom: 25px;
	text-align: right;
	font-size: 15px;
	color: #C4C4C4;
}

#jp_en-trigger a {
	padding: 10px;
	letter-spacing: 0.1em;
	font-weight: bold;
    -webkit-transition: color ease 0.3s;
    		transition: color ease 0.3s;
}

#jp_en-trigger a:hover {
	color: #000;
}

#jp_en-trigger .current {
	color: #000;
}

.jp_en_content {
	height: 0;
	overflow: hidden;
	opacity: 0;
    -webkit-transition: opacity ease 0.3s;
    		transition: opacity ease 0.3s;
}

.jp_en_content.show {
	height: auto;
	opacity: 1;
}

@media screen and (max-width: 900px) {
	.more_link {
		width: 160px;
    	padding: 10px;
		display: block;
	}

	.more_show {
		display: none !important;
	}

	.more_show.show {
		display: block !important;
	}
}


/**
 * Layout
 * ==========================================================================
 */


/**
 * Frame
 */

#viewport {
    min-height: 100vh;
	position: relative;
	overflow-x: hidden;
}

#container {
	width: 100%;
	background: #fff;
}

#content {
	position: relative;
}

#content:after {
	content: "";
	display: block;
	clear: both;
}

.inside {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 100px;
	position: relative;
}

.inside:after {
	content: "";
	display: block;
	clear: both;
}


/**
 * Header
 */

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

#site-summary {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
	font-size: 0;
}

#site-summary h1 {
	display: inline-block;
	vertical-align: middle;
}

#site-summary h1 a {
	padding: 20px;
	display: block;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

#site-summary h1 a:hover {
	opacity: 0.7;
}

#site-summary h1 img {
	height: 30px;
	padding: 3px 0;
	display: block;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

#site-summary h1 img.white {
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	opacity: 0;
}

header.on_cover #site-summary h1 img {
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	opacity: 0;
}

header.on_cover #site-summary h1 img.white {
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 1;
}

#breadcrumb {
	margin-left: 20px;
	padding-left: 15px;
	display: inline-block;
	position: relative;
	top: 2px;
	vertical-align: middle;
	line-height: 1.2;
	letter-spacing: 0.08em;
	font-size: 12px;
	font-weight: bold;
}

#breadcrumb:before {
	content: "";
	width: 20px;
	height: 1px;
	position: absolute;
	top: calc(50% - 1px);
	right: 100%;
	background: #CCCCCC;
}

#burger {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 2;
}

#burger p {
	width: 15px;
	height: 15px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: -webkit-transform ease 0.3s;
			transition: 		transform ease 0.3s;
}

#burger:hover p {
	-webkit-transform: scale3d(1.5, 1.5, 1);
			transform: scale3d(1.5, 1.5, 1);
}

#burger span {
	height: 2px;
	margin: 0 auto;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	background: #000;
}

#burger span:nth-child(1) {
	top: 3px;
}

#burger span:nth-child(2) {
	bottom: 3px;
}

header nav {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: auto;
	background: #fff;
    -webkit-overflow-scrolling: touch;
}

header nav ul {
	padding: 100px 0;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translate3d(0, -50%, 0);
			transform: translate3d(0, -50%, 0);
}

header nav li {
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.05em;
	font-size: 25px;
	font-weight: bold;
}

header nav li a {
	padding: 10px;
	display: inline-block;
	white-space: nowrap;
}


/**
 * header - interaction
 */

#burger span {
	-webkit-transition: background ease 0.2s, -webkit-transform ease 0.2s;
			transition: background ease 0.2s,		  transform ease 0.2s;
}

header.on_cover #burger span {
	background: #fff;
}

.menu-open header.on_cover #burger span {
	background: #000;
}

.menu-open #burger span:nth-child(1) {
	top: calc(50% - 1px);
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.menu-open #burger span:nth-child(2) {
	bottom: calc(50% - 1px);
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}

header nav {
	-webkit-transform: translate3d(100%, 0, 0);
			transform: translate3d(100%, 0, 0);
	-webkit-transition: -webkit-transform cubic-bezier(0.8, 0, 0.1, 1) 0.9s;
			transition: 		transform cubic-bezier(0.8, 0, 0.1, 1) 0.9s;
}

.menu-open header nav {
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}


/**
 * Main
 */

#page_body {
	margin-bottom: 150px;
	padding-top: 150px;
}

#main-title {
	margin-bottom: 100px;
	text-align: center;
}

#main-title h1 {
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-size: 100px;
	font-weight: bold;
}

#main-title h2 {
	margin-top: 5px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	font-size: 12px;
	font-weight: bold;
}

#main-title p {
	margin-top: 5px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	font-size: 12px;
}

#page-image {
	height: 600px;
	background: no-repeat center;
	background-size: cover;
}


/**
 * Footer
 */

footer {
	margin-top: 100px;
	padding-bottom: 15px;
	position: relative;
    z-index: 2;
}

footer h1 {
	text-align: center;
    line-height: 1;
    letter-spacing: -0.05em;
    font-size: 30px;
    font-weight: bold;
}

footer h1 a {
	padding: 10px;
	display: inline-block;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

footer h1 a:hover {
	opacity: 0.7;
}

footer h1 img {
	height: 24px;
	display: block;
}

footer nav {
	margin-top: 30px;
	padding: 0 30px;
}

footer nav ul {
	text-align: center;
}

footer nav li {
	display: inline-block;
	line-height: 1.5;
	letter-spacing: 0.03em;
	font-size: 15px;
	font-weight: bold;
}

footer nav li a {
	padding: 10px;
	display: block;
	position: relative;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

footer nav li a:hover {
	opacity: 0.7;
}

footer nav li a:before {
    content: "";
	width: 11px;
	height: 6px;
	display: none;
	position: absolute;
	top: calc(50% - 3px);
	right: 15px;
	background: url(images/arrow-small.svg) no-repeat center;
	background-size: contain;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

footer small {
	margin-top: 80px;
	display: block;
	text-align: center;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	font-size: 10px;
}


/**
 * Layout - responsive
 */

@media screen and (max-height: 500px) {
	header nav ul {
		position: relative;
		top: auto;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	}
}

@media screen and (max-width: 1500px) {
	.inside {
		max-width: 1100px;
	}
	
	#main-title h1 {
		font-size: 75px;
	}
}

@media screen and (max-width: 900px) {
	.inside {
		padding: 0 80px;
	}
	
	#breadcrumb {
		display: none;
	}

	#page_body {
		margin-bottom: 100px;
		padding-top: 120px;
	}
	
	#main-title {
		margin-bottom: 50px;
	}
	
	#main-title h1 {
		font-size: 50px;
	}
}

@media screen and (max-width: 700px) {
	.inside {
		padding: 0 50px;
	}
	
	#site-summary {
		top: 10px;
		left: 10px;
	}
	
	#site-summary h1 img {
		height: 25px;
	}
	
	#burger {
		width: 65px;
		height: 65px;
		top: 10px;
		right: 10px;
	}
	
	footer h1 img {
		height: 20px;
	}
}

@media screen and (max-width: 480px) {
	.inside {
		padding: 0 30px;
	}
	
	#site-summary h1 {
		top: 5px;
		left: 5px;
	}
	
	#burger {
		top: 5px;
		right: 5px;
	}
	
	#main-title h1 {
		font-size: 40px;
	}
	
	footer {
		margin-top: 80px;
	}
	
	footer nav li {
		display: block;
		text-align: left;
		border-top: 1px solid #F4F4F4;
	}
	
	footer nav li:last-child {
		border-bottom: 1px solid #F4F4F4;
	}
	
	footer nav li a {
		padding: 15px 0;
	}
	
	footer nav li a:before {
		display: block;
	}
	
	footer small {
		margin-top: 30px;
	}
}


/**
 * Module
 * ==========================================================================
 */


/**
 * Paging
 */

#paging {
	margin-top: 50px;
	text-align: center;
}

#paging li {
	margin: 0 2px 4px;
	display: inline-block;
	line-height: 1;
	font-size: 15px;
}

#paging a {
    display: block;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}
#paging a:hover {
	opacity: 0.7;
}

#paging .page-numbers:not(.dots) {
	padding: 5px 10px;
}

#paging .current {
    display: block;
	position: relative;
}

#paging .current:before {
	content: "";
	width: 12px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid #000;
}

#paging .dots {
	vertical-align: sub;
}


/**
 * Pagelinks
 */

.pagelinks {
	margin-top: 100px;
	text-align: center;
	line-height: 1;
	font-size: 11px;
}

.pagelinks p {
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	font-size: 20px;
}

.pagelinks span {
	margin: 0 2px 4px;
	padding: 15px;
	display: inline-block;
	line-height: 1;
	letter-spacing: 0.05em;
	font-size: 15px;
}

.pagelinks > span {
	position: relative;
}

.pagelinks > span:before {
	content: "";
	width: 12px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid #000;
}

.pagelinks a {
	display: inline-block;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

.pagelinks a:hover {
	opacity: 0.7;
}

.pagelinks a span {
	background: #fdfdfd;
}

@media screen and (max-width: 900px) {
	.pagelinks p {
		font-size: 15px;
	}
	
	.pagelinks span {
		font-size: 12px;
	}
}


/**
 * Nearlink
 */

#nearlink {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

#nearlink a {
	padding: 20px 15px;
	display: block;
	position: absolute;
	top: calc(50vh - 40px);
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
	font-size: 13px;
	font-weight: bold;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

#nearlink a:hover {
	opacity: 0.7;
}

#nearlink .prev:before,
#nearlink .next:after {
	content: "\f106";
	margin: 0 5px;
	font-weight: normal;
	font-family: Fontawesome;
}

#nearlink .prev {
	right: 100%;
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
	-webkit-transform-origin: right top;
			transform-origin: right top;
}

#nearlink .next {
	left: 100%;
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	-webkit-transform-origin: left top;
			transform-origin: left top;
}

@media screen and (max-width: 900px) {
	#nearlink {
		margin-top: 50px;
		position: static;
		text-align: center;
	}

	#nearlink a {
		padding: 20px 30px;
		display: inline-block;
		position: static;
		font-size: 15px;
	}

	#nearlink a:not(:first-child):last-child {
		border-left: 1px solid #f2f2f2;
	}

	#nearlink .prev:before {
		content: "\f104";
	}
	
	#nearlink .next:after {
		content: "\f105";
	}
	
	#nearlink .prev {
		-webkit-transform: rotate(0);
				transform: rotate(0);
	}

	#nearlink .next {
		-webkit-transform: rotate(0);
				transform: rotate(0);
	}
}


/**
 * Posts content
 * ==========================================================================
 */


/**
 * Works-content - common
 */

#works-content {
	position: relative;
}

#works-cover {
	height: 100vh;
	min-height: 600px;
	position: relative;
	z-index: 2;
}

#works-gallery {
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
}

#works-gallery li {
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: opacity ease 0.6s;
			transition: opacity ease 0.6s;
}

#works-gallery li.current {
	z-index: 2;
	opacity: 1;
}

#works-gallery li .background-image {
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
}

#works-thumbnails {
	padding: 80px 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}

#works-thumbnails:after {
	content: "";
	display: block;
	clear: both;
}

#works-thumbnails ul {
	float: right;
	text-align: left;
	font-size: 0;
}

#works-thumbnails li {
	width: 60px;
	height: 40px;
	padding: 3px;
	display: inline-block;
}

#works-thumbnails li a {
	height: 100%;
	display: block;
	background: no-repeat center;
	background-size: cover;
}

#works-cover .over {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	color: #fff;
}

.works-sammary {
	width: 900px;
	padding: 80px;
	position: relative;
}

.works-sammary:before {
	content: "\f107";
	display: none;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 20px;
	font-family: Fontawesome;
}

.works-sammary .category {
	margin-bottom: 10px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-size: 15px;
}

.works-sammary .category span {
	margin-right: 10px;
	display: inline-block;
}

.works-sammary h1 {
    line-height: 1.2;
    letter-spacing: 0.08em;
    font-size: 46px;
    font-weight: 700;
}

.works-sammary .excerpt {
    max-width: 500px;
    margin-top: 10px;
}

.works-sammary .excerpt p {
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-size: 12px;
    font-weight: bold;
}

@media screen and (max-width: 1500px) {
	#works-thumbnails {
		padding-left: 0;
		left: 750px;
	}
	
	.works-sammary {
		width: 750px;
	}
}

@media screen and (max-width: 1200px) {
	#works-thumbnails {
		padding: 50px;
		padding-left: 0;
		left: 550px;
	}
	
	.works-sammary {
		width: 550px;
		padding: 50px;
	}
	
	.works-sammary h1 {
		font-size: 40px;
	}
}

@media screen and (max-width: 900px) {
	#works-gallery {
		height: 50%;
	}
	
	#works-thumbnails {
		margin: 0 auto;
		padding: 0;
		top: 50%;
		bottom: auto;
		left: 0;
		right: 0;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	#works-thumbnails ul {
		padding: 20px;
		float: none;
	}
	
	#works-cover .over {
		height: 50%;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		color: #222;
		background: #e5e5e5;
	}
	
	#works-cover .over .works-sammary {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	.works-sammary {
		width: auto;
		padding: 30px 30px 120px;
	}
	
	.works-sammary:before {
		display: block;
	}

	.works-sammary .category {
		font-size: 12px;
	}

	.works-sammary h1 {
		font-size: 35px;
	}
}

@media screen and (max-width: 700px) {
	#works-thumbnails li {
		width: 50px;
		height: 30px;
	}
	
	.works-sammary h1 {
		font-size: 30px;
	}
	
	.works-sammary .excerpt p {
		font-size: 10px;
	}
}

@media screen and (max-width: 480px) {
	.works-sammary h1 {
		font-size: 25px;
	}
}


/**
 * Works-archive
 */

#works-archive {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: #fff;
	opacity: 0;
    -webkit-transition: opacity ease 0.6s;
    		transition: opacity ease 0.6s;
}

#works-archive.show {
	opacity: 1;
    -webkit-transition-duration: 0s;
    		transition-duration: 0s;
}

#works_field {
	height: 100%;
	margin: auto;
	position: relative;
	-webkit-transform-origin: center;
			transform-origin: center;
}

#works_scaler {
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
    -webkit-transition: -webkit-transform ease 0.3s;
    		transition: 		transform ease 0.3s;
}

#works_posts {
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	left: 50%;
    -webkit-transition: -webkit-transform ease-out 1.1s;
    		transition: 		transform ease-out 1.1s;
}

#works_posts li {
	padding: 3px;
	position: absolute;
	vertical-align: top;
}

#works_posts li a {
	height: 100%;
	display: block;
	position: relative;
}

#works_posts li .background-image {
	height: 100%;
	background: #cacaca no-repeat center;
	background-size: cover;
}

#works-summaries {
	height: 50vh;
	position: absolute;
	top: 50vh;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
	pointer-events: none;
}

#works-summaries li {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

#works-interaction {
	padding: 30px;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 2;
}

#works_categories {
	float: left;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-size: 12px;
	font-weight: bold;
}

#works_category_label {
	padding: 8px;
	display: none;
	position: relative;
	z-index: 2;
	-webkit-transition: opacity ease 0.6s;
			transition: opacity ease 0.6s;
}

#works_category_label:hover {
	opacity: 0.5;
}

#works_category_label:before {
	content: "\f107";
	position: absolute;
	top: calc(50% - 1px);
	left: calc(100% + 5px);
	line-height: 0;
	font-family: FontAwesome;
}

#works_categories ul:after {
	content: "";
	display: block;
	clear: both;
}

#works_categories li {
	float: left;
}

#works_categories li a {
	padding: 8px;
	display: block;
}

#works_categories li:not(.all) {
	height: 0;
	position: absolute;
	overflow: hidden;
}

#works-interaction:hover #works_categories li:not(.all) {
	height: auto;
	position: relative;
}

#works_categories li.all {
	position: relative;
}

#works_categories li.all a:before {
	content: "\f105";
	position: absolute;
	top: calc(50% - 1px);
	left: calc(100% + 5px);
	line-height: 0;
	font-family: FontAwesome;
}

#works-interaction:hover #works_categories li.all a:before {
	display: none;
}

#zoom_trigger {
	margin-left: 40px;
	padding-left: 20px;
	float: right;
	border-left: 1px solid #000;
}

#zoom_trigger button {
	width: 35px;
	height: 31px;
	padding: 0 10px;
	display: block;
	float: left;
	position: relative;
	-webkit-transition: opacity ease 0.6s;
			transition: opacity ease 0.6s;
}

#zoom_trigger button:hover {
	opacity: 0.5;
}

#zoom_trigger button.up:before {
	content: "";
	width: 12px;
	height: 2px;
	margin: 0 auto;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	right: 0;
	background: #000;
}

#zoom_trigger button.up:after {
	content: "";
	width: 2px;
	height: 12px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000;
}

#zoom_trigger button.down:before {
	content: "";
	width: 12px;
	height: 2px;
	margin: 0 auto;
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	right: 0;
	background: #000;
}

#works_pjax-container {
	position: relative;
	z-index: 2;
}

#works_pjax-container #works-cover .over {
	display: none;
}

@media screen and (max-width: 1200px) {
	#works-archive.touch_device #works_field {
		width: 2000px;
		height: 1500px;
	}
}

@media screen and (max-width: 900px) {
	#works-interaction {
		padding: 15px;
	}
	
	#works-archive.touch_device #works_field {
		width: 1600px;
		height: 1000px;
	}
}

#works-content.touch_device #works-archive {
	overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

#works-content.touch_device #works_field {
	width: 4000px;
	height: 2500px;
}

#works-content.touch_device #works_category_label {
	display: block;
}

#works-content.touch_device #works_categories ul {
	padding: 30px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
}

#works-content.touch_device #works_categories li {
	position: relative;
	font-size: 15px;
}

#works-content.touch_device #works_categories li:not(.all) {
	width: auto;
	height: auto;
}

#works-content.touch_device #works_categories li.all a:before {
	display: none;
}

#works-content.touch_device #works_categories ul {
    -webkit-transform: translate3d(0, 100%, 0);
    		transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform ease 0.7s;
    		transition: 		transform ease 0.7s;
}

#works-content.touch_device.category_show #works_categories ul {
    -webkit-transform: translate3d(0, 0, 0);
    		transform: translate3d(0, 0, 0);
}


/**
 * Works-archive - interaction
 */

#works_posts li {
    -webkit-transition: -webkit-transform cubic-bezier(0.8, 0.5, 0.4, 1) 2s;
    		transition: 		transform cubic-bezier(0.8, 0.5, 0.4, 1) 2s;
}

#works_posts li a {
	-webkit-transition: opacity ease 0.6s, -webkit-transform ease 0.2s;
			transition: opacity ease 0.6s, 		   transform ease 0.2s;
}

#works_posts.hovering li a {
	opacity: 0.2;
}

#works_posts li a.preselect {
	opacity: 1;
	-webkit-transform: scale3d(0.95, 0.95, 1);
			transform: scale3d(0.95, 0.95, 1);
	-webkit-transition-duration: 0.6s, 0.4s;
			transition-duration: 0.6s, 0.4s;
}

#works_posts li a.selected {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
	-webkit-transition-duration: 0.1s;
			transition-duration: 0.1s;
}

#works-summaries li {
	opacity: 0;
	-webkit-transition: opacity ease 0s 0.6s;
			transition: opacity ease 0s 0.6s;
}

#works-summaries li.select {
	opacity: 1;
	-webkit-transition-delay: 1s;
			transition-delay: 1s;
}

#works-summaries li h1 {
	opacity: 0;
    -webkit-transform: translate3d(15px, 0, 0);
    		transform: translate3d(15px, 0, 0);
	-webkit-transition: opacity ease 0.6s, -webkit-transform ease 0.9s;
			transition: opacity ease 0.6s, 		   transform ease 0.9s;
}

#works-summaries li.select h1 {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    		transform: translate3d(0, 0, 0);
	-webkit-transition-delay: 1.6s;
			transition-delay: 1.6s;
}

#works-summaries li .excerpt {
	opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    		transform: translate3d(10px, 0, 0);
	-webkit-transition: opacity ease 0.4s 0.1s, -webkit-transform ease 0.7s 0.1s;
			transition: opacity ease 0.4s 0.1s, 		transform ease 0.7s 0.1s;
}

#works-summaries li.select .excerpt {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    		transform: translate3d(0, 0, 0);
	-webkit-transition-delay: 1.9s;
			transition-delay: 1.9s;
}

@media screen and (max-width: 900px) {
    #works_posts.hovering li a {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
    }
    
    #works-summaries li.select {
        opacity: 0;
    }
    
    .pjaxing #works-summaries li.select {
        opacity: 1;
	-webkit-transition: opacity ease 0.6s;
			transition: opacity ease 0.6s;
    }
}


/**
 * Works pjax
 */

#works-summaries {
	-webkit-transform: translate3d(0, -35vh, 0);
			transform: translate3d(0, -35vh, 0);
    -webkit-transition: color ease 0.9s 0.2s, -webkit-transform ease 0.9s 0.2s;
    		transition: color ease 0.9s 0.2s, 		  transform ease 0.9s 0.2s;
}

.pjaxing #works-summaries {
	color: #fff;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

#works-summaries .works-sammary .category {
	opacity: 0;
    -webkit-transition: opacity ease 0.3s;
    		transition: opacity ease 0.3s;
}

.pjaxing #works-summaries .works-sammary .category {
	opacity: 1;
	-webkit-transition-delay: 0.9s;
			transition-delay: 0.9s;
}

#works_pjax-container #works-gallery {
	position: absolute;
}

#works_pjax-container #works-thumbnails {
	opacity: 0;
    -webkit-transition: opacity ease 0.7s 0.9s;
    		transition: opacity ease 0.7s 0.9s;
}

.pjaxing #works_pjax-container #works-thumbnails {
	opacity: 1;
}

#works_pjax-container #nearlink {
	opacity: 0;
    -webkit-transition: opacity ease 0.7s 0.9s;
    		transition: opacity ease 0.7s 0.9s;
}

.pjaxing #works_pjax-container #nearlink {
	opacity: 1;
}

@media screen and (max-width: 900px) {
	#works-summaries {
		z-index: 2;
		-webkit-transform: translate3d(0, -50px, 0);
				transform: translate3d(0, -50px, 0);
		-webkit-transition: color ease 0.7s 0.2s, background ease 0.2s;
				transition: color ease 0.7s 0.2s, background ease 0.2s;
	}
	
	.pjaxing #works-summaries {
		color: #222;
		background: #e5e5e5;
		-webkit-transition-delay: 0.2s, 0.9s;
				transition-delay: 0.2s, 0.9s;
	}

	#works-summaries .works-sammary:before {
		opacity: 0;
		-webkit-transition: opacity ease 0.2s;
				transition: opacity ease 0.2s;
	}

	.pjaxing #works-summaries .works-sammary:before {
		opacity: 1;
		-webkit-transition-delay: 0.9s;
				transition-delay: 0.9s;
	}
}


/**
 * Works-single
 */

#works-single time {
	margin-bottom: 30px;
	display: block;
	letter-spacing: 0.1em;
	font-size: 15px;
	font-weight: bold;
}

#works-single .post-detail {
	max-width: none;
	padding-top: 150px;
	padding-bottom: 150px;
	background: #F7F7F7;
}

#works-single .post-detail ul {
	max-width: 800px;
	margin: 0 auto;
}

#works-single .post-detail li {
	padding: 20px 0;
	border-bottom: 1px solid #eaeaea;
}

#works-single .post-detail li:after {
	content: "";
	display: block;
	clear: both;
}

#works-single .post-detail li:first-child {
	border-top: 1px solid #eaeaea;
}

#works-single .post-detail .detail-label {
	width: 250px;
	float: left;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-size: 14px;
	font-weight: bold;
}

#works-single .post-detail .detail-item {
	margin-left: 250px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

#works-single .post-detail .detail-item a {
	text-decoration: none;
}

#works-single .post-detail .detail-item a:hover {
	text-decoration: underline;
}

#related_works {
	max-width: 1200px;
	margin: 150px auto 0;
	padding: 0 10px;
}

#related_works p {
	text-align: center;
    line-height: 1.2;
    letter-spacing: 0.08em;
    font-size: 35px;
    font-weight: 700;
}

#related_works ul {
	margin-top: 50px;
	text-align: center;
	font-size: 0;
}

#related_works ul.over_4 {
	text-align: left;
}

#related_works li {
	width: 25%;
	height: 280px;
	padding: 3px;
	display: inline-block;
}

#related_works li a {
	height: 100%;
	display: block;
	position: relative;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

#related_works li a:hover {
	opacity: 0.7;
}

#related_works li .background-image {
	height: 100%;
	background: #cacaca no-repeat center;
	background-size: cover;
}

@media screen and (max-width: 1200px) {
	#related_works li {
		height: 200px;
	}
}

@media screen and (max-width: 900px) {
	#works-single time {
		margin-bottom: 10px;
	}
	
	#works-single .post-detail {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	#related_works {
		margin-top: 100px;
	}
	
	#related_works ul {
		margin-top: 30px;
		text-align: left;
	}
	
	#related_works li {
		width: 33.3%;
	}
}

@media screen and (max-width: 700px) {
	#works-single .post-detail .detail-label {
		width: auto;
		margin-bottom: 5px;
		float: none;
	}
	
	#works-single .post-detail .detail-item {
		margin-left: auto;
	}
	
	#related_works p {
		font-size: 25px;
	}
	
	#related_works li {
		padding: 1px;
		height: 150px;
	}
}

@media screen and (max-width: 480px) {
	#works-single .post-body {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	#works-single .post-detail {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	#related_works {
		margin-top: 80px;
	}
	
	#related_works li {
		height: 110px;
	}
}

@media screen and (max-width: 400px) {
	#related_works li {
		height: 90px;
	}
}


/**
 * Posts-archive
 */

#post-archive li a {
	display: block;
	position: relative;
}

#post-archive li a:before {
    content: "";
	width: 35px;
	height: 30px;
	position: absolute;
	top: calc(50% - 15px);
	right: 0;
	background: url(images/arrow.svg) no-repeat center;
	background-size: contain;
	opacity: 0;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

#post-archive li a:hover:before {
	opacity: 0.06;
}

#post-archive li a:after {
	content: "";
	display: block;
	clear: both;
}

#post-archive li time {
	width: 160px;
	padding: 30px 0;
	float: left;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

#post-archive li .post-content {
	margin-left: 160px;
	padding: 30px 0;
	padding-right: 80px;
	border-bottom: 1px solid #EFEFEF;
}

#post-archive li:first-child .post-content {
	border-top: 1px solid #EFEFEF;
}

#post-archive li h2 {
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-size: 18px;
	font-weight: bold;
}

#post-archive li .excerpt {
	margin-top: 20px;
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-size: 12px;
}

@media screen and (max-width: 900px) {
	#post-archive li {
		border-top: 1px solid #EFEFEF;
	}
	
	#post-archive li a {
		padding: 30px 0;
	}

	#post-archive li a:before {
		display: none;
	}
	
	#post-archive li time {
		width: auto;
		margin-bottom: 10px;
		padding: 0;
		display: block;
		float: none;
	}
	
	#post-archive li .post-content {
		margin-left: auto;
		padding: 0;
		border-bottom: none;
	}
	
	#post-archive li:first-child .post-content {
		border-top: none;
	}
}


/**
 * Posts-single
 */

#big_time {
	width: 200px;
	position: fixed;
}

#big_time time {
	display: block;
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-size: 12px;
}

#post-single time strong {
	font-size: 40px;
}

#post-single .post-content {
	margin-left: 200px;
}

#single-title {
	margin-bottom: 50px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    font-size: 35px;
    font-weight: bold;
}

@media screen and (max-width: 900px) {
	#big_time {
		width: auto;
		margin-bottom: 50px;
		position: static;
		text-align: center;
	}
	
	#post-single time strong {
		line-height: 1.2;
		letter-spacing: 0.1em;
		font-size: 50px;
		font-weight: bold;
	}
	
	#post-single time span {
		margin-top: 5px;
		display: block;
		line-height: 1.5;
		letter-spacing: 0.05em;
		font-size: 12px;
		font-weight: bold;
	}
	
	#post-single .post-content {
		margin-left: auto;
	}
	
	#single-title {
		font-size: 25px;
	}
}

@media screen and (max-width: 480px) {
	#post-single time strong {
		font-size: 40px;
	}
}


/**
 * Lowers
 * ==========================================================================
 */


/**
 * Page
 */

#to_contact {
	margin-top: 100px;
	text-align: center;
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-size: 60px;
    font-weight: bold;
}

#to_contact a {
	padding: 20px;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

#to_contact a:hover {
	opacity: 0.7;
}

#to_contact a span {
	vertical-align: middle;
}

#to_contact a:after {
	content: "";
	width: 35px;
	height: 29px;
	display: inline-block;
	position: relative;
	top: -1px;
	vertical-align: middle;
	background: url(images/arrow.svg) no-repeat center;
	background-size: contain;
}

@media screen and (max-width: 1500px) {
	#to_contact {
		font-size: 50px;
	}
	
	#to_contact a:after {
		width: 32px;
		height: 26px;
	}
}

@media screen and (max-width: 900px) {
	#to_contact {
		margin-top: 50px;
		font-size: 40px;
	}
	
	#to_contact a:after {
		width: 28px;
		height: 23px;
	}
}


/**
 * LP
 */

#lp {
	min-height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#lp.arrow_scroll {
	position: relative;
	top: 0 !important;
}

#lp + footer {
	top: 100vh;
}

#lp.arrow_scroll + footer {
	top: auto;
}

#lp section {
	min-height: 100vh;
	-webkit-transform: translate3d(0, 100vh, 0);
			transform: translate3d(0, 100vh, 0);
	-webkit-transition: -webkit-transform cubic-bezier(0.3, 1, 0.3, 1) 1.5s;
			transition: 		transform cubic-bezier(0.3, 1, 0.3, 1) 1.5s;
}

#lp section.current {
	z-index: 2;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

#lp section.rised {
	-webkit-transform: translate3d(0, -100vh, 0);
			transform: translate3d(0, -100vh, 0);
}

#lp .fullscreen {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#lp .screen_children {
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, -10px, 0);
			transform: translate3d(0, -10px, 0);
	-webkit-transition: opacity ease 1s, -webkit-transform cubic-bezier(0.3, 1, 0.3, 1) 1s;
			transition: opacity ease 1s, 		 transform cubic-bezier(0.3, 1, 0.3, 1) 1s;
}

#lp .screen_children.show {
	z-index: 2;
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	-webkit-transition-delay: 0.8s;
			transition-delay: 0.8s;
}

#lp .over {
	max-width: 900px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 2;
	-webkit-transform: translate3d(0, -50%, 0);
			transform: translate3d(0, -50%, 0);
}

.lp-title {
    height: 50vh;
    min-height: 200px;
    max-height: 500px;
    margin-bottom: 50px;
	padding: 0 10px;
    position: relative;
	text-align: center;
}

.lp-title .over {
    margin: 0 auto;
    position: absolute;
    top: calc(50%);
    left: 0;
    right: 0;
	-webkit-transform: translate3d(0, -50%, 0);
			transform: translate3d(0, -50%, 0);
}

.lp-title h1 {
	line-height: 1.2;
	letter-spacing: 0.05em;
	font-size: 70px;
	font-weight: bold;
}

.lp-title h2 {
    margin-top: 5px;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-size: 20px;
    font-weight: bold;
}

.lp-title p {
    margin-top: 15px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-size: 12px;
    font-weight: bold;
}

.lp-body {
    padding-bottom: 100px;
	text-align: center;
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-size: 20px;
}

.lp-body p {
	margin-bottom: 1.2em;
    font-weight: bold;
}

.lp-body p strong {
    font-size: 28px;
}

.lp-body .pc_show {
    display: block;
}

.lp-body .sp_show {
    display: none;
}

.section-title {
    padding-top: 150px;
    padding-bottom: 100px;
    text-align: center;
}

.section-title h1 {
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-size: 60px;
    font-weight: bold;
}

.section-title h2 {
    margin-top: 5px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-size: 12px;
    font-weight: bold;
}

/*
#lp #adventure {
	background: url(images/bg-adventure.jpg) no-repeat center;
	background-size: cover;
}
*/

#lp #practice {
	background: url(images/bg-practice.png) no-repeat center;
	background-size: cover;
}

#lp #other {
	background: #F7F7F7;
}

#lp #figure {
	background: #F7F7F7;
}

@media screen and (max-width: 1500px) {
	.lp-title h1 {
		font-size: 60px;
	}
	
	.section-title h1 {
		font-size: 50px;
	}
}

@media screen and (max-width: 1200px) {
	.lp-title h1 {
		font-size: 50px;
	}
}

@media screen and (max-width: 900px) {
    .lp-title {
        height: auto;
        min-height: 150px;
    }
    
	.lp-title h1 {
		font-size: 38px;
	}
	
	.lp-title h2 {
		font-size: 15px;
	}
	
	.lp-body {
        padding-bottom: 50px;
		font-size: 17px;
	}

    .lp-body p strong {
        font-size: 22px;
    }

    .lp-body .pc_show {
        display: none;
    }

    .lp-body .sp_show {
        display: block;
    }
	
	.section-title {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	
	.section-title h1 {
		font-size: 40px;
	}
}

@media screen and (max-width: 480px) {
    .lp-title {
        min-height: 100px;
    }
    
	.lp-title h1 {
		font-size: 30px;
	}
	
	.lp-body {
		letter-spacing: 0.02em;
		font-size: 12px;
	}

    .lp-body p strong {
        font-size: 16px;
    }
	
	.section-title {
		padding-top: 50px;
		padding-bottom: 20px;
	}
	
	.section-title h1 {
		font-size: 30px;
	}
}

@media screen and (max-height: 600px) and (min-width: 481px) {
	.lp-body {
		font-size: 15px;
	}
}

@media screen and (max-height: 500px) {
	.lp-body {
		font-size: 12px;
	}
}


/**
 * Philosophy
 */

#adventure:after,
#other:after {
    content: "";
    width: 100%;
    margin: 50px auto 100px;
    display: block;
    border-bottom: 1px solid #000;
}

#other ul {
    padding-bottom: 100px;
}

#other li {
	text-align: center;
}

#other li:not(:first-child) {
    margin-top: 30px;
}

#other li a {
	padding: 30px;
	display: inline-block;
	position: relative;
	-webkit-transition: opacity ease 0.3s;
			transition: opacity ease 0.3s;
}

#other li a:hover {
	opacity: 0.5;
}

#other li img {
    height: 60px;
	margin: 0 auto 15px;
    display: block;
}

#other li:nth-child(2) img {
    height: 100px;
}

#other li h1 {
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-size: 15px;
}

#other li p {
	margin-top: 15px;
	line-height: 1.8;
	font-size: 12px;
}

@media screen and (max-width: 900px) {
	#lp #other {
		min-height: 0;
		padding: 100px 0;
	}
    
	#other .screen_children {
		padding-top: 50px;
		padding-bottom: 50px;
		height: auto;
	}
	
	#other .over {
		position: static;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	}
    
    #other ul {
        padding-bottom: 50px;
    }
    
    #other li:not(:first-child) {
        margin-top: 0;
    }
	
	#other li a {
        padding: 20px 0;
    }
	
	#other li img {
		-webkit-transform: scale(0.8);
				transform: scale(0.8);
	}
}

@media screen and (max-width: 480px) {
	#lp #other {
		padding: 50px 0;
	}
	
	#other li img {
		-webkit-transform: scale(0.7);
				transform: scale(0.7);
	}
}


/**
 * Company
 */

#company_link {
	max-width: 400px;
	margin: 0 auto;
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.1em;
	font-weight: bold;
}

#company_link a {
	margin: 0 5px;
	padding: 10px 0;
	display: inline-block;
	position: relative;
}

#company_link a:before {
	content: "";
	height: 1px;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	background: #000;
	-webkit-transform: scale3d(0, 1, 1);
			transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform ease 0.3s;
    		transition: 		transform ease 0.3s;
}

#company_link a:hover:before {
	-webkit-transform: scale3d(1, 1, 1);
			transform: scale3d(1, 1, 1);
}

#lp #about_us .over {
	margin-top: 0.7em;
}

#lp #figure .over {
	margin-top: 30px;
	max-width: 1000px;
}

#figure {
    margin-top: 150px;
}

#figure h2 {
    position: absolute;
    top: -50px;
    text-align: left;
    line-height: 1.2;
    letter-spacing: 0.2em;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Noto Sans', sans-serif;
}

#figure_image img {
    margin: 0 auto;
}

#member_list {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 50px;
}

#member_list .thumbnail img {
	display: block;
}

#member_list h1 {
	margin-bottom: 5px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    font-size: 25px;
    font-weight: bold;
}

#member_list h2 {
    margin-top: 5px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-size: 12px;
    font-weight: bold;
}

#member_list .position {
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-size: 12px;
    font-weight: bold;
}

#member_list .position span {
	margin-right: 10px;
}

#member_list .ceo_post {
	margin-bottom: 100px;
}

#member_list .ceo_post:after {
	content: "";
	display: block;
	clear: both;
}

#member_list .ceo_post .thumbnail {
	width: 500px;
	margin-left: 30px;
	float: right;
}

#member_list .ceo_post h1 {
	padding-top: 100px;
    font-size: 60px;
}

#member_list .ceo_post .editor-area {
	margin-top: 30px;
	font-size: 10px
}

#member_list ul {
	width: calc(100% + 30px);
	position: relative;
	left: -15px;
}

#member_list ul:after {
	content: "";
	display: block;
	clear: both;
}

#member_list li {
	width: 33.3%;
	margin-bottom: 80px;
	padding: 0 15px;
	float: left;
}

#member_list li:nth-child(3n+1) {
	clear: both;
}

#member_list li .thumbnail {
	margin-bottom: 10px;
}

#googlemap_canvas {
	height: 600px;
	margin-top: 100px;
}

@media screen and (max-width: 1200px) {
	#member_list .ceo_post .thumbnail {
		width: 400px;
	}
	
	#member_list .ceo_post h1 {
		padding-top: 50px;
		font-size: 40px;
	}
}

@media screen and (max-width: 900px) {
	#company_link {
		display: none;
	}

    #figure {
        margin-top: 100px;
    }
    
    #figure h2 {
        font-size: 20px;
    }
	
	#member_list h1 {
		font-size: 20px;
	}
	
	#member_list .ceo_post {
		margin-bottom: 50px;
	}
	
	#member_list .ceo_post .thumbnail {
		width: auto;
		max-width: 400px;
		margin: 0 auto;
		float: none;
	}
	
	#member_list .ceo_post h1 {
		margin-top: -20px;
		padding-top: 0;
	}
	
	#member_list li {
		width: 50%;
		margin-bottom: 30px;
	}
	
	#member_list li:nth-child(3n+1) {
		clear: none;
	}
	
	#member_list li:nth-child(2n+1) {
		clear: both;
	}

	#googlemap_canvas {
		height: 400px;
		margin-top: 50px;
	}
}

@media screen and (max-width: 480px) {
	#member_list {
		padding: 0 30px;
	}
	
	#member_list .position {
		font-size: 10px;
	}
	
	#member_list ul {
		width: calc(100% + 20px);
		left: -10px;
	}
	
	#member_list li {
		margin-bottom: 10px;
		padding: 10px;
	}
}

@media screen and (max-width: 400px) {
	#about_us .lp-title h1 {
		font-size: 28px;
	}
}

@media screen and (max-height: 700px) {
	#figure .over {
		max-width: 600px;
	}
}

@media screen and (max-height: 600px) {
	#figure .over {
		max-width: 500px;
	}
}

@media screen and (max-height: 500px) {
	#figure .over {
		max-width: 400px;
	}
}


/**
 * Onload
 * ==========================================================================
 */


/**
 * Loader
 */

#loader {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 100;
}

#aete {
	width: 300px;
	margin: auto;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 2;
	-webkit-transform: translate3d(0, -60%, 0);
			transform: translate3d(0, -60%, 0);
}

#aete .mask_element {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-dasharray: 1500;
	stroke-dashoffset: 1500;
}

.welcome #aete .mask_element {
	-webkit-animation: undraw 1s ease forwards;
			animation: undraw 1s ease forwards;
}

@-webkit-keyframes undraw {
	to {
		stroke-dasharray: 1500;
		stroke-dashoffset: 1500;
	}
}

@keyframes undraw {
	to {
		stroke-dasharray: 1500;
		stroke-dashoffset: 1500;
	}
}

#aete .st0 {
	stroke-width: 90;
}

#aete .st1 {
	stroke-width: 63;
}

@media screen and (max-width: 900px) {
	#aete {
		width: 200px;
	}
}


/**
 * Loaded
 */

#loader {
	-webkit-transition: z-index ease 0s 1.5s, opacity ease 0.5s 1s;
			transition: z-index ease 0s 1.5s, opacity ease 0.5s 1s;
}

.welcome #loader {
	z-index: -100;
	opacity: 0;
}

header {
	opacity: 0;
	-webkit-transition: opacity ease 0.6s 0.5s;
			transition: opacity ease 0.6s 0.5s;
}

.welcome header {
	opacity: 1;
}

footer {
	opacity: 0;
	-webkit-transition: opacity ease 0.6s 0.5s;
			transition: opacity ease 0.6s 0.5s;
}

.welcome footer {
	opacity: 1;
}

#works-interaction {
	opacity: 0;
	-webkit-transition: opacity ease 0.6s 0.5s;
			transition: opacity ease 0.6s 0.5s;
}

.welcome #works-interaction {
	opacity: 1;
}

#lp {
	opacity: 0;
	-webkit-transition: opacity ease 0.6s 0.5s;
			transition: opacity ease 0.6s 0.5s;
}

.welcome #lp {
	opacity: 1;
}


/**
 * Editor-area
 * ==========================================================================
 */


.editor-area {
	line-height: 2.0;
	letter-spacing: 0.08em;
	font-size: 15px;
	font-feature-settings: "pwid" 1;
}

.editor-area > :first-child {
	margin-top: 0;
}

.editor-area > :first-child > * {
	margin-top: 0;
}

.editor-area > :last-child {
	margin-bottom: 0;
}

.editor-area > p {
	margin-bottom: 20px;
}

.editor-area h1,
.editor-area h2,
.editor-area h3,
.editor-area h4,
.editor-area h5,
.editor-area h6 {
	margin: 20px auto;
	clear: both;
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-size: 16px;
	font-weight: bold;
}

.editor-area h1 {
	font-size: 28px;
}

.editor-area h2 {
	font-size: 22px;
}

.editor-area h3 {
	font-size: 18px;
}

.editor-area a:not(.more_link) {
	text-decoration: underline;
}

.editor-area a:not(.more_link):hover {
	text-decoration: none;
}

.editor-area strong {
	font-weight: bold;
}

.editor-area em {
	font-style: italic;
}

.editor-area del {
	text-decoration: line-through;
}

.editor-area ul {
	margin: 50px auto;
}

.editor-area ol {
	margin: 50px auto;
	list-style: decimal;
	list-style-position: inside;
}

.editor-area li {
	line-height: 1.3;
	letter-spacing: 0.05em;
}

.editor-area li:not(:first-child) {
	margin-top: 10px;
}

.editor-area ul li {
	padding-left: 1em;
	position: relative;
}

.editor-area ul li:before {
	content: "・";
	position: absolute;
	top: -1px;
	left: 0;
	font-weight: normal;
}

.editor-area table {
	width: 100%;
	margin: 30px auto;
	text-align: left;
}

.editor-area table th {
	max-width: 400px;
	min-width: 300px;
	padding: 20px 20px 20px 0;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.editor-area table td {
	padding: 20px 0;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.editor-area blockquote,
.editor-area q {
	margin: 50px auto;
	position: relative;
	z-index: 1;
	clear: both;
	font-size: 12px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	background: #f2f2f2;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

.editor-area blockquote {
	padding: 35px 25px;
}

.editor-area q {
	padding: 10px 25px;
}

.editor-area blockquote:before,
.editor-area blockquote:after,
.editor-area q:before,
.editor-area q:after {
	position: absolute;
	line-height: 1;
	font-weight: bold;
	font-family: "Times New Roman", serif;
	color: #eaeaea;
}

.editor-area blockquote:before,
.editor-area blockquote:after {
	font-size: 400%;
}

.editor-area q:before,
.editor-area q:after {
	font-size: 200%;
}

.editor-area blockquote:before,
.editor-area q:before {
	content: "“";
}

.editor-area blockquote:after,
.editor-area q:after {
	content: "”";
}

.editor-area blockquote:before {
	top: 5px;
	left: 10px;
}

.editor-area blockquote:after {
	bottom: -15px;
	right: 10px;
}

.editor-area q:before {
	top: 2px;
	left: 5px;
}

.editor-area q:after {
	top: 2px;
	right: 5px;
}

.editor-area hr {
	margin: 50px auto;
	border-top: 1px solid #f2f2f2;
}

.editor-area iframe {
	width: 100%;
	margin: 50px auto;
	display: block;
}

.editor-area embed,
.editor-area iframe,
.editor-area object,
.editor-area video {
	max-width: 100%;
}

.editor-area img {
	margin: 10px auto;
}

.editor-area .alignright,
.editor-area .alignleft,
.editor-area .aligncenter,
.editor-area .alignnone {
	max-width: 100%;
}

.editor-area .alignright img,
.editor-area .alignleft img,
.editor-area .aligncenter img,
.editor-area .alignnone img,
.editor-area .alignright figcaption,
.editor-area .alignleft figcaption,
.editor-area .aligncenter figcaption,
.editor-area .alignnone figcaption {
	margin: 0 auto;
}

.editor-area .alignright {
	float: right;
}

.editor-area .alignleft {
	float: left;
}

.editor-area .alignnone {
    width: calc(100% + 200px);
    max-width: calc(100% + 200px);
	margin: 50px auto;
	display: block;
	position: relative;
	left: -100px;
	right: -100px;
}

.editor-area .aligncenter {
    width: 100vw;
    max-width: 100vw;
	margin: 50px auto;
	display: block;
	position: relative;
    left: 50%;
	-webkit-transform: translate3d(-50%, 0, 0);
			transform: translate3d(-50%, 0, 0);
}

.editor-area .aligncenter img {
	margin: 0 auto;
	display: block;
}

.editor-area .wp-caption-text {
	margin-bottom: 15px;
	line-height: 1.3;
	letter-spacing: 0;
	font-size: 11px;
}

.editor-area .gallery {
	margin: 50px auto;
	line-height: 1;
	overflow-x: hidden;
}

.editor-area .gallery .gallery-item {
	float: left;
	margin: 0;
	text-align: center;
	padding: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.editor-area .gallery .gallery-caption,
.editor-area .gallery .gallery-icon {
	margin: 0;
}

.editor-area .gallery .gallery-caption {
	margin-top: 5px;
	text-align: left;
}

.editor-area .gallery-columns-1 .gallery-item {
	width: 100%;
}

.editor-area .gallery-columns-2 .gallery-item {
	width: 50%;
}

.editor-area .gallery-columns-3 .gallery-item {
	width: 33.333%;
}

.editor-area .gallery-columns-4 .gallery-item {
	width: 25%;
}

.editor-area .gallery-columns-5 .gallery-item {
	width: 20%;
}

.editor-area .gallery-columns-6 .gallery-item {
	width: 16.665%;
}

.editor-area .gallery-columns-7 .gallery-item {
	width: 14.285%;
}

.editor-area .gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.editor-area .gallery-columns-9 .gallery-item {
	width: 11.111%;
}

.editor-area .gallery a:hover {
	opacity: 0.8;
}

.editor-area .gallery img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.mce-content-body.editor-area img[data-wp-more] {
	margin: 50px auto;
}

@media screen and (max-width: 1200px) {
	.editor-area table th {
		min-width: 250px;
	}
}

@media screen and (max-width: 1100px) {
	.editor-area .alignnone {
		width: 100%;
		max-width: 100%;
		left: auto;
		right: auto;
	}
}

@media screen and (max-width: 900px) {
	.editor-area table tr {
		display: block;
	}
	
	.editor-area table th {
		max-width: none;
		min-width: 0;
		padding-bottom: 0;
		padding-right: 0;
		display: block;
		border-top: none;
		border-bottom: none;
	}
	
	.editor-area table td {
		padding-top: 0;
		display: block;
		border-top: none;
		font-size: 13px;
	}
}

@media screen and (max-width: 700px) {
	.editor-area {
		font-size: 13px;
	}

	.editor-area h1 {
		font-size: 22px;
	}

	.editor-area h2 {
		font-size: 18px;
	}

	.editor-area h3 {
		font-size: 16px;
	}

	.editor-area table {
		font-size: 14px;
	}

	.editor-area blockquote,
	.editor-area q {
		font-size: 11px;
	}
}


/**
 * WPCF7
 */

.editor-area .wpcf7 {
	margin: 100px auto 0;
	line-height: 1.8;
}

.editor-area .wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}

.editor-area .wpcf7 .wpcf7-not-valid {
	display: inline-block;
	background: #F4F4F4;
}

.editor-area .wpcf7 .wpcf7-response-output {
	margin-top: 30px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

.editor-area .wpcf7 .wpcf7-validation-errors {
	color: #b94a48;
	border: none;
}

.editor-area .wpcf7 .wpcf7-mail-sent-ok {
	color: #3a87ad;
	border: none;
}

.form-row {
	margin-top: 30px;
}

.form-row:after {
	content: "";
	display: block;
	clear: both;
}

.form-row label {
	width: 300px;
	padding: 16px 0;
	display: block;
	float: left;
	font-weight: bold;
}

.input-item {
	margin-left: 300px;
}

.input-item input,
.input-item select,
.input-item textarea {
	width: 100%;
	padding: 15px 20px;
	border: 1px solid #ccc;
}

.input-item input:focus,
.input-item select:focus,
.input-item textarea:focus {
	border-color: #000;
}

.input-item.select {
	position: relative;
}

.input-item.select:before {
	content: "\f107";
	position: absolute;
	top: 50%;
	right: 20px;
    z-index: 2;
	line-height: 0;
	pointer-events: none;
	font-family: Fontawesome;
}

.input-item.select option:first-child {
	color: #aaa !important;
}

.editor-area .wpcf7 button {
	width: 220px;
	margin: 100px auto 0;
	padding: 25px 30px;
	display: block;
	position: relative;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #000;
		-webkit-transition: color ease 0.2s, background ease 0.2s;
				transition: color ease 0.2s, background ease 0.2s;
}

.editor-area .wpcf7 button:hover {
	color: #fff;
	background: #000;
}

.editor-area .wpcf7 button:before {
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 20px;
	line-height: 0;
	font-family: Fontawesome;
}

@media screen and (max-width: 900px) {
	.form-row label {
		width: auto;
		margin-bottom: 5px;
		padding: 0;
		float: none;
		font-size: 15px;
	}
	
	.input-item {
		margin-left: auto;
	}
	
	.editor-area .wpcf7 button {
		width: 200px;
		margin-top: 50px;
		padding: 20px 25px;
	}
}


/**
 * Works_posts positions
 * ==========================================================================
 */


#works_posts li:nth-child(2n+1) {
	width: 400px;
	height: 300px;
}

#works_posts li:nth-child(2n+2) {
	width: 300px;
	height: 225px;
}

#works_posts li:nth-child(1) {
	top: -200px;
	left: 0;
}

#works_posts li:nth-child(2) {
	top: -125px;
	left: -300px;
}

#works_posts li:nth-child(3) {
	top: 100px;
	left: -300px;
}

#works_posts li:nth-child(4) {
	top: 100px;
	left: 100px;
}

#works_posts li:nth-child(5) {
	top: -425px;
	left: -400px;
}

#works_posts li:nth-child(6) {
	top: -425px;
	left: 0;
}

#works_posts li:nth-child(7) {
	top: -125px;
	left: -700px;
}

#works_posts li:nth-child(8) {
	top: -200px;
	left: 400px;
}

#works_posts li:nth-child(9) {
	top: 25px;
	left: 400px;
}

#works_posts li:nth-child(10) {
	top: 175px;
	left: -600px;
}

#works_posts li:nth-child(11) {
	top: -500px;
	left: 300px;
}

#works_posts li:nth-child(12) {
	top: -350px;
	left: -700px;
}

#works_posts li:nth-child(13) {
	top: 325px;
	left: 100px;
}

#works_posts li:nth-child(14) {
	top: 325px;
	left: 500px;
}

#works_posts li:nth-child(15) {
	top: -650px;
	left: -800px;
}

#works_posts li:nth-child(16) {
	top: -50px;
	left: -1000px;
}

#works_posts li:nth-child(17) {
	top: -350px;
	left: -1100px;
}

#works_posts li:nth-child(18) {
	top: 25px;
	left: 800px;
}

#works_posts li:nth-child(19) {
	top: -275px;
	left: 700px;
}

#works_posts li:nth-child(20) {
	top: -500px;
	left: 700px;
}

#works_posts li:nth-child(21) {
	top: -725px;
	left: -100px;
}

#works_posts li:nth-child(22) {
	top: -650px;
	left: -400px;
}

#works_posts li:nth-child(23) {
	top: 400px;
	left: -600px;
}

#works_posts li:nth-child(24) {
	top: 400px;
	left: -200px;
}

#works_posts li:nth-child(25) {
	top: 175px;
	left: -1000px;
}

#works_posts li:nth-child(26) {
	top: -725px;
	left: 300px;
}

#works_posts li:nth-child(27) {
	top: 250px;
	left: 800px;
}

#works_posts li:nth-child(28) {
	top: -575px;
	left: -1100px;
}

#works_posts li:nth-child(29) {
	top: -800px;
	left: 600px;
}

#works_posts li:nth-child(30) {
	top: 475px;
	left: -900px;
}

#works_posts li:nth-child(31) {
	top: 550px;
	left: 500px;
}

#works_posts li:nth-child(32) {
    top: 550px;
    left: 900px;
}

#works_posts li:nth-child(33) {
	top: -50px;
	left: -1400px;
}

#works_posts li:nth-child(34) {
	top: 250px;
	left: -1300px;
}

#works_posts li:nth-child(35) {
	top: -50px;
	left: 1100px;
}

#works_posts li:nth-child(36) {
	top: -275px;
	left: 1100px;
}

#works_posts li:nth-child(37) {
	top: 625px;
	left: -200px;
}

#works_posts li:nth-child(38) {
	top: 625px;
	left: 200px;
}

#works_posts li:nth-child(39) {
	top: -575px;
	left: 1000px;
}

#works_posts li:nth-child(40) {
	top: 700px;
	left: -500px;
}

#works_posts li:nth-child(41) {
	top: 700px;
	left: -900px;
}

#works_posts li:nth-child(42) {
	top: -275px;
	left: -1400px;
}

#works_posts li:nth-child(43) {
	top: 475px;
	left: -1300px;
}

#works_posts li:nth-child(44) {
	top: 250px;
	left: 1200px;
}

#works_posts li:nth-child(45) {
	top: -575px;
	left: -1500px;
}

#works_posts li:nth-child(46) {
	top: -800px;
	left: 1000px;
}

#works_posts li:nth-child(47) {
	top: -950px;
	left: -500px;
}

#works_posts li:nth-child(48) {
	top: -950px;
	left: -100px;
}

#works_posts li:nth-child(49) {
	top: -1025px;
	left: 200px;
}

#works_posts li:nth-child(50) {
	top: -875px;
	left: -800px;
}

#works_posts li:nth-child(51) {
	top: -875px;
	left: -1200px;
}

#works_posts li:nth-child(52) {
	top: -1025px;
	left: 600px;
}

#works_posts li:nth-child(53) {
	top: 850px;
	left: 200px;
}

#works_posts li:nth-child(54) {
	top: 925px;
	left: -100px;
}

#works_posts li:nth-child(55) {
	top: 925px;
	left: -500px;
}

#works_posts li:nth-child(56) {
	top: 850px;
	left: 600px;
}

#works_posts li:nth-child(57) {
	top: 250px;
	left: -1700px;
}

#works_posts li:nth-child(58) {
	top: 1150px;
	left: 300px;
}

#works_posts li:nth-child(59) {
	top: -1250px;
	left: -200px;
}

#works_posts li:nth-child(60) {
	top: -1175px;
	left: -500px;
}

#works_posts li:nth-child(61) {
	top: 475px;
	left: 1200px;
}

#works_posts li:nth-child(62) {
	top: 25px;
	left: -1700px;
}

#works_posts li:nth-child(63) {
	top: 775px;
	left: 900px;
}

#works_posts li:nth-child(64) {
	top: 775px;
	left: -1200px;
}

#works_posts li:nth-child(65) {
	top: -350px;
	left: 1400px;
}

#works_posts li:nth-child(66) {
	top: -50px;
	left: 1500px;
}

#works_posts li:nth-child(67) {
	top: -275px;
	left: -1800px;
}

#works_posts li:nth-child(68) {
	top: -575px;
	left: 1400px;
}

#works_posts li:nth-child(69) {
	top: -875px;
	left: 1300px;
}

#works_posts li:nth-child(70) {
	top: -800px;
	left: -1500px;
}

#works_posts li:nth-child(71) {
	top: -1175px;
	left: -900px;
}

#works_posts li:nth-child(72) {
	top: -1250px;
	left: 200px;
}

#works_posts li:nth-child(73) {
	top: -1100px;
	left: 900px;
}

#works_posts li:nth-child(74) {
	top: -1100px;
	left: -1200px;
}

#works_posts li:nth-child(75) {
	top: -1325px;
	left: 500px;
}

#works_posts li:nth-child(76) {
	top: 1000px;
	left: -800px;
}

#works_posts li:nth-child(77) {
	top: 1000px;
	left: -1200px;
}

#works_posts li:nth-child(78) {
	top: 775px;
	left: 1300px;
}

#works_posts li:nth-child(79) {
	top: 775px;
	left: -1600px;
}

#works_posts li:nth-child(80) {
	top: 550px;
	left: -1600px;
}

#works_posts li:nth-child(81) {
	top: -1100px;
	left: -1600px;
}

#works_posts li:nth-child(82) {
	top: -500px;
	left: -1800px;
}

#works_posts li:nth-child(83) {
	top: 175px;
	left: 1500px;
}

#works_posts li:nth-child(84) {
	top: -1100px;
	left: 1300px;
}

#works_posts li:nth-child(85) {
	top: -800px;
	left: -1900px;
}

#works_posts li:nth-child(86) {
	top: 475px;
	left: 1600px;
}

#works_posts li:nth-child(87) {
	top: 550px;
	left: -2000px;
}

#works_posts li:nth-child(88) {
	top: 325px;
	left: -2000px;
}

#works_posts li:nth-child(89) {
	top: 1075px;
	left: 600px;
}

#works_posts li:nth-child(90) {
	top: 1075px;
	left: 1000px;
}

#works_posts li:nth-child(91) {
	top: 700px;
	left: 1600px;
}

#works_posts li:nth-child(92) {
	top: 1075px;
	left: -1500px;
}

#works_posts li:nth-child(93) {
	top: -650px;
	left: 1700px;
}

#works_posts li:nth-child(94) {
	top: -875px;
	left: 1700px;
}

#works_posts li:nth-child(95) {
	top: -1175px;
	left: 1600px;
}

#works_posts li:nth-child(96) {
	top: -1025px;
	left: -1900px;
}

#works_posts li:nth-child(97) {
	top: 25px;
	left: -2100px;
}

#works_posts li:nth-child(98) {
	top: 850px;
	left: -1900px;
}

#works_posts li:nth-child(99) {
	top: 1000px;
	left: 1300px;
}

#works_posts li:nth-child(100) {
	top: -200px;
	left: -2100px;
}

#works_posts li:nth-child(101) {
    top: -125px;
    left: 1800px;
}

#works_posts li:nth-child(102) {
    top: -350px;
    left: 1800px;
}

#works_posts li:nth-child(103) {
    top: 1150px;
    left: -100px;
}

#works_posts li:nth-child(104) {
    top: 1225px;
    left: -400px;
}

#works_posts li:nth-child(105) {
    top: 400px;
    left: 1900px;
}

#works_posts li:nth-child(106) {
    top: 175px;
    left: 1900px;
}

#works_posts li:nth-child(107) {
    top: -500px;
    left: -2200px;
}

#works_posts li:nth-child(108) {
    top: -725px;
    left: -2200px;
}

#works_posts li:nth-child(109) {
    top: 1225px;
    left: -800px;
}

#works_posts li:nth-child(110) {
    top: -1325px;
    left: 900px;
}

#works_posts li:nth-child(111) {
	top: -1475px;
    left: -600px;
}

#works_posts li:nth-child(112) {
    top: -1400px;
    left: -900px;
}

#works_posts li:nth-child(113) {
    top: 1075px;
    left: -1900px;
}

#works_posts li:nth-child(114) {
    top: -1475px;
    left: -200px;
}

#works_posts li:nth-child(115) {
    top: -1400px;
    left: -1300px;
}

#works_posts li:nth-child(116) {
    top: 1300px;
    left: -1100px;
}

#works_posts li:nth-child(117) {
    top: 325px;
    left: -2400px;
}

#works_posts li:nth-child(118) {
    top: 100px;
    left: -2400px;
}

#works_posts li:nth-child(119) {
    top: -425px;
    left: 2100px;
}

#works_posts li:nth-child(120) {
    top: 1000px;
    left: 1700px;
}

#works_posts li:nth-child(121) {
    top: 1375px;
    left: 300px;
}

#works_posts li:nth-child(122) {
    top: 700px;
    left: 2000px;
}

#works_posts li:nth-child(123) {
    top: 1300px;
    left: 1000px;
}

#works_posts li:nth-child(124) {
    top: 1375px;
    left: 700px;
}

#works_posts li:nth-child(125) {
    top: -1400px;
    left: 1200px;
}

#works_posts li:nth-child(126) {
    top: -1325px;
    left: -1600px;
}

#works_posts li:nth-child(127) {
    top: -200px;
    left: -2500px;
}

#works_posts li:nth-child(128) {
    top: -650px;
    left: 2100px;
}

#works_posts li:nth-child(129) {
    top: -950px;
    left: 2000px;
}

#works_posts li:nth-child(130) {
    top: -125px;
    left: 2200px;
}

#works_posts li:nth-child(131) {
    top: -1325px;
    left: -2000px;
}

#works_posts li:nth-child(132) {
    top: 1300px;
    left: 1400px;
}

#works_posts li:nth-child(133) {
    top: -1550px;
    left: 100px;
}

#works_posts li:nth-child(134) {
    top: -1550px;
    left: 500px;
}

#works_posts li:nth-child(135) {
    top: 1225px;
    left: 1700px;
}

#works_posts li:nth-child(136) {
    top: -1175px;
    left: 2000px;
}

#works_posts li:nth-child(137) {
    top: 850px;
    left: -2300px;
}

#works_posts li:nth-child(138) {
    top: 625px;
    left: -2300px;
}

#works_posts li:nth-child(139) {
    top: -1025px;
    left: -2300px;
}

#works_posts li:nth-child(140) {
    top: 1450px;
    left: 0px;
}

#works_posts li:nth-child(141) {
    top: 1300px;
    left: -1500px;
}

#works_posts li:nth-child(142) {
    top: 1375px;
    left: -1800px;
}

#works_posts li:nth-child(143) {
    top: 1450px;
    left: -400px;
}

#works_posts li:nth-child(144) {
    top: 1150px;
    left: -2200px;
}

#works_posts li:nth-child(145) {
    top: 925px;
    left: 2000px;
}

#works_posts li:nth-child(146) {
    top: -1400px;
    left: 1600px;
}

#works_posts li:nth-child(147) {
    top: 1375px;
    left: -2200px;
}

#works_posts li:nth-child(148) {
    top: -425px;
    left: -2500px;
}

#works_posts li:nth-child(149) {
    top: -1625px;
    left: 800px;
}

#works_posts li:nth-child(150) {
    top: 1525px;
    left: -700px;
}

#works_posts li:nth-child(151) {
    top: -1475px;
    left: 1900px;
}

#works_posts li:nth-child(152) {
    top: -1250px;
    left: -2300px;
}

#works_posts li:nth-child(153) {
    top: -1625px;
    left: -1700px;
}

#works_posts li:nth-child(154) {
    top: -1550px;
    left: -2000px;
}

#works_posts li:nth-child(155) {
    top: 1525px;
    left: -1100px;
}

#works_posts li:nth-child(156) {
    top: 1225px;
    left: 2100px;
}

#works_posts li:nth-child(157) {
    top: 100px;
    left: 2200px;
}

#works_posts li:nth-child(158) {
    top: -1625px;
    left: -1300px;
}

#works_posts li:nth-child(159) {
    top: -725px;
    left: -2600px;
}

#works_posts li:nth-child(160) {
    top: 400px;
    left: 2300px;
}

#works_posts li:nth-child(161) {
    top: -1700px;
    left: -1000px;
}

#works_posts li:nth-child(162) {
    top: 1600px;
    left: -1400px;
}

#works_posts li:nth-child(163) {
    top: 1600px;
    left: -1800px;
}

#works_posts li:nth-child(164) {
    top: -1700px;
    left: -600px;
}

#works_posts li:nth-child(165) {
    top: 1600px;
    left: 700px;
}

#works_posts li:nth-child(166) {
    top: -1625px;
    left: 1200px;
}

#works_posts li:nth-child(167) {
    top: -1775px;
    left: -300px;
}

#works_posts li:nth-child(168) {
    top: 1675px;
    left: 400px;
}

#works_posts li:nth-child(169) {
    top: 1675px;
    left: 0;
}

#works_posts li:nth-child(170) {
    top: 1750px;
    left: -300px;
}

#works_posts li:nth-child(171) {
    top: 1750px;
    left: -700px;
}

#works_posts li:nth-child(172) {
    top: -1775px;
    left: 100px;
}

#works_posts li:nth-child(173) {
    top: 1525px;
    left: 1400px;
}

#works_posts li:nth-child(174) {
    top: 1525px;
    left: 1800px;
}

#works_posts li:nth-child(175) {
    top: 625px;
    left: 2300px;
}

#works_posts li:nth-child(176) {
    top: 1600px;
    left: 1100px;
}

#works_posts li:nth-child(177) {
    top: 625px;
    left: -2700px;
}

#works_posts li:nth-child(178) {
    top: 400px;
    left: -2700px;
}

#works_posts li:nth-child(179) {
    top: -1550px;
    left: -2400px;
}

#works_posts li:nth-child(180) {
    top: 1825px;
    left: -1000px;
}

#works_posts li:nth-child(181) {
    top: -1850px;
    left: 400px;
}

#works_posts li:nth-child(182) {
    top: -950px;
    left: -2600px;
}

#works_posts li:nth-child(183) {
    top: 100px;
    left: -2800px;
}

#works_posts li:nth-child(184) {
    top: -125px;
    left: -2800px;
}

#works_posts li:nth-child(185) {
    top: -200px;
    left: 2500px;
}

#works_posts li:nth-child(186) {
    top: -425px;
    left: 2500px;
}

#works_posts li:nth-child(187) {
    top: -725px;
    left: 2400px;
}

#works_posts li:nth-child(188) {
    top: 925px;
    left: -2600px;
}

#works_posts li:nth-child(189) {
    top: -1700px;
    left: 1500px;
}

#works_posts li:nth-child(190) {
    top: -950px;
    left: 2400px;
}

#works_posts li:nth-child(191) {
    top: 1150px;
    left: -2600px;
}

#works_posts li:nth-child(192) {
    top: 925px;
    left: 2400px;
}

#works_posts li:nth-child(193) {
    top: -1250px;
    left: 2300px;
}

#works_posts li:nth-child(194) {
    top: 1675px;
    left: -2100px;
}

#works_posts li:nth-child(195) {
    top: 1450px;
    left: 2100px;
}

#works_posts li:nth-child(196) {
    top: -1475px;
    left: 2300px;
}

#works_posts li:nth-child(197) {
    top: 1150px;
    left: 2400px;
}

#works_posts li:nth-child(198) {
    top: 100px;
    left: 2600px;
}

#works_posts li:nth-child(199) {
    top: -1250px;
    left: -2700px;
}

#works_posts li:nth-child(200) {
    top: -1850px;
    left: 800px;
}

/**
#works-archive {
	overflow: scroll;
}

#works_field {
	transform: scale3d(0.23, 0.23, 1);
}
 */