@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body {
	border: none;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
    font-family: "futura-pt", "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
}

h1,h2,h3,h4,h5,h6,p,blockquote,address,big,cite,code,em,font,img,small,strike,sub,sup,li,ol,ul,fieldset,form,label,legend,button,table,caption,tr,th,td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}

button:focus {
	outline: none;
}

/* -------------------------------------------------------------------------- */

/*	1. Document Setupfadeout
/* -------------------------------------------------------------------------- */

html {
	background: #000;
	font-size: 62.5%; /* 1rem = 10px */
	scroll-behavior: smooth;
}

html.fixed {
	height: 100vh;
	overflow: hidden;
}

body {
	position: relative;
	background: #FFF;
	color: #000;
	letter-spacing: -0.015em;
	font-size: 1.6rem;
}

body.noscroll {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
}

*,
*::before,
*::after {
	box-sizing: inherit;
	word-break: break-word;
	word-wrap: break-word;
}

a,
path {
	transition: all 0.2s;
}

main {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

h1 {
	font-size: 4rem;
	font-weight: 500;
}

h2 {
	font-size: 3.2rem;
}

h3 {
	font-size: 2.8rem;
}

h4 {
	font-size: 2.4rem;
}

h5 {
	font-size: 2.1rem;
}

h6 {
	font-size: 1.6rem;
}

p {
	line-height: 1.5;
}

em,
i,
q,
dfn {
	font-style: italic;
}

em em,
em i,
i em,
i i,
cite em,
cite i {
	font-weight: bolder;
}

big {
	font-size: 1.2em;
}

small {
	font-size: 0.75em;
}

b,
strong {
	font-weight: 700;
}

ins {
	text-decoration: underline;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

abbr,
acronym {
	cursor: help;
}

address {
	line-height: 1.5;
	margin: 0 0 2rem 0;
}

hr {
	border-style: solid;
	border-width: 0.1rem 0 0 0;
	border-color: #dcd7ca;
	margin: 4rem 0;
}

a {
	transition: all .2s;
	color: rgba(29, 175, 246,1);
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
}


/* Lists ------------------------------------- */


ul {
}

ul ul {
}

ul ul ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

li {
}

li > ul,
li > ol {
}

.reset-list-style,
.reset-list-style ul,
.reset-list-style ol {
	list-style: none;
	margin: 0;
}

.reset-list-style li {
	margin: 0;
}

dt,
dd {
	line-height: 1.5;
}

dt {
	font-weight: 500;
}

dt + dd {
	margin-top: 0.5rem;
}

dd + dt {
	margin-top: 1.5rem;
}


/* Quotes ------------------------------------ */

cite {
	color: #6d6d6d;
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
}

blockquote cite {
	display: block;
	margin: 2rem 0 0 0;
}


/* Code -------------------------------------- */

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 0.9em;
	padding: 0.4rem 0.6rem;
}

code,
kbd,
samp {
	background: rgba(0, 0, 0, 0.075);
	border-radius: 0.2rem;
}

pre {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.5;
	margin: 4rem 0;
	overflow: auto;
	padding: 3rem 2rem;
	text-align: left;
}

pre code {
	background: transparent;
	padding: 0;
}

/* Media ------------------------------------- */

figure {
	display: block;
	max-width: 100%;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

.fb-page iframe {
	max-width: 100vw;
}

.embed-youtube,
.embedvideo,
.embed-vimeo {
	position: relative ;
	display:block;
	margin: 0;
	padding: 69px 0 50% 0;
	overflow: hidden;
}

.embed-vimeo {
	margin: 0 auto!important;
}

.embed-youtube iframe,
.embedvideo iframe,
.embed-vimeo iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

iframe[src^="https://www.youtube.com/embed/"],
iframe[src^="https://www.google.com/maps/embed"],
iframe[src^="//player.vimeo.com/video/"] {
	width: 100%;
}

iframe[src^="https://radiotalk.jp/embed/"] {
	display: inline-block;
	width: auto;
	margin: 24px auto;
}

.fb_iframe_widget_fluid {
	display: block !important;
}

.fb_iframe_widget_fluid span,
.fb_iframe_widget_fluid span iframe,
.fb_iframe_widget span,
.fb_iframe_widget span iframe{
	width: 100% !important;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
	transition: all .2s;
}

svg g,
svg path,
svg polygon,
svg rect {
	fill:currentColor !important;
	stroke:none !important;
}

figcaption,
.wp-caption-text {
	display: block;
	line-height: 1.2;
	color: #6d6d6d;
	font-size: 1.5rem;
	font-weight: 500;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
	margin: auto !important;
}

@media screen and (min-width:960px) {
	.embed-vimeo {
		padding: 24px 0 28% 0;
	}
}

/* Inputs ------------------------------------ */

fieldset {
	border: 0.2rem solid #dcd7ca;
	padding: 2rem;
}

legend {
	font-size: 0.85em;
	font-weight: 700;
	padding: 0 1rem;
}

label {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	margin: 0 0 0.5rem 0;
}

label.inline,
input[type="checkbox"] + label {
	display: inline;
	font-weight: 400;
	margin-left: 0.5rem;
}

input[type="checkbox"] {
	appearance: none;
	position: relative;
	top: 2px;
	display: inline-block;
	margin: 0;
	width: 1.5rem;
	min-width: 1.5rem;
	height: 1.5rem;
	background: #fff;
	border-radius: 0;
	border-style: solid;
	border-width: 0.1rem;
	border-color: #dcd7ca;
	box-shadow: none;
	cursor: pointer;
}

input[type="checkbox"]:checked::before {
	/* Use the "Yes" SVG Dashicon */
	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E");
	position: absolute;
	display: inline-block;
	margin: -0.1875rem 0 0 -0.25rem;
	height: 1.75rem;
	width: 1.75rem;
}

input,
button,
select,
textarea {
	appearance: none;
	box-sizing:border-box;
	border: none;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	color: #000;
}

select {
	display: none;
	background: transparent;
}

code,
input[type="url"],
input[type="email"],
input[type="tel"] {
	/*rtl:ignore*/
	direction: ltr;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	border: #ECECEC solid 1px;
	border-radius: 0;
	background: none;
	margin: 0;
	box-shadow: none;
	padding: 1.5rem 1.8rem;
	letter-spacing: -0.015em;
	white-space: nowrap;
	font-size: 1.6rem;
}

select {
	font-size: 1em;
}

textarea {
	height: 12rem;
	line-height: 1.5;
	width: 100%;
}

::placeholder{
	color: #CCC;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	border: solid 1px rgba(29, 175, 246,1);
	outline: none;
}

input[type="search"]:focus {
	outline: none;
}

.search {
	position: relative;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Tables ------------------------------------ */

table {
	border: 0.1rem solid #dcd7ca;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 1.6rem;
	margin: 4rem 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
}

.alignleft > table {
	margin: 0;
}

.alignright > table {
	margin: 0;
}

th,
td {
	border: 0.1rem solid #dcd7ca;
	line-height: 1.4;
	margin: 0;
	overflow: visible;
	padding: 0.5em;
}

caption {
	background: #dcd7ca;
	font-weight: 600;
	padding: 0.5em;
	text-align: center;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}

th {
	font-weight: 700;
}

.wrap {
	width: 100%;
	transition: all .2s;
}

.inner {
	transition: all .2s;
}

.blur {
	transform: scale3d(1.001,1.001,1.001);
	opacity: .8;
	filter: blur(4px);
}

/* -------------------------------------------------------------------------- */
/*	2. Header
/* -------------------------------------------------------------------------- */

#header {
	position: absolute;
	z-index: 20;
	display: flex;
	justify-content:space-between;
	align-items: center;	
}

#header.blend {
	mix-blend-mode: exclusion;
}

#site_title {
}

#top {
	display: block;
	padding: 4vw;
	color: #FFF;
	fill: #FFF;
	letter-spacing:0.05rem;
	font-size: 2.6rem;
}

#logo {
	width: auto;
	height: 36px;
	transition: all .2s ease;
}

#loader {
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,1);
	clip-path: inset(0 0 0 0);
	transition: all .4s ease;
}

.home #loader {
}

#loader.loaded,
#loader.initial {
	clip-path: inset(0 0 0 100%);
}

#loader.transition {
	clip-path: inset(0 0 0 0);
}

#loader .loading {
	color: #FFF;
	fill: #FFF;
}

#loader .loading .logo,
#loader .loading .dots {
	display: block;
	width: 196px;
	height: auto;
}

#loader .loading .dots {
	width: 40px;
}

.home #loader .loading .dots {
	display: none;
}

.home #loader.transition .loading .dots {
	display: block;
}

#loader .subtitle {
	margin: 16px 0;
	opacity: 0;
	transition: all .2s ease;
	text-align: center;
	letter-spacing:0.25rem;
	font-weight: 500;
}

.home #loader.transition .loading .logo,
.home #loader.transition .loading .subtitle {
	display: none;
}

#loader .subtitle .character {
	min-width: 4px;
    animation: subtitlefadein 0.1s forwards;
}

/* -------------------------------------------------------------------------- */
/*	3. Menu
/* -------------------------------------------------------------------------- */

#navigation,
#cta {
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.9);
	transition: all .4s ease;
}

#cta {
	top: auto;
	bottom: 0;
	height: auto;
	background: none;
}

#navigation.initial,
#cta.initial {
	clip-path: inset(0 0 0 100%);
}

#navigation.active,
#cta.active {
	clip-path: inset(0 0 0 0);
}

#global_nav {
	display: flex;
	width: 100%;
	height: 100vh;
	flex-flow: column wrap;
	justify-content: center;
}

#cta.active {
	display: block;
}

.cta {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.cta li {
	margin: 0 auto;
}

#cta .cta li {
	width: 50%;
	margin: 0;
}

.nav li a {
	display: block;
	padding: 4vw;
	transition: all .4s ease;
	color: #FFF;
	letter-spacing:0.15rem;
	font-size: 2rem;
	font-weight: 500;
}

.nav li a:hover {
	opacity: .5;
}

.nav .cta li a {
	padding: 2vh 6vw;
	text-align: center;
	background: rgba(29, 175, 246,1);
	color: #FFF;
	font-size: 1.6rem;
}

#cta .cta li a {
	width: 100%;
	padding: 2vh 0;
}

.cta_btns .nav.cta li a {
	padding: 2vh 6vw;
}

#header .toggle {
	position: relative;
	display: block;
	width: 32px;
	height: 32px;
	margin: 2.5vw;
}

.toggle .supply {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	width: 24px;
	height: 16px;
	margin: auto;
}

.toggle .supply .line,
.toggle .supply:before,
.toggle .supply:after {
	content: "";
	position: absolute;
	display: block;
	height: 1px;
	width: 100%;
	background: #FFF;
	transition: all .2s;
}

.toggle .supply .line {
	margin: auto;
}

.toggle .supply .line,
.toggle .supply:before {
	top: 0;
}

.toggle .supply .line,
.toggle .supply:after {
	bottom: 0;
}

#header.active .toggle .supply .line,
#header.active .toggle .keyword {
	display: none;
}

#header.active .toggle .supply:before {
	transform: translateY(7px) rotate(-45deg);
}

#header.active .toggle .supply:after {
	transform: translateY(-8px) rotate(45deg);
}

.topicpath {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 2vw;
	overflow: hidden;
}

.topicpath li {
	display: flex;
	justify-content: center;
	align-items: center;
}

.topicpath li a,
.topicpath li span {
	display: block;
	white-space: nowrap;
	font-size: 1rem;
	color: #000;
}

.topicpath li .allow {
	position: relative;
	top: 4px;
	display: block;
	width: 16px;
	height: 16px;
	border-right: #CCC solid 1px;
	border-top: #CCC solid 1px;
	transform: rotate(45deg) translate(-6px, 0);
	text-indent: -9999px;
}

.topicpath li a {
	height: 20px;
	padding: 4px;
}

.prevnext {
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
	margin: 0 auto 4vw auto;
}

.shares {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.article .shares {
	justify-content: space-between;
}

.sns .link,
.sns .btn {
	display: block;
	margin: 8px;
}

.sns .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
}

.link svg,
.link img[src*="svg"],
.btn svg,
.btn img[src*="svg"] {
	width: 12px;
	color: #FFF;
}

.btn svg,
.btn img[src*="svg"] {
	color: #000;
}

.link_facebook svg,
.link_facebook img[src*="svg"],
.btn_facebook svg,
.btn_facebook img[src*="svg"] {
	width: auto;
	height: 14px;
}

.link_instagram svg,
.link_instagram img[src*="svg"],
.btn_instagram svg,
.btn_instagram img[src*="svg"] {
	width: 22px;
}

.link_instagram svg rect,
.btn_instagram svg rect {
	width: auto;
	height: auto;
}

.link_youtube svg,
.link_youtube img[src*="svg"],
.link_line svg,
.link_line img[src*="svg"],
.btn_youtube svg,
.btn_youtube img[src*="svg"],
.btn_line svg,
.btn_line img[src*="svg"]{
	width: 14px;
}

.more_btns {
	width: 92vw;
	max-width: 800px;
	margin: 0 auto;
	padding: 4vw 0;
	border-bottom: 1px solid #000;
}

.btn {
	letter-spacing: 0.25rem;
	text-transform: uppercase;
	color: #000;
	font-size: 2rem;
	font-weight: 100;
}

.sns .btn {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.arrow {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 1px;
	margin: 6px 12px;
	border-radius: 9999px;
	background-color: #000000;
}

.arrow::before,
.arrow::after {
	content: "";
	position: absolute;
	top: calc(50% - 0.5px);
	right: 0;
	width: 10px;
	height: 1px;
	border-radius: 9999px;
	background: #000000;
	transform-origin: calc(100% - 0.5px) 50%;
}

.arrow::before {
	transform: rotate(45deg);
}

.arrow::after {
	transform: rotate(-45deg);
}

/* タブレット（例：576px以上）向けのスタイル */
@media screen and (min-width: 576px) {
}

/* デスクトップ（例：992px以上）向けのスタイル */
@media screen and (min-width: 992px) {
	#header .toggle {
		display: none;
	}
	
	#navigation,
	#navigation.initial {
		position: absolute;
		z-index: 30;
		left: auto;
		right: 0;
		width: auto;
		height: auto;
		background: none;
		clip-path: inset(0 0 0 0);
		mix-blend-mode: difference;
	}
	
	#global_nav {
		flex-flow: nowrap;
		width: auto;
		height: auto;
		padding: 4vw 2vw;
	}
	
	#cta,
	#cta.initial {
		z-index: 30;
		left: auto;
		right: 0;
		width: auto;
		padding: 2vh 4vw;
		clip-path: inset(0 0 0 0);
	}
	
	#cta .cta li {
		width: auto;
		margin: 0 0 0 1px;
	}
	
	.nav li a {
		padding: 1.25vh 1.25vw;
	}
	
	#cta .cta li a {
		padding: 2vh 24px;
	}
	
	.article_contact .cta {
		max-width: 800px;
		margin: 0 auto;
	}
}

/* -------------------------------------------------------------------------- */
/*	4. image
/* -------------------------------------------------------------------------- */

#image {
	width: 100vw;
	height: 100vh;
}

#image .slick-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

#image .slide {
	
}

#image .slide .image {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.slide .image .slide_image {
	display: block;
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	background: transparent;
}

.slide.active .image .slide_image {
	animation:slide 15s linear forwards;
}

@keyframes slide {
	0% {
		transform:scale(1.2);
	}
	
	100% {
		transform:scale(1);
	}
}

#image .slide .image .caption {
	mix-blend-mode: exclusion;
}

.slide .image .headline {
	position: absolute;
	left: 0;
	bottom: 24vh;
	z-index: 2;
	padding: 2.5vw;
	color: rgba(255,255,255,0.9);
}

.slide .image .headline .title {
	letter-spacing: 0.5rem;
	font-size: 4.5rem;
}

.slide .image .headline .subtitle {
	letter-spacing: 0.25rem;
	font-size: 1.25rem;
}

.title .character,
.subtitle .character{
	opacity: 0;
    display: inline-block;
	color: rgba(255,255,255,0.9);
}

.slide .caption .title,
.slide .caption .subtitle {
	opacity: 0;
}

.slide.active .caption .title,
.slide.active .caption .subtitle {
    animation: captionfadein 0.2s forwards;
}

.active .title .character {
    animation: titlefadein 0.2s forwards;
}

.active .subtitle .character {
    animation: subtitlefadein 0.2s forwards;
}

.disable .title .character,
.disable .subtitle .character {
    animation: titlefadeout 0.1s forwards;
}

@keyframes captionfadein {
	from {
        opacity: 0;
    }
	
    to {
        opacity: 1;
    }
}

@keyframes titlefadein {
	from {
        opacity: 0;
        transform: translateY(12px);
    }
	
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes subtitlefadein {
	from {
        opacity: 0;
        transform: translateY(4px);
    }
	
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes titlefadeout {
	from {
        opacity: 1;
    }
	
    to {
        opacity: 0;
    }
}

/* -------------------------------------------------------------------------- */
/*	5. container
/* -------------------------------------------------------------------------- */

#container {
	position: relative;
	margin: 0 auto;
}

#main {
	margin: 0 auto;
}

#side {
	margin: 0 auto;
	padding: 0 0 20px 0;
}

.home #side{
	padding: 0;
}

#breadcrumb {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #ECECEC;
}

/* -------------------------------------------------------------------------- */
/*	7. Article
/* -------------------------------------------------------------------------- */

.article {
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.home .article {
	min-height: 84vh;
	padding: 8vh 0;
}

.article_contact {
	padding: 8vh 0;
}

.home .article_contact {
	min-height: auto;
	background: rgba(0,0,0,1);
}

.article.related {
	padding: 8vh 0;
}

.home .article:nth-child(1),
.home .article:nth-child(3),
.home .article:nth-child(4) {
	background: #EFEFEF;
}

.home .article_access {
	min-height: inherit;
	padding: 8vh 0 0 0;
	background: #EFEFEF;
}

.article .header,
.article .section,
.article .footer,
.article .nav {
	position: relative;
	z-index: 2;
	max-width: 1024px;
	margin: 0 auto;
}

.single .article .header,
.page .article .header {
	max-width: 100%;
	padding: 0;
}

.article_contact .header {
	mix-blend-mode: hard-light;
}

.article.page .section {
	margin: 8vh auto 0 auto;
}

.article .header .headline {
	width: 92vw;
	max-width: 800px;
	margin: 0 auto;
}

.page .article .header .headline {
	text-align: center;
}

.article .header .headline .initial,
.article .header .headline .inview {
	opacity: 0;
}

.article .header .headline .title.inview {
    animation: captionfadein 0.1s 0.5s forwards;
}

.article .header .headline .subtitle.inview {
    animation: captionfadein 0.1s 0.75s forwards;
}

.article .header h2.headline {
	padding: 2vh 0 0 0;
}

.article.page .header h2.headline {
	text-transform: uppercase;
}

.article_contact .header h2.headline,
.article_contact .header h3.headline {
	mix-blend-mode: difference;
	text-align: center;
}

.article .header h3.headline,
.article .header h4.headline {
	padding: 0 0 4vw 0;
	font-size: 1.25rem;
}

.related .header h3.headline {
	padding: 4vw 0 2vw 0;
	text-transform: uppercase;
	letter-spacing: 0.5rem;
	font-weight: 500;
	font-size: 3rem;
}

.headline .title{
	letter-spacing:0.5rem;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 4rem;
}

.header .headline .title .character,
.header .headline .subtitle .character {
	opacity: 0;
    display: inline-block;
	color: #000;
}

.article_contact .header .headline .title .character,
.article_contact .header .headline .subtitle .character,
.pages .page .headline .title .character,
.pages .page .header .headline .subtitle .character{
	color: rgba(255,255,255,0.9);
}

.header .headline .title.inview .character,
.pages .page .headline .title.inview .character {
    animation: titlefadein 0.2s forwards;
}

.header .headline .subtitle.inview .character,
.pages .page .headline .subtitle.inview .character {
    animation: subtitlefadein 0.2s forwards;
}

.headline .subtitle {
	display: block;
	margin: 8px 0;
	letter-spacing:0.05rem;
	font-size: 1.25rem;
}

.page .header .headline .subtitle{
	font-size: 2rem;
}

.copytitle {
	position: absolute;
	z-index: 1;
	top: 10vh;
	left: 12vw;
	letter-spacing:1rem;
	text-transform: uppercase;
	white-space: nowrap;
	color: #F9F9F9;
	font-weight: 500;
	font-size: 10rem;
}

.article_contact .copytitle {
	color: rgba(0,0,0,0.1);
}

.background img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	min-height: 100%;
	object-fit: cover;
	filter: grayscale(50%) brightness(40%);
}

.wp-block-gallery.background {
	position: absolute;
	top: -6vh;
	width: 100%;
	height: 100vh;
	overflow: visible;
	clip-path: inset(0 0 0 0) !important;
}

.wp-block-gallery.has-nested-images.background figure.wp-block-image:not(#individual-image),
.wp-block-gallery.has-nested-images.background figure.wp-block-image,
.wp-block-gallery.background .wp-block-image {
	position: absolute;
	z-index: 1;
	width: 32vw;
	max-width: 200px;
	height: 20vh;
	max-height: 280px;
	overflow: hidden;
	transition: all .4s .4s ease;
	animation: inviewgalleryimage .4s .4s ease;
}

@keyframes inviewgalleryimage {
	from {
		transform: translate(0,-40px);
	}
	to {
		transform: translate(0,0);
	}
}

.wp-block-gallery.has-nested-images.background figure.wp-block-image:nth-child(odd),
.wp-block-gallery.background .wp-block-image:nth-child(odd) {
	top: 0vh;
	right: 8vw;
}

.wp-block-gallery.has-nested-images.background figure.wp-block-image:nth-child(even),
.wp-block-gallery.background .wp-block-image:nth-child(even) {
	top: 36vh;
	left: 8vw;
}

.wp-block-gallery.has-nested-images.background figure.wp-block-image:last-child,
.wp-block-gallery.background .wp-block-image:last-child {
	top: 64vh;
	right: 16vw;
}

.wp-block-gallery.background .wp-block-image.initial {
	clip-path: inset(100% 0 0 0);
}

.wp-block-gallery.background .wp-block-image.inview {
	clip-path: inset(0 0 0 0);
}

.wp-block-gallery.background img {
	filter: none;
}

.content .wp-block-gallery.background .wp-block-image.initial img {
	clip-path: inset(100% 0 0 0);
}

.content .wp-block-gallery.background .wp-block-image.inview img {
	transform: scale(1.2);
	transition:all 0.2s linear;
	clip-path: inset(0 0 0 0);
}

.aside .header h3.headline {
	padding: 0;
	line-height: 2;
	letter-spacing:0.25rem;
	color: #000;
	font-weight: 500;
	font-size: 3rem;
}

.aside .header h4.headline {
	padding: 0;
	font-size: 1.25rem;
}

.single .article .links {
	width: 92vw;
	max-width: 800px;
	padding: 0 0 4vw 0;
	margin: 0 auto;
}

.aside .shares li {
	flex: 1;
}

.shares .info {
	display: flex;
	justify-content:center;
	align-items: center;
}

.shares .info svg.icon {
	width: 20px;
	color: #000;
}

.shares li .count {
	display: block;
	margin: 0 4px;
	font-size: 1.2rem;
}

.single .aside .header {
	margin: 0 auto 24px auto;
	text-align: center;
}

.aside.author {
	width: 92vw;
	max-width: 800px;
	margin: 40px auto;
	padding: 16px 0;
	border-bottom: solid 1px #000;
	border-top: solid 1px #000;
}

.aside.author .section {
	max-width: 480px;
	margin: 0 auto;
}

.aside.author .thumbnail {
	position: relative;
	margin: 0 auto 24px auto;
	text-align: center;
}

.aside.author .thumbnail .avatar {
	width: 160px;
	margin: 0 auto;
	border-radius: 50%;
	border: #ECECEC solid 1px;
}

.aside.author .thumbnail .caption {
	margin: 24px auto;
	text-align: left;
}

.aside.author .thumbnail .caption .name {
	margin: 16px auto;
	color: #000;
	font-weight: 500;
	font-size: 1.8rem;
}

.aside.author .thumbnail .caption p {
	margin: 0 0 0.5rem 0;
	color: #333;
}

.aside.author .thumbnail .caption .link {
	margin: 16px auto;
}

/* タブレット（例：576px以上）向けのスタイル */
@media screen and (min-width: 576px) {
	.wp-block-gallery.has-nested-images.background figure.wp-block-image:not(#individual-image),
	.wp-block-gallery.has-nested-images.background figure.wp-block-image,
	.wp-block-gallery.background .wp-block-image {
		width: 24vw;
		height: 24vh;
	}

	.wp-block-gallery.has-nested-images.background figure.wp-block-image:nth-child(odd),
	.wp-block-gallery.background .wp-block-image:nth-child(odd) {
		top: 0vh;
		right: 8vw;
	}

	.wp-block-gallery.has-nested-images.background figure.wp-block-image:nth-child(even),
	.wp-block-gallery.background .wp-block-image:nth-child(even) {
		top: 24vh;
		left: 8vw;
	}

	.wp-block-gallery.has-nested-images.background figure.wp-block-image:last-child,
	.wp-block-gallery.background .wp-block-image:last-child {
		top: 40vh;
		right: 16vw;
	}
}

/* デスクトップ（例：992px以上）向けのスタイル */
@media screen and (min-width: 992px) {

	.wp-block-gallery.has-nested-images.background figure.wp-block-image:nth-child(even),
	.wp-block-gallery.background .wp-block-image:nth-child(even) {
		top: 32vh;
		left: 12vw;
	}

	.wp-block-gallery.has-nested-images.background figure.wp-block-image:last-child,
	.wp-block-gallery.background .wp-block-image:last-child {
		top: 56vh;
	}
	
	.home .article_about .content p {
		margin: 0 auto 120px auto;
	}
}

/* -------------------------------------------------------------------------- */
/*	8. Content
/* -------------------------------------------------------------------------- */

.content {
	margin: 40px auto;
}

.content p,
.content div,
.content ul,
.content ol,
.content table {
	position: relative;
	width: 92vw;
	max-width: 800px;
	margin: 0 auto 40px auto;
	line-height: 1.8;
}

.content div p {
	max-width: 100%;
}

.home .article .content p {
	font-size: 1.4rem;
}

.home .article_about .content p {
	margin: 0 auto 80px auto;
}

.article_contact .content p {
	color: rgba(255,255,255,0.8);
	text-align: center;
}

.content ul,
.content ol {
}

.content .embedvideo {
	max-width: 928px;
	aspect-ratio: 3/2;
	padding: 0 !important;
}

.content .searchform {
	border: #ECECEC solid 1px;
}

.content .pswp--item {
	background: #000;
}

.content .wp-block-columns,
.content .wp-block-column,
.content .embedvideo {
	margin: 0 auto 32px auto;
}

.content .wp-block-image.aligncenter {
	margin: 0;
}

.content figure,
.content .figure,
.content .wp-block-image {
	position: relative;
	max-width: 100%;
	margin: 0 auto 32px auto;
}

.content figure figcaption {
	max-width: 800px;
	padding: 0 16px;
	margin: 8px auto;
	font-size: 1.2rem;
}

.content .aligncenter {
	margin: 0 auto;
}

.content figure.aligncenter {
	margin: 0 auto 32px auto;
}

.content figure img {
	text-align: center;
	margin: 0 auto;
}

.content figure.aligncenter a {
	text-align: center;
}

.content figure.aligncenter a img {
	margin: 0 auto;
}

.content h2,
.content h3,
.content h4 {
	width: 92vw;
	max-width: 800px;
	margin: 4vw auto;
	font-weight: bold;
}

.content h2 {
	position: relative;
	letter-spacing: 0.25rem;
	line-height: 1.5;
	font-weight: 600;
	font-size: 2.4rem;
}

.content h3 {
	position: relative;
	font-size: 2rem;
}

.home .article .content h3 {
	letter-spacing: 0.5rem;
	font-size: 2.5rem;
	font-weight: 500;
}

.home .article_about .content h3,
.home .article_about .content p {
	position: relative;
	z-index: 3;
	text-shadow: 0 0 1px rgba(255,255,255,0.5);
}

.content h4 {
	font-size: 1.8rem;
}

.content h5 {
	font-size: 1.8rem;
}

.content h6 {
	font-size: 1.6rem;
}

.content ul + h2,
.content ol + h2,
.content p + h2 {
	width: 92vw;
	max-width: 800px;
	margin: 80px auto 16px auto;
}

.content ol {
	counter-reset: number 0;
}

.content ol li {
	margin: 0 0 16px 0;
}

.content ol li:before {
	counter-increment: number 1;
	content: counter(number) ".";
	display: inline-block;
	padding: 2px 8px;
	margin: 0 8px 0 0;
	background: rgba(29, 175, 246,1);
	color: #FFF;
	font-size: 2rem;
	font-weight: bold;
}

.content li.price {
	display: inline-flex;
	width: 100%;
}

.content li.price strong {
	margin: 0 auto 0 0;
}

.content table {
	width: auto;
	border: none;
	font-size: 1.4rem;
}

.content table td,
.content table th {
	padding: 8px 0;
	border: none;
	border-bottom: #ECECEC solid 1px;
}

.content table th {
	padding: 8px 8px 8px 0;
	word-break: keep-all;
}

.content blockquote {
	max-width: 720px;
	margin: 4rem auto;
	padding: 40px;
	background: #F7F7F7;
}

#map {
	height: 400px;
	transition: all .4s ease;
}

#map.inital {
	clip-path: inset(0 100% 0 0);
}

#map.inview {
	clip-path: inset(0 0 0 0);
}

.single .content figure .background {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	background: rgba(0,0,0,1);
	transition: all .2s ease;
}

.single .header .image img,
.content figure img {
	position: relative;
	z-index: 1;
	transition: all .4s .2s ease;
}

.single .header .image img {
	transition: all .4s .4s ease;
}

.single .header .image.initial img,
.article_contact .background.initial img,
.content figure.initial img,
.single .content figure.initial .background {
	clip-path: inset(0 100% 0 0);
}

.single .header .image.inview img,
.article_contact .background.inview img,
.content figure.inview img,
.single .content figure.inview .background {
	clip-path: inset(0 0 0 0);
}

/* -------------------------------------------------------------------------- */
/*	8. Post: Archive
/* -------------------------------------------------------------------------- */
.posts,
.items {
	width: 92vw;
	max-width: 800px;
	padding: 4vh 0;
	margin: 0 auto;
}

.items,
.grids {
	display: flex;
	justify-content:space-between;
	align-items: stretch;
	flex-wrap: wrap;
	width: 92vw;
}

.posts .post {
	display: flex;
	justify-content:space-between;
	align-items:stretch;
	margin: 4vw auto;
}

.prevnext .post {
	flex-direction: column;
	width: 44vw;
	max-width: 388px;
	margin: 0;
}

.items .item {
	width: 44vw;
	margin: 0 0 2vh 0;
}

.grids .grid {
	display: flex;
	justify-content: flex-start;
	flex-flow: column;
	width: 44vw;
	margin: 0;
}

.posts .post .image {
	position: relative;
	width: 44vw;
	height: auto;
	overflow: hidden;
}

.prevnext .post .image {
	position: relative;
	width: 100%;
}

.pages .page .image {
	position: relative;
}

.grids .grid > figure,
.grids .grid > div,
.items .item .image {
	position: relative;
	width: 100%;
	margin: 0 0 16px 0;
	padding: 0 0 0 0;
}

.grids .grid figure {
	background: rgba(0,0,0,1);
	transition: all .4s ease;
}

.posts .post .image .link,
.prevnext .post .image a,
.pages .page .image .link,
.items .item .image .link {
	position: relative;
	display: block;
	background: rgba(0,0,0,1);
	transition: all .4s ease;
}

.posts .post.initial .image .link,
.prevnext .post.initial .image a,
.pages .page.initial .image .link,
.grids .grid.initial figure,
.items .item.initial .image .link {
	clip-path: inset(0 100% 0 0);
}

.posts .post.inview .image .link,
.prevnext .post.inview .image a,
.pages .page.inview .image .link,
.grids .grid.inview figure,
.items .item.inview .image .link {
	clip-path: inset(0 0 0 0);
}

.items .item .image .caption,
.posts .post .image .caption {
	position: absolute;
	bottom: 0;
}

.pages .page .image .caption {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content:center;
	flex-direction: column;
	height: 100%;
	padding: 0 4vw;
	transition: all .4s .4s ease;
	opacity: 0;
}

.pages .page.initial .image .caption {
}

.pages .page.inview .image .caption {
	opacity: 1;
}

.items .item .image .caption .info,
.posts .post .image .caption .category{
	padding: 4px;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	mix-blend-mode: plus-lighter;
}

.posts .post .image .caption .category a {
	display: inline-block;
	color: #FFF;
	font-size: 1.6rem;
}

.posts .post .image .caption .datetime .date .day {
	display: none;
}

.pages .page .image .caption .headline a {
	background: none;
	transition: all .4s .4s ease;
	color: #FFF;
}

.pages .page.initial .image .caption .headline a {
	opacity: 0;
}

.pages .page.inview .image .caption .headline a {
	opacity: 1;
}

.posts .post .image img,
.posts .post .image .noimage,
.pages .page .image img,
.pages .page .image .noimage
.items .item .image img,
.items .item .image .noimage {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 33vw;
	transition: all .4s .4s ease;
}

.pages .page .image img,
.pages .page .image .noimage {
	width: 100%;
	height: 16vh;
	object-fit: cover;
	filter: grayscale(50%) brightness(75%);
}

.grids .grid figure img,
.items .item .image img {
	width: 100%;
	height: 32vw;
	max-height: 32vh;
	object-fit: cover;
	overflow: hidden;
	transition: all .4s .2s ease;
}

.items .item .image img {
	width: 100%;
	height: 44vw;
	object-fit: cover;
}

.posts .post.initial .image img,
.pages .page.initial .image img,
.grids .grid.initial figure img,
.items .item.initial .image img {
	clip-path: inset(0 100% 0 0);
}

.posts .post.inview .image img,
.pages .page.inview .image img,
.grids .grid.inview figure img,
.items .item.inview .image img {
	clip-path: inset(0);
}

.posts .post .text {
	position: relative;
	width: 44vw;
}

.posts .post .text .categories {
	display: none;
}

.posts .post .headline,
.items .item .headline {
	padding: 0;
	line-height: 1.5;
	overflow: hidden;
	transition: all .4s .2s ease;
}

.prevnext .post .headline {
	height: auto;
	margin: 16px 0;
}

.posts .post .headline .title,
.items .item .headline .title {
	display: block;
	text-transform: none;
	letter-spacing: 0.25rem;
	font-size: 1.6rem;
	font-weight: 500;
}

.items .item .headline .title {
	letter-spacing: 0.1rem;
}

.prevnext .post .headline .title {
	display: flex;
	flex-flow: column;
	justify-content: flex-start;
	letter-spacing: 0.2rem;
}

.prevnext .next .headline .title {
	justify-content: flex-end;
}

.prevnext .post .headline .title::before {
	display: block;
	font-size: 1.2rem;
}

.prevnext .prev .headline .title::before {
	content: '<PREV';
	margin: 0 0 8px 0;
}

.prevnext .next .headline .title::before {
	content: 'NEXT>';
	margin: 0 0 8px auto;
}

.items .item .categories {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 0 8px 0;
}

.items .item .categories .category {
	display: block;
}

.items .item .price {
	margin: 8px auto;
	text-align: right;
}

.posts .post .meta {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	transition: all .4s .4s ease;
}

.posts .post.initial .headline,
.posts .post.initial .meta,
.items .item.initial .headline {
	clip-path: inset(0 100% 0 0);
}

.posts .post.inview .headline,
.posts .post.inview .meta,
.items .item.inview .headline {
	clip-path: inset(0 0 0 0);
}

.posts .post .meta .info,
.posts .post .meta .author {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4px;
	font-size: 1.2rem;
}

.posts .post .meta .info .icon {
	display: block;
	width: 16px;
}

.posts .post .meta li .count {
	display: block;
	margin: 0 4px;
}

.posts .post .meta .author .link img {
	display: block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.posts .post .meta .author .link .name {
	display: none;
	margin: 0 0 0 0.5rem;
	color: #000;
	font-size: 1.2rem;
}

.posts .post .meta .datetime {
	margin:0 auto 4px 0;
}

.posts .post .meta .datetime .date {
	color: #000;
	font-size: 1.2rem;
}

.posts .post .meta .datetime .date .day {
	display: none;
	margin: 0 0 0 0.5rem;
	font-size: 1.2rem;
}

.home .article .content .grid h3 {
	margin: 0;
	letter-spacing: 0.1rem;
	transition: all .4s .2s ease;
	font-size: 1.8rem;
}

.home .article .content .grid p {
	display: none;
	margin: 0 0 24px 0;
}

.home .article .content .grid h3 + p {
	display: block;
	transition: all .4s .4s ease;
}

.home .article_about .content > *,
.home .article_price .content > *,
.home .article_access .content > * {
	transition: all .8s 1.2s ease;
}

.home .article .content .grid.initial h3,
.home .article .content .grid.initial  h3 + p,
.home .article .content > .initial {
	clip-path: inset(0 100% 0 0);
}

.home .article .content .grid.inview h3,
.home .article .content .grid.inview h3 + p,
.home .article .content > .inview {
	clip-path: inset(0 0 0 0);
}

/* タブレット（例：576px以上）向けのスタイル */
@media screen and (min-width: 576px) {
	.posts .post .image {
		width: 36vw;
		max-width: 320px;
	}
	
	.prevnext .post .image {
		width: 100%;
		max-width: 100%;
	}
	
	.posts .post .image img, 
	.posts .post .image .noimage, 
	.pages .page .image img, 
	.pages .page .image .noimage {
		height: 28vw;
		max-height: 240px;
	}
	
	.posts .post .image .caption .category a {
		font-size: 2rem;
	}
	
	.posts .post .text {
		width: 52vw;
		max-width: 448px;
	}
	
	.posts .post .text .categories {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin: 0 0 16px 0;
	}
	
	.post .text .categories .category a {
		color: #000;
		font-weight: bold;
		font-size: 1.6rem;
	}
	
	.posts .post .headline {
		line-height: 1.8;
	}
	
	.posts .post .headline .title {
		font-size: 2.5rem;
	}
	
	.prevnext .post .headline .title {
		font-size: 2rem;
	}
	
	.prevnext .post .headline .title::before {
		font-size: 1.6rem;
	}
	
	.posts .post .meta .datetime .date {
		font-size: 1.6rem;
	}
	
	.posts .post .meta .datetime .date .day {
		display: inline;
	}
	
	.posts .post .meta .author .link img {
		width: 24px;
		height: 24px;
	}
	
	.posts .post .meta .author .link .name {
		display: inline-block;
	}
}

/* デスクトップ（例：992px以上）向けのスタイル */
@media screen and (min-width: 992px) {
	.posts,
	.items {
		display: flex;
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: wrap;
		width: 100%;
		max-width: 1024px;
	}
	
	.posts .post,
	.items .item {
		display: block;
		width: 320px;
		margin: 2vh auto;
	}
	
	.grids .grid {
		max-width: 48%;
	}
	
	.posts .post .image {
		width: 100%;
		max-width: 100%;
	}
	
	.posts .post .text {
		width: 100%;
		max-width: 100%;
		height: 184px;
	}
	
	.posts .post .text .categories {
		margin: 24px 0 16px 0;
	}
	
	.post .text .categories .category a {
		font-size: 1.4rem;
	}
	
	.posts .post .headline .title,
	.items .item .headline .title {
		font-size: 2rem;
	}
	
	.posts .post .meta {
	}
}

/* -------------------------------------------------------------------------- */
/*	9. Post: Single
/* -------------------------------------------------------------------------- */

.post .header .image,
.page .header .image {
	position: relative;
	background: rgba(0,0,0,1);
}

.post .header .image img,
.page .header .image img {
	width: 100%;
	height: 125vw;
	object-fit: cover;
}

.page .header .image img,
.page .header .image .noimage {
	display: block;
	width: 100%;
	height: 50vh;
	background: #000;
	filter: grayscale(50%) brightness(75%);
}

.page_articles .page .header .image img,
.page_articles .page .header .image .noimage {
	height: 33vh;
}

.post .header .image .caption {
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 100%;
	padding: 2vh 0;
	margin: 0 auto;
	mix-blend-mode: exclusion;
	color: #FFF;
	font-weight: normal;
}

.page .header .image .caption {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: auto;
	color: #FFF;
}

.post .header .image .meta {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 92vw;
	max-width: 800px;
	margin: 0 auto;
}

.post .header .image .meta li {
	margin: 0 8px 0 0;
}

.post .header .image .meta .category {
	text-transform: uppercase;
	letter-spacing: 0.25rem;
}

.post .header .image .meta .datetime .day {
	margin: 0 0 0 0.5rem;
	font-size: 1rem;
}

.post .header .headline {
	padding: 20px 0;
}

.post .header .headline .title {
	letter-spacing: 0.2rem;
	font-size: 2.5rem;
}

.article.page .header .headline .title {
	letter-spacing: 0.2rem;
	color: #FFF;
	font-size: 2.8rem;
}

.links .categories,
.links .tags {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 8px 0 0 0;
}

.links .categories::before {
	content: "カテゴリ：";
	color: #CCC;
	font-size: 1rem;
}

.categories .category {
	display: flex;
	align-items: center;
	justify-content: center;
}

.categories .category a,
.tags .tag a {
	display: block;
	padding: 0 0.4rem 0 0;
	color: #666;
	font-size: 1rem;
}

.categories .category::before {
	content: "|";
	display: block;
	margin: 0 0.6rem 0 0.2rem;
	color: #CCC;
	font-size: 1rem;
}

.categories .category:first-child::before {
	display: none;
}

.tags .tag a::before {
	content: "#"
}

.author .link {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

/* タブレット（例：576px以上）向けのスタイル */
@media screen and (min-width: 576px) {
	.post .header .image img {
		height: 50vh;
	}
	
	.post .header .headline .title {
		font-size: 3rem;
	}
}

/* デスクトップ（例：992px以上）向けのスタイル */
@media screen and (min-width: 992px) {
}

@media (min-aspect-ratio: 1/1) {
	.post .header .image img {
		height: 75vh;
	}
	
	.page_articles .page .header .image img, 
	.page_articles .page .header .image .noimage {
		height: 50vh;
	}
}

/* -------------------------------------------------------------------------- */
/*	10. Sidebar
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/*	11.	Footer
/* -------------------------------------------------------------------------- */
#footer {
	padding: 10vw 0;
	background: #000;
	text-align: center;
	color: #FFF;
}

.copy a {
	color: #FFF;
}