* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100% !important;
	-ms-text-size-adjust: 100% !important;
	text-size-adjust: 100% !important;
	-moz-text-size-adjust: 100% !important
}
select, button, input, textarea, button {
	border: 1px solid #333
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
table, td, th {
	border: 1px solid #333
}
td, th {
	line-height: 1.5;
	padding: .3em .4em
}
th {
	font-weight: bold;
	font-size: 1.05em
}
html {
	font-size: 100%;
	background-color: #fff;
	word-break: break-word
}
body {
	min-height: 100vh;
	color: #333;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	font: normal normal normal 14px/1.6 "Helvetica", "Arial", sans-serif;
	background-color: #fff
}
hr {
	overflow: visible;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin: 1em 0;
	height: 0;
	border-top: 1px solid #ccc
}
button:disabled {
	cursor: default
}
a, a:active, a:link, a:visited {
	text-decoration: none;
	color: #333
}
a:hover {
	text-decoration: underline
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, dialog, hr, img {
	display: block
}
audio, canvas, iframe, img, svg, video {
	display: inline-block;
	vertical-align: middle
}
[hidden], dialog:not([open]), template {
	display: none
}
button, input, select, textarea {
	font-family: inherit;
	border-radius: 0
}
textarea {
	resize: vertical
}
audio, canvas, progress, video {
	display: inline-block
}
input, select {
	vertical-align: middle
}
button {
	vertical-align: inherit;
	line-height: inherit;
	cursor: pointer
}
button, select {
	text-transform: none
}
code, kbd, pre, samp {
	font-family: monospace, sans-serif;
	font-size: 1em
}
mark {
	background-color: #ff0
}
small {
	font-size: 80%
}
sub, sup {
	position: relative;
	font-size: 70%;
	line-height: 0
}
sub {
	bottom: -0.25em
}
sup {
	top: -0.5em
}
ul {
	list-style: none
}
img {
	width: 100%;
	height: auto
}
body.error404 {
	background-color: #121212;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.text404 {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
	color: #ccc;
	text-align: center;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	white-space: nowrap
}
.text404 strong {
	font-size: 80px;
	line-height: 1.15;
	font-weight: bold;
	display: inline-block;
	text-indent: -0.08em
}

@media(max-width: 600px) {
.text404 strong {
	font-size: 75px
}
}
.text404 p {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase
}

@media(max-width: 600px) {
.text404 p {
	font-size: 16px
}
}
.text404 a, .text404 a:link {
	margin-top: 50px;
	font-size: 14px;
	line-height: 1.15;
	white-space: normal;
	display: inline-block;
	height: 3em;
	line-height: 3em;
	width: 13em;
	background-color: #333;
	color: #ccc;
	text-transform: uppercase;
	-webkit-transition: .2s;
	transition: .2s;
	border-radius: 100em;
	overflow: hidden;
	font-weight: normal
}
.text404 a:hover, .text404 a:link:hover {
	color: #333 !important;
	background-color: #fff !important;
	text-decoration: none
}/*!
 * pagepiling.js 1.5.6
 *
 * https://github.com/alvarotrigo/pagePiling.js
 * @license MIT licensed
 *
 * Copyright (C) 2016 alvarotrigo.com - A project by Alvaro Trigo
 */
html.pp, body.home {
	overflow: hidden;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.pp-section {
	height: 100%;
	position: absolute;
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.pp-easing {
	-webkit-transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99);
	transition-timing-function: cubic-bezier(0.55, 0.085, 0, 0.99)
}
#pp-nav {
	position: fixed;
	z-index: 100;
	margin-top: -32px;
	top: 50%;
	opacity: 1
}
#pp-nav.right {
	right: 17px
}
#pp-nav.left {
	left: 17px
}
.pp-section.pp-table {
	display: table
}
.pp-tableCell {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%
}
.pp-slidesNav {
	position: absolute;
	z-index: 4;
	left: 50%;
	opacity: 1
}
.pp-slidesNav.bottom {
	bottom: 17px
}
.pp-slidesNav.top {
	top: 17px
}
#pp-nav ul, .pp-slidesNav ul {
	margin: 0;
	padding: 0
}
#pp-nav li, .pp-slidesNav li {
	display: block;
	width: 14px;
	height: 13px;
	margin: 7px;
	position: relative
}
.pp-slidesNav li {
	display: inline-block
}
#pp-nav li a, .pp-slidesNav li a {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none
}
#pp-nav li .active span, .pp-slidesNav .active span {
	background: #333
}
#pp-nav span, .pp-slidesNav span {
	top: 2px;
	left: 2px;
	width: 8px;
	height: 8px;
	border: 1px solid #000;
	background: rgba(0,0,0,0);
	border-radius: 50%;
	position: absolute;
	z-index: 1
}
.pp-tooltip {
	position: absolute;
	top: -2px;
	color: #fff;
	font-size: 14px;
	font-family: arial, helvetica, sans-serif;
	white-space: nowrap;
	max-width: 220px
}
.pp-tooltip.right {
	right: 20px
}
.pp-tooltip.left {
	left: 20px
}
.pp-scrollable {
	overflow-y: scroll;
	height: 100%
}
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-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: rgba(0,0,0,0)
}
.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);
	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 rgba(0,0,0,0)
}
.slick-arrow.slick-hidden {
	display: none
}
html.lb-disable-scrolling {
	overflow: hidden;
	position: fixed;
	height: 100vh;
	width: 100vw
}
.lightboxOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background-color: #000;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: .8;
	display: none
}
.lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10000;
	text-align: center;
	line-height: 0;
	font-weight: normal
}
.lightbox .lb-image {
	display: block;
	height: auto;
	max-width: inherit;
	max-height: none;
	border-radius: 3px;
	border: 4px solid #fff
}
.lightbox a img {
	border: none
}
.lb-outerContainer {
	position: relative;
*zoom:1;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 4px;
	background-color: #fff
}
.lb-outerContainer:after {
	content: "";
	display: table;
	clear: both
}
.lb-loader {
	position: absolute;
	top: 43%;
	left: 0;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0
}
.lb-cancel {
	display: block;
	width: 32px;
	height: 32px;
	margin: 0 auto;
	background: url(../images/loading.gif) no-repeat
}
.lb-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10
}
.lb-container>.nav {
	left: 0
}
.lb-nav a {
	outline: none;
	background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}
.lb-prev, .lb-next {
	height: 100%;
	cursor: pointer;
	display: block
}
.lb-nav a.lb-prev {
	width: 34%;
	left: 0;
	float: left;
	background: url(../images/prev.png) left 48% no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity .6s;
	transition: opacity .6s
}
.lb-nav a.lb-prev:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}
.lb-nav a.lb-next {
	width: 64%;
	right: 0;
	float: right;
	background: url(../images/next.png) right 48% no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: opacity .6s;
	transition: opacity .6s
}
.lb-nav a.lb-next:hover {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}
.lb-dataContainer {
	margin: 0 auto;
	padding-top: 5px;
*zoom:1;
	width: 100%;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px
}
.lb-dataContainer:after {
	content: "";
	display: table;
	clear: both
}
.lb-data {
	padding: 0 4px;
	color: #ccc
}
.lb-data .lb-details {
	width: 85%;
	float: left;
	text-align: left;
	line-height: 1.1em
}
.lb-data .lb-caption {
	font-size: 13px;
	font-weight: bold;
	line-height: 1em
}
.lb-data .lb-caption a {
	color: #4ae
}
.lb-data .lb-number {
	display: block;
	clear: left;
	padding-bottom: 1em;
	font-size: 12px;
	color: #999
}
.lb-data .lb-close {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../images/close.png) top right no-repeat;
	text-align: right;
	outline: none;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: .7;
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}
.lb-data .lb-close:hover {
	cursor: pointer;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1
}
html {
	background-color: #fff
}

@media(max-width: 1200px) {
html.pp {
	width: 100%;
	overflow: hidden;
	height: calc(100% - env(safe-area-inset-bottom) - env(safe-area-inset-top))
}
}
body {
	overflow-x: hidden;
	font-family: "Poppins", "Segoe UI", "Noto Sans SC", メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Noto Sans JP", YuGothic, "Hiragino Kaku Gothic ProN", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6
}
body.home {
	width: 100%;
	height: 100%;
	overflow: hidden
}

@media(max-width: 1200px) {
body.home {
	height: calc(100% - env(safe-area-inset-bottom) - env(safe-area-inset-top))
}
}
a, a:link {
	-webkit-transition: all 300ms cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 300ms cubic-bezier(0.55, 0.085, 0, 0.99)
}
a:hover, a:link:hover {
	text-decoration: none
}
.bg-photo {
	background: center center/cover no-repeat
}
.bg-photo>img {
	display: none
}
::-moz-selection {
color:#333;
background-color:#ddd;
mix-blend-mode:exclusion
}
::selection {
	color: #333;
	background-color: #ddd;
	mix-blend-mode: exclusion
}
.toggle-btn {
	width: 60px;
	height: 60px;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: none;
	z-index: 999;
	position: relative
}
.toggle-btn label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}
.toggle-btn label .line {
	position: absolute;
	width: 50%;
	height: 4px;
	border-radius: 4px;
	background-color: #000;
	display: block;
	margin: auto;
	-webkit-transition: 400ms;
	transition: 400ms
}
.toggle-btn label .line::before {
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background-color: #000;
	display: block;
	margin: auto;
	-webkit-transition: 400ms;
	transition: 400ms;
	content: "";
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(0deg) translateY(10px);
	transform: rotate(0deg) translateY(10px)
}
.toggle-btn label .line::after {
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background-color: #000;
	display: block;
	margin: auto;
	-webkit-transition: 400ms;
	transition: 400ms;
	content: "";
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: rotate(0deg) translateY(-10px);
	transform: rotate(0deg) translateY(-10px)
}
.ghost-nav {
	overflow: hidden;
	pointer-events: none;
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 550;
	height: 100%;
	background: #000;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	opacity: 0;
	-webkit-transition: opacity .5s linear 0s, background .35s linear 0s, width .35s cubic-bezier(0.55, 0.085, 0, 0.99) .2s, -webkit-transform 0s linear .5s;
	transition: opacity .5s linear 0s, background .35s linear 0s, width .35s cubic-bezier(0.55, 0.085, 0, 0.99) .2s, -webkit-transform 0s linear .5s;
	transition: transform 0s linear .5s, opacity .5s linear 0s, background .35s linear 0s, width .35s cubic-bezier(0.55, 0.085, 0, 0.99) .2s;
	transition: transform 0s linear .5s, opacity .5s linear 0s, background .35s linear 0s, width .35s cubic-bezier(0.55, 0.085, 0, 0.99) .2s, -webkit-transform 0s linear .5s;
	padding-top: 60px
}

@media(min-width: 1201px) {
.ghost-nav {
	display: none !important
}
}
.ghost-nav a {
	text-transform: uppercase;
	color: #fff;
	font-family: "eurostile-extended", "Poppins", "Segoe UI", "Noto Sans JP", "Noto Sans SC", メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic ProN", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	font-weight: 500;
	display: block;
	padding: .4em .4em
}
.ghost-nav .top {
	width: 100%;
	padding: 0 20px;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	-webkit-transition: all 350ms cubic-bezier(0.55, 0.085, 0, 0.99) 0s;
	transition: all 350ms cubic-bezier(0.55, 0.085, 0, 0.99) 0s
}
.ghost-nav .bottom {
	width: 100%;
	padding: 0 20px;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	-webkit-transition: all 350ms cubic-bezier(0.55, 0.085, 0, 0.99) 0s;
	transition: all 350ms cubic-bezier(0.55, 0.085, 0, 0.99) 0s
}
.ghost-nav .bottom a {
	font-size: 12px
}
.ghost-nav ul {
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
.ghost-nav ul li {
	width: auto;
	margin-right: 20px
}
.ghost-nav .icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	margin: .5em auto 0
}
.ghost-nav .icons a {
	width: 2em;
	height: 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.ghost-nav .icons svg {
	width: 100%;
	height: 100%
}
.ghost-nav .header-menu ul {
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	position: relative
}
.ghost-nav .header-menu ul::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1.5px;
	background-color: #fff;
	-webkit-transition: all 500ms cubic-bezier(0.55, 0.085, 0, 0.99) 0s;
	transition: all 500ms cubic-bezier(0.55, 0.085, 0, 0.99) 0s
}
.ghost-nav .header-menu ul li {
	width: 100%
}
.ghost-nav .header-menu ul a {
	font-size: 20px;
	width: 100%
}
.ghost-nav .contact-menu ul {
	margin-bottom: 0
}
.ghost-nav .links .icon {
	display: none
}
#menu-status {
	display: none
}

@media(min-width: 1201px) {
.style-masonry .items .item .mobile-article {
	display: none !important
}
}

@media(max-width: 1200px) {
.style-masonry .items .item .mobile-article {
	padding: 10px 0 15px;
	font-size: 12px;
	line-height: 1.5
}
.style-masonry .items .item .mobile-article .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 2px
}
.style-masonry .items .item .article {
	display: none !important
}
.style-masonry .items .item::after {
	display: none !important;
	opacity: 0 !important;
	pointer-events: none !important
}
#menu-status:checked~.ghost-nav {
	width: 100%;
	pointer-events: unset;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: opacity .1s linear 0s, background .35s linear 0s, width .35s cubic-bezier(0.55, 0.085, 0, 0.99) .2s, -webkit-transform 0s linear 0s;
	transition: opacity .1s linear 0s, background .35s linear 0s, width .35s cubic-bezier(0.55, 0.085, 0, 0.99) .2s, -webkit-transform 0s linear 0s;
	transition: transform 0s linear 0s, opacity .1s linear 0s, background .35s linear 0s, width .35s cubic-bezier(0.55, 0.085, 0, 0.99) .2s;
	transition: transform 0s linear 0s, opacity .1s linear 0s, background .35s linear 0s, width .35s cubic-bezier(0.55, 0.085, 0, 0.99) .2s, -webkit-transform 0s linear 0s
}
#menu-status:checked~.ghost-nav .header-menu ul::after {
	width: 100%;
	-webkit-transition: all 500ms cubic-bezier(0.55, 0.085, 0, 0.99) .9s;
	transition: all 500ms cubic-bezier(0.55, 0.085, 0, 0.99) .9s
}
#menu-status:checked~.ghost-nav .top {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 450ms cubic-bezier(0.55, 0.085, 0, 0.99) .35s;
	transition: all 450ms cubic-bezier(0.55, 0.085, 0, 0.99) .35s
}
#menu-status:checked~.ghost-nav .bottom {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	opacity: 1;
	-webkit-transition: all 450ms cubic-bezier(0.55, 0.085, 0, 0.99) .4s;
	transition: all 450ms cubic-bezier(0.55, 0.085, 0, 0.99) .4s
}
#menu-status:checked~.ghost-nav .site-nav {
	-webkit-transition: .6s;
	transition: .6s;
	-webkit-transition-delay: .45s;
	transition-delay: .45s;
	opacity: 1
}
.page #menu-status:checked~.header {
	background-color: #000
}
#menu-status:checked~.header .brand a {
	color: #fff
}
#menu-status:checked~.header .toggle-btn label .line {
	background-color: rgba(255,255,255,0)
}
#menu-status:checked~.header .toggle-btn label .line::after {
	-webkit-transform: rotate(-45deg) translateY(0px);
	transform: rotate(-45deg) translateY(0px);
	background: #fff
}
#menu-status:checked~.header .toggle-btn label .line::before {
	-webkit-transform: rotate(45deg) translateY(0px);
	transform: rotate(45deg) translateY(0px);
	background: #fff
}
}

@media(max-width: 500px) {
.ghost-nav .top {
	padding: 0
}
.ghost-nav .bottom {
	padding: 0
}
.ghost-nav ul li {
	margin: 0
}
.ghost-nav ul li a, .ghost-nav ul li a:link {
	padding: .6em 0;
	text-align: center
}
.ghost-nav .icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 15px
}
.ghost-nav .icons a {
	font-size: 28px;
	padding: .4em .5em
}
#menu-status:checked~.ghost-nav .header-menu ul::after {
	display: none
}
.ghost-nav .contact-menu ul, .ghost-nav .links ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.ghost-nav .contact-menu ul li, .ghost-nav .links ul li {
	padding: 5px
}
.ghost-nav .contact-menu ul li a, .ghost-nav .contact-menu ul li a:link, .ghost-nav .links ul li a, .ghost-nav .links ul li a:link {
	white-space: nowrap;
	padding: .6em 1.2em;
	border-radius: 100em;
	background-color: rgba(255,255,255,.15)
}
}
.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.loading .loading-text {
	width: 100%;
	max-width: 300px;
	margin: 0 auto
}
.loading::before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 50%;
	left: 0;
	background-color: #ecedea;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s;
	transition: -webkit-transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s;
	transition: transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s;
	transition: transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s, -webkit-transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	top: 0
}
.loading::after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 50%;
	left: 0;
	background-color: #ecedea;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s;
	transition: -webkit-transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s;
	transition: transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s;
	transition: transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s, -webkit-transform 1s cubic-bezier(0.76, 0.08, 0.3, 1) .6s;
	-webkit-transform-origin: bottom center;
	transform-origin: bottom center;
	bottom: 0
}
.loading.active .loading-text {
	opacity: 1
}
.loading.loadingOut::before {
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
.loading.loadingOut::after {
	-webkit-transform: scaleY(0);
	transform: scaleY(0)
}
.loading-text {
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .1em;
	opacity: 0;
	-webkit-transition: .6s linear;
	transition: .6s linear
}
.loading-text .name {
	font-size: 2.25em;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .25em
}

@media(max-width: 767px) {
.loading-text {
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0
}
.loading-text .name {
	font-size: 2em;
	letter-spacing: .1em
}
}
.samehover li:not(:first-child) a::before {
	display: block
}
.samehover a {
	position: relative;
	z-index: 1
}
.samehover a:hover {
	color: #fff
}
.samehover a:hover span::after {
	opacity: 1
}
.samehover a span {
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 0 .5em
}
.samehover a span::after {
	content: "";
	position: absolute;
	left: 0em;
	top: -0.2em;
	width: 100%;
	height: calc(100% + .4em);
	background-color: #000;
	z-index: -1;
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 0
}
.samehover a::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 50%;
	width: 2px;
	height: calc(100% - 1em);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #000;
	display: none
}
.home .header {
	background-color: rgba(0,0,0,0)
}
.page .page-icons .icons {
	display: none
}
.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 650;
	padding: 20px 40px;
	font-size: 12px;
	-webkit-transition: all .5s;
	transition: all .5s;
	background-color: #fff
}
.header .wrapper {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.header .brand svg{
	width: 200px;
	margin-right: 2em
}
.header .brand a {
	display: block;
	width: 100%;
}
.header .left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.header ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-transform: uppercase;
	font-weight: bold
}
.header ul a {
	display: block;
	line-height: 1;
	padding: .5em 2em;
	font-family: "eurostile-extended", "Poppins", "Segoe UI", "Noto Sans JP", "Noto Sans SC", メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic ProN", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 500
}
.header .menu a {
	padding: .5em 2.5em
}
.header .menu a.on {
	color: #fff
}
.header .menu a.on span::after {
	opacity: 1
}
.page-icons {
	position: absolute;
	left: 40px;
	z-index: 10;
	top: 50%;
	opacity: 0;
	-webkit-transform: translateY(-50%) translateX(-150%);
	transform: translateY(-50%) translateX(-150%);
	-webkit-transition: all .5s;
	transition: all .5s
}
.page-icons.on {
	opacity: 1;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%)
}
.page-icons .icons a {
	width: 2em;
	height: 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: .5em 0;
	padding: .5em
}
.page-icons .icons a svg {
	width: 100%;
	max-width: 100%;
	max-height: 100%
}
#pp-nav {
	display: none
}
.home .footer {
	position: absolute;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	padding: 20px 40px 40px
}
.home .footer.on {
	-webkit-transform: translateY(0%);
	transform: translateY(0%)
}
.home .header {
	position: absolute;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all .5s;
	transition: all .5s
}
.home .header.on {
	-webkit-transform: translateY(0%);
	transform: translateY(0%)
}
.footer {
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 50;
	padding: 20px 40px 20px;
	font-size: 12px;
	-webkit-transition: all .5s;
	transition: all .5s
}
.footer .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.footer .links .icon {
	width: 1em;
	height: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.footer .links .icon svg {
	width: 100%;
	height: auto
}
.footer .wrapper {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.footer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-transform: uppercase;
	font-weight: bold
}
.footer ul a {
	display: block;
	line-height: 1;
	padding: .5em 2em;
	font-family: "eurostile-extended", "Poppins", "Segoe UI", "Noto Sans JP", "Noto Sans SC", メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic ProN", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 500
}
.footer .copyright {
	font-weight: bold;
	font-family: "eurostile-extended", "Poppins", "Segoe UI", "Noto Sans JP", "Noto Sans SC", メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic ProN", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 500
}
.splitstring span {
	display: inline-block;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: 1.2s;
	transition: 1.2s
}
.splitstring span.showString {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.white .header .brand a, .white .header ul a, .white .icons a, .white .section-home .article, .white .footer .copyright, .white .footer ul a, .white .footer .links .icon svg {
	color: #fff
}
.white .samehover a::before {
	background-color: #fff
}
.white .header .menu a.on {
	color: #000
}
.white .samehover a:hover {
	color: #000
}
.white .samehover a span::after {
	background-color: #fff
}
.white .toggle-btn label .line {
	background-color: #fff
}
.white .toggle-btn label .line::before {
	background-color: #fff
}
.white .toggle-btn label .line::after {
	background-color: #fff
}
.ezaki-yoshitaka {
	position: absolute;
	width: 95%;
	top: 80%;
	right: 0%;
	z-index: 5;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden
}
.ezaki-yoshitaka svg {
	height: 15%;
	color: #df6c52;
	width: 100%
}
.ezaki-yoshitaka #path {
  fill: none;                  
  stroke: #df6c52;            
  stroke-width: 1;           
  stroke-dasharray: 1000;      
  stroke-dashoffset: 1000;     
}
.ezaki-yoshitaka.normalanimate{
  animation: drawtext 4s ease forwards; 
}
@keyframes drawtext {
  0% {
    stroke-dashoffset: 1000;   
  }
  100% {
    stroke-dashoffset: 0;      
    fill: #df6c52;            
  }
}

    .ezaki-yoshitaka.normalanimate #path {
      animation: drawtext 4s ease-in-out forwards;
    }
.section-home.none .content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
}
.section-home.active .content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
}
.section-home .content {
	padding: 0 100px;
	-webkit-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateX(140%);
	transform: translateX(140%)
}
.section-home .pp-tableCell {
	position: relative
}
.section-home .article .has {
	position: relative;
	display: inline-block
}
.section-home .article .inner-span {
	display: inline-block;
	-webkit-transition: 1s;
	transition: 1s;
	line-height: .95em;
	-webkit-transform: translateY(105%);
	transform: translateY(105%)
}
.section-home .article .inner-span.show {
	-webkit-transform: translateY(0%) !important;
	transform: translateY(0%) !important
}
.section-home .article .en {
	font-weight: bold;
	text-transform: capitalize;
	font-size: 12vw;
	line-height: .95em;
	letter-spacing: -0.05em;
	overflow: hidden;
	padding-right: .5em
}
.section-home .article .en-by {
	position: absolute;
	left: 40%;
	top: 100%;
	font-weight: bold;
	font-size: 1.6vw;
	line-height: 1;
	display: inline-block;
	overflow: hidden
}
.section-home .article .en-by .inner-span {
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(120%);
	transform: translateY(120%)
}
.section-home .photo {
	position: absolute;
	right: 0;
	top: 0;
	width: 60%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 0
}
.section-home .photo.on {
	opacity: 1
}
.section-home .photo.on::after {
	width: 0
}
.section-home .photo.on .bg-photo {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.section-home .photo::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 1500ms cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 1500ms cubic-bezier(0.55, 0.085, 0, 0.99);
	background-color: #fff
}
.section-home .photo .bg-photo {
	width: 100%;
	height: 100%;
	-webkit-transition: all 2s;
	transition: all 2s
}
.section-concept.active .content .article {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px)
}
.section-concept .ttl {
	color: #fff;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1;
	margin-bottom: .5em
}
.section-concept .content {
	height: 100%;
	padding: 0 100px 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}
.section-concept .content .article {
	font-size: 26px;
	color: #fff;
	opacity: 0;
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: all 800ms cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 800ms cubic-bezier(0.55, 0.085, 0, 0.99);
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
	font-weight: bold
}
.pp-section.remove {
	-webkit-transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
	opacity: 0
}
.head-add-box {
	margin-bottom: 40px
}
.head-add-box .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.head-add-box .btns .btn {
	margin: 0 1em
}
.page-head-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-right: 10px
}
.page-head-box .page-head {
	width: 50%
}
.page-head-box .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.page-head-box .btns .btn {
	margin: 0 1em
}
.page-head {
	font-size: 6vw;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: .3em;
	white-space: nowrap
}
.page-head-wrapper {
	width: 100%;
	margin-bottom: 20px
}
.page-head-wrapper .page-head {
	margin-right: 1vw;
	margin-bottom: 0
}
.page-head-wrapper .des {
	max-width: 800px;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 20px;
}
.page-head-wrapper .des em {
	font-weight: bold;
	font-style: normal;
	font-size: 1.5em;
	margin-bottom: .4em;
	display: block
}

@media(max-width: 1200px) {
.page-head-wrapper .des {
	font-size: 12px
}
}
.header.remove {
	-webkit-transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
	opacity: 0
}
.footer.remove {
	-webkit-transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 1000ms cubic-bezier(0.55, 0.085, 0, 0.99);
	opacity: 0
}
.section-style {
	overflow: hidden
}
.section-style.up.active .content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
}
.section-style.up .content {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.section-style.down.active .content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
}
.section-style.down .content {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}
.section-style .content {
	width: 100vw;
	max-width: 1920px;
	margin: 0 auto;
	padding: 80px 100px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}
.section-style .left {
	width: 60%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.section-style .left .photo {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1
}
.section-style .left .photo .slick-items {
	width: 60%;
	margin: 0 auto
}
.section-style .left .photo .bg-photo {
	width: 100%;
	padding-top: 100%
}
.section-style .left .ttl {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	font-weight: bold;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	line-height: 1;
	z-index: 5;
	text-transform: uppercase;
	color: #fff
}
.section-style .left .ttl .big {
	font-size: 5vw;
	white-space: nowrap
}
.section-style .left .ttl .small {
	font-size: 2vw
}
.section-style .right {
	width: 50%
}
.section-style .page-title {
	text-align: right;
	color: #fff
}
.page-title {
	font-weight: bold;
	line-height: 1;
	white-space: nowrap
}
.page-title .big {
	font-size: 11vw;
	text-transform: uppercase
}
.page-title .small {
	font-size: 2vw;
	text-transform: capitalize
}
.page_shop.section-shop {
	padding-top: 120px
}
.section-media {
	overflow: hidden
}
.section-media.active .content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
}
.section-media .content {
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	width: 100%;
	padding: 80px 100px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section-media .left {
	padding-right: 20px;
	width: 40%;
	position: relative
}
.section-media .left .page-title {
	-webkit-transform: translateY(-0.8em);
	transform: translateY(-0.8em)
}
.section-media .right {
	padding-left: 20px;
	width: 60%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section-media .right .box {
	width: 100%;
	max-width: 500px
}
.section-media .right .img {
	width: 100%
}
.section-media .right .article {
	text-align: center
}
.section-media .right .article .ttl {
	font-weight: bold;
	margin-top: 1em
}
.section-shop {
	overflow: hidden;
	-webkit-transition: all 1s;
	transition: all 1s
}
.section-shop.up.active .content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
}
.section-shop.up .content {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.section-shop.down.active .content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%)
}
.section-shop.down .content {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.section-shop .content {
	width: 100%;
	padding: 80px 100px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section-shop .left {
	padding-right: 20px;
	width: 50%;
	position: absolute;
	left: 8%;
	bottom: 160px
}
.section-shop .left .text {
	width: 70%;
	margin: 0
}
.section-shop .left h2 {
	font-size: 28px;
	display: block;
	line-height: 1.4
}
.section-shop .left p {
	margin: 20px 0;
	font-size: 14px;
	line-height: 1.8
}
.section-shop .right {
	padding-left: 20px;
	width: 50%;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0
}
.section-shop .right .figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}
.btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2em
}
.btn.center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.btn.more a {
	min-width: 100px;
	text-align: center
}
.btn.white a {
	border: 1.5px solid #fff;
	background-color: #000;
	color: #fff
}
.btn.white a:hover {
	background-color: #fff;
	color: #000
}
.btn a {
	display: block;
	border: 1.5px solid #000;
	padding: .5em 1em;
	text-transform: uppercase;
	font-size: 12px;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color: #fff
}
.btn a:hover {
	background-color: #000;
	color: #fff
}
.shop-price {
	padding-top: 120px
}
.shop-price .wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.shop-price .content {
	width: 65%;
	padding: 0 60px
}
.shop-price .content .box {
	width: 100%;
	max-width: 800px;
	margin: 0 auto
}
.shop-price .photo {
	width: 35%
}
.shop-price .photo .bg-photo {
	width: 100%;
	height: 100%
}
.shop-price .tablese6 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 1.5em
}
.shop-price .tablese6 .seleft {
	width: calc(50% - 40px)
}
.shop-price .tablese6 .seright {
	width: calc(50% - 40px)
}
.shop-price .tablese6 table {
	width: 100%
}
.shop-price .tablese6 tr, .shop-price .tablese6 td, .shop-price .tablese6 table {
	border: none
}
.shop-price .tablese6 td {
	padding: 8px 0
}
.shop-price .tablese6 tr.hide {
	display: none !important
}
.shop-ttl {
	font-weight: bold;
	font-size: 48px;
	line-height: 1;
	margin-bottom: 1em
}
.shop-business{
	padding-top: 80px;
}
.shop-recruit .wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.shop-recruit .content {
	width: 65%;
	padding: 0 60px
}
.shop-recruit .content .box {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 40px;
}
.shop-recruit .photo {
	width: 35%
}
.shop-recruit .photo .bg-photo {
	width: 100%;
	height: 100%
}
.shop-recruit .ttl {
	font-weight: bold;
	font-size: 48px;
	line-height: 1
}
.shop-recruit .item {
	margin-top: 2.5em
}
.shop-recruit .item dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .5em
}
.shop-recruit .item dl dt{
	font-weight: bold;
	min-width: 100px;
}
.shop-recruit .item-ttl {
	margin-bottom: 1.2em;
	font-weight: bold
}
.shop-access {
	margin-top: 80px
}
.shop-access .wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.shop-access .content {
	width: 50%;
	padding: 100px 60px
}
.shop-access .content .box {
	width: 100%;
	max-width: 520px;
	margin: 0 auto
}
.shop-access .photo {
	width: 50%
}
.shop-access .photo .map {
	background-color: #000;
	width: 100%;
	height: 100%;
	position: relative
}
.shop-access .photo .map iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.shop-access .ttl {
	font-weight: bold;
	font-size: 48px;
	line-height: 1
}
.shop-access .item {
	margin-top: 2.5em
}
.fixed-ttl {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	padding: 100px
}
.fixed-ttl .content {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.fixed-ttl .right {
	width: 50%
}
.fixed-ttl .left {
	width: 50%
}
.style-ttl {
	width: 100%;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	z-index: 5;
	text-transform: uppercase
}
.style-ttl .big {
	font-size: 5vw
}
.style-ttl .small {
	font-size: 2vw
}
.contact-section {
	padding: 40px 0;
	padding-top: 120px;
	font-size: 18px;
	padding-right: 55%;
	position: relative
}
.contact-section .mw_wp_form_preview .tip {
	display: none !important
}
.contact-section .contact-section-text {
	width: 100%;
	padding: 0 60px
}
.contact-section .contact-section-text .page-head {
	text-align: center;
	margin-bottom: 0
}
.contact-section .contact-section-text .article {
	font-size: 12px;
	padding: 20px 0;
	line-height: 1.8
}
.contact-section .contact-section-text dl {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
.contact-section .contact-section-text dl dt {
	width: 200px;
	min-width: 200px;
	padding-right: 20px;
	font-size: 16px;
	line-height: 1.3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: right;
	white-space: nowrap
}
.contact-section .contact-section-text dl .must {
	font-size: .7em !important;
	white-space: nowrap
}
.contact-section .contact-section-text dl dd {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	font-size: 14px
}
.contact-section .contact-section-text dl dd .horizontal-item {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}
.contact-section .contact-section-text dl dd .horizontal-item label {
	display: block;
	padding: 3px 0
}
.contact-section .contact-section-text dl dd label {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.contact-section .contact-section-text dl dd .mwform-checkbox-field input, .contact-section .contact-section-text dl dd .mwform-radio-field input {
	font-size: inherit;
	border-radius: 0 !important;
	margin-right: 2px;
	width: 14px;
	height: 14px
}
.contact-section .contact-section-text dl dd .tip {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: .5em
}
.contact-section .contact-section-bg {
	width: 55%;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	position: absolute
}
.contact-section .contact-section-bg .figure {
	width: 100%;
	top: 92px;
	right: 0;
	bottom: 0;
	height: calc(100vh - 92px);
	position: sticky;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}
.contact-section .thanks {
	text-align: center;
	padding: 40px 0px
}
.contact-section .wrapper {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto
}
.contact-section .box-line {
	border: 2px solid #333;
	padding: 1em;
	display: block;
	line-height: 1.5;
	font-size: 14px;
	text-align: center;
	margin: 0 auto .5em;
	font-weight: bold
}
.contact-section .head {
	margin-bottom: 2em
}
.contact-section .form .dl-checkbox dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.contact-section .form .dl-checkbox dd .horizontal-item {
	margin-left: 0;
	margin-right: 1em
}
.contact-section .form .dl-text dd input, .contact-section .form .dl-text dd textarea {
	padding: 1em;
	width: 100%
}
.contact-section .form dl {
	padding-bottom: 1em
}
.contact-section .form dl dt .ja {
	font-weight: bold
}
.contact-section .form dl dt .must {
	padding: .35em .4em;
	border-radius: .2em;
	background-color: #df6c52;
	color: #fff;
	margin-left: .8em;
	line-height: 1;
	display: block
}
.contact-section .form dl dd {
	width: 100%;
	display: inline-block;
	padding: .5em 0
}
.contact-section .multi-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 30px
}
.contact-section .multi-buttons button {
	display: block;
	border: 1.5px solid #000;
	padding: .5em 1em;
	text-transform: uppercase;
	position: relative;
	background-color: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #000
}
.contact-section .multi-buttons button:hover, .contact-section .multi-buttons button:active {
	background-color: #fff;
	color: #000
}

@media(min-width: 1201px) {
.contact-section .multi-buttons button {
	-webkit-transition: all .3s;
	transition: all .3s
}
.contact-section .multi-buttons button:hover {
	background-color: #000;
	color: #fff
}
}
.contact-section .multi-buttons .back {
	margin-right: 1em
}
.contact-section .mw_wp_form_confirm .form dl dd {
	margin-top: .5em;
	padding: .5em 1em;
	background-color: #eee
}
.style-masonry {
	padding: 40px;
	padding-top: 120px
}
.style-masonry .items .item {
	width: 20%;
	padding: 10px;
	position: relative;
	cursor: pointer;
	z-index: 1;
	display: block;
	overflow: hidden
}
.style-masonry .items .item .bg-photo {
	width: 100%
}
.style-masonry .items .item::after {
	content: "";
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	opacity: 0;
	background-color: rgba(0,0,0,.9);
	-webkit-transition: all 500ms cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 500ms cubic-bezier(0.55, 0.085, 0, 0.99);
	-webkit-transform-origin: center;
	transform-origin: center;
	pointer-events: none
}

@media(max-width: 500px) {
.style-masonry .items .item::after {
	left: 5px;
	bottom: 5px;
	width: calc(100% - 10px);
	height: calc(100% - 10px)
}
}
.style-masonry .items .item:hover::after {
	opacity: 1;
	pointer-events: unset
}
.style-masonry .items .item:hover .article {
	opacity: 1;
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.style-masonry .items .item .article {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 2;
	font-family: "Poppins", "Segoe UI", "Noto Sans JP", "Noto Sans SC", メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic ProN", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 300ms cubic-bezier(0.55, 0.085, 0, 0.99);
	transition: all 300ms cubic-bezier(0.55, 0.085, 0, 0.99);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}
.style-masonry .items .item .article .box {
	padding: 40px;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold
}
.style-masonry .items .item .article .ttl {
	line-height: 1.4;
	margin-bottom: .3em;
	text-transform: uppercase
}
.style-masonry .items .item .article .name {
	color: #ccc;
	margin-top: .3em;
	font-size: 12px;
	font-weight: normal !important
}
.style-masonry .page-head {
	padding: 0 10px
}
.section-style .content, .section-shop .content, .section-media .content {
	position: relative;
	width: 100%;
	max-width: 100vw
}
.section-style .content .page-title, .section-shop .content .page-title, .section-media .content .page-title {
	position: absolute;
	left: 8%;
	top: 160px;
	z-index: 5
}
.section-style .content .page-title {
	left: auto;
	right: 8%
}
.pp-easing {
	-webkit-transition-timing-function: ease !important;
	transition-timing-function: ease !important
}

@media(max-width: 1920px) {
.section-media .right .box {
	width: 20vw
}
}

@media(max-width: 1600px) {
.section-style .content .page-title, .section-shop .content .page-title, .section-media .content .page-title {
	top: 120px
}
.section-shop .left {
	bottom: 120px
}
.section-shop .left h2 {
	font-size: 22px
}
.section-shop .left p {
	font-size: 12px
}
.section-concept .content .article {
	font-size: 1.5vw
}
}

@media(max-width: 1400px) {
.btn {
	margin-top: 15px
}
.header {
	padding-right: 0
}
.home .footer {
	padding-right: 0
}
.header .menu a {
	padding: .5em 2em
}
.header .brand svg{
	width: 150px
}
.header .right {
	position: relative;
	right: 10px
}
.home .footer {
	padding: 20px 10px 20px 30px
}
.section-shop .left {
	bottom: 100px
}
}

@media(max-width: 1300px) {
.contact-section {
	padding-right: 30%
}
.contact-section .contact-section-bg {
	width: 30%
}
.section-style .content .page-title, .section-shop .content .page-title, .section-media .content .page-title {
	top: 100px
}
.section-shop .right {
	width: 33%
}
.section-shop .left {
	width: 77%
}
.section-shop .right .figure {
	background-position: center
}
}

@media(max-width: 1200px) {
.contact-section .contact-section-bg {
	display: none !important
}
.page-head {
	font-size: 56px !important
}
.shop-price .photo .bg-photo {
	margin-top: 50px !important
}
.shop-recruit .photo .bg-photo {
	margin-top: 50px !important
}
.shop-ttl {
	margin-bottom: .6em
}
.shop-access .photo {
	margin-top: 50px !important
}
.shop-business {
	padding-top: 60px
}
.shop-access {
	margin-top: 60px
}
#menu-status:checked~.header {
	background-color: #000
}
.section-shop .left {
	bottom: 80px
}
.shop-price {
	padding-top: 100px
}
.toggle-btn {
	display: block
}
.footer .links, .icons, .header .header-menu, .header .contact-menu {
	display: none
}
.header {
	padding: 15px 20px 15px 30px
}
.section-concept .content {
	padding: 0 100px 100px 60px
}
.section-media .right .article {
	font-size: 12px
}
.section-media .right .article .ttl {
	font-size: 14px;
	margin-bottom: .2em
}
.section-shop .left p {
	margin: 10px 0 15px;
	line-height: 1.6
}
.section-home .content {
	padding: 0 40px
}
.footer .copyright {
	width: 100%;
	text-align: center;
	max-width: 100vw;
	line-height: 1.4
}
.section-style .content {
	padding: 80px 40px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.section-media .content {
	padding: 80px 40px
}
.section-shop .content {
	padding: 80px 40px
}
.section-style .right {
	width: 38vw
}
.section-style .left {
	width: calc(62vw - 100px)
}
.style-masonry, .contact-section {
	padding: 20px;
	padding-top: 100px
}
.section-concept .ttl {
	font-size: 5vw
}
.style-masonry .items .item {
	width: 25%
}
.contact-section {
	font-size: 16px
}
}

@media(max-width: 960px) {
.style-masonry .items .item {
	width: 33.333%
}
.section-concept .content .article {
	font-size: 1.9vw
}
.shop-price .wrapper, .shop-recruit .wrapper {
	display: block
}
.shop-price .content {
	width: 100%
}
.shop-price .photo {
	width: 100%
}
.shop-price .photo .bg-photo {
	padding-top: 60%;
	margin-top: 20px;
	background: top center/cover no-repeat
}
.shop-recruit .content {
	width: 100%
}
.shop-recruit .photo {
	width: 100%
}
.shop-recruit .photo .bg-photo {
	padding-top: 60%;
	margin-top: 20px
}
.shop-access .wrapper {
	display: block
}
.shop-access .content {
	width: 100%;
	padding: 0px 60px
}
.shop-access .photo {
	width: 100%
}
.shop-access .content .box {
	margin-left: 0
}
.shop-access .photo .map {
	padding-top: 60%;
	margin-top: 20px
}
}

@media(max-width: 768px) {
.section-shop .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}
.contact-section .contact-section-text {
	padding: 0
}
.section-home .pp-tableCell {
	padding-top: 100px;
	vertical-align: top
}
.section-home .content {
	text-align: center
}
.section-home .content .article {
	display: inline-block;
	text-align: left
}
.section-home .photo {
	font-size: 18vw;
	width: calc(100% - 40px);
	height: calc(100% - 60px - 100px - 2em);
	left: 20px;
	bottom: 60px;
	top: auto
}
.section-style .content .page-title, .section-shop .content .page-title, .section-media .content .page-title {
	left: 20px;
	width: calc(100% - 40px);
	right: 0;
	text-align: left
}
.section-style .content .page-title .small, .section-shop .content .page-title .small, .section-media .content .page-title .small {
	text-indent: .1em
}
.section-style .left .photo {
	margin-top: 15vh !important
}
.section-media .right {
	padding-left: 0
}
.section-media .right .box {
	width: 40vw;
	margin-top: 15vh !important
}
.shop-price .page-head {
	padding: 0 30px
}
.section-media .content, .shop-price .content, .shop-recruit .content, .shop-access .content {
	padding: 0 30px
}
.section-media .right .box {
	margin: 0 auto
}
.section-media .left {
	padding-right: 0
}
.section-media .left {
	width: 100%
}
.section-media .left .page-title {
	text-align: center
}
.section-media .right {
	width: 100%
}
.section-media .content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.home .footer {
	padding: 20px 20px
}
.section-style .page-title {
	white-space: nowrap
}
.section-home .article .en-by {
	font-size: 2.4vw
}
.section-home .article .en {
	font-size: 19vw
}
.section-concept .content {
	padding: 0 40px 80px
}
.section-home .content {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}
.section-style .content {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.section-style .page-title {
	text-align: center;
	margin-bottom: 40px
}
.section-style .left {
	width: 100vw
}
.section-style .left .ttl .big {
	font-size: 8vw
}
.page-title .big {
	font-size: 14vw
}
.section-style .right {
	width: 100%
}
.section-style .left .photo .slick-items {
	max-width: 350px
}
.section-style .left .ttl .small {
	font-size: 3vw
}
.section-concept .content .article {
	font-size: 18px
}
.section-concept .ttl {
	font-size: 10vw
}
.section-shop .left {
	width: 100%;
	padding: 0
}
.section-shop .right {
	padding: 0;
	width: 100%
}
.page-title .small {
	font-size: 4vw
}
.section-shop .btn {
	margin-top: 1.5em;
	position: relative;
	-webkit-transform: none !important;
	transform: none !important;
	bottom: auto
}
body {
	font-size: 14px
}
.section-shop .content {
	padding: 75px 40px 52px
}
.footer {
	padding-bottom: 15px
}
.style-masonry .items .item {
	width: 50%
}
.section-shop .right {
	padding: 0;
	width: 100%;
	height: auto;
	bottom: auto;
	top: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	position: relative;
	margin-top: 30px
}
.section-shop .left {
	padding-right: 0;
	width: 100%;
	position: relative;
	left: 0%;
	bottom: auto;
	margin-top: 200px;
	position: relative
}
.section-shop .left .text {
	width: 100%
}
}

@media(max-width: 500px) {
.contact-section .contact-section-text .article {
	padding-bottom: 0
}
.mw_wp_form .error {
	font-size: 12px;
	color: #c00;
	padding-top: 5px
}
.contact-section .multi-buttons {
	margin-top: 10px
}
.contact-section .contact-section-text dl {
	display: block;
	margin-top: 15px
}
.contact-section .contact-section-text dl dt {
	width: 100%;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 6px
}
.contact-section .contact-section-text dl dt br {
	display: none !important
}
.contact-section .contact-section-text dl dd {
	width: 100%
}
.contact-section .box-line {
	margin-top: 20px;
	padding: .6em .8em
}
.page-head-wrapper {
	width: 100%;
	display: block
}
.page-head-wrapper .des em {
	line-height: 1.6
}
[style="font-size:16px"] {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase
}
.page-head-box .addbtn {
	display: none
}
.page-head {
	font-size: 14vw
}
.style-masonry .items .item {
	padding: 5px
}
.style-masonry {
	padding: 10px 15px
}
.contact-section {
	padding: 10px 20px
}
.shop-price {
	padding-top: 80px
}
.shop-price .page-head {
	padding: 0 20px
}
.section-concept .content .article {
	font-size: 16px
}
.loading .loading-text {
	width: 50%
}
.header {
	padding: 10px 0px 10px 20px
}
.style-masonry {
	padding: 10px;
	padding-top: 80px
}
.contact-section {
	padding: 10px 20px;
	padding-top: 80px
}
.shop-access{
	margin-top: 60px
}
.shop-ttl {
	margin-bottom: .6em;
	font-size: 6vw
}
.shop-price .content, .shop-recruit .content, .shop-access .content {
	padding: 0 20px
}
.shop-price .tablese6 .seleft {
	width: 100%
}
.shop-price .tablese6 .seright {
	width: 100%
}
.section-home .content {
	padding: 0 20px
}
.section-home.active .article .en {
	white-space: nowrap
}
.section-concept .pp-tableCell {
	padding-top: 100px;
	vertical-align: top
}
.section-concept .ttl {
	font-size: 9vw
}
.section-media .right {
	padding-left: 0
}
.section-media .right .box {
	width: 60vw;
	max-width: 260px
}
.section-media .wrapper {
	height: 100%
}
.page-title .big {
	font-size: 20vw
}
.section-media .content {
	font-size: 18vw;
	height: 100%;
	position: relative;
	padding: 0 20px;
	padding-top: 2em
}
.section-style .content {
	padding-top: 80px;
	display: block;
	position: relative
}
.section-shop .content {
	padding: 80px 20px 56px
}
.section-style .left {
	width: 100%
}
.section-style .left .ttl .big {
	font-size: 9vw
}
.section-style .left .ttl .small {
	font-size: 4vw
}
.section-style .left .photo .slick-items {
	width: 80%
}
.section-shop .pp-tableCell {
	display: block
}
.section-media .left, .section-style .right {
	position: absolute;
	top: 0px;
	left: 0;
	padding: 0 20px;
	padding-top: 80px
}
.section-style .pp-tableCell {
	display: block
}
.section-style .left {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 20vw;
	padding-top: 1em
}
.section-media .left .page-title, .section-style .page-title {
	-webkit-transform: translateY(0em);
	transform: translateY(0em);
	text-align: left
}
.page-title .small {
	font-size: 6vw
}
.btn, .section-shop .btn {
	margin-top: 20px
}
.section-shop .left {
	position: relative;
	margin-top: 180px
}
.section-shop .photo {
	font-size: 18vw;
	padding-top: .6em
}
.contact-section {
	font-size: 14px
}
}

@media(max-width: 450px) {
.section-shop .content {
	padding-bottom: 52px
}
.section-home .photo {
	bottom: 52px
}
.shop-price .page-head, .style-masonry .page-head {
	text-align: center;
	width: 100%
}
.head-add-box .btns {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%
}
.head-add-box .btn {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.shop-price .photo .bg-photo, .shop-recruit .photo .bg-photo, .shop-access .photo {
	margin-top: 30px !important
}
.shop-recruit .item-ttl {
	font-size: 16px
}
.shop-access {
	margin-top: 40px
}
	.shop-business{
		padding-top: 40px
	}
.shop-recruit .item, .shop-access .item {
	margin-top: 20px
}
.shop-ttl {
	font-size: 8vw
}
.shop-price .tablese6 td {
	padding: 5px 0
}
.section-home .photo {
	height: calc(100% - 60px - 60px - 2em)
}
.footer {
	font-size: 10px
}
.section-media .right .box {
	width: 70vw;
	margin-top: 0 !important
}
.section-style .left .photo {
	margin-top: 0 !important
}
.section-shop .left h2 {
	font-size: 18px
}
.section-media .right .box {
	width: 80vw
}
.section-shop .left {
	margin-top: 38vw
}
.header {
	padding: 8px 8px 10px 20px
}
.toggle-btn label .line {
	height: 2px
}
.toggle-btn label .line::before, .toggle-btn label .line::after {
	height: 2px;
	-webkit-transform: rotate(0deg) translateY(8px);
	transform: rotate(0deg) translateY(8px)
}
.toggle-btn label .line::after {
	-webkit-transform: rotate(0deg) translateY(-8px);
	transform: rotate(0deg) translateY(-8px)
}
.page-title .big {
	font-size: 17vw
}
.page-title .small {
	font-size: 5vw
}
}

@media(max-width: 390px) {
.section-shop .left {
	margin-top: 32vw
}
.section-media .right .article {
	display: none
}
.section-style .content .page-title, .section-shop .content .page-title, .section-media .content .page-title {
	top: 80px
}
.section-media .right .box {
	width: 56vw
}
}

@media(max-width: 350px) {
.section-media .right .box {
	max-width: 200px
}
.footer .copyright {
	font-size: 10px
}
.style-masonry .items .item {
	width: 100%
}
}