@charset "UTF-8";
/*!
Theme Name: With Hospitality
Theme URI: http://underscores.me/
Author: Tamate Creative
Author URI: https://tamatecreative.com
Description: 1.0.1
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: with-hospitality
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, 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 Hospitality is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-webkit-tap-highlight-color: transparent;
	/* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
	font-weight: bold;
}

dd {
	margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
	border-top-width: 1px;
	margin: 0;
	clear: both;
	color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: inherit;
	/* 2 */
}

address {
	font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: inherit;
	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
	vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	background: transparent;
	padding: 0;
	margin: 0;
	outline: 0;
	border-radius: 0;
	text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
	-webkit-appearance: checkbox;
	appearance: checkbox;
}

[type="radio"] {
	-webkit-appearance: radio;
	appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
	cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
	display: none;
}

/**
 * Remove padding
 */
option {
	padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
	margin: 0;
	padding: 0;
	min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
	outline-offset: -2px;
	/* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/**
 * Clickable labels
 */
label[for] {
	cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
	outline: none;
}

/* Table */
/* ============================================ */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	text-align: left;
}

td,
th {
	vertical-align: top;
	padding: 0;
}

th {
	text-align: left;
	font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

body {
	background-color: #fff;
	font-size: 14px;
}

.container {
	width: 100%;
}

header {
	width: 100%;
	min-height: 70px;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(255, 255, 255, 0.7);
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-size: 1rem;
	line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Alex Brush", cursive;
	line-height: 1.8;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: "klee", "Yu Gothic", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background-color: #fff;
	font-size: 14px;
	line-height: 1.6;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
}

.clear {
	clear: both;
}

.container {
	width: 100%;
	padding: 0 5%;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1200px;
		margin: 0 auto;
	}
}

.container .half_col {
	width: 100%;
}

@media (min-width: 768px) {
	.container .half_col {
		width: 48%;
		margin: 0 2% 0 0;
		float: left;
	}
}

@media (min-width: 768px) and (min-width: 1024px) {
	.container .half_col {
		margin: 0 2% 30px 0;
	}
}

@media (min-width: 768px) {
	.container .half_col:nth-child(odd) {
		width: 48%;
		margin: 0 0 0 2%;
		float: left;
	}
}

@media (min-width: 768px) and (min-width: 1024px) {
	.container .half_col:nth-child(odd) {
		margin: 0 2% 30px 0;
	}
}

.one_third_col {
	width: 100%;
}

a.btn {
	display: block;
	width: 200px;
	height: 36px;
	background-color: #624c3f;
	color: #fff;
	text-align: center;
	line-height: 36px;
	margin: 0 auto 30px auto;
}

a.btn.read_more {
	background-color: #fd79a8;
}

@media (min-width: 768px) {
	a.btn.read_more {
		display: none;
	}
}

@media (min-width: 1024px) {
	a.btn.read_more {
		display: block;
		background-color: #fd79a8;
		margin: 0 0 30px 0;
	}
}

a.btn.read_more:hover {
	color: #fff;
}

a.btn.goto {
	background-color: #fd79a8;
}

a.btn.goto:hover {
	color: #fff;
}

img {
	margin-bottom: 30px;
}

.editor h2 {
	font-size: 18px;
	text-align: left;
	margin-bottom: 20px;
	background-color: #fd79a8;
	color: #fff;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	padding: 10px;
}

.editor h3 {
	font-size: 20px;
	text-align: left;
	margin-bottom: 20px;
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}

.editor h4 {
	font-size: 18px;
	text-align: left;
	margin-bottom: 10px;
}

.editor h5 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	font-family: "Marcellus", serif;
}

.editor p {
	font-size: 14px;
	text-align: left;
	margin-bottom: 20px;
}

.editor ul {
	margin: 0 0 20px 20px;
}

.editor ul li {
	margin-bottom: 10px;
}

.editor ol {
	margin: 0 0 20px 20px;
}

.editor ol li {
	margin-bottom: 10px;
}

h3 {
	font-family: "klee", "Yu Gothic", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 19px;
	line-height: 1.6;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 700;
}

h4 {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 400;
	color: #fd79a8;
}

p {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
}

header {
	width: 100%;
	height: 70px;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index: 100;
}

header .container {
	padding: 20px 5%;
}

header a.logo {
	display: block;
	float: left;
}

header h1 {
	font-size: 26px;
	line-height: 1;
	font-family: "Alex Brush", cursive;
	color: #161616;
}

@media (min-width: 1024px) {
	header h1 {
		font-size: 28px;
	}
}

header h2 {
	font-size: 11px;
	line-height: 1;
	font-family: "klee", "Yu Gothic", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	color: #fd79a8;
	font-weight: 700;
}

@media (min-width: 1024px) {
	header h2 {
		font-size: 12px;
	}
}

nav {
	display: none;
}

@media (min-width: 1200px) {
	nav {
		display: block;
	}
}

nav ul {
	list-style: none;
	font-family: "Marcellus", serif;
}

@media (min-width: 1200px) {
	nav ul {
		float: right;
		font-size: 18px;
	}
	nav ul li {
		display: inline-block;
		padding: 0 15px 11px 15px;
		position: relative;
	}
	nav ul li ul.sub-menu {
		display: none;
	}
	nav ul li:hover ul.sub-menu {
		display: block;
		list-style: none;
		position: absolute;
		top: 100%;
		left: 0;
		margin: 0;
		padding: 0;
		z-index: 100;
		width: 200px;
		font-size: 12px;
	}
	nav ul li:hover ul.sub-menu li {
		overflow: visible;
		margin: 0;
		padding: 15px 15px;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		border-bottom: 1px solid #222;
		height: auto;
		display: block;
	}
	nav ul li:hover ul.sub-menu a {
		color: #fff;
		width: 100%;
	}
	nav ul li.current-menu-item a {
		color: #fd79a8;
	}
	nav ul li.current-menu-item a:visited {
		color: #fd79a8;
	}
	nav ul li a {
		color: #161616;
	}
	nav ul li a:visited {
		color: #161616;
	}
}

section {
	width: 100%;
	padding: 40px 0;
	overflow: hidden;
}

section h2 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
	font-family: "Marcellus", serif;
}

@media (min-width: 768px) {
	section h2 {
		margin-bottom: 40px;
	}
}

section h2.ja {
	font-family: "klee", "Yu Gothic", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
}

@media (min-width: 768px) {
	section .one_third_col {
		width: 29.333333%;
		margin: 0 2%;
		float: left;
	}
}

section .one_third_col img {
	display: block;
	margin: 0 auto 25px;
}

section .one_third_col img.icon {
	max-width: 50%;
}

section .one_third_col h3 {
	font-family: "klee", "Yu Gothic", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 700;
	text-align: center;
	font-size: 20px;
	margin: 0 0 20px 0;
	min-height: 64px;
}

section#hero {
	background-image: url("images/hero.jpg");
	height: 501px;
	background-size: cover;
	background-position: center center;
}

@media (min-width: 1024px) {
	section#hero {
		height: 490px;
		background-position: center center;
	}
}

@media (min-width: 1200px) {
	section#hero {
		height: 640px;
	}
}

section#sub-hero {
	background-color: #3a2c25;
	height: 180px;
	background-size: cover;
	background-position: left center;
	position: relative;
}

@media (min-width: 768px) {
	section#sub-hero {
		height: 210px;
	}
}

@media (min-width: 1200px) {
	section#sub-hero {
		height: 240px;
	}
}

section#sub-hero .container {
	position: relative;
	z-index: 1;
}

section#sub-hero h1 {
	font-size: 20px;
	padding: 68px 0 40px 0;
	color: #fff;
	text-align: center;
}

@media (min-width: 1200px) {
	section#sub-hero h1 {
		font-family: "klee", "Yu Gothic", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
		font-size: 26px;
		padding: 60px 0 40px 0;
	}
}

section#sub-hero::after {
	content: "";
	background-image: url("images/bg-profile.png");
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
}

section.grey {
	background-color: #f1f1f1;
}

section.brown.profile {
	color: #fff;
	padding: 40px 2% 40px 2%;
	background-color: #3a2c25;
	position: relative;
	background-size: cover;
	background-position: center center;
	clear: both;
}

@media (min-width: 768px) {
	section.brown.profile {
		padding: 60px 2% 60px 2%;
	}
}

@media (min-width: 1200px) {
	section.brown.profile {
		padding: 80px 2% 80px 2%;
	}
}

section.brown.profile::after {
	content: "";
	background-image: url("images/bg-profile.png");
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
}

section.brown.profile .container {
	position: relative;
	z-index: 1;
}

section.brown.profile .container .container {
	padding: 20px;
}

@media (min-width: 768px) {
	section.brown.profile .container .container {
		padding: 35px;
	}
}

section.brown.profile article {
	background-color: #fff;
	overflow: hidden;
}

section.brown.profile .one_third_col {
	height: 300px;
	background-image: url("images/profile-Eri.jpg");
	background-size: cover;
	background-position: center center;
}

@media (min-width: 425px) {
	section.brown.profile .one_third_col {
		min-height: 509px;
	}
}

@media (min-width: 768px) {
	section.brown.profile .one_third_col {
		width: 40%;
		float: left;
		margin: 0;
	}
}

section.brown.profile .two_third_col {
	width: 100%;
}

section.brown.profile .two_third_col h3 {
	color: #161616;
}

@media (min-width: 768px) {
	section.brown.profile .two_third_col h3 {
		text-align: left;
		font-size: 22px;
		margin-bottom: 25px;
	}
}

@media (min-width: 1024px) {
	section.brown.profile .two_third_col h3 {
		font-size: 26px;
	}
}

@media (min-width: 1200px) {
	section.brown.profile .two_third_col h3 {
		font-size: 28px;
		margin-bottom: 35px;
	}
}

section.brown.profile .two_third_col p {
	color: #161616;
}

@media (min-width: 768px) {
	section.brown.profile .two_third_col p {
		text-align: left;
	}
}

@media (min-width: 1024px) {
	section.brown.profile .two_third_col p {
		font-size: 15px;
	}
}

@media (min-width: 1024px) {
	section.brown.profile .two_third_col p {
		font-size: 16px;
	}
}

section.brown.profile .two_third_col img.sns {
	width: 40px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 0;
}

@media (min-width: 768px) {
	section.brown.profile .two_third_col {
		width: 60%;
		min-height: 354px;
		float: left;
	}
}

section.bg-img {
	background-image: url("images/bg-fukuoka.jpg");
	background-size: cover;
	background-position: center center;
}

section.cta {
	background-image: url("images/bg-fukuoka.jpg");
	background-size: cover;
	background-position: center center;
	height: 180px;
	position: relative;
}

section.cta .container {
	position: relative;
	z-index: 1;
}

section.cta h2 {
	font-family: "klee", "Yu Gothic", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 20px;
	padding: 0 0 0 0;
	color: #fff;
	text-align: center;
}

@media (min-width: 768px) {
	section.cta h2 {
		margin-bottom: 20px;
	}
}

@media (min-width: 1200px) {
	section.cta h2 {
		font-size: 26px;
	}
}

section.cta::after {
	content: "";
	background-color: rgba(44, 62, 80, 0.5);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
}

@media (min-width: 768px) {
	section.cta {
		height: 210px;
	}
}

@media (min-width: 1200px) {
	section.cta {
		padding: 60px 0;
	}
}

@media (min-width: 768px) {
	section {
		padding: 60px 0;
	}
}

@media (min-width: 1200px) {
	section {
		padding: 80px 0;
	}
}

.hamburger {
	position: fixed;
	right: 5px;
	top: 12px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 300;
	display: block;
}

@media (min-width: 1200px) {
	.hamburger {
		display: none;
	}
}

nav.global-nav {
	display: block;
	font-size: 14px;
	position: fixed;
	right: -320px;
	top: 0;
	width: 260px;
	height: 100vh;
	padding-top: 60px;
	background-color: #fd79a8;
	transition: all 0.6s;
	z-index: 200;
	overflow-y: auto;
}

nav.global-nav::after {
	content: "";
	background-color: #fd79a8;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
}

nav.global-nav .inner {
	position: relative;
	z-index: 300;
}

nav.global-nav ul li {
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #624c3f;
	list-style: none;
}

nav.global-nav ul li.current_page_item {
	background-color: #624c3f;
}

nav.global-nav ul li.current_page_item a {
	color: #fff;
	font-weight: 400;
}

nav.global-nav ul li a {
	font-family: Roboto, sans-serif;
	color: #fff;
	display: block;
	padding: 13px 0 13px 20px;
}

nav.global-nav ul li ul li {
	margin: 0;
	width: 100%;
	border-top: 1px solid #222;
	padding: 0 0 0 10px;
	border-bottom: 0 solid #eee;
}

.hamburger__line {
	position: absolute;
	left: 6px;
	width: 22px;
	height: 2px;
	background-color: #222;
	transition: all 0.6s;
}

.hamburger__line--1 {
	top: 13px;
}

.hamburger__line--2 {
	top: 20px;
}

.hamburger__line--3 {
	top: 28px;
}

.black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 100;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.6s;
	cursor: pointer;
}

.nav-open .global-nav {
	right: 0;
}

.nav-open .black-bg {
	opacity: 0.8;
	visibility: visible;
}

.nav-open .hamburger__line--1 {
	transform: rotate(45deg);
	top: 20px;
}

.nav-open .hamburger__line--2 {
	width: 0;
	left: 50%;
}

.nav-open .hamburger__line--3 {
	transform: rotate(-45deg);
	top: 20px;
}

#hero .half_col {
	padding: 180px 0 0 0;
}

@media (min-width: 1024px) {
	#hero .half_col {
		padding: 130px 0 0 0;
	}
}

#hero h3 {
	font-family: "Marcellus", serif;
	font-size: 30px;
	text-align: center;
	margin-bottom: 10px;
	color: #161616;
	letter-spacing: 0.4px;
	text-shadow: rgba(255, 255, 255, 0.7) 2px 2px 4px;
}

@media (min-width: 768px) {
	#hero h3 {
		font-size: 36px;
		text-align: left;
	}
}

@media (min-width: 1024px) {
	#hero h3 {
		font-size: 50px;
	}
}

#hero p {
	font-family: "klee", "Yu Gothic", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 10px;
	color: #161616;
	font-weight: 700;
	text-shadow: white 1px 1px 2px;
}

@media (min-width: 768px) {
	#hero p {
		text-align: left;
	}
}

@media (min-width: 1024px) {
	#hero p {
		font-size: 18px;
	}
}

.post {
	overflow: hidden;
}

.post img {
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	.post img {
		float: left;
		width: 42%;
		margin-right: 4%;
	}
}

@media (min-width: 1024px) {
	.post img {
		width: 36%;
	}
}

@media (min-width: 1200px) {
	.post img {
		width: 32%;
	}
}

@media (min-width: 768px) {
	.post .blurb {
		float: left;
		width: 54%;
	}
}

@media (min-width: 1024px) {
	.post .blurb {
		width: 60%;
	}
}

@media (min-width: 1200px) {
	.post .blurb {
		width: 64%;
	}
}

.post h3 {
	font-size: 16px;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.post h3 {
		text-align: left;
	}
}

@media (min-width: 1200px) {
	.post h3 {
		font-size: 18px;
	}
}

.post .date {
	font-size: 12px;
	color: #fd79a8;
	display: inline-block;
	margin-right: 20px;
}

.post .category {
	font-size: 12px;
	display: inline-block;
	margin-right: 20px;
}

@media (min-width: 768px) {
	.post p {
		text-align: left;
	}
}

.faqs h3 {
	font-family: "klee", "Yu Gothic", "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 14px;
	color: #fff;
	background-color: #624c3f;
	padding: 15px 20px;
	margin-bottom: 0;
}

@media (min-width: 768px) {
	.faqs h3 {
		text-align: left;
	}
}

@media (min-width: 1024px) {
	.faqs h3 {
		font-size: 16px;
	}
}

.faqs p {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
	font-size: 13px;
	color: #161616;
	background-color: #fff;
	line-height: 1.8;
	padding: 20px;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.faqs p {
		text-align: left;
	}
}

.responsive .testimonial {
	width: 240px;
	border: 0 solid #ccc;
	margin: 80px auto 0 auto;
	background-color: #fff;
	position: relative;
	padding: 20px;
}

.responsive .testimonial img {
	border-radius: 50%;
	width: 180px;
	height: 180px;
	top: -100px;
	margin: -100px auto 30px;
	border: 1px solid #fd79a8;
}

.responsive .testimonial p {
	margin-bottom: 0;
	quotes: "”" "”" "'" "”";
}

.responsive .testimonial p::before {
	content: open-quote;
	font-size: 40px;
	display: block;
	text-align: left;
	margin: 0;
	height: 20px;
	line-height: 20px;
	color: #fd79a8;
}

.responsive .testimonial p::after {
	content: close-quote;
	font-size: 40px;
	display: block;
	text-align: right;
	margin: 20px 0 0 0;
	height: 20px;
	line-height: 20px;
	color: #fd79a8;
}

footer {
	padding: 40px 0;
	background-color: #353535;
}

footer ul {
	list-style: none;
	margin-bottom: 30px;
}

@media (min-width: 768px) {
	footer ul {
		text-align: center;
	}
}

footer ul li {
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

footer ul li.current-menu-item a {
	color: #fd79a8;
}

@media (min-width: 768px) {
	footer ul li {
		display: inline-block;
		margin-right: 15px;
	}
}

footer small {
	display: block;
	text-align: center;
	color: #fff;
}

input {
	width: 100%;
}

@media (min-width: 1200px) {
	input {
		max-width: 1200px;
		width: 35%;
	}
}

select {
	border: 1px solid #ccc;
	padding: 7px;
	width: 100%;
}

@media (min-width: 1200px) {
	select {
		width: 35%;
	}
}

input.wpcf7-submit {
	background-color: #fd79a8;
	color: #fff;
	border: 0px solid #fff;
	width: 150px;
	padding: 12px;
	text-align: center;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 0 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before, .slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

@media (min-width: 768px) {
	.slick-slide {
		margin: 0 20px;
	}
}

.slick-arrow.slick-hidden {
	display: none;
}

/* Slider */
.slick-loading .slick-list {
	background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
	font-family: "slick";
	src: url("./fonts/slick.eot");
	src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: white;
	opacity: 0.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -10px;
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px;
}

.slick-prev:before {
	content: "←";
}

[dir="rtl"] .slick-prev:before {
	content: "→";
}

.slick-next {
	right: -10px;
}

[dir="rtl"] .slick-next {
	left: -25px;
	right: auto;
}

.slick-next:before {
	content: "→";
}

[dir="rtl"] .slick-next:before {
	content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -35px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	color: black;
	opacity: 0.75;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #fff;
}

a:visited {
	color: #fff;
}

a:hover, a:focus, a:active {
	color: #fd79a8;
}

a:focus {
	outline: thin dotted;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]: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 {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*# sourceMappingURL=style.css.map */