/*
Theme Name: POLYPHONIC 2025
Theme URI: https://polyphonic.me/
Author: Graph Paper Press
Author URI: https://polyphonic.me/
Description: Wall Street is a responsive WordPress business theme for savvy entrepreneurs and startups.
Version: 1.1.10
License: GNU General Public License, V2
License URI: license.txt
Text Domain: wallstreet
Domain Path: /languages/
Tags: black, white, light, dark, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Wall Street is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
	

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

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@font-face {
	font-family: 'Blair';
	src: url('fonts/blair-webfont.eot');
	src: url('fonts/blair-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/blair-webfont.woff') format('woff'), url('fonts/blair-webfont.ttf') format('truetype'), url('fonts/blair-webfont.svg#Blair') format('svg');
	font-weight: normal;
	font-style: normal;
}
.eng {
	font-family: 'Blair';
}

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 {
	border: 0;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color:#222;
}
body {
	background: #f3f3f3;
	font-size: clamp(14px, 1vw, 16px);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
a img {
	border: 0;
}

button,
input,
select,
textarea {
	font-family: Helvetica, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 14px;
	line-height: 1.8;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

/* Links */
a {
	text-decoration: none;
	-webkit-transition: color 0.07s ease-in;
	-moz-transition: color 0.07s ease-in;
	-o-transition: color 0.07s ease-in;
	transition: color 0.07s ease-in;
}
a:visited {

}
a:hover,
a:focus,
a:active {
	-webkit-transition: color 0.07s ease-in;
	-moz-transition: color 0.07s ease-in;
	-o-transition: color 0.07s ease-in;
	transition: color 0.07s ease-in;
}


/* =Title
----------------------------------------------- */
/*header#masthead {
	position: fixed;
	top: 123px;
	left: 80px;
	z-index: 999;
}
.home .site-branding,
.site-branding {
	/*position: absolute;
	margin: 123px 0 0;
	z-index: 999;
}*/

.logo-fixed {
	position: fixed;
	top: 123px;
	left: 80px;
	transition: all 0.4s ease;
	z-index: 1000;
}
/* 一定スクロール後に sticky に切り替え */
.logo-sticky {
	position: sticky;
	top: 20px;
	left: 80px;
	transition: all 0.4s ease;
	z-index: 1000;
}

h1.site-title img {
	width: 20vw;
	height: auto;
	float: left;
}
.site-description {
	font-size: 0.6vw;
	line-height:3;
	display: block;
	font-weight:700;
	font-family: 'Blair';
	margin: 0;
	letter-spacing:-0.005vw;
	color: #fff;
}

.topmessage {
	position: absolute;
	/*font-family: ta-koigokoro, sans-serif;
	font-weight: 400;
	font-style: normal;
	transform: rotate(-2deg);*/
	top: 14%;
    left: 58vw;
}

/* スライダーのスタイル設定　*/
.topmessage ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.topmessage ul li {
	position: absolute;
	top: 0;
	left: 0;
	animation-fill-mode: forwards;
	animation-duration: 8s;
	font-family: fot-cezanne-pron, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 2.4vw;
	letter-spacing: 0.8em;
	color: #fff;
	opacity: 0;
	white-space: nowrap;
}

/* アニメーション開始時間の設定 */
.topmessage ul li:nth-child(1){
	animation-name: topmessage;
	animation-delay: 1s;
}
.topmessage ul li:nth-child(2){
	animation-name: topmessage;
	animation-delay: 3s;
	opacity: 0;
	padding-top: 2em;
}
.topmessage ul li:nth-child(3){
	animation-name: topmessage;
	animation-delay: 5s;
	opacity: 0;
	padding-top: 4em;
}
/* フェードイン・フェードアウトの設定 */
@keyframes topmessage {
	0%{
		opacity:0;
	}
	20%{
		opacity:1;
	}
	100%{
		opacity:1;
	} 
}

.visible {
  opacity: 1;
  pointer-events: auto;
}

.hidden {
  opacity: 0;
  pointer-events: none;
}
/* =Menu
----------------------------------------------- */
#menu-wrap {
	width: 100vw;
	height: 80px;
	padding: 0;
  	margin: 0 0 0;
	background: #f3f3f3;
	contain: paint;
	z-index: 999;
	position: fixed;
	top: 0;
}
.home #menu-wrap {
	width: 100vw;
	height: 80px;
	padding: 0;
  	margin: calc(100vh - 80px) 0 0;
	background: #f3f3f3;
	contain: paint;
	z-index: 999;
	position: sticky;
	top: 0;
}
.main-navigation ul {
	margin: 0 0 0 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
}
.main-navigation li {
	float: none;
	position: relative;
	font-size: clamp(14px, 1vw, 16px);
	text-align: center;
	margin: 15px 0;
	padding: 10px 0;
}
.main-navigation li.home-link {
	background: url('https://polyphonic.me/2025/img/logo-999.png') no-repeat;
	background-size: cover;
	width: 310px;
	height: 50px;
	text-indent: -9999px;
	transition: all 0.4s ease;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	padding: 0 0;
	color: #999;
	font-family: 'Blair';
	line-height: 2.4;
}
.navigation {
	float: left;
	width: 100%;
	display: none;
}

/* Home Slider
----------------------------------------------- */
#masthead-wrap {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 0;
}
#masthead-wrap.slideshow-sp {
	display: none;
}
.flexslider {
	height: 100%;
	overflow: visible !important;
}
.flexslider .slides > li {
	background-position: center center;
}
#home-slider-wrap {
	width: 100%;
	height: 100%;
	max-width: 100%;
	position: absolute;
	top: 0;
	z-index: 0;
}
#home-slider .flex-direction-nav {
	display: none;
}
#home-slider {
	float: left;
	width: 100%;
	height:100%;
	max-height: 100%;
}
#home-slider .flex-caption .slider-caption {
	font-size: 0.8em;
	font-family: Blair;
}
.flex-caption {
	padding-bottom: 2% !important;
}
.flex-caption .home-slide-title {
	font-size: 5em;
	text-transform: uppercase;
	margin-bottom: 0.8em;
}
.flex-caption .home-slide-title a {
	text-decoration: none;
}
.flex-caption .slider-caption {
	padding-left: 20%;
}
.flex-caption .home-slide-title {
}

.flexslider ul.slides {
    width: 100%;
    margin-top: 1vw;
}
.flexslider .slides > li {
    clip-path: polygon(10% 0%, 99% 0%, 99% 75%, 82% 97%, 1% 97%, 1% 10%);
	height: 99.9vh;
}
.flexslider .slides > li img {
	width: 100vw !important;
	height: auto !important;
}
#home-slider .flex-caption {
	display: none;
}

/* =Home Contents
----------------------------------------------- */
#primary {
	width: 100%;
	margin: 0 0;
}
#content {
	width: 100%;
	margin: 30vh 0 0;
}
body.home #content {
	width: 100%;
	margin: 0 0 0;
}
.homepage-section {
	padding-top: 20vh;
	position: relative;
}

#concept-section {
	clear: both;
}

.section-title-name {
	clear: left;
	display: block;
	position: relative;
}

/* CONTACT Section
----------------------------------------------- */
#contact-section h2.section-title {
	text-align: center;
	font-size: 1.6vw;
	padding: 0 0 .5em;
}
#contact-section h2.section-title .section-title-name {
 	color: #999;
	font-family: 'Blair';
}
#contact-section article {
	padding-bottom: 0;
	width: 90%;
	margin: 0 auto;
}
.contact-content p {
	text-align: left;
}
.contact-content span {
	letter-spacing: 1px;
	color: #999;
	text-transform: uppercase;
	line-height: 2;
	font-size: 0.8em;
}
.contact-left {
	width: 48%;
	margin: 0 2% 0 0;
	float: left;
}
.contact-right {
	width: 48%;
	margin: 0 0 0 2%;
	float: left;
}
.contact-content input[type="text"],
.contact-content input[type="email"] {
	width: 100%;
	padding: 20px;
	background: #fff;
	border: none;
	margin-bottom: 35px;
	text-transform: none;
}
.contact-content textarea {
	width: 100%;
	padding: 20px;
	background: #fff;
	border: none;
	text-transform: none;
}
.contact-content p.contactbtn {
	text-align: center;
	clear: both;
}
.contact-content button {
	background: #fff;
	color: #999 !important;
	border: none;
	position: relative;
	height: 50px;
	font-size: 14px;
	letter-spacing: 4px;
	padding: 0 10em;
	cursor: pointer;
	transition: 800ms ease all;
	outline: none;
	margin-top: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
}
.contact-content button:hover{
	background: #f3f3f3;
	color: #999 !important;
}
.contact-content button:before,
.contact-content button:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 2px;
	width: 0;
	background: #fff;
	transition: 400ms ease all;
}
.contact-content button:after {
	right: inherit;
	top: inherit;
	left: 0;
	bottom: 0;
}
.contact-content button:hover:before,
.contact-content button:hover:after {
	width: 100%;
	transition: 800ms ease all;
}
div.wpcf7-mail-sent-ok {
	background: rgba(240,255,0,1) !important;
	text-align: center !important;
	border: none !important;
	padding: 1em;
}
.grecaptcha-badge {
	position: relative !important;
	bottom: 100px !important;
	right: auto !important;
	overflow: hidden;
	margin: 0 auto 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
.inv-recaptcha-holder .grecaptcha-badge {
	display:inline !important;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #ff99cc !important;
	color: #777 !important;
	text-align: center !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ff99cc !important;
	color: #777 !important;
	text-align: center !important;
}
.contact-content span.wpcf7-not-valid-tip {
	letter-spacing: 0;
	color: #ff99cc;
	text-transform: none;
	line-height: 1.4;
	font-size: 1em;
	margin-top: -2.5em;
	font-weight: bold;
}


/* CONTACT Section SP
----------------------------------------------- */
@media only screen and (max-width: 480px) {
	#contact-section article {
		width: 100%;
	}
	#contact-section h2.section-title {
		font-size: 4.4vw;
	}
	.contact-left {
		width: 100%;
		margin: 0px 0px 0px 0px;
		float: none;
	}
	.contact-right {
		width: 100%;
		margin: 0px 0px 0px 0px;
		float: none;
	}
}

/* OFFICE Section SP
----------------------------------------------- */
#office-section h2.section-title {
	text-align: center;
	font-size: 1.6vw;
	padding: 0 0 .5em;
}
#office-section h2.section-title .section-title-name {
 	color: #999;
	font-family: 'Blair';
}
#office-section article {
	padding-bottom:0;
	border-bottom:none;
}
.office-content p {
	line-height: 3;
	text-align: center;
	color: #888;
}
.adres-en {
	font-family: Blair;
	font-size: 0.8em;
	letter-spacing: 3px;
}
.adres-jp {
	font-family: Arial, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
	margin-bottom:0;
	letter-spacing:4px;
}
.office-content p a {
	color: #888;
}
.office-content p a:hover {
	color: #fff;
}

/* OFFICE Section SP
----------------------------------------------- */
@media only screen and (max-width: 480px) {
	#office-section h2.section-title {
		font-size: 4.4vw;
	}
}


/* =ABOUT Section
----------------------------------------------- */
#about-section {
	margin-top: -250vh;
}
#about-section h2.section-title .section-title-name {
  	text-align: center;
	font-size: 1.6vw;
	padding: 0 0 .5em;
	color: #999;
	font-family: 'Blair';
}
#about-section .about-content h2 {
	font-family: Arial, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
	font-size: 1.8em;
	letter-spacing: 5px;
	margin-bottom: 1em;
	padding-top: 2em;
	text-align: center;
	font-weight: normal;
	color: #777;
}
#about-section .about-content h3 {
	font-family: Arial, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
	font-size: 1.4em;
	letter-spacing: 3px;
	margin-bottom: 1em;
	padding-top: 2em;
	text-align: center;
	font-weight: bold;
	color: #777;
}
#about-section .about-content {
	font-family: Arial, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
	font-size: 1.0em;
	letter-spacing: 2px;
	line-height: 2;
	text-align: center;
	color: #777;
}

/* PROFILE Section
----------------------------------------------- */
body.page-profile .entry-content {
	margin: 1.5em 0px 0;
	display: flex;
}

.profile-img {
	width: 25%;
	margin: 15px 5% 0 0;
	font-family: Blair;
	font-size: 0.7em;
	letter-spacing: 1px;
	color: #777;
}
.profile-img img {
	width: 100%;
}
.profile-content {
	font-family: Arial, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
	width: 70%;
	margin-bottom: 0;
	letter-spacing: 2px;
	line-height: 2.4;
	color: #777;
}
.profile-content a span {
	font-family: Blair;
	color: #777;
}
.profile-content a {
	color: #777;
	background: rgba(255,255,2550,1);
}

/* =ABOUT Section SP
----------------------------------------------- */
@media only screen and (max-width: 480px) {
	#about-section h2.section-title .section-title-name {
		font-size: 4.4vw;
	}
	body.page-profile .entry-content {
		display: flex;
		flex-wrap: wrap;
	}
	.profile-img {
		width: 100%;
		margin: 0 0 2em 0;
		text-align: center;
	}
	.profile-img img {
		width: 50%;
		margin: 0 auto 5px;
		clear: both;
		display: block;
	}
	.profile-content {
		width: 100%;
	}
}

/* =PRIVACY Section
----------------------------------------------- */
body.page-privacy .entry-content {
	margin: 5em 0px 0;
}
body.page-privacy .entry-content p {
	color: #777;
}
body.page-privacy .entry-content h2 {
    margin: 50px 0 20px 0;
    padding: 10px 0 10px 20px;
	font-size: clamp(16px, 1.4vw, 18px);
    border-left: 10px solid #fff;
	color: #777;
	font-weight: bold;
}
body.page-privacy .entry-content ol {
    margin: 20px 0 0 20px
}

body.page-privacy .entry-content ul {
    margin: 20px 0 0 30px;
}

body.page-privacy .entry-content td ul {
    margin: 0;
}

body.page-privacy .entry-content ol li {
    position: relative;
    list-style: outside decimal;
    padding:  0 0 5px;
	color: #777;
}

body.page-privacy .entry-content li + li {
	margin-top: 15px;
}
body.page-privacy .entry-content ol li :first-child {
	margin-top: 0px;
}
body.page-privacy .entry-content ol li::marker {
    font-size: 130%;
    font-weight: 700;
    color: #aaa;
}
body.page-privacy .entry-content ol li ol {
    padding: 20px 0 0 20px;
}
body.page-privacy .entry-content a.contbtn {
	font-weight: bold;
	font-size: 1.2em;
}
body.page-privacy .entry-content a.contbtn span {
	color: #777;
}

/* =SERVICE Section
----------------------------------------------- */
#service-section {
}
#service-section h2.section-title .section-title-name {
  	text-align: center;
	font-size: 1.6vw;
	padding: 0 0 .5em;
	color: #999;
	font-family: 'Blair';
}
#service-section .about-content h3 {
	font-family: Arial, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
	font-size: 1.4em;
	letter-spacing: 3px;
	margin-bottom: 1em;
	padding-top: 2em;
	text-align: center;
	font-weight: bold;
	color: #777;
}
#service-section .about-content {
	font-family: Arial, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
	font-size: 1.0em;
	letter-spacing: 2px;
	line-height: 2;
	text-align: center;
	color: #777;
}
#service-section .about-content a {
	color: #777;
	border: 1px solid #888;
	border-radius: 4px;
	padding: 2px 4px;
	display: inline-block;
	margin-bottom: 10px;
}
#service-section .about-content a:hover {
	background: #777;
	color: #f3f3f3;
}

/* =SERVICE Section SP
----------------------------------------------- */
@media only screen and (max-width: 480px) {
	#service-section h2.section-title .section-title-name {
		font-size: 4.4vw;
	}
}

/* =SERVICE Section
----------------------------------------------- */
.wrapper.grid-3 {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
header.page-header {
	margin-bottom: 3em;
}
p.service-caps {
	font-family: Arial, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; 
	letter-spacing: 2px;
	line-height: 2;
	text-align: center;
	color: #777;
	padding-bottom: 5em;
}
/* grid5 col */
.archive .wrapper.grid-3 article {
    width: 30%;
	float: left;
	margin: 0 5% 5% 0;
}
.archive .wrapper.grid-3 article:nth-of-type(3n) {
	margin: 0 0 0 0;
}
.archive .wrapper.grid-3 article:nth-of-type(3n+1) {
	clear: left;
}
.archive h1.entry-title {
	margin-bottom: 0.2em;
	font-size: 0.8em;
	letter-spacing: 1px;
	text-align: left;
}
.archive h1.entry-title a {
	font-family: 'Blair';
	font-weight: normal;
	color: #999;
}
body.web.archive .entry-content,
body.flyer.archive .entry-content,
body.poster.archive .entry-content,
body.leaf.archive .entry-content,
body.menus.archive .entry-content,
body.cards.archive .entry-content,
body.package.archive .entry-content,
body.food.archive .entry-content,
body.product.archive .entry-content,
body.portrait.archive .entry-content,
body.fashion.archive .entry-content,
body.bridal.archive .entry-content,
body.sns.archive .entry-content,
body.others.archive .entry-content {
	margin: 0 0 0;
}
body.web.archive .entry-content figure,
body.flyer.archive .entry-content figure,
body.poster.archive .entry-content figure,
body.leaf.archive .entry-content figure,
body.menus.archive .entry-conten figuret,
body.cards.archive .entry-content figure,
body.package.archive .entry-content figure,
body.food.archive .entry-content figure,
body.product.archive .entry-content figure,
body.portrait.archive .entry-content figure,
body.fashion.archive .entry-content figure,
body.bridal.archive .entry-content figure,
body.sns.archive .entry-content figure,
body.others.archive .entry-conten figure {
	margin-bottom: 0;
}
body.web.archive .entry-content .works-caps-wrapper,
body.flyer.archive .entry-content .works-caps-wrapper,
body.poster.archive .entry-content .works-caps-wrapper,
body.leaf.archive .entry-content .works-caps-wrapper,
body.menus.archive .entry-content .works-caps-wrapper,
body.cards.archive .entry-content .works-caps-wrapper,
body.package.archive .entry-content .works-caps-wrapper,
body.food.archive .entry-content .works-caps-wrapper,
body.product.archive .entry-content .works-caps-wrapper,
body.portrait.archive .entry-content .works-caps-wrapper,
body.fashion.archive .entry-content .works-caps-wrapper,
body.bridal.archive .entry-content .works-caps-wrapper,
body.sns.archive .entry-content .works-caps-wrapper,
body.others.archive .entry-content .works-caps-wrapper {
	margin-top: 0.5em;
}
body.web.archive article.works-lead,
body.flyer.archive article.works-lead,
body.poster.archive article.works-lead,
body.leaf.archive article.works-lead,
body.menus.archive article.works-lead,
body.cards.archive article.works-lead,
body.package.archive article.works-lead,
body.food.archive article.works-lead,
body.product.archive article.works-lead,
body.portrait.archive article.works-lead,
body.fashion.archive article.works-lead,
body.bridal.archive article.works-lead,
body.sns.archive article.works-lead,
body.others.archive article.works-lead {
	display: none;
}
body.web.archive article.works-caps,
body.web.archive article.works-caps,
body.flyer.archive article.works-caps,
body.poster.archive article.works-caps,
body.leaf.archive article.works-caps,
body.menus.archive article.works-caps,
body.cards.archive article.works-caps,
body.package.archive article.works-caps,
body.food.archive article.works-caps,
body.product.archive article.works-caps,
body.portrait.archive article.works-caps,
body.fashion.archive article.works-caps,
body.bridal.archive article.works-caps,
body.sns.archive article.works-caps,
body.others.archive article.works-caps {
	width: 100%;
	padding: 0 0;
	border-top: none;
	border-bottom: 5px solid #fff;
	text-align: left;
	margin: 0;
}
body.web.archive article.credit-lead,
body.flyer.archive article.credit-lead,
body.poster.archive article.credit-lead,
body.leaf.archive article.credit-lead,
body.menus.archive article.credit-lead,
body.cards.archive article.credit-lead,
body.package.archive article.credit-lead,
body.food.archive article.credit-lead,
body.product.archive article.credit-lead,
body.portrait.archive article.credit-lead,
body.fashion.archive article.credit-lead,
body.bridal.archive article.credit-lead,
body.sns.archive article.credit-lead,
body.others.archive article.credit-lead {
	display: none;
}
body.web.archive article.credit,
body.flyer.archive article.credit,
body.poster.archive article.credit,
body.leaf.archive article.credit,
body.menus.archive article.credit,
body.cards.archive article.credit,
body.package.archive article.credit,
body.food.archive article.credit,
body.product.archive article.credit,
body.portrait.archive article.credit,
body.fashion.archive article.credit,
body.bridal.archive article.credit,
body.sns.archive article.credit,
body.others.archive article.credit {
	display: none;
}
body.web.archive p.webbtn-p,
body.flyer.archive p.webbtn-p,
body.poster.archive p.webbtn-p,
body.leaf.archive p.webbtn-p,
body.menus.archive p.webbtn-p,
body.cards.archive  p.webbtn-p,
body.package.archive p.webbtn-p,
body.food.archive p.webbtn-p,
body.product.archive p.webbtn-p,
body.portrait.archive p.webbtn-p,
body.fashion.archive p.webbtn-p,
body.bridal.archive p.webbtn-p,
body.sns.archive p.webbtn-p,
body.others.archive p.webbtn-p {
	display: none;
}

/* SERVICE Section SP
----------------------------------------------- */
@media only screen and (max-width: 480px) {
	.archive .wrapper.grid-3 article {
		width: 100%;
		float: none;
		margin: 0 0 10% 0;
	}
	.archive .wrapper.grid-3 article:nth-of-type(3n) {
		margin: 0 0 10% 0;
	}
}

/* =WORKS Section
----------------------------------------------- */
#work-section {
	width: 90%;
	margin: 0 auto;
	clear: both;
}
#work-section h2.section-title {
  	text-align: center;
	font-size: 1.6vw;
	padding: 0 0 .5em;
}
#work-section h2.section-title a {
 	color: #999;
	font-family: 'Blair';
}
#work-section .wrapper.grid-4 {
	display: inline-block;
    width: 100%;
}
#work-section .wrapper.grid-4 article {
	vertical-align: top;
	float: left;
	padding: 0;
	width: 23%;
	margin: 0 2.6% 2% 0;
	position: relative;
}
#work-section .wrapper.grid-4 article:nth-of-type(4n) {
	margin:0 0 2% 0;
}
#work-section .wrapper.grid-4 article:nth-of-type(4n+4) {
	margin-right: 0;
}
#work-section .wrapper.grid-4 article:nth-of-type(4n+1) {
	clear: left;
}
.hover-overlay {
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	overflow: hidden;
}
.hover-overlay:hover {
	opacity: 1;
}
.hover-overlay .hover-link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
}
.hover-overlay .post-meta {
	padding: 0 0 3% 3%;
	bottom: 0;
	position: absolute;
	z-index: 2;
	text-align: left;
}
.hover-overlay .entry-title {
	font-size: 1.0em;
	margin-bottom: 0;
}
.hover-overlay .entry-title a, .hover-overlay .post-categories a {
	text-decoration: none;
	color: #fff;
	font-family: 'Blair';
}
.hover-overlay .entry-title a:hover, .hover-overlay .post-categories a:hover {
}
.hover-overlay .post-categories {
	font-size: 0.7em;
	color: #fff;
}
.entry-image, .entry-image img {
	margin: 0 auto;
	display: block;
	width: 100%;
}
#work-section article .entry-image, #work-section article .entry-image img {
	width: 100%;
	float: left;
	height: auto;
	margin-bottom: 0;
}
.archive .entry-image, .grid-3 .entry-image, .grid-4 .entry-image {
	margin-bottom: 0.5em;
	position: relative;
}

p.contbtn-p {
	text-align: center;
	margin-top: 2em;
}
.contbtn {
	position: relative;
	display: inline-block;
	padding: 6px 20px;
	font-size: 1.0vw;
	background: rgba(0,0,0,0);
	font-family: 'Blair';
	text-transform: uppercase;
	letter-spacing: 0.2vw;
	z-index: 1;
	overflow: hidden; /* ←擬似要素がはみ出さないように */
}
.contbtn span {
	position: relative;
	font-family: 'Blair';
	color: #999;
	z-index: 2; /* ←テキストを前面に */
}
.contbtn::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	content: "";
	background-color: #fff;
	transition: 0.3s;
	z-index: 1; /* ←テキストより背面に */
}
.contbtn:hover::after {
	width: 100%;
}

/* =WORKS Section SP
----------------------------------------------- */
@media only screen and (max-width: 480px) {
	.home #main,
	.archive #main,
	.single #main,
	.page #main {
		width: 100%;
		margin: 0 auto;
	}
	#about-section {
		margin-top: -340vh;
	}
	#about-section,
	#service-section,
	.home #main #work-section,
	.archive #main #work-section,
	.single #main #work-section,
	.page #main #work-section,
	#office-section,
	#contact-section {
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
	}
	#work-section h2.section-title {
		font-size: 4.4vw;
	}
	#work-section .wrapper.grid-4 article {
		width: 100%;
		margin: 0 0 5%;
	}
	#work-section .wrapper.grid-4 article:nth-of-type(2n) {
		margin-right: 0;
	}
	#work-section .wrapper.grid-4 article:nth-of-type(4n) {
		margin-bottom: 5%;
	}
	.hover-overlay {
		opacity: 1;
	}
	.contbtn {
		font-size: 3vw;
	}
}

/* =WORKS Archive
----------------------------------------------- */
.wrapper.grid-5 {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
header.page-header {
	margin-bottom: 3em;
}
/* grid5 col */
.archive .wrapper.grid-5 {
}
.archive .wrapper.grid-5 article {
    width: 18.4%;
	float: left;
	margin: 0 2% 2% 0;
}
.archive .wrapper.grid-5 article:nth-of-type(5n) {
	margin: 0 0 0 0;
}
.archive .wrapper.grid-5 article:nth-of-type(5n+1) {
	clear: left;
}
.archive .entry-header .entry-meta {
	font-size: 0.8em;
	font-style: normal;
	font-family: 'Blair';
	text-align: left;
	padding-bottom: 0.5em;
	color: #999;
}
.archive .entry-header .entry-meta .post-categories,
.archive .entry-header .entry-meta .post-categories a {
	font-size: 0.8em;
	font-style: normal;
	font-family: 'Blair';
	text-align: left;
	padding-bottom: 0.5em;
	color: #999;
}
.archive h1.page-title {
	margin-bottom: 0;
	text-align: center;
}
.archive h1.page-title span {
	font-family: 'Blair';
	font-weight: normal;
	color: #999;
	text-transform: uppercase;
	font-size: 1.6vw;
	letter-spacing: 0.2vw;
}
#main.grid-5.portfolio-category {
	width: 90%;
	margin: 0 auto;
}
#main.grid-5.portfolio-category article {
    float: left;
    width: 18%;
}
#main.grid-5.portfolio-category article:nth-of-type(5n) {
}
.archive h1.entry-title {
	margin-bottom: 0.2em;
	font-size: 0.8em;
	letter-spacing: 1px;
	text-align: left;
}
.archive h1.entry-title a {
	font-family: 'Blair';
	font-weight: normal;
	color: #999;
}

/* =WORKS Archive SP
----------------------------------------------- */
@media only screen and (max-width: 480px) {
	.wrapper.grid-5 {
		width: 90%;
		margin: 0 auto;
	}
	.archive h1.page-title span {
		font-size: 4.4vw;
	}
	.archive .wrapper.grid-5 article {
		width: 49%;
		margin-right: 2%;
	}
	.archive .wrapper.grid-5 article:nth-of-type(2n) {
		margin-right: 0;
	}
	.archive .wrapper.grid-5 article:nth-of-type(5n) {
		margin-right: 2%;
	}
	.archive .wrapper.grid-5 article:nth-of-type(10n) {
		margin-right: 0;
	}
	.archive.works .grid-5 article.hentry {
		padding-bottom: 0;
	}
}

/* =WORKS Single
----------------------------------------------- */
article.hentry {
	width: 70%;
    margin: 0 auto 3.5em;
    padding-bottom: 0;
}
.single.works .entry-meta,
.single.design .entry-meta,
.single.graphic .entry-meta,
.single.webdesign .entry-meta,
.single.photograph .entry-meta {
	display: none;
}
h1.entry-title, h1.page-title {
	font-size: 1.6vw;
	margin-bottom: 0;
	font-family: 'Blair';
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.2vw;
	color: #999;
	text-transform: uppercase;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 15% 0;
}
.entry-content figure {
	margin-bottom: 5vh;
}
.entry-content p {
	font-size: clamp(14px, 1vw, 16px);
	line-height: 1.8;
}
p.webbtn-p {
  text-align: center;
  margin-top: 2em;
}
.webbtn {
	position: relative;
	display: inline-block;
	padding: 2px 20px;
	font-size: 1.4vw;
	background: #f3f3f3;
	font-family: 'Blair';
	text-transform: uppercase;
	letter-spacing: 0.2vw;
	z-index: 1;
	overflow: hidden; /* ←擬似要素がはみ出さないように */
}
.webbtn span {
	position: relative;
	font-family: 'Blair';
	color: #999;
	z-index: 2; /* ←テキストを前面に */
}
.webbtn::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	content: "";
	background-color: #fff;
	transition: 0.3s;
	z-index: 1; /* ←テキストより背面に */
}
.webbtn:hover::after {
	width: 100%;
}
.works-caps-wrapper {
	margin-top: 4em;
	display: flex;
	flex-wrap: wrap;
}
article.works-lead {
	font-size: 0.9em;
	line-height: 2.4;
	text-align: left;
	font-family: 'Blair';
	text-transform: uppercase;
	letter-spacing: 0;
	color: #999;
	width: 20%;
	padding: 10px 0;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
}
article.works-caps {
	font-size: clamp(12px, 0.8vw, 14px);
	line-height: 2;
	text-align: left;
	color: #666;
	width: 80%;
	padding: 10px 0;
	border-top: 10px solid #fff;
	border-bottom: 10px solid #fff;
}
article.credit-lead {
	font-size: 0.9em;
	line-height: 2.4;
	text-align: left;
	font-family: 'Blair';
	text-transform: uppercase;
	letter-spacing: 0;
	color: #999;
	width: 20%;
	padding: 10px 0 10px;
	border-bottom: 10px solid #fff;
}
article.credit {
	font-size: 0.7em;
	line-height: 2.4;
	text-align: left;
	font-family: 'Blair';
	text-transform: uppercase;
	letter-spacing: 0;
	color: #999;
	width: 80%;
	padding: 10px 0 10px;
	border-bottom: 10px solid #fff;
}

/* =WORKS Single SP
----------------------------------------------- */
@media only screen and (max-width: 480px) {
	h1.entry-title, h1.page-title {
		font-size: 4.4vw;
	}
	article.hentry {
		width: 90%;
	}
	.page-content,
	.entry-content,
	.entry-summary {
		margin: 1.5em 0 0;
	}
	.webbtn {
		font-size: 3.6vw;
	}
	.works-caps-wrapper {
		margin-top: 3em;
	}
	article.works-lead {
		width: 100%;
		border-bottom: none;
		padding-bottom: 0;
	}
	article.works-caps {
		width: 100%;
		border-top: none;
		padding-top: 0;
	}
	article.credit-lead {
		width: 100%;
		border-bottom: none;
		padding-bottom: 0;
	}
	article.credit {
		width: 100%;
		padding-top: 0;
	}
}

/* =Content Image Slider
----------------------------------------------- */
#home-slider-wrap7 {
	width: 100%;
	height:100%;
	max-width: 100%;
	position: fixed;
	top: 0;
	z-index:0;
}
#home-slider7 .flex-direction-nav {
	display: none;
}
#home-slider7 {
	float: left;
	width: 100%;
	height:100%;
	max-height: 100%;
}
#home-slider7 .flex-caption .slider-caption {
	font-size: 0.8em;
	font-family: Blair;
}

/* SP
----------------------------------------------- */
@media only screen and (max-width: 480px) {	
	body {
		overflow-x: visible;
	}
	.home #menu-wrap {
		height: 90px;
		padding: 15px 0;
		margin: 80vh 0 0;
	}
	#menu-wrap {
		width: 100vw;
        height: 110px;
        padding: 20px 0;
        margin: 0 0 0;
        background: #f3f3f3;
        contain: paint;
        z-index: 999;
        position: fixed;
        top: 0;
	}
	.main-navigation {
		width: 100%;
		left: 0;
	}
	.main-navigation ul {
		display: inline-block;
	}
	.main-navigation li {
		position: relative;
		text-align: center;
		margin: 0;
		padding: 0.5em 0.7em 0;
		float: left;
	}
	.main-navigation li.home-link {
		width: 50vw;
        height: 10vw;
        background: url('https://polyphonic.me/2025/img/logo-999.png') no-repeat;
        background-position: center top;
        background-size: 100%;
        margin: 0 25vw;
	}
	.main-navigation a {
		font-size: 3vw;
	}
	.home.has-home-slideshow h1.site-title img {
		width: 50vw;
	}
	.logo-fixed {
		top: 20vh;
		left: 25vw;
		position: absolute;
	}
	.topmessage {
		top: 30vh;
		left: 0;
		width: 100vw;
	}
	.topmessage ul li {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 6vw;
		color: #fff;
		text-align: center;
		text-indent: 0.8em;
	}
	#content {
		width: 100%;
		margin: 30vh 0 0;
	}
	.single #content,
	.page #content,
	.archive #content{
		width: 100%;
		margin: 20vh 0 0;
	}
	.no-sidebar #primary {
		width: 100%;
	}

	.archive #page,
	.single #page {
		margin: 0 auto 0;
	}
	
	#masthead-wrap {
		top: 5vh;
		left: 0px;
		position: absolute;
		height: 70vh;
	}
	#masthead-wrap.slideshow-pc {
		display: none;
	}
	#masthead-wrap.slideshow-sp {
		display: block;
	}
	.flexslider ul.slides {
		width: 100%;
		margin-top: 1vw;
	}
	.flexslider .slides > li {
		clip-path: polygon(20% 1%, 98% 1%, 98% 80%, 70% 97%, 2% 97%, 2% 10%);
		height: 80vh;
	}
	.flexslider .slides > li img {
		width: 100% !important;
		height: auto !important;
	}

	h2.home-slide-title {
		writing-mode: horizontal-tb;
  		-webkit-writing-mode: horizontal-tb;
 		-ms-writing-mode: horizontal-tb;
		position: absolute;
		top: 81vh;
		left: 5%;
		max-width: 90%;
		height: 0.8em;
		font-size: 4.2em;
		letter-spacing: -5px;
		overflow: hidden;
	}
	p.slider-caption {
		padding-left: 0;
		position:relative;
		top:101%;
		left: 6%;
		max-width:89%;
	}
	
	body.non-touch-screen #home-slider-wrap,
	#home-slider-wrap {
		position:absolute;
	}
	
	.page-page {
    	width: 80%;
    	border: 1px #eee solid;
    	position: absolute;
	}
}


/* =Content
----------------------------------------------- */

.sticky {
}

.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
	font-style: italic;
}
.author, .vcard {
	font-style: normal;
}
.archive .entry-content {
	margin: 1.5em 0 0;
}
.team-page .entry-content {
	margin-top: 0.5em;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	margin: 2em 0 3em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.error404 .search-form {
	margin-bottom: 3em;
}
#homewidgets {
	width: 94%;
	float: left;
	padding: 4em 3% 2em 3%;
	text-align: center;
}
#homewidgets .widget {
	margin: 2em 0 4em 0;
}
.action-button .button, .slide-button .button, .nav-links a, .slide-button a {
	padding: 0.5em 1.5em;
	margin-top: 1.5em;
	text-decoration: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.5em;
}
.slide-button {
	float: right;
	position: relative;
	opacity: 0;
}
.slide-button a {
	margin-top: 0;
}
.action-button .button:hover, .slide-button .button:hover, .slide-button a:hover {
}
.nav-links a {
	font-size: 1em;
	text-transform: none;
	margin: 0;
	border: 0;
	padding: 0.8em 1.5em;
}
.nav-links a:hover {
}
.widget_actionwidget {
}
#homewidgets .widget-title {
	text-transform: uppercase;
	font-size: 4em;
	margin-bottom: 0.2em;
}
.widget_actionwidget .action-text {
}
.widget_actionwidget h3.button-title {
	margin: 0;
	padding: 0;
}
#custom-header-image {
	width:100%;
	float:left;
}
#custom-header-image img {
	float:left;
	width:100%;
}

/* =FOOTER
----------------------------------------------- */
#colophon {
	width: 100%;
	padding: 0 0 15vh;
	float: left;
}
.site-info {
	font-size: 0.5em;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 2px;
	color: #222;
	position: absolute;
	left: 20px;
	bottom: 11vh;
	-webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
	z-index: 11;
	white-space: nowrap;
}
.home .site-info {
	color: #fff;
}
#colophon h3.widget-title {
	text-transform: uppercase;
	font-size: 2em;
}
p.copy {
	text-align: center;
	font-family: 'Blair';
	font-weight:normal;
	font-size: 0.7em;
	color: #999;
	padding-top: 8em;
	text-transform: uppercase;
}

/* ------------------------ ADDRESS ------------------------ */

h1.address-title {
	font-family: 'Blair';
	font-weight:normal;
	font-size:1.2em;
	line-height:1.5;
	letter-spacing:5px;
	padding:0;
	margin:1em 0 0;
	text-align:center;
}
h1.address-title span {
	font-size:0.5em;
}
h1.address-title a {
	color: #222;
}
h1.address-title2 {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size: 4em;
	line-height:0.9;
	letter-spacing: -4px;
	text-align:center;
	margin:0 0 0;
}
h1.address-title2 span {
	font-size: 0.27em;
	letter-spacing: -1px;
}
h1.address-title2 a {
	color: #222;
}
.addres-box {
	font-family: 'Roboto', sans-serif;
	font-size:1.0em;
	line-height:1.5;
	letter-spacing:2px;
	text-align:center;
}
.addres-box ul {
	margin:0;
	padding:0;
}
.addres-box ul li {
	list-style:none;
	font-size:3em;
}
.addres-box ul li a.privacy {
	font-size: clamp(11px, 0.8vw, 14px);
	color: #999;
	font-family: 'Blair';	
}
a.cp_btn {
	display: inline-block;
	width: auto;
	padding: 0.4em 1em;
	text-align: center;
	text-decoration: none;
	color: #222;
	border: 1px solid #222;
	border-radius: 3px;
	transition: .4s;
	font-family: 'Roboto', sans-serif;
	font-size: 0.7em;
}
a.cp_btn:hover {
	background: #222;
	color: #fff;
}



/* ------------------------ Smooth Link ------------------------ */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index:888;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #ccc;
	border-radius: 50px;
	text-align: center;
	color: #fff !important;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
	filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;
}


/* ------------------------ RAYOUT ------------------------ */
#page {
	width: 100%;
	padding: 0;
	overflow:visible;
	clear: both;
	display: block;
}
.single #page,
.page #page {
	margin: 10em 0 0;
}
.archive #page {
	margin: 10em 0 0;
}

.section-title-top {
	font-size: 0.5em;
	margin-bottom: 1em;
	display: inline-block;
	padding: 5px 0;
	text-transform: none;
	font-style: italic;
}
.section-title-top p {
	margin-bottom: 0;
	font-size: 0.5em;
	line-height: 1.5em;
}

/* Services Section */
#services-section .wrapper {
	width: 100%;
	float: left;
	position: relative;
}
#services-section article {
	border-right: 0;
	border-top: 0;
}
#services-section .entry-title {
	text-align: center;
	font-size: 1.4em;
	margin: 1em 0;
}
#services-section .entry-title a {
	text-decoration: none;
}
#services-section .entry-title a:hover {
}
#services-section article .entry-image {

}
#services-section article .entry-image img {
	display: block;
	margin: 0 auto;
}
#services-section .entry-title a {
	color: #222;
}
#services-section .entry-title a:hover {
	color: #5d879c;
}

/* Clients Section */
#clients-section article {
	width: 18%;
	float: left;
	margin-right: 2.5%;
}
#clients-section article:nth-of-type(5n+5) {
	margin-right: 0;
}
#clients-section .entry-image img {
	margin: 0 auto;
	display: block;
	width: auto;
	float: none;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	opacity: 0.7;
}
#clients-section .entry-image img:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	opacity: 1;
}

/* Testimonials */
#testimonials-section article {
	float: left;
	width: 100%;
	margin-top: 3em;
	margin-bottom: 0;
}
#testimonials-section article .entry-title a {
	text-decoration: none;
}
#testimonials-section article .entry-image {
	width: 35%;
	float: right;
}

#testimonials-section article .entry-image img {
	float: left;
	width: 100%;
	height: auto;
}
#testimonials-section article:nth-child(even) .entry-image {
	float: left;
	margin-left: -20%;
}

#testimonials-section article .entry-title {
	text-align: right;
	margin-bottom: 0;
	margin-right:5%;
}
#testimonials-section article .post-meta {
	float: left;
	width: 65%;
	position: relative;
}

#testimonials-section article:nth-child(even) .post-meta {
	float: right;
	width: 65%;
	position: relative;
}
#testimonials-section article .testimonial-text {
	padding: 10%;
	border-radius: 100%;
	width: 58%;
	margin-left: 10%;
	text-align: center;
}
#testimonials-section article:nth-child(even) .testimonial-text {
	margin-right: 10%;
	margin-left: 0;
	float: right;
}
#testimonials-section article .testimonial-text p {
	font-style: italic;
	font-size: 1.5em;
}
#testimonials-section article .testimonial-bubble {
	border-radius: 100%;
	padding: 40px;
	bottom: 3%;
	right: 6%;
	position: absolute;
}
#testimonials-section article:nth-child(even) .testimonial-bubble {
	left: 6%;
	right: auto;
}
#testimonials-section article .testimonial-small-bubble {
	border-radius: 100%;
	padding: 20px;
	bottom: -2%;
	right: 0%;
	position: absolute;
}
#testimonials-section article:nth-child(even) .testimonial-small-bubble {
	left: 0;
	right: auto;
}

.archive article, .search article, .grid-3 article {
	text-align: center;
}
.search article h1.entry-title {
	margin-bottom: 0.2em;
	font-size: 1.0em;
	letter-spacing: 3px;
}
.search h1.entry-title a {
	color:#222;
}
.search h1.entry-title a:hover, .grid-3 h1.entry-title a:hover {
}
footer.entry-meta {
	padding: 1em 0;
}
.footer-entry-wrap {
	float: left;
	padding-top: 0.5em;
}
.entry-meta a {
	font-style: normal;
	text-transform: uppercase;
}
.archive footer.entry-meta {
	display: none;
}

#secondary {
	float: left;
	width: 20%;
	margin-left: 5%;
}
#secondary .widget {
	margin-bottom: 3em;
}






.single .site-header .site-branding, .page .site-header .site-branding {
	position: absolute;
	top: 45px;
	left: 6%;
	z-index: 10;
}
.single .site-header .main-navigation, .page .site-header .main-navigation {
	clear: both;
	display: block;
	z-index:10;
	position:absolute;
	top:0;
	left:0;
}
.single .site-header h1.site-title, .page .site-header h1.site-title {
	font-size:3em;
	letter-spacing:-2px;
	margin:0;
}
.single .site-header h1.site-title span.lastname, .page .site-header h1.site-title span.lastname {
	display:inline;
}
.single .site-header .site-description, .page .site-header .site-description {
	font-size: 0.8em;
	line-height:2;
	display: block;
	letter-spacing:1px;
	margin:1em 0 0;
	text-indent:30px;
}

.archive .site-header .site-branding {
	position: absolute;
	top: 45px;
	left: 6%;
	z-index: 10;
}
.archive .site-header .main-navigation {
	clear: both;
	display: block;
	z-index:10;
	position:absolute;
	top:150px;
	left:6%;
}
.archive .site-header h1.site-title {
	font-size:3em;
	letter-spacing:-2px;
	margin:0;
}
.archive .site-header h1.site-title span.lastname {
	display:inline;
}
.single .site-header .site-description,
.page .site-header .site-description,
.archive .site-header .site-description {
	font-size: 0.8em;
	line-height:2;
	display: block;
	letter-spacing:1px;
	margin: 0 0;
	text-indent:0;
}


#secondary h1.widget-title {
	text-transform: uppercase;
	font-size: 1.5em;
}

.single-format-image .entry-image {
	float: left;
	width: 70%;
	margin-right: 3%;
	position: relative;
}
.entry-image.fullscreen {
	width: 100%;
}
.entry-image.fullscreen .featured-image-caption {
	display: none;
}
.entry-image.fullscreen img {
	max-height: 100%;
}
.image-fullscreen, .flex-full-screen {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	cursor: pointer;
}
.image-fullscreen:hover, .flex-full-screen:hover {
}
.entry-image.fullscreen .image-fullscreen:hover, .flexslider.flexslider-fullscreen .flex-full-screen:hover {
	background: transparent;
}
.featured-image-caption {
	font-style: italic;
	padding: 0.5em 3%;
	float: left;
	width: 94%;
	position: absolute;
	bottom: 0;
}
.image-entry-content {
	float: right;
	width: 27%;
}

.single-format-gallery .flexslider {
	margin-bottom: 2em;
}
.single-format-gallery .flexslider .slides {
	float: left;
	width: 70%;
	margin-right: 3%;
}
.flexslider.flexslider-fullscreen {
	margin: 0;
	height: 100% !important;
}
.flexslider.flexslider-fullscreen .flex-caption, .flexslider.flexslider-fullscreen .flexslider-grid {
	display: none;
}
.flexslider.flexslider-fullscreen .slides, .single-format-gallery .flexslider.flexslider-fullscreen .flex-direction-nav {
	width: auto;
}
.flexslider.flexslider-fullscreen .slides img {
	width: auto;
	max-height: 100%;
	margin: 0 auto;
}
.flexslider-fullscreen .slides:after {
	width: 100%;

 }
.flexslider-fullscreen, .flexslider-fullscreen .slides, .flexslider-fullscreen .slides li, .flexslider-fullscreen .slides li img {

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;

	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.flexslider-fullscreen .flex-direction-nav {
	position: static !important;
}
.single-format-gallery .flexslider .flexslider-grid {
	float: right;
	width: 27%;
	margin: 0;
	list-style: none;
	overflow-x: hidden;
	overflow-y: auto;
}
.single-format-gallery .flexslider .flexslider-grid li {
	margin-bottom: 8%;
	width: 25%;
	margin-right: 8%;
}
.single-format-gallery .flexslider .flexslider-grid li:hover {
	cursor: pointer;
	opacity: 0.8;
}
.single-format-gallery .flexslider .flexslider-grid li img {
	width: 100%;
	height: auto;
	float: left;
}
.single-format-gallery .flexslider .flex-direction-nav {
	width: 70%;
	position: absolute;
	top: 47%;
}

span.post-format-icon {
	position: absolute;
	left: 0;
	padding: 0.5em;
	top: 0;
	line-height: 1em;
	z-index: 2;
	display: none;
}
.blog-category span.post-format-icon, .portfolio-category span.post-format-icon, .blog-page span.post-format-icon {
	display: block;
}
.portfolio-category .entry-content {
	display: none;
}

.archive .portfolio-category article {
	margin-bottom: 2%;
}


/* Blog Section */
#blog-section article, #primary.blog-page-list article {
	float: left;
	width: 100%;
	margin: 0;
	text-align: left;
}
#primary.blog-page-list article {
	margin-bottom: 3em;
}
#blog-section .entry-image, #primary.blog-page-list .entry-image {
	float: left;
	width: 45%;
	margin-right: 5%;
	position: relative;
}

#blog-section .entry-image img, #primary.blog-page-list .entry-image img {
	width: 100%;
	height: auto;
}
#blog-section .entry-content, #primary.blog-page-list .entry-content {
	float: left;
	width: 50%;
	margin: 0;
	position:relative;
}

#blog-section .entry-title, #primary.blog-page-list .entry-title {
	text-transform: uppercase;
	font-size: 2.5em;
	margin: 0 0 0.5em 0;
}
#blog-section .entry-title a {
}
#blog-section .entry-title a:hover {
}
#blog-section .entry-meta, #primary.blog-page-list .entry-meta {
	margin-bottom: 1em;
}
/*******************************
COLUMN
*******************************/
#services-section article {
	width: 24%;
	padding: 4%;
	margin-bottom: 2%;
}
#services-section article:hover {
}
#services-section article .entry-image img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
#services-section article:hover .entry-image img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	filter: grayscale(0);
}
#services-section article:hover .entry-title a {
}
#services-section article p {
	margin-bottom: 0;
}
#work-section article:nth-of-type(3n+3), #services-section article:nth-of-type(3n+3) {
	margin-right: 0;
}

.fullwidth .article {
	display: inline-block;
	width: 100% !important;
	margin-left: 0 !important;
}
/* grid4 col */
.grid-4 article {
	float:left;
	width: 21%; /* 256px / 1024px */
	margin:0 5% 2% 0;
}
.grid-4 article:nth-of-type(4n) {
	margin:0 0 2% 0;
}
/* grid3 col */
.grid-3 .col {
	display: inline-block;
	width: 33.333333333333333%; /* 341.3333333px / 1024px */
}
/* grid2 col */
.grid-2 .col {
	display: inline-block;
	width: 50%; /* 512px / 1024px */
}
/* clear col */
.grid-4 article:nth-of-type(4n+1),
.grid-3 article:nth-of-type(3n+1),
.grid-2 article:nth-of-type(2n+1) {
}


/* Preloader */
#preloader {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #FFF;
	z-index: 999;
}

#spinner {
	position: relative;
	height: 35px;
	width: 35px;
	top: 50%;
	margin-bottom: -12px;
	margin: 0 auto;
	border: 3px solid rgba(226, 226, 226, 0.75);
	border-radius: 100%;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
}
#spinner:before {
	content: "";
	display: block;
	position: absolute;
	left: -3px;
	top: -3px;
	height: 100%;
	width: 100%;
	border-top: 3px solid rgba(0,0,0,1);
	border-left: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-right: 3px solid transparent;
	border-radius: 100%;
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

/* =Responsiveness: Readers
----------------------------------------------- */

@media screen and (max-width: 1500px) {
	.home #menu-wrap:before {
		width: 180%;
		height: 120%;
		margin: 0% 0 0;
	}

}


@media screen and (max-width: 800px) {
}

/* iPads （縦と横向き ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.home #menu-wrap:before {
		width: 200%;
		height: 120%;
	}
}


/* =Responsiveness: Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

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

}


/* =Responsiveness: Mobile (Portrait)
================================================== */


/* =Responsiveness: Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

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

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

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


/* Parallax effect for non touch sceen devices only */
	
	/* in view animations */
	body.non-touch-screen #testimonials-section article .entry-image {
		margin-right: -20%;
		opacity:0;
	}
	body.non-touch-screen #testimonials-section article.in-view .entry-image {
		opacity:1;
		margin-right:-3%;
		 transition: all 0.4s ease-in;
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
	 }

	body.non-touch-screen #testimonials-section article.in-view:nth-child(even) .entry-image {
		margin-left:-3%;
		opacity:1;
		transition: all 0.4s ease-in;
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
	 }

	body.non-touch-screen #testimonials-section article .post-meta {
		opacity:0;
	}
	body.non-touch-screen #testimonials-section article.in-view .post-meta {
		opacity:1;
		transition: all 0.4s ease-in;
		-webkit-transition: all 0.4s ease-in;
		-moz-transition: all 0.4s ease-in;
		-o-transition: all 0.4s ease-in;
	}
	body.non-touch-screen #blog-section .entry-image,
	body.non-touch-screen #primary.blog-page-list .entry-image {
		left:-100px;
	}
	body.non-touch-screen #blog-section .in-view .entry-image,
	body.non-touch-screen #primary.blog-page-list .in-view .entry-image {
		left:0;
		transition: left 0.3s ease-in;
		-webkit-transition: left 0.3s ease-in;
		-moz-transition: left 0.3s ease-in;
		-o-transition: left 0.3s ease-in;
	}
	body.non-touch-screen #blog-section .entry-content,
	body.non-touch-screen #primary.blog-page-list .entry-content {
		right:-150px;
	}
	body.non-touch-screen #blog-section .in-view .entry-content,
	body.non-touch-screen #primary.blog-page-list .in-view .entry-content {
		right:0;
		transition: right 0.2s ease-in;
		-webkit-transition: right 0.2s ease-in;
		-moz-transition: right 0.2s ease-in;
		-o-transition: right 0.2s ease-in;
	}

	body.non-touch-screen #testimonials-section article {
		opacity:0;
	}
	body.non-touch-screen #testimonials-section article.in-view {
		opacity:1;
		transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
	}

	body.non-touch-screen .in-view {
		transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
	}

	body.non-touch-screen.home article,
	body.non-touch-screen.archive article,
	body.non-touch-screen .blog-page article,
	body.non-touch-screen .action-button,
	body.non-touch-screen .team-page article {
		transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		-moz-opacity: 0;
		opacity: 0;
		-moz-transform: scale(0.01);
		-webkit-transform: scale(0.01);
		-o-transform: scale(0.01);
		-ms-transform: scale(0.01);
		transform: scale(0.01);
	}
	body.non-touch-screen #primary.blog-page-list article,
	body.non-touch-screen #blog-section article {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	body.non-touch-screen article.in-view,
	body.non-touch-screen .action-button.in-view,
	body.non-touch-screen .team-page article.in-view {
		transition: all 0.3s ease-in;
		-webkit-transition: all 0.3s ease-in;
		-moz-transition: all 0.3s ease-in;
		-o-transition: all 0.3s ease-in;
		-moz-opacity: 1;
		opacity: 1;
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}